@cgi-learning-hub/ui 1.6.0 → 1.7.0-dev.1750752562

package/dist/{Button-D974vesA.js → Button-DDV5EfwJ.js}

@@ -1,76 +1,43 @@
-import * as x from "react";
+import * as b from "react";
 import { P as t } from "./index-Sy88PpwE.js";
-import { F as K, G as q, H as R, n as b } from "./generateUtilityClasses-DngCqveO.js";
-import { u as J, s as S, c as Q, r as X } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { m as Y } from "./memoTheme-nmt7i1dS.js";
+import { F as A, G as K, H as R, K as r, n as y } from "./identifier-PWESmBq6.js";
+import { b as q, u as J, s as f, c as Q, r as X } from "./DefaultPropsProvider-DqazQPtr.js";
+import { m as Y } from "./memoTheme-DAFDflPY.js";
 import { c as Z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { jsxs as oo, jsx as g } from "react/jsx-runtime";
+import { jsxs as oo, jsx as d } from "react/jsx-runtime";
 import { u as to } from "./useId-CK6Kn3Tn.js";
-import { c as e } from "./capitalize-BHFotl9B.js";
-import { B as no } from "./ButtonBase-Chb99sDQ.js";
-import { C as ao } from "./CircularProgress-DVKNRMKq.js";
-function W(o, a) {
-  const n = {
-    ...a
-  };
-  for (const r in o)
-    if (Object.prototype.hasOwnProperty.call(o, r)) {
-      const i = r;
-      if (i === "components" || i === "slots")
-        n[i] = {
-          ...o[i],
-          ...n[i]
-        };
-      else if (i === "componentsProps" || i === "slotProps") {
-        const s = o[i], l = a[i];
-        if (!l)
-          n[i] = s || {};
-        else if (!s)
-          n[i] = l;
-        else {
-          n[i] = {
-            ...l
-          };
-          for (const y in s)
-            if (Object.prototype.hasOwnProperty.call(s, y)) {
-              const p = y;
-              n[i][p] = W(s[p], l[p]);
-            }
-        }
-      } else n[i] === void 0 && (n[i] = o[i]);
-    }
-  return n;
-}
+import { B as ao } from "./ButtonBase-6TF6t2SP.js";
+import { C as no } from "./CircularProgress-DZuYTFz-.js";
 function io(o) {
-  return q("MuiButton", o);
+  return K("MuiButton", o);
 }
-const v = K("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", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), T = /* @__PURE__ */ x.createContext({});
-process.env.NODE_ENV !== "production" && (T.displayName = "ButtonGroupContext");
-const L = /* @__PURE__ */ x.createContext(void 0);
-process.env.NODE_ENV !== "production" && (L.displayName = "ButtonGroupButtonContext");
+const p = A("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", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), W = /* @__PURE__ */ b.createContext({});
+process.env.NODE_ENV !== "production" && (W.displayName = "ButtonGroupContext");
+const T = /* @__PURE__ */ b.createContext(void 0);
+process.env.NODE_ENV !== "production" && (T.displayName = "ButtonGroupButtonContext");
 const ro = (o) => {
   const {
     color: a,
     disableElevation: n,
-    fullWidth: r,
-    size: i,
-    variant: s,
-    loading: l,
-    loadingPosition: y,
-    classes: p
-  } = o, z = {
-    root: ["root", l && "loading", s, `${s}${e(a)}`, `size${e(i)}`, `${s}Size${e(i)}`, `color${e(a)}`, n && "disableElevation", r && "fullWidth", l && `loadingPosition${e(y)}`],
-    startIcon: ["icon", "startIcon", `iconSize${e(i)}`],
-    endIcon: ["icon", "endIcon", `iconSize${e(i)}`],
+    fullWidth: i,
+    size: c,
+    variant: u,
+    loading: g,
+    loadingPosition: z,
+    classes: x
+  } = o, S = {
+    root: ["root", g && "loading", u, `${u}${r(a)}`, `size${r(c)}`, `${u}Size${r(c)}`, `color${r(a)}`, n && "disableElevation", i && "fullWidth", g && `loadingPosition${r(z)}`],
+    startIcon: ["icon", "startIcon", `iconSize${r(c)}`],
+    endIcon: ["icon", "endIcon", `iconSize${r(c)}`],
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
-  }, I = Q(z, io, p);
+  }, I = Q(S, io, x);
   return {
-    ...p,
+    ...x,
     // forward the focused, disabled, etc. classes to the ButtonBase
     ...I
   };
-}, k = [{
+}, L = [{
   props: {
     size: "small"
   },
@@ -97,7 +64,7 @@ const ro = (o) => {
       fontSize: 22
     }
   }
-}], eo = S(no, {
+}], eo = f(ao, {
   shouldForwardProp: (o) => X(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
@@ -105,7 +72,7 @@ const ro = (o) => {
     const {
       ownerState: n
     } = o;
-    return [a.root, a[n.variant], a[`${n.variant}${e(n.color)}`], a[`size${e(n.size)}`], a[`${n.variant}Size${e(n.size)}`], n.color === "inherit" && a.colorInherit, n.disableElevation && a.disableElevation, n.fullWidth && a.fullWidth, n.loading && a.loading];
+    return [a.root, a[n.variant], a[`${n.variant}${r(n.color)}`], a[`size${r(n.size)}`], a[`${n.variant}Size${r(n.size)}`], n.color === "inherit" && a.colorInherit, n.disableElevation && a.disableElevation, n.fullWidth && a.fullWidth, n.loading && a.loading];
   }
 })(Y(({
   theme: o
@@ -123,7 +90,7 @@ const ro = (o) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${v.disabled}`]: {
+    [`&.${p.disabled}`]: {
       color: (o.vars || o).palette.action.disabled
     },
     variants: [{
@@ -144,10 +111,10 @@ const ro = (o) => {
         "&:active": {
           boxShadow: (o.vars || o).shadows[8]
         },
-        [`&.${v.focusVisible}`]: {
+        [`&.${p.focusVisible}`]: {
           boxShadow: (o.vars || o).shadows[6]
         },
-        [`&.${v.disabled}`]: {
+        [`&.${p.disabled}`]: {
           color: (o.vars || o).palette.action.disabled,
           boxShadow: (o.vars || o).shadows[0],
           backgroundColor: (o.vars || o).palette.action.disabledBackground
@@ -163,7 +130,7 @@ const ro = (o) => {
         borderColor: "var(--variant-outlinedBorder, currentColor)",
         backgroundColor: "var(--variant-outlinedBg)",
         color: "var(--variant-outlinedColor)",
-        [`&.${v.disabled}`]: {
+        [`&.${p.disabled}`]: {
           border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
         }
       }
@@ -176,22 +143,22 @@ const ro = (o) => {
         color: "var(--variant-textColor)",
         backgroundColor: "var(--variant-textBg)"
       }
-    }, ...Object.entries(o.palette).filter(Z()).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(Z()).map(([i]) => ({
       props: {
-        color: r
+        color: i
       },
       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)` : b(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[i].main,
+        "--variant-outlinedColor": (o.vars || o).palette[i].main,
+        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[i].mainChannel} / 0.5)` : y(o.palette[i].main, 0.5),
+        "--variant-containedColor": (o.vars || o).palette[i].contrastText,
+        "--variant-containedBg": (o.vars || o).palette[i].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})` : b(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})` : b(o.palette[r].main, o.palette.action.hoverOpacity)
+            "--variant-containedBg": (o.vars || o).palette[i].dark,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[i].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : y(o.palette[i].main, o.palette.action.hoverOpacity),
+            "--variant-outlinedBorder": (o.vars || o).palette[i].main,
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[i].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : y(o.palette[i].main, o.palette.action.hoverOpacity)
           }
         }
       }
@@ -206,8 +173,8 @@ const ro = (o) => {
         "@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})` : b(o.palette.text.primary, o.palette.action.hoverOpacity),
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.text.primary, o.palette.action.hoverOpacity)
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : y(o.palette.text.primary, o.palette.action.hoverOpacity),
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : y(o.palette.text.primary, o.palette.action.hoverOpacity)
           }
         }
       }
@@ -274,13 +241,13 @@ const ro = (o) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${v.focusVisible}`]: {
+        [`&.${p.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${v.disabled}`]: {
+        [`&.${p.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -299,20 +266,20 @@ const ro = (o) => {
         transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
           duration: o.transitions.duration.short
         }),
-        [`&.${v.loading}`]: {
+        [`&.${p.loading}`]: {
           color: "transparent"
         }
       }
     }]
   };
-})), so = S("span", {
+})), so = f("span", {
   name: "MuiButton",
   slot: "StartIcon",
   overridesResolver: (o, a) => {
     const {
       ownerState: n
     } = o;
-    return [a.startIcon, n.loading && a.startIconLoadingStart, a[`iconSize${e(n.size)}`]];
+    return [a.startIcon, n.loading && a.startIconLoadingStart, a[`iconSize${r(n.size)}`]];
   }
 })(({
   theme: o
@@ -347,15 +314,15 @@ const ro = (o) => {
     style: {
       marginRight: -8
     }
-  }, ...k]
-})), lo = S("span", {
+  }, ...L]
+})), lo = f("span", {
   name: "MuiButton",
   slot: "EndIcon",
   overridesResolver: (o, a) => {
     const {
       ownerState: n
     } = o;
-    return [a.endIcon, n.loading && a.endIconLoadingEnd, a[`iconSize${e(n.size)}`]];
+    return [a.endIcon, n.loading && a.endIconLoadingEnd, a[`iconSize${r(n.size)}`]];
   }
 })(({
   theme: o
@@ -390,11 +357,10 @@ const ro = (o) => {
     style: {
       marginLeft: -8
     }
-  }, ...k]
-})), po = S("span", {
+  }, ...L]
+})), po = f("span", {
   name: "MuiButton",
-  slot: "LoadingIndicator",
-  overridesResolver: (o, a) => a.loadingIndicator
+  slot: "LoadingIndicator"
 })(({
   theme: o
 }) => ({
@@ -482,97 +448,96 @@ const ro = (o) => {
       right: -10
     }
   }]
-})), E = S("span", {
+})), E = f("span", {
   name: "MuiButton",
-  slot: "LoadingIconPlaceholder",
-  overridesResolver: (o, a) => a.loadingIconPlaceholder
+  slot: "LoadingIconPlaceholder"
 })({
   display: "inline-block",
   width: "1em",
   height: "1em"
-}), co = /* @__PURE__ */ x.forwardRef(function(a, n) {
-  const r = x.useContext(T), i = x.useContext(L), s = W(r, a), l = J({
-    props: s,
+}), co = /* @__PURE__ */ b.forwardRef(function(a, n) {
+  const i = b.useContext(W), c = b.useContext(T), u = q(i, a), g = J({
+    props: u,
     name: "MuiButton"
   }), {
-    children: y,
-    color: p = "primary",
-    component: z = "button",
+    children: z,
+    color: x = "primary",
+    component: S = "button",
     className: I,
-    disabled: m = !1,
+    disabled: C = !1,
     disableElevation: M = !1,
-    disableFocusRipple: C = !1,
-    endIcon: B,
-    focusVisibleClassName: V,
-    fullWidth: j = !1,
+    disableFocusRipple: B = !1,
+    endIcon: m,
+    focusVisibleClassName: k,
+    fullWidth: V = !1,
     id: P,
-    loading: c = null,
-    loadingIndicator: F,
-    loadingPosition: f = "center",
-    size: G = "medium",
+    loading: s = null,
+    loadingIndicator: j,
+    loadingPosition: v = "center",
+    size: F = "medium",
     startIcon: h,
     type: w,
-    variant: D = "text",
-    ...U
-  } = l, $ = to(P), O = F ?? /* @__PURE__ */ g(ao, {
+    variant: G = "text",
+    ...D
+  } = g, $ = to(P), O = j ?? /* @__PURE__ */ d(no, {
     "aria-labelledby": $,
     color: "inherit",
     size: 16
-  }), u = {
-    ...l,
-    color: p,
-    component: z,
-    disabled: m,
+  }), l = {
+    ...g,
+    color: x,
+    component: S,
+    disabled: C,
     disableElevation: M,
-    disableFocusRipple: C,
-    fullWidth: j,
-    loading: c,
+    disableFocusRipple: B,
+    fullWidth: V,
+    loading: s,
     loadingIndicator: O,
-    loadingPosition: f,
-    size: G,
+    loadingPosition: v,
+    size: F,
     type: w,
-    variant: D
-  }, d = ro(u), H = (h || c && f === "start") && /* @__PURE__ */ g(so, {
-    className: d.startIcon,
-    ownerState: u,
-    children: h || /* @__PURE__ */ g(E, {
-      className: d.loadingIconPlaceholder,
-      ownerState: u
+    variant: G
+  }, e = ro(l), U = (h || s && v === "start") && /* @__PURE__ */ d(so, {
+    className: e.startIcon,
+    ownerState: l,
+    children: h || /* @__PURE__ */ d(E, {
+      className: e.loadingIconPlaceholder,
+      ownerState: l
     })
-  }), _ = (B || c && f === "end") && /* @__PURE__ */ g(lo, {
-    className: d.endIcon,
-    ownerState: u,
-    children: B || /* @__PURE__ */ g(E, {
-      className: d.loadingIconPlaceholder,
-      ownerState: u
+  }), H = (m || s && v === "end") && /* @__PURE__ */ d(lo, {
+    className: e.endIcon,
+    ownerState: l,
+    children: m || /* @__PURE__ */ d(E, {
+      className: e.loadingIconPlaceholder,
+      ownerState: l
     })
-  }), A = i || "", N = typeof c == "boolean" ? (
+  }), _ = c || "", N = typeof s == "boolean" ? (
     // use plain HTML span to minimize the runtime overhead
-    /* @__PURE__ */ g("span", {
-      className: d.loadingWrapper,
+    /* @__PURE__ */ d("span", {
+      className: e.loadingWrapper,
       style: {
         display: "contents"
       },
-      children: c && /* @__PURE__ */ g(po, {
-        className: d.loadingIndicator,
-        ownerState: u,
+      children: s && /* @__PURE__ */ d(po, {
+        className: e.loadingIndicator,
+        ownerState: l,
         children: O
       })
     })
   ) : null;
   return /* @__PURE__ */ oo(eo, {
-    ownerState: u,
-    className: R(r.className, d.root, I, A),
-    component: z,
-    disabled: m || c,
-    focusRipple: !C,
-    focusVisibleClassName: R(d.focusVisible, V),
+    ownerState: l,
+    className: R(i.className, e.root, I, _),
+    component: S,
+    disabled: C || s,
+    focusRipple: !B,
+    focusVisibleClassName: R(e.focusVisible, k),
     ref: n,
     type: w,
-    id: c ? $ : P,
-    ...U,
-    classes: d,
-    children: [H, f !== "end" && N, y, f === "end" && N, _]
+    id: s ? $ : P,
+    ...D,
+    classes: e,
+    children: [U, v !== "end" && N, z, v === "end" && N, H]
   });
 });
 process.env.NODE_ENV !== "production" && (co.propTypes = {
@@ -692,6 +657,5 @@ process.env.NODE_ENV !== "production" && (co.propTypes = {
   variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
 });
 export {
-  co as B,
-  W as r
+  co as B
 };

package/dist/Button-DyJV5llI.cjs

@@ -0,0 +1 @@
+"use strict";const U=require("react"),t=require("./index-DLnSn8GT.cjs"),i=require("./identifier-BoZelETM.cjs"),s=require("./DefaultPropsProvider-Cnf49AIv.cjs"),H=require("./memoTheme-BKfsJx_F.cjs"),A=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),l=require("react/jsx-runtime"),J=require("./useId-DNXtOFeX.cjs"),K=require("./ButtonBase-Dp6sf_dP.cjs"),Q=require("./CircularProgress-CXXyPavb.cjs");function X(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(a,n,e.get?e:{enumerable:!0,get:()=>o[n]})}}return a.default=o,Object.freeze(a)}const b=X(U);function Y(o){return i.generateUtilityClass("MuiButton",o)}const c=i.generateUtilityClasses("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","loading","loadingWrapper","loadingIconPlaceholder","loadingIndicator","loadingPositionCenter","loadingPositionStart","loadingPositionEnd"]),R=b.createContext({});process.env.NODE_ENV!=="production"&&(R.displayName="ButtonGroupContext");const N=b.createContext(void 0);process.env.NODE_ENV!=="production"&&(N.displayName="ButtonGroupButtonContext");const Z=o=>{const{color:a,disableElevation:n,fullWidth:e,size:u,variant:g,loading:y,loadingPosition:P,classes:x}=o,f={root:["root",y&&"loading",g,`${g}${i.capitalize(a)}`,`size${i.capitalize(u)}`,`${g}Size${i.capitalize(u)}`,`color${i.capitalize(a)}`,n&&"disableElevation",e&&"fullWidth",y&&`loadingPosition${i.capitalize(P)}`],startIcon:["icon","startIcon",`iconSize${i.capitalize(u)}`],endIcon:["icon","endIcon",`iconSize${i.capitalize(u)}`],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]},S=s.composeClasses(f,Y,x);return{...x,...S}},E=[{props:{size:"small"},style:{"& > *:nth-of-type(1)":{fontSize:18}}},{props:{size:"medium"},style:{"& > *:nth-of-type(1)":{fontSize:20}}},{props:{size:"large"},style:{"& > *:nth-of-type(1)":{fontSize:22}}}],oo=s.styled(K.ButtonBase,{shouldForwardProp:o=>s.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:n}=o;return[a.root,a[n.variant],a[`${n.variant}${i.capitalize(n.color)}`],a[`size${i.capitalize(n.size)}`],a[`${n.variant}Size${i.capitalize(n.size)}`],n.color==="inherit"&&a.colorInherit,n.disableElevation&&a.disableElevation,n.fullWidth&&a.fullWidth,n.loading&&a.loading]}})(H.memoTheme(({theme:o})=>{const a=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];return{...o.typography.button,minWidth:64,padding:"6px 16px",border:0,borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":{textDecoration:"none"},[`&.${c.disabled}`]:{color:(o.vars||o).palette.action.disabled},variants:[{props:{variant:"contained"},style:{color:"var(--variant-containedColor)",backgroundColor:"var(--variant-containedBg)",boxShadow:(o.vars||o).shadows[2],"&:hover":{boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2]}},"&:active":{boxShadow:(o.vars||o).shadows[8]},[`&.${c.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]},[`&.${c.disabled}`]:{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground}}},{props:{variant:"outlined"},style:{padding:"5px 15px",border:"1px solid currentColor",borderColor:"var(--variant-outlinedBorder, currentColor)",backgroundColor:"var(--variant-outlinedBg)",color:"var(--variant-outlinedColor)",[`&.${c.disabled}`]:{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`}}},{props:{variant:"text"},style:{padding:"6px 8px",color:"var(--variant-textColor)",backgroundColor:"var(--variant-textBg)"}},...Object.entries(o.palette).filter(A.createSimplePaletteValueFilter()).map(([e])=>({props:{color:e},style:{"--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)`:i.alpha(o.palette[e].main,.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[e].dark,"--variant-textBg":o.vars?`rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:i.alpha(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})`:i.alpha(o.palette[e].main,o.palette.action.hoverOpacity)}}}})),{props:{color:"inherit"},style:{color:"inherit",borderColor:"currentColor","--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedBg:a,"@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})`:i.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"--variant-outlinedBg":o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:i.alpha(o.palette.text.primary,o.palette.action.hoverOpacity)}}}},{props:{size:"small",variant:"text"},style:{padding:"4px 5px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"text"},style:{padding:"8px 11px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"outlined"},style:{padding:"3px 9px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"outlined"},style:{padding:"7px 21px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"contained"},style:{padding:"4px 10px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"contained"},style:{padding:"8px 22px",fontSize:o.typography.pxToRem(15)}},{props:{disableElevation:!0},style:{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${c.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${c.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}},{props:{loadingPosition:"center"},style:{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${c.loading}`]:{color:"transparent"}}}]}})),to=s.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:n}=o;return[a.startIcon,n.loading&&a.startIconLoadingStart,a[`iconSize${i.capitalize(n.size)}`]]}})(({theme:o})=>({display:"inherit",marginRight:8,marginLeft:-4,variants:[{props:{size:"small"},style:{marginLeft:-2}},{props:{loadingPosition:"start",loading:!0},style:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0}},{props:{loadingPosition:"start",loading:!0,fullWidth:!0},style:{marginRight:-8}},...E]})),ao=s.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:n}=o;return[a.endIcon,n.loading&&a.endIconLoadingEnd,a[`iconSize${i.capitalize(n.size)}`]]}})(({theme:o})=>({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},{props:{loadingPosition:"end",loading:!0},style:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0}},{props:{loadingPosition:"end",loading:!0,fullWidth:!0},style:{marginLeft:-8}},...E]})),no=s.styled("span",{name:"MuiButton",slot:"LoadingIndicator"})(({theme:o})=>({display:"none",position:"absolute",visibility:"visible",variants:[{props:{loading:!0},style:{display:"flex"}},{props:{loadingPosition:"start"},style:{left:14}},{props:{loadingPosition:"start",size:"small"},style:{left:10}},{props:{variant:"text",loadingPosition:"start"},style:{left:6}},{props:{loadingPosition:"center"},style:{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled}},{props:{loadingPosition:"end"},style:{right:14}},{props:{loadingPosition:"end",size:"small"},style:{right:10}},{props:{variant:"text",loadingPosition:"end"},style:{right:6}},{props:{loadingPosition:"start",fullWidth:!0},style:{position:"relative",left:-10}},{props:{loadingPosition:"end",fullWidth:!0},style:{position:"relative",right:-10}}]})),O=s.styled("span",{name:"MuiButton",slot:"LoadingIconPlaceholder"})({display:"inline-block",width:"1em",height:"1em"}),W=b.forwardRef(function(a,n){const e=b.useContext(R),u=b.useContext(N),g=s.resolveProps(e,a),y=s.useDefaultProps({props:g,name:"MuiButton"}),{children:P,color:x="primary",component:f="button",className:S,disabled:z=!1,disableElevation:j=!1,disableFocusRipple:T=!1,endIcon:I,focusVisibleClassName:L,fullWidth:M=!1,id:B,loading:p=null,loadingIndicator:k,loadingPosition:v="center",size:V="medium",startIcon:C,type:h,variant:q="text",...D}=y,w=J.useId(B),m=k??l.jsx(Q.CircularProgress,{"aria-labelledby":w,color:"inherit",size:16}),d={...y,color:x,component:f,disabled:z,disableElevation:j,disableFocusRipple:T,fullWidth:M,loading:p,loadingIndicator:m,loadingPosition:v,size:V,type:h,variant:q},r=Z(d),F=(C||p&&v==="start")&&l.jsx(to,{className:r.startIcon,ownerState:d,children:C||l.jsx(O,{className:r.loadingIconPlaceholder,ownerState:d})}),_=(I||p&&v==="end")&&l.jsx(ao,{className:r.endIcon,ownerState:d,children:I||l.jsx(O,{className:r.loadingIconPlaceholder,ownerState:d})}),G=u||"",$=typeof p=="boolean"?l.jsx("span",{className:r.loadingWrapper,style:{display:"contents"},children:p&&l.jsx(no,{className:r.loadingIndicator,ownerState:d,children:m})}):null;return l.jsxs(oo,{ownerState:d,className:i.clsx(e.className,r.root,S,G),component:f,disabled:z||p,focusRipple:!T,focusVisibleClassName:i.clsx(r.focusVisible,L),ref:n,type:h,id:p?w:B,...D,classes:r,children:[F,v!=="end"&&$,P,v==="end"&&$,_]})});process.env.NODE_ENV!=="production"&&(W.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),t.PropTypes.string]),component:t.PropTypes.elementType,disabled:t.PropTypes.bool,disableElevation:t.PropTypes.bool,disableFocusRipple:t.PropTypes.bool,disableRipple:t.PropTypes.bool,endIcon:t.PropTypes.node,focusVisibleClassName:t.PropTypes.string,fullWidth:t.PropTypes.bool,href:t.PropTypes.string,id:t.PropTypes.string,loading:t.PropTypes.bool,loadingIndicator:t.PropTypes.node,loadingPosition:t.PropTypes.oneOf(["center","end","start"]),size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["small","medium","large"]),t.PropTypes.string]),startIcon:t.PropTypes.node,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]),type:t.PropTypes.oneOfType([t.PropTypes.oneOf(["button","reset","submit"]),t.PropTypes.string]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});exports.Button=W;

package/dist/{ButtonBase-Chb99sDQ.js → ButtonBase-6TF6t2SP.js}

@@ -4,14 +4,14 @@ var ae = (o, e, t) => Be(o, typeof e != "symbol" ? e + "" : e, t);
 import * as d from "react";
 import H, { isValidElement as W, cloneElement as G, Children as Le } from "react";
 import { P as n } from "./index-Sy88PpwE.js";
-import { H as C, F as pe, G as Oe } from "./generateUtilityClasses-DngCqveO.js";
+import { H as C, F as pe, G as Oe } from "./identifier-PWESmBq6.js";
 import { jsx as I, jsxs as ke } from "react/jsx-runtime";
-import { u as fe, s as ne, c as je } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { u as fe, s as ne, c as je } from "./DefaultPropsProvider-DqazQPtr.js";
 import { a as Fe, u as $e } from "./useTimeout-CrCYVizI.js";
 import { _ as Ie, a as Ue, T as ue } from "./TransitionGroupContext-DbLioz_6.js";
 import { keyframes as oe } from "@emotion/react";
 import { u as le } from "./useForkRef-u29GSuCu.js";
-import { u as J } from "./useEventCallback-Yoj9nCug.js";
+import { a as J } from "./useEventCallback-Y2KwRxBw.js";
 import { i as ce } from "./isFocusVisible-CPZqtjv2.js";
 import { e as ze } from "./elementTypeAcceptingRef-DOeckaXy.js";
 import { r as _e } from "./refType-Dp7CJc86.js";
@@ -477,37 +477,37 @@ const M = pe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       left: 0,
       top: 0
     };
-    let v, P, S;
+    let S, P, v;
     if (B || c === void 0 || c.clientX === 0 && c.clientY === 0 || !c.clientX && !c.touches)
-      v = Math.round(V.width / 2), P = Math.round(V.height / 2);
+      S = Math.round(V.width / 2), P = Math.round(V.height / 2);
     else {
       const {
         clientX: z,
         clientY: L
       } = c.touches && c.touches.length > 0 ? c.touches[0] : c;
-      v = Math.round(z - V.left), P = Math.round(L - V.top);
+      S = Math.round(z - V.left), P = Math.round(L - V.top);
     }
     if (B)
-      S = Math.sqrt((2 * V.width ** 2 + V.height ** 2) / 3), S % 2 === 0 && (S += 1);
+      v = Math.sqrt((2 * V.width ** 2 + V.height ** 2) / 3), v % 2 === 0 && (v += 1);
     else {
-      const z = Math.max(Math.abs((E ? E.clientWidth : 0) - v), v) * 2 + 2, L = Math.max(Math.abs((E ? E.clientHeight : 0) - P), P) * 2 + 2;
-      S = Math.sqrt(z ** 2 + L ** 2);
+      const z = Math.max(Math.abs((E ? E.clientWidth : 0) - S), S) * 2 + 2, L = Math.max(Math.abs((E ? E.clientHeight : 0) - P), P) * 2 + 2;
+      v = Math.sqrt(z ** 2 + L ** 2);
     }
     c != null && c.touches ? g.current === null && (g.current = () => {
       x({
         pulsate: $,
-        rippleX: v,
+        rippleX: S,
         rippleY: P,
-        rippleSize: S,
+        rippleSize: v,
         cb: R
       });
     }, D.start(Je, () => {
       g.current && (g.current(), g.current = null);
     })) : x({
       pulsate: $,
-      rippleX: v,
+      rippleX: S,
       rippleY: P,
-      rippleSize: S,
+      rippleSize: v,
       cb: R
     });
   }, [i, x, D]), A = d.useCallback(() => {
@@ -568,8 +568,7 @@ const it = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), rt = (o) =
   return t && a && (s.root += ` ${a}`), s;
 }, st = ne("button", {
   name: "MuiButtonBase",
-  slot: "Root",
-  overridesResolver: (o, e) => e.root
+  slot: "Root"
 })({
   display: "inline-flex",
   alignItems: "center",
@@ -638,9 +637,9 @@ const it = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), rt = (o) =
     onMouseUp: U,
     onTouchEnd: E,
     onTouchMove: V,
-    onTouchStart: v,
+    onTouchStart: S,
     tabIndex: P = 0,
-    TouchRippleProps: S,
+    TouchRippleProps: v,
     touchRippleRef: z,
     type: L,
     ..._
@@ -656,7 +655,7 @@ const it = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), rt = (o) =
   }, [h, y, O, b]);
   const ge = N(b, "start", $, m), Me = N(b, "stop", j, m), ye = N(b, "stop", A, m), Re = N(b, "stop", U, m), Te = N(b, "stop", (u) => {
     O && u.preventDefault(), B && B(u);
-  }, m), Ee = N(b, "start", v, m), Ce = N(b, "stop", E, m), xe = N(b, "stop", V, m), Pe = N(b, "stop", (u) => {
+  }, m), Ee = N(b, "start", S, m), Ce = N(b, "stop", E, m), xe = N(b, "stop", V, m), Pe = N(b, "stop", (u) => {
     ce(u.target) || K(!1), w && w(u);
   }, !1), Ne = J((u) => {
     X.current || (X.current = u.currentTarget), ce(u.target) && (K(!0), c && c(u)), F && F(u);
@@ -676,7 +675,7 @@ const it = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), rt = (o) =
   q === "button" && (_.href || _.to) && (q = g);
   const Y = {};
   q === "button" ? (Y.type = L === void 0 ? "button" : L, Y.disabled = f) : (!_.href && !_.to && (Y.role = "button"), f && (Y["aria-disabled"] = f));
-  const ve = le(t, X), se = {
+  const Se = le(t, X), se = {
     ...a,
     centerRipple: r,
     component: l,
@@ -686,10 +685,10 @@ const it = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), rt = (o) =
     focusRipple: y,
     tabIndex: P,
     focusVisible: O
-  }, Se = rt(se);
+  }, ve = rt(se);
   return /* @__PURE__ */ ke(st, {
     as: q,
-    className: C(Se.root, p),
+    className: C(ve.root, p),
     ownerState: se,
     onBlur: Pe,
     onClick: x,
@@ -704,7 +703,7 @@ const it = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), rt = (o) =
     onTouchEnd: Ce,
     onTouchMove: xe,
     onTouchStart: Ee,
-    ref: ve,
+    ref: Se,
     tabIndex: f ? -1 : P,
     type: L,
     ...Y,
@@ -712,7 +711,7 @@ const it = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), rt = (o) =
     children: [s, be ? /* @__PURE__ */ I(he, {
       ref: me,
       center: r,
-      ...S
+      ...v
     }) : null]
   });
 });