@cgi-learning-hub/ui/dist/Stack-ChvZzNqc.cjs

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

"use strict";const e=require("./index-kjfz41UI.cjs"),g=require("./DefaultPropsProvider-C1g4BXET.cjs"),C=require("react"),p=require("./generateUtilityClasses-CENS22bI.cjs"),D=require("react/jsx-runtime"),f=require("./composeClasses-vN5Almps.cjs"),q=require("./extendSxProp-Dwd9vpYv.cjs"),B=require("./useThemeProps-JozrkyA_.cjs");function N(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const P=N(C),R=p.createTheme$1(),E=f.styled("div",{name:"MuiStack",slot:"Root"});function M(o){return B.useThemeProps({props:o,name:"MuiStack",defaultTheme:R})}function w(o,s){const r=P.Children.toArray(o).filter(Boolean);return r.reduce((n,a,c)=>(n.push(a),c<r.length-1&&n.push(P.cloneElement(s,{key:`separator-${c}`})),n),[])}const F=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],_=({ownerState:o,theme:s})=>{let r={display:"flex",flexDirection:"column",...p.handleBreakpoints({theme:s},p.resolveBreakpointValues({values:o.direction,breakpoints:s.breakpoints.values}),n=>({flexDirection:n}))};if(o.spacing){const n=p.createUnarySpacing(s),a=Object.keys(s.breakpoints.values).reduce((t,i)=>((typeof o.spacing=="object"&&o.spacing[i]!=null||typeof o.direction=="object"&&o.direction[i]!=null)&&(t[i]=!0),t),{}),c=p.resolveBreakpointValues({values:o.direction,base:a}),l=p.resolveBreakpointValues({values:o.spacing,base:a});typeof c=="object"&&Object.keys(c).forEach((t,i,y)=>{if(!c[t]){const T=i>0?c[y[i-1]]:"column";c[t]=T}});const u=(t,i)=>o.useFlexGap?{gap:p.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${F(i?c[i]:o.direction)}`]:p.getValue(n,t)}};r=p.deepmerge(r,p.handleBreakpoints({theme:s},l,u))}return r=p.mergeBreakpointsInOrder(s.breakpoints,r),r};function G(o={}){const{createStyledComponent:s=E,useThemeProps:r=M,componentName:n="MuiStack"}=o,a=()=>{const u={root:["root"]};return f.composeClasses(u,t=>f.generateUtilityClass(n,t),{})},c=s(_),l=P.forwardRef(function(t,i){const y=r(t),d=q.extendSxProp(y),{component:T="div",direction:b="column",spacing:j=0,divider:m,children:v,className:k,useFlexGap:h=!1,...x}=d,S={direction:b,spacing:j,useFlexGap:h},V=a();return D.jsx(c,{as:T,ownerState:S,ref:i,className:p.clsx(V.root,k),...x,children:m?w(v,m):v})});return process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])}),l}const O=G({createStyledComponent:g.styled("div",{name:"MuiStack",slot:"Root"}),useThemeProps:o=>g.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(O.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),useFlexGap:e.PropTypes.bool});exports.Stack=O;