@cgi-learning-hub/ui 1.2.0-dev.1730799290 → 1.2.0-dev.1730802047

package/dist/{Box-BOwB0WGP.js → Box-CCNJo4xc.js}

@@ -1,8 +1,8 @@
-import { N as x, O as p, L as h, J as T, u as N, T as y, Q as B, P as e } from "./identifier-vL3mZxtO.js";
+import { N as x, O as p, L as h, J as T, u as N, T as y, Q as B, P as e } from "./identifier-C_jicJ2R.js";
 import * as C from "react";
 import { jsx as b } from "react/jsx-runtime";
-import { u as O } from "./useTheme-BZN9T64v.js";
-import { e as g } from "./extendSxProp-Cr6SqfyU.js";
+import { u as O } from "./useTheme-C18aJRpp.js";
+import { e as g } from "./extendSxProp-ZFHbVaVf.js";
 function v(n = {}) {
   const {
     themeId: t,

package/dist/Box-CHgIMOMk.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-8mtH7ZcP.cjs"),y=require("react"),T=require("react/jsx-runtime"),P=require("./useTheme-DMgnO6le.cjs"),h=require("./extendSxProp-CxNq_K9W.cjs");function b(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const N=b(y);function g(t={}){const{themeId:o,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:c}=t,l=e.styled("div",{shouldForwardProp:n=>n!=="theme"&&n!=="sx"&&n!=="as"})(e.styleFunctionSx);return N.forwardRef(function(i,m){const a=P.useTheme(s),{className:d,component:f="div",...x}=h.extendSxProp(i);return T.jsx(l,{as:f,ref:m,className:e.clsx(d,c?c(r):r),theme:o&&a[o]||a,...x})})}const p=e.generateUtilityClasses("MuiBox",["root"]),B=e.createTheme(),u=g({themeId:e.THEME_ID,defaultTheme:B,defaultClassName:p.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(u.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,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])});exports.Box=u;exports.boxClasses=p;

package/dist/Button-BZ3CM4Ou.cjs

@@ -0,0 +1 @@
+"use strict";const V=require("react"),t=require("./identifier-8mtH7ZcP.cjs"),i=require("./DefaultPropsProvider-BL9ahJBw.cjs"),k=require("./memoTheme-K38b4dAY.cjs"),D=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),g=require("react/jsx-runtime"),L=require("./ButtonBase-CfGA-YGO.cjs");function q(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>o[a]})}}return e.default=o,Object.freeze(e)}const d=q(V);function C(o){return t.generateUtilityClass("MuiButton",o)}const r=t.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"]),b=d.createContext({});process.env.NODE_ENV!=="production"&&(b.displayName="ButtonGroupContext");const B=d.createContext(void 0);process.env.NODE_ENV!=="production"&&(B.displayName="ButtonGroupButtonContext");const F=o=>{const{color:e,disableElevation:a,fullWidth:n,size:s,variant:l,classes:p}=o,v={root:["root",l,`${l}${t.capitalize(e)}`,`size${t.capitalize(s)}`,`${l}Size${t.capitalize(s)}`,`color${t.capitalize(e)}`,a&&"disableElevation",n&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${t.capitalize(s)}`],endIcon:["icon","endIcon",`iconSize${t.capitalize(s)}`]},y=i.composeClasses(v,C,p);return{...p,...y}},I=[{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}}}],G=i.styled(L.ButtonBase,{shouldForwardProp:o=>i.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:a}=o;return[e.root,e[a.variant],e[`${a.variant}${t.capitalize(a.color)}`],e[`size${t.capitalize(a.size)}`],e[`${a.variant}Size${t.capitalize(a.size)}`],a.color==="inherit"&&e.colorInherit,a.disableElevation&&e.disableElevation,a.fullWidth&&e.fullWidth]}})(k.memoTheme(({theme:o})=>{const e=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,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"},[`&.${r.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]},[`&.${r.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]},[`&.${r.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)",[`&.${r.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(D.createSimplePaletteValueFilter()).map(([n])=>({props:{color:n},style:{"--variant-textColor":(o.vars||o).palette[n].main,"--variant-outlinedColor":(o.vars||o).palette[n].main,"--variant-outlinedBorder":o.vars?`rgba(${o.vars.palette[n].mainChannel} / 0.5)`:t.alpha(o.palette[n].main,.5),"--variant-containedColor":(o.vars||o).palette[n].contrastText,"--variant-containedBg":(o.vars||o).palette[n].main,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":(o.vars||o).palette[n].dark,"--variant-textBg":o.vars?`rgba(${o.vars.palette[n].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n].main,o.palette.action.hoverOpacity),"--variant-outlinedBorder":(o.vars||o).palette[n].main,"--variant-outlinedBg":o.vars?`rgba(${o.vars.palette[n].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:t.alpha(o.palette[n].main,o.palette.action.hoverOpacity)}}}})),{props:{color:"inherit"},style:{color:"inherit",borderColor:"currentColor","--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedBg:e,"@media (hover: hover)":{"&:hover":{"--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})`:t.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"--variant-outlinedBg":o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:t.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"},[`&.${r.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${r.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}}]}})),_=i.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,e)=>{const{ownerState:a}=o;return[e.startIcon,e[`iconSize${t.capitalize(a.size)}`]]}})({display:"inherit",marginRight:8,marginLeft:-4,variants:[{props:{size:"small"},style:{marginLeft:-2}},...I]}),U=i.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,e)=>{const{ownerState:a}=o;return[e.endIcon,e[`iconSize${t.capitalize(a.size)}`]]}})({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},...I]}),w=d.forwardRef(function(e,a){const n=d.useContext(b),s=d.useContext(B),l=i.resolveProps(n,e),p=i.useDefaultProps({props:l,name:"MuiButton"}),{children:v,color:y="primary",component:x="button",className:$,disabled:f=!1,disableElevation:O=!1,disableFocusRipple:S=!1,endIcon:z,focusVisibleClassName:m,fullWidth:R=!1,size:h="medium",startIcon:P,type:T,variant:E="text",...N}=p,u={...p,color:y,component:x,disabled:f,disableElevation:O,disableFocusRipple:S,fullWidth:R,size:h,type:T,variant:E},c=F(u),W=P&&g.jsx(_,{className:c.startIcon,ownerState:u,children:P}),j=z&&g.jsx(U,{className:c.endIcon,ownerState:u,children:z}),M=s||"";return g.jsxs(G,{ownerState:u,className:t.clsx(n.className,c.root,$,M),component:x,disabled:f,focusRipple:!S,focusVisibleClassName:t.clsx(c.focusVisible,m),ref:a,type:T,...N,classes:c,children:[W,v,j]})});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,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;exports.ButtonGroupContext=b;exports.buttonClasses=r;exports.getButtonUtilityClass=C;

package/dist/{Button-DOz72eRZ.js → Button-BbB53SmV.js}

@@ -1,34 +1,35 @@
 import * as u from "react";
-import { I as L, J as j, K as e, n as c, L as I, P as a } from "./identifier-vL3mZxtO.js";
-import { s as b, b as D, r as G, u as F, c as U } from "./DefaultPropsProvider-3gIWHkeE.js";
-import { m as _ } from "./memoTheme-O-hJ9iBh.js";
-import { jsxs as H, jsx as $ } from "react/jsx-runtime";
-import { B as A } from "./ButtonBase-Cc4QJr0W.js";
-function J(o) {
+import { I as L, J as j, K as e, L as I, P as a, n as c } from "./identifier-C_jicJ2R.js";
+import { s as x, b as D, r as F, u as G, c as U } from "./DefaultPropsProvider-DtDY-TZb.js";
+import { m as _ } from "./memoTheme-B1D0RO58.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-CWK9_uNc.js";
+function K(o) {
   return L("MuiButton", o);
 }
-const l = j("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"]), w = /* @__PURE__ */ u.createContext({});
-process.env.NODE_ENV !== "production" && (w.displayName = "ButtonGroupContext");
-const m = /* @__PURE__ */ u.createContext(void 0);
-process.env.NODE_ENV !== "production" && (m.displayName = "ButtonGroupButtonContext");
-const K = (o) => {
+const s = j("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({});
+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 {
-    color: n,
-    disableElevation: r,
-    fullWidth: s,
+    color: t,
+    disableElevation: n,
+    fullWidth: r,
     size: i,
-    variant: t,
+    variant: l,
     classes: d
   } = o, g = {
-    root: ["root", t, `${t}${e(n)}`, `size${e(i)}`, `${t}Size${e(i)}`, `color${e(n)}`, r && "disableElevation", s && "fullWidth"],
+    root: ["root", l, `${l}${e(t)}`, `size${e(i)}`, `${l}Size${e(i)}`, `color${e(t)}`, n && "disableElevation", r && "fullWidth"],
     label: ["label"],
     startIcon: ["icon", "startIcon", `iconSize${e(i)}`],
     endIcon: ["icon", "endIcon", `iconSize${e(i)}`]
-  }, x = U(g, J, d);
+  }, b = U(g, K, d);
   return {
     ...d,
     // forward the focused, disabled, etc. classes to the ButtonBase
-    ...x
+    ...b
   };
 }, O = [{
   props: {
@@ -57,21 +58,20 @@ const K = (o) => {
       fontSize: 22
     }
   }
-}], q = b(A, {
+}], Q = x(J, {
   shouldForwardProp: (o) => D(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
-  overridesResolver: (o, n) => {
+  overridesResolver: (o, t) => {
     const {
-      ownerState: r
+      ownerState: n
     } = o;
-    return [n.root, n[r.variant], n[`${r.variant}${e(r.color)}`], n[`size${e(r.size)}`], n[`${r.variant}Size${e(r.size)}`], r.color === "inherit" && n.colorInherit, r.disableElevation && n.disableElevation, r.fullWidth && n.fullWidth];
+    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];
   }
 })(_(({
   theme: o
 }) => {
-  var s, i;
-  const n = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], r = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
+  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];
   return {
     ...o.typography.button,
     minWidth: 64,
@@ -84,7 +84,7 @@ const K = (o) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${l.disabled}`]: {
+    [`&.${s.disabled}`]: {
       color: (o.vars || o).palette.action.disabled
     },
     variants: [{
@@ -105,10 +105,10 @@ const K = (o) => {
         "&:active": {
           boxShadow: (o.vars || o).shadows[8]
         },
-        [`&.${l.focusVisible}`]: {
+        [`&.${s.focusVisible}`]: {
           boxShadow: (o.vars || o).shadows[6]
         },
-        [`&.${l.disabled}`]: {
+        [`&.${s.disabled}`]: {
           color: (o.vars || o).palette.action.disabled,
           boxShadow: (o.vars || o).shadows[0],
           backgroundColor: (o.vars || o).palette.action.disabledBackground
@@ -124,7 +124,7 @@ const K = (o) => {
         borderColor: "var(--variant-outlinedBorder, currentColor)",
         backgroundColor: "var(--variant-outlinedBg)",
         color: "var(--variant-outlinedColor)",
-        [`&.${l.disabled}`]: {
+        [`&.${s.disabled}`]: {
           border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
         }
       }
@@ -137,22 +137,22 @@ const K = (o) => {
         color: "var(--variant-textColor)",
         backgroundColor: "var(--variant-textBg)"
       }
-    }, ...Object.entries(o.palette).filter(([, t]) => t && t.main && t.dark && t.contrastText).map(([t]) => ({
+    }, ...Object.entries(o.palette).filter(H()).map(([r]) => ({
       props: {
-        color: t
+        color: r
       },
       style: {
-        "--variant-textColor": (o.vars || o).palette[t].main,
-        "--variant-outlinedColor": (o.vars || o).palette[t].main,
-        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[t].mainChannel} / 0.5)` : c(o.palette[t].main, 0.5),
-        "--variant-containedColor": (o.vars || o).palette[t].contrastText,
-        "--variant-containedBg": (o.vars || o).palette[t].main,
+        "--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,
         "@media (hover: hover)": {
           "&:hover": {
-            "--variant-containedBg": (o.vars || o).palette[t].dark,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[t].main, o.palette.action.hoverOpacity),
-            "--variant-outlinedBorder": (o.vars || o).palette[t].main,
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : c(o.palette[t].main, o.palette.action.hoverOpacity)
+            "--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)
           }
         }
       }
@@ -161,14 +161,12 @@ const K = (o) => {
         color: "inherit"
       },
       style: {
-        "--variant-containedColor": o.vars ? (
-          // this is safe because grey does not change between default light/dark mode
-          o.vars.palette.text.primary
-        ) : (i = (s = o.palette).getContrastText) == null ? void 0 : i.call(s, n),
-        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : n,
+        color: "inherit",
+        borderColor: "currentColor",
+        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : t,
         "@media (hover: hover)": {
           "&:hover": {
-            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : r,
+            "--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)
           }
@@ -237,13 +235,13 @@ const K = (o) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${l.focusVisible}`]: {
+        [`&.${s.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${l.disabled}`]: {
+        [`&.${s.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -256,14 +254,14 @@ const K = (o) => {
       }
     }]
   };
-})), Q = b("span", {
+})), X = x("span", {
   name: "MuiButton",
   slot: "StartIcon",
-  overridesResolver: (o, n) => {
+  overridesResolver: (o, t) => {
     const {
-      ownerState: r
+      ownerState: n
     } = o;
-    return [n.startIcon, n[`iconSize${e(r.size)}`]];
+    return [t.startIcon, t[`iconSize${e(n.size)}`]];
   }
 })({
   display: "inherit",
@@ -277,14 +275,14 @@ const K = (o) => {
       marginLeft: -2
     }
   }, ...O]
-}), X = b("span", {
+}), Y = x("span", {
   name: "MuiButton",
   slot: "EndIcon",
-  overridesResolver: (o, n) => {
+  overridesResolver: (o, t) => {
     const {
-      ownerState: r
+      ownerState: n
     } = o;
-    return [n.endIcon, n[`iconSize${e(r.size)}`]];
+    return [t.endIcon, t[`iconSize${e(n.size)}`]];
   }
 })({
   display: "inherit",
@@ -298,13 +296,13 @@ const K = (o) => {
       marginRight: -2
     }
   }, ...O]
-}), Y = /* @__PURE__ */ u.forwardRef(function(n, r) {
-  const s = u.useContext(w), i = u.useContext(m), t = G(s, n), d = F({
-    props: t,
+}), Z = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  const r = u.useContext($), i = u.useContext(w), l = F(r, t), d = G({
+    props: l,
     name: "MuiButton"
   }), {
     children: g,
-    color: x = "primary",
+    color: b = "primary",
     component: y = "button",
     className: R,
     disabled: f = !1,
@@ -312,47 +310,47 @@ const K = (o) => {
     disableFocusRipple: S = !1,
     endIcon: z,
     focusVisibleClassName: N,
-    fullWidth: T = !1,
-    size: P = "medium",
+    fullWidth: h = !1,
+    size: T = "medium",
     startIcon: C,
     type: B,
-    variant: h = "text",
+    variant: P = "text",
     ...W
   } = d, v = {
     ...d,
-    color: x,
+    color: b,
     component: y,
     disabled: f,
     disableElevation: E,
     disableFocusRipple: S,
-    fullWidth: T,
-    size: P,
+    fullWidth: h,
+    size: T,
     type: B,
-    variant: h
-  }, p = K(v), k = C && /* @__PURE__ */ $(Q, {
+    variant: P
+  }, p = q(v), M = C && /* @__PURE__ */ m(X, {
     className: p.startIcon,
     ownerState: v,
     children: C
-  }), M = z && /* @__PURE__ */ $(X, {
+  }), V = z && /* @__PURE__ */ m(Y, {
     className: p.endIcon,
     ownerState: v,
     children: z
-  }), V = i || "";
-  return /* @__PURE__ */ H(q, {
+  }), k = i || "";
+  return /* @__PURE__ */ A(Q, {
     ownerState: v,
-    className: I(s.className, p.root, R, V),
+    className: I(r.className, p.root, R, k),
     component: y,
     disabled: f,
     focusRipple: !S,
     focusVisibleClassName: I(p.focusVisible, N),
-    ref: r,
+    ref: n,
     type: B,
     ...W,
     classes: p,
-    children: [k, g, M]
+    children: [M, g, V]
   });
 });
-process.env.NODE_ENV !== "production" && (Y.propTypes = {
+process.env.NODE_ENV !== "production" && (Z.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -447,8 +445,8 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
   variant: a.oneOfType([a.oneOf(["contained", "outlined", "text"]), a.string])
 });
 export {
-  Y as B,
-  w as a,
-  l as b,
-  J as g
+  Z as B,
+  $ as a,
+  s as b,
+  K as g
 };