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

package/dist/Stack-D9IYPfJ8.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-CWIj084w.cjs"),T=require("./styled-Bt4oYVnF.cjs"),S=require("react"),V=require("./createStyled-CuYz_ckk.cjs"),D=require("react/jsx-runtime"),C=require("./useThemeProps-BpFUkYqe.cjs");function N(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 f=N(S),R=V.createStyled(),_=["component","direction","spacing","divider","children","className","useFlexGap"],B=e.createTheme$1(),q=R("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return C.useThemeProps({props:o,name:"MuiStack",defaultTheme:B})}function E(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((n,i,p)=>(n.push(i),p<s.length-1&&n.push(f.cloneElement(r,{key:`separator-${p}`})),n),[])}const F=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],M=({ownerState:o,theme:r})=>{let s=e._extends({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,u)=>{if(!p[t]){const d=c>0?p[u[c-1]]:"column";p[t]=d}});const l=(t,c)=>o.useFlexGap?{gap:e.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${F(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 w(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:n="MuiStack"}=o,i=()=>{const l={root:["root"]};return T.composeClasses(l,t=>e.generateUtilityClass(n,t),{})},p=r(M),a=f.forwardRef(function(t,c){const u=s(t),y=e.extendSxProp(u),{component:d="div",direction:g="column",spacing:O=0,divider:P,children:m,className:b,useFlexGap:k=!1}=y,h=e._objectWithoutPropertiesLoose(y,_),j={direction:g,spacing:O,useFlexGap:k},x=i();return D.jsx(p,e._extends({as:d,ownerState:j,ref:c,className:e.clsx(x.root,b)},h,{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 v=w({createStyledComponent:T.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>T.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(v.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 G=v;exports.Stack=G;

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

@@ -1,65 +1,64 @@
-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", {
+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", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
 });
-function W(o) {
-  return w({
+function q(o) {
+  return L({
     props: o,
     name: "MuiStack",
-    defaultTheme: L
+    defaultTheme: I
   });
 }
-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, {
+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, {
     key: `separator-${n}`
   })), a), []);
 }
-const q = (o) => ({
+const K = (o) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
   "column-reverse": "Bottom"
-})[o], z = ({
+})[o], Q = ({
   ownerState: o,
   theme: r
 }) => {
-  let c = {
+  let c = T({
     display: "flex",
-    flexDirection: "column",
-    ...g({
-      theme: r
-    }, f({
-      values: o.direction,
-      breakpoints: r.breakpoints.values
-    }), (a) => ({
-      flexDirection: a
-    }))
-  };
+    flexDirection: "column"
+  }, g({
+    theme: r
+  }, m({
+    values: o.direction,
+    breakpoints: r.breakpoints.values
+  }), (a) => ({
+    flexDirection: a
+  })));
   if (o.spacing) {
-    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({
+    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({
       values: o.direction,
       base: i
-    }), l = f({
+    }), l = m({
       values: o.spacing,
       base: i
     });
     typeof n == "object" && Object.keys(n).forEach((s, t, p) => {
       if (!n[s]) {
-        const u = t > 0 ? n[p[t - 1]] : "column";
-        n[s] = u;
+        const d = t > 0 ? n[p[t - 1]] : "column";
+        n[s] = d;
       }
-    }), c = D(c, g({
+    }), c = N(c, g({
       theme: r
     }, l, (s, t) => o.useFlexGap ? {
-      gap: T(a, s)
+      gap: b(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.
@@ -67,43 +66,42 @@ const q = (o) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${q(t ? n[t] : o.direction)}`]: T(a, s)
+        [`margin${K(t ? n[t] : o.direction)}`]: b(a, s)
       }
     }));
   }
-  return c = N(r.breakpoints, c), c;
+  return c = R(r.breakpoints, c), c;
 };
-function H(o = {}) {
+function X(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = _,
-    useThemeProps: c = W,
+    createStyledComponent: r = W,
+    useThemeProps: c = q,
     componentName: a = "MuiStack"
-  } = o, i = () => B({
+  } = o, i = () => M({
     root: ["root"]
-  }, (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",
+  }, (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",
       spacing: k = 0,
       divider: v,
       children: O,
-      className: j,
-      useFlexGap: S = !1,
-      ...x
-    } = y, P = {
-      direction: h,
+      className: x,
+      useFlexGap: P = !1
+    } = u, S = B(u, H), V = {
+      direction: j,
       spacing: k,
-      useFlexGap: S
-    }, V = i();
-    return /* @__PURE__ */ U(n, {
-      as: u,
-      ownerState: P,
+      useFlexGap: P
+    }, C = i();
+    return /* @__PURE__ */ A(n, T({
+      as: d,
+      ownerState: V,
       ref: t,
-      className: E(V.root, j),
-      ...x,
-      children: v ? X(O, v) : O
-    });
+      className: G(C.root, x)
+    }, S, {
+      children: v ? J(O, v) : O
+    }));
   });
   return process.env.NODE_ENV !== "production" && (l.propTypes = {
     children: e.node,
@@ -113,18 +111,18 @@ function H(o = {}) {
     sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
   }), l;
 }
-const b = H({
-  createStyledComponent: $("div", {
+const h = X({
+  createStyledComponent: w("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root
   }),
-  useThemeProps: (o) => G({
+  useThemeProps: (o) => $({
     props: o,
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (b.propTypes = {
+process.env.NODE_ENV !== "production" && (h.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -168,7 +166,7 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
    */
   useFlexGap: e.bool
 });
-const ee = b;
+const se = h;
 export {
-  ee as S
+  se as S
 };