@cgi-learning-hub/ui 1.3.5 → 1.4.0

package/dist/Backdrop-COarwgJj.cjs

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

package/dist/{Backdrop-DcDd6WZF.js → Backdrop-DdA12b-5.js}

@@ -1,10 +1,10 @@
 import * as h from "react";
-import { P as e, H as q, I as A, G as H } from "./generateUtilityClasses-Bssl7BA_.js";
-import { u as N } from "./useSlot-BTpHG6jf.js";
-import { jsx as B } from "react/jsx-runtime";
-import { s as V, u as _, c as z } from "./DefaultPropsProvider-CvJPQJmL.js";
-import { u as G } from "./useTheme-DyaNKf4e.js";
-import { g as I, e as W, T as J, r as K, a as D } from "./utils-C6c4fj7D.js";
+import { P as e, H as q, I as A, G as H } from "./identifier-D58rA1gM.js";
+import { u as B } from "./useSlot-CZNcsPv1.js";
+import { jsx as j } from "react/jsx-runtime";
+import { u as V, s as _, c as z } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { u as G } from "./useTheme-Clhsq4HW.js";
+import { T as I, g as W, a as N, r as J, e as K } from "./utils-SrEVp7Pm.js";
 import { u as Q } from "./useForkRef-C_4o__cU.js";
 const X = {
   entering: {
@@ -13,58 +13,58 @@ const X = {
   entered: {
     opacity: 1
   }
-}, F = /* @__PURE__ */ h.forwardRef(function(s, r) {
+}, D = /* @__PURE__ */ h.forwardRef(function(o, a) {
   const t = G(), g = {
     enter: t.transitions.duration.enteringScreen,
     exit: t.transitions.duration.leavingScreen
   }, {
     addEndListener: m,
     appear: T = !0,
-    children: d,
+    children: u,
     easing: f,
     in: y,
     onEnter: b,
     onEntered: x,
-    onEntering: R,
+    onEntering: v,
     onExit: E,
-    onExited: v,
-    onExiting: P,
+    onExited: R,
+    onExiting: C,
     style: c,
-    timeout: l = g,
+    timeout: d = g,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: C = J,
+    TransitionComponent: P = I,
     ...k
-  } = s, p = h.useRef(null), w = Q(p, I(d), r), a = (n) => (i) => {
+  } = o, p = h.useRef(null), w = Q(p, W(u), a), s = (n) => (r) => {
     if (n) {
-      const u = p.current;
-      i === void 0 ? n(u) : n(u, i);
+      const l = p.current;
+      r === void 0 ? n(l) : n(l, r);
     }
-  }, O = a(R), S = a((n, i) => {
-    K(n);
-    const u = D({
+  }, O = s(v), S = s((n, r) => {
+    J(n);
+    const l = N({
       style: c,
-      timeout: l,
+      timeout: d,
       easing: f
     }, {
       mode: "enter"
     });
-    n.style.webkitTransition = t.transitions.create("opacity", u), n.style.transition = t.transitions.create("opacity", u), b && b(n, i);
-  }), j = a(x), L = a(P), M = a((n) => {
-    const i = D({
+    n.style.webkitTransition = t.transitions.create("opacity", l), n.style.transition = t.transitions.create("opacity", l), b && b(n, r);
+  }), F = s(x), L = s(C), M = s((n) => {
+    const r = N({
       style: c,
-      timeout: l,
+      timeout: d,
       easing: f
     }, {
       mode: "exit"
     });
-    n.style.webkitTransition = t.transitions.create("opacity", i), n.style.transition = t.transitions.create("opacity", i), E && E(n);
-  }), U = a(v);
-  return /* @__PURE__ */ B(C, {
+    n.style.webkitTransition = t.transitions.create("opacity", r), n.style.transition = t.transitions.create("opacity", r), E && E(n);
+  }), U = s(R);
+  return /* @__PURE__ */ j(P, {
     appear: T,
     in: y,
     nodeRef: p,
     onEnter: S,
-    onEntered: j,
+    onEntered: F,
     onEntering: O,
     onExit: M,
     onExited: U,
@@ -72,22 +72,25 @@ const X = {
     addEndListener: (n) => {
       m && m(p.current, n);
     },
-    timeout: l,
+    timeout: d,
     ...k,
-    children: (n, i) => /* @__PURE__ */ h.cloneElement(d, {
+    children: (n, {
+      ownerState: r,
+      ...l
+    }) => /* @__PURE__ */ h.cloneElement(u, {
       style: {
         opacity: 0,
         visibility: n === "exited" && !y ? "hidden" : void 0,
         ...X[n],
         ...c,
-        ...d.props.style
+        ...u.props.style
       },
       ref: w,
-      ...i
+      ...l
     })
   });
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
+process.env.NODE_ENV !== "production" && (D.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -107,7 +110,7 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
   /**
    * A single child content element.
    */
-  children: W.isRequired,
+  children: K.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -162,31 +165,25 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
     exit: e.number
   })])
 });
-function Y(o) {
-  return q("MuiBackdrop", o);
+function Y(i) {
+  return A("MuiBackdrop", i);
 }
-const le = A("MuiBackdrop", ["root", "invisible"]), Z = (o) => {
+const pe = q("MuiBackdrop", ["root", "invisible"]), Z = (i) => {
   const {
-    ownerState: s,
-    ...r
-  } = o;
-  return r;
-}, $ = (o) => {
-  const {
-    classes: s,
-    invisible: r
-  } = o;
+    classes: o,
+    invisible: a
+  } = i;
   return z({
-    root: ["root", r && "invisible"]
-  }, Y, s);
-}, ee = V("div", {
+    root: ["root", a && "invisible"]
+  }, Y, o);
+}, $ = _("div", {
   name: "MuiBackdrop",
   slot: "Root",
-  overridesResolver: (o, s) => {
+  overridesResolver: (i, o) => {
     const {
-      ownerState: r
-    } = o;
-    return [s.root, r.invisible && s.invisible];
+      ownerState: a
+    } = i;
+    return [o.root, a.invisible && o.invisible];
   }
 })({
   position: "fixed",
@@ -207,62 +204,62 @@ const le = A("MuiBackdrop", ["root", "invisible"]), Z = (o) => {
       backgroundColor: "transparent"
     }
   }]
-}), ne = /* @__PURE__ */ h.forwardRef(function(s, r) {
-  const t = _({
-    props: s,
+}), ee = /* @__PURE__ */ h.forwardRef(function(o, a) {
+  const t = V({
+    props: o,
     name: "MuiBackdrop"
   }), {
     children: g,
     className: m,
     component: T = "div",
-    invisible: d = !1,
+    invisible: u = !1,
     open: f,
     components: y = {},
     componentsProps: b = {},
     slotProps: x = {},
-    slots: R = {},
+    slots: v = {},
     TransitionComponent: E,
-    transitionDuration: v,
-    ...P
+    transitionDuration: R,
+    ...C
   } = t, c = {
     ...t,
     component: T,
-    invisible: d
-  }, l = $(c), C = {
+    invisible: u
+  }, d = Z(c), P = {
     transition: E,
     root: y.Root,
-    ...R
+    ...v
   }, k = {
     ...b,
     ...x
   }, p = {
-    slots: C,
+    slots: P,
     slotProps: k
-  }, [w, a] = N("root", {
-    elementType: ee,
+  }, [w, s] = B("root", {
+    elementType: $,
     externalForwardedProps: p,
-    className: H(l.root, m),
+    className: H(d.root, m),
     ownerState: c
-  }), [O, S] = N("transition", {
-    elementType: F,
+  }), [O, S] = B("transition", {
+    elementType: D,
     externalForwardedProps: p,
     ownerState: c
-  }), j = Z(S);
-  return /* @__PURE__ */ B(O, {
+  });
+  return /* @__PURE__ */ j(O, {
     in: f,
-    timeout: v,
-    ...P,
-    ...j,
-    children: /* @__PURE__ */ B(w, {
+    timeout: R,
+    ...C,
+    ...S,
+    children: /* @__PURE__ */ j(w, {
       "aria-hidden": !0,
-      ...a,
-      classes: l,
-      ref: r,
+      ...s,
+      classes: d,
+      ref: a,
       children: g
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ne.propTypes = {
+process.env.NODE_ENV !== "production" && (ee.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -353,8 +350,8 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
   })])
 });
 export {
-  ne as B,
-  F,
-  le as b,
+  ee as B,
+  D as F,
+  pe as b,
   Y as g
 };

package/dist/Box-C0mEbUoK.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-5n4d7br9.cjs"),y=require("react"),T=require("react/jsx-runtime"),P=require("./useTheme-Bi8B4Op1.cjs"),h=require("./extendSxProp-BB6jYY1x.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/{Box-Byz2BwGf.js → Box-DbRInJ2-.js}

@@ -1,9 +1,9 @@
-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-Bssl7BA_.js";
+import { O as x, Q as p, G as h, H as T, R as y, T as B, u as N, P as e } from "./identifier-D58rA1gM.js";
 import * as C from "react";
 import { jsx as b } from "react/jsx-runtime";
-import { u as O } from "./useTheme-_xyy-wul.js";
-import { e as g } from "./extendSxProp-C2ff0oGc.js";
-function E(n = {}) {
+import { u as O } from "./useTheme-DxxkErdZ.js";
+import { e as g } from "./extendSxProp-DFv-GFt5.js";
+function v(n = {}) {
   const {
     themeId: t,
     defaultTheme: m,
@@ -27,11 +27,11 @@ function E(n = {}) {
     });
   });
 }
-const I = T("MuiBox", ["root"]), P = y(), R = E({
+const E = T("MuiBox", ["root"]), P = N(), R = v({
   themeId: B,
   defaultTheme: P,
-  defaultClassName: I.root,
-  generateClassName: N.generate
+  defaultClassName: E.root,
+  generateClassName: y.generate
 });
 process.env.NODE_ENV !== "production" && (R.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -54,5 +54,5 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
 });
 export {
   R as B,
-  I as b
+  E as b
 };

package/dist/Button-1tZRtOeG.cjs

@@ -0,0 +1 @@
+"use strict";const G=require("react"),t=require("./identifier-5n4d7br9.cjs"),r=require("./DefaultPropsProvider-QmkL7lbM.cjs"),U=require("./memoTheme-C8EfvlY1.cjs"),H=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),s=require("react/jsx-runtime"),A=require("./useId-DNXtOFeX.cjs"),J=require("./ButtonBase-C2rhY3j-.cjs"),K=require("./CircularProgress-DTVP6gln.cjs");function Q(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 v=Q(G);function X(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","loading","loadingWrapper","loadingIconPlaceholder","loadingIndicator","loadingPositionCenter","loadingPositionStart","loadingPositionEnd"]),O=v.createContext({});process.env.NODE_ENV!=="production"&&(O.displayName="ButtonGroupContext");const R=v.createContext(void 0);process.env.NODE_ENV!=="production"&&(R.displayName="ButtonGroupButtonContext");const Y=o=>{const{color:a,disableElevation:n,fullWidth:e,size:c,variant:u,loading:g,loadingPosition:f,classes:b}=o,x={root:["root",g&&"loading",u,`${u}${t.capitalize(a)}`,`size${t.capitalize(c)}`,`${u}Size${t.capitalize(c)}`,`color${t.capitalize(a)}`,n&&"disableElevation",e&&"fullWidth",g&&`loadingPosition${t.capitalize(f)}`],startIcon:["icon","startIcon",`iconSize${t.capitalize(c)}`],endIcon:["icon","endIcon",`iconSize${t.capitalize(c)}`],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]},P=r.composeClasses(x,X,b);return{...b,...P}},N=[{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}}}],Z=r.styled(J.ButtonBase,{shouldForwardProp:o=>r.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:n}=o;return[a.root,a[n.variant],a[`${n.variant}${t.capitalize(n.color)}`],a[`size${t.capitalize(n.size)}`],a[`${n.variant}Size${t.capitalize(n.size)}`],n.color==="inherit"&&a.colorInherit,n.disableElevation&&a.disableElevation,n.fullWidth&&a.fullWidth,n.loading&&a.loading]}})(U.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"},[`&.${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(H.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)`:t.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})`:t.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})`:t.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})`: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%"}},{props:{loadingPosition:"center"},style:{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${d.loading}`]:{color:"transparent"}}}]}})),oo=r.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:n}=o;return[a.startIcon,n.loading&&a.startIconLoadingStart,a[`iconSize${t.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}},...N]})),to=r.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:n}=o;return[a.endIcon,n.loading&&a.endIconLoadingEnd,a[`iconSize${t.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}},...N]})),ao=r.styled("span",{name:"MuiButton",slot:"LoadingIndicator",overridesResolver:(o,a)=>a.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}}]})),$=r.styled("span",{name:"MuiButton",slot:"LoadingIconPlaceholder",overridesResolver:(o,a)=>a.loadingIconPlaceholder})({display:"inline-block",width:"1em",height:"1em"}),E=v.forwardRef(function(a,n){const e=v.useContext(O),c=v.useContext(R),u=r.resolveProps(e,a),g=r.useDefaultProps({props:u,name:"MuiButton"}),{children:f,color:b="primary",component:x="button",className:P,disabled:S=!1,disableElevation:W=!1,disableFocusRipple:z=!1,endIcon:T,focusVisibleClassName:j,fullWidth:L=!1,id:I,loading:l=null,loadingIndicator:M,loadingPosition:y="center",size:k="medium",startIcon:B,type:C,variant:V="text",...q}=g,h=A.useId(I),w=M??s.jsx(K.CircularProgress,{"aria-labelledby":h,color:"inherit",size:16}),p={...g,color:b,component:x,disabled:S,disableElevation:W,disableFocusRipple:z,fullWidth:L,loading:l,loadingIndicator:w,loadingPosition:y,size:k,type:C,variant:V},i=Y(p),D=(B||l&&y==="start")&&s.jsx(oo,{className:i.startIcon,ownerState:p,children:B||s.jsx($,{className:i.loadingIconPlaceholder,ownerState:p})}),F=(T||l&&y==="end")&&s.jsx(to,{className:i.endIcon,ownerState:p,children:T||s.jsx($,{className:i.loadingIconPlaceholder,ownerState:p})}),_=c||"",m=typeof l=="boolean"?s.jsx("span",{className:i.loadingWrapper,style:{display:"contents"},children:l&&s.jsx(ao,{className:i.loadingIndicator,ownerState:p,children:w})}):null;return s.jsxs(Z,{ownerState:p,className:t.clsx(e.className,i.root,P,_),component:x,disabled:S||l,focusRipple:!z,focusVisibleClassName:t.clsx(i.focusVisible,j),ref:n,type:C,id:l?h:I,...q,classes:i,children:[D,y!=="end"&&m,f,y==="end"&&m,F]})});process.env.NODE_ENV!=="production"&&(E.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=E;