@cgi-learning-hub/ui 1.4.0 → 1.5.0-dev.1743511847

package/dist/{Select-B6mYfJPA.js → Select-B9udggeF.js}

@@ -1,22 +1,23 @@
 import * as u from "react";
-import { H as z, I as V, W as ve, P as e, G as pe, L as q, _ as mo, Z as go } from "./identifier-D58rA1gM.js";
+import { G as z, H as V, a2 as ve, P as e, I as pe, S as mo, J as go } from "./generateUtilityClasses-SJ1QPUag.js";
 import { f as ye } from "./formControlState-vgaj2ksH.js";
 import { u as he } from "./useFormControl-CatNKXAi.js";
-import { u as G, s as h, c as B, r as k, e as vo } from "./DefaultPropsProvider-BcmyIf2H.js";
-import { m as E } from "./memoTheme-DyiN-Awd.js";
+import { u as G, s as h, c as B, r as k, e as vo } from "./DefaultPropsProvider-ZFZfNXyN.js";
+import { m as E } from "./memoTheme-C9GnPENe.js";
 import { jsx as v, jsxs as Oe } from "react/jsx-runtime";
-import { a as yo, b as ho } from "./FormLabel-DjkS3S9h.js";
-import { M as Oo } from "./Menu-DzBX10ev.js";
-import { r as Y } from "./refType-B86yTZra.js";
+import { c as q } from "./capitalize-R3VbHRUv.js";
+import { a as yo, b as ho } from "./FormLabel-Sb7RO6Cr.js";
+import { M as Oo } from "./Menu-BCmTJEi8.js";
+import { r as J } from "./refType-D-xpF9tL.js";
 import { i as Co } from "./utils-DWqc1kRF.js";
 import { u as qe } from "./useControlled-BYdyS7Pn.js";
 import { u as He } from "./useForkRef-C_4o__cU.js";
 import { o as Io } from "./ownerDocument-CUrv0DIK.js";
 import { u as So } from "./useId-CK6Kn3Tn.js";
-import { c as Ro } from "./createSvgIcon-CCejzj0C.js";
-import { g as xo } from "./utils-SrEVp7Pm.js";
+import { c as Ro } from "./createSvgIcon-Dk3n_NBz.js";
+import { g as xo } from "./getReactElementRef-DMv8jOEv.js";
 import { c as Ce } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { i as Ie, I as Se, a as Re, r as xe, b as we, c as Te } from "./InputBase-CF5oNEfh.js";
+import { i as Ie, I as Se, a as Re, r as xe, b as we, c as Te } from "./InputBase-BemCmQtU.js";
 function wo(o) {
   return V("MuiInput", o);
 }
@@ -278,7 +279,7 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -372,7 +373,7 @@ Ne.muiName = "Input";
 function Fo(o) {
   return V("MuiInputLabel", o);
 }
-const St = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Mo = (o) => {
+const Rt = z("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]), Mo = (o) => {
   const {
     classes: t,
     formControl: n,
@@ -718,7 +719,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       [`&.${Pe.multiple}`]: t.multiple
     }];
   }
-})({}), Ye = h("svg")(({
+})({}), Je = h("svg")(({
   theme: o
 }) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
@@ -755,7 +756,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
       right: 7
     }
   }]
-})), Uo = h(Ye, {
+})), Uo = h(Je, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -764,7 +765,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     } = o;
     return [t.icon, n.variant && t[`icon${q(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
+})({}), Ye = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     className: r,
     disabled: i,
@@ -793,7 +794,7 @@ const Pe = z("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlin
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
+process.env.NODE_ENV !== "production" && (Ye.propTypes = {
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
@@ -823,7 +824,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * @ignore
    */
@@ -848,7 +849,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-function Je(o) {
+function Qe(o) {
   return V("MuiSelect", o);
 }
 const H = z("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
@@ -887,7 +888,7 @@ const Do = h(Ge, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), zo = h(Ye, {
+}), zo = h(Je, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
@@ -929,8 +930,8 @@ const _o = (o) => {
     icon: ["icon", `icon${q(n)}`, p && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return B(d, Je, t);
-}, Qe = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  return B(d, Qe, t);
+}, Ze = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var ze;
   const {
     "aria-describedby": r,
@@ -952,10 +953,10 @@ const _o = (o) => {
     name: S,
     onBlur: N,
     onChange: W,
-    onClose: Z,
+    onClose: Y,
     onFocus: de,
-    onOpen: J,
-    open: Q,
+    onOpen: Q,
+    open: Z,
     readOnly: ee,
     renderValue: oe,
     required: _,
@@ -971,12 +972,12 @@ const _o = (o) => {
     default: f,
     name: "Select"
   }), [je, to] = qe({
-    controlled: Q,
+    controlled: Z,
     default: m,
     name: "Select"
   }), Le = u.useRef(null), M = u.useRef(null), [j, no] = u.useState(null), {
     current: ce
-  } = u.useRef(Q != null), [ro, Be] = u.useState(), so = He(n, T), ao = u.useCallback((s) => {
+  } = u.useRef(Z != null), [ro, Be] = u.useState(), so = He(n, T), ao = u.useCallback((s) => {
     M.current = s, s && no(s);
   }, []), ne = j == null ? void 0 : j.parentNode;
   u.useImperativeHandle(so, () => ({
@@ -1003,7 +1004,7 @@ const _o = (o) => {
     }
   }, [y]);
   const re = (s, l) => {
-    s ? J && J(l) : Z && Z(l), ce || (Be(a ? null : ne.clientWidth), to(s));
+    s ? Q && Q(l) : Y && Y(l), ce || (Be(a ? null : ne.clientWidth), to(s));
   }, io = (s) => {
     s.button === 0 && (s.preventDefault(), M.current.focus(), re(!0, s));
   }, lo = (s) => {
@@ -1189,7 +1190,7 @@ const _o = (o) => {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Qe.propTypes = {
+process.env.NODE_ENV !== "production" && (Ze.propTypes = {
   /**
    * @ignore
    */
@@ -1249,7 +1250,7 @@ process.env.NODE_ENV !== "production" && (Qe.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
@@ -1732,7 +1733,7 @@ process.env.NODE_ENV !== "production" && ($e.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -1841,7 +1842,7 @@ const Go = h("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Yo = h("legend", {
+}), Jo = h("legend", {
   shouldForwardProp: k
 })(E(({
   theme: o
@@ -1923,7 +1924,7 @@ function eo(o) {
     className: r,
     ownerState: b,
     ...a,
-    children: /* @__PURE__ */ v(Yo, {
+    children: /* @__PURE__ */ v(Jo, {
       ownerState: b,
       children: d ? /* @__PURE__ */ v("span", {
         children: i
@@ -1964,7 +1965,7 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    */
   style: e.object
 });
-const Zo = (o) => {
+const Yo = (o) => {
   const {
     classes: t
   } = o, r = B({
@@ -1977,7 +1978,7 @@ const Zo = (o) => {
     // forward classes to the InputBase
     ...r
   };
-}, Jo = h(Re, {
+}, Qo = h(Re, {
   shouldForwardProp: (o) => k(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
@@ -2052,7 +2053,7 @@ const Zo = (o) => {
       }
     }]
   };
-})), Qo = h(eo, {
+})), Zo = h(eo, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline",
   overridesResolver: (o, t) => t.notchedOutline
@@ -2135,7 +2136,7 @@ const Zo = (o) => {
     slots: c = {},
     type: O = "text",
     ...C
-  } = i, w = Zo(i), T = he(), y = ye({
+  } = i, w = Yo(i), T = he(), y = ye({
     props: i,
     muiFormControl: T,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -2151,13 +2152,13 @@ const Zo = (o) => {
     multiline: m,
     size: y.size,
     type: O
-  }, I = c.root ?? p.Root ?? Jo, S = c.input ?? p.Input ?? et;
+  }, I = c.root ?? p.Root ?? Qo, S = c.input ?? p.Input ?? et;
   return /* @__PURE__ */ v(Se, {
     slots: {
       root: I,
       input: S
     },
-    renderSuffix: (N) => /* @__PURE__ */ v(Qo, {
+    renderSuffix: (N) => /* @__PURE__ */ v(Zo, {
       ownerState: x,
       className: w.notchedOutline,
       label: b != null && b !== "" && y.required ? r || (r = /* @__PURE__ */ Oe(u.Fragment, {
@@ -2255,7 +2256,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Y,
+  inputRef: J,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -2348,7 +2349,7 @@ const ot = (o) => {
     classes: t
   } = o, r = B({
     root: ["root"]
-  }, Je, t);
+  }, Qe, t);
   return {
     ...t,
     ...r
@@ -2381,15 +2382,15 @@ const ot = (o) => {
     onClose: S,
     onOpen: N,
     open: W,
-    renderValue: Z,
+    renderValue: Y,
     SelectDisplayProps: de,
-    variant: J = "outlined",
-    ...Q
-  } = r, ee = I ? Ze : Qe, oe = he(), _ = ye({
+    variant: Q = "outlined",
+    ...Z
+  } = r, ee = I ? Ye : Ze, oe = he(), _ = ye({
     props: r,
     muiFormControl: oe,
     states: ["variant", "error"]
-  }), $ = _.variant || J, F = {
+  }), $ = _.variant || Q, F = {
     ...r,
     variant: $,
     classes: a
@@ -2432,7 +2433,7 @@ const ot = (o) => {
           onClose: S,
           onOpen: N,
           open: W,
-          renderValue: Z,
+          renderValue: Y,
           SelectDisplayProps: {
             id: c,
             ...de
@@ -2451,7 +2452,7 @@ const ot = (o) => {
       ...!O && {
         variant: $
       },
-      ...Q
+      ...Z
     })
   });
 });
@@ -2610,9 +2611,9 @@ export {
   ke as O,
   oo as S,
   Lo as a,
-  St as b,
+  Rt as b,
   Fo as c,
-  Je as d,
+  Qe as d,
   L as f,
   wo as g,
   X as i,

package/dist/{Stack-aCUdCw1A.js → Stack-Ba2nYyYI.js}

@@ -1,65 +1,110 @@
-import { P as e, G as V, S as g, U as f, V as C, W as D, X as R, I as N, M as E, Y as b } from "./identifier-D58rA1gM.js";
-import { b as F, c as M, s as B, u as G } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { P as e, I as P, V as b, U as f, W as N, X as D, Y as R, M as G, Z as O } from "./generateUtilityClasses-SJ1QPUag.js";
+import { b as M, s as $, u as E } from "./DefaultPropsProvider-ZFZfNXyN.js";
 import * as m from "react";
-import { jsx as w } from "react/jsx-runtime";
-import { e as U } from "./extendSxProp-DFv-GFt5.js";
-import { u as $ } from "./useThemeProps-BGZrRNnL.js";
-const A = F(), I = E(), _ = A("div", {
+import { jsx as F } from "react/jsx-runtime";
+import { e as B } from "./extendSxProp-u_I5DXAE.js";
+import { u as w } from "./useThemeProps-ch-ZdCsr.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 I(o, r, t = "Mui") {
+  const n = A[r];
+  return n ? `${t}-${n}` : `${q.generate(o)}-${r}`;
+}
+const _ = 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 = G(), X = _("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
 });
-function L(o) {
-  return $({
+function Y(o) {
+  return w({
     props: o,
     name: "MuiStack",
-    defaultTheme: I
+    defaultTheme: W
   });
 }
-function W(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 X = (o) => ({
+const z = (o) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
   "column-reverse": "Bottom"
-})[o], Y = ({
+})[o], H = ({
   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 = D(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 X = (o) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${X(t ? n[t] : o.direction)}`]: b(a, s)
+        [`margin${z(c ? a[c] : o.direction)}`]: O(n, s)
       }
     }));
   }
-  return c = R(r.breakpoints, c), c;
+  return t = R(r.breakpoints, t), t;
 };
-function q(o = {}) {
+function J(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = _,
-    useThemeProps: c = L,
-    componentName: a = "MuiStack"
-  } = o, i = () => M({
+    createStyledComponent: r = X,
+    useThemeProps: t = Y,
+    componentName: n = "MuiStack"
+  } = o, i = () => L({
     root: ["root"]
-  }, (s) => N(a, s), {}), n = r(Y), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
-    const p = c(s), y = U(p), {
-      component: u = "div",
-      direction: T = "column",
-      spacing: h = 0,
+  }, (s) => I(n, s), {}), a = r(H), 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
+      useFlexGap: x = !1,
+      ...C
+    } = y, V = {
+      direction: h,
+      spacing: k,
+      useFlexGap: x
     }, S = i();
-    return /* @__PURE__ */ w(n, {
-      as: u,
-      ownerState: P,
-      ref: t,
-      className: V(S.root, j),
-      ...x,
-      children: v ? W(O, v) : O
+    return /* @__PURE__ */ F(a, {
+      as: d,
+      ownerState: V,
+      ref: c,
+      className: P(S.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 K = J({
+  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" && (z.propTypes = {
+process.env.NODE_ENV !== "production" && (K.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
+  K as S
 };

package/dist/Stack-DVHYuvhX.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./generateUtilityClasses-B90hrzv4.cjs"),d=require("./DefaultPropsProvider-DhsUT47i.cjs"),C=require("react"),V=require("react/jsx-runtime"),D=require("./extendSxProp-DG37PMfH.cjs"),N=require("./useThemeProps-qlNnBrri.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/Switch--DHfiMMI.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("react"),t=require("./generateUtilityClasses-B90hrzv4.cjs"),S=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),k=require("./SwitchBase-D6Hcty5-.cjs"),d=require("./memoTheme-D8ch-Aus.cjs"),p=require("react/jsx-runtime"),c=require("./DefaultPropsProvider-DhsUT47i.cjs"),i=require("./capitalize-CzyXIc5e.cjs"),P=require("./refType-B7SJEv5t.cjs");function $(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const C=$(m);function f(e){return t.generateUtilityClass("MuiSwitch",e)}const r=t.generateUtilityClasses("MuiSwitch",["root","edgeStart","edgeEnd","switchBase","colorPrimary","colorSecondary","sizeSmall","sizeMedium","checked","disabled","input","thumb","track"]),x=e=>{const{classes:o,edge:a,size:s,color:u,checked:y,disabled:h}=e,g={root:["root",a&&`edge${i.capitalize(a)}`,`size${i.capitalize(s)}`],switchBase:["switchBase",`color${i.capitalize(u)}`,y&&"checked",h&&"disabled"],thumb:["thumb"],track:["track"],input:["input"]},b=c.composeClasses(g,f,o);return{...o,...b}},z=c.styled("span",{name:"MuiSwitch",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:a}=e;return[o.root,a.edge&&o[`edge${i.capitalize(a.edge)}`],o[`size${i.capitalize(a.size)}`]]}})({display:"inline-flex",width:34+12*2,height:14+12*2,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"},variants:[{props:{edge:"start"},style:{marginLeft:-8}},{props:{edge:"end"},style:{marginRight:-8}},{props:{size:"small"},style:{width:40,height:24,padding:7,[`& .${r.thumb}`]:{width:16,height:16},[`& .${r.switchBase}`]:{padding:4,[`&.${r.checked}`]:{transform:"translateX(16px)"}}}}]}),O=c.styled(k.SwitchBase,{name:"MuiSwitch",slot:"SwitchBase",overridesResolver:(e,o)=>{const{ownerState:a}=e;return[o.switchBase,{[`& .${r.input}`]:o.input},a.color!=="default"&&o[`color${i.capitalize(a.color)}`]]}})(d.memoTheme(({theme:e})=>({position:"absolute",top:0,left:0,zIndex:1,color:e.vars?e.vars.palette.Switch.defaultColor:`${e.palette.mode==="light"?e.palette.common.white:e.palette.grey[300]}`,transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),[`&.${r.checked}`]:{transform:"translateX(20px)"},[`&.${r.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode==="light"?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${r.checked} + .${r.track}`]:{opacity:.5},[`&.${r.disabled} + .${r.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode==="light"?.12:.2}`},[`& .${r.input}`]:{left:"-100%",width:"300%"}})),d.memoTheme(({theme:e})=>({"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:t.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},variants:[...Object.entries(e.palette).filter(S.createSimplePaletteValueFilter(["light"])).map(([o])=>({props:{color:o},style:{[`&.${r.checked}`]:{color:(e.vars||e).palette[o].main,"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:t.alpha(e.palette[o].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${r.disabled}`]:{color:e.vars?e.vars.palette.Switch[`${o}DisabledColor`]:`${e.palette.mode==="light"?t.lighten(e.palette[o].main,.62):t.darken(e.palette[o].main,.55)}`}},[`&.${r.checked} + .${r.track}`]:{backgroundColor:(e.vars||e).palette[o].main}}}))]}))),j=c.styled("span",{name:"MuiSwitch",slot:"Track",overridesResolver:(e,o)=>o.track})(d.memoTheme(({theme:e})=>({height:"100%",width:"100%",borderRadius:14/2,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:e.vars?e.vars.palette.common.onBackground:`${e.palette.mode==="light"?e.palette.common.black:e.palette.common.white}`,opacity:e.vars?e.vars.opacity.switchTrack:`${e.palette.mode==="light"?.38:.3}`}))),R=c.styled("span",{name:"MuiSwitch",slot:"Thumb",overridesResolver:(e,o)=>o.thumb})(d.memoTheme(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"}))),v=C.forwardRef(function(o,a){const s=c.useDefaultProps({props:o,name:"MuiSwitch"}),{className:u,color:y="primary",edge:h=!1,size:g="medium",sx:b,...T}=s,n={...s,color:y,edge:h,size:g},l=x(n),w=p.jsx(R,{className:l.thumb,ownerState:n});return p.jsxs(z,{className:t.clsx(l.root,u),sx:b,ownerState:n,children:[p.jsx(O,{type:"checkbox",icon:w,checkedIcon:w,ref:a,ownerState:n,...T,classes:{...l,root:l.switchBase}}),p.jsx(j,{className:l.track,ownerState:n})]})});process.env.NODE_ENV!=="production"&&(v.propTypes={checked:t.PropTypes.bool,checkedIcon:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),t.PropTypes.string]),defaultChecked:t.PropTypes.bool,disabled:t.PropTypes.bool,disableRipple:t.PropTypes.bool,edge:t.PropTypes.oneOf(["end","start",!1]),icon:t.PropTypes.node,id:t.PropTypes.string,inputProps:t.PropTypes.object,inputRef:P.refType,onChange:t.PropTypes.func,required:t.PropTypes.bool,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["medium","small"]),t.PropTypes.string]),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),value:t.PropTypes.any});exports.Switch=v;exports.getSwitchUtilityClass=f;exports.switchClasses=r;

package/dist/{Switch-BOpqo-TS.js → Switch-D9wihGbW.js}

@@ -1,11 +1,12 @@
 import * as k from "react";
-import { H as S, I as y, G as $, L as r, n as f, s as C, q as x, P as a } from "./identifier-D58rA1gM.js";
+import { G as S, H as y, I as $, n as v, s as C, q as x, P as a } from "./generateUtilityClasses-SJ1QPUag.js";
 import { c as z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { S as O } from "./SwitchBase-BAjfatYA.js";
-import { m as l } from "./memoTheme-DyiN-Awd.js";
+import { S as O } from "./SwitchBase-hLPPZJfx.js";
+import { m as l } from "./memoTheme-C9GnPENe.js";
 import { jsxs as T, jsx as w } from "react/jsx-runtime";
-import { u as R, s as d, c as B } from "./DefaultPropsProvider-BcmyIf2H.js";
-import { r as j } from "./refType-B86yTZra.js";
+import { u as R, s as d, c as B } from "./DefaultPropsProvider-ZFZfNXyN.js";
+import { c as r } from "./capitalize-R3VbHRUv.js";
+import { r as j } from "./refType-D-xpF9tL.js";
 function M(t) {
   return y("MuiSwitch", t);
 }
@@ -131,7 +132,7 @@ const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   theme: t
 }) => ({
   "&:hover": {
-    backgroundColor: t.vars ? `rgba(${t.vars.palette.action.activeChannel} / ${t.vars.palette.action.hoverOpacity})` : f(t.palette.action.active, t.palette.action.hoverOpacity),
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.action.activeChannel} / ${t.vars.palette.action.hoverOpacity})` : v(t.palette.action.active, t.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -145,7 +146,7 @@ const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
       [`&.${o.checked}`]: {
         color: (t.vars || t).palette[e].main,
         "&:hover": {
-          backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / ${t.vars.palette.action.hoverOpacity})` : f(t.palette[e].main, t.palette.action.hoverOpacity),
+          backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / ${t.vars.palette.action.hoverOpacity})` : v(t.palette[e].main, t.palette.action.hoverOpacity),
           "@media (hover: none)": {
             backgroundColor: "transparent"
           }
@@ -203,7 +204,7 @@ const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
     color: u,
     edge: g,
     size: h
-  }, n = N(i), v = /* @__PURE__ */ w(U, {
+  }, n = N(i), f = /* @__PURE__ */ w(U, {
     className: n.thumb,
     ownerState: i
   });
@@ -213,8 +214,8 @@ const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
     ownerState: i,
     children: [/* @__PURE__ */ w(P, {
       type: "checkbox",
-      icon: v,
-      checkedIcon: v,
+      icon: f,
+      checkedIcon: f,
       ref: s,
       ownerState: i,
       ...m,

package/dist/SwitchBase-D6Hcty5-.cjs

@@ -0,0 +1 @@
+"use strict";const M=require("react"),e=require("./generateUtilityClasses-B90hrzv4.cjs"),l=require("./DefaultPropsProvider-DhsUT47i.cjs"),V=require("./useFormControl-haP0iPhl.cjs"),B=require("react/jsx-runtime"),$=require("./useControlled-Ysk4KqoX.cjs"),A=require("./capitalize-CzyXIc5e.cjs"),G=require("./ButtonBase-DIunRlDS.cjs"),H=require("./refType-B7SJEv5t.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${A.capitalize(i)}`],input:["input"]};return l.composeClasses(p,Q,s)},X=l.styled(G.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,U]=$.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: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:H.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;