@cgi-learning-hub/ui 0.0.1-dev.1709568003 → 0.0.1-dev.1709569638

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "0.0.1-dev.1709568003",
+  "version": "0.0.1-dev.1709569638",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
@@ -43,7 +43,10 @@
     "@types/react": "18.2.48",
     "@types/react-dom": "18.2.18",
     "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react-dom": "18.2.0",
+    "@emotion/react": "11.11.3",
+    "@emotion/styled": "11.11.0",
+    "@mui/material": "5.15.10"
   },
   "scripts": {
     "dev": "vite",

package/dist/Box-CjHm9A9L.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./clamp-0LjYbpE_.cjs"),n=require("./styled-DGjsLYEN.cjs"),T=require("react"),P=require("react/jsx-runtime"),h=require("./styled-Dkd1VGM-.cjs");function b(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>o[s]})}}return t.default=o,Object.freeze(t)}const N=b(T),B=["className","component"];function g(o={}){const{themeId:t,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:p}=o,i=n.styled$1("div",{shouldForwardProp:c=>c!=="theme"&&c!=="sx"&&c!=="as"})(e.styleFunctionSx);return N.forwardRef(function(d,m){const a=e.useTheme(s),l=h.extendSxProp(d),{className:f,component:x="div"}=l,y=e._objectWithoutPropertiesLoose(l,B);return P.jsx(i,e._extends({as:x,ref:m,className:n.clsx(f,p?p(r):r),theme:t&&a[t]||a},y))})}const O=n.generateUtilityClasses("MuiBox",["root"]),_=O,j=n.createTheme(),u=g({themeId:n.THEME_ID,defaultTheme:j,defaultClassName:_.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])});const C=u;exports.Box=C;

package/dist/ButtonBase-BybMkBUd.cjs

@@ -1,75 +0,0 @@
-"use strict";const e=require("./clamp-0LjYbpE_.cjs"),$e=require("react"),a=require("./styled-DGjsLYEN.cjs"),Z=require("./styled-Dkd1VGM-.cjs"),ae=require("./useThemeProps-CVatCXfo.cjs"),$=require("react/jsx-runtime"),v=require("./useTimeout-DHarDhEH.cjs"),_e=require("./TransitionGroup-X90dkobW.cjs"),ee=require("@emotion/react"),re=require("./useForkRef-DfdM2MN5.cjs"),qe=require("./useIsFocusVisible-9FderFRK.cjs"),ie=require("./refType-Bt58K9Sk.cjs");function Oe(s){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(u,r,i.get?i:{enumerable:!0,get:()=>s[r]})}}return u.default=s,Object.freeze(u)}const t=Oe($e);function fe(s){const{className:u,classes:r,pulsate:i=!1,rippleX:E,rippleY:l,rippleSize:d,in:w,onExited:h,timeout:p}=s,[m,b]=t.useState(!1),y=a.clsx(u,r.ripple,r.rippleVisible,i&&r.ripplePulsate),x={width:d,height:d,top:-(d/2)+l,left:-(d/2)+E},c=a.clsx(r.child,m&&r.childLeaving,i&&r.childPulsate);return!w&&!m&&b(!0),t.useEffect(()=>{if(!w&&h!=null){const P=setTimeout(h,p);return()=>{clearTimeout(P)}}},[h,w,p]),$.jsx("span",{className:y,style:x,children:$.jsx("span",{className:c})})}process.env.NODE_ENV!=="production"&&(fe.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 f=a.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Fe=["center","classes","className"];let A=s=>s,le,pe,ce,ue;const Q=550,Ie=80,Ue=ee.keyframes(le||(le=A`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`)),Ke=ee.keyframes(pe||(pe=A`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`)),ze=ee.keyframes(ce||(ce=A`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`)),ve=Z.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),Xe=Z.styled(fe,{name:"MuiTouchRipple",slot:"Ripple"})(ue||(ue=A`
-  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;
-  }
-`),f.rippleVisible,Ue,Q,({theme:s})=>s.transitions.easing.easeInOut,f.ripplePulsate,({theme:s})=>s.transitions.duration.shorter,f.child,f.childLeaving,Ke,Q,({theme:s})=>s.transitions.easing.easeInOut,f.childPulsate,ze,({theme:s})=>s.transitions.easing.easeInOut),de=t.forwardRef(function(u,r){const i=ae.useThemeProps({props:u,name:"MuiTouchRipple"}),{center:E=!1,classes:l={},className:d}=i,w=e._objectWithoutPropertiesLoose(i,Fe),[h,p]=t.useState([]),m=t.useRef(0),b=t.useRef(null);t.useEffect(()=>{b.current&&(b.current(),b.current=null)},[h]);const y=t.useRef(!1),x=v.useTimeout(),c=t.useRef(null),P=t.useRef(null),F=t.useCallback(n=>{const{pulsate:R,rippleX:g,rippleY:L,rippleSize:O,cb:U}=n;p(M=>[...M,$.jsx(Xe,{classes:{ripple:a.clsx(l.ripple,f.ripple),rippleVisible:a.clsx(l.rippleVisible,f.rippleVisible),ripplePulsate:a.clsx(l.ripplePulsate,f.ripplePulsate),child:a.clsx(l.child,f.child),childLeaving:a.clsx(l.childLeaving,f.childLeaving),childPulsate:a.clsx(l.childPulsate,f.childPulsate)},timeout:Q,pulsate:R,rippleX:g,rippleY:L,rippleSize:O},m.current)]),m.current+=1,b.current=U},[l]),_=t.useCallback((n={},R={},g=()=>{})=>{const{pulsate:L=!1,center:O=E||R.pulsate,fakeElement:U=!1}=R;if((n==null?void 0:n.type)==="mousedown"&&y.current){y.current=!1;return}(n==null?void 0:n.type)==="touchstart"&&(y.current=!0);const M=U?null:P.current,N=M?M.getBoundingClientRect():{width:0,height:0,left:0,top:0};let C,D,V;if(O||n===void 0||n.clientX===0&&n.clientY===0||!n.clientX&&!n.touches)C=Math.round(N.width/2),D=Math.round(N.height/2);else{const{clientX:S,clientY:k}=n.touches&&n.touches.length>0?n.touches[0]:n;C=Math.round(S-N.left),D=Math.round(k-N.top)}if(O)V=Math.sqrt((2*N.width**2+N.height**2)/3),V%2===0&&(V+=1);else{const S=Math.max(Math.abs((M?M.clientWidth:0)-C),C)*2+2,k=Math.max(Math.abs((M?M.clientHeight:0)-D),D)*2+2;V=Math.sqrt(S**2+k**2)}n!=null&&n.touches?c.current===null&&(c.current=()=>{F({pulsate:L,rippleX:C,rippleY:D,rippleSize:V,cb:g})},x.start(Ie,()=>{c.current&&(c.current(),c.current=null)})):F({pulsate:L,rippleX:C,rippleY:D,rippleSize:V,cb:g})},[E,F,x]),I=t.useCallback(()=>{_({},{pulsate:!0})},[_]),q=t.useCallback((n,R)=>{if(x.clear(),(n==null?void 0:n.type)==="touchend"&&c.current){c.current(),c.current=null,x.start(0,()=>{q(n,R)});return}c.current=null,p(g=>g.length>0?g.slice(1):g),b.current=R},[x]);return t.useImperativeHandle(r,()=>({pulsate:I,start:_,stop:q}),[I,_,q]),$.jsx(ve,e._extends({className:a.clsx(f.root,l.root,d),ref:P},w,{children:$.jsx(_e.TransitionGroup,{component:null,exit:!0,children:h})}))});process.env.NODE_ENV!=="production"&&(de.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});const Ye=de;function Ae(s){return e.generateUtilityClass("MuiButtonBase",s)}const He=a.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),We=["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"],Ge=s=>{const{disabled:u,focusVisible:r,focusVisibleClassName:i,classes:E}=s,l={root:["root",u&&"disabled",r&&"focusVisible"]},d=a.composeClasses(l,Ae,E);return r&&i&&(d.root+=` ${i}`),d},Je=Z.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(s,u)=>u.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"},[`&.${He.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),he=t.forwardRef(function(u,r){const i=ae.useThemeProps({props:u,name:"MuiButtonBase"}),{action:E,centerRipple:l=!1,children:d,className:w,component:h="button",disabled:p=!1,disableRipple:m=!1,disableTouchRipple:b=!1,focusRipple:y=!1,LinkComponent:x="a",onBlur:c,onClick:P,onContextMenu:F,onDragLeave:_,onFocus:I,onFocusVisible:q,onKeyDown:n,onKeyUp:R,onMouseDown:g,onMouseLeave:L,onMouseUp:O,onTouchEnd:U,onTouchMove:M,onTouchStart:N,tabIndex:C=0,TouchRippleProps:D,touchRippleRef:V,type:S}=i,k=e._objectWithoutPropertiesLoose(i,We),K=t.useRef(null),T=t.useRef(null),ye=re.useForkRef(T,V),{isFocusVisibleRef:oe,onFocus:Te,onBlur:me,ref:be}=qe.useIsFocusVisible(),[j,X]=t.useState(!1);p&&j&&X(!1),t.useImperativeHandle(E,()=>({focusVisible:()=>{X(!0),K.current.focus()}}),[]);const[H,Pe]=t.useState(!1);t.useEffect(()=>{Pe(!0)},[]);const W=H&&!m&&!p;t.useEffect(()=>{j&&y&&!m&&H&&T.current.pulsate()},[m,y,j,H]);function B(o,se,je=b){return v.useEventCallback(ne=>(se&&se(ne),!je&&T.current&&T.current[o](ne),!0))}const Re=B("start",g),ge=B("stop",F),Me=B("stop",_),xe=B("stop",O),Ce=B("stop",o=>{j&&o.preventDefault(),L&&L(o)}),ke=B("start",N),Be=B("stop",U),Ee=B("stop",M),Ne=B("stop",o=>{me(o),oe.current===!1&&X(!1),c&&c(o)},!1),De=v.useEventCallback(o=>{K.current||(K.current=o.currentTarget),Te(o),oe.current===!0&&(X(!0),q&&q(o)),I&&I(o)}),G=()=>{const o=K.current;return h&&h!=="button"&&!(o.tagName==="A"&&o.href)},J=t.useRef(!1),Ve=v.useEventCallback(o=>{y&&!J.current&&j&&T.current&&o.key===" "&&(J.current=!0,T.current.stop(o,()=>{T.current.start(o)})),o.target===o.currentTarget&&G()&&o.key===" "&&o.preventDefault(),n&&n(o),o.target===o.currentTarget&&G()&&o.key==="Enter"&&!p&&(o.preventDefault(),P&&P(o))}),we=v.useEventCallback(o=>{y&&o.key===" "&&T.current&&j&&!o.defaultPrevented&&(J.current=!1,T.current.stop(o,()=>{T.current.pulsate(o)})),R&&R(o),P&&o.target===o.currentTarget&&G()&&o.key===" "&&!o.defaultPrevented&&P(o)});let Y=h;Y==="button"&&(k.href||k.to)&&(Y=x);const z={};Y==="button"?(z.type=S===void 0?"button":S,z.disabled=p):(!k.href&&!k.to&&(z.role="button"),p&&(z["aria-disabled"]=p));const Le=re.useForkRef(r,be,K);process.env.NODE_ENV!=="production"&&t.useEffect(()=>{W&&!T.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(`
-`))},[W]);const te=e._extends({},i,{centerRipple:l,component:h,disabled:p,disableRipple:m,disableTouchRipple:b,focusRipple:y,tabIndex:C,focusVisible:j}),Se=Ge(te);return $.jsxs(Je,e._extends({as:Y,className:a.clsx(Se.root,w),ownerState:te,onBlur:Ne,onClick:P,onContextMenu:ge,onFocus:De,onKeyDown:Ve,onKeyUp:we,onMouseDown:Re,onMouseLeave:Ce,onMouseUp:xe,onDragLeave:Me,onTouchEnd:Be,onTouchMove:Ee,onTouchStart:ke,ref:Le,tabIndex:p?-1:C,type:S},z,k,{children:[d,W?$.jsx(Ye,e._extends({ref:ye,center:l},D)):null]}))});process.env.NODE_ENV!=="production"&&(he.propTypes={action:ie.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:ie.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])});const Qe=he;exports.ButtonBase=Qe;

package/dist/ButtonBase-CGcs8Gbj.cjs

@@ -1,75 +0,0 @@
-"use strict";const e=require("./clamp-0LjYbpE_.cjs"),Se=require("react"),i=require("./styled-DGjsLYEN.cjs"),_=require("react/jsx-runtime"),v=require("./useTimeout-DHarDhEH.cjs"),je=require("./TransitionGroup-X90dkobW.cjs"),Z=require("@emotion/react"),ne=require("./useForkRef-DfdM2MN5.cjs"),_e=require("./useIsFocusVisible-9FderFRK.cjs"),re=require("./refType-Bt58K9Sk.cjs");function $e(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(a,r,l.get?l:{enumerable:!0,get:()=>s[r]})}}return a.default=s,Object.freeze(a)}const t=$e(Se);function ue(s){const{className:a,classes:r,pulsate:l=!1,rippleX:E,rippleY:p,rippleSize:d,in:w,onExited:h,timeout:c}=s,[m,b]=t.useState(!1),y=i.clsx(a,r.ripple,r.rippleVisible,l&&r.ripplePulsate),x={width:d,height:d,top:-(d/2)+p,left:-(d/2)+E},u=i.clsx(r.child,m&&r.childLeaving,l&&r.childPulsate);return!w&&!m&&b(!0),t.useEffect(()=>{if(!w&&h!=null){const P=setTimeout(h,c);return()=>{clearTimeout(P)}}},[h,w,c]),_.jsx("span",{className:y,style:x,children:_.jsx("span",{className:u})})}process.env.NODE_ENV!=="production"&&(ue.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 f=i.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Oe=["center","classes","className"];let A=s=>s,ie,le,pe,ce;const Q=550,qe=80,Fe=Z.keyframes(ie||(ie=A`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`)),Ie=Z.keyframes(le||(le=A`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`)),Ue=Z.keyframes(pe||(pe=A`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`)),Ke=i.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),ze=i.styled(ue,{name:"MuiTouchRipple",slot:"Ripple"})(ce||(ce=A`
-  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;
-  }
-`),f.rippleVisible,Fe,Q,({theme:s})=>s.transitions.easing.easeInOut,f.ripplePulsate,({theme:s})=>s.transitions.duration.shorter,f.child,f.childLeaving,Ie,Q,({theme:s})=>s.transitions.easing.easeInOut,f.childPulsate,Ue,({theme:s})=>s.transitions.easing.easeInOut),ae=t.forwardRef(function(a,r){const l=i.useThemeProps({props:a,name:"MuiTouchRipple"}),{center:E=!1,classes:p={},className:d}=l,w=e._objectWithoutPropertiesLoose(l,Oe),[h,c]=t.useState([]),m=t.useRef(0),b=t.useRef(null);t.useEffect(()=>{b.current&&(b.current(),b.current=null)},[h]);const y=t.useRef(!1),x=v.useTimeout(),u=t.useRef(null),P=t.useRef(null),F=t.useCallback(n=>{const{pulsate:R,rippleX:g,rippleY:L,rippleSize:q,cb:U}=n;c(M=>[...M,_.jsx(ze,{classes:{ripple:i.clsx(p.ripple,f.ripple),rippleVisible:i.clsx(p.rippleVisible,f.rippleVisible),ripplePulsate:i.clsx(p.ripplePulsate,f.ripplePulsate),child:i.clsx(p.child,f.child),childLeaving:i.clsx(p.childLeaving,f.childLeaving),childPulsate:i.clsx(p.childPulsate,f.childPulsate)},timeout:Q,pulsate:R,rippleX:g,rippleY:L,rippleSize:q},m.current)]),m.current+=1,b.current=U},[p]),$=t.useCallback((n={},R={},g=()=>{})=>{const{pulsate:L=!1,center:q=E||R.pulsate,fakeElement:U=!1}=R;if((n==null?void 0:n.type)==="mousedown"&&y.current){y.current=!1;return}(n==null?void 0:n.type)==="touchstart"&&(y.current=!0);const M=U?null:P.current,N=M?M.getBoundingClientRect():{width:0,height:0,left:0,top:0};let C,D,V;if(q||n===void 0||n.clientX===0&&n.clientY===0||!n.clientX&&!n.touches)C=Math.round(N.width/2),D=Math.round(N.height/2);else{const{clientX:S,clientY:k}=n.touches&&n.touches.length>0?n.touches[0]:n;C=Math.round(S-N.left),D=Math.round(k-N.top)}if(q)V=Math.sqrt((2*N.width**2+N.height**2)/3),V%2===0&&(V+=1);else{const S=Math.max(Math.abs((M?M.clientWidth:0)-C),C)*2+2,k=Math.max(Math.abs((M?M.clientHeight:0)-D),D)*2+2;V=Math.sqrt(S**2+k**2)}n!=null&&n.touches?u.current===null&&(u.current=()=>{F({pulsate:L,rippleX:C,rippleY:D,rippleSize:V,cb:g})},x.start(qe,()=>{u.current&&(u.current(),u.current=null)})):F({pulsate:L,rippleX:C,rippleY:D,rippleSize:V,cb:g})},[E,F,x]),I=t.useCallback(()=>{$({},{pulsate:!0})},[$]),O=t.useCallback((n,R)=>{if(x.clear(),(n==null?void 0:n.type)==="touchend"&&u.current){u.current(),u.current=null,x.start(0,()=>{O(n,R)});return}u.current=null,c(g=>g.length>0?g.slice(1):g),b.current=R},[x]);return t.useImperativeHandle(r,()=>({pulsate:I,start:$,stop:O}),[I,$,O]),_.jsx(Ke,e._extends({className:i.clsx(f.root,p.root,d),ref:P},w,{children:_.jsx(je.TransitionGroup,{component:null,exit:!0,children:h})}))});process.env.NODE_ENV!=="production"&&(ae.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});const ve=ae;function Xe(s){return e.generateUtilityClass("MuiButtonBase",s)}const Ye=i.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),Ae=["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"],He=s=>{const{disabled:a,focusVisible:r,focusVisibleClassName:l,classes:E}=s,p={root:["root",a&&"disabled",r&&"focusVisible"]},d=i.composeClasses(p,Xe,E);return r&&l&&(d.root+=` ${l}`),d},We=i.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(s,a)=>a.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"},[`&.${Ye.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),fe=t.forwardRef(function(a,r){const l=i.useThemeProps({props:a,name:"MuiButtonBase"}),{action:E,centerRipple:p=!1,children:d,className:w,component:h="button",disabled:c=!1,disableRipple:m=!1,disableTouchRipple:b=!1,focusRipple:y=!1,LinkComponent:x="a",onBlur:u,onClick:P,onContextMenu:F,onDragLeave:$,onFocus:I,onFocusVisible:O,onKeyDown:n,onKeyUp:R,onMouseDown:g,onMouseLeave:L,onMouseUp:q,onTouchEnd:U,onTouchMove:M,onTouchStart:N,tabIndex:C=0,TouchRippleProps:D,touchRippleRef:V,type:S}=l,k=e._objectWithoutPropertiesLoose(l,Ae),K=t.useRef(null),T=t.useRef(null),de=ne.useForkRef(T,V),{isFocusVisibleRef:ee,onFocus:he,onBlur:ye,ref:Te}=_e.useIsFocusVisible(),[j,X]=t.useState(!1);c&&j&&X(!1),t.useImperativeHandle(E,()=>({focusVisible:()=>{X(!0),K.current.focus()}}),[]);const[H,me]=t.useState(!1);t.useEffect(()=>{me(!0)},[]);const W=H&&!m&&!c;t.useEffect(()=>{j&&y&&!m&&H&&T.current.pulsate()},[m,y,j,H]);function B(o,te,Le=b){return v.useEventCallback(se=>(te&&te(se),!Le&&T.current&&T.current[o](se),!0))}const be=B("start",g),Pe=B("stop",F),Re=B("stop",$),ge=B("stop",q),Me=B("stop",o=>{j&&o.preventDefault(),L&&L(o)}),xe=B("start",N),Ce=B("stop",U),ke=B("stop",M),Be=B("stop",o=>{ye(o),ee.current===!1&&X(!1),u&&u(o)},!1),Ee=v.useEventCallback(o=>{K.current||(K.current=o.currentTarget),he(o),ee.current===!0&&(X(!0),O&&O(o)),I&&I(o)}),G=()=>{const o=K.current;return h&&h!=="button"&&!(o.tagName==="A"&&o.href)},J=t.useRef(!1),Ne=v.useEventCallback(o=>{y&&!J.current&&j&&T.current&&o.key===" "&&(J.current=!0,T.current.stop(o,()=>{T.current.start(o)})),o.target===o.currentTarget&&G()&&o.key===" "&&o.preventDefault(),n&&n(o),o.target===o.currentTarget&&G()&&o.key==="Enter"&&!c&&(o.preventDefault(),P&&P(o))}),De=v.useEventCallback(o=>{y&&o.key===" "&&T.current&&j&&!o.defaultPrevented&&(J.current=!1,T.current.stop(o,()=>{T.current.pulsate(o)})),R&&R(o),P&&o.target===o.currentTarget&&G()&&o.key===" "&&!o.defaultPrevented&&P(o)});let Y=h;Y==="button"&&(k.href||k.to)&&(Y=x);const z={};Y==="button"?(z.type=S===void 0?"button":S,z.disabled=c):(!k.href&&!k.to&&(z.role="button"),c&&(z["aria-disabled"]=c));const Ve=ne.useForkRef(r,Te,K);process.env.NODE_ENV!=="production"&&t.useEffect(()=>{W&&!T.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(`
-`))},[W]);const oe=e._extends({},l,{centerRipple:p,component:h,disabled:c,disableRipple:m,disableTouchRipple:b,focusRipple:y,tabIndex:C,focusVisible:j}),we=He(oe);return _.jsxs(We,e._extends({as:Y,className:i.clsx(we.root,w),ownerState:oe,onBlur:Be,onClick:P,onContextMenu:Pe,onFocus:Ee,onKeyDown:Ne,onKeyUp:De,onMouseDown:be,onMouseLeave:Me,onMouseUp:ge,onDragLeave:Re,onTouchEnd:Ce,onTouchMove:ke,onTouchStart:xe,ref:Ve,tabIndex:c?-1:C,type:S},z,k,{children:[d,W?_.jsx(ve,e._extends({ref:de,center:p},D)):null]}))});process.env.NODE_ENV!=="production"&&(fe.propTypes={action:re.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:re.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])});const Ge=fe;exports.ButtonBase=Ge;