@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/Backdrop-Be5Hv5U8.cjs

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

package/dist/{Backdrop-COiz4sPF.js → Backdrop-CRrNkGxU.js}

@@ -1,12 +1,12 @@
 import * as g from "react";
-import { P as e, G as q, H as A, I as H } from "./generateUtilityClasses-CqzQXpT_.js";
-import { u as B } from "./useSlot-CqjfyGd9.js";
+import { P as e, F as q, G as A, H } from "./identifier-BJqC6EXa.js";
+import { u as B } from "./useSlot-DhC6EPU2.js";
 import { jsx as j } from "react/jsx-runtime";
-import { u as V, s as _, c as z } from "./DefaultPropsProvider-CXfMJdg8.js";
-import { u as G } from "./useTheme-DepbBZga.js";
-import { T as I, g as N, r as W } from "./utils-BVg32WSe.js";
-import { u as J } from "./useForkRef-C_4o__cU.js";
-import { g as K, e as Q } from "./getReactElementRef-DtLerx40.js";
+import { u as V, s as _, c as z } from "./DefaultPropsProvider-Bg-6nX-u.js";
+import { u as G } from "./useTheme-Dt-VOIyT.js";
+import { T as W, g as N, r as I } from "./utils-qwVZGgXz.js";
+import { u as J } from "./useForkRef-u29GSuCu.js";
+import { g as K, e as Q } from "./getReactElementRef-C6oFed6n.js";
 const X = {
   entering: {
     opacity: 1
@@ -14,7 +14,7 @@ const X = {
   entered: {
     opacity: 1
   }
-}, D = /* @__PURE__ */ g.forwardRef(function(o, a) {
+}, F = /* @__PURE__ */ g.forwardRef(function(o, a) {
   const t = G(), h = {
     enter: t.transitions.duration.enteringScreen,
     exit: t.transitions.duration.leavingScreen
@@ -33,7 +33,7 @@ const X = {
     style: c,
     timeout: d = h,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: P = I,
+    TransitionComponent: P = W,
     ...k
   } = o, p = g.useRef(null), w = J(p, K(u), a), s = (n) => (r) => {
     if (n) {
@@ -41,7 +41,7 @@ const X = {
       r === void 0 ? n(l) : n(l, r);
     }
   }, O = s(v), S = s((n, r) => {
-    W(n);
+    I(n);
     const l = N({
       style: c,
       timeout: d,
@@ -50,7 +50,7 @@ const X = {
       mode: "enter"
     });
     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) => {
+  }), D = s(x), L = s(C), M = s((n) => {
     const r = N({
       style: c,
       timeout: d,
@@ -65,7 +65,7 @@ const X = {
     in: y,
     nodeRef: p,
     onEnter: S,
-    onEntered: F,
+    onEntered: D,
     onEntering: O,
     onExit: M,
     onExited: U,
@@ -91,7 +91,7 @@ const X = {
     })
   });
 });
-process.env.NODE_ENV !== "production" && (D.propTypes = {
+process.env.NODE_ENV !== "production" && (F.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -242,7 +242,7 @@ const le = q("MuiBackdrop", ["root", "invisible"]), Z = (i) => {
     className: H(d.root, m),
     ownerState: c
   }), [O, S] = B("transition", {
-    elementType: D,
+    elementType: F,
     externalForwardedProps: p,
     ownerState: c
   });
@@ -285,7 +285,7 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -296,7 +296,7 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -337,7 +337,7 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
-   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   TransitionComponent: e.elementType,
   /**
@@ -352,7 +352,7 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
 });
 export {
   ee as B,
-  D as F,
+  F,
   le as b,
   Y as g
 };

package/dist/{Box-C-j-U8SH.js → Box-2IEW8Uij.js}

@@ -1,9 +1,9 @@
-import { O as x, Q as p, I as h, G as T, R as y, T as B, u as N, P as e } from "./generateUtilityClasses-CqzQXpT_.js";
+import { V as x, W as p, H as h, F as T, X as y, T as B, u as N, P as e } from "./identifier-BJqC6EXa.js";
 import * as C from "react";
 import { jsx as b } from "react/jsx-runtime";
-import { u as O } from "./useTheme-2JCMQS-E.js";
-import { e as g } from "./extendSxProp-D_IkoDXB.js";
-function v(n = {}) {
+import { u as g } from "./useTheme-B1xvds8x.js";
+import { e as v } from "./extendSxProp-0G38SSpC.js";
+function E(n = {}) {
   const {
     themeId: t,
     defaultTheme: m,
@@ -13,11 +13,11 @@ function v(n = {}) {
     shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
   })(p);
   return /* @__PURE__ */ C.forwardRef(function(l, f) {
-    const s = O(m), {
+    const s = g(m), {
       className: u,
       component: d = "div",
       ...i
-    } = g(l);
+    } = v(l);
     return /* @__PURE__ */ b(c, {
       as: d,
       ref: f,
@@ -27,13 +27,13 @@ function v(n = {}) {
     });
   });
 }
-const E = T("MuiBox", ["root"]), I = N(), P = v({
+const O = T("MuiBox", ["root"]), P = N(), j = E({
   themeId: B,
-  defaultTheme: I,
-  defaultClassName: E.root,
+  defaultTheme: P,
+  defaultClassName: O.root,
   generateClassName: y.generate
 });
-process.env.NODE_ENV !== "production" && (P.propTypes = {
+process.env.NODE_ENV !== "production" && (j.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -53,6 +53,6 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  P as B,
-  E as b
+  j as B,
+  O as b
 };

package/dist/Box-Bl24J58B.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-gJdGmHeC.cjs"),y=require("react"),T=require("react/jsx-runtime"),P=require("./useTheme-BJZcQSBU.cjs"),h=require("./extendSxProp-BZI5kY-d.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-CZTPCtLu.cjs

@@ -0,0 +1 @@
+"use strict";const G=require("react"),t=require("./identifier-gJdGmHeC.cjs"),r=require("./DefaultPropsProvider-DLSItMqn.cjs"),U=require("./memoTheme-GOMOSdXJ.cjs"),H=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),s=require("react/jsx-runtime"),A=require("./useId-DNXtOFeX.cjs"),J=require("./ButtonBase-DDgwUJIY.cjs"),K=require("./CircularProgress-XGMwsxSL.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;