@max-ts/components 1.7.0 → 1.8.0

package/lib/hooks/useToggle/index.js

@@ -0,0 +1 @@
+export*from"./useToggle.js";

package/lib/hooks/useToggle/useToggle.js

@@ -0,0 +1 @@
+import{useState as e}from"react";let r=r=>{let{initialState:t=!1,onInactive:o,onActive:l}=r||{},[g,m]=e(t);return[g,(...e)=>{m(!0),l?.(...e)},(...e)=>{m(!1),o?.(...e)}]};export{r as useToggle};

package/lib/hooks/useViewportType/index.js

@@ -0,0 +1 @@
+export*from"./useViewportType.js";

package/lib/hooks/useViewportType/useViewportType.js

@@ -0,0 +1 @@
+import{useMediaQuery as e,useTheme as i}from"@mui/material";let o=()=>({isMobile:e(i().breakpoints.down("sm"))});export{o as useViewportType};

package/lib/hooks/useViewportType/useViewportType.stories.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import"react";import{Description as t}from"../../components/index.js";import{useViewportType as i}from"./useViewportType.js";let o={title:"hooks/useViewportType"},s=()=>{let{isMobile:o}=i();return r(t,{children:[e(t.Name,{children:"isMobile"}),e(t.Value,{children:JSON.stringify(o)})]})};export{s as IsMobile,o as default};

package/lib/icons/index.js

@@ -0,0 +1 @@
+export*from"lucide-react";

package/lib/index.js

@@ -0,0 +1 @@
+export*from"./components/index.js";export*from"./form/index.js";export*from"./hooks/index.js";export*from"./theme/index.js";

package/lib/theme/baseTheme/baseTheme.js

@@ -0,0 +1 @@
+import{createTheme as e}from"@mui/material";import{mergeDeep as o}from"remeda";import{defaultBreakpoints as t}from"../breakpoints.js";import{components as r}from"../components/index.js";import{SPACING as m}from"../constants.js";import{elevation as p}from"../elevation.js";import{getPalette as a}from"../palette/index.js";import{shape as i}from"../shape.js";import{getTypography as s}from"../typography.js";let n=n=>{let f=n?.options||{},h=e({breakpoints:n?.breakpoints||t,spacing:m,palette:a(),components:r,shape:i,elevation:p});return o(h,{elevation:p,shape:i,typography:s(h),...f})};export{n as createTheme};

package/lib/theme/baseTheme/index.js

@@ -0,0 +1 @@
+export*from"./baseTheme.js";

package/lib/theme/breakpoints.js

@@ -0,0 +1 @@
+let e={values:{xs:0,sm:600,md:900,lg:1200,xl:1536}};export{e as defaultBreakpoints};

package/lib/theme/components/MuiAlert.js

@@ -0,0 +1 @@
+let t={styleOverrides:{root:({theme:t})=>({fontWeight:"400",padding:t.spacing(3),".MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root)":{padding:t.spacing(3,0)},[t.breakpoints.up("sm")]:{padding:t.spacing(2,4),".MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root)":{padding:0}}}),filledSuccess:({theme:t})=>({backgroundColor:t.palette.success.light,color:t.palette.text.primary,".MuiAlert-icon":{color:t.palette.green["900"]}}),filledError:({theme:t})=>({backgroundColor:t.palette.error.light,color:t.palette.text.primary,".MuiAlert-icon":{color:t.palette.red["900"]}}),filledWarning:({theme:t})=>({backgroundColor:t.palette.warning.light,color:t.palette.text.primary,".MuiAlert-icon":{color:t.palette.yellow["900"]}}),filledInfo:({theme:t})=>({backgroundColor:t.palette.primary["100"],color:t.palette.text.primary,".MuiAlert-icon":{color:t.palette.primary["900"]}}),action:({theme:t})=>({svg:{color:`${t.palette.text.primary} !important`}})}};export{t as MuiAlert};

package/lib/theme/components/MuiAutocomplete.js

@@ -0,0 +1 @@
+import{AutocompleteSizes as t}from"../../components/Autocomplete/enums.js";let e={styleOverrides:{inputRoot:({theme:e,ownerState:{size:n}})=>({paddingTop:`${e.spacing(1)} !important`,paddingBottom:`${e.spacing(1)} !important`,paddingLeft:`${e.spacing(1)} !important`,minHeight:n===t.small?"32px":"40px"}),input:({theme:t})=>({padding:"0 !important",paddingLeft:`${t.spacing(1)} !important`}),popupIndicator:({theme:t})=>({borderRadius:t.shape.small,display:"flex",alignItems:"center",width:32,height:32}),endAdornment:()=>({display:"flex",alignItems:"center",justifyContent:"flex-end"}),paper:({theme:t})=>({marginTop:t.spacing(2)}),noOptions:({theme:t})=>({padding:t.spacing(6,0,6,3),color:t.palette.grey["500"]}),clearIndicator:({theme:t})=>({width:32,height:32,padding:0,color:t.palette.primary.contrastText,"::before":{content:'""',position:"absolute",top:"50%",left:"50%",width:"0.6em",height:"0.6em",backgroundColor:t.palette.grey["500"],transform:"translate(-50%, -50%)",borderRadius:"50%"},".MuiSvgIcon-root":{position:"absolute",top:"50%",left:"50%",width:"0.6em",height:"0.6em",transform:"translate(-50%, -50%)",zIndex:1}}),loading:({theme:t})=>({display:"flex",justifyContent:"center",padding:t.spacing(6,0,6,0)})}};export{e as MuiAutocomplete};

package/lib/theme/components/MuiButton.js

@@ -0,0 +1 @@
+import{buttonClasses as e}from"@mui/material";import{ButtonSizes as t,ButtonStates as a,ButtonVariants as r}from"../../components/Button/index.js";import{LOADING_BUTTON_CLASSNAME as o}from"../../components/Button/constants.js";let l=({type:e,values:t,defaultValue:a})=>e&&t[e]||a,n=e=>l({type:e.size,values:{[t.Large]:"40px"},defaultValue:"32px"}),p=e=>l({type:e.size,values:{[t.Small]:"36px"},defaultValue:"48px"}),i=e=>l({type:e.size,values:{[t.Large]:e.theme.spacing(2,4,2,4)},defaultValue:e.theme.spacing(1,3,1,3)}),u=e=>e.variant===r.Link?"0":l({type:e.size,values:{[t.Small]:e.theme.spacing(2,3)},defaultValue:e.theme.spacing(4,3)}),c=({theme:e,variant:t,color:a,buttonState:o,selected:l})=>{let n={selected:{default:e.palette.grey["900"],hover:e.palette.grey["700"],active:e.palette.grey["800"],focus:e.palette.grey["900"]},light:{error:{default:e.palette.red["900"],hover:e.palette.red["900"],active:e.palette.red["800"],focus:e.palette.red["900"]},success:{default:e.palette.green["900"],hover:e.palette.green["900"],active:e.palette.green["800"],focus:e.palette.green["900"]},primary:{default:e.palette.grey["900"],hover:e.palette.grey["900"],active:e.palette.primary["800"],focus:e.palette.grey["900"]},warning:{default:e.palette.yellow["900"],hover:e.palette.yellow["900"],active:e.palette.yellow["800"],focus:e.palette.yellow["900"]}},contained:e.palette.primary.contrastText,text:{default:e.palette.grey["900"],hover:e.palette.grey["900"],active:e.palette.primary["800"],focus:e.palette.grey["900"]},link:{default:e.palette.primary["800"],hover:e.palette.primary["700"],active:e.palette.primary["900"],focus:e.palette.primary["800"]}};return l?t!==r.Link?e.palette.primary.contrastText:n.selected[o]:t===r.Contained?n.contained:t===r.Light&&a?n.light[a][o]:t===r.Text?n.text[o]:n.link[o]},s=({selected:e,color:t,variant:a,buttonState:o,theme:l})=>{let n={selected:{default:l.palette.primary["900"],hover:l.palette.primary["700"],active:l.palette.primary["800"],focus:l.palette.primary["900"]},light:{error:{default:l.palette.red["100"],hover:l.palette.red["200"],active:l.palette.red["100"],focus:l.palette.red["100"]},success:{default:l.palette.green["100"],hover:l.palette.green["200"],active:l.palette.green["100"],focus:l.palette.green["100"]},primary:{default:l.palette.grey["100"],hover:l.palette.grey["200"],active:l.palette.grey["100"],focus:l.palette.grey["100"]},warning:{default:l.palette.yellow["100"],hover:l.palette.yellow["200"],active:l.palette.yellow["100"],focus:l.palette.yellow["100"]}},contained:{error:{default:l.palette.red["800"],hover:l.palette.red["700"],active:l.palette.red["900"],focus:l.palette.red["800"]},success:{default:l.palette.green["800"],hover:l.palette.green["700"],active:l.palette.green["900"],focus:l.palette.green["800"]},primary:{default:l.palette.primary["800"],hover:l.palette.primary["700"],active:l.palette.primary["900"],focus:l.palette.primary["800"]},warning:{default:l.palette.yellow["800"],hover:l.palette.yellow["700"],active:l.palette.yellow["900"],focus:l.palette.yellow["800"]}},text:{default:"transparent",hover:l.palette.grey["200"],active:l.palette.primary["100"],focus:"transparent"},link:"transparent"};return e&&a!==r.Link?n.selected[o]:a===r.Light&&t?n.light[t][o]:a===r.Contained&&t?n.contained[t][o]:a===r.Text?n.text[o]:n.link},g=({theme:e,variant:t})=>r.Link===t||r.Text===t?"transparent":e.palette.grey["200"],d={defaultProps:{disableRipple:!0},styleOverrides:{root({ownerState:t,theme:r}){let l=t.variant,d=t.color,y=t.selected,f=t.size;return{height:n({size:f}),padding:i({theme:r,size:f}),[r.breakpoints.down("sm")]:{height:p({size:f}),padding:u({size:f,theme:r,variant:l}),whiteSpace:"nowrap"},color:c({selected:y,theme:r,variant:l,color:d,buttonState:a.Default}),fontWeight:r.typography.button.fontWeight,fontSize:r.typography.button.fontSize,fontFamily:'"Roboto Variable", "Roboto","Helvetica","Arial",sans-serif',backgroundColor:s({selected:y,theme:r,color:d,variant:l,buttonState:a.Default}),border:"none",borderRadius:r.shape.small,"&:hover":{color:c({selected:y,theme:r,variant:l,color:d,buttonState:a.Hover}),backgroundColor:s({selected:y,color:d,variant:l,theme:r,buttonState:a.Hover}),boxShadow:"none"},"&:active":{color:c({selected:y,color:d,variant:l,theme:r,buttonState:a.Active}),backgroundColor:s({selected:y,color:d,variant:l,theme:r,buttonState:a.Active}),outline:"none"},"&:focus-visible":{color:c({selected:y,theme:r,variant:l,color:d,buttonState:a.Focus}),backgroundColor:s({selected:y,color:d,variant:l,theme:r,buttonState:a.Focus}),outline:`2px solid ${r.palette.primary["400"]}`,boxShadow:"none"},[`&.${e.disabled}`]:{color:r.palette.grey["500"],backgroundColor:g({theme:r,variant:l}),pointerEvents:"none",cursor:"unset"},[`&.${o}`]:{color:"transparent",backgroundColor:s({color:d,variant:l,theme:r,buttonState:a.Default})},gap:r.spacing(1),textTransform:"none",boxShadow:"none",minWidth:"auto","&.MuiButton-root .MuiButton-startIcon":{marginRight:r.spacing(1)},"&.MuiButton-root .MuiButton-endIcon":{marginLeft:r.spacing(1)},"&.MuiButton-root .MuiSvgIcon-root":{fontSize:"24px"}}}}};export{d as MuiButton,s as getButtonBackgroundColor,g as getButtonDisabledBackgroundColor,n as getButtonHeight,p as getButtonHeightMobile,i as getButtonPadding,u as getButtonPaddingMobile};

package/lib/theme/components/MuiButtonBase.js

@@ -0,0 +1 @@
+let t={defaultProps:{disableRipple:!0},styleOverrides:{root:({theme:t})=>({fontFamily:t.typography.fontFamily})}};export{t as MuiButtonBase};

package/lib/theme/components/MuiCircularProgress.js

@@ -0,0 +1 @@
+let r={styleOverrides:{root({ownerState:r,theme:e}){let{"data-color":t}=r;return{color:"primary"===t?e.palette.grey[900]:e.palette.primary.contrastText}}}},e=r;export{r as MuiCircularProgress,e as default};

package/lib/theme/components/MuiDialog.js

@@ -0,0 +1 @@
+let e={styleOverrides:{paper:({theme:e})=>({borderRadius:e.shape.small})}};export{e as MuiDialog};

package/lib/theme/components/MuiDialogActions.js

@@ -0,0 +1 @@
+let i={styleOverrides:{root:({theme:i})=>({padding:i.spacing(4,6,6,6),">div":{width:"100%"}})}};export{i as MuiDialogActions};

package/lib/theme/components/MuiDialogContent.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({padding:e.spacing(0,6)})}};export{e as MuiDialogContent};

package/lib/theme/components/MuiDialogTitle.js

@@ -0,0 +1 @@
+import{buttonClasses as e}from"@mui/material";let t={styleOverrides:{root:({theme:t})=>({padding:t.spacing(6,6,4),fontSize:t.typography.h4.fontSize,fontWeight:t.typography.h4.fontWeight,lineHeight:t.typography.h4.lineHeight,display:"flex",justifyContent:"space-between",alignItems:"center",[`& .${e.root}`]:{marginLeft:t.spacing(4),color:t.palette.grey[800]}})}};export{t as MuiDialogTitle};

package/lib/theme/components/MuiDrawer.js

@@ -0,0 +1 @@
+import{backdropClasses as o,drawerClasses as r}from"@mui/material";let t={styleOverrides:{root:({theme:t})=>({[`&.${r.root} > .${o.root}`]:{backgroundColor:t.palette.background.modalShadow}})}};export{t as MuiDrawer};

package/lib/theme/components/MuiFormHelperText.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({display:"flex",minHeight:e.typography.caption.lineHeight,fontSize:e.typography.caption.fontSize,margin:e.spacing(1,0,0),lineHeight:e.typography.caption.lineHeight,"&.Mui-error":{color:e.palette.error.dark}})}},t=e;export{e as MuiFormHelperText,t as default};

package/lib/theme/components/MuiFormLabel.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:()=>({position:"relative",transform:"none"})}},o=e;export{e as MuiFormLabel,o as default};

package/lib/theme/components/MuiInputLabel.js

@@ -0,0 +1 @@
+let e={defaultProps:{shrink:!0},styleOverrides:{root:({theme:e})=>({position:"relative",transform:"none",color:e.palette.grey[700],fontWeight:e.typography.fontWeightMedium,fontSize:e.typography.pxToRem(12),lineHeight:e.typography.pxToRem(16),marginBottom:e.spacing(1),"&.Mui-focused":{color:e.palette.grey[700]},"&.Mui-error":{color:e.palette.grey[700]},"&.Mui-disabled":{color:e.palette.grey[600]}})}},t=e;export{e as MuiInputLabel,t as default};

package/lib/theme/components/MuiLinearProgress.js

@@ -0,0 +1 @@
+let r={styleOverrides:{root:({theme:r})=>({width:"100%",borderRadius:"4px",backgroundColor:r.palette.grey[300]}),barColorPrimary:({theme:r})=>({backgroundColor:r.palette.primary["800"]})}},e=r;export{r as MuiLinearProgress,e as default};

package/lib/theme/components/MuiListItemText.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:()=>({overflow:"hidden",whiteSpace:"nowrap",textAlign:"left",textOverflow:"ellipsis"})}};export{e as MuiListItemText};

package/lib/theme/components/MuiMenu.js

@@ -0,0 +1 @@
+import{listClasses as a,paperClasses as o}from"@mui/material";let e={defaultProps:{autoFocus:!1},styleOverrides:{paper:({theme:a})=>({marginTop:a.spacing(2),[`&&.${o.root}`]:{borderRadius:a.shape.small,boxShadow:a.elevation[200]}}),list:({theme:o})=>({[`&&.${a.root}`]:{padding:0},[`&&.${a.padding}`]:{padding:o.spacing(1,0)}})}},i=e;export{e as MuiMenu,i as default};

package/lib/theme/components/MuiMenuItem.js

@@ -0,0 +1 @@
+import{menuItemClasses as e}from"@mui/material";let a={styleOverrides:{root:({theme:a})=>({padding:a.spacing(2,2,2,3),"&:hover":{backgroundColor:a.palette.background.elementHover},[`&.${e.selected}`]:{background:`linear-gradient(90deg, ${a.palette.primary.main} 0, ${a.palette.primary.main} 4px, ${a.palette.primary["100"]} 4px)`},[`&.${e.gutters}`]:{minHeight:a.spacing(8),padding:a.spacing(1,3,1,3)},[a.breakpoints.down("sm")]:{padding:a.spacing(3,3,4,3),[`&.${e.gutters}`]:{padding:a.spacing(3,3,4,3)}}})}},t=a;export{a as MuiMenuItem,t as default};

package/lib/theme/components/MuiOutlinedInput.js

@@ -0,0 +1 @@
+let e={defaultProps:{notched:!1},styleOverrides:{root:({theme:e})=>({fontSize:e.typography.pxToRem(14),borderRadius:e.shape.small,color:e.palette.grey[900],"&:hover":{"&.Mui-disabled":{background:e.palette.background.element}},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.grey[600]},"&.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.background.element},"&.Mui-error .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.error.dark},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.primary[700]}}),input:({theme:e})=>({height:20,padding:e.spacing(2.5,2),borderRadius:e.shape.small,"&:disabled":{background:e.palette.background.element},"&::placeholder":{opacity:1,color:e.palette.grey[600]}}),inputSizeSmall:({theme:e})=>({paddingBlock:e.spacing(1.5),paddingInline:e.spacing(2)}),notchedOutline:({theme:e})=>({borderColor:e.palette.grey[300]}),multiline:()=>({padding:0}),inputMultiline:({theme:e})=>({padding:e.spacing(2)})}},t=e;export{e as MuiOutlinedInput,t as default};

package/lib/theme/components/MuiPaginationItem.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({"&.Mui-selected":{backgroundColor:e.palette.grey["900"],color:e.palette.primary.contrastText}})}};export{e as MuiPaginationItem};

package/lib/theme/components/MuiPaper.js

@@ -0,0 +1 @@
+let e={styleOverrides:{elevation:({theme:e,ownerState:{elevation:o}})=>({boxShadow:0===o?"none":1===o?e.elevation["200"]:e.elevation["300"]}),outlined:({theme:e})=>({border:`1px solid ${e.palette.grey[300]}`})}};export{e as MuiPaper};

package/lib/theme/components/MuiStep.js

@@ -0,0 +1 @@
+let e={styleOverrides:{horizontal:({theme:e})=>({"&:first-of-type":{paddingLeft:0},padding:e.spacing(0,2.5)})}};export{e as MuiStep};

package/lib/theme/components/MuiStepConnector.js

@@ -0,0 +1 @@
+let e={styleOverrides:{lineHorizontal:({theme:e})=>({borderTopWidth:2,borderColor:e.palette.grey[300]})}};export{e as MuiStepConnector};

package/lib/theme/components/MuiStepLabel.js

@@ -0,0 +1 @@
+import{stepLabelClasses as t}from"@mui/material";let e={styleOverrides:{label({theme:e}){let{active:i,completed:o,error:p}=t;return{fontSize:e.typography.fontSize,lineHeight:e.typography.caption.lineHeight,fontWeight:e.typography.caption.fontWeight,color:e.palette.grey[700],[`&.${i}, &.${o}, &.${p}`]:{color:e.palette.grey[900],fontSize:e.typography.caption.fontSize,lineHeight:e.typography.caption.lineHeight,fontWeight:e.typography.caption.fontWeight}}},iconContainer:({theme:t})=>({paddingRight:t.spacing(2.5)})}};export{e as MuiStepLabel};

package/lib/theme/components/MuiSwitch.js

@@ -0,0 +1 @@
+let t=t=>{let e=t.replace("#","%23");return`url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 6L4.5 8.5L10 3.5" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>')`},e=t=>{let e=t.replace("#","%23");return`url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.00005 5.41087L3.79463 3.20545C3.71605 3.12955 3.6108 3.08755 3.50155 3.0885C3.3923 3.08945 3.28779 3.13327 3.21054 3.21053C3.13329 3.28778 3.08947 3.39228 3.08852 3.50153C3.08757 3.61078 3.12957 3.71603 3.20546 3.79462L5.41088 6.00003L3.20546 8.20545C3.12957 8.28403 3.08757 8.38929 3.08852 8.49853C3.08947 8.60778 3.13329 8.71229 3.21054 8.78954C3.28779 8.86679 3.3923 8.91062 3.50155 8.91156C3.6108 8.91251 3.71605 8.87052 3.79463 8.79462L6.00005 6.5892L8.20546 8.79462C8.28405 8.87052 8.3893 8.91251 8.49855 8.91156C8.6078 8.91062 8.7123 8.86679 8.78956 8.78954C8.86681 8.71229 8.91063 8.60778 8.91158 8.49853C8.91253 8.38929 8.87053 8.28403 8.79463 8.20545L6.58921 6.00003L8.79463 3.79462C8.83443 3.75618 8.86617 3.7102 8.88801 3.65937C8.90984 3.60853 8.92134 3.55386 8.92182 3.49853C8.9223 3.44321 8.91176 3.38834 8.89081 3.33714C8.86986 3.28593 8.83892 3.23941 8.7998 3.20029C8.76067 3.16116 8.71415 3.13023 8.66294 3.10927C8.61174 3.08832 8.55687 3.07778 8.50155 3.07826C8.44622 3.07874 8.39155 3.09024 8.34071 3.11207C8.28988 3.13391 8.2439 3.16565 8.20546 3.20545L6.00005 5.41087Z" fill="${e}" stroke="${e}" stroke-width="1.5" /></svg>')`},i={styleOverrides:{root:({theme:i})=>({width:"fit-content",height:"fit-content",padding:i.spacing(1),"& .Mui-checked.MuiSwitch-switchBase":{padding:0,"& + .MuiSwitch-track":{backgroundColor:i.palette.primary.main[800],opacity:1}},"& :not(.Mui-checked).MuiSwitch-switchBase":{padding:0,"& + .MuiSwitch-track":{backgroundColor:i.palette.grey[600],opacity:1}},"& .Mui-checked:hover + .MuiSwitch-track":{backgroundColor:i.palette.primary[700]},"& :not(.Mui-checked):hover + .MuiSwitch-track":{backgroundColor:i.palette.grey[500]},"& .MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled":{"& + .MuiSwitch-track":{backgroundColor:i.palette.grey[200],"&::before":{backgroundImage:t(i.palette.grey[500])},"&::after":{backgroundImage:e(i.palette.grey[500])}}},"& :not(.Mui-disabled):active + .MuiSwitch-track":{border:`2px solid ${i.palette.primary[400]}`}}),switchBase:{padding:0,"&:hover, &.Mui-checked:hover":{backgroundColor:"transparent"}},track:({theme:i})=>({borderRadius:10,boxSizing:"border-box","&::before, &::after":{position:"absolute",top:"50%",transform:"translateY(-50%)",content:'""',backgroundSize:"cover"},"&::before":{left:i.spacing(2),backgroundImage:t(i.palette.background.default)},"&::after":{right:i.spacing(2),backgroundImage:e(i.palette.background.default)}}),thumb:({theme:t})=>({backgroundColor:t.palette.background.default,boxShadow:"none",margin:t.spacing(1.5)}),sizeSmall:{"& .MuiSwitch-track":{width:32,height:16,"&::before, &::after":{width:8,height:8}},"& .MuiSwitch-thumb":{width:12,height:12}},sizeMedium:{"& .MuiSwitch-track":{width:40,height:20,"&::before, &::after":{width:12,height:12}},"& .MuiSwitch-thumb":{width:16,height:16}}}};export{i as MuiSwitch};

package/lib/theme/components/MuiTab.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({minWidth:0,padding:e.spacing(0,2),textTransform:"none"})}};export{e as MuiTab};

package/lib/theme/components/MuiTableCell.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({border:"none",padding:e.spacing(1,4),height:44})}};export{e as MuiTableCell};

package/lib/theme/components/MuiTableHead.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({th:{borderBottom:`2px solid ${e.palette.grey["300"]}`}})}};export{e as MuiTableHead};

package/lib/theme/components/MuiTableRow.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:({theme:e})=>({"&.MuiTableRow-hover:hover":{backgroundColor:e.palette.background.elementHover,cursor:"pointer"},"&.Mui-selected":{backgroundColor:e.palette.primary["100"]}})}};export{e as MuiTableRow};

package/lib/theme/components/MuiTabs.js

@@ -0,0 +1 @@
+let e={styleOverrides:{root:()=>({minHeight:38,height:38}),indicator:({theme:e})=>({borderRadius:e.shape.small,backgroundColor:e.palette.primary[700]})}};export{e as MuiTabs};

package/lib/theme/components/MuiTextField.js

@@ -0,0 +1 @@
+import{inputBaseClasses as t,outlinedInputClasses as d}from"@mui/material";let e={styleOverrides:{root:({theme:e})=>({[`& .${t.adornedStart}`]:{paddingLeft:e.spacing(2)},[`& .${t.adornedEnd}`]:{paddingRight:e.spacing(2)},[`& .${t.inputAdornedStart}`]:{paddingLeft:e.spacing(1)},[`& .${d.notchedOutline}`]:{top:-4.5}})}};export{e as MuiTextField};

package/lib/theme/components/MuiToggleButton.js

@@ -0,0 +1 @@
+let t={styleOverrides:{root:({theme:t})=>({textTransform:"initial",padding:t.spacing(1,2)})}};export{t as MuiToggleButton};

package/lib/theme/components/MuiToggleButtonGroup.js

@@ -0,0 +1 @@
+let o={defaultProps:{size:"small",color:"primary"}};export{o as MuiToggleButtonGroup};

package/lib/theme/components/MuiTypography.js

@@ -0,0 +1 @@
+let a={variants:[{props:{variant:"button"},style:{textTransform:"capitalize"}}],defaultProps:{fontFamily:'"Roboto Variable", "Roboto","Helvetica","Arial",sans-serif'}},t=a;export{a as MuiTypography,t as default};

package/lib/theme/components/components.js

@@ -0,0 +1 @@
+import{MuiAlert as i}from"./MuiAlert.js";import{MuiAutocomplete as o}from"./MuiAutocomplete.js";import{MuiButton as r}from"./MuiButton.js";import{MuiButtonBase as t}from"./MuiButtonBase.js";import{MuiCircularProgress as u}from"./MuiCircularProgress.js";import{MuiDialog as e}from"./MuiDialog.js";import{MuiDialogActions as m}from"./MuiDialogActions.js";import{MuiDialogContent as M}from"./MuiDialogContent.js";import{MuiDialogTitle as p}from"./MuiDialogTitle.js";import{MuiDrawer as s}from"./MuiDrawer.js";import{MuiFormHelperText as l}from"./MuiFormHelperText.js";import a from"./MuiFormLabel.js";import n from"./MuiInputLabel.js";import{MuiLinearProgress as f}from"./MuiLinearProgress.js";import{MuiListItemText as j}from"./MuiListItemText.js";import{MuiMenu as g}from"./MuiMenu.js";import{MuiMenuItem as T}from"./MuiMenuItem.js";import{MuiOutlinedInput as b}from"./MuiOutlinedInput.js";import{MuiPaginationItem as c}from"./MuiPaginationItem.js";import{MuiPaper as d}from"./MuiPaper.js";import{MuiStep as B}from"./MuiStep.js";import{MuiStepConnector as D}from"./MuiStepConnector.js";import{MuiStepLabel as I}from"./MuiStepLabel.js";import{MuiSwitch as L}from"./MuiSwitch.js";import{MuiTab as P}from"./MuiTab.js";import{MuiTableCell as C}from"./MuiTableCell.js";import{MuiTableHead as x}from"./MuiTableHead.js";import{MuiTableRow as S}from"./MuiTableRow.js";import{MuiTabs as w}from"./MuiTabs.js";import{MuiTextField as A}from"./MuiTextField.js";import{MuiToggleButton as F}from"./MuiToggleButton.js";import{MuiToggleButtonGroup as h}from"./MuiToggleButtonGroup.js";import{MuiTypography as R}from"./MuiTypography.js";let y={MuiAlert:i,MuiButton:r,MuiButtonBase:t,MuiTypography:R,MuiInputLabel:n,MuiOutlinedInput:b,MuiFormLabel:a,MuiFormHelperText:l,MuiAutocomplete:o,MuiCheckbox:{defaultProps:{disableRipple:!0}},MuiMenu:g,MuiMenuItem:T,MuiRadio:{defaultProps:{disableRipple:!0}},MuiDialog:e,MuiDialogTitle:p,MuiDialogContent:M,MuiDialogActions:m,MuiDrawer:s,MuiTableCell:C,MuiTableHead:x,MuiTableRow:S,MuiPaginationItem:c,MuiPaper:d,MuiCircularProgress:u,MuiListItemText:j,MuiLinearProgress:f,MuiTab:P,MuiTabs:w,MuiStepLabel:I,MuiStep:B,MuiStepConnector:D,MuiToggleButtonGroup:h,MuiToggleButton:F,MuiTextField:A,MuiSwitch:L};export{y as components};

package/lib/theme/components/index.js

@@ -0,0 +1 @@
+export*from"./components.js";

package/lib/theme/constants.js

@@ -0,0 +1 @@
+let e=4;export{e as SPACING};

package/lib/theme/elevation.js

@@ -0,0 +1 @@
+let p={100:"0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;",200:"0px 0px 1px 0px #072D574F, 0px 3px 5px 0px #072D5733;",300:"0px 0px 1px 0px #072D574F, 0px 8px 12px 0px #072D5726;",400:"0px 0px 1px 0px #072D574F, 0px 10px 18px 0px #072D5726;",500:"0px 0px 1px 0px #072D574F, 0px 18px 28px 0px #072D5726;"};export{p as elevation};

package/lib/theme/index.js

@@ -0,0 +1 @@
+import{keyframes as e,styled as o,useTheme as r}from"@mui/material";export*from"./baseTheme/index.js";export*from"./constants.js";export*from"./elevation.js";export*from"./palette/index.js";export*from"./shape.js";export*from"./types.js";export{e as keyframes,o as styled,r as useTheme};

package/lib/theme/palette/componentsColors/componentsColors.js

@@ -0,0 +1 @@
+import{linkColors as o}from"./linkColors/index.js";let l={link:o};export{l as componentsColors};

package/lib/theme/palette/componentsColors/index.js

@@ -0,0 +1 @@
+import{componentsColors as o}from"./componentsColors.js";export{o as componentsColors};

package/lib/theme/palette/componentsColors/linkColors/index.js

@@ -0,0 +1 @@
+export*from"./linkColors.js";

package/lib/theme/palette/componentsColors/linkColors/linkColors.js

@@ -0,0 +1 @@
+let e={main:"#1874FF",hover:"#268FF9",visited:"#762376",active:"#072D57"};export{e as linkColors};

package/lib/theme/palette/index.js

@@ -0,0 +1 @@
+export*from"./componentsColors/index.js";export*from"./palette.js";export*from"./types.js";

package/lib/theme/palette/palette.js

@@ -0,0 +1 @@
+import{componentsColors as e}from"./componentsColors/index.js";let t=()=>{let t={900:"hsl(240 5.9% 10%)",800:"hsl(240 3.7% 15.9%)",700:"hsl(240 5.3% 26.1%)",600:"hsl(240 5.2% 33.9%)",500:"hsl(240 3.8% 46.1%)",400:"hsl(240 5% 64.9%)",300:"hsl(240 4.9% 83.9%)",200:"hsl(240 5.9% 90%)",100:"hsl(240 4.8% 95.9%)"},r={800:"hsl(240 5.3% 26.1%)"};return{red:{900:"#E64343",800:"#F24646",700:"#F35959",600:"#F67E7E",500:"#F79090",400:"#F8A3A3",300:"#FAB5B5",200:"#FCDADA",100:"#FEEDED"},green:{900:"#008055",800:"#00875A",700:"#19936A",600:"#4DAB8C",500:"#66B79C",400:"#80C3AC",300:"#99CFBD",200:"#CCE7DE",100:"#E6F3EF"},yellow:{900:"#ED8000",800:"#F98700",700:"#FA961F",600:"#FBAB4D",500:"#FBB766",400:"#FDCF99",300:"#FDDBB2",200:"#FBE6CC",100:"#FEF3E6"},grey:{900:"#212529",800:"#343A40",700:"#495057",600:"#6C757D",500:"#ADB5BD",400:"#CED4DA",300:"#DEE2E6",200:"#E9ECEF",100:"#F8F9FA"},primary:{main:t[800],dark:t[900],contrastText:"#FFF",...t},secondary:{main:r[800],dark:t[900],contrastText:"#FFF",...r},background:{default:"#FFF",paper:"#FFF",element:"#FAFBFC",elementHover:"#EEF1F4",modalShadow:"#142A438A"},get text(){return{primary:this.grey[900],secondary:this.grey[700],disabled:this.grey[500]}},get info(){return this.primary},get warning(){return{...this.yellow,light:this.yellow[100],main:this.yellow[600],dark:this.yellow[800],contrastText:"#FFF"}},get success(){return{...this.green,light:this.green[100],main:this.green[600],dark:this.green[800],contrastText:"#FFF"}},get error(){return{...this.red,light:this.red[100],main:this.red[600],dark:this.red[800],contrastText:"#FFF"}},components:e}};export{t as getPalette};

package/lib/theme/shape.js

@@ -0,0 +1 @@
+let e={small:"6px",medium:"10px",large:"14px"};export{e as shape};

package/lib/theme/typography.js

@@ -0,0 +1 @@
+let t=t=>({h1:{fontSize:"36px",fontWeight:t.typography.fontWeightMedium,lineHeight:"40px"},h2:{fontSize:"28px",fontWeight:t.typography.fontWeightMedium,lineHeight:"32px",[t.breakpoints.down("sm")]:{fontSize:"32px",lineHeight:"40px"}},h3:{fontSize:"24px",fontWeight:t.typography.fontWeightMedium,lineHeight:"28px",[t.breakpoints.down("sm")]:{fontSize:"28px",lineHeight:"36px"}},h4:{fontSize:"20px",fontWeight:t.typography.fontWeightMedium,lineHeight:"24px",[t.breakpoints.down("sm")]:{fontSize:"24px",lineHeight:"28px"}},h5:{fontSize:"16px",fontWeight:t.typography.fontWeightMedium,lineHeight:"20px",[t.breakpoints.down("sm")]:{fontSize:"18px",lineHeight:"20px"}},h6:{fontSize:"14px",fontWeight:t.typography.fontWeightMedium,lineHeight:"20px",[t.breakpoints.down("sm")]:{fontSize:"16px",lineHeight:"20px"}},subtitle1:{fontSize:"16px",fontWeight:t.typography.fontWeightRegular,lineHeight:"20px",[t.breakpoints.down("sm")]:{fontSize:"18px"}},subtitle2:{fontSize:"14px",fontWeight:t.typography.fontWeightMedium,lineHeight:"20px",[t.breakpoints.down("sm")]:{fontSize:"16px"}},body1:{fontSize:"14px",fontWeight:t.typography.fontWeightRegular,lineHeight:"20px",[t.breakpoints.down("sm")]:{fontSize:"16px"}},button:{fontSize:"14px",fontWeight:t.typography.fontWeightMedium,lineHeight:"24px",[t.breakpoints.down("sm")]:{fontSize:"16px"}},caption:{fontSize:"12px",fontWeight:t.typography.fontWeightRegular,lineHeight:"16px",[t.breakpoints.down("sm")]:{fontSize:"14px"}}});export{t as getTypography};

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@max-ts/components",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "browser": "./src/index.ts",
   "main": "./lib/index.mjs",
   "module": "./lib/index.mjs",
+  "type": "module",
   "exports": {
     ".": {
       "import": "./lib/index.mjs",
@@ -21,8 +22,8 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@fontsource-variable/roboto": "^5.2.9",
-    "@mui/material": "^7.3.6",
-    "@mui/system": "^7.3.6",
+    "@mui/material": "^7.3.7",
+    "@mui/system": "^7.3.7",
     "@popperjs/core": "^2.11.8",
     "@react-input/mask": "^2.0.4",
     "clsx": "^2.1.1",
@@ -32,9 +33,9 @@
     "react": "^19.2.3",
     "react-day-picker": "^9.13.0",
     "react-dom": "^19.2.3",
-    "react-hook-form": "^7.69.0",
+    "react-hook-form": "^7.71.1",
     "react-use": "^17.6.0",
-    "remeda": "^2.32.0",
+    "remeda": "^2.33.3",
     "sonner": "^2.0.7"
   },
   "scripts": {