@cgi-learning-hub/ui 0.0.1-dev.1708974808 → 0.0.1-dev.1709023966

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 +9 -0
  20. package/dist/components/Dropzone/Dropzone.es.js +1210 -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
@@ -1,75 +0,0 @@
1
- "use strict";const e=require("./useThemeProps-CDriK9TK.cjs"),y=require("react"),O=require("react/jsx-runtime"),N=require("./useTheme-BpLcDNG1.cjs"),re=require("@emotion/react"),Y=require("./useForkRef-82uiK71d.cjs");function _e(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,u.get?u:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const c=_e(y);let G=!0,ne=!1;const Ue=new N.Timeout,$e={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 Ie(t){const{type:n,tagName:r}=t;return!!(r==="INPUT"&&$e[n]&&!t.readOnly||r==="TEXTAREA"&&!t.readOnly||t.isContentEditable)}function Ke(t){t.metaKey||t.altKey||t.ctrlKey||(G=!0)}function te(){G=!1}function qe(){this.visibilityState==="hidden"&&ne&&(G=!0)}function ze(t){t.addEventListener("keydown",Ke,!0),t.addEventListener("mousedown",te,!0),t.addEventListener("pointerdown",te,!0),t.addEventListener("touchstart",te,!0),t.addEventListener("visibilitychange",qe,!0)}function Ae(t){const{target:n}=t;try{return n.matches(":focus-visible")}catch{}return G||Ie(n)}function Xe(){const t=c.useCallback(o=>{o!=null&&ze(o.ownerDocument)},[]),n=c.useRef(!1);function r(){return n.current?(ne=!0,Ue.start(100,()=>{ne=!1}),n.current=!1,!0):!1}function u(o){return Ae(o)?(n.current=!0,!0):!1}return{isFocusVisibleRef:n,onFocus:u,onBlur:r,ref:t}}function We(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function se(t,n){var r=function(s){return n&&y.isValidElement(s)?n(s):s},u=Object.create(null);return t&&y.Children.map(t,function(o){return o}).forEach(function(o){u[o.key]=r(o)}),u}function Ye(t,n){t=t||{},n=n||{};function r(h){return h in n?n[h]:t[h]}var u=Object.create(null),o=[];for(var s in t)s in n?o.length&&(u[s]=o,o=[]):o.push(s);var i,p={};for(var a in n){if(u[a])for(i=0;i<u[a].length;i++){var f=u[a][i];p[u[a][i]]=r(f)}p[a]=r(a)}for(i=0;i<o.length;i++)p[o[i]]=r(o[i]);return p}function j(t,n,r){return r[n]!=null?r[n]:t.props[n]}function Ge(t,n){return se(t.children,function(r){return y.cloneElement(r,{onExited:n.bind(null,r),in:!0,appear:j(r,"appear",t),enter:j(r,"enter",t),exit:j(r,"exit",t)})})}function He(t,n,r){var u=se(t.children),o=Ye(n,u);return Object.keys(o).forEach(function(s){var i=o[s];if(y.isValidElement(i)){var p=s in n,a=s in u,f=n[s],h=y.isValidElement(f)&&!f.props.in;a&&(!p||h)?o[s]=y.cloneElement(i,{onExited:r.bind(null,i),in:!0,exit:j(i,"exit",t),enter:j(i,"enter",t)}):!a&&p&&!h?o[s]=y.cloneElement(i,{in:!1}):a&&p&&y.isValidElement(f)&&(o[s]=y.cloneElement(i,{onExited:r.bind(null,i),in:f.props.in,exit:j(i,"exit",t),enter:j(i,"enter",t)}))}}),o}var Je=Object.values||function(t){return Object.keys(t).map(function(n){return t[n]})},Qe={component:"div",childFactory:function(n){return n}},ie=function(t){N._inheritsLoose(n,t);function n(u,o){var s;s=t.call(this,u,o)||this;var i=s.handleExited.bind(We(s));return s.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},s}var r=n.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},n.getDerivedStateFromProps=function(o,s){var i=s.children,p=s.handleExited,a=s.firstRender;return{children:a?Ge(o,p):He(o,i,p),firstRender:!1}},r.handleExited=function(o,s){var i=se(this.props.children);o.key in i||(o.props.onExited&&o.props.onExited(s),this.mounted&&this.setState(function(p){var a=e._extends({},p.children);return delete a[o.key],{children:a}}))},r.render=function(){var o=this.props,s=o.component,i=o.childFactory,p=e._objectWithoutPropertiesLoose(o,["component","childFactory"]),a=this.state.contextValue,f=Je(this.state.children).map(i);return delete p.appear,delete p.enter,delete p.exit,s===null?y.createElement(N.TransitionGroupContext.Provider,{value:a},f):y.createElement(N.TransitionGroupContext.Provider,{value:a},y.createElement(s,p,f))},n}(y.Component);ie.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}:{};ie.defaultProps=Qe;const Ze=ie;function me(t){const{className:n,classes:r,pulsate:u=!1,rippleX:o,rippleY:s,rippleSize:i,in:p,onExited:a,timeout:f}=t,[h,g]=c.useState(!1),T=e.clsx(n,r.ripple,r.rippleVisible,u&&r.ripplePulsate),C={width:i,height:i,top:-(i/2)+s,left:-(i/2)+o},m=e.clsx(r.child,h&&r.childLeaving,u&&r.childPulsate);return!p&&!h&&g(!0),c.useEffect(()=>{if(!p&&a!=null){const R=setTimeout(a,f);return()=>{clearTimeout(R)}}},[a,p,f]),O.jsx("span",{className:T,style:C,children:O.jsx("span",{className:m})})}process.env.NODE_ENV!=="production"&&(me.propTypes={classes:e.PropTypes.object.isRequired,className:e.PropTypes.string,in:e.PropTypes.bool,onExited:e.PropTypes.func,pulsate:e.PropTypes.bool,rippleSize:e.PropTypes.number,rippleX:e.PropTypes.number,rippleY:e.PropTypes.number,timeout:e.PropTypes.number.isRequired});const b=e.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),et=["center","classes","className"];let H=t=>t,pe,fe,de,he;const oe=550,tt=80,nt=re.keyframes(pe||(pe=H`
2
- 0% {
3
- transform: scale(0);
4
- opacity: 0.1;
5
- }
6
-
7
- 100% {
8
- transform: scale(1);
9
- opacity: 0.3;
10
- }
11
- `)),ot=re.keyframes(fe||(fe=H`
12
- 0% {
13
- opacity: 1;
14
- }
15
-
16
- 100% {
17
- opacity: 0;
18
- }
19
- `)),rt=re.keyframes(de||(de=H`
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
- `)),st=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"}),it=e.styled(me,{name:"MuiTouchRipple",slot:"Ripple"})(he||(he=H`
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
- `),b.rippleVisible,nt,oe,({theme:t})=>t.transitions.easing.easeInOut,b.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,b.child,b.childLeaving,ot,oe,({theme:t})=>t.transitions.easing.easeInOut,b.childPulsate,rt,({theme:t})=>t.transitions.easing.easeInOut),ye=c.forwardRef(function(n,r){const u=e.useThemeProps({props:n,name:"MuiTouchRipple"}),{center:o=!1,classes:s={},className:i}=u,p=e._objectWithoutPropertiesLoose(u,et),[a,f]=c.useState([]),h=c.useRef(0),g=c.useRef(null);c.useEffect(()=>{g.current&&(g.current(),g.current=null)},[a]);const T=c.useRef(!1),C=N.useTimeout(),m=c.useRef(null),R=c.useRef(null),I=c.useCallback(d=>{const{pulsate:E,rippleX:x,rippleY:L,rippleSize:$,cb:q}=d;f(M=>[...M,O.jsx(it,{classes:{ripple:e.clsx(s.ripple,b.ripple),rippleVisible:e.clsx(s.rippleVisible,b.rippleVisible),ripplePulsate:e.clsx(s.ripplePulsate,b.ripplePulsate),child:e.clsx(s.child,b.child),childLeaving:e.clsx(s.childLeaving,b.childLeaving),childPulsate:e.clsx(s.childPulsate,b.childPulsate)},timeout:oe,pulsate:E,rippleX:x,rippleY:L,rippleSize:$},h.current)]),h.current+=1,g.current=q},[s]),_=c.useCallback((d={},E={},x=()=>{})=>{const{pulsate:L=!1,center:$=o||E.pulsate,fakeElement:q=!1}=E;if((d==null?void 0:d.type)==="mousedown"&&T.current){T.current=!1;return}(d==null?void 0:d.type)==="touchstart"&&(T.current=!0);const M=q?null:R.current,k=M?M.getBoundingClientRect():{width:0,height:0,left:0,top:0};let v,w,B;if($||d===void 0||d.clientX===0&&d.clientY===0||!d.clientX&&!d.touches)v=Math.round(k.width/2),w=Math.round(k.height/2);else{const{clientX:F,clientY:V}=d.touches&&d.touches.length>0?d.touches[0]:d;v=Math.round(F-k.left),w=Math.round(V-k.top)}if($)B=Math.sqrt((2*k.width**2+k.height**2)/3),B%2===0&&(B+=1);else{const F=Math.max(Math.abs((M?M.clientWidth:0)-v),v)*2+2,V=Math.max(Math.abs((M?M.clientHeight:0)-w),w)*2+2;B=Math.sqrt(F**2+V**2)}d!=null&&d.touches?m.current===null&&(m.current=()=>{I({pulsate:L,rippleX:v,rippleY:w,rippleSize:B,cb:x})},C.start(tt,()=>{m.current&&(m.current(),m.current=null)})):I({pulsate:L,rippleX:v,rippleY:w,rippleSize:B,cb:x})},[o,I,C]),K=c.useCallback(()=>{_({},{pulsate:!0})},[_]),U=c.useCallback((d,E)=>{if(C.clear(),(d==null?void 0:d.type)==="touchend"&&m.current){m.current(),m.current=null,C.start(0,()=>{U(d,E)});return}m.current=null,f(x=>x.length>0?x.slice(1):x),g.current=E},[C]);return c.useImperativeHandle(r,()=>({pulsate:K,start:_,stop:U}),[K,_,U]),O.jsx(st,e._extends({className:e.clsx(b.root,s.root,i),ref:R},p,{children:O.jsx(Ze,{component:null,exit:!0,children:a})}))});process.env.NODE_ENV!=="production"&&(ye.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});const lt=ye;function ut(t){return e.generateUtilityClass("MuiButtonBase",t)}const at=e.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),ct=["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"],pt=t=>{const{disabled:n,focusVisible:r,focusVisibleClassName:u,classes:o}=t,s={root:["root",n&&"disabled",r&&"focusVisible"]},i=e.composeClasses(s,ut,o);return r&&u&&(i.root+=` ${u}`),i},ft=e.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,n)=>n.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"},[`&.${at.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),be=c.forwardRef(function(n,r){const u=e.useThemeProps({props:n,name:"MuiButtonBase"}),{action:o,centerRipple:s=!1,children:i,className:p,component:a="button",disabled:f=!1,disableRipple:h=!1,disableTouchRipple:g=!1,focusRipple:T=!1,LinkComponent:C="a",onBlur:m,onClick:R,onContextMenu:I,onDragLeave:_,onFocus:K,onFocusVisible:U,onKeyDown:d,onKeyUp:E,onMouseDown:x,onMouseLeave:L,onMouseUp:$,onTouchEnd:q,onTouchMove:M,onTouchStart:k,tabIndex:v=0,TouchRippleProps:w,touchRippleRef:B,type:F}=u,V=e._objectWithoutPropertiesLoose(u,ct),z=c.useRef(null),P=c.useRef(null),Te=Y.useForkRef(P,B),{isFocusVisibleRef:le,onFocus:Pe,onBlur:ge,ref:Re}=Xe(),[S,X]=c.useState(!1);f&&S&&X(!1),c.useImperativeHandle(o,()=>({focusVisible:()=>{X(!0),z.current.focus()}}),[]);const[J,Ee]=c.useState(!1);c.useEffect(()=>{Ee(!0)},[]);const Q=J&&!h&&!f;c.useEffect(()=>{S&&T&&!h&&J&&P.current.pulsate()},[h,T,S,J]);function D(l,ae,Oe=g){return N.useEventCallback(ce=>(ae&&ae(ce),!Oe&&P.current&&P.current[l](ce),!0))}const xe=D("start",x),Me=D("stop",I),Ce=D("stop",_),ve=D("stop",$),Ve=D("stop",l=>{S&&l.preventDefault(),L&&L(l)}),De=D("start",k),Ne=D("stop",q),ke=D("stop",M),we=D("stop",l=>{ge(l),le.current===!1&&X(!1),m&&m(l)},!1),Be=N.useEventCallback(l=>{z.current||(z.current=l.currentTarget),Pe(l),le.current===!0&&(X(!0),U&&U(l)),K&&K(l)}),Z=()=>{const l=z.current;return a&&a!=="button"&&!(l.tagName==="A"&&l.href)},ee=c.useRef(!1),Le=N.useEventCallback(l=>{T&&!ee.current&&S&&P.current&&l.key===" "&&(ee.current=!0,P.current.stop(l,()=>{P.current.start(l)})),l.target===l.currentTarget&&Z()&&l.key===" "&&l.preventDefault(),d&&d(l),l.target===l.currentTarget&&Z()&&l.key==="Enter"&&!f&&(l.preventDefault(),R&&R(l))}),Fe=N.useEventCallback(l=>{T&&l.key===" "&&P.current&&S&&!l.defaultPrevented&&(ee.current=!1,P.current.stop(l,()=>{P.current.pulsate(l)})),E&&E(l),R&&l.target===l.currentTarget&&Z()&&l.key===" "&&!l.defaultPrevented&&R(l)});let W=a;W==="button"&&(V.href||V.to)&&(W=C);const A={};W==="button"?(A.type=F===void 0?"button":F,A.disabled=f):(!V.href&&!V.to&&(A.role="button"),f&&(A["aria-disabled"]=f));const Se=Y.useForkRef(r,Re,z);process.env.NODE_ENV!=="production"&&c.useEffect(()=>{Q&&!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
- `))},[Q]);const ue=e._extends({},u,{centerRipple:s,component:a,disabled:f,disableRipple:h,disableTouchRipple:g,focusRipple:T,tabIndex:v,focusVisible:S}),je=pt(ue);return O.jsxs(ft,e._extends({as:W,className:e.clsx(je.root,p),ownerState:ue,onBlur:we,onClick:R,onContextMenu:Me,onFocus:Be,onKeyDown:Le,onKeyUp:Fe,onMouseDown:xe,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ce,onTouchEnd:Ne,onTouchMove:ke,onTouchStart:De,ref:Se,tabIndex:f?-1:v,type:F},A,V,{children:[i,Q?O.jsx(lt,e._extends({ref:Te,center:s},w)):null]}))});process.env.NODE_ENV!=="production"&&(be.propTypes={action:Y.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:Y.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 dt=be;exports.ButtonBase=dt;
@@ -1 +0,0 @@
1
- "use strict";const o=require("./useThemeProps-CDriK9TK.cjs"),$=require("react"),n=require("./InputBase-CKlCw9fj.cjs"),_=require("react/jsx-runtime"),h=require("./useForkRef-82uiK71d.cjs");function B(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const U=B($);function w(e){return o.generateUtilityClass("MuiInput",e)}const S=o._extends({},n.inputBaseClasses,o.generateUtilityClasses("MuiInput",["root","underline","input"])),p=S,q=["disableUnderline","components","componentsProps","fullWidth","inputComponent","multiline","slotProps","slots","type"],M=e=>{const{classes:t,disableUnderline:s}=e,r={root:["root",!s&&"underline"],input:["input"]},i=o.composeClasses(r,w,t);return o._extends({},t,i)},W=o.styled(n.InputBaseRoot,{shouldForwardProp:e=>o.rootShouldForwardProp(e)||e==="classes",name:"MuiInput",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:s}=e;return[...n.rootOverridesResolver(e,t),!s.disableUnderline&&t.underline]}})(({theme:e,ownerState:t})=>{let r=e.palette.mode==="light"?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)";return e.vars&&(r=`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`),o._extends({position:"relative"},t.formControl&&{"label + &":{marginTop:16}},!t.disableUnderline&&{"&::after":{borderBottom:`2px solid ${(e.vars||e).palette[t.color].main}`,left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${p.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${p.error}`]:{"&::before, &::after":{borderBottomColor:(e.vars||e).palette.error.main}},"&::before":{borderBottom:`1px solid ${r}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${p.disabled}, .${p.error}):before`]:{borderBottom:`2px solid ${(e.vars||e).palette.text.primary}`,"@media (hover: none)":{borderBottom:`1px solid ${r}`}},[`&.${p.disabled}:before`]:{borderBottomStyle:"dotted"}})}),E=o.styled(n.InputBaseComponent,{name:"MuiInput",slot:"Input",overridesResolver:n.inputOverridesResolver})({}),u=U.forwardRef(function(t,s){var r,i,c,y;const a=o.useThemeProps({props:t,name:"MuiInput"}),{disableUnderline:m,components:d={},componentsProps:P,fullWidth:f=!1,inputComponent:g="input",multiline:v=!1,slotProps:l,slots:T={},type:I="text"}=a,C=o._objectWithoutPropertiesLoose(a,q),O=M(a),b={root:{ownerState:{disableUnderline:m}}},R=l??P?o.deepmerge(l??P,b):b,j=(r=(i=T.root)!=null?i:d.Root)!=null?r:W,x=(c=(y=T.input)!=null?y:d.Input)!=null?c:E;return _.jsx(n.InputBase,o._extends({slots:{root:j,input:x},slotProps:R,fullWidth:f,inputComponent:g,multiline:v,ref:s,type:I},C,{classes:O}))});process.env.NODE_ENV!=="production"&&(u.propTypes={autoComplete:o.PropTypes.string,autoFocus:o.PropTypes.bool,classes:o.PropTypes.object,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["primary","secondary"]),o.PropTypes.string]),components:o.PropTypes.shape({Input:o.PropTypes.elementType,Root:o.PropTypes.elementType}),componentsProps:o.PropTypes.shape({input:o.PropTypes.object,root:o.PropTypes.object}),defaultValue:o.PropTypes.any,disabled:o.PropTypes.bool,disableUnderline:o.PropTypes.bool,endAdornment:o.PropTypes.node,error:o.PropTypes.bool,fullWidth:o.PropTypes.bool,id:o.PropTypes.string,inputComponent:o.PropTypes.elementType,inputProps:o.PropTypes.object,inputRef:h.refType,margin:o.PropTypes.oneOf(["dense","none"]),maxRows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),minRows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),multiline:o.PropTypes.bool,name:o.PropTypes.string,onChange:o.PropTypes.func,placeholder:o.PropTypes.string,readOnly:o.PropTypes.bool,required:o.PropTypes.bool,rows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),slotProps:o.PropTypes.shape({input:o.PropTypes.object,root:o.PropTypes.object}),slots:o.PropTypes.shape({input:o.PropTypes.elementType,root:o.PropTypes.elementType}),startAdornment: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.string,value:o.PropTypes.any});u.muiName="Input";const F=u;exports.Input=F;
@@ -1,322 +0,0 @@
1
- import { a, g as B, b as U, s as g, r as j, u as _, _ as w, c as M, P as o, e as S } from "./useThemeProps-B6yTTpAe.js";
2
- import * as W from "react";
3
- import { i as E, I as F, r as N, a as X, b as A, c as L } from "./InputBase-B13Nzzhk.js";
4
- import { jsx as V } from "react/jsx-runtime";
5
- import { r as k } from "./useForkRef-CLcOhrzI.js";
6
- function q(t) {
7
- return U("MuiInput", t);
8
- }
9
- const D = a({}, E, B("MuiInput", ["root", "underline", "input"])), r = D, z = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], G = (t) => {
10
- const {
11
- classes: e,
12
- disableUnderline: s
13
- } = t, i = S({
14
- root: ["root", !s && "underline"],
15
- input: ["input"]
16
- }, q, e);
17
- return a({}, e, i);
18
- }, H = g(F, {
19
- shouldForwardProp: (t) => j(t) || t === "classes",
20
- name: "MuiInput",
21
- slot: "Root",
22
- overridesResolver: (t, e) => {
23
- const {
24
- ownerState: s
25
- } = t;
26
- return [...N(t, e), !s.disableUnderline && e.underline];
27
- }
28
- })(({
29
- theme: t,
30
- ownerState: e
31
- }) => {
32
- let n = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
33
- return t.vars && (n = `rgba(${t.vars.palette.common.onBackgroundChannel} / ${t.vars.opacity.inputUnderline})`), a({
34
- position: "relative"
35
- }, e.formControl && {
36
- "label + &": {
37
- marginTop: 16
38
- }
39
- }, !e.disableUnderline && {
40
- "&::after": {
41
- borderBottom: `2px solid ${(t.vars || t).palette[e.color].main}`,
42
- left: 0,
43
- bottom: 0,
44
- // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
45
- content: '""',
46
- position: "absolute",
47
- right: 0,
48
- transform: "scaleX(0)",
49
- transition: t.transitions.create("transform", {
50
- duration: t.transitions.duration.shorter,
51
- easing: t.transitions.easing.easeOut
52
- }),
53
- pointerEvents: "none"
54
- // Transparent to the hover style.
55
- },
56
- [`&.${r.focused}:after`]: {
57
- // translateX(0) is a workaround for Safari transform scale bug
58
- // See https://github.com/mui/material-ui/issues/31766
59
- transform: "scaleX(1) translateX(0)"
60
- },
61
- [`&.${r.error}`]: {
62
- "&::before, &::after": {
63
- borderBottomColor: (t.vars || t).palette.error.main
64
- }
65
- },
66
- "&::before": {
67
- borderBottom: `1px solid ${n}`,
68
- left: 0,
69
- bottom: 0,
70
- // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
71
- content: '"\\00a0"',
72
- position: "absolute",
73
- right: 0,
74
- transition: t.transitions.create("border-bottom-color", {
75
- duration: t.transitions.duration.shorter
76
- }),
77
- pointerEvents: "none"
78
- // Transparent to the hover style.
79
- },
80
- [`&:hover:not(.${r.disabled}, .${r.error}):before`]: {
81
- borderBottom: `2px solid ${(t.vars || t).palette.text.primary}`,
82
- // Reset on touch devices, it doesn't add specificity
83
- "@media (hover: none)": {
84
- borderBottom: `1px solid ${n}`
85
- }
86
- },
87
- [`&.${r.disabled}:before`]: {
88
- borderBottomStyle: "dotted"
89
- }
90
- });
91
- }), J = g(X, {
92
- name: "MuiInput",
93
- slot: "Input",
94
- overridesResolver: A
95
- })({}), u = /* @__PURE__ */ W.forwardRef(function(e, s) {
96
- var n, i, d, c;
97
- const p = _({
98
- props: e,
99
- name: "MuiInput"
100
- }), {
101
- disableUnderline: v,
102
- components: m = {},
103
- componentsProps: b,
104
- fullWidth: I = !1,
105
- inputComponent: C = "input",
106
- multiline: P = !1,
107
- slotProps: l,
108
- slots: f = {},
109
- type: T = "text"
110
- } = p, R = w(p, z), $ = G(p), y = {
111
- root: {
112
- ownerState: {
113
- disableUnderline: v
114
- }
115
- }
116
- }, O = l ?? b ? M(l ?? b, y) : y, x = (n = (i = f.root) != null ? i : m.Root) != null ? n : H, h = (d = (c = f.input) != null ? c : m.Input) != null ? d : J;
117
- return /* @__PURE__ */ V(L, a({
118
- slots: {
119
- root: x,
120
- input: h
121
- },
122
- slotProps: O,
123
- fullWidth: I,
124
- inputComponent: C,
125
- multiline: P,
126
- ref: s,
127
- type: T
128
- }, R, {
129
- classes: $
130
- }));
131
- });
132
- process.env.NODE_ENV !== "production" && (u.propTypes = {
133
- // ┌────────────────────────────── Warning ──────────────────────────────┐
134
- // │ These PropTypes are generated from the TypeScript type definitions. │
135
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
136
- // └─────────────────────────────────────────────────────────────────────┘
137
- /**
138
- * This prop helps users to fill forms faster, especially on mobile devices.
139
- * The name can be confusing, as it's more like an autofill.
140
- * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
141
- */
142
- autoComplete: o.string,
143
- /**
144
- * If `true`, the `input` element is focused during the first mount.
145
- */
146
- autoFocus: o.bool,
147
- /**
148
- * Override or extend the styles applied to the component.
149
- */
150
- classes: o.object,
151
- /**
152
- * The color of the component.
153
- * It supports both default and custom theme colors, which can be added as shown in the
154
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
155
- * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
156
- */
157
- color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
158
- /**
159
- * The components used for each slot inside.
160
- *
161
- * This prop is an alias for the `slots` prop.
162
- * It's recommended to use the `slots` prop instead.
163
- *
164
- * @default {}
165
- */
166
- components: o.shape({
167
- Input: o.elementType,
168
- Root: o.elementType
169
- }),
170
- /**
171
- * The extra props for the slot components.
172
- * You can override the existing props or add new ones.
173
- *
174
- * This prop is an alias for the `slotProps` prop.
175
- * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
176
- *
177
- * @default {}
178
- */
179
- componentsProps: o.shape({
180
- input: o.object,
181
- root: o.object
182
- }),
183
- /**
184
- * The default value. Use when the component is not controlled.
185
- */
186
- defaultValue: o.any,
187
- /**
188
- * If `true`, the component is disabled.
189
- * The prop defaults to the value (`false`) inherited from the parent FormControl component.
190
- */
191
- disabled: o.bool,
192
- /**
193
- * If `true`, the `input` will not have an underline.
194
- */
195
- disableUnderline: o.bool,
196
- /**
197
- * End `InputAdornment` for this component.
198
- */
199
- endAdornment: o.node,
200
- /**
201
- * If `true`, the `input` will indicate an error.
202
- * The prop defaults to the value (`false`) inherited from the parent FormControl component.
203
- */
204
- error: o.bool,
205
- /**
206
- * If `true`, the `input` will take up the full width of its container.
207
- * @default false
208
- */
209
- fullWidth: o.bool,
210
- /**
211
- * The id of the `input` element.
212
- */
213
- id: o.string,
214
- /**
215
- * The component used for the `input` element.
216
- * Either a string to use a HTML element or a component.
217
- * @default 'input'
218
- */
219
- inputComponent: o.elementType,
220
- /**
221
- * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
222
- * @default {}
223
- */
224
- inputProps: o.object,
225
- /**
226
- * Pass a ref to the `input` element.
227
- */
228
- inputRef: k,
229
- /**
230
- * If `dense`, will adjust vertical spacing. This is normally obtained via context from
231
- * FormControl.
232
- * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
233
- */
234
- margin: o.oneOf(["dense", "none"]),
235
- /**
236
- * Maximum number of rows to display when multiline option is set to true.
237
- */
238
- maxRows: o.oneOfType([o.number, o.string]),
239
- /**
240
- * Minimum number of rows to display when multiline option is set to true.
241
- */
242
- minRows: o.oneOfType([o.number, o.string]),
243
- /**
244
- * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
245
- * @default false
246
- */
247
- multiline: o.bool,
248
- /**
249
- * Name attribute of the `input` element.
250
- */
251
- name: o.string,
252
- /**
253
- * Callback fired when the value is changed.
254
- *
255
- * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
256
- * You can pull out the new value by accessing `event.target.value` (string).
257
- */
258
- onChange: o.func,
259
- /**
260
- * The short hint displayed in the `input` before the user enters a value.
261
- */
262
- placeholder: o.string,
263
- /**
264
- * It prevents the user from changing the value of the field
265
- * (not from interacting with the field).
266
- */
267
- readOnly: o.bool,
268
- /**
269
- * If `true`, the `input` element is required.
270
- * The prop defaults to the value (`false`) inherited from the parent FormControl component.
271
- */
272
- required: o.bool,
273
- /**
274
- * Number of rows to display when multiline option is set to true.
275
- */
276
- rows: o.oneOfType([o.number, o.string]),
277
- /**
278
- * The extra props for the slot components.
279
- * You can override the existing props or add new ones.
280
- *
281
- * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
282
- *
283
- * @default {}
284
- */
285
- slotProps: o.shape({
286
- input: o.object,
287
- root: o.object
288
- }),
289
- /**
290
- * The components used for each slot inside.
291
- *
292
- * This prop is an alias for the `components` prop, which will be deprecated in the future.
293
- *
294
- * @default {}
295
- */
296
- slots: o.shape({
297
- input: o.elementType,
298
- root: o.elementType
299
- }),
300
- /**
301
- * Start `InputAdornment` for this component.
302
- */
303
- startAdornment: o.node,
304
- /**
305
- * The system prop that allows defining system overrides as well as additional CSS styles.
306
- */
307
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
308
- /**
309
- * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
310
- * @default 'text'
311
- */
312
- type: o.string,
313
- /**
314
- * The value of the `input` element, required for a controlled component.
315
- */
316
- value: o.any
317
- });
318
- u.muiName = "Input";
319
- const to = u;
320
- export {
321
- to as I
322
- };
@@ -1,4 +0,0 @@
1
- "use strict";const e=require("./useThemeProps-CDriK9TK.cjs"),He=require("react"),P=require("react/jsx-runtime"),z=require("./useForkRef-82uiK71d.cjs"),We=require("react-dom"),Ve=require("@emotion/react");function me(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const l=me(He),Le=me(We);function he(o,n=166){let t;function r(...s){const c=()=>{o.apply(this,s)};clearTimeout(t),t=setTimeout(c,n)}return r.clear=()=>{clearTimeout(t)},r}function Te(o){return o&&o.ownerDocument||document}function oe(o){return Te(o).defaultView||window}function Ue(o){return o==null||Object.keys(o).length===0}function be(o){const{styles:n,defaultTheme:t={}}=o,r=typeof n=="function"?s=>n(Ue(s)?t:s):n;return P.jsx(Ve.Global,{styles:r})}process.env.NODE_ENV!=="production"&&(be.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function Pe({styles:o,themeId:n,defaultTheme:t={}}){const r=e.useTheme(t),s=typeof o=="function"?o(n&&r[n]||r):o;return P.jsx(be,{styles:s})}process.env.NODE_ENV!=="production"&&(Pe.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool]),themeId:e.PropTypes.string});function ne(o){return typeof o=="string"}const $e=["onChange","maxRows","minRows","style","value"];function U(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function fe(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflow}const ge=l.forwardRef(function(n,t){const{onChange:r,maxRows:s,minRows:c=1,style:_,value:S}=n,B=e._objectWithoutPropertiesLoose(n,$e),{current:R}=l.useRef(S!=null),w=l.useRef(null),A=z.useForkRef(t,w),g=l.useRef(null),h=l.useRef(0),[O,F]=l.useState({outerHeightStyle:0}),I=l.useCallback(()=>{const u=w.current,a=oe(u).getComputedStyle(u);if(a.width==="0px")return{outerHeightStyle:0};const d=g.current;d.style.width=a.width,d.value=u.value||n.placeholder||"x",d.value.slice(-1)===`
2
- `&&(d.value+=" ");const b=a.boxSizing,E=U(a.paddingBottom)+U(a.paddingTop),N=U(a.borderBottomWidth)+U(a.borderTopWidth),x=d.scrollHeight;d.value="x";const C=d.scrollHeight;let y=x;c&&(y=Math.max(Number(c)*C,y)),s&&(y=Math.min(Number(s)*C,y)),y=Math.max(y,C);const G=y+(b==="border-box"?E+N:0),j=Math.abs(y-x)<=1;return{outerHeightStyle:G,overflow:j}},[s,c,n.placeholder]),H=(u,T)=>{const{outerHeightStyle:a,overflow:d}=T;return h.current<20&&(a>0&&Math.abs((u.outerHeightStyle||0)-a)>1||u.overflow!==d)?(h.current+=1,{overflow:d,outerHeightStyle:a}):(process.env.NODE_ENV!=="production"&&h.current===20&&console.error(["MUI: Too many re-renders. The layout is unstable.","TextareaAutosize limits the number of renders to prevent an infinite loop."].join(`
3
- `)),u)},f=l.useCallback(()=>{const u=I();fe(u)||F(T=>H(T,u))},[I]);z.useEnhancedEffect(()=>{const u=()=>{const C=I();fe(C)||Le.flushSync(()=>{F(y=>H(y,C))})},T=()=>{h.current=0,u()};let a;const d=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(()=>{T()})},b=he(T),E=w.current,N=oe(E);N.addEventListener("resize",b);let x;return typeof ResizeObserver<"u"&&(x=new ResizeObserver(process.env.NODE_ENV==="test"?d:T),x.observe(E)),()=>{b.clear(),cancelAnimationFrame(a),N.removeEventListener("resize",b),x&&x.disconnect()}},[I]),z.useEnhancedEffect(()=>{f()}),l.useEffect(()=>{h.current=0},[S]);const q=u=>{h.current=0,R||f(),r&&r(u)};return P.jsxs(l.Fragment,{children:[P.jsx("textarea",e._extends({value:S,onChange:q,ref:A,rows:c,style:e._extends({height:O.outerHeightStyle,overflow:O.overflow?"hidden":void 0},_)},B)),P.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:g,tabIndex:-1,style:e._extends({},qe.shadow,_,{paddingTop:0,paddingBottom:0})})]})});process.env.NODE_ENV!=="production"&&(ge.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function xe({props:o,states:n,muiFormControl:t}){return n.reduce((r,s)=>(r[s]=o[s],t&&typeof o[s]>"u"&&(r[s]=t[s]),r),{})}const we=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(we.displayName="FormControlContext");const te=we;function ve(){return l.useContext(te)}function Ce(o){return P.jsx(Pe,e._extends({},o,{defaultTheme:e.defaultTheme,themeId:e.THEME_ID}))}process.env.NODE_ENV!=="production"&&(Ce.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function ye(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function Se(o,n=!1){return o&&(ye(o.value)&&o.value!==""||n&&ye(o.defaultValue)&&o.defaultValue!=="")}function Ge(o){return o.startAdornment}function Ke(o){return e.generateUtilityClass("MuiInputBase",o)}const Ye=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]),$=Ye,Ze=["aria-describedby","autoComplete","autoFocus","className","color","components","componentsProps","defaultValue","disabled","disableInjectingGlobalStyles","endAdornment","error","fullWidth","id","inputComponent","inputProps","inputRef","margin","maxRows","minRows","multiline","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","placeholder","readOnly","renderSuffix","rows","size","slotProps","slots","startAdornment","type","value"],Re=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},Oe=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},Je=o=>{const{classes:n,color:t,disabled:r,error:s,endAdornment:c,focused:_,formControl:S,fullWidth:B,hiddenLabel:R,multiline:w,readOnly:A,size:g,startAdornment:h,type:O}=o,F={root:["root",`color${e.capitalize(t)}`,r&&"disabled",s&&"error",B&&"fullWidth",_&&"focused",S&&"formControl",g&&g!=="medium"&&`size${e.capitalize(g)}`,w&&"multiline",h&&"adornedStart",c&&"adornedEnd",R&&"hiddenLabel",A&&"readOnly"],input:["input",r&&"disabled",O==="search"&&"inputTypeSearch",w&&"inputMultiline",g==="small"&&"inputSizeSmall",R&&"inputHiddenLabel",h&&"inputAdornedStart",c&&"inputAdornedEnd",A&&"readOnly"]};return e.composeClasses(F,Ke,n)},Ee=e.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:Re})(({theme:o,ownerState:n})=>e._extends({},o.typography.body1,{color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${$.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"}},n.multiline&&e._extends({padding:"4px 0 5px"},n.size==="small"&&{paddingTop:1}),n.fullWidth&&{width:"100%"})),Ne=e.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Oe})(({theme:o,ownerState:n})=>{const t=o.palette.mode==="light",r=e._extends({color:"currentColor"},o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5},{transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})}),s={opacity:"0 !important"},c=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5};return e._extends({font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":r,"&::-moz-placeholder":r,"&:-ms-input-placeholder":r,"&::-ms-input-placeholder":r,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${$.formControl} &`]:{"&::-webkit-input-placeholder":s,"&::-moz-placeholder":s,"&:-ms-input-placeholder":s,"&::-ms-input-placeholder":s,"&:focus::-webkit-input-placeholder":c,"&:focus::-moz-placeholder":c,"&:focus:-ms-input-placeholder":c,"&:focus::-ms-input-placeholder":c},[`&.${$.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},n.size==="small"&&{paddingTop:1},n.multiline&&{height:"auto",resize:"none",padding:0,paddingTop:0},n.type==="search"&&{MozAppearance:"textfield"})}),Qe=P.jsx(Ce,{styles:{"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}}),ze=l.forwardRef(function(n,t){var r;const s=e.useThemeProps({props:n,name:"MuiInputBase"}),{"aria-describedby":c,autoComplete:_,autoFocus:S,className:B,components:R={},componentsProps:w={},defaultValue:A,disabled:g,disableInjectingGlobalStyles:h,endAdornment:O,fullWidth:F=!1,id:I,inputComponent:H="input",inputProps:f={},inputRef:q,maxRows:u,minRows:T,multiline:a=!1,name:d,onBlur:b,onChange:E,onClick:N,onFocus:x,onKeyDown:C,onKeyUp:y,placeholder:G,readOnly:j,renderSuffix:re,rows:W,slotProps:se={},slots:ie={},startAdornment:D,type:le="text",value:_e}=s,Ae=e._objectWithoutPropertiesLoose(s,Ze),V=f.value!=null?f.value:_e,{current:K}=l.useRef(V!=null),k=l.useRef(),Fe=l.useCallback(i=>{process.env.NODE_ENV!=="production"&&i&&i.nodeName!=="INPUT"&&!i.focus&&console.error(["MUI: You have provided a `inputComponent` to the input component","that does not correctly handle the `ref` prop.","Make sure the `ref` prop is called with a HTMLInputElement."].join(`
4
- `))},[]),Ie=z.useForkRef(k,q,f.ref,Fe),[Y,Z]=l.useState(!1),p=ve();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(p)return p.registerEffect()},[p]);const m=xe({props:s,muiFormControl:p,states:["color","disabled","error","hiddenLabel","size","required","filled"]});m.focused=p?p.focused:Y,l.useEffect(()=>{!p&&g&&Y&&(Z(!1),b&&b())},[p,g,Y,b]);const J=p&&p.onFilled,Q=p&&p.onEmpty,M=l.useCallback(i=>{Se(i)?J&&J():Q&&Q()},[J,Q]);z.useEnhancedEffect(()=>{K&&M({value:V})},[V,M,K]);const ke=i=>{if(m.disabled){i.stopPropagation();return}x&&x(i),f.onFocus&&f.onFocus(i),p&&p.onFocus?p.onFocus(i):Z(!0)},Be=i=>{b&&b(i),f.onBlur&&f.onBlur(i),p&&p.onBlur?p.onBlur(i):Z(!1)},je=(i,...ce)=>{if(!K){const de=i.target||k.current;if(de==null)throw new Error(process.env.NODE_ENV!=="production"?"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.":e.formatMuiErrorMessage(1));M({value:de.value})}f.onChange&&f.onChange(i,...ce),E&&E(i,...ce)};l.useEffect(()=>{M(k.current)},[]);const De=i=>{k.current&&i.currentTarget===i.target&&k.current.focus(),N&&N(i)};let X=H,v=f;a&&X==="input"&&(W?(process.env.NODE_ENV!=="production"&&(T||u)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),v=e._extends({type:void 0,minRows:W,maxRows:W},v)):v=e._extends({type:void 0,maxRows:u,minRows:T},v),X=ge);const Me=i=>{M(i.animationName==="mui-auto-fill-cancel"?k.current:{value:"x"})};l.useEffect(()=>{p&&p.setAdornedStart(!!D)},[p,D]);const L=e._extends({},s,{color:m.color||"primary",disabled:m.disabled,endAdornment:O,error:m.error,focused:m.focused,formControl:p,fullWidth:F,hiddenLabel:m.hiddenLabel,multiline:a,size:m.size,startAdornment:D,type:le}),pe=Je(L),ae=ie.root||R.Root||Ee,ee=se.root||w.root||{},ue=ie.input||R.Input||Ne;return v=e._extends({},v,(r=se.input)!=null?r:w.input),P.jsxs(l.Fragment,{children:[!h&&Qe,P.jsxs(ae,e._extends({},ee,!ne(ae)&&{ownerState:e._extends({},L,ee.ownerState)},{ref:t,onClick:De},Ae,{className:e.clsx(pe.root,ee.className,B,j&&"MuiInputBase-readOnly"),children:[D,P.jsx(te.Provider,{value:null,children:P.jsx(ue,e._extends({ownerState:L,"aria-invalid":m.error,"aria-describedby":c,autoComplete:_,autoFocus:S,defaultValue:A,disabled:m.disabled,id:I,onAnimationStart:Me,name:d,placeholder:G,readOnly:j,required:m.required,rows:W,value:V,onKeyDown:C,onKeyUp:y,type:le},v,!ne(ue)&&{as:X,ownerState:e._extends({},L,v.ownerState)},{ref:Ie,className:e.clsx(pe.input,v.className,j&&"MuiInputBase-readOnly"),onBlur:Be,onChange:je,onFocus:ke}))}),O,re?re(e._extends({},m,{startAdornment:D})):null]}))]})});process.env.NODE_ENV!=="production"&&(ze.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:z.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:z.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,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]),type:e.PropTypes.string,value:e.PropTypes.any});const Xe=ze;exports.FormControlContext=te;exports.InputBase=Xe;exports.InputBaseComponent=Ne;exports.InputBaseRoot=Ee;exports.debounce=he;exports.formControlState=xe;exports.inputBaseClasses=$;exports.inputOverridesResolver=Oe;exports.isAdornedStart=Ge;exports.isFilled=Se;exports.isHostComponent=ne;exports.ownerDocument=Te;exports.ownerWindow=oe;exports.rootOverridesResolver=Re;exports.useFormControl=ve;
@@ -1 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),n=require("../../useTheme-BpLcDNG1.cjs"),o=require("../../ButtonBase-Cg8cBMzO.cjs"),r=require("../../Input-CAb0EFzc.cjs"),s=()=>{const t=n.useTheme();return e.jsxs("div",{children:[e.jsx("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",children:"Click me from AnotherComponent"}),e.jsx(o.ButtonBase,{style:{backgroundColor:t.palette.primary.main},children:"AnotherComponent"}),e.jsx(r.Input,{className:"bg-blue-500"})]})};module.exports=s;
@@ -1,2 +0,0 @@
1
- declare const AnotherComponent: () => import("react/jsx-runtime").JSX.Element;
2
- export default AnotherComponent;
@@ -1,15 +0,0 @@
1
- import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
- import { u as r } from "../../useTheme-BWRyHzdn.js";
3
- import { B as n } from "../../ButtonBase-CKfcGhaU.js";
4
- import { I as m } from "../../Input-CbYjsRHK.js";
5
- const i = () => {
6
- const o = r();
7
- return /* @__PURE__ */ t("div", { children: [
8
- /* @__PURE__ */ e("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", children: "Click me from AnotherComponent" }),
9
- /* @__PURE__ */ e(n, { style: { backgroundColor: o.palette.primary.main }, children: "AnotherComponent" }),
10
- /* @__PURE__ */ e(m, { className: "bg-blue-500" })
11
- ] });
12
- };
13
- export {
14
- i as default
15
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("./AnotherComponent.cjs.js"),a={title:"Components/AnotherComponent",component:e,argTypes:{}},o=r=>s.jsx(e,{...r}),t=o.bind({});t.args={label:"Primary Button"};const n=o.bind({});n.args={label:"Secondary Button",secondary:!0};exports.Primary=t;exports.Secondary=n;exports.default=a;
@@ -1,22 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import o from "./AnotherComponent.es.js";
3
- const p = {
4
- title: "Components/AnotherComponent",
5
- component: o,
6
- argTypes: {
7
- // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
8
- }
9
- }, t = (n) => /* @__PURE__ */ e(o, { ...n }), r = t.bind({});
10
- r.args = {
11
- label: "Primary Button"
12
- };
13
- const a = t.bind({});
14
- a.args = {
15
- label: "Secondary Button",
16
- secondary: !0
17
- };
18
- export {
19
- r as Primary,
20
- a as Secondary,
21
- p as default
22
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AnotherComponent.cjs.js");exports.AnotherComponent=e;
@@ -1,2 +0,0 @@
1
- export { default as AnotherComponent } from "./AnotherComponent";
2
- export * from "./AnotherComponent";
@@ -1,4 +0,0 @@
1
- import { default as t } from "./AnotherComponent.es.js";
2
- export {
3
- t as AnotherComponent
4
- };
@@ -1 +0,0 @@
1
- "use strict";const a=require("react/jsx-runtime"),S=require("react"),e=require("../../useThemeProps-CDriK9TK.cjs"),C=require("../../useTheme-BpLcDNG1.cjs"),V=require("../../extendSxProp-CvhhU9Vb.cjs"),P=require("../../Button-Tkz5NkF_.cjs");function R(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const f=R(S),D=e.createStyled(),N=["component","direction","spacing","divider","children","className","useFlexGap"],_=e.createTheme(),q=D("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function w(o){return e.useThemeProps$1({props:o,name:"MuiStack",defaultTheme:_})}function E(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((t,i,p)=>(t.push(i),p<s.length-1&&t.push(f.cloneElement(r,{key:`separator-${p}`})),t),[])}const F=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],M=({ownerState:o,theme:r})=>{let s=e._extends({display:"flex",flexDirection:"column"},e.handleBreakpoints({theme:r},e.resolveBreakpointValues({values:o.direction,breakpoints:r.breakpoints.values}),t=>({flexDirection:t})));if(o.spacing){const t=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((n,c)=>((typeof o.spacing=="object"&&o.spacing[c]!=null||typeof o.direction=="object"&&o.direction[c]!=null)&&(n[c]=!0),n),{}),p=e.resolveBreakpointValues({values:o.direction,base:i}),l=e.resolveBreakpointValues({values:o.spacing,base:i});typeof p=="object"&&Object.keys(p).forEach((n,c,y)=>{if(!p[n]){const T=c>0?p[y[c-1]]:"column";p[n]=T}});const u=(n,c)=>o.useFlexGap?{gap:e.getValue(t,n)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${F(c?p[c]:o.direction)}`]:e.getValue(t,n)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},l,u))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function G(o={}){const{createStyledComponent:r=q,useThemeProps:s=w,componentName:t="MuiStack"}=o,i=()=>{const u={root:["root"]};return e.composeClasses(u,n=>e.generateUtilityClass(t,n),{})},p=r(M),l=f.forwardRef(function(n,c){const y=s(n),d=V.extendSxProp(y),{component:T="div",direction:b="column",spacing:O=0,divider:m,children:v,className:h,useFlexGap:j=!1}=d,x=e._objectWithoutPropertiesLoose(d,N),k={direction:b,spacing:O,useFlexGap:j},B=i();return a.jsx(p,e._extends({as:T,ownerState:k,ref:c,className:e.clsx(B.root,h)},x,{children:m?E(v,m):v}))});return process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,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])}),l}const g=G({createStyledComponent:e.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>e.useThemeProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,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]),useFlexGap:e.PropTypes.bool});const $=g,U=e.styled("button")(({theme:o})=>({backgroundColor:o.palette.primary.main})),A=()=>{const o=C.useTheme();return a.jsxs($,{spacing:2,direction:"row",children:[a.jsx(U,{children:"Styled"}),a.jsx(P.Button,{variant:"text",style:{backgroundColor:o.palette.primary.main},children:"Text"}),a.jsx(P.Button,{variant:"contained",children:"Contained"}),a.jsx(P.Button,{variant:"outlined",children:"Outlined"})]})};module.exports=A;
@@ -1,2 +0,0 @@
1
- declare const BasicButtons: () => import("react/jsx-runtime").JSX.Element;
2
- export default BasicButtons;