import{At as e,Nt as t,W as n,_ as r,ct as i,m as a,xt as o}from"./client-DrrW410h.js";import{a as s,o as c}from"./ui-BXphkCO3.js";import{t as l}from"./flatten-C6dhMlvE.js";import{t as u}from"./get-slot-6kXJmSMP.js";import{_ as d}from"./index-CvfVA1ID.js";function f(){return d}var p={name:`Flex`,self:f},m=e({name:`Flex`,props:Object.assign(Object.assign({},a.props),{align:String,justify:{type:String,default:`start`},inline:Boolean,vertical:Boolean,reverse:Boolean,size:{type:[String,Number,Array],default:`medium`},wrap:{type:Boolean,default:!0}}),setup(e){let{mergedClsPrefixRef:t,mergedRtlRef:l}=n(e),u=a(`Flex`,`-flex`,void 0,p,e,t);return{rtlEnabled:r(`Flex`,l,t),mergedClsPrefix:t,margin:o(()=>{let{size:t}=e;if(Array.isArray(t))return{horizontal:t[0],vertical:t[1]};if(typeof t==`number`)return{horizontal:t,vertical:t};let{self:{[i(`gap`,t)]:n}}=u.value,{row:r,col:a}=c(n);return{horizontal:s(a),vertical:s(r)}})}},render(){let{vertical:e,reverse:n,align:r,inline:i,justify:a,margin:o,wrap:s,mergedClsPrefix:c,rtlEnabled:d}=this,f=l(u(this),!1);return f.length?t(`div`,{role:`none`,class:[`${c}-flex`,d&&`${c}-flex--rtl`],style:{display:i?`inline-flex`:`flex`,flexDirection:e&&!n?`column`:e&&n?`column-reverse`:!e&&n?`row-reverse`:`row`,justifyContent:a,flexWrap:!s||e?`nowrap`:`wrap`,alignItems:r,gap:`${o.vertical}px ${o.horizontal}px`}},f):null}});export{m as t};