@m4l/styles 2.0.0 → 2.0.2

package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export declare const M4LRHFAutocomplete: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
+export declare const M4LRHFAutocomplete: (theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme) => {
     M4LRHFAutocomplete: {
         styleOverrides: {
             '&.M4LRHFAutocomplete-root': {
@@ -47,6 +47,14 @@ export declare const M4LRHFAutocomplete: (theme: Omit<Theme, "palette" | "applyS
                                 height: string;
                                 padding: string;
                             };
+                            '& .M4LRHFAutocomplete-containerRefreshDown': {
+                                display: string;
+                                width: string;
+                                '& .M4LRHFAutocomplete-iconLeft': {
+                                    borderLeft: string;
+                                    borderColor: string;
+                                };
+                            };
                             '& .M4LRHFAutocomplete-iconDown': {};
                             '& .MuiOutlinedInput-notchedOutline': {
                                 inset: string;

package/theme/overrides/M4LRHFComponents/{index.3599b255.js → index-DEvENvuH.js}

@@ -1,6 +1,6 @@
 import { alpha as o } from "@mui/system";
 import { alpha as e } from "@mui/material/styles";
-const r = (t) => ({
+const a = (t) => ({
   M4LRHFTextFieldPassword: {
     styleOverrides: {
       "&.M4LRHFTextFieldPassword-root": {
@@ -12,11 +12,13 @@ const r = (t) => ({
   M4LRHFTextField: {
     styleOverrides: {
       "&.M4LRHFTextField-root": {
+        /* Root styles */
         display: "flex",
         flexDirection: "column",
         width: "100%",
         gap: "2px",
         outline: "unset",
+        /* General properties */
         "&.M4LRHFTextField-variantText": {
           height: "auto",
           "& .MuiFormControl-root": {
@@ -69,6 +71,7 @@ const r = (t) => ({
             }
           }
         },
+        /* State hover */
         "&:hover": {
           "& .M4LRHFTextField-label": {
             color: t.vars.palette.state?.hover
@@ -85,6 +88,7 @@ const r = (t) => ({
             backgroundColor: t.vars.palette.state?.hover
           }
         },
+        /* State focus and active */
         "&.M4LRHFTextField-isFocus": {
           "& .M4LRHFTextField-label": {
             color: t.vars.palette.state?.active
@@ -103,6 +107,7 @@ const r = (t) => ({
             backgroundColor: t.vars.palette.state?.active
           }
         },
+        /* State error */
         "&.M4LRHFTextField-variantError": {
           "& .M4LRHFTextField-label": {
             color: t.vars.palette.state?.error.normal
@@ -129,6 +134,7 @@ const r = (t) => ({
             }
           }
         },
+        /* State disabled */
         "&.M4LRHFTextField-isDisabled": {
           "& .M4LRHFTextField-label": {
             color: t.vars.palette.text.disabled
@@ -146,6 +152,7 @@ const r = (t) => ({
             backgroundColor: t.vars.palette.text.disabled
           }
         },
+        /* Sizes */
         "&.M4LRHFTextField-sizeSmall": {
           "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
             height: "24px",
@@ -196,6 +203,7 @@ const r = (t) => ({
           color: t.vars.palette.text.primary,
           ...t.colorSchemes.finalTheme.typography.body
         },
+        /* caso small */
         ".M4LRHFCheckbox-small .MuiButtonBase-root": {
           width: "20px",
           height: "20px"
@@ -204,6 +212,7 @@ const r = (t) => ({
           width: "16px",
           height: "16px"
         },
+        /* caso medium */
         ".M4LRHFCheckbox-medium .MuiButtonBase-root": {
           width: "24px",
           height: "24px"
@@ -225,12 +234,14 @@ const r = (t) => ({
         ".MuiButtonBase-root:hover .MuiSvgIcon-root": {
           fill: t.vars.palette.state?.hover
         },
+        /* caso general */
         ".M4LRHFCheckbox-checkTypography .MuiTypography-root": {
           ...t.colorSchemes.finalTheme.typography.body
         },
         ".M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root": {
           fill: t.vars.palette.state?.default
         },
+        /* selector del caso focus por tab */
         ".MuiButtonBase-root .Mui-focusVisible:focus-visible": {
           outline: "#FFF00"
         }
@@ -247,6 +258,7 @@ const r = (t) => ({
         width: "100%",
         gap: "2px",
         outline: "unset",
+        // Variant
         "&.M4LRHFAutocomplete-multiple": {
           "& .MuiAutocomplete-inputRoot": {
             display: "flex",
@@ -270,6 +282,7 @@ const r = (t) => ({
             }
           }
         },
+        /* General properties */
         "& .MuiAutocomplete-root": {
           height: "100%",
           "& .MuiFormControl-root": {
@@ -279,12 +292,43 @@ const r = (t) => ({
               position: "relative",
               height: "100%",
               "& .MuiInputBase-input": {
+                /* Selector del elemento html input */
                 boxSizing: "border-box",
                 color: t.vars.palette.text.secondary,
                 backgroundColor: "transparent",
                 height: "100%",
                 padding: "0 16px 0 8px",
                 ...t.colorSchemes.finalTheme.typography.body
+                /*  '& .MuiInputAdornment-root': {
+                                                         margin: '0px',
+                                                         padding: '0px',
+                                                     },
+                
+                                                     '& .M4LIcon-icon': {
+                                                         backgroundColor: theme.vars.palette.text.secondary,
+                                                         transition: 'all .3s ease',
+                                                     },
+                
+                                                     '& .MuiOutlinedInput-notchedOutline': {
+                                                         border: '1px solid',
+                                                         borderColor: theme.vars.palette.state.borderPrimary,
+                                                         borderRadius: '4px',
+                                                         inset: '0px',
+                                                         transition: 'all .3s ease',
+                
+                                                         '& legend': {
+                                                             display: 'none'
+                                                            },
+                
+                                                        } */
+              },
+              "& .M4LRHFAutocomplete-containerRefreshDown": {
+                display: "flex",
+                width: "auto",
+                "& .M4LRHFAutocomplete-iconLeft": {
+                  borderLeft: "1px solid",
+                  borderColor: t.vars.palette.state.borderPrimary
+                }
               },
               "& .M4LRHFAutocomplete-iconDown": {},
               "& .MuiOutlinedInput-notchedOutline": {
@@ -297,6 +341,7 @@ const r = (t) => ({
             }
           }
         },
+        /* Skeleton general properties*/
         "& .M4LRHFAutocomplete-skeletonRoot": {
           display: "flex",
           flexDirection: "column",
@@ -332,14 +377,19 @@ const r = (t) => ({
         "& .MuiAutocomplete-root .MuiInputBase-root": {
           padding: "0p 8px",
           height: "100%"
+          //revisar
         },
+        /* State hover */
         "&:hover": {
           "& .M4LRHFAutocomplete-label": {
             color: t.vars.palette.text.secondary
           },
           "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
             borderColor: t.vars.palette.state?.hover,
-            boxShadow: `0px 1px 8px ${e(t.colorSchemes.finalTheme.palette.primary.main, 0.32)}`
+            boxShadow: `0px 1px 8px ${e(
+              t.colorSchemes.finalTheme.palette.primary.main,
+              0.32
+            )}`
           },
           "& .MuiInputBase-input": {
             color: t.vars.palette.text.primary
@@ -348,6 +398,7 @@ const r = (t) => ({
             backgroundColor: t.vars.palette.state?.hover
           }
         },
+        /* State focus and active */
         "&.M4LRHFAutocomplete-isFocus": {
           "& .M4LRHFAutocomplete-label": {
             color: t.vars.palette.state?.active
@@ -357,7 +408,10 @@ const r = (t) => ({
             background: t.vars.palette.state.active12,
             border: "2px solid",
             borderColor: t.vars.palette.state?.active,
-            boxShadow: `0px 1px 8px ${e(t.colorSchemes.finalTheme.palette.primary.main, 0.32)}`
+            boxShadow: `0px 1px 8px ${e(
+              t.colorSchemes.finalTheme.palette.primary.main,
+              0.32
+            )}`
           },
           "& .MuiInputBase-input": {
             color: t.vars.palette.text.primary
@@ -366,6 +420,7 @@ const r = (t) => ({
             backgroundColor: t.vars.palette.state?.active
           }
         },
+        /* State error */
         "&.M4LRHFAutocomplete-variantError": {
           "& .M4LRHFAutocomplete-label": {
             color: t.vars.palette.state?.error.normal
@@ -391,6 +446,7 @@ const r = (t) => ({
             }
           }
         },
+        /* State disabled */
         "&.M4LRHFAutocomplete-isDisabled": {
           "& .M4LRHFAutocomplete-label": {
             color: t.vars.palette.text.disabled
@@ -408,9 +464,9 @@ const r = (t) => ({
             backgroundColor: t.vars.palette.text.disabled
           }
         },
+        /* Sizes */
         "&.M4LRHFAutocomplete-sizeSmall": {
-          [`& .M4LRHFAutocomplete-skeleton,
-                          & .MuiAutocomplete-root`]: {
+          "& .M4LRHFAutocomplete-skeleton,\n                          & .MuiAutocomplete-root": {
             "& .M4LImage-root": {
               width: "24px",
               height: "24px",
@@ -420,8 +476,7 @@ const r = (t) => ({
           }
         },
         "&.M4LRHFAutocomplete-sizeMedium": {
-          [`& .M4LRHFAutocomplete-skeleton,
-                          & .MuiAutocomplete-root`]: {
+          "& .M4LRHFAutocomplete-skeleton,\n                          & .MuiAutocomplete-root": {
             "& .M4LImage-root": {
               width: "28px",
               height: "28px",
@@ -430,6 +485,7 @@ const r = (t) => ({
             height: "36px"
           }
         },
+        // variant image defined
         "&.M4LRHFAutocomplete-imageWidthDefined": {
           "& .M4LImage-root": {
             "& .M4LImage-img": {
@@ -437,13 +493,17 @@ const r = (t) => ({
             }
           }
         }
+        // with multiple values in chips
       }
     }
   },
   M4LRHFAutocompletePopover: {
     styleOverrides: {
+      // Menu popover que se despliega luego de interactuar con el componente.
+      // Despliega la lista de opciones diponibles.
       "&.M4LRHFAutocomplete-popper": {
         zIndex: "1300",
+        // Primer contendeor del manu, se utiliza para dar espacio interno y distribuir los items.
         "& .MuiAutocomplete-listbox": {
           padding: "8px",
           display: "flex",
@@ -462,9 +522,11 @@ const r = (t) => ({
             }
           }
         },
+        // Estilos generales para withImage
         "& .M4LRHFAutocomplete-withImage": {
           display: "flex",
           gap: "8px",
+          // Estados por evento de usuario
           "&:hover": {
             color: t.vars.palette.text.primary,
             backgroundColor: t.vars.palette.state.active12
@@ -474,11 +536,14 @@ const r = (t) => ({
             height: "100%"
           }
         },
+        // Estilos del menu para la versión de tamaño small
         "&.M4LRHFAutocomplete-sizeSmall": {
+          // Item sin imagen
           "& .MuiAutocomplete-listbox": {
             "& .MuiAutocomplete-option": {
               minHeight: "24px"
             },
+            // Item con imagen
             "& .M4LRHFAutocomplete-withImage": {
               paddingLeft: "4px",
               height: "24px",
@@ -494,12 +559,15 @@ const r = (t) => ({
             }
           }
         },
+        // Estilos del menu para la versión de tamaño medium
         "&.M4LRHFAutocomplete-sizeMedium": {
+          // Item sin imagen
           "& .MuiAutocomplete-listbox": {
             "& .MuiAutocomplete-option": {
               height: "36px"
             }
           },
+          // Item con imagen
           "& .M4LRHFAutocomplete-withImage": {
             paddingLeft: "4px",
             height: "36px",
@@ -514,6 +582,7 @@ const r = (t) => ({
             }
           }
         },
+        // variación de ancho de imagen definido
         "&.M4LRHFAutocomplete-imageWidthDefined": {
           "& .M4LImage-img": {
             minWidth: "24px",
@@ -534,6 +603,7 @@ const r = (t) => ({
     styleOverrides: {
       "&.M4LRHFAutocomplete-sizeSmall": {
         height: "18px",
+        // important debido a que MUI agrega media queries directamente al elemento.
         minHeight: "18px !important",
         "& .MuiChip-deleteIcon": {
           fontSize: "16px"
@@ -544,6 +614,7 @@ const r = (t) => ({
       },
       "&.M4LRHFAutocomplete-sizeMedium": {
         height: "24px",
+        // important debido a que MUI agrega media queries directamente al elemento.
         minHeight: "24px !important",
         "& .MuiChip-deleteIcon": {
           fontSize: "20px"
@@ -609,6 +680,7 @@ const r = (t) => ({
             height: "36px"
           }
         },
+        /* General properties */
         "& .MuiFormControl-root": {
           "& .MuiInputBase-root": {
             padding: "0 4px 0 0",
@@ -663,6 +735,7 @@ const r = (t) => ({
             }
           }
         },
+        /* State hover */
         "&:hover": {
           "& .M4LTypography-root": {
             color: t.vars.palette.state?.hover
@@ -677,6 +750,7 @@ const r = (t) => ({
             backgroundColor: t.vars.palette.state?.hover
           }
         },
+        /* State focus and active */
         "&.M4LRHFDateTime-isFocus": {
           "& .M4LTypography-root": {
             color: t.vars.palette.state.active
@@ -693,6 +767,7 @@ const r = (t) => ({
             backgroundColor: t.vars.palette.state?.active
           }
         },
+        /* State error */
         "&.M4LRHFTextField-variantError": {
           "& .M4LRHFTextField-label": {
             color: t.vars.palette.state?.error.normal
@@ -718,6 +793,7 @@ const r = (t) => ({
             }
           }
         },
+        /* State disabled */
         "&.M4LRHFTextField-isDisabled": {
           "& .M4LRHFTextField-label": {
             color: t.vars.palette.text.disabled
@@ -814,6 +890,7 @@ const r = (t) => ({
                 gap: "0",
                 position: "relative",
                 overflow: "hidden",
+                // Icono de carga
                 "& .M4LRHFUploadImage-containerBodyImage": {
                   display: "flex",
                   justifyContent: "center",
@@ -863,6 +940,7 @@ const r = (t) => ({
             }
           }
         },
+        // Skeleton 
         "& .M4LRHFUploadImage-skeleton": {
           maskPosition: "center!important",
           maskRepeat: "no-repeat!important",
@@ -874,6 +952,7 @@ const r = (t) => ({
           WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
         }
       },
+      // Imagen cargada
       "&.M4LRHFUploadImage-hasFile": {
         "& .M4LRHFUploadImage-placeHolder": {
           opacity: "0",
@@ -893,6 +972,7 @@ const r = (t) => ({
           "&:hover": {
             opacity: 1
           },
+          // Comportamiento Hover imagen cargada 
           "& .M4LRHFUploadImage-containerUploadBoddy": {
             "& .M4LRHFUploadImage-containerBodyImage": {
               opacity: "0"
@@ -967,6 +1047,12 @@ const r = (t) => ({
           "& .M4LRHFColorPicker-boxColor": {
             cursor: "pointer"
           },
+          /* '& .M4LIcon-root': {
+              minHeight: '18px',
+              minWidth: '18px',
+              cursor: 'pointer',
+              borderRadius: '4px',
+          }, */
           "& .M4LIcon-root:hover": {
             background: t.vars.palette.state.hoverDefault
           }
@@ -1052,7 +1138,7 @@ const r = (t) => ({
 });
 export {
   l as M,
-  r as a,
+  a,
   p as b,
   s as c,
   d,

package/theme/overrides/MUIComponents/{index.5c43e3b5.js → index-oLVtA5nq.js}

@@ -43,6 +43,7 @@ function l(r) {
         sizeLarge: {
           height: 48
         },
+        // contained
         containedInherit: {
           color: r.vars.palette.grey[800],
           boxShadow: r.customShadows?.z1,
@@ -54,6 +55,7 @@ function l(r) {
         },
         containedPrimary: {
           boxShadow: r.customShadows?.z4
+          // color: theme.vars.palette.primary.contrastText,
         },
         containedSecondary: {
           boxShadow: r.customShadows?.secondary
@@ -70,6 +72,7 @@ function l(r) {
         containedError: {
           boxShadow: r.customShadows?.error
         },
+        // outlined
         outlinedInherit: {
           borderRadius: "4px",
           border: `1px solid ${r.vars.palette.state.borderDefault}`,
@@ -92,6 +95,9 @@ function l(r) {
 function u(r) {
   return {
     MuiIconButton: {
+      // defaultProps: {
+      //   color: theme.vars.palette.text.primary,
+      // },
       styleOverrides: {
         root: {
           "&.MuiIconButton-sizeSmall": {
@@ -109,6 +115,9 @@ function u(r) {
             }
           }
         }
+        // colorDefault: {
+        //   color: theme.vars.palette.text.primary,
+        // }
       }
     }
   };
@@ -157,6 +166,7 @@ function c(r) {
           boxShadow: r.customShadows?.card,
           borderRadius: Number(r.shape.borderRadius) * 2,
           zIndex: 0
+          // Fix Safari overflow: hidden with border radius
         }
       }
     },
@@ -341,6 +351,7 @@ function f(r) {
           width: "16px",
           height: "16px",
           borderRadius: "50%"
+          //background: "red",
         }
       }
     }
@@ -363,6 +374,7 @@ function M(r) {
           backgroundImage: "none",
           backgroundColor: r.vars.palette.background.default,
           borderRadius: "2px",
+          /* Stack */
           "& .MuiStack-root .MuiMenuItem-root": {
             color: r.vars.palette.text.primary,
             transition: "all .5s",
@@ -385,6 +397,7 @@ function M(r) {
             backgroundColor: r.vars.palette.background.default,
             boxShadow: `0 0 0 1px ${r.vars.palette.state?.focus}`
           },
+          /* Autocomplete Listbox */
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option": {
             color: r.vars.palette.text.primary,
             transition: "all .5s",
@@ -447,6 +460,7 @@ function h(r) {
         }
       }
     },
+    /* Style input outline */
     MuiInput: {
       styleOverrides: {
         underline: {
@@ -477,6 +491,7 @@ function h(r) {
         }
       }
     },
+    /* Estilos variante outlined */
     MuiOutlinedInput: {
       styleOverrides: {
         root: {
@@ -551,6 +566,11 @@ function S(r) {
               display: "flex",
               flexDirection: "row"
             }
+            /*  "& .MuiPaper-root": {
+                 borderRadius: "4px",
+                 backgroundColor: theme.vars.palette.state.active12,
+                 padding: "8px",
+             }, */
           }
         },
         modal: {
@@ -855,10 +875,18 @@ function P(r) {
 function z(r) {
   return {
     MuiCheckbox: {
+      // defaultProps: {
+      //   icon: <CheckboxIcon />,
+      //   checkedIcon: <CheckboxCheckedIcon />,
+      //   indeterminateIcon: <CheckboxIndeterminateIcon />,
+      // },
       styleOverrides: {
         root: {
           padding: r.spacing(1),
           oleee: "sss",
+          // '& .MuiCheckbox-root': {
+          //   color: theme.vars.palette.divider,
+          // },
           color: r.vars.palette.action.active,
           "& .Mui-checked": {
             color: r.vars.palette.primary.main
@@ -866,6 +894,23 @@ function z(r) {
           "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
             color: r.vars.palette.action.disabled
           }
+          // '& .MuiSvgIcon-root': {
+          //   color: theme.vars.palette.text.secondary,
+          // },
+          // '& .MuiSvgIcon-fontSizeMedium': {
+          //   width: 24,
+          //   height: 24,
+          // },
+          // '& .MuiSvgIcon-fontSizeSmall': {
+          //   width: 18,
+          //   height: 18,
+          // },
+          // svg: {
+          //   fontSize: 24,
+          //   '&[font-size=small]': {
+          //     fontSize: 18,
+          //   },
+          // },
         }
       }
     }
@@ -938,6 +983,8 @@ function A(r) {
         content: {
           ...r.colorSchemes.finalTheme.typography.subtitle2,
           margin: "0px",
+          // '& .MuiTypography-root': {
+          // },
           "&.Mui-expanded": {
             margin: "0px"
           }
@@ -951,6 +998,7 @@ function $(r) {
     MuiTypography: {
       defaultProps: {
         variantMapping: {
+          // Map the new variant to render a <h1> by default
           subtitleDens: "span"
         }
       },

package/theme/overrides/{index.3234140e.js → index-CuD-MKOg.js}

@@ -1,9 +1,10 @@
-import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.5c43e3b5.js";
-import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index.3599b255.js";
-import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index.8f549882.js";
+import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index-oLVtA5nq.js";
+import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index-DEvENvuH.js";
+import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index-CyXBfJc_.js";
 function ta(a) {
   return Object.assign(
     s(a),
+    // Chip(theme),
     o(a),
     r(a),
     L(a),
@@ -14,9 +15,12 @@ function ta(a) {
     l(a),
     c(a),
     d(a),
+    // Alert(theme),
     u(a),
+    // Select(theme),
     g(a),
     B(a),
+    // Rating(theme),
     F(a),
     P(a),
     A(a),
@@ -28,6 +32,7 @@ function ta(a) {
     I(a),
     R(a),
     v(a),
+    // TreeView(theme),
     H(a),
     k(a),
     D(a),
@@ -41,6 +46,7 @@ function ta(a) {
     N(a),
     O(a),
     _(a),
+    /* Owner components */
     q(),
     z(a),
     U(),

package/theme/{palette.287635f2.js → palette-CR1CkF2l.js}

@@ -127,6 +127,7 @@ const e = {
   marbleLight: {
     10: "#FFFFFF",
     20: "#F9FAFA",
+    //'#F5F9FA',
     30: "#F4F5F5",
     40: "#F0F4F4",
     50: "#E6E8EA",

package/theme/{shadows.e0c009ff.js → shadows-C9Ji2xrX.js}

@@ -1,5 +1,5 @@
 import { alpha as r } from "@mui/material/styles";
-import { p as a, P as e } from "./palette.287635f2.js";
+import { p as a, P as e } from "./palette-CR1CkF2l.js";
 const s = a.light.grey[500], o = "#000000", n = (t) => {
   const p = r(t, 0.2), x = r(t, 0.14), $ = r(t, 0.12);
   return [
@@ -36,6 +36,7 @@ const s = a.light.grey[500], o = "#000000", n = (t) => {
     success: `0px 2px 8px 0px ${r(e.acidGreen[50], 0.2)}`,
     warning: `0px 2px 8px 0px ${r(e.middleYellow[50], 0.2)}`,
     error: `0px 2px 8px 0px ${r(e.flameRed[50], 0.2)}`,
+    //
     card: `0 0 2px 0 ${r(a.light.grey[500], 0.2)}, 0 12px 24px -4px ${r(
       a.light.grey[500],
       0.12
@@ -51,12 +52,14 @@ const s = a.light.grey[500], o = "#000000", n = (t) => {
     z2: "0px 0px 4px 2px rgba(73, 88, 89, 0.14)",
     z3: "0px 0px 8px 2px rgba(36, 59, 70, 0.14)",
     z4: "0px 0px 18px 6px rgba(36, 59, 70, 0.12)",
+    //
     ...p
   } : {
     z1: "0px 0px 2px 2px rgba(0, 0, 0, 0.16)",
     z2: "0px 0px 4px 2px rgba(17, 20, 20, 0.5)",
     z3: "0px 0px 8px 2px rgba(9, 9, 10, 0.60)",
     z4: "0px 0px 18px 6px rgba(9, 10, 10, 0.65)",
+    //
     ...p
   };
 }, l = {