@cgi-learning-hub/ui 0.0.1-dev.1713358794 → 0.0.1-dev.1715078279

package/dist/ButtonBase-h89TFQ74.cjs

@@ -0,0 +1,75 @@
+"use strict";const e=require("./useThemeProps-C5iFxIYI.cjs"),T=require("react"),m=require("./styled-CJ2HJ-9N.cjs"),F=require("react/jsx-runtime"),Y=require("./useTimeout-D8rbe5ty.cjs"),te=require("./TransitionGroupContext-g4tmk10h.cjs"),oe=require("@emotion/react"),ue=require("./useForkRef-DfdM2MN5.cjs"),Oe=require("./useIsFocusVisible-B2ErvDHn.cjs"),ce=require("./refType-BbhHflrD.cjs");function Ie(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const p=Ie(T);function Ue(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function se(t,s){var r=function(n){return s&&T.isValidElement(n)?s(n):n},a=Object.create(null);return t&&T.Children.map(t,function(o){return o}).forEach(function(o){a[o.key]=r(o)}),a}function $e(t,s){t=t||{},s=s||{};function r(h){return h in s?s[h]:t[h]}var a=Object.create(null),o=[];for(var n in t)n in s?o.length&&(a[n]=o,o=[]):o.push(n);var i,c={};for(var u in s){if(a[u])for(i=0;i<a[u].length;i++){var d=a[u][i];c[a[u][i]]=r(d)}c[u]=r(u)}for(i=0;i<o.length;i++)c[o[i]]=r(o[i]);return c}function _(t,s,r){return r[s]!=null?r[s]:t.props[s]}function qe(t,s){return se(t.children,function(r){return T.cloneElement(r,{onExited:s.bind(null,r),in:!0,appear:_(r,"appear",t),enter:_(r,"enter",t),exit:_(r,"exit",t)})})}function ze(t,s,r){var a=se(t.children),o=$e(s,a);return Object.keys(o).forEach(function(n){var i=o[n];if(T.isValidElement(i)){var c=n in s,u=n in a,d=s[n],h=T.isValidElement(d)&&!d.props.in;u&&(!c||h)?o[n]=T.cloneElement(i,{onExited:r.bind(null,i),in:!0,exit:_(i,"exit",t),enter:_(i,"enter",t)}):!u&&c&&!h?o[n]=T.cloneElement(i,{in:!1}):u&&c&&T.isValidElement(d)&&(o[n]=T.cloneElement(i,{onExited:r.bind(null,i),in:d.props.in,exit:_(i,"exit",t),enter:_(i,"enter",t)}))}}),o}var Ke=Object.values||function(t){return Object.keys(t).map(function(s){return t[s]})},Xe={component:"div",childFactory:function(s){return s}},G=function(t){te._inheritsLoose(s,t);function s(a,o){var n;n=t.call(this,a,o)||this;var i=n.handleExited.bind(Ue(n));return n.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},n}var r=s.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},s.getDerivedStateFromProps=function(o,n){var i=n.children,c=n.handleExited,u=n.firstRender;return{children:u?qe(o,c):ze(o,i,c),firstRender:!1}},r.handleExited=function(o,n){var i=se(this.props.children);o.key in i||(o.props.onExited&&o.props.onExited(n),this.mounted&&this.setState(function(c){var u=e._extends({},c.children);return delete u[o.key],{children:u}}))},r.render=function(){var o=this.props,n=o.component,i=o.childFactory,c=e._objectWithoutPropertiesLoose(o,["component","childFactory"]),u=this.state.contextValue,d=Ke(this.state.children).map(i);return delete c.appear,delete c.enter,delete c.exit,n===null?T.createElement(te.TransitionGroupContext.Provider,{value:u},d):T.createElement(te.TransitionGroupContext.Provider,{value:u},T.createElement(n,c,d))},s}(T.Component);G.propTypes=process.env.NODE_ENV!=="production"?{component:e.PropTypes.any,children:e.PropTypes.node,appear:e.PropTypes.bool,enter:e.PropTypes.bool,exit:e.PropTypes.bool,childFactory:e.PropTypes.func}:{};G.defaultProps=Xe;function me(t){const{className:s,classes:r,pulsate:a=!1,rippleX:o,rippleY:n,rippleSize:i,in:c,onExited:u,timeout:d}=t,[h,R]=p.useState(!1),P=m.clsx(s,r.ripple,r.rippleVisible,a&&r.ripplePulsate),v={width:i,height:i,top:-(i/2)+n,left:-(i/2)+o},y=m.clsx(r.child,h&&r.childLeaving,a&&r.childPulsate);return!c&&!h&&R(!0),p.useEffect(()=>{if(!c&&u!=null){const x=setTimeout(u,d);return()=>{clearTimeout(x)}}},[u,c,d]),F.jsx("span",{className:P,style:v,children:F.jsx("span",{className:y})})}process.env.NODE_ENV!=="production"&&(me.propTypes={classes:e.PropTypes.object.isRequired,className:e.PropTypes.string,in:e.PropTypes.bool,onExited:e.PropTypes.func,pulsate:e.PropTypes.bool,rippleSize:e.PropTypes.number,rippleX:e.PropTypes.number,rippleY:e.PropTypes.number,timeout:e.PropTypes.number.isRequired});const b=m.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Ye=["center","classes","className"];let H=t=>t,pe,de,fe,he;const ne=550,Ae=80,We=oe.keyframes(pe||(pe=H`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)),Ge=oe.keyframes(de||(de=H`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)),He=oe.keyframes(fe||(fe=H`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)),Je=m.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),Qe=m.styled(me,{name:"MuiTouchRipple",slot:"Ripple"})(he||(he=H`
+  opacity: 0;
+  position: absolute;
+
+  &.${0} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  &.${0} {
+    animation-duration: ${0}ms;
+  }
+
+  & .${0} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${0} {
+    opacity: 0;
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  & .${0} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${0};
+    animation-duration: 2500ms;
+    animation-timing-function: ${0};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`),b.rippleVisible,We,ne,({theme:t})=>t.transitions.easing.easeInOut,b.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,b.child,b.childLeaving,Ge,ne,({theme:t})=>t.transitions.easing.easeInOut,b.childPulsate,He,({theme:t})=>t.transitions.easing.easeInOut),ye=p.forwardRef(function(s,r){const a=e.useThemeProps({props:s,name:"MuiTouchRipple"}),{center:o=!1,classes:n={},className:i}=a,c=e._objectWithoutPropertiesLoose(a,Ye),[u,d]=p.useState([]),h=p.useRef(0),R=p.useRef(null);p.useEffect(()=>{R.current&&(R.current(),R.current=null)},[u]);const P=p.useRef(!1),v=Y.useTimeout(),y=p.useRef(null),x=p.useRef(null),$=p.useCallback(f=>{const{pulsate:M,rippleX:E,rippleY:j,rippleSize:U,cb:z}=f;d(C=>[...C,F.jsx(Qe,{classes:{ripple:m.clsx(n.ripple,b.ripple),rippleVisible:m.clsx(n.rippleVisible,b.rippleVisible),ripplePulsate:m.clsx(n.ripplePulsate,b.ripplePulsate),child:m.clsx(n.child,b.child),childLeaving:m.clsx(n.childLeaving,b.childLeaving),childPulsate:m.clsx(n.childPulsate,b.childPulsate)},timeout:ne,pulsate:M,rippleX:E,rippleY:j,rippleSize:U},h.current)]),h.current+=1,R.current=z},[n]),O=p.useCallback((f={},M={},E=()=>{})=>{const{pulsate:j=!1,center:U=o||M.pulsate,fakeElement:z=!1}=M;if((f==null?void 0:f.type)==="mousedown"&&P.current){P.current=!1;return}(f==null?void 0:f.type)==="touchstart"&&(P.current=!0);const C=z?null:x.current,k=C?C.getBoundingClientRect():{width:0,height:0,left:0,top:0};let V,B,S;if(U||f===void 0||f.clientX===0&&f.clientY===0||!f.clientX&&!f.touches)V=Math.round(k.width/2),B=Math.round(k.height/2);else{const{clientX:L,clientY:N}=f.touches&&f.touches.length>0?f.touches[0]:f;V=Math.round(L-k.left),B=Math.round(N-k.top)}if(U)S=Math.sqrt((2*k.width**2+k.height**2)/3),S%2===0&&(S+=1);else{const L=Math.max(Math.abs((C?C.clientWidth:0)-V),V)*2+2,N=Math.max(Math.abs((C?C.clientHeight:0)-B),B)*2+2;S=Math.sqrt(L**2+N**2)}f!=null&&f.touches?y.current===null&&(y.current=()=>{$({pulsate:j,rippleX:V,rippleY:B,rippleSize:S,cb:E})},v.start(Ae,()=>{y.current&&(y.current(),y.current=null)})):$({pulsate:j,rippleX:V,rippleY:B,rippleSize:S,cb:E})},[o,$,v]),q=p.useCallback(()=>{O({},{pulsate:!0})},[O]),I=p.useCallback((f,M)=>{if(v.clear(),(f==null?void 0:f.type)==="touchend"&&y.current){y.current(),y.current=null,v.start(0,()=>{I(f,M)});return}y.current=null,d(E=>E.length>0?E.slice(1):E),R.current=M},[v]);return p.useImperativeHandle(r,()=>({pulsate:q,start:O,stop:I}),[q,O,I]),F.jsx(Je,e._extends({className:m.clsx(b.root,n.root,i),ref:x},c,{children:F.jsx(G,{component:null,exit:!0,children:u})}))});process.env.NODE_ENV!=="production"&&(ye.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});function Ze(t){return e.generateUtilityClass("MuiButtonBase",t)}const et=m.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),tt=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],nt=t=>{const{disabled:s,focusVisible:r,focusVisibleClassName:a,classes:o}=t,n={root:["root",s&&"disabled",r&&"focusVisible"]},i=m.composeClasses(n,Ze,o);return r&&a&&(i.root+=` ${a}`),i},ot=m.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,s)=>s.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${et.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),Te=p.forwardRef(function(s,r){const a=e.useThemeProps({props:s,name:"MuiButtonBase"}),{action:o,centerRipple:n=!1,children:i,className:c,component:u="button",disabled:d=!1,disableRipple:h=!1,disableTouchRipple:R=!1,focusRipple:P=!1,LinkComponent:v="a",onBlur:y,onClick:x,onContextMenu:$,onDragLeave:O,onFocus:q,onFocusVisible:I,onKeyDown:f,onKeyUp:M,onMouseDown:E,onMouseLeave:j,onMouseUp:U,onTouchEnd:z,onTouchMove:C,onTouchStart:k,tabIndex:V=0,TouchRippleProps:B,touchRippleRef:S,type:L}=a,N=e._objectWithoutPropertiesLoose(a,tt),K=p.useRef(null),g=p.useRef(null),be=ue.useForkRef(g,S),{isFocusVisibleRef:re,onFocus:Pe,onBlur:ge,ref:Re}=Oe.useIsFocusVisible(),[w,A]=p.useState(!1);d&&w&&A(!1),p.useImperativeHandle(o,()=>({focusVisible:()=>{A(!0),K.current.focus()}}),[]);const[J,xe]=p.useState(!1);p.useEffect(()=>{xe(!0)},[]);const Q=J&&!h&&!d;p.useEffect(()=>{w&&P&&!h&&J&&g.current.pulsate()},[h,P,w,J]);function D(l,le,Fe=R){return Y.useEventCallback(ae=>(le&&le(ae),!Fe&&g.current&&g.current[l](ae),!0))}const Me=D("start",E),Ee=D("stop",$),Ce=D("stop",O),ve=D("stop",U),Ve=D("stop",l=>{w&&l.preventDefault(),j&&j(l)}),Ne=D("start",k),De=D("stop",z),ke=D("stop",C),Be=D("stop",l=>{ge(l),re.current===!1&&A(!1),y&&y(l)},!1),Se=Y.useEventCallback(l=>{K.current||(K.current=l.currentTarget),Pe(l),re.current===!0&&(A(!0),I&&I(l)),q&&q(l)}),Z=()=>{const l=K.current;return u&&u!=="button"&&!(l.tagName==="A"&&l.href)},ee=p.useRef(!1),je=Y.useEventCallback(l=>{P&&!ee.current&&w&&g.current&&l.key===" "&&(ee.current=!0,g.current.stop(l,()=>{g.current.start(l)})),l.target===l.currentTarget&&Z()&&l.key===" "&&l.preventDefault(),f&&f(l),l.target===l.currentTarget&&Z()&&l.key==="Enter"&&!d&&(l.preventDefault(),x&&x(l))}),Le=Y.useEventCallback(l=>{P&&l.key===" "&&g.current&&w&&!l.defaultPrevented&&(ee.current=!1,g.current.stop(l,()=>{g.current.pulsate(l)})),M&&M(l),x&&l.target===l.currentTarget&&Z()&&l.key===" "&&!l.defaultPrevented&&x(l)});let W=u;W==="button"&&(N.href||N.to)&&(W=v);const X={};W==="button"?(X.type=L===void 0?"button":L,X.disabled=d):(!N.href&&!N.to&&(X.role="button"),d&&(X["aria-disabled"]=d));const we=ue.useForkRef(r,Re,K);process.env.NODE_ENV!=="production"&&p.useEffect(()=>{Q&&!g.current&&console.error(["MUI: The `component` prop provided to ButtonBase is invalid.","Please make sure the children prop is rendered in this custom component."].join(`
+`))},[Q]);const ie=e._extends({},a,{centerRipple:n,component:u,disabled:d,disableRipple:h,disableTouchRipple:R,focusRipple:P,tabIndex:V,focusVisible:w}),_e=nt(ie);return F.jsxs(ot,e._extends({as:W,className:m.clsx(_e.root,c),ownerState:ie,onBlur:Be,onClick:x,onContextMenu:Ee,onFocus:Se,onKeyDown:je,onKeyUp:Le,onMouseDown:Me,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ce,onTouchEnd:De,onTouchMove:ke,onTouchStart:Ne,ref:we,tabIndex:d?-1:V,type:L},X,N,{children:[i,Q?F.jsx(ye,e._extends({ref:be,center:n},B)):null]}))});process.env.NODE_ENV!=="production"&&(Te.propTypes={action:ce.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:ce.elementTypeAcceptingRef,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,disableTouchRipple:e.PropTypes.bool,focusRipple:e.PropTypes.bool,focusVisibleClassName:e.PropTypes.string,href:e.PropTypes.any,LinkComponent:e.PropTypes.elementType,onBlur:e.PropTypes.func,onClick:e.PropTypes.func,onContextMenu:e.PropTypes.func,onDragLeave:e.PropTypes.func,onFocus:e.PropTypes.func,onFocusVisible:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,onMouseDown:e.PropTypes.func,onMouseLeave:e.PropTypes.func,onMouseUp:e.PropTypes.func,onTouchEnd:e.PropTypes.func,onTouchMove:e.PropTypes.func,onTouchStart:e.PropTypes.func,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]),tabIndex:e.PropTypes.number,TouchRippleProps:e.PropTypes.object,touchRippleRef:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.shape({current:e.PropTypes.shape({pulsate:e.PropTypes.func.isRequired,start:e.PropTypes.func.isRequired,stop:e.PropTypes.func.isRequired})})]),type:e.PropTypes.oneOfType([e.PropTypes.oneOf(["button","reset","submit"]),e.PropTypes.string])});exports.ButtonBase=Te;exports.TransitionGroup=G;

package/dist/{CircularProgress-G9G_loET.js → CircularProgress-B5dLec9p.js}

@@ -1,8 +1,8 @@
-import { g as R, c as l, _ as i, u as j, b as U, P as e } from "./useThemeProps-DDcolYEZ.js";
+import { g as R, c as l, _ as i, u as j, b as U, P as e } from "./useThemeProps-C59ZmJTM.js";
 import * as z from "react";
-import { g as E, s as y, c as I, a as F } from "./styled-CCfndrS2.js";
+import { g as E, s as y, c as I, a as F } from "./styled-BBsrnZJ1.js";
 import { jsx as g } from "react/jsx-runtime";
-import { c as K } from "./refType-BklAUjsY.js";
+import { c as K } from "./refType-BatLLQAf.js";
 import { keyframes as D, css as _ } from "@emotion/react";
 function V(r) {
   return R("MuiCircularProgress", r);
@@ -179,7 +179,7 @@ process.env.NODE_ENV !== "production" && (M.propTypes = {
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, e.g. '3rem'.
+   * If using a string, you need to provide the CSS unit, for example '3rem'.
    * @default 40
    */
   size: e.oneOfType([e.number, e.string]),

package/dist/{CircularProgress-DVnd6kxt.cjs → CircularProgress-DvSP1TlK.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./useThemeProps-BYFHMDRd.cjs"),w=require("react"),a=require("./styled-jkrYOquU.cjs"),h=require("react/jsx-runtime"),M=require("./refType-B-3PavG_.cjs"),l=require("@emotion/react");function N(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const R=N(w);function _(e){return r.generateUtilityClass("MuiCircularProgress",e)}const z=a.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),q=z,U=["className","color","disableShrink","size","style","thickness","value","variant"];let p=e=>e,b,C,x,S;const i=44,E=l.keyframes(b||(b=p`
+"use strict";const r=require("./useThemeProps-C5iFxIYI.cjs"),w=require("react"),a=require("./styled-CJ2HJ-9N.cjs"),h=require("react/jsx-runtime"),M=require("./refType-BbhHflrD.cjs"),l=require("@emotion/react");function N(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const R=N(w);function _(e){return r.generateUtilityClass("MuiCircularProgress",e)}const z=a.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),q=z,U=["className","color","disableShrink","size","style","thickness","value","variant"];let p=e=>e,b,C,x,S;const i=44,E=l.keyframes(b||(b=p`
   0% {
     transform: rotate(0deg);
   }

package/dist/{DefaultButton-DDeufcNs.js → DefaultButton-Bm_9J15r.js}

@@ -1,35 +1,35 @@
 import { jsx as b, jsxs as O } from "react/jsx-runtime";
 import * as p from "react";
-import k from "./components/buttons/DefaultButton/DefaultButtonIcon.es.js";
-import { g as M, s as f, r as Y, c as N, a as W } from "./styled-CCfndrS2.js";
-import { g as V, c as s, _ as t, a as E, r as _, u as j, b as D, P as i } from "./useThemeProps-DDcolYEZ.js";
-import { B as Z } from "./ButtonBase-BBqNg9BC.js";
-import { u as w } from "./useId-BW-oWmul.js";
-import { c as oo } from "./refType-BklAUjsY.js";
-import { C as no } from "./CircularProgress-G9G_loET.js";
-function io(o) {
-  return V("MuiButton", o);
+import N from "./components/buttons/DefaultButton/DefaultButtonIcon.es.js";
+import { g as W, s as f, r as X, c as M, a as V } from "./styled-BBsrnZJ1.js";
+import { g as _, c as r, _ as t, a as E, r as j, u as D, b as S, P as i } from "./useThemeProps-C59ZmJTM.js";
+import { B as Y } from "./ButtonBase-CjZVRZ1j.js";
+import { u as Z } from "./useId-BW-oWmul.js";
+import { c as w } from "./refType-BatLLQAf.js";
+import { C as oo } from "./CircularProgress-B5dLec9p.js";
+function no(o) {
+  return _("MuiButton", o);
 }
-const ao = M("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", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), R = ao, G = /* @__PURE__ */ p.createContext({});
-process.env.NODE_ENV !== "production" && (G.displayName = "ButtonGroupContext");
-const U = G, F = /* @__PURE__ */ p.createContext(void 0);
-process.env.NODE_ENV !== "production" && (F.displayName = "ButtonGroupButtonContext");
-const to = F, ro = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], so = (o) => {
+const R = W("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"]), T = /* @__PURE__ */ p.createContext({});
+process.env.NODE_ENV !== "production" && (T.displayName = "ButtonGroupContext");
+const U = /* @__PURE__ */ p.createContext(void 0);
+process.env.NODE_ENV !== "production" && (U.displayName = "ButtonGroupButtonContext");
+const io = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], ao = (o) => {
   const {
     color: n,
     disableElevation: a,
-    fullWidth: r,
+    fullWidth: s,
     size: d,
     variant: l,
     classes: e
   } = o, g = {
-    root: ["root", l, `${l}${s(n)}`, `size${s(d)}`, `${l}Size${s(d)}`, n === "inherit" && "colorInherit", a && "disableElevation", r && "fullWidth"],
+    root: ["root", l, `${l}${r(n)}`, `size${r(d)}`, `${l}Size${r(d)}`, `color${r(n)}`, a && "disableElevation", s && "fullWidth"],
     label: ["label"],
-    startIcon: ["startIcon", `iconSize${s(d)}`],
-    endIcon: ["endIcon", `iconSize${s(d)}`]
-  }, x = W(g, io, e);
+    startIcon: ["icon", "startIcon", `iconSize${r(d)}`],
+    endIcon: ["icon", "endIcon", `iconSize${r(d)}`]
+  }, x = V(g, no, e);
   return t({}, e, x);
-}, S = (o) => t({}, o.size === "small" && {
+}, F = (o) => t({}, o.size === "small" && {
   "& > *:nth-of-type(1)": {
     fontSize: 18
   }
@@ -41,21 +41,21 @@ const to = F, ro = ["children", "color", "component", "className", "disabled", "
   "& > *:nth-of-type(1)": {
     fontSize: 22
   }
-}), lo = f(Z, {
-  shouldForwardProp: (o) => Y(o) || o === "classes",
+}), to = f(Y, {
+  shouldForwardProp: (o) => X(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
   overridesResolver: (o, n) => {
     const {
       ownerState: a
     } = o;
-    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];
+    return [n.root, n[a.variant], n[`${a.variant}${r(a.color)}`], n[`size${r(a.size)}`], n[`${a.variant}Size${r(a.size)}`], a.color === "inherit" && n.colorInherit, a.disableElevation && n.disableElevation, a.fullWidth && n.fullWidth];
   }
 })(({
   theme: o,
   ownerState: n
 }) => {
-  var a, r;
+  var a, s;
   const d = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], l = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
   return t({}, o.typography.button, {
     minWidth: 64,
@@ -128,7 +128,7 @@ const to = F, ro = ["children", "color", "component", "className", "disabled", "
     color: o.vars ? (
       // this is safe because grey does not change between default light/dark mode
       o.vars.palette.text.primary
-    ) : (a = (r = o.palette).getContrastText) == null ? void 0 : a.call(r, o.palette.grey[300]),
+    ) : (a = (s = o.palette).getContrastText) == null ? void 0 : a.call(s, o.palette.grey[300]),
     backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : d,
     boxShadow: (o.vars || o).shadows[2]
   }, n.variant === "contained" && n.color !== "inherit" && {
@@ -174,14 +174,14 @@ const to = F, ro = ["children", "color", "component", "className", "disabled", "
   [`&.${R.disabled}`]: {
     boxShadow: "none"
   }
-}), eo = f("span", {
+}), ro = f("span", {
   name: "MuiButton",
   slot: "StartIcon",
   overridesResolver: (o, n) => {
     const {
       ownerState: a
     } = o;
-    return [n.startIcon, n[`iconSize${s(a.size)}`]];
+    return [n.startIcon, n[`iconSize${r(a.size)}`]];
   }
 })(({
   ownerState: o
@@ -191,14 +191,14 @@ const to = F, ro = ["children", "color", "component", "className", "disabled", "
   marginLeft: -4
 }, o.size === "small" && {
   marginLeft: -2
-}, S(o))), co = f("span", {
+}, F(o))), so = f("span", {
   name: "MuiButton",
   slot: "EndIcon",
   overridesResolver: (o, n) => {
     const {
       ownerState: a
     } = o;
-    return [n.endIcon, n[`iconSize${s(a.size)}`]];
+    return [n.endIcon, n[`iconSize${r(a.size)}`]];
   }
 })(({
   ownerState: o
@@ -208,8 +208,8 @@ const to = F, ro = ["children", "color", "component", "className", "disabled", "
   marginLeft: 8
 }, o.size === "small" && {
   marginRight: -2
-}, S(o))), H = /* @__PURE__ */ p.forwardRef(function(n, a) {
-  const r = p.useContext(U), d = p.useContext(to), l = _(r, n), e = j({
+}, F(o))), G = /* @__PURE__ */ p.forwardRef(function(n, a) {
+  const s = p.useContext(T), d = p.useContext(U), l = j(s, n), e = D({
     props: l,
     name: "MuiButton"
   }), {
@@ -217,50 +217,50 @@ const to = F, ro = ["children", "color", "component", "className", "disabled", "
     color: x = "primary",
     component: v = "button",
     className: z,
-    disabled: B = !1,
-    disableElevation: m = !1,
+    disabled: m = !1,
+    disableElevation: B = !1,
     disableFocusRipple: $ = !1,
     endIcon: y,
-    focusVisibleClassName: h,
+    focusVisibleClassName: P,
     fullWidth: u = !1,
-    size: P = "medium",
+    size: h = "medium",
     startIcon: I,
-    type: T,
-    variant: q = "text"
-  } = e, J = D(e, ro), L = t({}, e, {
+    type: k,
+    variant: A = "text"
+  } = e, q = S(e, io), L = t({}, e, {
     color: x,
     component: v,
-    disabled: B,
-    disableElevation: m,
+    disabled: m,
+    disableElevation: B,
     disableFocusRipple: $,
     fullWidth: u,
-    size: P,
-    type: T,
-    variant: q
-  }), C = so(L), K = I && /* @__PURE__ */ b(eo, {
+    size: h,
+    type: k,
+    variant: A
+  }), C = ao(L), J = I && /* @__PURE__ */ b(ro, {
     className: C.startIcon,
     ownerState: L,
     children: I
-  }), Q = y && /* @__PURE__ */ b(co, {
+  }), K = y && /* @__PURE__ */ b(so, {
     className: C.endIcon,
     ownerState: L,
     children: y
-  }), X = d || "";
-  return /* @__PURE__ */ O(lo, t({
+  }), Q = d || "";
+  return /* @__PURE__ */ O(to, t({
     ownerState: L,
-    className: N(r.className, C.root, z, X),
+    className: M(s.className, C.root, z, Q),
     component: v,
-    disabled: B,
+    disabled: m,
     focusRipple: !$,
-    focusVisibleClassName: N(C.focusVisible, h),
+    focusVisibleClassName: M(C.focusVisible, P),
     ref: a,
-    type: T
-  }, J, {
+    type: k
+  }, q, {
     classes: C,
-    children: [K, g, Q]
+    children: [J, g, K]
   }));
 });
-process.env.NODE_ENV !== "production" && (H.propTypes = {
+process.env.NODE_ENV !== "production" && (G.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -354,24 +354,23 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
 });
-const uo = H;
-function po(o) {
-  return V("MuiLoadingButton", o);
+function lo(o) {
+  return _("MuiLoadingButton", o);
 }
-const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), c = go, vo = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], bo = (o) => {
+const eo = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), c = eo, co = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], uo = (o) => {
   const {
     loading: n,
     loadingPosition: a,
-    classes: r
+    classes: s
   } = o, d = {
     root: ["root", n && "loading"],
-    startIcon: [n && `startIconLoading${s(a)}`],
-    endIcon: [n && `endIconLoading${s(a)}`],
-    loadingIndicator: ["loadingIndicator", n && `loadingIndicator${s(a)}`]
-  }, l = W(d, po, r);
-  return t({}, r, l);
-}, fo = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", xo = f(uo, {
-  shouldForwardProp: (o) => fo(o) || o === "classes",
+    startIcon: [n && `startIconLoading${r(a)}`],
+    endIcon: [n && `endIconLoading${r(a)}`],
+    loadingIndicator: ["loadingIndicator", n && `loadingIndicator${r(a)}`]
+  }, l = V(d, lo, s);
+  return t({}, s, l);
+}, po = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", go = f(G, {
+  shouldForwardProp: (o) => po(o) || o === "classes",
   name: "MuiLoadingButton",
   slot: "Root",
   overridesResolver: (o, n) => [n.root, n.startIconLoadingStart && {
@@ -412,14 +411,14 @@ const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
     opacity: 0,
     marginLeft: -8
   }
-})), yo = f("span", {
+})), vo = f("span", {
   name: "MuiLoadingButton",
   slot: "LoadingIndicator",
   overridesResolver: (o, n) => {
     const {
       ownerState: a
     } = o;
-    return [n.loadingIndicator, n[`loadingIndicator${s(a.loadingPosition)}`]];
+    return [n.loadingIndicator, n[`loadingIndicator${r(a.loadingPosition)}`]];
   }
 })(({
   theme: o,
@@ -446,8 +445,8 @@ const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
 }, n.loadingPosition === "end" && n.fullWidth && {
   position: "relative",
   right: -10
-})), A = /* @__PURE__ */ p.forwardRef(function(n, a) {
-  const r = p.useContext(U), d = _(r, n), l = j({
+})), H = /* @__PURE__ */ p.forwardRef(function(n, a) {
+  const s = p.useContext(T), d = j(s, n), l = D({
     props: d,
     name: "MuiLoadingButton"
   }), {
@@ -456,35 +455,35 @@ const go = M("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadin
     id: x,
     loading: v = !1,
     loadingIndicator: z,
-    loadingPosition: B = "center",
-    variant: m = "text"
-  } = l, $ = D(l, vo), y = w(x), h = z ?? /* @__PURE__ */ b(no, {
+    loadingPosition: m = "center",
+    variant: B = "text"
+  } = l, $ = S(l, co), y = Z(x), P = z ?? /* @__PURE__ */ b(oo, {
     "aria-labelledby": y,
     color: "inherit",
     size: 16
   }), u = t({}, l, {
     disabled: g,
     loading: v,
-    loadingIndicator: h,
-    loadingPosition: B,
-    variant: m
-  }), P = bo(u), I = v ? /* @__PURE__ */ b(yo, {
-    className: P.loadingIndicator,
+    loadingIndicator: P,
+    loadingPosition: m,
+    variant: B
+  }), h = uo(u), I = v ? /* @__PURE__ */ b(vo, {
+    className: h.loadingIndicator,
     ownerState: u,
-    children: h
+    children: P
   }) : null;
-  return /* @__PURE__ */ O(xo, t({
+  return /* @__PURE__ */ O(go, t({
     disabled: g || v,
     id: y,
     ref: a
   }, $, {
-    variant: m,
-    classes: P,
+    variant: B,
+    classes: h,
     ownerState: u,
     children: [u.loadingPosition === "end" ? e : I, u.loadingPosition === "end" ? I : e]
   }));
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (H.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -522,7 +521,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    * The loading indicator can be positioned on the start, end, or the center of the button.
    * @default 'center'
    */
-  loadingPosition: oo(i.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  loadingPosition: w(i.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -533,7 +532,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
 });
-const Io = A, Co = f(Io)(({ color: o, theme: n }) => ({
+const bo = f(H)(({ color: o, theme: n }) => ({
   justifyContent: "center",
   alignItems: "center",
   columnGap: 8,
@@ -574,29 +573,29 @@ const Io = A, Co = f(Io)(({ color: o, theme: n }) => ({
       }
     }
   }
-})), Ro = ({
+})), $o = ({
   icon: o,
   text: n,
   ...a
 }) => {
-  const r = a.color ?? "primary";
+  const s = a.color ?? "primary";
   return /* @__PURE__ */ O(
-    Co,
+    bo,
     {
       ...a,
-      color: r,
+      color: s,
       children: [
-        (o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(k, { ...o }) : null,
+        (o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ b(N, { ...o }) : null,
         n,
-        (o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(k, { ...o }) : null
+        (o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ b(N, { ...o }) : null
       ]
     }
   );
 };
 export {
-  uo as B,
-  Ro as D,
-  Io as L,
-  po as g,
+  G as B,
+  $o as D,
+  H as L,
+  lo as g,
   c as l
 };

package/dist/DefaultButton-DpAQ3D3A.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),U=require("react"),R=require("./components/buttons/DefaultButton/DefaultButtonIcon.cjs.js"),e=require("./styled-CJ2HJ-9N.cjs"),i=require("./useThemeProps-C5iFxIYI.cjs"),q=require("./ButtonBase-h89TFQ74.cjs"),S=require("./useId-Cw0TtD-8.cjs"),F=require("./refType-BbhHflrD.cjs"),G=require("./CircularProgress-DvSP1TlK.cjs");function H(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const u=H(U);function A(o){return i.generateUtilityClass("MuiButton",o)}const $=e.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"]),m=u.createContext({});process.env.NODE_ENV!=="production"&&(m.displayName="ButtonGroupContext");const O=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(O.displayName="ButtonGroupButtonContext");const J=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],K=o=>{const{color:n,disableElevation:t,fullWidth:a,size:s,variant:r,classes:d}=o,g={root:["root",r,`${r}${i.capitalize(n)}`,`size${i.capitalize(s)}`,`${r}Size${i.capitalize(s)}`,`color${i.capitalize(n)}`,t&&"disableElevation",a&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${i.capitalize(s)}`],endIcon:["icon","endIcon",`iconSize${i.capitalize(s)}`]},b=e.composeClasses(g,A,d);return i._extends({},d,b)},k=o=>i._extends({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),Q=e.styled(q.ButtonBase,{shouldForwardProp:o=>e.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:t}=o;return[n.root,n[t.variant],n[`${t.variant}${i.capitalize(t.color)}`],n[`size${i.capitalize(t.size)}`],n[`${t.variant}Size${i.capitalize(t.size)}`],t.color==="inherit"&&n.colorInherit,t.disableElevation&&n.disableElevation,t.fullWidth&&n.fullWidth]}})(({theme:o,ownerState:n})=>{var t,a;const s=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];return i._extends({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":i._extends({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:i.alpha_1(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="text"&&n.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:i.alpha_1(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="outlined"&&n.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[n.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:i.alpha_1(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:r,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},n.variant==="contained"&&n.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[n.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[n.color].main}}),"&:active":i._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${$.focusVisible}`]:i._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${$.disabled}`]:i._extends({color:(o.vars||o).palette.action.disabled},n.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},n.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},n.variant==="text"&&{padding:"6px 8px"},n.variant==="text"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main},n.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},n.variant==="outlined"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)`:`1px solid ${i.alpha_1(o.palette[n.color].main,.5)}`},n.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(t=(a=o.palette).getContrastText)==null?void 0:t.call(a,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:s,boxShadow:(o.vars||o).shadows[2]},n.variant==="contained"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].contrastText,backgroundColor:(o.vars||o).palette[n.color].main},n.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},n.size==="small"&&n.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},n.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${$.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${$.disabled}`]:{boxShadow:"none"}}),X=e.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,n)=>{const{ownerState:t}=o;return[n.startIcon,n[`iconSize${i.capitalize(t.size)}`]]}})(({ownerState:o})=>i._extends({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},k(o))),Y=e.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,n)=>{const{ownerState:t}=o;return[n.endIcon,n[`iconSize${i.capitalize(t.size)}`]]}})(({ownerState:o})=>i._extends({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},k(o))),L=u.forwardRef(function(n,t){const a=u.useContext(m),s=u.useContext(O),r=i.resolveProps(a,n),d=i.useThemeProps({props:r,name:"MuiButton"}),{children:g,color:b="primary",component:y="button",className:P,disabled:I=!1,disableElevation:T=!1,disableFocusRipple:z=!1,endIcon:v,focusVisibleClassName:C,fullWidth:p=!1,size:B="medium",startIcon:x,type:E,variant:M="text"}=d,j=i._objectWithoutPropertiesLoose(d,J),h=i._extends({},d,{color:b,component:y,disabled:I,disableElevation:T,disableFocusRipple:z,fullWidth:p,size:B,type:E,variant:M}),f=K(h),W=x&&c.jsx(X,{className:f.startIcon,ownerState:h,children:x}),V=v&&c.jsx(Y,{className:f.endIcon,ownerState:h,children:v}),D=s||"";return c.jsxs(Q,i._extends({ownerState:h,className:e.clsx(a.className,f.root,P,D),component:y,disabled:I,focusRipple:!z,focusVisibleClassName:e.clsx(f.focusVisible,C),ref:t,type:E},j,{classes:f,children:[W,g,V]}))});process.env.NODE_ENV!=="production"&&(L.propTypes={children:i.PropTypes.node,classes:i.PropTypes.object,className:i.PropTypes.string,color:i.PropTypes.oneOfType([i.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),i.PropTypes.string]),component:i.PropTypes.elementType,disabled:i.PropTypes.bool,disableElevation:i.PropTypes.bool,disableFocusRipple:i.PropTypes.bool,disableRipple:i.PropTypes.bool,endIcon:i.PropTypes.node,focusVisibleClassName:i.PropTypes.string,fullWidth:i.PropTypes.bool,href:i.PropTypes.string,size:i.PropTypes.oneOfType([i.PropTypes.oneOf(["small","medium","large"]),i.PropTypes.string]),startIcon:i.PropTypes.node,sx:i.PropTypes.oneOfType([i.PropTypes.arrayOf(i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.object,i.PropTypes.bool])),i.PropTypes.func,i.PropTypes.object]),type:i.PropTypes.oneOfType([i.PropTypes.oneOf(["button","reset","submit"]),i.PropTypes.string]),variant:i.PropTypes.oneOfType([i.PropTypes.oneOf(["contained","outlined","text"]),i.PropTypes.string])});function N(o){return i.generateUtilityClass("MuiLoadingButton",o)}const Z=e.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),l=Z,w=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],oo=o=>{const{loading:n,loadingPosition:t,classes:a}=o,s={root:["root",n&&"loading"],startIcon:[n&&`startIconLoading${i.capitalize(t)}`],endIcon:[n&&`endIconLoading${i.capitalize(t)}`],loadingIndicator:["loadingIndicator",n&&`loadingIndicator${i.capitalize(t)}`]},r=e.composeClasses(s,N,a);return i._extends({},a,r)},no=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",io=e.styled(L,{shouldForwardProp:o=>no(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,n)=>[n.root,n.startIconLoadingStart&&{[`& .${l.startIconLoadingStart}`]:n.startIconLoadingStart},n.endIconLoadingEnd&&{[`& .${l.endIconLoadingEnd}`]:n.endIconLoadingEnd}]})(({ownerState:o,theme:n})=>i._extends({[`& .${l.startIconLoadingStart}, & .${l.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0}},o.loadingPosition==="center"&&{transition:n.transitions.create(["background-color","box-shadow","border-color"],{duration:n.transitions.duration.short}),[`&.${l.loading}`]:{color:"transparent"}},o.loadingPosition==="start"&&o.fullWidth&&{[`& .${l.startIconLoadingStart}, & .${l.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginRight:-8}},o.loadingPosition==="end"&&o.fullWidth&&{[`& .${l.startIconLoadingStart}, & .${l.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginLeft:-8}})),to=e.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,n)=>{const{ownerState:t}=o;return[n.loadingIndicator,n[`loadingIndicator${i.capitalize(t.loadingPosition)}`]]}})(({theme:o,ownerState:n})=>i._extends({position:"absolute",visibility:"visible",display:"flex"},n.loadingPosition==="start"&&(n.variant==="outlined"||n.variant==="contained")&&{left:n.size==="small"?10:14},n.loadingPosition==="start"&&n.variant==="text"&&{left:6},n.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled},n.loadingPosition==="end"&&(n.variant==="outlined"||n.variant==="contained")&&{right:n.size==="small"?10:14},n.loadingPosition==="end"&&n.variant==="text"&&{right:6},n.loadingPosition==="start"&&n.fullWidth&&{position:"relative",left:-10},n.loadingPosition==="end"&&n.fullWidth&&{position:"relative",right:-10})),_=u.forwardRef(function(n,t){const a=u.useContext(m),s=i.resolveProps(a,n),r=i.useThemeProps({props:s,name:"MuiLoadingButton"}),{children:d,disabled:g=!1,id:b,loading:y=!1,loadingIndicator:P,loadingPosition:I="center",variant:T="text"}=r,z=i._objectWithoutPropertiesLoose(r,w),v=S.useId(b),C=P??c.jsx(G.CircularProgress,{"aria-labelledby":v,color:"inherit",size:16}),p=i._extends({},r,{disabled:g,loading:y,loadingIndicator:C,loadingPosition:I,variant:T}),B=oo(p),x=y?c.jsx(to,{className:B.loadingIndicator,ownerState:p,children:C}):null;return c.jsxs(io,i._extends({disabled:g||y,id:v,ref:t},z,{variant:T,classes:B,ownerState:p,children:[p.loadingPosition==="end"?d:x,p.loadingPosition==="end"?x:d]}))});process.env.NODE_ENV!=="production"&&(_.propTypes={children:i.PropTypes.node,classes:i.PropTypes.object,disabled:i.PropTypes.bool,id:i.PropTypes.string,loading:i.PropTypes.bool,loadingIndicator:i.PropTypes.node,loadingPosition:F.chainPropTypes(i.PropTypes.oneOf(["start","end","center"]),o=>o.loadingPosition==="start"&&!o.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):o.loadingPosition==="end"&&!o.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),sx:i.PropTypes.oneOfType([i.PropTypes.arrayOf(i.PropTypes.oneOfType([i.PropTypes.func,i.PropTypes.object,i.PropTypes.bool])),i.PropTypes.func,i.PropTypes.object]),variant:i.PropTypes.oneOfType([i.PropTypes.oneOf(["contained","outlined","text"]),i.PropTypes.string])});const ao=e.styled(_)(({color:o,theme:n})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:o,borderColor:o,borderRadius:5,borderWidth:2,transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-contained":{color:n.palette.common.white},"&.MuiButton-outlined":{borderRadius:5,borderWidth:2,"&.MuiButton-outlinedPrimary":{"&:active":{borderColor:n.palette.primary.main,color:n.palette.primary.main},"&:hover":{backgroundColor:n.palette.primary.dark,borderColor:n.palette.primary.dark,color:n.palette.common.white}},"&.MuiButton-outlinedSecondary":{"&:active":{borderColor:n.palette.secondary.main,color:n.palette.secondary.main},"&:hover":{backgroundColor:n.palette.secondary.main,color:n.palette.common.white}}}})),ro=({icon:o,text:n,...t})=>{const a=t.color??"primary";return c.jsxs(ao,{...t,color:a,children:[(o==null?void 0:o.position)==="left"?c.jsx(R,{...o}):null,n,(o==null?void 0:o.position)==="right"?c.jsx(R,{...o}):null]})};exports.Button=L;exports.DefaultButton=ro;exports.LoadingButton=_;exports.getLoadingButtonUtilityClass=N;exports.loadingButtonClasses=l;