@cgi-learning-hub/ui 1.3.3 → 1.3.4-dev.1733911143

package/dist/{Stack-y1PjTHKX.js → Stack-C1i6_V9e.js}

@@ -1,65 +1,110 @@
-import { P as e, M as V, R as g, S as f, U as C, V as R, W as D, K as N, I as E, X as b } from "./identifier-BqadgaK7.js";
-import { b as F, c as M, s as B, u as w } from "./DefaultPropsProvider-CaRoy5OV.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--6MLb_cS.js";
+import { b as M, s as $, u as E } from "./DefaultPropsProvider-DUWovK-8.js";
 import * as m from "react";
-import { jsx as G } from "react/jsx-runtime";
-import { e as U } from "./extendSxProp-XQwkK0m7.js";
-import { u as $ } from "./useThemeProps-BlQ3SLfB.js";
-const A = F(), I = V(), _ = A("div", {
+import { jsx as F } from "react/jsx-runtime";
+import { e as B } from "./extendSxProp-NjjUyYdB.js";
+import { u as w } from "./useThemeProps-DrCROxdY.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, t = "Mui") {
+  const n = A[r];
+  return n ? `${t}-${n}` : `${q.generate(o)}-${r}`;
+}
+const I = M();
+function L(o, r, t = void 0) {
+  const n = {};
+  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, t && t[c] && (l += " " + t[c]));
+    }
+    n[i] = l;
+  }
+  return n;
+}
+const W = P(), X = I("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
 });
-function K(o) {
-  return $({
+function Y(o) {
+  return w({
     props: o,
     name: "MuiStack",
-    defaultTheme: I
+    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 t = m.Children.toArray(o).filter(Boolean);
+  return t.reduce((n, i, a) => (n.push(i), a < t.length - 1 && n.push(/* @__PURE__ */ m.cloneElement(r, {
+    key: `separator-${a}`
+  })), n), []);
 }
-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 t = {
     display: "flex",
     flexDirection: "column",
-    ...g({
+    ...b({
       theme: r
     }, f({
       values: o.direction,
       breakpoints: r.breakpoints.values
-    }), (a) => ({
-      flexDirection: a
+    }), (n) => ({
+      flexDirection: n
     }))
   };
   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 n = 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, p) => {
-      if (!n[s]) {
-        const u = t > 0 ? n[p[t - 1]] : "column";
-        n[s] = u;
+    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 = R(c, g({
+    }), t = D(t, b({
       theme: r
-    }, l, (s, t) => o.useFlexGap ? {
-      gap: b(a, s)
+    }, l, (s, c) => o.useFlexGap ? {
+      gap: O(n, 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(n, s)
       }
     }));
   }
-  return c = D(r.breakpoints, c), c;
+  return t = G(r.breakpoints, t), t;
 };
-function q(o = {}) {
+function K(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = _,
-    useThemeProps: c = K,
-    componentName: a = "MuiStack"
-  } = o, i = () => M({
+    createStyledComponent: r = X,
+    useThemeProps: t = Y,
+    componentName: n = "MuiStack"
+  } = o, i = () => L({
     root: ["root"]
-  }, (s) => E(a, s), {}), n = r(X), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
-    const p = c(s), y = U(p), {
-      component: u = "div",
-      direction: T = "column",
-      spacing: h = 0,
+  }, (s) => _(n, s), {}), a = r(J), l = /* @__PURE__ */ m.forwardRef(function(s, c) {
+    const p = t(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__ */ G(n, {
-      as: u,
-      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 q(o = {}) {
     sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
   }), l;
 }
-const z = q({
-  createStyledComponent: B("div", {
+const Q = K({
+  createStyledComponent: $("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root
   }),
-  useThemeProps: (o) => w({
+  useThemeProps: (o) => E({
     props: o,
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (z.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" && (z.propTypes = {
   useFlexGap: e.bool
 });
 export {
-  z as S
+  Q as S
 };

package/dist/Stack-DMNZvXss.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./generateUtilityClasses-DEQ18TAF.cjs"),d=require("./DefaultPropsProvider-DE-Tx_ov.cjs"),C=require("react"),V=require("react/jsx-runtime"),D=require("./extendSxProp-Fr1MMO0I.cjs"),N=require("./useThemeProps-j-HQOOfB.cjs");function R(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const f=R(C),v=o=>o,q=()=>{let o=v;return{configure(r){o=r},generate(r){return o(r)},reset(){o=v}}},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(o,r,s="Mui"){const t=G[r];return t?`${s}-${t}`:`${B.generate(o)}-${r}`}const $=d.createStyled();function E(o,r,s=void 0){const t={};for(const i in o){const c=o[i];let a="",l=!0;for(let n=0;n<c.length;n+=1){const p=c[n];p&&(a+=(l===!0?"":" ")+r(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:(o,r)=>r.root});function _(o){return N.useThemeProps({props:o,name:"MuiStack",defaultTheme:w})}function U(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((t,i,c)=>(t.push(i),c<s.length-1&&t.push(f.cloneElement(r,{key:`separator-${c}`})),t),[])}const A=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],z=({ownerState:o,theme:r})=>{let s={display:"flex",flexDirection:"column",...e.handleBreakpoints({theme:r},e.resolveBreakpointValues({values:o.direction,breakpoints:r.breakpoints.values}),t=>({flexDirection:t}))};if(o.spacing){const t=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((n,p)=>((typeof o.spacing=="object"&&o.spacing[p]!=null||typeof o.direction=="object"&&o.direction[p]!=null)&&(n[p]=!0),n),{}),c=e.resolveBreakpointValues({values:o.direction,base:i}),a=e.resolveBreakpointValues({values:o.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)=>o.useFlexGap?{gap:e.getValue(t,n)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${A(p?c[p]:o.direction)}`]:e.getValue(t,n)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},a,l))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function I(o={}){const{createStyledComponent:r=F,useThemeProps:s=_,componentName:t="MuiStack"}=o,i=()=>E({root:["root"]},n=>M(t,n),{}),c=r(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 g=I({createStyledComponent:d.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>d.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(g.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=g;

package/dist/SwitchBase-BpMNk4XV.cjs

@@ -0,0 +1 @@
+"use strict";const M=require("react"),e=require("./generateUtilityClasses-DEQ18TAF.cjs"),l=require("./DefaultPropsProvider-DE-Tx_ov.cjs"),V=require("./useFormControl-haP0iPhl.cjs"),B=require("react/jsx-runtime"),$=require("./ButtonBase-DzK1n18b.cjs"),A=require("./useControlled-Ysk4KqoX.cjs"),G=require("./useEnhancedEffect-C9MKL5N4.cjs"),H=require("./capitalize-DASFtB-F.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:v=!1,tabIndex:z,type:d,value:P,...N}=s,[m,E]=A.useControlled({controlled:i,default:!!f,name:"SwitchBase",state:"checked"}),n=V.useFormControl(),U=t=>{g&&g(t),n&&n.onFocus&&n.onFocus(t)},D=t=>{h&&h(t),n&&n.onBlur&&n.onBlur(t)},_=t=>{if(t.nativeEvent.defaultPrevented)return;const k=t.target.checked;E(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:U,onBlur:D,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:v,ownerState:u,tabIndex:z,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-yCuH0Tqk.js → SwitchBase-DfbwljzN.js}

@@ -1,15 +1,16 @@
 import * as D from "react";
-import { I as J, J as K, K as V, P as e, L as _ } from "./identifier-BqadgaK7.js";
-import { s as C, r as $, c as A } from "./DefaultPropsProvider-CaRoy5OV.js";
-import { u as G } from "./useFormControl-CatNKXAi.js";
-import { jsxs as H, jsx as M } from "react/jsx-runtime";
-import { B as Q } from "./ButtonBase-CFD7NVUc.js";
-import { u as W } from "./useControlled-BYdyS7Pn.js";
-import { r as X } from "./refType-DlHf9HvO.js";
+import { H as G, I as H, G as V, P as e } from "./generateUtilityClasses--6MLb_cS.js";
+import { s as C, r as _, c as $ } from "./DefaultPropsProvider-DUWovK-8.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-CYkLbJ0U.js";
+import { u as Q } from "./useControlled-BYdyS7Pn.js";
+import { r as W } from "./useEnhancedEffect-DlS7O_-p.js";
+import { c as X } from "./capitalize-NmHVRYy8.js";
 function Y(s) {
-  return J("PrivateSwitchBase", s);
+  return G("PrivateSwitchBase", s);
 }
-K("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+H("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
 const Z = (s) => {
   const {
     classes: t,
@@ -17,11 +18,11 @@ const Z = (s) => {
     disabled: c,
     edge: n
   } = s, l = {
-    root: ["root", d && "checked", c && "disabled", n && `edge${_(n)}`],
+    root: ["root", d && "checked", c && "disabled", n && `edge${X(n)}`],
     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,
     ...O
-  } = t, [y, j] = W({
+  } = t, [y, j] = Q({
     controlled: n,
     default: !!p,
     name: "SwitchBase",
     state: "checked"
-  }), a = G(), E = (o) => {
+  }), a = A(), E = (o) => {
     b && b(o), a && a.onFocus && a.onFocus(o);
-  }, L = (o) => {
-    h && h(o), a && a.onBlur && a.onBlur(o);
   }, T = (o) => {
+    h && h(o), a && a.onBlur && a.onBlur(o);
+  }, U = (o) => {
     if (o.nativeEvent.defaultPrevented)
       return;
     const B = o.target.checked;
@@ -111,14 +112,14 @@ const Z = (s) => {
   };
   let r = F;
   a && typeof r > "u" && (r = a.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__ */ H(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,
     ...O,
-    children: [/* @__PURE__ */ M(oe, {
+    children: [/* @__PURE__ */ K(oe, {
       autoFocus: c,
       checked: n,
       defaultChecked: p,
       className: k.input,
       disabled: r,
-      id: U ? x : void 0,
+      id: L ? x : void 0,
       name: q,
-      onChange: T,
+      onChange: U,
       readOnly: v,
       ref: I,
       required: z,
@@ -210,7 +211,7 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: X,
+  inputRef: W,
   /*
    * @ignore
    */