@cgi-learning-hub/ui 0.0.1-dev.1708941839 → 0.0.1-dev.1708959157

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 (103) hide show
  1. package/dist/{Button-X7eWZQfX.js → Button-C5ROgtyW.js} +12 -12
  2. package/dist/{Button-Tkz5NkF_.cjs → Button-wMPAZpnO.cjs} +1 -1
  3. package/dist/ButtonBase-C5_-KI-D.js +831 -0
  4. package/dist/ButtonBase-XPViWbp_.cjs +75 -0
  5. package/dist/DefaultButton-BD9W4fvr.cjs +28 -0
  6. package/dist/DefaultButton-BlGFPRC7.js +439 -0
  7. package/dist/{Input-CbYjsRHK.js → Input-CGU1Xw4s.js} +10 -10
  8. package/dist/Input-DHic6dYE.cjs +1 -0
  9. package/dist/{InputBase-B13Nzzhk.js → InputBase-D8YZOKOt.js} +138 -157
  10. package/dist/InputBase-WBNJQn8V.cjs +4 -0
  11. package/dist/Tab-C2Tmr8Sv.cjs +1 -0
  12. package/dist/Tab-Dgd9jYEq.js +237 -0
  13. package/dist/TransitionGroupContext-C7wWJ6l7.js +14 -0
  14. package/dist/TransitionGroupContext-g4tmk10h.cjs +1 -0
  15. package/dist/Typography-CO64FVmw.cjs +1 -0
  16. package/dist/Typography-Di0hlj32.js +177 -0
  17. package/dist/assets/index.css +1 -1
  18. package/dist/components/AnotherComponent/AnotherComponent.cjs.js +1 -1
  19. package/dist/components/AnotherComponent/AnotherComponent.es.js +3 -3
  20. package/dist/components/BasicButtons/BasicButtons.cjs.js +1 -1
  21. package/dist/components/BasicButtons/BasicButtons.es.js +10 -10
  22. package/dist/components/BasicButtons/BasicButtons.stories.cjs.js +1 -1
  23. package/dist/components/Dropzone/Dropzone.cjs.js +5 -0
  24. package/dist/components/Dropzone/Dropzone.d.ts +9 -0
  25. package/dist/components/Dropzone/Dropzone.es.js +1209 -0
  26. package/dist/components/Dropzone/index.cjs.js +1 -0
  27. package/dist/components/Dropzone/index.d.ts +2 -0
  28. package/dist/components/Dropzone/index.es.js +4 -0
  29. package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +1 -28
  30. package/dist/components/buttons/DefaultButton/DefaultButton.es.js +7 -436
  31. package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
  32. package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +8 -8
  33. package/dist/components/buttons/DefaultButton/index.cjs.js +1 -1
  34. package/dist/components/buttons/DefaultButton/index.es.js +2 -2
  35. package/dist/components/buttons/IconButton/IconButton.cjs.js +2 -0
  36. package/dist/components/buttons/IconButton/IconButton.d.ts +5 -0
  37. package/dist/components/buttons/IconButton/IconButton.es.js +187 -0
  38. package/dist/components/buttons/IconButton/index.cjs.js +1 -0
  39. package/dist/components/buttons/IconButton/index.d.ts +2 -0
  40. package/dist/components/buttons/IconButton/index.es.js +4 -0
  41. package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
  42. package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +4 -4
  43. package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
  44. package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +1 -1
  45. package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
  46. package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +2 -2
  47. package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
  48. package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +1 -1
  49. package/dist/components/buttons/index.cjs.js +1 -1
  50. package/dist/components/buttons/index.d.ts +1 -0
  51. package/dist/components/buttons/index.es.js +8 -6
  52. package/dist/components/index.cjs.js +1 -1
  53. package/dist/components/index.d.ts +4 -0
  54. package/dist/components/index.es.js +22 -12
  55. package/dist/components/inputs/SearchInput/SearchInput.cjs.js +1 -1
  56. package/dist/components/inputs/SearchInput/SearchInput.es.js +77 -247
  57. package/dist/components/inputs/TextInput/TextInput.cjs.js +11 -13
  58. package/dist/components/inputs/TextInput/TextInput.es.js +367 -404
  59. package/dist/components/lists/FileList/FileList.cjs.js +1 -0
  60. package/dist/components/lists/FileList/FileList.d.ts +7 -0
  61. package/dist/components/lists/FileList/FileList.es.js +19 -0
  62. package/dist/components/lists/FileList/FileListItem.cjs.js +1 -0
  63. package/dist/components/lists/FileList/FileListItem.d.ts +13 -0
  64. package/dist/components/lists/FileList/FileListItem.es.js +40 -0
  65. package/dist/components/lists/FileList/index.cjs.js +1 -0
  66. package/dist/components/lists/FileList/index.d.ts +4 -0
  67. package/dist/components/lists/FileList/index.es.js +6 -0
  68. package/dist/components/lists/index.cjs.js +1 -0
  69. package/dist/components/lists/index.d.ts +1 -0
  70. package/dist/components/lists/index.es.js +6 -0
  71. package/dist/createSvgIcon-B7HVs3ZC.cjs +2 -0
  72. package/dist/{createSvgIcon-jvI3LIfI.cjs → createSvgIcon-BivvPRyr.cjs} +1 -1
  73. package/dist/createSvgIcon-D3HDfwCm.js +143 -0
  74. package/dist/{createSvgIcon-qXNZi4k1.js → createSvgIcon-D4Mxh_r9.js} +14 -14
  75. package/dist/{extendSxProp-CvhhU9Vb.cjs → extendSxProp-D5gpnasP.cjs} +1 -1
  76. package/dist/{extendSxProp-BRHiEwyk.js → extendSxProp-DCdWqtQk.js} +1 -1
  77. package/dist/index.cjs.js +1 -1
  78. package/dist/index.es.js +20 -10
  79. package/dist/ownerWindow-BoRkeomM.js +23 -0
  80. package/dist/ownerWindow-Dk_4aaak.cjs +1 -0
  81. package/dist/refType-dllUCpD8.cjs +1 -0
  82. package/dist/refType-hKctx4k0.js +29 -0
  83. package/dist/useControlled-BsLcOmhe.js +48 -0
  84. package/dist/useControlled-jN3fqFfv.cjs +3 -0
  85. package/dist/useForkRef-CGd3Nhyb.cjs +1 -0
  86. package/dist/useForkRef-DwN_Iz9R.js +17 -0
  87. package/dist/useIsFocusVisible-BF0lT08B.cjs +1 -0
  88. package/dist/useIsFocusVisible-D8ksiuhS.js +69 -0
  89. package/dist/useTheme-BZek68TX.js +9 -0
  90. package/dist/useTheme-C-LTLVMt.cjs +1 -0
  91. package/dist/{useThemeProps-CDriK9TK.cjs → useThemeProps-C6ClLEqN.cjs} +14 -14
  92. package/dist/{useThemeProps-B6yTTpAe.js → useThemeProps-CHytz5pp.js} +741 -714
  93. package/dist/useTimeout-KN97abZR.js +47 -0
  94. package/dist/useTimeout-qjxkiZZn.cjs +1 -0
  95. package/package.json +2 -1
  96. package/dist/ButtonBase-CKfcGhaU.js +0 -892
  97. package/dist/ButtonBase-Cg8cBMzO.cjs +0 -75
  98. package/dist/Input-CAb0EFzc.cjs +0 -1
  99. package/dist/InputBase-CKlCw9fj.cjs +0 -4
  100. package/dist/useForkRef-82uiK71d.cjs +0 -1
  101. package/dist/useForkRef-CLcOhrzI.js +0 -44
  102. package/dist/useTheme-BWRyHzdn.js +0 -65
  103. package/dist/useTheme-BpLcDNG1.cjs +0 -1
@@ -0,0 +1,4 @@
1
+ "use strict";const e=require("./useThemeProps-C6ClLEqN.cjs"),De=require("react"),P=require("react/jsx-runtime"),D=require("./useForkRef-CGd3Nhyb.cjs"),He=require("react-dom"),oe=require("./ownerWindow-Dk_4aaak.cjs"),fe=require("./refType-dllUCpD8.cjs"),We=require("@emotion/react");function he(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 p=he(De),Ve=he(He);function Le(o){return o==null||Object.keys(o).length===0}function Te(o){const{styles:n,defaultTheme:t={}}=o,r=typeof n=="function"?s=>n(Le(s)?t:s):n;return P.jsx(We.Global,{styles:r})}process.env.NODE_ENV!=="production"&&(Te.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function be({styles:o,themeId:n,defaultTheme:t={}}){const r=e.useTheme(t),s=typeof o=="function"?o(n&&r[n]||r):o;return P.jsx(Te,{styles:s})}process.env.NODE_ENV!=="production"&&(be.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 $(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 ye(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflow}const Pe=p.forwardRef(function(n,t){const{onChange:r,maxRows:s,minRows:d=1,style:z,value:S}=n,k=e._objectWithoutPropertiesLoose(n,$e),{current:R}=p.useRef(S!=null),w=p.useRef(null),_=D.useForkRef(t,w),g=p.useRef(null),h=p.useRef(0),[O,A]=p.useState({outerHeightStyle:0}),F=p.useCallback(()=>{const u=w.current,a=oe.ownerWindow(u).getComputedStyle(u);if(a.width==="0px")return{outerHeightStyle:0};const c=g.current;c.style.width=a.width,c.value=u.value||n.placeholder||"x",c.value.slice(-1)===`
2
+ `&&(c.value+=" ");const b=a.boxSizing,E=$(a.paddingBottom)+$(a.paddingTop),N=$(a.borderBottomWidth)+$(a.borderTopWidth),x=c.scrollHeight;c.value="x";const C=c.scrollHeight;let y=x;d&&(y=Math.max(Number(d)*C,y)),s&&(y=Math.min(Number(s)*C,y)),y=Math.max(y,C);const G=y+(b==="border-box"?E+N:0),B=Math.abs(y-x)<=1;return{outerHeightStyle:G,overflow:B}},[s,d,n.placeholder]),H=(u,T)=>{const{outerHeightStyle:a,overflow:c}=T;return h.current<20&&(a>0&&Math.abs((u.outerHeightStyle||0)-a)>1||u.overflow!==c)?(h.current+=1,{overflow:c,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=p.useCallback(()=>{const u=F();ye(u)||A(T=>H(T,u))},[F]);D.useEnhancedEffect(()=>{const u=()=>{const C=F();ye(C)||Ve.flushSync(()=>{A(y=>H(y,C))})},T=()=>{h.current=0,u()};let a;const c=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(()=>{T()})},b=oe.debounce(T),E=w.current,N=oe.ownerWindow(E);N.addEventListener("resize",b);let x;return typeof ResizeObserver<"u"&&(x=new ResizeObserver(process.env.NODE_ENV==="test"?c:T),x.observe(E)),()=>{b.clear(),cancelAnimationFrame(a),N.removeEventListener("resize",b),x&&x.disconnect()}},[F]),D.useEnhancedEffect(()=>{f()}),p.useEffect(()=>{h.current=0},[S]);const U=u=>{h.current=0,R||f(),r&&r(u)};return P.jsxs(p.Fragment,{children:[P.jsx("textarea",e._extends({value:S,onChange:U,ref:_,rows:d,style:e._extends({height:O.outerHeightStyle,overflow:O.overflow?"hidden":void 0},z)},k)),P.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:g,tabIndex:-1,style:e._extends({},qe.shadow,z,{paddingTop:0,paddingBottom:0})})]})});process.env.NODE_ENV!=="production"&&(Pe.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 ge({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 xe=p.createContext(void 0);process.env.NODE_ENV!=="production"&&(xe.displayName="FormControlContext");const te=xe;function we(){return p.useContext(te)}function ve(o){return P.jsx(be,e._extends({},o,{defaultTheme:e.defaultTheme,themeId:e.THEME_ID}))}process.env.NODE_ENV!=="production"&&(ve.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function me(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function Ce(o,n=!1){return o&&(me(o.value)&&o.value!==""||n&&me(o.defaultValue)&&o.defaultValue!=="")}function Ue(o){return o.startAdornment}function Ge(o){return e.generateUtilityClass("MuiInputBase",o)}const Ke=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]),q=Ke,Ye=["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"],Se=(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]},Re=(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]},Ze=o=>{const{classes:n,color:t,disabled:r,error:s,endAdornment:d,focused:z,formControl:S,fullWidth:k,hiddenLabel:R,multiline:w,readOnly:_,size:g,startAdornment:h,type:O}=o,A={root:["root",`color${e.capitalize(t)}`,r&&"disabled",s&&"error",k&&"fullWidth",z&&"focused",S&&"formControl",g&&g!=="medium"&&`size${e.capitalize(g)}`,w&&"multiline",h&&"adornedStart",d&&"adornedEnd",R&&"hiddenLabel",_&&"readOnly"],input:["input",r&&"disabled",O==="search"&&"inputTypeSearch",w&&"inputMultiline",g==="small"&&"inputSizeSmall",R&&"inputHiddenLabel",h&&"inputAdornedStart",d&&"inputAdornedEnd",_&&"readOnly"]};return e.composeClasses(A,Ge,n)},Oe=e.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:Se})(({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",[`&.${q.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%"})),Ee=e.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Re})(({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"},d=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] + .${q.formControl} &`]:{"&::-webkit-input-placeholder":s,"&::-moz-placeholder":s,"&:-ms-input-placeholder":s,"&::-ms-input-placeholder":s,"&:focus::-webkit-input-placeholder":d,"&:focus::-moz-placeholder":d,"&:focus:-ms-input-placeholder":d,"&:focus::-ms-input-placeholder":d},[`&.${q.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"})}),Je=P.jsx(ve,{styles:{"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}}),Ne=p.forwardRef(function(n,t){var r;const s=e.useThemeProps({props:n,name:"MuiInputBase"}),{"aria-describedby":d,autoComplete:z,autoFocus:S,className:k,components:R={},componentsProps:w={},defaultValue:_,disabled:g,disableInjectingGlobalStyles:h,endAdornment:O,fullWidth:A=!1,id:F,inputComponent:H="input",inputProps:f={},inputRef:U,maxRows:u,minRows:T,multiline:a=!1,name:c,onBlur:b,onChange:E,onClick:N,onFocus:x,onKeyDown:C,onKeyUp:y,placeholder:G,readOnly:B,renderSuffix:re,rows:W,slotProps:se={},slots:ie={},startAdornment:j,type:pe="text",value:ze}=s,_e=e._objectWithoutPropertiesLoose(s,Ye),V=f.value!=null?f.value:ze,{current:K}=p.useRef(V!=null),I=p.useRef(),Ae=p.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
+ `))},[]),Fe=D.useForkRef(I,U,f.ref,Ae),[Y,Z]=p.useState(!1),l=we();process.env.NODE_ENV!=="production"&&p.useEffect(()=>{if(l)return l.registerEffect()},[l]);const m=ge({props:s,muiFormControl:l,states:["color","disabled","error","hiddenLabel","size","required","filled"]});m.focused=l?l.focused:Y,p.useEffect(()=>{!l&&g&&Y&&(Z(!1),b&&b())},[l,g,Y,b]);const J=l&&l.onFilled,Q=l&&l.onEmpty,M=p.useCallback(i=>{Ce(i)?J&&J():Q&&Q()},[J,Q]);D.useEnhancedEffect(()=>{K&&M({value:V})},[V,M,K]);const Ie=i=>{if(m.disabled){i.stopPropagation();return}x&&x(i),f.onFocus&&f.onFocus(i),l&&l.onFocus?l.onFocus(i):Z(!0)},ke=i=>{b&&b(i),f.onBlur&&f.onBlur(i),l&&l.onBlur?l.onBlur(i):Z(!1)},Be=(i,...de)=>{if(!K){const ce=i.target||I.current;if(ce==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:ce.value})}f.onChange&&f.onChange(i,...de),E&&E(i,...de)};p.useEffect(()=>{M(I.current)},[]);const je=i=>{I.current&&i.currentTarget===i.target&&I.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=Pe);const Me=i=>{M(i.animationName==="mui-auto-fill-cancel"?I.current:{value:"x"})};p.useEffect(()=>{l&&l.setAdornedStart(!!j)},[l,j]);const L=e._extends({},s,{color:m.color||"primary",disabled:m.disabled,endAdornment:O,error:m.error,focused:m.focused,formControl:l,fullWidth:A,hiddenLabel:m.hiddenLabel,multiline:a,size:m.size,startAdornment:j,type:pe}),le=Ze(L),ae=ie.root||R.Root||Oe,ee=se.root||w.root||{},ue=ie.input||R.Input||Ee;return v=e._extends({},v,(r=se.input)!=null?r:w.input),P.jsxs(p.Fragment,{children:[!h&&Je,P.jsxs(ae,e._extends({},ee,!ne(ae)&&{ownerState:e._extends({},L,ee.ownerState)},{ref:t,onClick:je},_e,{className:e.clsx(le.root,ee.className,k,B&&"MuiInputBase-readOnly"),children:[j,P.jsx(te.Provider,{value:null,children:P.jsx(ue,e._extends({ownerState:L,"aria-invalid":m.error,"aria-describedby":d,autoComplete:z,autoFocus:S,defaultValue:_,disabled:m.disabled,id:F,onAnimationStart:Me,name:c,placeholder:G,readOnly:B,required:m.required,rows:W,value:V,onKeyDown:C,onKeyUp:y,type:pe},v,!ne(ue)&&{as:X,ownerState:e._extends({},L,v.ownerState)},{ref:Fe,className:e.clsx(le.input,v.className,B&&"MuiInputBase-readOnly"),onBlur:ke,onChange:Be,onFocus:Ie}))}),O,re?re(e._extends({},m,{startAdornment:j})):null]}))]})});process.env.NODE_ENV!=="production"&&(Ne.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:fe.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:fe.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 Qe=Ne;exports.FormControlContext=te;exports.InputBase=Qe;exports.InputBaseComponent=Ee;exports.InputBaseRoot=Oe;exports.formControlState=ge;exports.inputBaseClasses=q;exports.inputOverridesResolver=Re;exports.isAdornedStart=Ue;exports.isFilled=Ce;exports.isHostComponent=ne;exports.rootOverridesResolver=Se;exports.useFormControl=we;
@@ -0,0 +1 @@
1
+ "use strict";const o=require("./useThemeProps-C6ClLEqN.cjs"),k=require("react"),P=require("react/jsx-runtime"),w=require("./ButtonBase-XPViWbp_.cjs"),B=require("./createSvgIcon-B7HVs3ZC.cjs");function q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const p=q(k);function I(e){return o.generateUtilityClass("MuiTab",e)}const M=o.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),r=M,z=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],D=e=>{const{classes:s,textColor:t,fullWidth:i,wrapped:f,icon:d,label:u,selected:T,disabled:l}=e,n={root:["root",d&&u&&"labelIcon",`textColor${o.capitalize(t)}`,i&&"fullWidth",f&&"wrapped",T&&"selected",l&&"disabled"],iconWrapper:["iconWrapper"]};return o.composeClasses(n,I,s)},E=o.styled(w.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.root,t.label&&t.icon&&s.labelIcon,s[`textColor${o.capitalize(t.textColor)}`],t.fullWidth&&s.fullWidth,t.wrapped&&s.wrapped]}})(({theme:e,ownerState:s})=>o._extends({},e.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},s.label&&{flexDirection:s.iconPosition==="top"||s.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},s.icon&&s.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${r.iconWrapper}`]:o._extends({},s.iconPosition==="top"&&{marginBottom:6},s.iconPosition==="bottom"&&{marginTop:6},s.iconPosition==="start"&&{marginRight:e.spacing(1)},s.iconPosition==="end"&&{marginLeft:e.spacing(1)})},s.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${r.selected}`]:{opacity:1},[`&.${r.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}},s.textColor==="primary"&&{color:(e.vars||e).palette.text.secondary,[`&.${r.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${r.disabled}`]:{color:(e.vars||e).palette.text.disabled}},s.textColor==="secondary"&&{color:(e.vars||e).palette.text.secondary,[`&.${r.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${r.disabled}`]:{color:(e.vars||e).palette.text.disabled}},s.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},s.wrapped&&{fontSize:e.typography.pxToRem(12)})),v=p.forwardRef(function(s,t){const i=o.useThemeProps({props:s,name:"MuiTab"}),{className:f,disabled:d=!1,disableFocusRipple:u=!1,fullWidth:T,icon:l,iconPosition:n="top",indicator:F,label:b,onChange:y,onClick:x,onFocus:g,selected:a,selectionFollowsFocus:R,textColor:$="inherit",value:C,wrapped:O=!1}=i,j=o._objectWithoutPropertiesLoose(i,z),m=o._extends({},i,{disabled:d,disableFocusRipple:u,selected:a,icon:!!l,iconPosition:n,label:!!b,fullWidth:T,textColor:$,wrapped:O}),h=D(m),W=l&&b&&p.isValidElement(l)?p.cloneElement(l,{className:o.clsx(h.iconWrapper,l.props.className)}):l,_=c=>{!a&&y&&y(c,C),x&&x(c)},N=c=>{R&&!a&&y&&y(c,C),g&&g(c)};return P.jsxs(E,o._extends({focusRipple:!u,className:o.clsx(h.root,f),ref:t,role:"tab","aria-selected":a,disabled:d,onClick:_,onFocus:N,ownerState:m,tabIndex:a?0:-1},j,{children:[n==="top"||n==="start"?P.jsxs(p.Fragment,{children:[W,b]}):P.jsxs(p.Fragment,{children:[b,W]}),F]}))});process.env.NODE_ENV!=="production"&&(v.propTypes={children:B.unsupportedProp,classes:o.PropTypes.object,className:o.PropTypes.string,disabled:o.PropTypes.bool,disableFocusRipple:o.PropTypes.bool,disableRipple:o.PropTypes.bool,icon:o.PropTypes.oneOfType([o.PropTypes.element,o.PropTypes.string]),iconPosition:o.PropTypes.oneOf(["bottom","end","start","top"]),label:o.PropTypes.node,onChange:o.PropTypes.func,onClick:o.PropTypes.func,onFocus:o.PropTypes.func,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),value:o.PropTypes.any,wrapped:o.PropTypes.bool});const U=v;exports.Tab=U;
@@ -0,0 +1,237 @@
1
+ import { g as _, c as E, s as M, e as R, a as x, f as U, _ as H, h as F, P as i, j as z } from "./useThemeProps-CHytz5pp.js";
2
+ import * as p from "react";
3
+ import { jsxs as C } from "react/jsx-runtime";
4
+ import { B as D } from "./ButtonBase-C5_-KI-D.js";
5
+ import { u as L } from "./createSvgIcon-D3HDfwCm.js";
6
+ function V(o) {
7
+ return E("MuiTab", o);
8
+ }
9
+ const A = _("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), a = A, G = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], q = (o) => {
10
+ const {
11
+ classes: e,
12
+ textColor: s,
13
+ fullWidth: t,
14
+ wrapped: m,
15
+ icon: d,
16
+ label: b,
17
+ selected: g,
18
+ disabled: l
19
+ } = o, n = {
20
+ root: ["root", d && b && "labelIcon", `textColor${R(s)}`, t && "fullWidth", m && "wrapped", g && "selected", l && "disabled"],
21
+ iconWrapper: ["iconWrapper"]
22
+ };
23
+ return z(n, V, e);
24
+ }, J = M(D, {
25
+ name: "MuiTab",
26
+ slot: "Root",
27
+ overridesResolver: (o, e) => {
28
+ const {
29
+ ownerState: s
30
+ } = o;
31
+ return [e.root, s.label && s.icon && e.labelIcon, e[`textColor${R(s.textColor)}`], s.fullWidth && e.fullWidth, s.wrapped && e.wrapped];
32
+ }
33
+ })(({
34
+ theme: o,
35
+ ownerState: e
36
+ }) => x({}, o.typography.button, {
37
+ maxWidth: 360,
38
+ minWidth: 90,
39
+ position: "relative",
40
+ minHeight: 48,
41
+ flexShrink: 0,
42
+ padding: "12px 16px",
43
+ overflow: "hidden",
44
+ whiteSpace: "normal",
45
+ textAlign: "center"
46
+ }, e.label && {
47
+ flexDirection: e.iconPosition === "top" || e.iconPosition === "bottom" ? "column" : "row"
48
+ }, {
49
+ lineHeight: 1.25
50
+ }, e.icon && e.label && {
51
+ minHeight: 72,
52
+ paddingTop: 9,
53
+ paddingBottom: 9,
54
+ [`& > .${a.iconWrapper}`]: x({}, e.iconPosition === "top" && {
55
+ marginBottom: 6
56
+ }, e.iconPosition === "bottom" && {
57
+ marginTop: 6
58
+ }, e.iconPosition === "start" && {
59
+ marginRight: o.spacing(1)
60
+ }, e.iconPosition === "end" && {
61
+ marginLeft: o.spacing(1)
62
+ })
63
+ }, e.textColor === "inherit" && {
64
+ color: "inherit",
65
+ opacity: 0.6,
66
+ // same opacity as theme.palette.text.secondary
67
+ [`&.${a.selected}`]: {
68
+ opacity: 1
69
+ },
70
+ [`&.${a.disabled}`]: {
71
+ opacity: (o.vars || o).palette.action.disabledOpacity
72
+ }
73
+ }, e.textColor === "primary" && {
74
+ color: (o.vars || o).palette.text.secondary,
75
+ [`&.${a.selected}`]: {
76
+ color: (o.vars || o).palette.primary.main
77
+ },
78
+ [`&.${a.disabled}`]: {
79
+ color: (o.vars || o).palette.text.disabled
80
+ }
81
+ }, e.textColor === "secondary" && {
82
+ color: (o.vars || o).palette.text.secondary,
83
+ [`&.${a.selected}`]: {
84
+ color: (o.vars || o).palette.secondary.main
85
+ },
86
+ [`&.${a.disabled}`]: {
87
+ color: (o.vars || o).palette.text.disabled
88
+ }
89
+ }, e.fullWidth && {
90
+ flexShrink: 1,
91
+ flexGrow: 1,
92
+ flexBasis: 0,
93
+ maxWidth: "none"
94
+ }, e.wrapped && {
95
+ fontSize: o.typography.pxToRem(12)
96
+ })), $ = /* @__PURE__ */ p.forwardRef(function(e, s) {
97
+ const t = U({
98
+ props: e,
99
+ name: "MuiTab"
100
+ }), {
101
+ className: m,
102
+ disabled: d = !1,
103
+ disableFocusRipple: b = !1,
104
+ // eslint-disable-next-line react/prop-types
105
+ fullWidth: g,
106
+ icon: l,
107
+ iconPosition: n = "top",
108
+ // eslint-disable-next-line react/prop-types
109
+ indicator: N,
110
+ label: u,
111
+ onChange: f,
112
+ onClick: y,
113
+ onFocus: h,
114
+ // eslint-disable-next-line react/prop-types
115
+ selected: c,
116
+ // eslint-disable-next-line react/prop-types
117
+ selectionFollowsFocus: k,
118
+ // eslint-disable-next-line react/prop-types
119
+ textColor: O = "inherit",
120
+ value: T,
121
+ wrapped: j = !1
122
+ } = t, w = H(t, G), W = x({}, t, {
123
+ disabled: d,
124
+ disableFocusRipple: b,
125
+ selected: c,
126
+ icon: !!l,
127
+ iconPosition: n,
128
+ label: !!u,
129
+ fullWidth: g,
130
+ textColor: O,
131
+ wrapped: j
132
+ }), P = q(W), v = l && u && /* @__PURE__ */ p.isValidElement(l) ? /* @__PURE__ */ p.cloneElement(l, {
133
+ className: F(P.iconWrapper, l.props.className)
134
+ }) : l, B = (r) => {
135
+ !c && f && f(r, T), y && y(r);
136
+ }, I = (r) => {
137
+ k && !c && f && f(r, T), h && h(r);
138
+ };
139
+ return /* @__PURE__ */ C(J, x({
140
+ focusRipple: !b,
141
+ className: F(P.root, m),
142
+ ref: s,
143
+ role: "tab",
144
+ "aria-selected": c,
145
+ disabled: d,
146
+ onClick: B,
147
+ onFocus: I,
148
+ ownerState: W,
149
+ tabIndex: c ? 0 : -1
150
+ }, w, {
151
+ children: [n === "top" || n === "start" ? /* @__PURE__ */ C(p.Fragment, {
152
+ children: [v, u]
153
+ }) : /* @__PURE__ */ C(p.Fragment, {
154
+ children: [u, v]
155
+ }), N]
156
+ }));
157
+ });
158
+ process.env.NODE_ENV !== "production" && ($.propTypes = {
159
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
160
+ // │ These PropTypes are generated from the TypeScript type definitions. │
161
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
162
+ // └─────────────────────────────────────────────────────────────────────┘
163
+ /**
164
+ * This prop isn't supported.
165
+ * Use the `component` prop if you need to change the children structure.
166
+ */
167
+ children: L,
168
+ /**
169
+ * Override or extend the styles applied to the component.
170
+ */
171
+ classes: i.object,
172
+ /**
173
+ * @ignore
174
+ */
175
+ className: i.string,
176
+ /**
177
+ * If `true`, the component is disabled.
178
+ * @default false
179
+ */
180
+ disabled: i.bool,
181
+ /**
182
+ * If `true`, the keyboard focus ripple is disabled.
183
+ * @default false
184
+ */
185
+ disableFocusRipple: i.bool,
186
+ /**
187
+ * If `true`, the ripple effect is disabled.
188
+ *
189
+ * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
190
+ * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
191
+ * @default false
192
+ */
193
+ disableRipple: i.bool,
194
+ /**
195
+ * The icon to display.
196
+ */
197
+ icon: i.oneOfType([i.element, i.string]),
198
+ /**
199
+ * The position of the icon relative to the label.
200
+ * @default 'top'
201
+ */
202
+ iconPosition: i.oneOf(["bottom", "end", "start", "top"]),
203
+ /**
204
+ * The label element.
205
+ */
206
+ label: i.node,
207
+ /**
208
+ * @ignore
209
+ */
210
+ onChange: i.func,
211
+ /**
212
+ * @ignore
213
+ */
214
+ onClick: i.func,
215
+ /**
216
+ * @ignore
217
+ */
218
+ onFocus: i.func,
219
+ /**
220
+ * The system prop that allows defining system overrides as well as additional CSS styles.
221
+ */
222
+ sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
223
+ /**
224
+ * You can provide your own value. Otherwise, we fallback to the child position index.
225
+ */
226
+ value: i.any,
227
+ /**
228
+ * Tab labels appear in a single row.
229
+ * They can use a second line if needed.
230
+ * @default false
231
+ */
232
+ wrapped: i.bool
233
+ });
234
+ const Z = $;
235
+ export {
236
+ Z as T
237
+ };
@@ -0,0 +1,14 @@
1
+ import p from "react";
2
+ function e(t, o) {
3
+ return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) {
4
+ return r.__proto__ = n, r;
5
+ }, e(t, o);
6
+ }
7
+ function f(t, o) {
8
+ t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
9
+ }
10
+ const i = p.createContext(null);
11
+ export {
12
+ i as T,
13
+ f as _
14
+ };
@@ -0,0 +1 @@
1
+ "use strict";const c=require("react");function e(t,o){return e=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},e(t,o)}function i(t,o){t.prototype=Object.create(o.prototype),t.prototype.constructor=t,e(t,o)}const p=c.createContext(null);exports.TransitionGroupContext=p;exports._inheritsLoose=i;
@@ -0,0 +1 @@
1
+ "use strict";const t=require("./useThemeProps-C6ClLEqN.cjs"),v=require("react"),x=require("react/jsx-runtime"),O=require("./extendSxProp-D5gpnasP.cjs");function j(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(e,r,a.get?a:{enumerable:!0,get:()=>o[r]})}}return e.default=o,Object.freeze(e)}const B=j(v);function W(o){return t.generateUtilityClass("MuiTypography",o)}t.generateUtilityClasses("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);const _=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],M=o=>{const{align:e,gutterBottom:r,noWrap:a,paragraph:p,variant:n,classes:s}=o,i={root:["root",n,o.align!=="inherit"&&`align${t.capitalize(e)}`,r&&"gutterBottom",a&&"noWrap",p&&"paragraph"]};return t.composeClasses(i,W,s)},C=t.styled("span",{name:"MuiTypography",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:r}=o;return[e.root,r.variant&&e[r.variant],r.align!=="inherit"&&e[`align${t.capitalize(r.align)}`],r.noWrap&&e.noWrap,r.gutterBottom&&e.gutterBottom,r.paragraph&&e.paragraph]}})(({theme:o,ownerState:e})=>t._extends({margin:0},e.variant==="inherit"&&{font:"inherit"},e.variant!=="inherit"&&o.typography[e.variant],e.align!=="inherit"&&{textAlign:e.align},e.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},e.gutterBottom&&{marginBottom:"0.35em"},e.paragraph&&{marginBottom:16})),u={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},N={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},R=o=>N[o]||o,m=B.forwardRef(function(e,r){const a=t.useThemeProps({props:e,name:"MuiTypography"}),p=R(a.color),n=O.extendSxProp(t._extends({},a,{color:p})),{align:s="inherit",className:i,component:l,gutterBottom:T=!1,noWrap:d=!1,paragraph:y=!1,variant:c="body1",variantMapping:h=u}=n,f=t._objectWithoutPropertiesLoose(n,_),g=t._extends({},n,{align:s,color:p,className:i,component:l,gutterBottom:T,noWrap:d,paragraph:y,variant:c,variantMapping:h}),b=l||(y?"p":h[c]||u[c])||"span",P=M(g);return x.jsx(C,t._extends({as:b,ref:r,ownerState:g,className:t.clsx(P.root,i)},f))});process.env.NODE_ENV!=="production"&&(m.propTypes={align:t.PropTypes.oneOf(["center","inherit","justify","left","right"]),children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,component:t.PropTypes.elementType,gutterBottom:t.PropTypes.bool,noWrap:t.PropTypes.bool,paragraph:t.PropTypes.bool,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),t.PropTypes.string]),variantMapping:t.PropTypes.object});const q=m;exports.Typography=q;
@@ -0,0 +1,177 @@
1
+ import { c as W, g as j, s as C, e as f, a as s, f as M, _ as O, h as P, P as t, j as N } from "./useThemeProps-CHytz5pp.js";
2
+ import * as R from "react";
3
+ import { jsx as _ } from "react/jsx-runtime";
4
+ import { e as U } from "./extendSxProp-DCdWqtQk.js";
5
+ function $(a) {
6
+ return W("MuiTypography", a);
7
+ }
8
+ j("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
9
+ const D = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], E = (a) => {
10
+ const {
11
+ align: o,
12
+ gutterBottom: r,
13
+ noWrap: e,
14
+ paragraph: i,
15
+ variant: n,
16
+ classes: h
17
+ } = a, p = {
18
+ root: ["root", n, a.align !== "inherit" && `align${f(o)}`, r && "gutterBottom", e && "noWrap", i && "paragraph"]
19
+ };
20
+ return N(p, $, h);
21
+ }, L = C("span", {
22
+ name: "MuiTypography",
23
+ slot: "Root",
24
+ overridesResolver: (a, o) => {
25
+ const {
26
+ ownerState: r
27
+ } = a;
28
+ return [o.root, r.variant && o[r.variant], r.align !== "inherit" && o[`align${f(r.align)}`], r.noWrap && o.noWrap, r.gutterBottom && o.gutterBottom, r.paragraph && o.paragraph];
29
+ }
30
+ })(({
31
+ theme: a,
32
+ ownerState: o
33
+ }) => s({
34
+ margin: 0
35
+ }, o.variant === "inherit" && {
36
+ // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
37
+ font: "inherit"
38
+ }, o.variant !== "inherit" && a.typography[o.variant], o.align !== "inherit" && {
39
+ textAlign: o.align
40
+ }, o.noWrap && {
41
+ overflow: "hidden",
42
+ textOverflow: "ellipsis",
43
+ whiteSpace: "nowrap"
44
+ }, o.gutterBottom && {
45
+ marginBottom: "0.35em"
46
+ }, o.paragraph && {
47
+ marginBottom: 16
48
+ })), u = {
49
+ h1: "h1",
50
+ h2: "h2",
51
+ h3: "h3",
52
+ h4: "h4",
53
+ h5: "h5",
54
+ h6: "h6",
55
+ subtitle1: "h6",
56
+ subtitle2: "h6",
57
+ body1: "p",
58
+ body2: "p",
59
+ inherit: "p"
60
+ }, V = {
61
+ primary: "primary.main",
62
+ textPrimary: "text.primary",
63
+ secondary: "secondary.main",
64
+ textSecondary: "text.secondary",
65
+ error: "error.main"
66
+ }, z = (a) => V[a] || a, d = /* @__PURE__ */ R.forwardRef(function(o, r) {
67
+ const e = M({
68
+ props: o,
69
+ name: "MuiTypography"
70
+ }), i = z(e.color), n = U(s({}, e, {
71
+ color: i
72
+ })), {
73
+ align: h = "inherit",
74
+ className: p,
75
+ component: g,
76
+ gutterBottom: b = !1,
77
+ noWrap: v = !1,
78
+ paragraph: c = !1,
79
+ variant: l = "body1",
80
+ variantMapping: m = u
81
+ } = n, T = O(n, D), y = s({}, n, {
82
+ align: h,
83
+ color: i,
84
+ className: p,
85
+ component: g,
86
+ gutterBottom: b,
87
+ noWrap: v,
88
+ paragraph: c,
89
+ variant: l,
90
+ variantMapping: m
91
+ }), x = g || (c ? "p" : m[l] || u[l]) || "span", B = E(y);
92
+ return /* @__PURE__ */ _(L, s({
93
+ as: x,
94
+ ref: r,
95
+ ownerState: y,
96
+ className: P(B.root, p)
97
+ }, T));
98
+ });
99
+ process.env.NODE_ENV !== "production" && (d.propTypes = {
100
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
101
+ // │ These PropTypes are generated from the TypeScript type definitions. │
102
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
103
+ // └─────────────────────────────────────────────────────────────────────┘
104
+ /**
105
+ * Set the text-align on the component.
106
+ * @default 'inherit'
107
+ */
108
+ align: t.oneOf(["center", "inherit", "justify", "left", "right"]),
109
+ /**
110
+ * The content of the component.
111
+ */
112
+ children: t.node,
113
+ /**
114
+ * Override or extend the styles applied to the component.
115
+ */
116
+ classes: t.object,
117
+ /**
118
+ * @ignore
119
+ */
120
+ className: t.string,
121
+ /**
122
+ * The component used for the root node.
123
+ * Either a string to use a HTML element or a component.
124
+ */
125
+ component: t.elementType,
126
+ /**
127
+ * If `true`, the text will have a bottom margin.
128
+ * @default false
129
+ */
130
+ gutterBottom: t.bool,
131
+ /**
132
+ * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
133
+ *
134
+ * Note that text overflow can only happen with block or inline-block level elements
135
+ * (the element needs to have a width in order to overflow).
136
+ * @default false
137
+ */
138
+ noWrap: t.bool,
139
+ /**
140
+ * If `true`, the element will be a paragraph element.
141
+ * @default false
142
+ */
143
+ paragraph: t.bool,
144
+ /**
145
+ * The system prop that allows defining system overrides as well as additional CSS styles.
146
+ */
147
+ sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
148
+ /**
149
+ * Applies the theme typography styles.
150
+ * @default 'body1'
151
+ */
152
+ variant: t.oneOfType([t.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), t.string]),
153
+ /**
154
+ * The component maps the variant prop to a range of different HTML element types.
155
+ * For instance, subtitle1 to `<h6>`.
156
+ * If you wish to change that mapping, you can provide your own.
157
+ * Alternatively, you can use the `component` prop.
158
+ * @default {
159
+ * h1: 'h1',
160
+ * h2: 'h2',
161
+ * h3: 'h3',
162
+ * h4: 'h4',
163
+ * h5: 'h5',
164
+ * h6: 'h6',
165
+ * subtitle1: 'h6',
166
+ * subtitle2: 'h6',
167
+ * body1: 'p',
168
+ * body2: 'p',
169
+ * inherit: 'p',
170
+ * }
171
+ */
172
+ variantMapping: t.object
173
+ });
174
+ const q = d;
175
+ export {
176
+ q as T
177
+ };
@@ -1 +1 @@
1
- *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.rounded{border-radius:.25rem}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.font-bold{font-weight:700}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}
1
+ *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.flex{display:flex}.w-full{width:100%}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-start{text-align:start}.font-bold{font-weight:700}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}
@@ -1 +1 @@
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
+ "use strict";const e=require("react/jsx-runtime"),n=require("../../useTheme-C-LTLVMt.cjs"),o=require("../../ButtonBase-XPViWbp_.cjs"),r=require("../../Input-DHic6dYE.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,7 +1,7 @@
1
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";
2
+ import { u as r } from "../../useTheme-BZek68TX.js";
3
+ import { B as n } from "../../ButtonBase-C5_-KI-D.js";
4
+ import { I as m } from "../../Input-CGU1Xw4s.js";
5
5
  const i = () => {
6
6
  const o = r();
7
7
  return /* @__PURE__ */ t("div", { children: [
@@ -1 +1 @@
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
+ "use strict";const a=require("react/jsx-runtime"),S=require("react"),e=require("../../useThemeProps-C6ClLEqN.cjs"),C=require("../../useTheme-C-LTLVMt.cjs"),V=require("../../extendSxProp-D5gpnasP.cjs"),P=require("../../Button-wMPAZpnO.cjs");function D(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=D(S),N=e.createStyled(),R=["component","direction","spacing","divider","children","className","useFlexGap"],_=e.createTheme(),q=N("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return e.useThemeProps$1({props:o,name:"MuiStack",defaultTheme:_})}function w(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 E=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],F=({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${E(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 M(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:t="MuiStack"}=o,i=()=>{const u={root:["root"]};return e.composeClasses(u,n=>e.generateUtilityClass(t,n),{})},p=r(F),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,R),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?w(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=M({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=g,U=e.styled("button")(({theme:o})=>({backgroundColor:o.palette.primary.main})),A=()=>{const o=C.useTheme();return a.jsxs(G,{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,10 +1,10 @@
1
1
  import { jsx as l, jsxs as D } from "react/jsx-runtime";
2
2
  import * as v from "react";
3
- import { j as F, P as e, k as E, a as k, l as O, m as f, n as _, c as w, o as G, _ as M, h as $, p as U, e as A, b as L, q as T, s as j, u as q } from "../../useThemeProps-B6yTTpAe.js";
4
- import { u as I } from "../../useTheme-BWRyHzdn.js";
5
- import { e as W } from "../../extendSxProp-BRHiEwyk.js";
6
- import { B as y } from "../../Button-X7eWZQfX.js";
7
- const z = F(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], J = E(), K = z("div", {
3
+ import { m as F, P as e, n as w, a as k, o as b, p as f, q as E, k as _, t as G, _ as M, h as $, v as U, j as A, c as L, w as T, s as j, f as q } from "../../useThemeProps-CHytz5pp.js";
4
+ import { u as I } from "../../useTheme-BZek68TX.js";
5
+ import { e as W } from "../../extendSxProp-DCdWqtQk.js";
6
+ import { B as y } from "../../Button-C5ROgtyW.js";
7
+ const z = F(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], J = w(), K = z("div", {
8
8
  name: "MuiStack",
9
9
  slot: "Root",
10
10
  overridesResolver: (o, r) => r.root
@@ -34,7 +34,7 @@ const Y = (o) => ({
34
34
  let c = k({
35
35
  display: "flex",
36
36
  flexDirection: "column"
37
- }, O({
37
+ }, b({
38
38
  theme: r
39
39
  }, f({
40
40
  values: o.direction,
@@ -43,7 +43,7 @@ const Y = (o) => ({
43
43
  flexDirection: a
44
44
  })));
45
45
  if (o.spacing) {
46
- const a = _(r), i = Object.keys(r.breakpoints.values).reduce((n, s) => ((typeof o.spacing == "object" && o.spacing[s] != null || typeof o.direction == "object" && o.direction[s] != null) && (n[s] = !0), n), {}), t = f({
46
+ const a = E(r), i = Object.keys(r.breakpoints.values).reduce((n, s) => ((typeof o.spacing == "object" && o.spacing[s] != null || typeof o.direction == "object" && o.direction[s] != null) && (n[s] = !0), n), {}), t = f({
47
47
  values: o.direction,
48
48
  base: i
49
49
  }), u = f({
@@ -55,7 +55,7 @@ const Y = (o) => ({
55
55
  const m = s > 0 ? t[p[s - 1]] : "column";
56
56
  t[n] = m;
57
57
  }
58
- }), c = w(c, O({
58
+ }), c = _(c, b({
59
59
  theme: r
60
60
  }, u, (n, s) => o.useFlexGap ? {
61
61
  gap: T(a, n)
@@ -86,7 +86,7 @@ function ee(o = {}) {
86
86
  direction: C = "column",
87
87
  spacing: P = 0,
88
88
  divider: h,
89
- children: b,
89
+ children: O,
90
90
  className: S,
91
91
  useFlexGap: B = !1
92
92
  } = d, V = M(d, H), N = {
@@ -100,7 +100,7 @@ function ee(o = {}) {
100
100
  ref: s,
101
101
  className: $(R.root, S)
102
102
  }, V, {
103
- children: h ? X(b, h) : b
103
+ children: h ? X(O, h) : O
104
104
  }));
105
105
  });
106
106
  return process.env.NODE_ENV !== "production" && (u.propTypes = {
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("./BasicButtons.cjs.js"),a={title:"Components/BasicButtons",component:e,argTypes:{}},t=s=>r.jsx(e,{...s}),o=t.bind({});o.args={label:"Primary Button"};const n=t.bind({});n.args={label:"Secondary Button",secondary:!0};exports.Primary=o;exports.Secondary=n;exports.default=a;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("./BasicButtons.cjs.js"),a={title:"Components/BasicButtons",component:e,argTypes:{}},t=n=>s.jsx(e,{...n}),o=t.bind({});o.args={label:"Primary Button"};const r=t.bind({});r.args={label:"Secondary Button",secondary:!0};exports.Primary=o;exports.Secondary=r;exports.default=a;