@cgi-learning-hub/ui 1.3.4-dev.1733150814 → 1.3.4-dev.1734088767

package/dist/Backdrop-DqUdx8FP.cjs

@@ -0,0 +1 @@
+"use strict";const A=require("react"),e=require("./generateUtilityClasses-DEQ18TAF.cjs"),F=require("./useSlot-DsW0udy9.cjs"),B=require("react/jsx-runtime"),D=require("./DefaultPropsProvider-DE-Tx_ov.cjs"),H=require("./useTheme-B1YEBlI0.cjs"),y=require("./utils-DlWHEABQ.cjs"),W=require("./useForkRef-CTI33h-3.cjs");function G(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const g=G(A),I={entering:{opacity:1},entered:{opacity:1}},N=g.forwardRef(function(s,n){const r=H.useTheme(),E={enter:r.transitions.duration.enteringScreen,exit:r.transitions.duration.leavingScreen},{addEndListener:T,appear:h=!0,children:d,easing:P,in:f,onEnter:m,onEntered:x,onEntering:v,onExit:b,onExited:R,onExiting:k,style:a,timeout:l=E,TransitionComponent:C=y.Transition,...j}=s,c=g.useRef(null),O=W.useForkRef(c,y.getReactElementRef(d),n),p=o=>i=>{if(o){const u=c.current;i===void 0?o(u):o(u,i)}},S=p(v),w=p((o,i)=>{y.reflow(o);const u=y.getTransitionProps({style:a,timeout:l,easing:P},{mode:"enter"});o.style.webkitTransition=r.transitions.create("opacity",u),o.style.transition=r.transitions.create("opacity",u),m&&m(o,i)}),q=p(x),_=p(k),L=p(o=>{const i=y.getTransitionProps({style:a,timeout:l,easing:P},{mode:"exit"});o.style.webkitTransition=r.transitions.create("opacity",i),o.style.transition=r.transitions.create("opacity",i),b&&b(o)}),z=p(R),V=o=>{T&&T(c.current,o)};return B.jsx(C,{appear:h,in:f,nodeRef:c,onEnter:w,onEntered:q,onEntering:S,onExit:L,onExited:z,onExiting:_,addEndListener:V,timeout:l,...j,children:(o,i)=>g.cloneElement(d,{style:{opacity:0,visibility:o==="exited"&&!f?"hidden":void 0,...I[o],...a,...d.props.style},ref:O,...i})})});process.env.NODE_ENV!=="production"&&(N.propTypes={addEndListener:e.PropTypes.func,appear:e.PropTypes.bool,children:y.elementAcceptingRef.isRequired,easing:e.PropTypes.oneOfType([e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string}),e.PropTypes.string]),in:e.PropTypes.bool,onEnter:e.PropTypes.func,onEntered:e.PropTypes.func,onEntering:e.PropTypes.func,onExit:e.PropTypes.func,onExited:e.PropTypes.func,onExiting:e.PropTypes.func,style:e.PropTypes.object,timeout:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});function U(t){return e.generateUtilityClass("MuiBackdrop",t)}const J=e.generateUtilityClasses("MuiBackdrop",["root","invisible"]),K=t=>{const{ownerState:s,...n}=t;return n},Q=t=>{const{classes:s,invisible:n}=t,r={root:["root",n&&"invisible"]};return D.composeClasses(r,U,s)},X=D.styled("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:n}=t;return[s.root,n.invisible&&s.invisible]}})({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent",variants:[{props:{invisible:!0},style:{backgroundColor:"transparent"}}]}),M=g.forwardRef(function(s,n){const r=D.useDefaultProps({props:s,name:"MuiBackdrop"}),{children:E,className:T,component:h="div",invisible:d=!1,open:P,components:f={},componentsProps:m={},slotProps:x={},slots:v={},TransitionComponent:b,transitionDuration:R,...k}=r,a={...r,component:h,invisible:d},l=Q(a),C={transition:b,root:f.Root,...v},j={...m,...x},c={slots:C,slotProps:j},[O,p]=F.useSlot("root",{elementType:X,externalForwardedProps:c,className:e.clsx(l.root,T),ownerState:a}),[S,w]=F.useSlot("transition",{elementType:N,externalForwardedProps:c,ownerState:a}),q=K(w);return B.jsx(S,{in:P,timeout:R,...k,...q,children:B.jsx(O,{"aria-hidden":!0,...p,classes:l,ref:n,children:E})})});process.env.NODE_ENV!=="production"&&(M.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,components:e.PropTypes.shape({Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({root:e.PropTypes.object}),invisible:e.PropTypes.bool,open:e.PropTypes.bool.isRequired,slotProps:e.PropTypes.shape({root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({root:e.PropTypes.elementType,transition: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]),TransitionComponent:e.PropTypes.elementType,transitionDuration:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});exports.Backdrop=M;exports.Fade=N;exports.backdropClasses=J;exports.getBackdropUtilityClass=U;

package/dist/{Backdrop-BlKt7y1x.js → Backdrop-ZqzrnV2E.js}

@@ -1,10 +1,10 @@
 import * as h from "react";
-import { P as e, H as q, I as A, G as H } from "./identifier-Bn0tF6ls.js";
-import { u as N } from "./useSlot-t9oGnIgq.js";
+import { P as e, H as q, I as A, G as H } from "./generateUtilityClasses--6MLb_cS.js";
+import { u as N } from "./useSlot-eWxwpnv1.js";
 import { jsx as B } from "react/jsx-runtime";
-import { s as V, u as _, c as z } from "./DefaultPropsProvider-xJkZOrdv.js";
-import { u as G } from "./useTheme-L3EQmvnN.js";
-import { g as I, e as W, T as J, r as K, a as D } from "./utils-CE_a8glN.js";
+import { s as V, u as _, c as z } from "./DefaultPropsProvider-DUWovK-8.js";
+import { u as G } from "./useTheme-BXzyKigM.js";
+import { g as I, e as W, T as J, r as K, a as D } from "./utils-70jLtOQP.js";
 import { u as Q } from "./useForkRef-C_4o__cU.js";
 const X = {
   entering: {

package/dist/Box-Be6jhcmK.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./generateUtilityClasses-DEQ18TAF.cjs"),x=require("react"),T=require("react/jsx-runtime"),P=require("./useTheme-DFJNv-zn.cjs"),h=require("./extendSxProp-Fr1MMO0I.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 g=b(x);function N(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 g.forwardRef(function(i,m){const a=P.useTheme(s),{className:d,component:f="div",...y}=h.extendSxProp(i);return T.jsx(l,{as:f,ref:m,className:e.clsx(d,c?c(r):r),theme:o&&a[o]||a,...y})})}const p=e.generateUtilityClasses("MuiBox",["root"]),B=e.createTheme(),u=N({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/{Box-DErdbtsw.js → Box-DN_2fcm9.js}

@@ -1,8 +1,8 @@
-import { O as x, Q as p, G as h, I as T, u as y, T as B, R as N, P as e } from "./identifier-Bn0tF6ls.js";
+import { O as x, Q as p, G as h, I as T, u as y, T as B, R as N, P as e } from "./generateUtilityClasses--6MLb_cS.js";
 import * as C from "react";
 import { jsx as b } from "react/jsx-runtime";
-import { u as O } from "./useTheme-CBsFvF7I.js";
-import { e as g } from "./extendSxProp-CHv0k-C6.js";
+import { u as O } from "./useTheme-D0ITn2Re.js";
+import { e as g } from "./extendSxProp-NjjUyYdB.js";
 function v(n = {}) {
   const {
     themeId: t,

package/dist/Button-C6UXybBV.cjs

@@ -0,0 +1 @@
+"use strict";const V=require("react"),t=require("./generateUtilityClasses-DEQ18TAF.cjs"),u=require("./DefaultPropsProvider-DE-Tx_ov.cjs"),q=require("./memoTheme-D99chbOP.cjs"),D=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),b=require("react/jsx-runtime"),L=require("./ButtonBase-DzK1n18b.cjs"),s=require("./capitalize-DASFtB-F.cjs");function F(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(a,e,n.get?n:{enumerable:!0,get:()=>o[e]})}}return a.default=o,Object.freeze(a)}const y=F(V);function x(o,a){const e={...a};for(const n in o)if(Object.prototype.hasOwnProperty.call(o,n)){const r=n;if(r==="components"||r==="slots")e[r]={...o[r],...e[r]};else if(r==="componentsProps"||r==="slotProps"){const i=o[r],l=a[r];if(!l)e[r]=i||{};else if(!i)e[r]=l;else{e[r]={...l};for(const c in i)if(Object.prototype.hasOwnProperty.call(i,c)){const p=c;e[r][p]=x(i[p],l[p])}}}else e[r]===void 0&&(e[r]=o[r])}return e}function G(o){return t.generateUtilityClass("MuiButton",o)}const d=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"]),f=y.createContext({});process.env.NODE_ENV!=="production"&&(f.displayName="ButtonGroupContext");const w=y.createContext(void 0);process.env.NODE_ENV!=="production"&&(w.displayName="ButtonGroupButtonContext");const _=o=>{const{color:a,disableElevation:e,fullWidth:n,size:r,variant:i,classes:l}=o,c={root:["root",i,`${i}${s.capitalize(a)}`,`size${s.capitalize(r)}`,`${i}Size${s.capitalize(r)}`,`color${s.capitalize(a)}`,e&&"disableElevation",n&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${s.capitalize(r)}`],endIcon:["icon","endIcon",`iconSize${s.capitalize(r)}`]},p=u.composeClasses(c,G,l);return{...l,...p}},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}}}],U=u.styled(L.ButtonBase,{shouldForwardProp:o=>u.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:e}=o;return[a.root,a[e.variant],a[`${e.variant}${s.capitalize(e.color)}`],a[`size${s.capitalize(e.size)}`],a[`${e.variant}Size${s.capitalize(e.size)}`],e.color==="inherit"&&a.colorInherit,e.disableElevation&&a.disableElevation,e.fullWidth&&a.fullWidth]}})(q.memoTheme(({theme:o})=>{const a=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],e=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"},[`&.${d.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]},[`&.${d.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]},[`&.${d.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)",[`&.${d.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:a,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedHoverBg:e,"--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"},[`&.${d.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${d.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}}]}})),H=u.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:e}=o;return[a.startIcon,a[`iconSize${s.capitalize(e.size)}`]]}})({display:"inherit",marginRight:8,marginLeft:-4,variants:[{props:{size:"small"},style:{marginLeft:-2}},...I]}),A=u.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:e}=o;return[a.endIcon,a[`iconSize${s.capitalize(e.size)}`]]}})({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},...I]}),O=y.forwardRef(function(a,e){const n=y.useContext(f),r=y.useContext(w),i=x(n,a),l=u.useDefaultProps({props:i,name:"MuiButton"}),{children:c,color:p="primary",component:S="button",className:$,disabled:z=!1,disableElevation:m=!1,disableFocusRipple:P=!1,endIcon:T,focusVisibleClassName:h,fullWidth:R=!1,size:N="medium",startIcon:C,type:B,variant:E="text",...j}=l,g={...l,color:p,component:S,disabled:z,disableElevation:m,disableFocusRipple:P,fullWidth:R,size:N,type:B,variant:E},v=_(g),W=C&&b.jsx(H,{className:v.startIcon,ownerState:g,children:C}),k=T&&b.jsx(A,{className:v.endIcon,ownerState:g,children:T}),M=r||"";return b.jsxs(U,{ownerState:g,className:t.clsx(n.className,v.root,$,M),component:S,disabled:z,focusRipple:!P,focusVisibleClassName:t.clsx(v.focusVisible,h),ref:e,type:B,...j,classes:v,children:[W,c,k]})});process.env.NODE_ENV!=="production"&&(O.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=O;exports.ButtonGroupContext=f;exports.resolveProps=x;

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

@@ -1,37 +1,70 @@
-import * as u from "react";
-import { I as L, H as j, L as e, n as c, G as I, P as a } from "./identifier-Bn0tF6ls.js";
-import { s as b, r as G, a as D, u as F, c as U } from "./DefaultPropsProvider-xJkZOrdv.js";
-import { m as H } from "./memoTheme-CMJVTZEg.js";
+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 m } from "react/jsx-runtime";
-import { B as q } from "./ButtonBase-DUPJVOlc.js";
-function J(o) {
-  return j("MuiButton", o);
+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 K = (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, J, 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 K = (o) => {
       fontSize: 22
     }
   }
-}], Q = b(q, {
-  shouldForwardProp: (o) => G(o) || o === "classes",
+}], 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 K = (o) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${s.disabled}`]: {
+    [`&.${d.disabled}`]: {
       color: (o.vars || o).palette.action.disabled
     },
     variants: [{
@@ -105,10 +138,10 @@ const K = (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 K = (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 K = (o) => {
         color: "var(--variant-textColor)",
         backgroundColor: "var(--variant-textBg)"
       }
-    }, ...Object.entries(o.palette).filter(_()).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 K = (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 K = (o) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${s.focusVisible}`]: {
+        [`&.${d.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${s.disabled}`]: {
+        [`&.${d.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -257,11 +290,11 @@ const K = (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 K = (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 K = (o) => {
     style: {
       marginRight: -2
     }
-  }, ...O]
-}), Z = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const r = u.useContext($), i = u.useContext(w), l = D(r, t), d = F({
-    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 = K(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
 };

package/dist/{ButtonBase-DUPJVOlc.js → ButtonBase-CYkLbJ0U.js}

@@ -3,16 +3,16 @@ var ke = (o, e, n) => e in o ? Oe(o, e, { enumerable: !0, configurable: !0, writ
 var le = (o, e, n) => ke(o, typeof e != "symbol" ? e + "" : e, n);
 import * as d from "react";
 import H, { Children as je, isValidElement as G, cloneElement as J } from "react";
-import { P as t, G as E, I as de, H as Fe } from "./identifier-Bn0tF6ls.js";
+import { P as t, G as E, I as de, H as Fe } from "./generateUtilityClasses--6MLb_cS.js";
 import { jsx as $, jsxs as Ie } from "react/jsx-runtime";
-import { s as ne, u as he, c as $e } from "./DefaultPropsProvider-xJkZOrdv.js";
-import { b as Ue, u as ze, a as W } from "./useTimeout-3Y5y4gWq.js";
+import { s as ne, u as he, c as $e } from "./DefaultPropsProvider-DUWovK-8.js";
+import { b as Ue, u as ze, a as W } from "./useTimeout-FkIxJmTC.js";
 import { _ as _e, a as Xe, T as ce } from "./TransitionGroupContext-DMJLhY9-.js";
 import { keyframes as oe } from "@emotion/react";
 import { u as pe } from "./useForkRef-C_4o__cU.js";
 import { i as fe } from "./isFocusVisible-CPZqtjv2.js";
-import { r as Ye } from "./refType-BmrOFNz6.js";
-import { e as Ae } from "./elementTypeAcceptingRef-modXfN2G.js";
+import { r as Ye } from "./useEnhancedEffect-DlS7O_-p.js";
+import { e as Ae } from "./elementTypeAcceptingRef-HBfwF2vD.js";
 function ee() {
   return ee = Object.assign ? Object.assign.bind() : function(o) {
     for (var e = 1; e < arguments.length; e++) {