@cgi-learning-hub/ui 0.0.1-dev.1708295480 → 0.0.1-dev.1708363713

package/dist/Button-D0o8tGej.cjs

@@ -0,0 +1,75 @@
+"use strict";const o=require("./defaultTheme-DdZ2uQhZ.cjs"),g=require("react"),d=require("./styled-DqWU6H76.cjs"),B=require("react/jsx-runtime"),I=require("./TransitionGroupContext-B6r0bfvS.cjs"),se=require("@emotion/react"),H=require("./useForkRef-BkcfGVSE.cjs");function we(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const p=we(g);let J=!0,re=!1;const qe=new I.Timeout,Ge={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function Ae(e){const{type:t,tagName:n}=e;return!!(n==="INPUT"&&Ge[t]&&!e.readOnly||n==="TEXTAREA"&&!e.readOnly||e.isContentEditable)}function Xe(e){e.metaKey||e.altKey||e.ctrlKey||(J=!0)}function ne(){J=!1}function Ye(){this.visibilityState==="hidden"&&re&&(J=!0)}function He(e){e.addEventListener("keydown",Xe,!0),e.addEventListener("mousedown",ne,!0),e.addEventListener("pointerdown",ne,!0),e.addEventListener("touchstart",ne,!0),e.addEventListener("visibilitychange",Ye,!0)}function Je(e){const{target:t}=e;try{return t.matches(":focus-visible")}catch{}return J||Ae(t)}function Qe(){const e=p.useCallback(r=>{r!=null&&He(r.ownerDocument)},[]),t=p.useRef(!1);function n(){return t.current?(re=!0,qe.start(100,()=>{re=!1}),t.current=!1,!0):!1}function a(r){return Je(r)?(t.current=!0,!0):!1}return{isFocusVisibleRef:t,onFocus:a,onBlur:n,ref:e}}function Ze(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ae(e,t){var n=function(i){return t&&g.isValidElement(i)?t(i):i},a=Object.create(null);return e&&g.Children.map(e,function(r){return r}).forEach(function(r){a[r.key]=n(r)}),a}function eo(e,t){e=e||{},t=t||{};function n(h){return h in t?t[h]:e[h]}var a=Object.create(null),r=[];for(var i in e)i in t?r.length&&(a[i]=r,r=[]):r.push(i);var s,u={};for(var c in t){if(a[c])for(s=0;s<a[c].length;s++){var f=a[c][s];u[a[c][s]]=n(f)}u[c]=n(c)}for(s=0;s<r.length;s++)u[r[s]]=n(r[s]);return u}function w(e,t,n){return n[t]!=null?n[t]:e.props[t]}function oo(e,t){return ae(e.children,function(n){return g.cloneElement(n,{onExited:t.bind(null,n),in:!0,appear:w(n,"appear",e),enter:w(n,"enter",e),exit:w(n,"exit",e)})})}function to(e,t,n){var a=ae(e.children),r=eo(t,a);return Object.keys(r).forEach(function(i){var s=r[i];if(g.isValidElement(s)){var u=i in t,c=i in a,f=t[i],h=g.isValidElement(f)&&!f.props.in;c&&(!u||h)?r[i]=g.cloneElement(s,{onExited:n.bind(null,s),in:!0,exit:w(s,"exit",e),enter:w(s,"enter",e)}):!c&&u&&!h?r[i]=g.cloneElement(s,{in:!1}):c&&u&&g.isValidElement(f)&&(r[i]=g.cloneElement(s,{onExited:n.bind(null,s),in:f.props.in,exit:w(s,"exit",e),enter:w(s,"enter",e)}))}}),r}var no=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},ro={component:"div",childFactory:function(t){return t}},le=function(e){I._inheritsLoose(t,e);function t(a,r){var i;i=e.call(this,a,r)||this;var s=i.handleExited.bind(Ze(i));return i.state={contextValue:{isMounting:!0},handleExited:s,firstRender:!0},i}var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(r,i){var s=i.children,u=i.handleExited,c=i.firstRender;return{children:c?oo(r,u):to(r,s,u),firstRender:!1}},n.handleExited=function(r,i){var s=ae(this.props.children);r.key in s||(r.props.onExited&&r.props.onExited(i),this.mounted&&this.setState(function(u){var c=o._extends({},u.children);return delete c[r.key],{children:c}}))},n.render=function(){var r=this.props,i=r.component,s=r.childFactory,u=o._objectWithoutPropertiesLoose(r,["component","childFactory"]),c=this.state.contextValue,f=no(this.state.children).map(s);return delete u.appear,delete u.enter,delete u.exit,i===null?g.createElement(I.TransitionGroupContext.Provider,{value:c},f):g.createElement(I.TransitionGroupContext.Provider,{value:c},g.createElement(i,u,f))},t}(g.Component);le.propTypes=process.env.NODE_ENV!=="production"?{component:o.PropTypes.any,children:o.PropTypes.node,appear:o.PropTypes.bool,enter:o.PropTypes.bool,exit:o.PropTypes.bool,childFactory:o.PropTypes.func}:{};le.defaultProps=ro;const io=le;function Te(e){const{className:t,classes:n,pulsate:a=!1,rippleX:r,rippleY:i,rippleSize:s,in:u,onExited:c,timeout:f}=e,[h,m]=p.useState(!1),x=d.clsx(t,n.ripple,n.rippleVisible,a&&n.ripplePulsate),P={width:s,height:s,top:-(s/2)+i,left:-(s/2)+r},b=d.clsx(n.child,h&&n.childLeaving,a&&n.childPulsate);return!u&&!h&&m(!0),p.useEffect(()=>{if(!u&&c!=null){const C=setTimeout(c,f);return()=>{clearTimeout(C)}}},[c,u,f]),B.jsx("span",{className:x,style:P,children:B.jsx("span",{className:b})})}process.env.NODE_ENV!=="production"&&(Te.propTypes={classes:o.PropTypes.object.isRequired,className:o.PropTypes.string,in:o.PropTypes.bool,onExited:o.PropTypes.func,pulsate:o.PropTypes.bool,rippleSize:o.PropTypes.number,rippleX:o.PropTypes.number,rippleY:o.PropTypes.number,timeout:o.PropTypes.number.isRequired});const z=d.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),so=["center","classes","className"];let Q=e=>e,fe,ye,he,be;const ie=550,ao=80,lo=se.keyframes(fe||(fe=Q`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)),co=se.keyframes(ye||(ye=Q`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)),po=se.keyframes(he||(he=Q`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)),uo=d.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),fo=d.styled(Te,{name:"MuiTouchRipple",slot:"Ripple"})(be||(be=Q`
+  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;
+  }
+`),z.rippleVisible,lo,ie,({theme:e})=>e.transitions.easing.easeInOut,z.ripplePulsate,({theme:e})=>e.transitions.duration.shorter,z.child,z.childLeaving,co,ie,({theme:e})=>e.transitions.easing.easeInOut,z.childPulsate,po,({theme:e})=>e.transitions.easing.easeInOut),ge=p.forwardRef(function(t,n){const a=d.useThemeProps({props:t,name:"MuiTouchRipple"}),{center:r=!1,classes:i={},className:s}=a,u=o._objectWithoutPropertiesLoose(a,so),[c,f]=p.useState([]),h=p.useRef(0),m=p.useRef(null);p.useEffect(()=>{m.current&&(m.current(),m.current=null)},[c]);const x=p.useRef(!1),P=I.useTimeout(),b=p.useRef(null),C=p.useRef(null),F=p.useCallback(y=>{const{pulsate:R,rippleX:T,rippleY:v,rippleSize:L,cb:U}=y;f(E=>[...E,B.jsx(fo,{classes:{ripple:d.clsx(i.ripple,z.ripple),rippleVisible:d.clsx(i.rippleVisible,z.rippleVisible),ripplePulsate:d.clsx(i.ripplePulsate,z.ripplePulsate),child:d.clsx(i.child,z.child),childLeaving:d.clsx(i.childLeaving,z.childLeaving),childPulsate:d.clsx(i.childPulsate,z.childPulsate)},timeout:ie,pulsate:R,rippleX:T,rippleY:v,rippleSize:L},h.current)]),h.current+=1,m.current=U},[i]),O=p.useCallback((y={},R={},T=()=>{})=>{const{pulsate:v=!1,center:L=r||R.pulsate,fakeElement:U=!1}=R;if((y==null?void 0:y.type)==="mousedown"&&x.current){x.current=!1;return}(y==null?void 0:y.type)==="touchstart"&&(x.current=!0);const E=U?null:C.current,D=E?E.getBoundingClientRect():{width:0,height:0,left:0,top:0};let $,S,j;if(L||y===void 0||y.clientX===0&&y.clientY===0||!y.clientX&&!y.touches)$=Math.round(D.width/2),S=Math.round(D.height/2);else{const{clientX:W,clientY:V}=y.touches&&y.touches.length>0?y.touches[0]:y;$=Math.round(W-D.left),S=Math.round(V-D.top)}if(L)j=Math.sqrt((2*D.width**2+D.height**2)/3),j%2===0&&(j+=1);else{const W=Math.max(Math.abs((E?E.clientWidth:0)-$),$)*2+2,V=Math.max(Math.abs((E?E.clientHeight:0)-S),S)*2+2;j=Math.sqrt(W**2+V**2)}y!=null&&y.touches?b.current===null&&(b.current=()=>{F({pulsate:v,rippleX:$,rippleY:S,rippleSize:j,cb:T})},P.start(ao,()=>{b.current&&(b.current(),b.current=null)})):F({pulsate:v,rippleX:$,rippleY:S,rippleSize:j,cb:T})},[r,F,P]),_=p.useCallback(()=>{O({},{pulsate:!0})},[O]),N=p.useCallback((y,R)=>{if(P.clear(),(y==null?void 0:y.type)==="touchend"&&b.current){b.current(),b.current=null,P.start(0,()=>{N(y,R)});return}b.current=null,f(T=>T.length>0?T.slice(1):T),m.current=R},[P]);return p.useImperativeHandle(n,()=>({pulsate:_,start:O,stop:N}),[_,O,N]),B.jsx(uo,o._extends({className:d.clsx(z.root,i.root,s),ref:C},u,{children:B.jsx(io,{component:null,exit:!0,children:c})}))});process.env.NODE_ENV!=="production"&&(ge.propTypes={center:o.PropTypes.bool,classes:o.PropTypes.object,className:o.PropTypes.string});const yo=ge;function ho(e){return o.generateUtilityClass("MuiButtonBase",e)}const bo=d.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),To=["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"],go=e=>{const{disabled:t,focusVisible:n,focusVisibleClassName:a,classes:r}=e,i={root:["root",t&&"disabled",n&&"focusVisible"]},s=d.composeClasses(i,ho,r);return n&&a&&(s.root+=` ${a}`),s},mo=d.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,t)=>t.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"},[`&.${bo.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),me=p.forwardRef(function(t,n){const a=d.useThemeProps({props:t,name:"MuiButtonBase"}),{action:r,centerRipple:i=!1,children:s,className:u,component:c="button",disabled:f=!1,disableRipple:h=!1,disableTouchRipple:m=!1,focusRipple:x=!1,LinkComponent:P="a",onBlur:b,onClick:C,onContextMenu:F,onDragLeave:O,onFocus:_,onFocusVisible:N,onKeyDown:y,onKeyUp:R,onMouseDown:T,onMouseLeave:v,onMouseUp:L,onTouchEnd:U,onTouchMove:E,onTouchStart:D,tabIndex:$=0,TouchRippleProps:S,touchRippleRef:j,type:W}=a,V=o._objectWithoutPropertiesLoose(a,To),q=p.useRef(null),M=p.useRef(null),Re=H.useForkRef(M,j),{isFocusVisibleRef:ce,onFocus:Ee,onBlur:ze,ref:Me}=Qe(),[K,A]=p.useState(!1);f&&K&&A(!1),p.useImperativeHandle(r,()=>({focusVisible:()=>{A(!0),q.current.focus()}}),[]);const[Z,Be]=p.useState(!1);p.useEffect(()=>{Be(!0)},[]);const ee=Z&&!h&&!f;p.useEffect(()=>{K&&x&&!h&&Z&&M.current.pulsate()},[h,x,K,Z]);function k(l,ue,Ke=m){return I.useEventCallback(de=>(ue&&ue(de),!Ke&&M.current&&M.current[l](de),!0))}const Ne=k("start",T),$e=k("stop",F),Ve=k("stop",O),ke=k("stop",L),Ie=k("stop",l=>{K&&l.preventDefault(),v&&v(l)}),Oe=k("start",D),_e=k("stop",U),Le=k("stop",E),De=k("stop",l=>{ze(l),ce.current===!1&&A(!1),b&&b(l)},!1),Se=I.useEventCallback(l=>{q.current||(q.current=l.currentTarget),Ee(l),ce.current===!0&&(A(!0),N&&N(l)),_&&_(l)}),oe=()=>{const l=q.current;return c&&c!=="button"&&!(l.tagName==="A"&&l.href)},te=p.useRef(!1),je=I.useEventCallback(l=>{x&&!te.current&&K&&M.current&&l.key===" "&&(te.current=!0,M.current.stop(l,()=>{M.current.start(l)})),l.target===l.currentTarget&&oe()&&l.key===" "&&l.preventDefault(),y&&y(l),l.target===l.currentTarget&&oe()&&l.key==="Enter"&&!f&&(l.preventDefault(),C&&C(l))}),Fe=I.useEventCallback(l=>{x&&l.key===" "&&M.current&&K&&!l.defaultPrevented&&(te.current=!1,M.current.stop(l,()=>{M.current.pulsate(l)})),R&&R(l),C&&l.target===l.currentTarget&&oe()&&l.key===" "&&!l.defaultPrevented&&C(l)});let X=c;X==="button"&&(V.href||V.to)&&(X=P);const G={};X==="button"?(G.type=W===void 0?"button":W,G.disabled=f):(!V.href&&!V.to&&(G.role="button"),f&&(G["aria-disabled"]=f));const Ue=H.useForkRef(n,Me,q);process.env.NODE_ENV!=="production"&&p.useEffect(()=>{ee&&!M.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(`
+`))},[ee]);const pe=o._extends({},a,{centerRipple:i,component:c,disabled:f,disableRipple:h,disableTouchRipple:m,focusRipple:x,tabIndex:$,focusVisible:K}),We=go(pe);return B.jsxs(mo,o._extends({as:X,className:d.clsx(We.root,u),ownerState:pe,onBlur:De,onClick:C,onContextMenu:$e,onFocus:Se,onKeyDown:je,onKeyUp:Fe,onMouseDown:Ne,onMouseLeave:Ie,onMouseUp:ke,onDragLeave:Ve,onTouchEnd:_e,onTouchMove:Le,onTouchStart:Oe,ref:Ue,tabIndex:f?-1:$,type:W},G,V,{children:[s,ee?B.jsx(yo,o._extends({ref:Re,center:i},S)):null]}))});process.env.NODE_ENV!=="production"&&(me.propTypes={action:H.refType,centerRipple:o.PropTypes.bool,children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,component:H.elementTypeAcceptingRef,disabled:o.PropTypes.bool,disableRipple:o.PropTypes.bool,disableTouchRipple:o.PropTypes.bool,focusRipple:o.PropTypes.bool,focusVisibleClassName:o.PropTypes.string,href:o.PropTypes.any,LinkComponent:o.PropTypes.elementType,onBlur:o.PropTypes.func,onClick:o.PropTypes.func,onContextMenu:o.PropTypes.func,onDragLeave:o.PropTypes.func,onFocus:o.PropTypes.func,onFocusVisible:o.PropTypes.func,onKeyDown:o.PropTypes.func,onKeyUp:o.PropTypes.func,onMouseDown:o.PropTypes.func,onMouseLeave:o.PropTypes.func,onMouseUp:o.PropTypes.func,onTouchEnd:o.PropTypes.func,onTouchMove:o.PropTypes.func,onTouchStart:o.PropTypes.func,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),tabIndex:o.PropTypes.number,TouchRippleProps:o.PropTypes.object,touchRippleRef:o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.shape({current:o.PropTypes.shape({pulsate:o.PropTypes.func.isRequired,start:o.PropTypes.func.isRequired,stop:o.PropTypes.func.isRequired})})]),type:o.PropTypes.oneOfType([o.PropTypes.oneOf(["button","reset","submit"]),o.PropTypes.string])});const xo=me;function vo(e){return o.generateUtilityClass("MuiButton",e)}const Po=d.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","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),Y=Po,xe=p.createContext({});process.env.NODE_ENV!=="production"&&(xe.displayName="ButtonGroupContext");const Co=xe,ve=p.createContext(void 0);process.env.NODE_ENV!=="production"&&(ve.displayName="ButtonGroupButtonContext");const Ro=ve,Eo=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],zo=e=>{const{color:t,disableElevation:n,fullWidth:a,size:r,variant:i,classes:s}=e,u={root:["root",i,`${i}${o.capitalize(t)}`,`size${o.capitalize(r)}`,`${i}Size${o.capitalize(r)}`,t==="inherit"&&"colorInherit",n&&"disableElevation",a&&"fullWidth"],label:["label"],startIcon:["startIcon",`iconSize${o.capitalize(r)}`],endIcon:["endIcon",`iconSize${o.capitalize(r)}`]},c=d.composeClasses(u,vo,s);return o._extends({},s,c)},Pe=e=>o._extends({},e.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},e.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},e.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),Mo=d.styled(xo,{shouldForwardProp:e=>d.rootShouldForwardProp(e)||e==="classes",name:"MuiButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[n.variant],t[`${n.variant}${o.capitalize(n.color)}`],t[`size${o.capitalize(n.size)}`],t[`${n.variant}Size${o.capitalize(n.size)}`],n.color==="inherit"&&t.colorInherit,n.disableElevation&&t.disableElevation,n.fullWidth&&t.fullWidth]}})(({theme:e,ownerState:t})=>{var n,a;const r=e.palette.mode==="light"?e.palette.grey[300]:e.palette.grey[800],i=e.palette.mode==="light"?e.palette.grey.A100:e.palette.grey[700];return o._extends({},e.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(e.vars||e).shape.borderRadius,transition:e.transitions.create(["background-color","box-shadow","border-color","color"],{duration:e.transitions.duration.short}),"&:hover":o._extends({textDecoration:"none",backgroundColor:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette.text.primary,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="text"&&t.color!=="inherit"&&{backgroundColor:e.vars?`rgba(${e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette[t.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="outlined"&&t.color!=="inherit"&&{border:`1px solid ${(e.vars||e).palette[t.color].main}`,backgroundColor:e.vars?`rgba(${e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette[t.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="contained"&&{backgroundColor:e.vars?e.vars.palette.Button.inheritContainedHoverBg:i,boxShadow:(e.vars||e).shadows[4],"@media (hover: none)":{boxShadow:(e.vars||e).shadows[2],backgroundColor:(e.vars||e).palette.grey[300]}},t.variant==="contained"&&t.color!=="inherit"&&{backgroundColor:(e.vars||e).palette[t.color].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t.color].main}}),"&:active":o._extends({},t.variant==="contained"&&{boxShadow:(e.vars||e).shadows[8]}),[`&.${Y.focusVisible}`]:o._extends({},t.variant==="contained"&&{boxShadow:(e.vars||e).shadows[6]}),[`&.${Y.disabled}`]:o._extends({color:(e.vars||e).palette.action.disabled},t.variant==="outlined"&&{border:`1px solid ${(e.vars||e).palette.action.disabledBackground}`},t.variant==="contained"&&{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground})},t.variant==="text"&&{padding:"6px 8px"},t.variant==="text"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].main},t.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},t.variant==="outlined"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].main,border:e.vars?`1px solid rgba(${e.vars.palette[t.color].mainChannel} / 0.5)`:`1px solid ${o.alpha(e.palette[t.color].main,.5)}`},t.variant==="contained"&&{color:e.vars?e.vars.palette.text.primary:(n=(a=e.palette).getContrastText)==null?void 0:n.call(a,e.palette.grey[300]),backgroundColor:e.vars?e.vars.palette.Button.inheritContainedBg:r,boxShadow:(e.vars||e).shadows[2]},t.variant==="contained"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].contrastText,backgroundColor:(e.vars||e).palette[t.color].main},t.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},t.size==="small"&&t.variant==="text"&&{padding:"4px 5px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="text"&&{padding:"8px 11px",fontSize:e.typography.pxToRem(15)},t.size==="small"&&t.variant==="outlined"&&{padding:"3px 9px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="outlined"&&{padding:"7px 21px",fontSize:e.typography.pxToRem(15)},t.size==="small"&&t.variant==="contained"&&{padding:"4px 10px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="contained"&&{padding:"8px 22px",fontSize:e.typography.pxToRem(15)},t.fullWidth&&{width:"100%"})},({ownerState:e})=>e.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${Y.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${Y.disabled}`]:{boxShadow:"none"}}),Bo=d.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.startIcon,t[`iconSize${o.capitalize(n.size)}`]]}})(({ownerState:e})=>o._extends({display:"inherit",marginRight:8,marginLeft:-4},e.size==="small"&&{marginLeft:-2},Pe(e))),No=d.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.endIcon,t[`iconSize${o.capitalize(n.size)}`]]}})(({ownerState:e})=>o._extends({display:"inherit",marginRight:-4,marginLeft:8},e.size==="small"&&{marginRight:-2},Pe(e))),Ce=p.forwardRef(function(t,n){const a=p.useContext(Co),r=p.useContext(Ro),i=d.resolveProps(a,t),s=d.useThemeProps({props:i,name:"MuiButton"}),{children:u,color:c="primary",component:f="button",className:h,disabled:m=!1,disableElevation:x=!1,disableFocusRipple:P=!1,endIcon:b,focusVisibleClassName:C,fullWidth:F=!1,size:O="medium",startIcon:_,type:N,variant:y="text"}=s,R=o._objectWithoutPropertiesLoose(s,Eo),T=o._extends({},s,{color:c,component:f,disabled:m,disableElevation:x,disableFocusRipple:P,fullWidth:F,size:O,type:N,variant:y}),v=zo(T),L=_&&B.jsx(Bo,{className:v.startIcon,ownerState:T,children:_}),U=b&&B.jsx(No,{className:v.endIcon,ownerState:T,children:b}),E=r||"";return B.jsxs(Mo,o._extends({ownerState:T,className:d.clsx(a.className,v.root,h,E),component:f,disabled:m,focusRipple:!P,focusVisibleClassName:d.clsx(v.focusVisible,C),ref:n,type:N},R,{classes:v,children:[L,u,U]}))});process.env.NODE_ENV!=="production"&&(Ce.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,disabled:o.PropTypes.bool,disableElevation:o.PropTypes.bool,disableFocusRipple:o.PropTypes.bool,disableRipple:o.PropTypes.bool,endIcon:o.PropTypes.node,focusVisibleClassName:o.PropTypes.string,fullWidth:o.PropTypes.bool,href:o.PropTypes.string,size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["small","medium","large"]),o.PropTypes.string]),startIcon:o.PropTypes.node,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),type:o.PropTypes.oneOfType([o.PropTypes.oneOf(["button","reset","submit"]),o.PropTypes.string]),variant:o.PropTypes.oneOfType([o.PropTypes.oneOf(["contained","outlined","text"]),o.PropTypes.string])});const $o=Ce;exports.Button=$o;