@cgi-learning-hub/ui 1.2.0-dev.1725543340 → 1.2.0-dev.1725543764

package/dist/{Stack-Dlgk5t_M.js → Stack-BzF_6-v5.js}

@@ -1,64 +1,65 @@
-import { P as e, n as D, m as T, B as g, D as m, E as F, F as N, G as R, z as E, _ as B, y as G, v as _, H as b } from "./identifier-CAQ9PWqs.js";
-import { c as M, s as w, u as $ } from "./styled-Co-8YWfm.js";
-import * as f from "react";
-import { c as U } from "./createStyled--XbpooZB.js";
-import { jsx as A } from "react/jsx-runtime";
-import { u as L } from "./useThemeProps-BfZ3lLQs.js";
-const z = U(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], I = D(), W = z("div", {
+import { P as e, M as C, R as g, S as f, U as R, V as D, W as N, L as E, I as F, X as T } from "./identifier-Bsv46xiT.js";
+import { a as M, c as B, s as $ } from "./DefaultPropsProvider-QV6PDjPd.js";
+import { a as w, u as G } from "./useThemeProps-YFPF1eJp.js";
+import * as m from "react";
+import { jsx as U } from "react/jsx-runtime";
+import { e as A } from "./extendSxProp-BpSXIdup.js";
+const I = M(), L = C(), _ = I("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
 });
-function q(o) {
-  return L({
+function W(o) {
+  return w({
     props: o,
     name: "MuiStack",
-    defaultTheme: I
+    defaultTheme: L
   });
 }
-function J(o, r) {
-  const c = f.Children.toArray(o).filter(Boolean);
-  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ f.cloneElement(r, {
+function X(o, r) {
+  const c = m.Children.toArray(o).filter(Boolean);
+  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ m.cloneElement(r, {
     key: `separator-${n}`
   })), a), []);
 }
-const K = (o) => ({
+const q = (o) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
   "column-reverse": "Bottom"
-})[o], Q = ({
+})[o], z = ({
   ownerState: o,
   theme: r
 }) => {
-  let c = T({
+  let c = {
     display: "flex",
-    flexDirection: "column"
-  }, g({
-    theme: r
-  }, m({
-    values: o.direction,
-    breakpoints: r.breakpoints.values
-  }), (a) => ({
-    flexDirection: a
-  })));
+    flexDirection: "column",
+    ...g({
+      theme: r
+    }, f({
+      values: o.direction,
+      breakpoints: r.breakpoints.values
+    }), (a) => ({
+      flexDirection: a
+    }))
+  };
   if (o.spacing) {
-    const a = F(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = m({
+    const a = R(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = f({
       values: o.direction,
       base: i
-    }), l = m({
+    }), l = f({
       values: o.spacing,
       base: i
     });
     typeof n == "object" && Object.keys(n).forEach((s, t, p) => {
       if (!n[s]) {
-        const d = t > 0 ? n[p[t - 1]] : "column";
-        n[s] = d;
+        const u = t > 0 ? n[p[t - 1]] : "column";
+        n[s] = u;
       }
-    }), c = N(c, g({
+    }), c = D(c, g({
       theme: r
     }, l, (s, t) => o.useFlexGap ? {
-      gap: b(a, s)
+      gap: T(a, s)
     } : {
       // The useFlexGap={false} implement relies on each child to give up control of the margin.
       // We need to reset the margin to avoid double spacing.
@@ -66,42 +67,43 @@ const K = (o) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${K(t ? n[t] : o.direction)}`]: b(a, s)
+        [`margin${q(t ? n[t] : o.direction)}`]: T(a, s)
       }
     }));
   }
-  return c = R(r.breakpoints, c), c;
+  return c = N(r.breakpoints, c), c;
 };
-function X(o = {}) {
+function H(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = W,
-    useThemeProps: c = q,
+    createStyledComponent: r = _,
+    useThemeProps: c = W,
     componentName: a = "MuiStack"
-  } = o, i = () => M({
+  } = o, i = () => B({
     root: ["root"]
-  }, (s) => _(a, s), {}), n = r(Q), l = /* @__PURE__ */ f.forwardRef(function(s, t) {
-    const p = c(s), u = E(p), {
-      component: d = "div",
-      direction: j = "column",
+  }, (s) => F(a, s), {}), n = r(z), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
+    const p = c(s), y = A(p), {
+      component: u = "div",
+      direction: h = "column",
       spacing: k = 0,
       divider: v,
       children: O,
-      className: x,
-      useFlexGap: P = !1
-    } = u, S = B(u, H), V = {
-      direction: j,
+      className: j,
+      useFlexGap: S = !1,
+      ...x
+    } = y, P = {
+      direction: h,
       spacing: k,
-      useFlexGap: P
-    }, C = i();
-    return /* @__PURE__ */ A(n, T({
-      as: d,
-      ownerState: V,
+      useFlexGap: S
+    }, V = i();
+    return /* @__PURE__ */ U(n, {
+      as: u,
+      ownerState: P,
       ref: t,
-      className: G(C.root, x)
-    }, S, {
-      children: v ? J(O, v) : O
-    }));
+      className: E(V.root, j),
+      ...x,
+      children: v ? X(O, v) : O
+    });
   });
   return process.env.NODE_ENV !== "production" && (l.propTypes = {
     children: e.node,
@@ -111,18 +113,18 @@ function X(o = {}) {
     sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
   }), l;
 }
-const h = X({
-  createStyledComponent: w("div", {
+const b = H({
+  createStyledComponent: $("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root
   }),
-  useThemeProps: (o) => $({
+  useThemeProps: (o) => G({
     props: o,
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (h.propTypes = {
+process.env.NODE_ENV !== "production" && (b.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -166,7 +168,7 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
    */
   useFlexGap: e.bool
 });
-const se = h;
+const ee = b;
 export {
-  se as S
+  ee as S
 };

package/dist/Stack-D6Kv6y1D.cjs

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