@m4l/styles 3.2.2 → 3.2.3

package/theme/overrides/M4LRHFComponents/{index.7d702163.js → index-BRZVeOM5.js}

@@ -12,11 +12,13 @@ const a = (o) => ({
   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 a = (o) => ({
             }
           }
         },
+        /* State hover */
         "&:hover": {
           "& .M4LRHFTextField-label": {
             color: o.vars.palette.primary?.hover
@@ -88,6 +91,7 @@ const a = (o) => ({
             backgroundColor: o.vars.palette.primary?.hover
           }
         },
+        /* State focus and active */
         "&.M4LRHFTextField-isFocus": {
           "& .M4LRHFTextField-label": {
             color: o.vars.palette.primary?.active
@@ -109,6 +113,7 @@ const a = (o) => ({
             backgroundColor: o.vars.palette.primary?.active
           }
         },
+        /* State error */
         "&.M4LRHFTextField-variantError": {
           "& .M4LRHFTextField-label": {
             color: o.vars.palette.error.main
@@ -135,6 +140,7 @@ const a = (o) => ({
             }
           }
         },
+        /* State disabled */
         "&.M4LRHFTextField-isDisabled": {
           "& .M4LRHFTextField-label": {
             color: o.vars.palette.text.disabled
@@ -152,6 +158,7 @@ const a = (o) => ({
             backgroundColor: o.vars.palette.text.disabled
           }
         },
+        /* Sizes */
         "&.M4LRHFTextField-sizeSmall": {
           "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
             height: "24px",
@@ -202,6 +209,7 @@ const a = (o) => ({
           color: o.vars.palette.text.primary,
           ...o.colorSchemes.finalTheme.typography.body
         },
+        /* caso small */
         ".M4LRHFCheckbox-small .MuiButtonBase-root": {
           width: "20px",
           height: "20px"
@@ -210,6 +218,7 @@ const a = (o) => ({
           width: "16px",
           height: "16px"
         },
+        /* caso medium */
         ".M4LRHFCheckbox-medium .MuiButtonBase-root": {
           width: "24px",
           height: "24px"
@@ -231,12 +240,14 @@ const a = (o) => ({
         ".MuiButtonBase-root:hover .MuiSvgIcon-root": {
           fill: o.vars.palette.primary?.hover
         },
+        /* caso general */
         ".M4LRHFCheckbox-checkTypography .MuiTypography-root": {
           ...o.colorSchemes.finalTheme.typography.body
         },
         ".M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root": {
           fill: o.vars.palette.background?.default
         },
+        /* selector del caso focus por tab */
         ".MuiButtonBase-root .Mui-focusVisible:focus-visible": {
           outline: "#FFF00"
         }
@@ -253,6 +264,7 @@ const a = (o) => ({
         width: "100%",
         gap: "2px",
         outline: "unset",
+        // Variant
         "&.M4LRHFAutocomplete-multiple": {
           "& .MuiAutocomplete-inputRoot": {
             display: "flex",
@@ -276,6 +288,7 @@ const a = (o) => ({
             }
           }
         },
+        /* General properties */
         "& .MuiAutocomplete-root": {
           height: "100%",
           "& .MuiFormControl-root": {
@@ -285,12 +298,35 @@ const a = (o) => ({
               position: "relative",
               height: "100%",
               "& .MuiInputBase-input": {
+                /* Selector del elemento html input */
                 boxSizing: "border-box",
                 color: o.vars.palette.text.secondary,
                 backgroundColor: "transparent",
                 height: "100%",
                 padding: "0 16px 0 8px",
                 ...o.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.border.primary,
+                                                         borderRadius: '4px',
+                                                         inset: '0px',
+                                                         transition: 'all .3s ease',
+                
+                                                         '& legend': {
+                                                             display: 'none'
+                                                            },
+                
+                                                        } */
               },
               "& .M4LRHFAutocomplete-containerRefreshDown": {
                 display: "flex",
@@ -311,6 +347,7 @@ const a = (o) => ({
             }
           }
         },
+        /* Skeleton general properties*/
         "& .M4LRHFAutocomplete-skeletonRoot": {
           display: "flex",
           flexDirection: "column",
@@ -346,7 +383,9 @@ const a = (o) => ({
         "& .MuiAutocomplete-root .MuiInputBase-root": {
           padding: "0p 8px",
           height: "100%"
+          //revisar
         },
+        /* State hover */
         "&:hover": {
           "& .M4LRHFAutocomplete-label": {
             color: o.vars.palette.text.secondary
@@ -365,6 +404,7 @@ const a = (o) => ({
             backgroundColor: o.vars.palette.primary?.hover
           }
         },
+        /* State focus and active */
         "&.M4LRHFAutocomplete-isFocus": {
           "& .M4LRHFAutocomplete-label": {
             color: o.vars.palette.primary?.active
@@ -386,6 +426,7 @@ const a = (o) => ({
             backgroundColor: o.vars.palette.primary?.active
           }
         },
+        /* State error */
         "&.M4LRHFAutocomplete-variantError": {
           "& .M4LRHFAutocomplete-label": {
             color: o.vars.palette.error.main
@@ -411,6 +452,7 @@ const a = (o) => ({
             }
           }
         },
+        /* State disabled */
         "&.M4LRHFAutocomplete-isDisabled": {
           "& .M4LRHFAutocomplete-label": {
             color: o.vars.palette.text.disabled
@@ -428,9 +470,9 @@ const a = (o) => ({
             backgroundColor: o.vars.palette.text.disabled
           }
         },
+        /* Sizes */
         "&.M4LRHFAutocomplete-sizeSmall": {
-          [`& .M4LRHFAutocomplete-skeleton,
-                          & .MuiAutocomplete-root`]: {
+          "& .M4LRHFAutocomplete-skeleton,\n                          & .MuiAutocomplete-root": {
             "& .M4LImage-root": {
               width: "24px",
               height: "24px",
@@ -441,8 +483,7 @@ const a = (o) => ({
           }
         },
         "&.M4LRHFAutocomplete-sizeMedium": {
-          [`& .M4LRHFAutocomplete-skeleton,
-                          & .MuiAutocomplete-root`]: {
+          "& .M4LRHFAutocomplete-skeleton,\n                          & .MuiAutocomplete-root": {
             "& .M4LImage-root": {
               width: "28px",
               height: "28px",
@@ -452,6 +493,7 @@ const a = (o) => ({
             minHeight: "36px"
           }
         },
+        // variant image defined
         "&.M4LRHFAutocomplete-imageWidthDefined": {
           "& .M4LImage-root": {
             "& .M4LImage-img": {
@@ -459,13 +501,17 @@ const a = (o) => ({
             }
           }
         }
+        // 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",
@@ -484,9 +530,11 @@ const a = (o) => ({
             }
           }
         },
+        // Estilos generales para withImage
         "& .M4LRHFAutocomplete-withImage": {
           display: "flex",
           gap: "8px",
+          // Estados por evento de usuario
           "&:hover": {
             color: o.vars.palette.text.primary,
             backgroundColor: o.vars.palette.primary.activeOpacity
@@ -496,11 +544,14 @@ const a = (o) => ({
             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",
@@ -516,12 +567,15 @@ const a = (o) => ({
             }
           }
         },
+        // 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",
@@ -536,6 +590,7 @@ const a = (o) => ({
             }
           }
         },
+        // variación de ancho de imagen definido
         "&.M4LRHFAutocomplete-imageWidthDefined": {
           "& .M4LImage-img": {
             minWidth: "24px",
@@ -556,6 +611,7 @@ const a = (o) => ({
     styleOverrides: {
       "&.M4LRHFAutocomplete-sizeSmall": {
         height: "18px",
+        // important debido a que MUI agrega media queries directamente al elemento.
         minHeight: "18px !important",
         "& .MuiChip-deleteIcon": {
           fontSize: "16px"
@@ -566,6 +622,7 @@ const a = (o) => ({
       },
       "&.M4LRHFAutocomplete-sizeMedium": {
         height: "24px",
+        // important debido a que MUI agrega media queries directamente al elemento.
         minHeight: "24px !important",
         "& .MuiChip-deleteIcon": {
           fontSize: "20px"
@@ -631,6 +688,7 @@ const a = (o) => ({
             height: "36px"
           }
         },
+        /* General properties */
         "& .MuiFormControl-root": {
           "& .MuiInputBase-root": {
             padding: "0 4px 0 0",
@@ -685,6 +743,7 @@ const a = (o) => ({
             }
           }
         },
+        /* State hover */
         "&:hover": {
           "& .M4LTypography-root": {
             color: o.vars.palette.primary?.hover
@@ -699,6 +758,7 @@ const a = (o) => ({
             backgroundColor: o.vars.palette.primary?.hover
           }
         },
+        /* State focus and active */
         "&.M4LRHFDateTime-isFocus": {
           "& .M4LTypography-root": {
             color: o.vars.palette.primary.active
@@ -715,6 +775,7 @@ const a = (o) => ({
             backgroundColor: o.vars.palette.primary?.active
           }
         },
+        /* State error */
         "&.M4LRHFTextField-variantError": {
           "& .M4LRHFTextField-label": {
             color: o.vars.palette.error.main
@@ -740,6 +801,7 @@ const a = (o) => ({
             }
           }
         },
+        /* State disabled */
         "&.M4LRHFTextField-isDisabled": {
           "& .M4LRHFTextField-label": {
             color: o.vars.palette.text.disabled
@@ -836,6 +898,7 @@ const a = (o) => ({
                 gap: "0",
                 position: "relative",
                 overflow: "hidden",
+                // Icono de carga
                 "& .M4LRHFUploadImage-containerBodyImage": {
                   display: "flex",
                   justifyContent: "center",
@@ -885,6 +948,7 @@ const a = (o) => ({
             }
           }
         },
+        // Skeleton
         "& .M4LRHFUploadImage-skeleton": {
           maskPosition: "center!important",
           maskRepeat: "no-repeat!important",
@@ -896,6 +960,7 @@ const a = (o) => ({
           WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
         }
       },
+      // Imagen cargada
       "&.M4LRHFUploadImage-hasFile": {
         "& .M4LRHFUploadImage-placeHolder": {
           opacity: "0",
@@ -915,6 +980,7 @@ const a = (o) => ({
           "&:hover": {
             opacity: 1
           },
+          // Comportamiento Hover imagen cargada
           "& .M4LRHFUploadImage-containerUploadBoddy": {
             "& .M4LRHFUploadImage-containerBodyImage": {
               opacity: "0"
@@ -989,6 +1055,12 @@ const a = (o) => ({
           "& .M4LRHFColorPicker-boxColor": {
             cursor: "pointer"
           },
+          /* '& .M4LIcon-root': {
+                          minHeight: '18px',
+                          minWidth: '18px',
+                          cursor: 'pointer',
+                          borderRadius: '4px',
+                      }, */
           "& .M4LIcon-root:hover": {
             background: o.vars.palette.background.hover
           }

package/theme/overrides/MUIComponents/{index.2b5bc914.js → index-XoLdmZP6.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.border.line}`,
@@ -92,6 +95,9 @@ function l(r) {
 function p(r) {
   return {
     MuiIconButton: {
+      // defaultProps: {
+      //   color: theme.vars.palette.text.primary,
+      // },
       styleOverrides: {
         root: {
           "&.MuiIconButton-sizeSmall": {
@@ -109,6 +115,9 @@ function p(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 M(r) {
           width: "16px",
           height: "16px",
           borderRadius: "50%"
+          //background: "red",
         }
       }
     }
@@ -363,6 +374,7 @@ function f(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 f(r) {
             backgroundColor: r.vars.palette.background.default,
             boxShadow: `0 0 0 1px ${r.vars.palette.primary?.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 m(r) {
               display: "flex",
               flexDirection: "row"
             }
+            /*  "& .MuiPaper-root": {
+                 borderRadius: "4px",
+                 backgroundColor: theme.vars.palette.primary.activeOpacity,
+                 padding: "8px",
+             }, */
           }
         },
         modal: {
@@ -855,10 +875,18 @@ function z(r) {
 function A(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 A(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 $(r) {
         content: {
           ...r.colorSchemes.finalTheme.typography.subtitle2,
           margin: "0px",
+          // '& .MuiTypography-root': {
+          // },
           "&.Mui-expanded": {
             margin: "0px"
           }
@@ -951,6 +998,7 @@ function D(r) {
     MuiTypography: {
       defaultProps: {
         variantMapping: {
+          // Map the new variant to render a <h1> by default
           subtitleDens: "span"
         }
       },

package/theme/overrides/{index.cc540e59.js → index-B9xZa27y.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.2b5bc914.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.7d702163.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.dbc24a3d.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-XoLdmZP6.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-BRZVeOM5.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-C4PXddLa.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.fc293d0e.js → palette-DM0gXxA2.js}

@@ -148,6 +148,7 @@ const e = {
     "00": "#FFFFFF",
     10: "#FFFFFF",
     20: "#F9FAFA",
+    //'#F5F9FA',
     30: "#F4F5F5",
     40: "#F0F4F4",
     50: "#E6E8EA",
@@ -495,12 +496,17 @@ const a = {
       },
       background: {
         default: e.marbleLight[10],
+        // todo: revisar contra figma (old state.default)
         hover: a.oxford[4],
+        // todo: revisar contra figma (old state.hoverDefault)
         surface: a.oxford[4],
         subtle: e.marbleLight[10],
         main: e.marbleLight[30],
+        // todo: background.neutral
         bold: e.marbleLight[60],
+        // background.background
         backdrop: a.oxford[72],
+        // hace referencia a alpha(`${theme.colorSchemes.finalTheme.palette.patronus?.onyx[60]}`, 0.8)
         reverse: e.onyx[50],
         header: e.marbleLight[20]
       },
@@ -508,6 +514,7 @@ const a = {
         active: s?.active,
         selected: s?.selected,
         default: a.oxford[4],
+        // before oxford 12 (hoverDefault)
         primary: a.oxford[16],
         secondary: a.oxford[10],
         disabled: a.oxford[4],
@@ -534,7 +541,9 @@ const a = {
       },
       background: {
         default: e.onyx[40],
+        // todo: revisar contra figma (old state default)
         hover: a.mint[14],
+        // todo: revisar contra figma (old state hoverDefault)
         surface: a.mint[8],
         subtle: e.onyx[30],
         main: e.onyx[50],

package/theme/{shadows.67c0a60a.js → shadows-GTYqExFA.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/material/styles";
-import { G as n, B as s, C as e } from "./palette.fc293d0e.js";
+import { G as n, B as s, C as e } from "./palette-DM0gXxA2.js";
 const o = n[500], c = "#000000", t = (r) => {
   const p = a(r, 0.2), x = a(r, 0.14), $ = a(r, 0.12);
   return [
@@ -36,6 +36,7 @@ const o = n[500], c = "#000000", t = (r) => {
     success: `0px 2px 8px 0px ${a(s.acidGreen[50], 0.2)}`,
     warning: `0px 2px 8px 0px ${a(s.middleYellow[50], 0.2)}`,
     error: `0px 2px 8px 0px ${a(s.flameRed[50], 0.2)}`,
+    //
     card: `0 0 2px 0 ${a(n[500], 0.2)}, 0 12px 24px -4px ${a(
       n[500],
       0.12