@max-ts/components 1.6.5 → 1.8.0

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.6.5",
+  "version": "1.8.0",
   "browser": "./src/index.ts",
   "main": "./lib/index.mjs",
   "module": "./lib/index.mjs",
+  "type": "module",
   "exports": {
     ".": {
       "import": "./lib/index.mjs",
@@ -20,21 +21,21 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@fontsource-variable/roboto": "^5.2.8",
-    "@mui/material": "^7.3.5",
-    "@mui/system": "^7.3.5",
+    "@fontsource-variable/roboto": "^5.2.9",
+    "@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",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.554.0",
-    "react": "^19.2.0",
-    "react-day-picker": "^9.11.1",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.66.1",
+    "lucide-react": "^0.562.0",
+    "react": "^19.2.3",
+    "react-day-picker": "^9.13.0",
+    "react-dom": "^19.2.3",
+    "react-hook-form": "^7.71.1",
     "react-use": "^17.6.0",
-    "remeda": "^2.32.0",
+    "remeda": "^2.33.3",
     "sonner": "^2.0.7"
   },
   "scripts": {