https://pigment.app/assets/FlexColumn-EqGzx4w0.js

1import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./jsx-runtime-DSr1VPkp.js";import{s as r,t as i,u as a}from"./DataTagAttrs-DZqSL0Yn.js";var o=e(t()),s=n(),c=new Map([[`start`,`flex-start`],[`center`,`center`],[`stretch`,`stretch`],[`end`,`flex-end`]]),l=`stretch`,u=new Map([[`top`,`flex-start`],[`center`,`center`]]),d=`top`,f=(0,o.forwardRef)(function(e,t){let{children:n,childrenHorizontalAlign:r,childrenVerticalAlign:a,flex:o,gap:c,margin:l,padding:u,width:d,height:f,minWidth:m,minHeight:h,maxWidth:g,htmlNode:_,dataTag:v,id:y,role:b,className:x}=e;return(0,s.jsx)(p,{ref:t,as:_,...i(v),id:y,className:x,role:b,$childrenHorizontalAlign:r,$childrenVerticalAlign:a,$flex:o,$gap:c,$margin:l,$padding:u,$minWidth:m,$minHeight:h,$width:d,$height:f,$maxWidth:g,children:n})}),p=r.div`
2  display: flex;
3  flex-direction: column;
4  ${e=>e.$childrenHorizontalAlign!==void 0&&c.has(e.$childrenHorizontalAlign)?a`
5          align-items: ${c.get(e.$childrenHorizontalAlign)};
6        `:a`
7          align-items: ${c.get(l)};
8        `}
9  ${e=>e.$childrenVerticalAlign!==void 0&&u.has(e.$childrenVerticalAlign)?a`
10          justify-content: ${u.get(e.$childrenVerticalAlign)};
11        `:a`
12          justify-content: ${u.get(d)};
13        `}
14  ${e=>e.$gap!==void 0&&a`
15      gap: ${e.theme.getSpacing(e.$gap)};
16    `}
17  ${e=>e.$margin!==void 0&&a`
18      margin: ${e.theme.getSpacing(...e.$margin)};
19    `}
20  ${e=>e.$padding!==void 0&&a`
21      padding: ${e.theme.getSpacing(...e.$padding)};
22    `}
23  ${e=>e.$width!==void 0&&a`
24      width: ${e.$width===`100%`?e.$width:e.$width+`rem`};
25    `}
26  ${e=>e.$height!==void 0&&a`
27      height: ${e.$height===`100%`?e.$height:e.$height+`rem`};
28    `}
29  ${e=>e.$minWidth!==void 0&&a`
30      min-width: ${e.$minWidth};
31    `}
32  ${e=>e.$minHeight!==void 0&&a`
33      min-height: ${e.$minHeight};
34    `}
35  ${e=>e.$maxWidth!==void 0&&a`
36      max-width: ${e.$maxWidth};
37    `}
38  ${e=>e.$flex!==void 0&&a`
39      flex: ${e.$flex};
40    `}
41`;export{f as t};
42//# sourceMappingURL=FlexColumn-EqGzx4w0.js.map