@cgi-learning-hub/ui 0.0.1-dev.1708990372 → 0.0.1-dev.1709027888

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/dist/Box-7uR7JZiM.cjs +1 -0
  2. package/dist/Box-CPGTKTgx.js +56 -0
  3. package/dist/ButtonBase-B0tkJ9zf.js +831 -0
  4. package/dist/ButtonBase-DCL6Xlnm.cjs +75 -0
  5. package/dist/CircularProgress-CZX5SfKt.cjs +28 -0
  6. package/dist/CircularProgress-CguDBnxV.js +215 -0
  7. package/dist/IconButton-CJ1Nt-jf.js +182 -0
  8. package/dist/IconButton-De7ZdW2q.cjs +2 -0
  9. package/dist/{InputBase-B13Nzzhk.js → InputBase-C_yPRkam.js} +193 -215
  10. package/dist/InputBase-Dvr5GnwD.cjs +4 -0
  11. package/dist/Tab-Bhm9hCrX.cjs +1 -0
  12. package/dist/Tab-C4l6V01S.js +237 -0
  13. package/dist/TransitionGroupContext-C7wWJ6l7.js +14 -0
  14. package/dist/TransitionGroupContext-g4tmk10h.cjs +1 -0
  15. package/dist/Typography-CyFLZjnE.js +202 -0
  16. package/dist/Typography-DwsN2Ttm.cjs +1 -0
  17. package/dist/assets/index.css +1 -1
  18. package/dist/components/Dropzone/Dropzone.cjs.js +5 -0
  19. package/dist/components/Dropzone/Dropzone.d.ts +11 -0
  20. package/dist/components/Dropzone/Dropzone.es.js +1215 -0
  21. package/dist/components/Dropzone/Dropzone.stories.cjs.js +1 -0
  22. package/dist/components/{AnotherComponent/AnotherComponent.stories.d.ts → Dropzone/Dropzone.stories.d.ts} +1 -2
  23. package/dist/components/Dropzone/Dropzone.stories.es.js +17 -0
  24. package/dist/components/Dropzone/index.cjs.js +1 -0
  25. package/dist/components/Dropzone/index.d.ts +2 -0
  26. package/dist/components/Dropzone/index.es.js +4 -0
  27. package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +1 -28
  28. package/dist/components/buttons/DefaultButton/DefaultButton.es.js +408 -267
  29. package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
  30. package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +5 -5
  31. package/dist/components/buttons/IconButton.stories.cjs.js +1 -0
  32. package/dist/components/buttons/IconButton.stories.d.ts +4 -0
  33. package/dist/components/buttons/IconButton.stories.es.js +27 -0
  34. package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
  35. package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +1 -1
  36. package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
  37. package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.d.ts +1 -1
  38. package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +8 -7
  39. package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
  40. package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +1 -1
  41. package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
  42. package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.d.ts +1 -1
  43. package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +10 -9
  44. package/dist/components/index.cjs.js +1 -1
  45. package/dist/components/index.d.ts +4 -2
  46. package/dist/components/index.es.js +18 -14
  47. package/dist/components/inputs/SearchInput/SearchInput.cjs.js +1 -1
  48. package/dist/components/inputs/SearchInput/SearchInput.es.js +77 -247
  49. package/dist/components/inputs/SearchInput/SearchInput.stories.cjs.js +1 -0
  50. package/dist/components/inputs/SearchInput/SearchInput.stories.d.ts +4 -0
  51. package/dist/components/inputs/SearchInput/SearchInput.stories.es.js +16 -0
  52. package/dist/components/inputs/TextInput/TextInput.cjs.js +11 -13
  53. package/dist/components/inputs/TextInput/TextInput.es.js +1844 -1631
  54. package/dist/components/inputs/TextInput/TextInput.stories.cjs.js +1 -0
  55. package/dist/components/inputs/TextInput/TextInput.stories.d.ts +4 -0
  56. package/dist/components/inputs/TextInput/TextInput.stories.es.js +17 -0
  57. package/dist/components/lists/FileList/FileList.cjs.js +1 -0
  58. package/dist/components/lists/FileList/FileList.d.ts +7 -0
  59. package/dist/components/lists/FileList/FileList.es.js +19 -0
  60. package/dist/components/lists/FileList/FileList.stories.cjs.js +1 -0
  61. package/dist/components/lists/FileList/FileList.stories.d.ts +4 -0
  62. package/dist/components/lists/FileList/FileList.stories.es.js +28 -0
  63. package/dist/components/lists/FileList/FileListItem.cjs.js +1 -0
  64. package/dist/components/lists/FileList/FileListItem.d.ts +13 -0
  65. package/dist/components/lists/FileList/FileListItem.es.js +41 -0
  66. package/dist/components/lists/FileList/index.cjs.js +1 -0
  67. package/dist/components/lists/FileList/index.d.ts +4 -0
  68. package/dist/components/lists/FileList/index.es.js +6 -0
  69. package/dist/components/lists/TabList.stories.cjs.js +4 -0
  70. package/dist/components/lists/TabList.stories.d.ts +4 -0
  71. package/dist/components/lists/TabList.stories.es.js +1027 -0
  72. package/dist/components/lists/index.cjs.js +1 -0
  73. package/dist/components/lists/index.d.ts +1 -0
  74. package/dist/components/lists/index.es.js +6 -0
  75. package/dist/{createSvgIcon-jvI3LIfI.cjs → createSvgIcon-B6bZPuto.cjs} +1 -1
  76. package/dist/createSvgIcon-BX8WQ5r-.cjs +2 -0
  77. package/dist/{createSvgIcon-qXNZi4k1.js → createSvgIcon-KaSN8JhZ.js} +8 -8
  78. package/dist/createSvgIcon-m_wsenOJ.js +84 -0
  79. package/dist/index.cjs.js +1 -1
  80. package/dist/index.es.js +16 -12
  81. package/dist/isHostComponent-PydJW4A4.cjs +1 -0
  82. package/dist/isHostComponent-kiaBvYVo.js +6 -0
  83. package/dist/ownerWindow-C7EH1lr6.js +23 -0
  84. package/dist/ownerWindow-Dk_4aaak.cjs +1 -0
  85. package/dist/refType-CHSN6ysS.cjs +1 -0
  86. package/dist/refType-Hh9tfnoF.js +29 -0
  87. package/dist/unsupportedProp-Bn6XWqwH.cjs +1 -0
  88. package/dist/unsupportedProp-BuVD30Gh.js +9 -0
  89. package/dist/useControlled-BsLcOmhe.js +48 -0
  90. package/dist/useControlled-jN3fqFfv.cjs +3 -0
  91. package/dist/useForkRef-CGd3Nhyb.cjs +1 -0
  92. package/dist/useForkRef-DwN_Iz9R.js +17 -0
  93. package/dist/useIsFocusVisible-BF0lT08B.cjs +1 -0
  94. package/dist/useIsFocusVisible-D8ksiuhS.js +69 -0
  95. package/dist/useSlotProps-MoAYME1z.js +70 -0
  96. package/dist/useSlotProps-R4s13HHI.cjs +1 -0
  97. package/dist/useTheme-BDPYLOoP.cjs +1 -0
  98. package/dist/useTheme-DJEDOopE.js +9 -0
  99. package/dist/{useThemeProps-B6yTTpAe.js → useThemeProps-Dg9Uoq7q.js} +1018 -1024
  100. package/dist/useThemeProps-jkB5q9ie.cjs +65 -0
  101. package/dist/useTimeout-KN97abZR.js +47 -0
  102. package/dist/useTimeout-qjxkiZZn.cjs +1 -0
  103. package/package.json +2 -1
  104. package/dist/Button-Tkz5NkF_.cjs +0 -1
  105. package/dist/Button-X7eWZQfX.js +0 -356
  106. package/dist/ButtonBase-CKfcGhaU.js +0 -892
  107. package/dist/ButtonBase-Cg8cBMzO.cjs +0 -75
  108. package/dist/Input-CAb0EFzc.cjs +0 -1
  109. package/dist/Input-CbYjsRHK.js +0 -322
  110. package/dist/InputBase-CKlCw9fj.cjs +0 -4
  111. package/dist/components/AnotherComponent/AnotherComponent.cjs.js +0 -1
  112. package/dist/components/AnotherComponent/AnotherComponent.d.ts +0 -2
  113. package/dist/components/AnotherComponent/AnotherComponent.es.js +0 -15
  114. package/dist/components/AnotherComponent/AnotherComponent.stories.cjs.js +0 -1
  115. package/dist/components/AnotherComponent/AnotherComponent.stories.es.js +0 -22
  116. package/dist/components/AnotherComponent/index.cjs.js +0 -1
  117. package/dist/components/AnotherComponent/index.d.ts +0 -2
  118. package/dist/components/AnotherComponent/index.es.js +0 -4
  119. package/dist/components/BasicButtons/BasicButtons.cjs.js +0 -1
  120. package/dist/components/BasicButtons/BasicButtons.d.ts +0 -2
  121. package/dist/components/BasicButtons/BasicButtons.es.js +0 -189
  122. package/dist/components/BasicButtons/BasicButtons.stories.cjs.js +0 -1
  123. package/dist/components/BasicButtons/BasicButtons.stories.d.ts +0 -5
  124. package/dist/components/BasicButtons/BasicButtons.stories.es.js +0 -22
  125. package/dist/components/BasicButtons/index.cjs.js +0 -1
  126. package/dist/components/BasicButtons/index.d.ts +0 -2
  127. package/dist/components/BasicButtons/index.es.js +0 -4
  128. package/dist/extendSxProp-BRHiEwyk.js +0 -29
  129. package/dist/extendSxProp-CvhhU9Vb.cjs +0 -1
  130. package/dist/useForkRef-82uiK71d.cjs +0 -1
  131. package/dist/useForkRef-CLcOhrzI.js +0 -44
  132. package/dist/useTheme-BWRyHzdn.js +0 -65
  133. package/dist/useTheme-BpLcDNG1.cjs +0 -1
  134. package/dist/useThemeProps-CDriK9TK.cjs +0 -65
@@ -0,0 +1,75 @@
1
+ "use strict";const e=require("./useThemeProps-jkB5q9ie.cjs"),y=require("react"),_=require("react/jsx-runtime"),X=require("./useTimeout-qjxkiZZn.cjs"),Z=require("./TransitionGroupContext-g4tmk10h.cjs"),te=require("@emotion/react"),ae=require("./useForkRef-CGd3Nhyb.cjs"),Fe=require("./useIsFocusVisible-BF0lT08B.cjs"),ue=require("./refType-CHSN6ysS.cjs");function Oe(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=Oe(y);function $e(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function ne(t,s){var r=function(n){return s&&y.isValidElement(n)?s(n):n},a=Object.create(null);return t&&y.Children.map(t,function(o){return o}).forEach(function(o){a[o.key]=r(o)}),a}function Ie(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 w(t,s,r){return r[s]!=null?r[s]:t.props[s]}function Ue(t,s){return ne(t.children,function(r){return y.cloneElement(r,{onExited:s.bind(null,r),in:!0,appear:w(r,"appear",t),enter:w(r,"enter",t),exit:w(r,"exit",t)})})}function qe(t,s,r){var a=ne(t.children),o=Ie(s,a);return Object.keys(o).forEach(function(n){var i=o[n];if(y.isValidElement(i)){var c=n in s,u=n in a,d=s[n],h=y.isValidElement(d)&&!d.props.in;u&&(!c||h)?o[n]=y.cloneElement(i,{onExited:r.bind(null,i),in:!0,exit:w(i,"exit",t),enter:w(i,"enter",t)}):!u&&c&&!h?o[n]=y.cloneElement(i,{in:!1}):u&&c&&y.isValidElement(d)&&(o[n]=y.cloneElement(i,{onExited:r.bind(null,i),in:d.props.in,exit:w(i,"exit",t),enter:w(i,"enter",t)}))}}),o}var ze=Object.values||function(t){return Object.keys(t).map(function(s){return t[s]})},Ke={component:"div",childFactory:function(s){return s}},oe=function(t){Z._inheritsLoose(s,t);function s(a,o){var n;n=t.call(this,a,o)||this;var i=n.handleExited.bind($e(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?Ue(o,c):qe(o,i,c),firstRender:!1}},r.handleExited=function(o,n){var i=ne(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=ze(this.state.children).map(i);return delete c.appear,delete c.enter,delete c.exit,n===null?y.createElement(Z.TransitionGroupContext.Provider,{value:u},d):y.createElement(Z.TransitionGroupContext.Provider,{value:u},y.createElement(n,c,d))},s}(y.Component);oe.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}:{};oe.defaultProps=Ke;const Xe=oe;function he(t){const{className:s,classes:r,pulsate:a=!1,rippleX:o,rippleY:n,rippleSize:i,in:c,onExited:u,timeout:d}=t,[h,g]=p.useState(!1),b=e.clsx(s,r.ripple,r.rippleVisible,a&&r.ripplePulsate),C={width:i,height:i,top:-(i/2)+n,left:-(i/2)+o},m=e.clsx(r.child,h&&r.childLeaving,a&&r.childPulsate);return!c&&!h&&g(!0),p.useEffect(()=>{if(!c&&u!=null){const R=setTimeout(u,d);return()=>{clearTimeout(R)}}},[u,c,d]),_.jsx("span",{className:b,style:C,children:_.jsx("span",{className:m})})}process.env.NODE_ENV!=="production"&&(he.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 T=e.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Ye=["center","classes","className"];let W=t=>t,ce,pe,de,fe;const ee=550,Ae=80,We=te.keyframes(ce||(ce=W`
2
+ 0% {
3
+ transform: scale(0);
4
+ opacity: 0.1;
5
+ }
6
+
7
+ 100% {
8
+ transform: scale(1);
9
+ opacity: 0.3;
10
+ }
11
+ `)),Ge=te.keyframes(pe||(pe=W`
12
+ 0% {
13
+ opacity: 1;
14
+ }
15
+
16
+ 100% {
17
+ opacity: 0;
18
+ }
19
+ `)),He=te.keyframes(de||(de=W`
20
+ 0% {
21
+ transform: scale(1);
22
+ }
23
+
24
+ 50% {
25
+ transform: scale(0.92);
26
+ }
27
+
28
+ 100% {
29
+ transform: scale(1);
30
+ }
31
+ `)),Je=e.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=e.styled(he,{name:"MuiTouchRipple",slot:"Ripple"})(fe||(fe=W`
32
+ opacity: 0;
33
+ position: absolute;
34
+
35
+ &.${0} {
36
+ opacity: 0.3;
37
+ transform: scale(1);
38
+ animation-name: ${0};
39
+ animation-duration: ${0}ms;
40
+ animation-timing-function: ${0};
41
+ }
42
+
43
+ &.${0} {
44
+ animation-duration: ${0}ms;
45
+ }
46
+
47
+ & .${0} {
48
+ opacity: 1;
49
+ display: block;
50
+ width: 100%;
51
+ height: 100%;
52
+ border-radius: 50%;
53
+ background-color: currentColor;
54
+ }
55
+
56
+ & .${0} {
57
+ opacity: 0;
58
+ animation-name: ${0};
59
+ animation-duration: ${0}ms;
60
+ animation-timing-function: ${0};
61
+ }
62
+
63
+ & .${0} {
64
+ position: absolute;
65
+ /* @noflip */
66
+ left: 0px;
67
+ top: 0;
68
+ animation-name: ${0};
69
+ animation-duration: 2500ms;
70
+ animation-timing-function: ${0};
71
+ animation-iteration-count: infinite;
72
+ animation-delay: 200ms;
73
+ }
74
+ `),T.rippleVisible,We,ee,({theme:t})=>t.transitions.easing.easeInOut,T.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,T.child,T.childLeaving,Ge,ee,({theme:t})=>t.transitions.easing.easeInOut,T.childPulsate,He,({theme:t})=>t.transitions.easing.easeInOut),me=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),g=p.useRef(null);p.useEffect(()=>{g.current&&(g.current(),g.current=null)},[u]);const b=p.useRef(!1),C=X.useTimeout(),m=p.useRef(null),R=p.useRef(null),I=p.useCallback(f=>{const{pulsate:x,rippleX:M,rippleY:S,rippleSize:$,cb:q}=f;d(E=>[...E,_.jsx(Qe,{classes:{ripple:e.clsx(n.ripple,T.ripple),rippleVisible:e.clsx(n.rippleVisible,T.rippleVisible),ripplePulsate:e.clsx(n.ripplePulsate,T.ripplePulsate),child:e.clsx(n.child,T.child),childLeaving:e.clsx(n.childLeaving,T.childLeaving),childPulsate:e.clsx(n.childPulsate,T.childPulsate)},timeout:ee,pulsate:x,rippleX:M,rippleY:S,rippleSize:$},h.current)]),h.current+=1,g.current=q},[n]),F=p.useCallback((f={},x={},M=()=>{})=>{const{pulsate:S=!1,center:$=o||x.pulsate,fakeElement:q=!1}=x;if((f==null?void 0:f.type)==="mousedown"&&b.current){b.current=!1;return}(f==null?void 0:f.type)==="touchstart"&&(b.current=!0);const E=q?null:R.current,D=E?E.getBoundingClientRect():{width:0,height:0,left:0,top:0};let v,k,B;if($||f===void 0||f.clientX===0&&f.clientY===0||!f.clientX&&!f.touches)v=Math.round(D.width/2),k=Math.round(D.height/2);else{const{clientX:j,clientY:V}=f.touches&&f.touches.length>0?f.touches[0]:f;v=Math.round(j-D.left),k=Math.round(V-D.top)}if($)B=Math.sqrt((2*D.width**2+D.height**2)/3),B%2===0&&(B+=1);else{const j=Math.max(Math.abs((E?E.clientWidth:0)-v),v)*2+2,V=Math.max(Math.abs((E?E.clientHeight:0)-k),k)*2+2;B=Math.sqrt(j**2+V**2)}f!=null&&f.touches?m.current===null&&(m.current=()=>{I({pulsate:S,rippleX:v,rippleY:k,rippleSize:B,cb:M})},C.start(Ae,()=>{m.current&&(m.current(),m.current=null)})):I({pulsate:S,rippleX:v,rippleY:k,rippleSize:B,cb:M})},[o,I,C]),U=p.useCallback(()=>{F({},{pulsate:!0})},[F]),O=p.useCallback((f,x)=>{if(C.clear(),(f==null?void 0:f.type)==="touchend"&&m.current){m.current(),m.current=null,C.start(0,()=>{O(f,x)});return}m.current=null,d(M=>M.length>0?M.slice(1):M),g.current=x},[C]);return p.useImperativeHandle(r,()=>({pulsate:U,start:F,stop:O}),[U,F,O]),_.jsx(Je,e._extends({className:e.clsx(T.root,n.root,i),ref:R},c,{children:_.jsx(Xe,{component:null,exit:!0,children:u})}))});process.env.NODE_ENV!=="production"&&(me.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});const Ze=me;function et(t){return e.generateUtilityClass("MuiButtonBase",t)}const tt=e.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),nt=["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"],ot=t=>{const{disabled:s,focusVisible:r,focusVisibleClassName:a,classes:o}=t,n={root:["root",s&&"disabled",r&&"focusVisible"]},i=e.composeClasses(n,et,o);return r&&a&&(i.root+=` ${a}`),i},st=e.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"},[`&.${tt.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),ye=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:g=!1,focusRipple:b=!1,LinkComponent:C="a",onBlur:m,onClick:R,onContextMenu:I,onDragLeave:F,onFocus:U,onFocusVisible:O,onKeyDown:f,onKeyUp:x,onMouseDown:M,onMouseLeave:S,onMouseUp:$,onTouchEnd:q,onTouchMove:E,onTouchStart:D,tabIndex:v=0,TouchRippleProps:k,touchRippleRef:B,type:j}=a,V=e._objectWithoutPropertiesLoose(a,nt),z=p.useRef(null),P=p.useRef(null),Te=ae.useForkRef(P,B),{isFocusVisibleRef:se,onFocus:be,onBlur:Pe,ref:ge}=Fe.useIsFocusVisible(),[L,Y]=p.useState(!1);d&&L&&Y(!1),p.useImperativeHandle(o,()=>({focusVisible:()=>{Y(!0),z.current.focus()}}),[]);const[G,Re]=p.useState(!1);p.useEffect(()=>{Re(!0)},[]);const H=G&&!h&&!d;p.useEffect(()=>{L&&b&&!h&&G&&P.current.pulsate()},[h,b,L,G]);function N(l,ie,_e=g){return X.useEventCallback(le=>(ie&&ie(le),!_e&&P.current&&P.current[l](le),!0))}const xe=N("start",M),Me=N("stop",I),Ee=N("stop",F),Ce=N("stop",$),ve=N("stop",l=>{L&&l.preventDefault(),S&&S(l)}),Ve=N("start",D),Ne=N("stop",q),De=N("stop",E),ke=N("stop",l=>{Pe(l),se.current===!1&&Y(!1),m&&m(l)},!1),Be=X.useEventCallback(l=>{z.current||(z.current=l.currentTarget),be(l),se.current===!0&&(Y(!0),O&&O(l)),U&&U(l)}),J=()=>{const l=z.current;return u&&u!=="button"&&!(l.tagName==="A"&&l.href)},Q=p.useRef(!1),Se=X.useEventCallback(l=>{b&&!Q.current&&L&&P.current&&l.key===" "&&(Q.current=!0,P.current.stop(l,()=>{P.current.start(l)})),l.target===l.currentTarget&&J()&&l.key===" "&&l.preventDefault(),f&&f(l),l.target===l.currentTarget&&J()&&l.key==="Enter"&&!d&&(l.preventDefault(),R&&R(l))}),je=X.useEventCallback(l=>{b&&l.key===" "&&P.current&&L&&!l.defaultPrevented&&(Q.current=!1,P.current.stop(l,()=>{P.current.pulsate(l)})),x&&x(l),R&&l.target===l.currentTarget&&J()&&l.key===" "&&!l.defaultPrevented&&R(l)});let A=u;A==="button"&&(V.href||V.to)&&(A=C);const K={};A==="button"?(K.type=j===void 0?"button":j,K.disabled=d):(!V.href&&!V.to&&(K.role="button"),d&&(K["aria-disabled"]=d));const Le=ae.useForkRef(r,ge,z);process.env.NODE_ENV!=="production"&&p.useEffect(()=>{H&&!P.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(`
75
+ `))},[H]);const re=e._extends({},a,{centerRipple:n,component:u,disabled:d,disableRipple:h,disableTouchRipple:g,focusRipple:b,tabIndex:v,focusVisible:L}),we=ot(re);return _.jsxs(st,e._extends({as:A,className:e.clsx(we.root,c),ownerState:re,onBlur:ke,onClick:R,onContextMenu:Me,onFocus:Be,onKeyDown:Se,onKeyUp:je,onMouseDown:xe,onMouseLeave:ve,onMouseUp:Ce,onDragLeave:Ee,onTouchEnd:Ne,onTouchMove:De,onTouchStart:Ve,ref:Le,tabIndex:d?-1:v,type:j},K,V,{children:[i,H?_.jsx(Ze,e._extends({ref:Te,center:n},k)):null]}))});process.env.NODE_ENV!=="production"&&(ye.propTypes={action:ue.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:ue.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 rt=ye;exports.ButtonBase=rt;
@@ -0,0 +1,28 @@
1
+ "use strict";const e=require("./useThemeProps-jkB5q9ie.cjs"),j=require("react"),h=require("react/jsx-runtime"),D=require("./refType-CHSN6ysS.cjs"),c=require("@emotion/react");function w(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(s,t,o.get?o:{enumerable:!0,get:()=>r[t]})}}return s.default=r,Object.freeze(s)}const M=w(j);function N(r){return e.generateUtilityClass("MuiCircularProgress",r)}e.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const R=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,T,b,x,C;const i=44,z=c.keyframes(T||(T=l`
2
+ 0% {
3
+ transform: rotate(0deg);
4
+ }
5
+
6
+ 100% {
7
+ transform: rotate(360deg);
8
+ }
9
+ `)),q=c.keyframes(b||(b=l`
10
+ 0% {
11
+ stroke-dasharray: 1px, 200px;
12
+ stroke-dashoffset: 0;
13
+ }
14
+
15
+ 50% {
16
+ stroke-dasharray: 100px, 200px;
17
+ stroke-dashoffset: -15px;
18
+ }
19
+
20
+ 100% {
21
+ stroke-dasharray: 100px, 200px;
22
+ stroke-dashoffset: -125px;
23
+ }
24
+ `)),U=r=>{const{classes:s,variant:t,color:o,disableShrink:p}=r,u={root:["root",t,`color${e.capitalize(o)}`],svg:["svg"],circle:["circle",`circle${e.capitalize(t)}`,p&&"circleDisableShrink"]};return e.composeClasses(u,N,s)},E=e.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,s)=>{const{ownerState:t}=r;return[s.root,s[t.variant],s[`color${e.capitalize(t.color)}`]]}})(({ownerState:r,theme:s})=>e._extends({display:"inline-block"},r.variant==="determinate"&&{transition:s.transitions.create("transform")},r.color!=="inherit"&&{color:(s.vars||s).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&c.css(x||(x=l`
25
+ animation: ${0} 1.4s linear infinite;
26
+ `),z)),I=e.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,s)=>s.svg})({display:"block"}),F=e.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,s)=>{const{ownerState:t}=r;return[s.circle,s[`circle${e.capitalize(t.variant)}`],t.disableShrink&&s.circleDisableShrink]}})(({ownerState:r,theme:s})=>e._extends({stroke:"currentColor"},r.variant==="determinate"&&{transition:s.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&c.css(C||(C=l`
27
+ animation: ${0} 1.4s ease-in-out infinite;
28
+ `),q)),S=M.forwardRef(function(s,t){const o=e.useThemeProps({props:s,name:"MuiCircularProgress"}),{className:p,color:u="primary",disableShrink:_=!1,size:d=40,style:$,thickness:a=3.6,value:y=0,variant:P="indeterminate"}=o,O=e._objectWithoutPropertiesLoose(o,R),n=e._extends({},o,{color:u,disableShrink:_,size:d,thickness:a,value:y,variant:P}),f=U(n),m={},v={},g={};if(P==="determinate"){const k=2*Math.PI*((i-a)/2);m.strokeDasharray=k.toFixed(3),g["aria-valuenow"]=Math.round(y),m.strokeDashoffset=`${((100-y)/100*k).toFixed(3)}px`,v.transform="rotate(-90deg)"}return h.jsx(E,e._extends({className:e.clsx(f.root,p),style:e._extends({width:d,height:d},v,$),ownerState:n,ref:t,role:"progressbar"},g,O,{children:h.jsx(I,{className:f.svg,ownerState:n,viewBox:`${i/2} ${i/2} ${i} ${i}`,children:h.jsx(F,{className:f.circle,style:m,ownerState:n,cx:i,cy:i,r:(i-a)/2,fill:"none",strokeWidth:a})})}))});process.env.NODE_ENV!=="production"&&(S.propTypes={classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),disableShrink:D.chainPropTypes(e.PropTypes.bool,r=>r.disableShrink&&r.variant&&r.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),style:e.PropTypes.object,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]),thickness:e.PropTypes.number,value:e.PropTypes.number,variant:e.PropTypes.oneOf(["determinate","indeterminate"])});const K=S;exports.CircularProgress=K;
@@ -0,0 +1,215 @@
1
+ import { a as R, g as j, s as y, c as l, _ as i, b as U, e as z, f as E, P as e, h as I } from "./useThemeProps-Dg9Uoq7q.js";
2
+ import * as F from "react";
3
+ import { jsx as g } from "react/jsx-runtime";
4
+ import { c as K } from "./refType-Hh9tfnoF.js";
5
+ import { keyframes as D, css as _ } from "@emotion/react";
6
+ function V(r) {
7
+ return R("MuiCircularProgress", r);
8
+ }
9
+ j("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
10
+ const W = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
11
+ let d = (r) => r, P, S, $, w;
12
+ const o = 44, B = D(P || (P = d`
13
+ 0% {
14
+ transform: rotate(0deg);
15
+ }
16
+
17
+ 100% {
18
+ transform: rotate(360deg);
19
+ }
20
+ `)), G = D(S || (S = d`
21
+ 0% {
22
+ stroke-dasharray: 1px, 200px;
23
+ stroke-dashoffset: 0;
24
+ }
25
+
26
+ 50% {
27
+ stroke-dasharray: 100px, 200px;
28
+ stroke-dashoffset: -15px;
29
+ }
30
+
31
+ 100% {
32
+ stroke-dasharray: 100px, 200px;
33
+ stroke-dashoffset: -125px;
34
+ }
35
+ `)), L = (r) => {
36
+ const {
37
+ classes: s,
38
+ variant: t,
39
+ color: a,
40
+ disableShrink: m
41
+ } = r, u = {
42
+ root: ["root", t, `color${l(a)}`],
43
+ svg: ["svg"],
44
+ circle: ["circle", `circle${l(t)}`, m && "circleDisableShrink"]
45
+ };
46
+ return I(u, V, s);
47
+ }, Y = y("span", {
48
+ name: "MuiCircularProgress",
49
+ slot: "Root",
50
+ overridesResolver: (r, s) => {
51
+ const {
52
+ ownerState: t
53
+ } = r;
54
+ return [s.root, s[t.variant], s[`color${l(t.color)}`]];
55
+ }
56
+ })(({
57
+ ownerState: r,
58
+ theme: s
59
+ }) => i({
60
+ display: "inline-block"
61
+ }, r.variant === "determinate" && {
62
+ transition: s.transitions.create("transform")
63
+ }, r.color !== "inherit" && {
64
+ color: (s.vars || s).palette[r.color].main
65
+ }), ({
66
+ ownerState: r
67
+ }) => r.variant === "indeterminate" && _($ || ($ = d`
68
+ animation: ${0} 1.4s linear infinite;
69
+ `), B)), Z = y("svg", {
70
+ name: "MuiCircularProgress",
71
+ slot: "Svg",
72
+ overridesResolver: (r, s) => s.svg
73
+ })({
74
+ display: "block"
75
+ // Keeps the progress centered
76
+ }), q = y("circle", {
77
+ name: "MuiCircularProgress",
78
+ slot: "Circle",
79
+ overridesResolver: (r, s) => {
80
+ const {
81
+ ownerState: t
82
+ } = r;
83
+ return [s.circle, s[`circle${l(t.variant)}`], t.disableShrink && s.circleDisableShrink];
84
+ }
85
+ })(({
86
+ ownerState: r,
87
+ theme: s
88
+ }) => i({
89
+ stroke: "currentColor"
90
+ }, r.variant === "determinate" && {
91
+ transition: s.transitions.create("stroke-dashoffset")
92
+ }, r.variant === "indeterminate" && {
93
+ // Some default value that looks fine waiting for the animation to kicks in.
94
+ strokeDasharray: "80px, 200px",
95
+ strokeDashoffset: 0
96
+ // Add the unit to fix a Edge 16 and below bug.
97
+ }), ({
98
+ ownerState: r
99
+ }) => r.variant === "indeterminate" && !r.disableShrink && _(w || (w = d`
100
+ animation: ${0} 1.4s ease-in-out infinite;
101
+ `), G)), M = /* @__PURE__ */ F.forwardRef(function(s, t) {
102
+ const a = U({
103
+ props: s,
104
+ name: "MuiCircularProgress"
105
+ }), {
106
+ className: m,
107
+ color: u = "primary",
108
+ disableShrink: T = !1,
109
+ size: f = 40,
110
+ style: N,
111
+ thickness: n = 3.6,
112
+ value: p = 0,
113
+ variant: k = "indeterminate"
114
+ } = a, O = z(a, W), c = i({}, a, {
115
+ color: u,
116
+ disableShrink: T,
117
+ size: f,
118
+ thickness: n,
119
+ value: p,
120
+ variant: k
121
+ }), h = L(c), v = {}, b = {}, C = {};
122
+ if (k === "determinate") {
123
+ const x = 2 * Math.PI * ((o - n) / 2);
124
+ v.strokeDasharray = x.toFixed(3), C["aria-valuenow"] = Math.round(p), v.strokeDashoffset = `${((100 - p) / 100 * x).toFixed(3)}px`, b.transform = "rotate(-90deg)";
125
+ }
126
+ return /* @__PURE__ */ g(Y, i({
127
+ className: E(h.root, m),
128
+ style: i({
129
+ width: f,
130
+ height: f
131
+ }, b, N),
132
+ ownerState: c,
133
+ ref: t,
134
+ role: "progressbar"
135
+ }, C, O, {
136
+ children: /* @__PURE__ */ g(Z, {
137
+ className: h.svg,
138
+ ownerState: c,
139
+ viewBox: `${o / 2} ${o / 2} ${o} ${o}`,
140
+ children: /* @__PURE__ */ g(q, {
141
+ className: h.circle,
142
+ style: v,
143
+ ownerState: c,
144
+ cx: o,
145
+ cy: o,
146
+ r: (o - n) / 2,
147
+ fill: "none",
148
+ strokeWidth: n
149
+ })
150
+ })
151
+ }));
152
+ });
153
+ process.env.NODE_ENV !== "production" && (M.propTypes = {
154
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
155
+ // │ These PropTypes are generated from the TypeScript type definitions. │
156
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
157
+ // └─────────────────────────────────────────────────────────────────────┘
158
+ /**
159
+ * Override or extend the styles applied to the component.
160
+ */
161
+ classes: e.object,
162
+ /**
163
+ * @ignore
164
+ */
165
+ className: e.string,
166
+ /**
167
+ * The color of the component.
168
+ * It supports both default and custom theme colors, which can be added as shown in the
169
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
170
+ * @default 'primary'
171
+ */
172
+ color: e.oneOfType([e.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
173
+ /**
174
+ * If `true`, the shrink animation is disabled.
175
+ * This only works if variant is `indeterminate`.
176
+ * @default false
177
+ */
178
+ disableShrink: K(e.bool, (r) => r.disableShrink && r.variant && r.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
179
+ /**
180
+ * The size of the component.
181
+ * If using a number, the pixel unit is assumed.
182
+ * If using a string, you need to provide the CSS unit, e.g. '3rem'.
183
+ * @default 40
184
+ */
185
+ size: e.oneOfType([e.number, e.string]),
186
+ /**
187
+ * @ignore
188
+ */
189
+ style: e.object,
190
+ /**
191
+ * The system prop that allows defining system overrides as well as additional CSS styles.
192
+ */
193
+ sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
194
+ /**
195
+ * The thickness of the circle.
196
+ * @default 3.6
197
+ */
198
+ thickness: e.number,
199
+ /**
200
+ * The value of the progress indicator for the determinate variant.
201
+ * Value between 0 and 100.
202
+ * @default 0
203
+ */
204
+ value: e.number,
205
+ /**
206
+ * The variant to use.
207
+ * Use indeterminate when there is no progress value.
208
+ * @default 'indeterminate'
209
+ */
210
+ variant: e.oneOf(["determinate", "indeterminate"])
211
+ });
212
+ const X = M;
213
+ export {
214
+ X as C
215
+ };
@@ -0,0 +1,182 @@
1
+ import { g as z, a as R, s as C, c as n, _ as t, i as f, b as B, e as I, f as O, P as r, h as T } from "./useThemeProps-Dg9Uoq7q.js";
2
+ import * as d from "react";
3
+ import { jsx as $ } from "react/jsx-runtime";
4
+ import { B as x } from "./ButtonBase-B0tkJ9zf.js";
5
+ import { c as k } from "./refType-Hh9tfnoF.js";
6
+ function P(o) {
7
+ return R("MuiIconButton", o);
8
+ }
9
+ const j = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), E = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], M = (o) => {
10
+ const {
11
+ classes: e,
12
+ disabled: a,
13
+ color: s,
14
+ edge: i,
15
+ size: l
16
+ } = o, c = {
17
+ root: ["root", a && "disabled", s !== "default" && `color${n(s)}`, i && `edge${n(i)}`, `size${n(l)}`]
18
+ };
19
+ return T(c, P, e);
20
+ }, N = C(x, {
21
+ name: "MuiIconButton",
22
+ slot: "Root",
23
+ overridesResolver: (o, e) => {
24
+ const {
25
+ ownerState: a
26
+ } = o;
27
+ return [e.root, a.color !== "default" && e[`color${n(a.color)}`], a.edge && e[`edge${n(a.edge)}`], e[`size${n(a.size)}`]];
28
+ }
29
+ })(({
30
+ theme: o,
31
+ ownerState: e
32
+ }) => t({
33
+ textAlign: "center",
34
+ flex: "0 0 auto",
35
+ fontSize: o.typography.pxToRem(24),
36
+ padding: 8,
37
+ borderRadius: "50%",
38
+ overflow: "visible",
39
+ // Explicitly set the default value to solve a bug on IE11.
40
+ color: (o.vars || o).palette.action.active,
41
+ transition: o.transitions.create("background-color", {
42
+ duration: o.transitions.duration.shortest
43
+ })
44
+ }, !e.disableRipple && {
45
+ "&:hover": {
46
+ backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : f(o.palette.action.active, o.palette.action.hoverOpacity),
47
+ // Reset on touch devices, it doesn't add specificity
48
+ "@media (hover: none)": {
49
+ backgroundColor: "transparent"
50
+ }
51
+ }
52
+ }, e.edge === "start" && {
53
+ marginLeft: e.size === "small" ? -3 : -12
54
+ }, e.edge === "end" && {
55
+ marginRight: e.size === "small" ? -3 : -12
56
+ }), ({
57
+ theme: o,
58
+ ownerState: e
59
+ }) => {
60
+ var a;
61
+ const s = (a = (o.vars || o).palette) == null ? void 0 : a[e.color];
62
+ return t({}, e.color === "inherit" && {
63
+ color: "inherit"
64
+ }, e.color !== "inherit" && e.color !== "default" && t({
65
+ color: s == null ? void 0 : s.main
66
+ }, !e.disableRipple && {
67
+ "&:hover": t({}, s && {
68
+ backgroundColor: o.vars ? `rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f(s.main, o.palette.action.hoverOpacity)
69
+ }, {
70
+ // Reset on touch devices, it doesn't add specificity
71
+ "@media (hover: none)": {
72
+ backgroundColor: "transparent"
73
+ }
74
+ })
75
+ }), e.size === "small" && {
76
+ padding: 5,
77
+ fontSize: o.typography.pxToRem(18)
78
+ }, e.size === "large" && {
79
+ padding: 12,
80
+ fontSize: o.typography.pxToRem(28)
81
+ }, {
82
+ [`&.${j.disabled}`]: {
83
+ backgroundColor: "transparent",
84
+ color: (o.vars || o).palette.action.disabled
85
+ }
86
+ });
87
+ }), b = /* @__PURE__ */ d.forwardRef(function(e, a) {
88
+ const s = B({
89
+ props: e,
90
+ name: "MuiIconButton"
91
+ }), {
92
+ edge: i = !1,
93
+ children: l,
94
+ className: c,
95
+ color: v = "default",
96
+ disabled: p = !1,
97
+ disableFocusRipple: u = !1,
98
+ size: y = "medium"
99
+ } = s, m = I(s, E), g = t({}, s, {
100
+ edge: i,
101
+ color: v,
102
+ disabled: p,
103
+ disableFocusRipple: u,
104
+ size: y
105
+ }), h = M(g);
106
+ return /* @__PURE__ */ $(N, t({
107
+ className: O(h.root, c),
108
+ centerRipple: !0,
109
+ focusRipple: !u,
110
+ disabled: p,
111
+ ref: a,
112
+ ownerState: g
113
+ }, m, {
114
+ children: l
115
+ }));
116
+ });
117
+ process.env.NODE_ENV !== "production" && (b.propTypes = {
118
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
119
+ // │ These PropTypes are generated from the TypeScript type definitions. │
120
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
121
+ // └─────────────────────────────────────────────────────────────────────┘
122
+ /**
123
+ * The icon to display.
124
+ */
125
+ children: k(r.node, (o) => d.Children.toArray(o.children).some((a) => /* @__PURE__ */ d.isValidElement(a) && a.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
126
+ `)) : null),
127
+ /**
128
+ * Override or extend the styles applied to the component.
129
+ */
130
+ classes: r.object,
131
+ /**
132
+ * @ignore
133
+ */
134
+ className: r.string,
135
+ /**
136
+ * The color of the component.
137
+ * It supports both default and custom theme colors, which can be added as shown in the
138
+ * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
139
+ * @default 'default'
140
+ */
141
+ color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
142
+ /**
143
+ * If `true`, the component is disabled.
144
+ * @default false
145
+ */
146
+ disabled: r.bool,
147
+ /**
148
+ * If `true`, the keyboard focus ripple is disabled.
149
+ * @default false
150
+ */
151
+ disableFocusRipple: r.bool,
152
+ /**
153
+ * If `true`, the ripple effect is disabled.
154
+ *
155
+ * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
156
+ * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
157
+ * @default false
158
+ */
159
+ disableRipple: r.bool,
160
+ /**
161
+ * If given, uses a negative margin to counteract the padding on one
162
+ * side (this is often helpful for aligning the left or right
163
+ * side of the icon with content above or below, without ruining the border
164
+ * size and shape).
165
+ * @default false
166
+ */
167
+ edge: r.oneOf(["end", "start", !1]),
168
+ /**
169
+ * The size of the component.
170
+ * `small` is equivalent to the dense button styling.
171
+ * @default 'medium'
172
+ */
173
+ size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
174
+ /**
175
+ * The system prop that allows defining system overrides as well as additional CSS styles.
176
+ */
177
+ sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
178
+ });
179
+ const A = b;
180
+ export {
181
+ A as I
182
+ };
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("./useThemeProps-jkB5q9ie.cjs"),T=require("react"),v=require("react/jsx-runtime"),P=require("./ButtonBase-DCL6Xlnm.cjs"),z=require("./refType-CHSN6ysS.cjs");function h(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>o[t]})}}return r.default=o,Object.freeze(r)}const l=h(T);function m(o){return e.generateUtilityClass("MuiIconButton",o)}const R=e.generateUtilityClasses("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"]),O=["edge","children","className","color","disabled","disableFocusRipple","size"],B=o=>{const{classes:r,disabled:t,color:s,edge:n,size:a}=o,i={root:["root",t&&"disabled",s!=="default"&&`color${e.capitalize(s)}`,n&&`edge${e.capitalize(n)}`,`size${e.capitalize(a)}`]};return e.composeClasses(i,m,r)},C=e.styled(P.ButtonBase,{name:"MuiIconButton",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.root,t.color!=="default"&&r[`color${e.capitalize(t.color)}`],t.edge&&r[`edge${e.capitalize(t.edge)}`],r[`size${e.capitalize(t.size)}`]]}})(({theme:o,ownerState:r})=>e._extends({textAlign:"center",flex:"0 0 auto",fontSize:o.typography.pxToRem(24),padding:8,borderRadius:"50%",overflow:"visible",color:(o.vars||o).palette.action.active,transition:o.transitions.create("background-color",{duration:o.transitions.duration.shortest})},!r.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(o.palette.action.active,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},r.edge==="start"&&{marginLeft:r.size==="small"?-3:-12},r.edge==="end"&&{marginRight:r.size==="small"?-3:-12}),({theme:o,ownerState:r})=>{var t;const s=(t=(o.vars||o).palette)==null?void 0:t[r.color];return e._extends({},r.color==="inherit"&&{color:"inherit"},r.color!=="inherit"&&r.color!=="default"&&e._extends({color:s==null?void 0:s.main},!r.disableRipple&&{"&:hover":e._extends({},s&&{backgroundColor:o.vars?`rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(s.main,o.palette.action.hoverOpacity)},{"@media (hover: none)":{backgroundColor:"transparent"}})}),r.size==="small"&&{padding:5,fontSize:o.typography.pxToRem(18)},r.size==="large"&&{padding:12,fontSize:o.typography.pxToRem(28)},{[`&.${R.disabled}`]:{backgroundColor:"transparent",color:(o.vars||o).palette.action.disabled}})}),u=l.forwardRef(function(r,t){const s=e.useThemeProps({props:r,name:"MuiIconButton"}),{edge:n=!1,children:a,className:i,color:y="default",disabled:c=!1,disableFocusRipple:p=!1,size:g="medium"}=s,f=e._objectWithoutPropertiesLoose(s,O),d=e._extends({},s,{edge:n,color:y,disabled:c,disableFocusRipple:p,size:g}),b=B(d);return v.jsx(C,e._extends({className:e.clsx(b.root,i),centerRipple:!0,focusRipple:!p,disabled:c,ref:t,ownerState:d},f,{children:a}))});process.env.NODE_ENV!=="production"&&(u.propTypes={children:z.chainPropTypes(e.PropTypes.node,o=>l.Children.toArray(o.children).some(t=>l.isValidElement(t)&&t.props.onClick)?new Error(["MUI: You are providing an onClick event listener to a child of a button element.","Prefer applying it to the IconButton directly.","This guarantees that the whole <button> will be responsive to click events."].join(`
2
+ `)):null),classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["small","medium","large"]),e.PropTypes.string]),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 x=u;exports.IconButton=x;