@cgi-learning-hub/ui 1.3.5-dev.1736346072 → 1.3.5

package/dist/{Stack-LOzokt50.js → Stack-BzTJdRGj.js}

@@ -1,65 +1,110 @@
-import { P as e, M as V, S as g, U as f, V as C, W as D, X as R, G as N, H as E, Y as b } from "./identifier-DuQ8Gjnk.js";
-import { b as F, c as M, s as B, u as G } from "./DefaultPropsProvider-DEufUd_C.js";
+import { P as e, M as P, S as b, U as f, V as N, W as D, X as G, G as R, Y as O } from "./generateUtilityClasses-Bssl7BA_.js";
+import { b as M, s as $, u as E } from "./DefaultPropsProvider-CvJPQJmL.js";
 import * as m from "react";
-import { jsx as w } from "react/jsx-runtime";
-import { e as U } from "./extendSxProp-BtWdisVp.js";
-import { u as $ } from "./useThemeProps-DkiiJVq2.js";
-const A = F(), _ = V(), H = A("div", {
+import { jsx as F } from "react/jsx-runtime";
+import { e as B } from "./extendSxProp-C2ff0oGc.js";
+import { u as w } from "./useThemeProps-BySkSe-M.js";
+const T = (o) => o, U = () => {
+  let o = T;
+  return {
+    configure(r) {
+      o = r;
+    },
+    generate(r) {
+      return o(r);
+    },
+    reset() {
+      o = T;
+    }
+  };
+}, q = U(), A = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function _(o, r, n = "Mui") {
+  const t = A[r];
+  return t ? `${n}-${t}` : `${q.generate(o)}-${r}`;
+}
+const I = M();
+function L(o, r, n = void 0) {
+  const t = {};
+  for (const i in o) {
+    const a = o[i];
+    let l = "", u = !0;
+    for (let s = 0; s < a.length; s += 1) {
+      const c = a[s];
+      c && (l += (u === !0 ? "" : " ") + r(c), u = !1, n && n[c] && (l += " " + n[c]));
+    }
+    t[i] = l;
+  }
+  return t;
+}
+const W = P(), X = I("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
 });
-function I(o) {
-  return $({
+function Y(o) {
+  return w({
     props: o,
     name: "MuiStack",
-    defaultTheme: _
+    defaultTheme: W
   });
 }
-function L(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), []);
+function z(o, r) {
+  const n = m.Children.toArray(o).filter(Boolean);
+  return n.reduce((t, i, a) => (t.push(i), a < n.length - 1 && t.push(/* @__PURE__ */ m.cloneElement(r, {
+    key: `separator-${a}`
+  })), t), []);
 }
-const W = (o) => ({
+const H = (o) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
   "column-reverse": "Bottom"
-})[o], X = ({
+})[o], J = ({
   ownerState: o,
   theme: r
 }) => {
-  let c = {
+  let n = {
     display: "flex",
     flexDirection: "column",
-    ...g({
+    ...b({
       theme: r
     }, f({
       values: o.direction,
       breakpoints: r.breakpoints.values
-    }), (a) => ({
-      flexDirection: a
+    }), (t) => ({
+      flexDirection: t
     }))
   };
   if (o.spacing) {
-    const a = C(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 t = N(r), i = Object.keys(r.breakpoints.values).reduce((s, c) => ((typeof o.spacing == "object" && o.spacing[c] != null || typeof o.direction == "object" && o.direction[c] != null) && (s[c] = !0), s), {}), a = f({
       values: o.direction,
       base: i
     }), l = f({
       values: o.spacing,
       base: i
     });
-    typeof n == "object" && Object.keys(n).forEach((s, t, u) => {
-      if (!n[s]) {
-        const p = t > 0 ? n[u[t - 1]] : "column";
-        n[s] = p;
+    typeof a == "object" && Object.keys(a).forEach((s, c, p) => {
+      if (!a[s]) {
+        const d = c > 0 ? a[p[c - 1]] : "column";
+        a[s] = d;
       }
-    }), c = D(c, g({
+    }), n = D(n, b({
       theme: r
-    }, l, (s, t) => o.useFlexGap ? {
-      gap: b(a, s)
+    }, l, (s, c) => o.useFlexGap ? {
+      gap: O(t, 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,42 +112,42 @@ const W = (o) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${W(t ? n[t] : o.direction)}`]: b(a, s)
+        [`margin${H(c ? a[c] : o.direction)}`]: O(t, s)
       }
     }));
   }
-  return c = R(r.breakpoints, c), c;
+  return n = G(r.breakpoints, n), n;
 };
-function Y(o = {}) {
+function K(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = H,
-    useThemeProps: c = I,
-    componentName: a = "MuiStack"
-  } = o, i = () => M({
+    createStyledComponent: r = X,
+    useThemeProps: n = Y,
+    componentName: t = "MuiStack"
+  } = o, i = () => L({
     root: ["root"]
-  }, (s) => E(a, s), {}), n = r(X), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
-    const u = c(s), y = U(u), {
-      component: p = "div",
-      direction: T = "column",
-      spacing: h = 0,
+  }, (s) => _(t, s), {}), a = r(J), l = /* @__PURE__ */ m.forwardRef(function(s, c) {
+    const p = n(s), y = B(p), {
+      component: d = "div",
+      direction: h = "column",
+      spacing: k = 0,
       divider: v,
-      children: O,
+      children: g,
       className: j,
-      useFlexGap: k = !1,
-      ...x
-    } = y, P = {
-      direction: T,
-      spacing: h,
-      useFlexGap: k
-    }, S = i();
-    return /* @__PURE__ */ w(n, {
-      as: p,
-      ownerState: P,
-      ref: t,
-      className: N(S.root, j),
-      ...x,
-      children: v ? L(O, v) : O
+      useFlexGap: x = !1,
+      ...C
+    } = y, S = {
+      direction: h,
+      spacing: k,
+      useFlexGap: x
+    }, V = i();
+    return /* @__PURE__ */ F(a, {
+      as: d,
+      ownerState: S,
+      ref: c,
+      className: R(V.root, j),
+      ...C,
+      children: v ? z(g, v) : g
     });
   });
   return process.env.NODE_ENV !== "production" && (l.propTypes = {
@@ -113,18 +158,18 @@ function Y(o = {}) {
     sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
   }), l;
 }
-const q = Y({
-  createStyledComponent: B("div", {
+const Q = K({
+  createStyledComponent: $("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root
   }),
-  useThemeProps: (o) => G({
+  useThemeProps: (o) => E({
     props: o,
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (q.propTypes = {
+process.env.NODE_ENV !== "production" && (Q.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -169,5 +214,5 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
   useFlexGap: e.bool
 });
 export {
-  q as S
+  Q as S
 };

package/dist/Stack-Yq6rb7iK.cjs

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

package/dist/SwitchBase-DjIY_KWB.cjs

@@ -0,0 +1 @@
+"use strict";const M=require("react"),e=require("./generateUtilityClasses-B_H9HEmg.cjs"),l=require("./DefaultPropsProvider-3KMGupjb.cjs"),V=require("./useFormControl-haP0iPhl.cjs"),B=require("react/jsx-runtime"),$=require("./ButtonBase-BXtyQVDC.cjs"),A=require("./useControlled-Ysk4KqoX.cjs"),G=require("./refType-CoaxQOPt.cjs"),H=require("./capitalize-B3GG7Wn6.cjs");function J(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,a.get?a:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const K=J(M);function Q(o){return e.generateUtilityClass("PrivateSwitchBase",o)}e.generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const W=o=>{const{classes:s,checked:r,disabled:a,edge:i}=o,p={root:["root",r&&"checked",a&&"disabled",i&&`edge${H.capitalize(i)}`],input:["input"]};return l.composeClasses(p,Q,s)},X=l.styled($.ButtonBase)({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:o,ownerState:s})=>o==="start"&&s.size!=="small",style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:o,ownerState:s})=>o==="end"&&s.size!=="small",style:{marginRight:-12}}]}),Y=l.styled("input",{shouldForwardProp:l.rootShouldForwardProp})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),C=K.forwardRef(function(s,r){const{autoFocus:a,checked:i,checkedIcon:p,className:w,defaultChecked:f,disabled:F,disableFocusRipple:y=!1,edge:R=!1,icon:S,id:q,inputProps:x,inputRef:O,name:j,onBlur:h,onChange:b,onFocus:g,readOnly:I,required:z=!1,tabIndex:v,type:d,value:P,...N}=s,[m,U]=A.useControlled({controlled:i,default:!!f,name:"SwitchBase",state:"checked"}),n=V.useFormControl(),D=t=>{g&&g(t),n&&n.onFocus&&n.onFocus(t)},E=t=>{h&&h(t),n&&n.onBlur&&n.onBlur(t)},_=t=>{if(t.nativeEvent.defaultPrevented)return;const k=t.target.checked;U(k),b&&b(t,k)};let c=F;n&&typeof c>"u"&&(c=n.disabled);const L=d==="checkbox"||d==="radio",u={...s,checked:m,disabled:c,disableFocusRipple:y,edge:R},T=W(u);return B.jsxs(X,{component:"span",className:e.clsx(T.root,w),centerRipple:!0,focusRipple:!y,disabled:c,tabIndex:null,role:void 0,onFocus:D,onBlur:E,ownerState:u,ref:r,...N,children:[B.jsx(Y,{autoFocus:a,checked:i,defaultChecked:f,className:T.input,disabled:c,id:L?q:void 0,name:j,onChange:_,readOnly:I,ref:O,required:z,ownerState:u,tabIndex:v,type:d,...d==="checkbox"&&P===void 0?{}:{value:P},...x}),m?p:S]})});process.env.NODE_ENV!=="production"&&(C.propTypes={autoFocus:e.PropTypes.bool,checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),icon:e.PropTypes.node.isRequired,id:e.PropTypes.string,inputProps:e.PropTypes.object,inputRef:G.refType,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,readOnly:e.PropTypes.bool,required:e.PropTypes.bool,sx:e.PropTypes.object,tabIndex:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),type:e.PropTypes.string.isRequired,value:e.PropTypes.any});exports.SwitchBase=C;

package/dist/{SwitchBase-CXvx1DtF.js → SwitchBase-Dlth5_F7.js}

@@ -1,11 +1,12 @@
 import * as D from "react";
-import { H as G, I as H, G as V, P as e, L as _ } from "./identifier-DuQ8Gjnk.js";
-import { s as C, r as $, c as A } from "./DefaultPropsProvider-DEufUd_C.js";
-import { u as J } from "./useFormControl-CatNKXAi.js";
-import { jsxs as K, jsx as M } from "react/jsx-runtime";
-import { B as Q } from "./ButtonBase-ZtXnS9gg.js";
-import { u as W } from "./useControlled-BYdyS7Pn.js";
-import { r as X } from "./refType-Bj5oVmPL.js";
+import { H as G, I as H, G as V, P as e } from "./generateUtilityClasses-Bssl7BA_.js";
+import { s as C, r as _, c as $ } from "./DefaultPropsProvider-CvJPQJmL.js";
+import { u as A } from "./useFormControl-CatNKXAi.js";
+import { jsxs as J, jsx as K } from "react/jsx-runtime";
+import { B as M } from "./ButtonBase-DAWDecOk.js";
+import { u as Q } from "./useControlled-BYdyS7Pn.js";
+import { r as W } from "./refType-DKYKROQk.js";
+import { c as X } from "./capitalize-CkF8kU4n.js";
 function Y(s) {
   return G("PrivateSwitchBase", s);
 }
@@ -17,11 +18,11 @@ const Z = (s) => {
     disabled: c,
     edge: a
   } = s, l = {
-    root: ["root", d && "checked", c && "disabled", a && `edge${_(a)}`],
+    root: ["root", d && "checked", c && "disabled", a && `edge${X(a)}`],
     input: ["input"]
   };
-  return A(l, Y, t);
-}, ee = C(Q)({
+  return $(l, Y, t);
+}, ee = C(M)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -58,7 +59,7 @@ const Z = (s) => {
     }
   }]
 }), oe = C("input", {
-  shouldForwardProp: $
+  shouldForwardProp: _
 })({
   cursor: "inherit",
   position: "absolute",
@@ -94,16 +95,16 @@ const Z = (s) => {
     type: i,
     value: g,
     ...j
-  } = t, [y, v] = W({
+  } = t, [y, v] = Q({
     controlled: a,
     default: !!p,
     name: "SwitchBase",
     state: "checked"
-  }), n = J(), E = (o) => {
+  }), n = A(), E = (o) => {
     b && b(o), n && n.onFocus && n.onFocus(o);
-  }, L = (o) => {
-    h && h(o), n && n.onBlur && n.onBlur(o);
   }, T = (o) => {
+    h && h(o), n && n.onBlur && n.onBlur(o);
+  }, U = (o) => {
     if (o.nativeEvent.defaultPrevented)
       return;
     const B = o.target.checked;
@@ -111,14 +112,14 @@ const Z = (s) => {
   };
   let r = F;
   n && typeof r > "u" && (r = n.disabled);
-  const U = i === "checkbox" || i === "radio", u = {
+  const L = i === "checkbox" || i === "radio", u = {
     ...t,
     checked: y,
     disabled: r,
     disableFocusRipple: f,
     edge: R
   }, k = Z(u);
-  return /* @__PURE__ */ K(ee, {
+  return /* @__PURE__ */ J(ee, {
     component: "span",
     className: V(k.root, w),
     centerRipple: !0,
@@ -127,19 +128,19 @@ const Z = (s) => {
     tabIndex: null,
     role: void 0,
     onFocus: E,
-    onBlur: L,
+    onBlur: T,
     ownerState: u,
     ref: d,
     ...j,
-    children: [/* @__PURE__ */ M(oe, {
+    children: [/* @__PURE__ */ K(oe, {
       autoFocus: c,
       checked: a,
       defaultChecked: p,
       className: k.input,
       disabled: r,
-      id: U ? x : void 0,
+      id: L ? x : void 0,
       name: q,
-      onChange: T,
+      onChange: U,
       readOnly: z,
       ref: I,
       required: N,
@@ -210,7 +211,7 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: X,
+  inputRef: W,
   /*
    * @ignore
    */