@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.
- package/dist/{Button-X7eWZQfX.js → Button-C5ROgtyW.js} +12 -12
- package/dist/{Button-Tkz5NkF_.cjs → Button-wMPAZpnO.cjs} +1 -1
- package/dist/ButtonBase-C5_-KI-D.js +831 -0
- package/dist/ButtonBase-XPViWbp_.cjs +75 -0
- package/dist/DefaultButton-BD9W4fvr.cjs +28 -0
- package/dist/DefaultButton-BlGFPRC7.js +439 -0
- package/dist/{Input-CbYjsRHK.js → Input-CGU1Xw4s.js} +10 -10
- package/dist/Input-DHic6dYE.cjs +1 -0
- package/dist/{InputBase-B13Nzzhk.js → InputBase-D8YZOKOt.js} +138 -157
- package/dist/InputBase-WBNJQn8V.cjs +4 -0
- package/dist/Tab-C2Tmr8Sv.cjs +1 -0
- package/dist/Tab-Dgd9jYEq.js +237 -0
- package/dist/TransitionGroupContext-C7wWJ6l7.js +14 -0
- package/dist/TransitionGroupContext-g4tmk10h.cjs +1 -0
- package/dist/Typography-CO64FVmw.cjs +1 -0
- package/dist/Typography-Di0hlj32.js +177 -0
- package/dist/assets/index.css +1 -1
- package/dist/components/AnotherComponent/AnotherComponent.cjs.js +1 -1
- package/dist/components/AnotherComponent/AnotherComponent.es.js +3 -3
- package/dist/components/BasicButtons/BasicButtons.cjs.js +1 -1
- package/dist/components/BasicButtons/BasicButtons.es.js +10 -10
- package/dist/components/BasicButtons/BasicButtons.stories.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.cjs.js +5 -0
- package/dist/components/Dropzone/Dropzone.d.ts +9 -0
- package/dist/components/Dropzone/Dropzone.es.js +1209 -0
- package/dist/components/Dropzone/index.cjs.js +1 -0
- package/dist/components/Dropzone/index.d.ts +2 -0
- package/dist/components/Dropzone/index.es.js +4 -0
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +1 -28
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +7 -436
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +8 -8
- package/dist/components/buttons/DefaultButton/index.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/index.es.js +2 -2
- package/dist/components/buttons/IconButton/IconButton.cjs.js +2 -0
- package/dist/components/buttons/IconButton/IconButton.d.ts +5 -0
- package/dist/components/buttons/IconButton/IconButton.es.js +187 -0
- package/dist/components/buttons/IconButton/index.cjs.js +1 -0
- package/dist/components/buttons/IconButton/index.d.ts +2 -0
- package/dist/components/buttons/IconButton/index.es.js +4 -0
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +4 -4
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +2 -2
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +1 -1
- package/dist/components/buttons/index.cjs.js +1 -1
- package/dist/components/buttons/index.d.ts +1 -0
- package/dist/components/buttons/index.es.js +8 -6
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.es.js +22 -12
- package/dist/components/inputs/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/SearchInput.es.js +77 -247
- package/dist/components/inputs/TextInput/TextInput.cjs.js +11 -13
- package/dist/components/inputs/TextInput/TextInput.es.js +367 -404
- package/dist/components/lists/FileList/FileList.cjs.js +1 -0
- package/dist/components/lists/FileList/FileList.d.ts +7 -0
- package/dist/components/lists/FileList/FileList.es.js +19 -0
- package/dist/components/lists/FileList/FileListItem.cjs.js +1 -0
- package/dist/components/lists/FileList/FileListItem.d.ts +13 -0
- package/dist/components/lists/FileList/FileListItem.es.js +40 -0
- package/dist/components/lists/FileList/index.cjs.js +1 -0
- package/dist/components/lists/FileList/index.d.ts +4 -0
- package/dist/components/lists/FileList/index.es.js +6 -0
- package/dist/components/lists/index.cjs.js +1 -0
- package/dist/components/lists/index.d.ts +1 -0
- package/dist/components/lists/index.es.js +6 -0
- package/dist/createSvgIcon-B7HVs3ZC.cjs +2 -0
- package/dist/{createSvgIcon-jvI3LIfI.cjs → createSvgIcon-BivvPRyr.cjs} +1 -1
- package/dist/createSvgIcon-D3HDfwCm.js +143 -0
- package/dist/{createSvgIcon-qXNZi4k1.js → createSvgIcon-D4Mxh_r9.js} +14 -14
- package/dist/{extendSxProp-CvhhU9Vb.cjs → extendSxProp-D5gpnasP.cjs} +1 -1
- package/dist/{extendSxProp-BRHiEwyk.js → extendSxProp-DCdWqtQk.js} +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +20 -10
- package/dist/ownerWindow-BoRkeomM.js +23 -0
- package/dist/ownerWindow-Dk_4aaak.cjs +1 -0
- package/dist/refType-dllUCpD8.cjs +1 -0
- package/dist/refType-hKctx4k0.js +29 -0
- package/dist/useControlled-BsLcOmhe.js +48 -0
- package/dist/useControlled-jN3fqFfv.cjs +3 -0
- package/dist/useForkRef-CGd3Nhyb.cjs +1 -0
- package/dist/useForkRef-DwN_Iz9R.js +17 -0
- package/dist/useIsFocusVisible-BF0lT08B.cjs +1 -0
- package/dist/useIsFocusVisible-D8ksiuhS.js +69 -0
- package/dist/useTheme-BZek68TX.js +9 -0
- package/dist/useTheme-C-LTLVMt.cjs +1 -0
- package/dist/{useThemeProps-CDriK9TK.cjs → useThemeProps-C6ClLEqN.cjs} +14 -14
- package/dist/{useThemeProps-B6yTTpAe.js → useThemeProps-CHytz5pp.js} +741 -714
- package/dist/useTimeout-KN97abZR.js +47 -0
- package/dist/useTimeout-qjxkiZZn.cjs +1 -0
- package/package.json +2 -1
- package/dist/ButtonBase-CKfcGhaU.js +0 -892
- package/dist/ButtonBase-Cg8cBMzO.cjs +0 -75
- package/dist/Input-CAb0EFzc.cjs +0 -1
- package/dist/InputBase-CKlCw9fj.cjs +0 -4
- package/dist/useForkRef-82uiK71d.cjs +0 -1
- package/dist/useForkRef-CLcOhrzI.js +0 -44
- package/dist/useTheme-BWRyHzdn.js +0 -65
- 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
|
+
};
|
package/dist/assets/index.css
CHANGED
|
@@ -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-
|
|
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-
|
|
3
|
-
import { B as n } from "../../ButtonBase-
|
|
4
|
-
import { I as m } from "../../Input-
|
|
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-
|
|
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 {
|
|
4
|
-
import { u as I } from "../../useTheme-
|
|
5
|
-
import { e as W } from "../../extendSxProp-
|
|
6
|
-
import { B as y } from "../../Button-
|
|
7
|
-
const z = F(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], J =
|
|
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
|
-
},
|
|
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 =
|
|
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 =
|
|
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:
|
|
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(
|
|
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
|
|
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;
|