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

package/dist/{Button-Bjy0iPNm.js → Button-CL9rFoOY.js}

@@ -1,37 +1,70 @@
-import * as u from "react";
-import { J as L, I as j, L as e, n as c, K as I, P as a } from "./identifier-BqadgaK7.js";
-import { s as b, r as D, a as F, u as G, c as U } from "./DefaultPropsProvider-CaRoy5OV.js";
-import { m as _ } from "./memoTheme-DfGVDRrB.js";
-import { c as H } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { jsxs as A, jsx as m } from "react/jsx-runtime";
-import { B as J } from "./ButtonBase-CFD7NVUc.js";
-function K(o) {
-  return j("MuiButton", o);
+import * as g from "react";
+import { I as L, H as G, n as v, G as m, P as t } from "./generateUtilityClasses--6MLb_cS.js";
+import { s as b, r as D, u as F, c as U } from "./DefaultPropsProvider-DUWovK-8.js";
+import { m as H } from "./memoTheme-o8RCKrNG.js";
+import { c as _ } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { jsxs as A, jsx as I } from "react/jsx-runtime";
+import { B as K } from "./ButtonBase-CYkLbJ0U.js";
+import { c as s } from "./capitalize-NmHVRYy8.js";
+function w(o, n) {
+  const a = {
+    ...n
+  };
+  for (const e in o)
+    if (Object.prototype.hasOwnProperty.call(o, e)) {
+      const r = e;
+      if (r === "components" || r === "slots")
+        a[r] = {
+          ...o[r],
+          ...a[r]
+        };
+      else if (r === "componentsProps" || r === "slotProps") {
+        const i = o[r], l = n[r];
+        if (!l)
+          a[r] = i || {};
+        else if (!i)
+          a[r] = l;
+        else {
+          a[r] = {
+            ...l
+          };
+          for (const c in i)
+            if (Object.prototype.hasOwnProperty.call(i, c)) {
+              const p = c;
+              a[r][p] = w(i[p], l[p]);
+            }
+        }
+      } else a[r] === void 0 && (a[r] = o[r]);
+    }
+  return a;
+}
+function q(o) {
+  return G("MuiButton", o);
 }
-const s = L("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), $ = /* @__PURE__ */ u.createContext({});
+const d = L("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), $ = /* @__PURE__ */ g.createContext({});
 process.env.NODE_ENV !== "production" && ($.displayName = "ButtonGroupContext");
-const w = /* @__PURE__ */ u.createContext(void 0);
-process.env.NODE_ENV !== "production" && (w.displayName = "ButtonGroupButtonContext");
-const q = (o) => {
+const O = /* @__PURE__ */ g.createContext(void 0);
+process.env.NODE_ENV !== "production" && (O.displayName = "ButtonGroupButtonContext");
+const J = (o) => {
   const {
-    color: t,
-    disableElevation: n,
-    fullWidth: r,
-    size: i,
-    variant: l,
-    classes: d
-  } = o, g = {
-    root: ["root", l, `${l}${e(t)}`, `size${e(i)}`, `${l}Size${e(i)}`, `color${e(t)}`, n && "disableElevation", r && "fullWidth"],
+    color: n,
+    disableElevation: a,
+    fullWidth: e,
+    size: r,
+    variant: i,
+    classes: l
+  } = o, c = {
+    root: ["root", i, `${i}${s(n)}`, `size${s(r)}`, `${i}Size${s(r)}`, `color${s(n)}`, a && "disableElevation", e && "fullWidth"],
     label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${e(i)}`],
-    endIcon: ["icon", "endIcon", `iconSize${e(i)}`]
-  }, x = U(g, K, d);
+    startIcon: ["icon", "startIcon", `iconSize${s(r)}`],
+    endIcon: ["icon", "endIcon", `iconSize${s(r)}`]
+  }, p = U(c, q, l);
   return {
-    ...d,
+    ...l,
     // forward the focused, disabled, etc. classes to the ButtonBase
-    ...x
+    ...p
   };
-}, O = [{
+}, R = [{
   props: {
     size: "small"
   },
@@ -58,20 +91,20 @@ const q = (o) => {
       fontSize: 22
     }
   }
-}], Q = b(J, {
+}], Q = b(K, {
   shouldForwardProp: (o) => D(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, n) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [t.root, t[n.variant], t[`${n.variant}${e(n.color)}`], t[`size${e(n.size)}`], t[`${n.variant}Size${e(n.size)}`], n.color === "inherit" && t.colorInherit, n.disableElevation && t.disableElevation, n.fullWidth && t.fullWidth];
+    return [n.root, n[a.variant], n[`${a.variant}${s(a.color)}`], n[`size${s(a.size)}`], n[`${a.variant}Size${s(a.size)}`], a.color === "inherit" && n.colorInherit, a.disableElevation && n.disableElevation, a.fullWidth && n.fullWidth];
   }
-})(_(({
+})(H(({
   theme: o
 }) => {
-  const t = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], n = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
+  const n = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], a = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
   return {
     ...o.typography.button,
     minWidth: 64,
@@ -84,7 +117,7 @@ const q = (o) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${s.disabled}`]: {
+    [`&.${d.disabled}`]: {
       color: (o.vars || o).palette.action.disabled
     },
     variants: [{
@@ -105,10 +138,10 @@ const q = (o) => {
         "&:active": {
           boxShadow: (o.vars || o).shadows[8]
         },
-        [`&.${s.focusVisible}`]: {
+        [`&.${d.focusVisible}`]: {
           boxShadow: (o.vars || o).shadows[6]
         },
-        [`&.${s.disabled}`]: {
+        [`&.${d.disabled}`]: {
           color: (o.vars || o).palette.action.disabled,
           boxShadow: (o.vars || o).shadows[0],
           backgroundColor: (o.vars || o).palette.action.disabledBackground
@@ -124,7 +157,7 @@ const q = (o) => {
         borderColor: "var(--variant-outlinedBorder, currentColor)",
         backgroundColor: "var(--variant-outlinedBg)",
         color: "var(--variant-outlinedColor)",
-        [`&.${s.disabled}`]: {
+        [`&.${d.disabled}`]: {
           border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
         }
       }
@@ -137,22 +170,22 @@ const q = (o) => {
         color: "var(--variant-textColor)",
         backgroundColor: "var(--variant-textBg)"
       }
-    }, ...Object.entries(o.palette).filter(H()).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(_()).map(([e]) => ({
       props: {
-        color: r
+        color: e
       },
       style: {
-        "--variant-textColor": (o.vars || o).palette[r].main,
-        "--variant-outlinedColor": (o.vars || o).palette[r].main,
-        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / 0.5)` : c(o.palette[r].main, 0.5),
-        "--variant-containedColor": (o.vars || o).palette[r].contrastText,
-        "--variant-containedBg": (o.vars || o).palette[r].main,
+        "--variant-textColor": (o.vars || o).palette[e].main,
+        "--variant-outlinedColor": (o.vars || o).palette[e].main,
+        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / 0.5)` : v(o.palette[e].main, 0.5),
+        "--variant-containedColor": (o.vars || o).palette[e].contrastText,
+        "--variant-containedBg": (o.vars || o).palette[e].main,
         "@media (hover: hover)": {
           "&:hover": {
-            "--variant-containedBg": (o.vars || o).palette[r].dark,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[r].main, o.palette.action.hoverOpacity),
-            "--variant-outlinedBorder": (o.vars || o).palette[r].main,
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[r].main, o.palette.action.hoverOpacity)
+            "--variant-containedBg": (o.vars || o).palette[e].dark,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[e].main, o.palette.action.hoverOpacity),
+            "--variant-outlinedBorder": (o.vars || o).palette[e].main,
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[e].main, o.palette.action.hoverOpacity)
           }
         }
       }
@@ -163,12 +196,12 @@ const q = (o) => {
       style: {
         color: "inherit",
         borderColor: "currentColor",
-        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : t,
+        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : n,
         "@media (hover: hover)": {
           "&:hover": {
-            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : n,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette.text.primary, o.palette.action.hoverOpacity),
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette.text.primary, o.palette.action.hoverOpacity)
+            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : a,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity)
           }
         }
       }
@@ -235,13 +268,13 @@ const q = (o) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${s.focusVisible}`]: {
+        [`&.${d.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${s.disabled}`]: {
+        [`&.${d.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -257,11 +290,11 @@ const q = (o) => {
 })), X = b("span", {
   name: "MuiButton",
   slot: "StartIcon",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, n) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [t.startIcon, t[`iconSize${e(n.size)}`]];
+    return [n.startIcon, n[`iconSize${s(a.size)}`]];
   }
 })({
   display: "inherit",
@@ -274,15 +307,15 @@ const q = (o) => {
     style: {
       marginLeft: -2
     }
-  }, ...O]
+  }, ...R]
 }), Y = b("span", {
   name: "MuiButton",
   slot: "EndIcon",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, n) => {
     const {
-      ownerState: n
+      ownerState: a
     } = o;
-    return [t.endIcon, t[`iconSize${e(n.size)}`]];
+    return [n.endIcon, n[`iconSize${s(a.size)}`]];
   }
 })({
   display: "inherit",
@@ -295,59 +328,59 @@ const q = (o) => {
     style: {
       marginRight: -2
     }
-  }, ...O]
-}), Z = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = u.useContext($), i = u.useContext(w), l = F(r, t), d = G({
-    props: l,
+  }, ...R]
+}), Z = /* @__PURE__ */ g.forwardRef(function(n, a) {
+  const e = g.useContext($), r = g.useContext(O), i = w(e, n), l = F({
+    props: i,
     name: "MuiButton"
   }), {
-    children: g,
-    color: x = "primary",
-    component: y = "button",
-    className: R,
-    disabled: f = !1,
-    disableElevation: E = !1,
+    children: c,
+    color: p = "primary",
+    component: f = "button",
+    className: N,
+    disabled: x = !1,
+    disableElevation: h = !1,
     disableFocusRipple: S = !1,
     endIcon: z,
-    focusVisibleClassName: N,
-    fullWidth: h = !1,
+    focusVisibleClassName: E,
+    fullWidth: P = !1,
     size: T = "medium",
     startIcon: C,
     type: B,
-    variant: P = "text",
-    ...W
-  } = d, v = {
-    ...d,
-    color: x,
-    component: y,
-    disabled: f,
-    disableElevation: E,
+    variant: W = "text",
+    ...k
+  } = l, y = {
+    ...l,
+    color: p,
+    component: f,
+    disabled: x,
+    disableElevation: h,
     disableFocusRipple: S,
-    fullWidth: h,
+    fullWidth: P,
     size: T,
     type: B,
-    variant: P
-  }, p = q(v), M = C && /* @__PURE__ */ m(X, {
-    className: p.startIcon,
-    ownerState: v,
+    variant: W
+  }, u = J(y), M = C && /* @__PURE__ */ I(X, {
+    className: u.startIcon,
+    ownerState: y,
     children: C
-  }), V = z && /* @__PURE__ */ m(Y, {
-    className: p.endIcon,
-    ownerState: v,
+  }), V = z && /* @__PURE__ */ I(Y, {
+    className: u.endIcon,
+    ownerState: y,
     children: z
-  }), k = i || "";
+  }), j = r || "";
   return /* @__PURE__ */ A(Q, {
-    ownerState: v,
-    className: I(r.className, p.root, R, k),
-    component: y,
-    disabled: f,
+    ownerState: y,
+    className: m(e.className, u.root, N, j),
+    component: f,
+    disabled: x,
     focusRipple: !S,
-    focusVisibleClassName: I(p.focusVisible, N),
-    ref: n,
+    focusVisibleClassName: m(u.focusVisible, E),
+    ref: a,
     type: B,
-    ...W,
-    classes: p,
-    children: [M, g, V]
+    ...k,
+    classes: u,
+    children: [M, c, V]
   });
 });
 process.env.NODE_ENV !== "production" && (Z.propTypes = {
@@ -358,42 +391,42 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
   /**
    * The content of the component.
    */
-  children: a.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: a.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: a.string,
+  className: t.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color: a.oneOfType([a.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), a.string]),
+  color: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), t.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: a.elementType,
+  component: t.elementType,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: a.bool,
+  disabled: t.bool,
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation: a.bool,
+  disableElevation: t.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: a.bool,
+  disableFocusRipple: t.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -401,50 +434,51 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: a.bool,
+  disableRipple: t.bool,
   /**
    * Element placed after the children.
    */
-  endIcon: a.node,
+  endIcon: t.node,
   /**
    * @ignore
    */
-  focusVisibleClassName: a.string,
+  focusVisibleClassName: t.string,
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth: a.bool,
+  fullWidth: t.bool,
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
-  href: a.string,
+  href: t.string,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
   /**
    * Element placed before the children.
    */
-  startIcon: a.node,
+  startIcon: t.node,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * @ignore
    */
-  type: a.oneOfType([a.oneOf(["button", "reset", "submit"]), a.string]),
+  type: t.oneOfType([t.oneOf(["button", "reset", "submit"]), t.string]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: a.oneOfType([a.oneOf(["contained", "outlined", "text"]), a.string])
+  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
 });
 export {
   Z as B,
-  $ as a
+  $ as a,
+  w as r
 };