@m4l/styles 2.0.2 → 2.0.3

package/theme/overrides/M4LExtendedComponents/{index-CyXBfJc_.js → index.79301515.js}

@@ -1,10 +1,14 @@
 import { alpha as t } from "@mui/material/styles";
 import { alpha as e } from "@mui/system";
-import { P as r } from "../../palette-CR1CkF2l.js";
-const p = (o) => ({
+import "../../defaultThemeOptions.d580f3ec.js";
+import "../../shadows.e0c009ff.js";
+import { P as r } from "../../palette.287635f2.js";
+import "../../typography.947dc33f.js";
+import "@mui/material";
+const c = (o) => ({
   M4LIcon: {
     styleOverrides: {
-      "&.M4LIcon-root": {
+      ["&.M4LIcon-root"]: {
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
@@ -50,10 +54,10 @@ const p = (o) => ({
       }
     }
   }
-}), d = (o) => ({
+}), g = (o) => ({
   M4LIconButton: {
     styleOverrides: {
-      "&.M4LIconButton-root": {
+      ["&.M4LIconButton-root"]: {
         position: "relative",
         borderRadius: "4px",
         display: "flex",
@@ -62,12 +66,8 @@ const p = (o) => ({
         transition: "all .3s ease",
         "& .M4LIcon-root .M4LIcon-icon": {
           transition: "all .3s ease",
-          //Cambiado bgPrimary temporalmente , originalmente primary 
           backgroundColor: o.vars.palette.text.primary
         },
-        // '& .M4LIcon-root .M4LIcon-icon': {
-        //     backgroundColor: theme.vars.palette.text.bgPrimary,
-        // },
         "&::before": {
           boxSizing: "content-box",
           border: "1px solid",
@@ -92,16 +92,11 @@ const p = (o) => ({
             height: "20px"
           }
         },
-        /* Size property */
         "& .MuiIconButton-root": {
           position: "static",
           borderRadius: "4px",
           padding: "0px"
         },
-        /* '.MuiIconButton-root:hover': {
-            backgroundColor: 'transparent',
-        }, */
-        /* Variant primary */
         "&.M4LIconButton-variantPrimary:not(&.M4LIconButton-isDisabled)": {
           backgroundColor: o.vars.palette.state?.default,
           "&:hover": {
@@ -127,7 +122,6 @@ const p = (o) => ({
             }
           }
         },
-        /* Variant secondary */
         "&.M4LIconButton-variantSecondary:not(&.M4LIconButton-isDisabled)": {
           borderColor: o.vars.palette.state.borderDens,
           "& .M4LIcon-icon": {
@@ -158,7 +152,6 @@ const p = (o) => ({
             }
           }
         },
-        /* Variant line */
         "&.M4LIconButton-variantLine:not(&.M4LIconButton-isDisabled)": {
           "&:hover": {
             backgroundColor: o.vars.palette.state?.active12,
@@ -181,17 +174,14 @@ const p = (o) => ({
             }
           }
         },
-        /* Variant disabled */
         "&.M4LIconButton-isDisabled": {
           "& .M4LIcon-icon": {
             backgroundColor: o.vars.palette.text.disabled
           }
         },
-        /* Variant skeleton */
         "&.M4LIconButton-root .MuiSkeleton-root": {
           borderRadius: "4px"
         },
-        //TODO: Para cambiar
         "&.M4LIconButton-togglePressed": {
           backgroundColor: "red!important",
           prop1: 1
@@ -199,10 +189,10 @@ const p = (o) => ({
       }
     }
   }
-}), l = (o) => ({
+}), x = (o) => ({
   M4LanguagePopover: {
     styleOverrides: {
-      "&.M4LanguagePopover-root": {
+      ["&.M4LanguagePopover-root"]: {
         "& .M4LImageButton-root": {
           "& .MuiButtonBase-root": {
             width: "32px",
@@ -220,10 +210,10 @@ const p = (o) => ({
       }
     }
   }
-}), s = (o) => ({
+}), u = (o) => ({
   M4LImageButton: {
     styleOverrides: {
-      "&.M4LImageButton-root": {
+      ["&.M4LImageButton-root"]: {
         test: "root",
         ".MuiButtonBase-root": {
           display: "flex",
@@ -274,10 +264,10 @@ const p = (o) => ({
       }
     }
   }
-}), c = (o) => ({
+}), b = (o) => ({
   M4LImage: {
     styleOverrides: {
-      "&.M4LImage-root": {
+      ["&.M4LImage-root"]: {
         display: "flex",
         flexDirection: "column",
         justifyContent: "center",
@@ -285,7 +275,7 @@ const p = (o) => ({
       }
     }
   }
-}), g = (o) => ({
+}), M = (o) => ({
   M4LPopover: {
     styleOverrides: {
       "&.M4LPopover-root": {
@@ -376,34 +366,29 @@ const p = (o) => ({
       }
     }
   }
-}), x = (o) => ({
+}), L = (o) => ({
   M4LErrorLabel: {
     styleOverrides: {
-      "&.M4LHelperText-root": {
-        /* Root properties */
-        /* Variant info */
+      ["&.M4LHelperText-root"]: {
         "&.M4LHelperText-variantInfo .MuiTypography-root": {
           color: o.vars.palette.info.main
         },
-        /* Variant success */
         "&.M4LHelperText-variantSuccess .MuiTypography-root": {
           color: o.vars.palette.success.main
         },
-        /* Variant success */
         "&.M4LHelperText-variantWarning .MuiTypography-root": {
           color: o.vars.palette.warning.main
         },
-        /* Variant success */
         "&.M4LHelperText-variantError .MuiTypography-root": {
           color: o.vars.palette.error.main
         }
       }
     }
   }
-}), u = (o) => ({
+}), v = (o) => ({
   M4LTypography: {
     styleOverrides: {
-      "&.M4LTypography-root": {
+      ["&.M4LTypography-root"]: {
         color: o.vars.palette.text.primary,
         display: "inline",
         "& .MuiTypography-root": {
@@ -412,29 +397,25 @@ const p = (o) => ({
       }
     }
   }
-}), b = (o) => ({
+}), h = (o) => ({
   M4LButton: {
     styleOverrides: {
       "&.M4LButton-root": {
-        /* Propiedades generales */
         transition: "all 0.2s",
         width: "fit-content",
         display: "flex",
         justifyContent: "center",
         ...o.colorSchemes.finalTheme.typography.action,
-        //height: '24px',
         minHeight: "24px",
         borderRadius: "4px",
         [o.breakpoints.down("md")]: {
           height: "36px",
           minHeight: "36px"
         },
-        /* General properties */
         "& .M4LButton-skeleton": {
           height: "100% !important",
           borderRadius: "4px"
         },
-        // Anulamos los estilos de color para el botón de mui
         "& .MuiButtonBase-root": {
           display: "flex",
           textTransform: "none",
@@ -509,7 +490,6 @@ const p = (o) => ({
             }
           }
         },
-        /* Sizes */
         "&.M4LButton-sizeSmall": {
           "& .MuiButtonBase-root": {
             padding: "4px 12px",
@@ -530,7 +510,6 @@ const p = (o) => ({
             height: "36px"
           }
         },
-        /* Variant contained */
         "&.M4LButton-variantContained": {
           backgroundColor: o.vars.palette.state?.active,
           color: o.vars.palette.patronus?.marbleLight[10],
@@ -546,13 +525,6 @@ const p = (o) => ({
               backgroundColor: o.vars.palette.patronus?.marbleLight[10]
             }
           },
-          // '& .active': {
-          //     backgroundColor: theme.vars.palette.state?.active,
-          //     color: theme.vars.palette.patronus?.marbleLight[10],
-          //     '& .M4LIcon-icon': {
-          //         backgroundColor: theme.vars.palette.patronus?.marbleLight[10],
-          //     },
-          // },
           "&.Mui-focusVisible": {
             backgroundColor: o.vars.palette.state?.active,
             color: o.vars.palette.patronus?.marbleLight[10],
@@ -564,7 +536,6 @@ const p = (o) => ({
             }
           }
         },
-        /* Variant outlined */
         "&.M4LButton-variantOutlined": {
           "& .MuiButtonBase-root": {
             border: "1px solid",
@@ -602,7 +573,6 @@ const p = (o) => ({
             }
           }
         },
-        /* Variant text */
         "&.M4LButton-variantText": {
           "& .MuiButtonBase-root": {
             color: o.vars.palette.text.primary,
@@ -635,29 +605,24 @@ const p = (o) => ({
             }
           }
         },
-        // Condiciones semánticas
-        // Error
         "&.M4LButton-colorError": {
           backgroundColor: `${o.vars.palette.state.error.normal}`,
           "&:hover": {
             backgroundColor: `${o.vars.palette.state.error.hover}`
           }
         },
-        // Warning
         "&.M4LButton-colorWarning": {
           backgroundColor: `${o.vars.palette.state.warning.normal}`,
           "&:hover": {
             backgroundColor: `${o.vars.palette.state.warning.hover}`
           }
         },
-        // Success
         "&.M4LButton-colorSuccess": {
           backgroundColor: `${o.vars.palette.state.success.normal}`,
           "&:hover": {
             backgroundColor: `${o.vars.palette.state.success.hover}`
           }
         },
-        //TODO: Para cambiar
         "&.M4LButton-togglePressed .MuiButtonBase-root": {
           backgroundColor: "red!important",
           prop1: 1
@@ -665,10 +630,10 @@ const p = (o) => ({
       }
     }
   }
-}), M = (o) => ({
+}), y = (o) => ({
   M4LNavLink: {
     styleOverrides: {
-      "&.M4LNavLink-root": {
+      ["&.M4LNavLink-root"]: {
         "& .M4LTypography-root": {
           color: o.vars.palette.state.active
         },
@@ -685,25 +650,17 @@ const p = (o) => ({
       }
     }
   }
-}), L = (o) => ({
+}), f = (o) => ({
   M4LSideBar: {
     styleOverrides: {
-      /* Estilos y funcionamiento general  */
       "&.M4LSideBar-root": {
-        "&.M4LSideBar-collapsed": {
-          /* '& .M4LSideBar-contentDesktop:not(.M4LSideBar-overlapping)': {
-                          width: '0',
-                          transition: 'all 0.2s',
-                      } */
-        },
-        // Funcionamiento escritorio expandir y colapsar
+        "&.M4LSideBar-collapsed": {},
         "& .M4LSideBar-wrapperSideBar": {
           height: "100%",
           transition: "all 0.3s",
           width: "240px",
           "& .M4LSideBar-areaExpandMenu": {
             position: "absolute",
-            // fixed
             zIndex: "99999",
             height: "100%",
             transition: "all 0.3s",
@@ -714,7 +671,6 @@ const p = (o) => ({
               height: "100%",
               boxShadow: o.vars.customShadows?.z2,
               transition: "all 0.3s",
-              /*  padding: '0 8px', */
               "& .M4LSideBar-containerContentGroupsFooter": {
                 flexGrow: "1",
                 display: "flex",
@@ -789,7 +745,6 @@ const p = (o) => ({
             height: "20px"
           }
         },
-        /* Condición para visualizar el botón de colapsar en caso de estar en estado colapsado */
         "&:hover": {
           "& .M4LSideBar-collapseButton": {
             opacity: "1!important",
@@ -805,12 +760,7 @@ const p = (o) => ({
           transition: "all 0.3s",
           boxShadow: o.vars.customShadows.z1,
           zIndex: "1"
-          /*  '&:hover': {
-                           backgroundColor: theme.vars.palette.background.background,
-                           transition: 'all 0.3s',
-                       } */
         },
-        /* Condición para ocultar el botón de colapsar en estado expandido. */
         "&:not(.M4LSideBar-collapsed) .M4LSideBar-collapseButton": {
           opacity: 0,
           transition: "all 0.3s"
@@ -921,7 +871,6 @@ const p = (o) => ({
                 justifyContent: "flex-start",
                 flexDirection: "column",
                 gap: "4px",
-                //paddingBottom: '4px',
                 height: "auto",
                 marginBottom: "2px",
                 "& .M4LSideBar-navItemMainRoot": {
@@ -946,7 +895,6 @@ const p = (o) => ({
                         o.colorSchemes.finalTheme.palette.state.active || "#fff",
                         0.24
                       ),
-                      // Validar implementación desde la creación del tema.
                       cursor: "pointer"
                     }
                   },
@@ -976,7 +924,6 @@ const p = (o) => ({
                       content: '""',
                       width: "3px",
                       height: "50%",
-                      //revisar
                       top: "25%",
                       bottom: "25%",
                       left: "0px",
@@ -1070,14 +1017,12 @@ const p = (o) => ({
                     },
                     "&:hover": {
                       background: o.vars.palette.state.default,
-                      // Validar implementación desde la creación del tema.
                       padding: "0 8px"
                     }
                   },
                   "& .M4LSideBar-navSubItemContentRoot": {
                     gap: "8px",
                     margin: "0px 0px 0px 0px",
-                    //padding: '16px',
                     "& .M4LSideBar-navSubItemContentBullet": {
                       minWidth: "5px",
                       minHeight: "5px",
@@ -1129,7 +1074,6 @@ const p = (o) => ({
         }
       },
       "&.M4LSideBar-root.M4LSideBar-variantComercial": {
-        //boxShadow: theme.customShadows?.z2,
         "& .M4LSideBar-subItemActive": {
           "& .M4LIcon-icon": {
             backgroundColor: `${o.vars.palette.state.focus}!important`
@@ -1248,7 +1192,6 @@ const p = (o) => ({
                         o.colorSchemes.finalTheme.palette.state.active || "#fff",
                         0.24
                       ),
-                      // Validar implementación desde la creación del tema.
                       cursor: "pointer"
                     }
                   },
@@ -1369,7 +1312,6 @@ const p = (o) => ({
                     "&:hover": {
                       padding: "0 8px",
                       background: o.vars.palette.state.default
-                      // Validar implementación desde la creación del tema.
                     }
                   },
                   "& .M4LSideBar-navSubItemContentRoot": {
@@ -1455,7 +1397,6 @@ const p = (o) => ({
                 textWrap: "nowrap"
               }
             },
-            // subitems en sidebar colapsado
             "& .MuiPaper-root": {
               "& .M4LSideBar-navListSubItemRoot": {
                 "& .M4LSideBar-subItemActive": {
@@ -1495,7 +1436,6 @@ const p = (o) => ({
             "&:hover": {
               padding: "0 8px",
               background: o.vars.palette.state.default
-              // Validar implementación desde la creación del tema.
             }
           }
         }
@@ -1530,7 +1470,6 @@ const p = (o) => ({
                 textWrap: "nowrap"
               }
             },
-            // subitems en sidebar colapsado
             "& .MuiPaper-root": {
               "& .M4LSideBar-navListSubItemRoot": {
                 "& .M4LSideBar-subItemActive": {
@@ -1570,14 +1509,12 @@ const p = (o) => ({
             "&:hover": {
               padding: "0 8px",
               background: o.vars.palette.state.default
-              // Validar implementación desde la creación del tema.
             }
           }
         }
       }
     }
   },
-  //Mobile
   M4LSideBarDrawer: {
     styleOverrides: {
       "&.M4LSideBar-drawer": {
@@ -1691,7 +1628,6 @@ const p = (o) => ({
                           o.colorSchemes.finalTheme.palette.state.active || "#fff",
                           0.24
                         ),
-                        // Validar implementación desde la creación del tema.
                         cursor: "pointer"
                       }
                     },
@@ -1813,7 +1749,6 @@ const p = (o) => ({
                       "&:hover": {
                         padding: "0 8px",
                         background: o.vars.palette.state.default
-                        // Validar implementación desde la creación del tema.
                       }
                     },
                     "& .M4LSideBar-navSubItemContentRoot": {
@@ -1875,11 +1810,6 @@ const p = (o) => ({
           }
         },
         "&.M4LSideBar-variantComercial": {
-          /* '& .MuiBackdrop-root': {
-                          background: 'transparent',
-                          backgroundColor: `rgba(0, 0, 0, 0.5) !important`,
-                          transition: 'transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms',
-                      }, */
           "& .M4LSideBar-contentMobile": {
             width: "100%",
             height: "100%",
@@ -1974,7 +1904,6 @@ const p = (o) => ({
                           o.colorSchemes.finalTheme.palette.state.active || "#fff",
                           0.24
                         ),
-                        // Validar implementación desde la creación del tema.
                         cursor: "pointer"
                       }
                     },
@@ -2096,7 +2025,6 @@ const p = (o) => ({
                       "&:hover": {
                         padding: "0 8px",
                         background: o.vars.palette.state.default
-                        // Validar implementación desde la creación del tema.
                       }
                     },
                     "& .M4LSideBar-navSubItemContentRoot": {
@@ -2127,13 +2055,6 @@ const p = (o) => ({
                   "& .MuiCollapse-root": {
                     marginLeft: "18px",
                     "&.M4LSideBar-drawer.M4LSideBar-variantComercial": {
-                      /* '& .MuiBackdrop-root': {
-                                                                  '& .MuiModal-backdrop': {
-                      
-                                                                      backgroundColor: 'rgba(0, 0, 0, 0.5)',
-                      
-                                                                  }
-                                                              }, */
                       "& .M4LSideBar-subItemActive": {
                         "& .M4LIcon-icon": {
                           backgroundColor: `${o.vars.palette.state.focus}!important`
@@ -2233,7 +2154,6 @@ const p = (o) => ({
                                       o.colorSchemes.finalTheme.palette.state.active || "#fff",
                                       0.24
                                     ),
-                                    // Validar implementación desde la creación del tema.
                                     cursor: "pointer"
                                   }
                                 },
@@ -2352,7 +2272,6 @@ const p = (o) => ({
                                   },
                                   "&:hover": {
                                     background: o.vars.palette.state.default,
-                                    // Validar implementación desde la creación del tema.
                                     padding: "0 8px"
                                   }
                                 },
@@ -2433,7 +2352,7 @@ const p = (o) => ({
       }
     }
   }
-}), v = (o) => ({
+}), w = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
@@ -2442,18 +2361,15 @@ const p = (o) => ({
         flexDirection: "row",
         overflow: "hidden",
         height: "auto",
-        //borderRadius: '6px',
         padding: "0px 12px",
         alignItems: "center",
         justifyContent: "space-between",
         width: "100%",
-        //maxWidth: '100%',
         gap: "8px",
         borderRight: "1px solid",
         borderLeft: "1px solid",
         borderColor: o.vars.palette.state.borderDisable,
         [o.breakpoints.down("sm")]: {
-          //boxShadow: theme.colorSchemes.finalTheme.customShadows.z1,
           paddingRight: "0px",
           width: "100%",
           maxWidth: "100%",
@@ -2469,7 +2385,6 @@ const p = (o) => ({
           display: "flex",
           flexDirection: "row-reverse",
           width: "100%",
-          //maxWidth: '100%',
           overflow: "auto",
           justifyContent: "center",
           alignItems: "center",
@@ -2488,7 +2403,6 @@ const p = (o) => ({
           [o.breakpoints.down("sm")]: {
             height: "auto",
             background: o.vars.palette.background.default,
-            //boxShadow: theme.colorSchemes.finalTheme.customShadows.z2,
             width: "100%",
             maxWidth: "100%",
             paddingRight: "0px",
@@ -2509,13 +2423,11 @@ const p = (o) => ({
             borderRadius: "4px",
             zIndex: "10000"
           },
-          //Chips
           "& .M4LAreasAdmin-areaContainerChipsIcon": {
             flexGrow: "1",
             display: "flex",
             flexDirection: "row",
             width: "100%",
-            //maxWidth: '100%',
             overflow: "auto",
             height: "36px",
             borderColor: o.vars.palette.state.hoverDefault,
@@ -2547,7 +2459,6 @@ const p = (o) => ({
               paddingLeft: "0px",
               paddingRight: "0px",
               width: "100%",
-              //maxWidth: '100%',
               height: "auto",
               alignItems: "center",
               [o.breakpoints.down("sm")]: {
@@ -2559,7 +2470,6 @@ const p = (o) => ({
                 display: "flex",
                 flexDirection: "row",
                 width: "100%",
-                //maxWidth: '100%',
                 height: "100%",
                 justifyContent: "space-between",
                 alignItems: "center",
@@ -2571,10 +2481,6 @@ const p = (o) => ({
                     borderColor: "transparent"
                   }
                 },
-                /*'& .simplebar-mask .simplebar-offset ': {
-                    display: 'flex',
-                    alignItems: 'center',
-                },*/
                 "& .M4LAreasAdmin-areaContentChips": {
                   display: "flex",
                   width: "fit-content",
@@ -2608,36 +2514,6 @@ const p = (o) => ({
                   }
                 }
               },
-              /*'& .simplebar-wrapper': {
-                                                  width: 'fit-content',
-                                                  maxWidth: '100%',
-                                                  [theme.breakpoints.down('sm')]: {
-                                                      width: '100%',
-                                                  },
-                                              },
-              
-                                              '& .simplebar-height-auto-observer-wrapper': {
-                                                  width: 'fit-content',
-                                                  maxWidth: '100%',
-                                                  overflow: 'auto',
-                                              },
-              
-                                              '& .simplebar-mask': {
-                                                  '& .simplebar-offset': {
-                                                      '& .simplebar-content-wrapper': {
-                                                          width: 'fit-content',
-                                                          maxWidth: '100%',
-                                                          overflow: 'auto',
-                                                          '& .simplebar-content': {
-                                                              width: 'fit-content',
-                                                              overflow: 'auto',
-                                                          },
-                                                      },
-                                                  },
-                                              },*/
-              /*'& .simplebar-content-wrapper': {
-                  width: 'fit-content',
-              },*/
               "& .M4LAreasAdmin-areaChipRoot ": {
                 margin: "0px",
                 borderRadius: "4px",
@@ -2662,14 +2538,6 @@ const p = (o) => ({
                     minHeight: "12px"
                   }
                 }
-                /*'& .M4LAreasAdmin-areaChipEditButton': {
-                    transition: 'all ease 0.3s',
-                    opacity: '0',
-                },
-                '&:hover .M4LAreasAdmin-areaChipEditButton': {
-                    transition: 'all ease 0.3s',
-                    opacity: '1',
-                },*/
               },
               "& .M4LAreasAdmin-areaChipMobileRoot": {
                 display: "flex",
@@ -2716,13 +2584,10 @@ const p = (o) => ({
                 "& .M4LIconButton-root": {
                   background: "transparent",
                   backgroundColor: "transparent",
-                  //height: '100%',
                   "&:hover": {
                     background: o.vars.palette.state.active12
                   },
-                  "& .M4LIcon-icon": {
-                    //backgroundColor:
-                  }
+                  "& .M4LIcon-icon": {}
                 }
               },
               "& .MuiBox-root": {
@@ -2730,10 +2595,6 @@ const p = (o) => ({
                 alignItems: "center",
                 height: "100%"
               },
-              /*'& .simplebar-content': {
-                  display: 'flex',
-                  alignItems: 'center',
-              },*/
               "& .M4LAreasAdmin-areaChipRoot": {
                 display: "flex",
                 background: o.vars.palette.state.default,
@@ -2749,9 +2610,6 @@ const p = (o) => ({
                   borderColor: "none",
                   boxShadow: "none"
                 },
-                /* [theme.breakpoints.down('sm')]: {
-                    height: 'auto',
-                },*/
                 "&.M4LAreasAdmin-selected": {
                   background: o.vars.palette.state.active,
                   ...o.colorSchemes.finalTheme.typography.body,
@@ -2851,12 +2709,6 @@ const p = (o) => ({
           "& .M4LAreasAdmin-areasAddButton": {
             flexGrow: "2",
             background: o.vars.palette.state.default
-            /*'& .M4LIcon-icon': {
-                backgroundColor: `${theme.vars.palette.patronus?.marbleLight[10]}`,
-                [theme.breakpoints.down('sm')]: {
-                    color: theme.vars.palette.text.primary,
-                },
-            },*/
           },
           "&.M4LAreasAdmin-isMobile": {
             overflow: "hidden",
@@ -2864,7 +2716,6 @@ const p = (o) => ({
             width: "100%",
             "& .M4LAreasAdmin-areaContainerChips": {
               width: "100%",
-              //overflow: 'hidden',
               background: "none",
               boxShadow: "none"
             }
@@ -2942,7 +2793,7 @@ const p = (o) => ({
       }
     }
   }
-}), h = (o) => ({
+}), m = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
@@ -3014,12 +2865,6 @@ const p = (o) => ({
               flexDirection: "column",
               padding: "6px 4px 6px 8px",
               boxShadow: o.vars.customShadows.z1,
-              //minHeight: '28px',
-              //height: '28px',
-              //[theme.breakpoints.down('md')]: {
-              //    height: '44px',
-              //    minHeight: '44px',
-              //},
               "& .M4LAreasViewer-windowHeaderContent": {
                 display: "flex",
                 width: "100%",
@@ -3061,7 +2906,6 @@ const p = (o) => ({
                 overflow: "visible"
               }
             },
-            // Contenedor de window
             "& .M4LAreasViewer-windowContent": {
               padding: "16px",
               background: o.vars.palette.background.default,
@@ -3102,7 +2946,6 @@ const p = (o) => ({
                 }
               }
             },
-            // Area seleccionada
             "&.M4LAreasViewer-selectedWindow": {
               border: "1.5px solid",
               borderColor: o.vars.palette.state.lineTheme,
@@ -3208,11 +3051,6 @@ const p = (o) => ({
                 borderTopRightRadius: "4px",
                 background: o.vars.palette.background.header,
                 border: "none",
-                //height: '28px',
-                //minHeight: '28px',
-                //[theme.breakpoints.down('md')]: {
-                //    minHeight: '36px',
-                //},
                 "& .M4LIcon-root": {
                   "& .M4LIcon-icon": {
                     width: "18px",
@@ -3333,7 +3171,6 @@ const p = (o) => ({
   },
   M4LAreasViewerModal: {
     styleOverrides: {
-      // WindowsModal
       "&.M4LAreasViewer-windowModalRoot .M4LAreasViewer-windowRoot": {
         borderRadius: "4px",
         boxShadow: o.vars.customShadows.z4,
@@ -3359,7 +3196,6 @@ const p = (o) => ({
             fontSize: "16px"
           }
         },
-        // LoaddingError
         "& .M4LAreasViewer-areasLoadingErrorRoot": {
           display: "flex",
           flexDirection: "column",
@@ -3379,19 +3215,16 @@ const p = (o) => ({
             gap: "12px",
             position: "absolute",
             inset: "0",
-            // Contenedor de ilustracion
             "& .M4LIcon-root": {
               display: "flex",
               padding: "12px",
               marginBottom: "4px",
-              // Ilustración
               " .M4LIcon-icon": {
                 width: "100px",
                 height: "100px",
                 backgroundColor: o.vars.palette.state.skeleton.default
               }
             },
-            // Título
             "& .M4LAreasViewer-areasLoadingErrorTitle": {
               ...o.colorSchemes.finalTheme.typography.h3,
               color: o.vars.palette.text.primary,
@@ -3399,18 +3232,15 @@ const p = (o) => ({
                 ...o.colorSchemes.finalTheme.typography.h5
               }
             },
-            // Subtítulo (explicaciòn de resultado)
             "& .M4LAreasViewer-areasLoadingErrorDescription": {
               ...o.colorSchemes.finalTheme.typography.subtitle,
               color: o.vars.palette.text.secondary
             },
-            // Linea divisora
             "& .M4LAreasViewer-areasLoadingErrorDivider": {
               width: "208px",
               height: "1px",
               background: o.vars.palette.state.skeleton.default
             },
-            // pasos de acción
             "& .MuiTypography-paragraph": {
               ...o.colorSchemes.finalTheme.typography.body,
               color: o.vars.palette.text.primary
@@ -3507,7 +3337,7 @@ const p = (o) => ({
       }
     }
   }
-}), y = (o) => ({
+}), C = (o) => ({
   M4LAppBar: {
     styleOverrides: {
       "&.M4LAppBar-root": {
@@ -3561,18 +3391,12 @@ const p = (o) => ({
           justifyContent: "space-between",
           "& .M4LAppBar-iconMenuToggle": {
             background: o.vars.palette.state.default,
-            //boxShadow: theme.colorSchemes.finalTheme.customShadows.z1,
-            //borderTop: "1px solid",
-            //borderColor: theme.vars.palette.state.default,
             width: "36px",
             height: "36px",
             minWidth: "36px",
             minHeight: "36px",
             [o.breakpoints.down("sm")]: {
               background: o.vars.palette.state.default,
-              //boxShadow: theme.colorSchemes.finalTheme.customShadows.z1,
-              //borderTop: "1px solid",
-              //borderColor: theme.vars.palette.state.default,
               width: "36px",
               height: "36px",
               minWidth: "36px",
@@ -3628,7 +3452,7 @@ const p = (o) => ({
       }
     }
   }
-}), f = (o) => ({
+}), k = (o) => ({
   M4LAvatar: {
     styleOverrides: {
       "&.M4LAvatar-root": {
@@ -3642,13 +3466,11 @@ const p = (o) => ({
           width: "28px !important",
           height: "28px !important",
           borderRadius: "4px",
-          //padding: '4px',
           background: r.blazeOrange[50],
           color: r.marbleLight[30],
           boxShadow: o.vars.customShadows.z1,
           ...o.typography.subtitle
         },
-        //desktop
         [o.breakpoints.up("md")]: {
           width: "28px !important",
           height: "28px !important",
@@ -3669,7 +3491,7 @@ const p = (o) => ({
       }
     }
   }
-}), w = (o) => ({
+}), S = (o) => ({
   M4LAccountPopover: {
     styleOverrides: {
       "&.M4LAccountPopover-root": {
@@ -3948,7 +3770,7 @@ const p = (o) => ({
       }
     }
   }
-}), m = (o) => ({
+}), B = (o) => ({
   M4LModuleLayout: {
     styleOverrides: {
       "&.M4LModuleLayout-root": {
@@ -3965,7 +3787,7 @@ const p = (o) => ({
       }
     }
   }
-}), C = (o) => ({
+}), I = (o) => ({
   M4LMasterDetailLayout: {
     styleOverrides: {
       "&.M4LMasterDetailLayout-root": {
@@ -3987,7 +3809,6 @@ const p = (o) => ({
             gap: "8px"
           }
         },
-        /* test properties */
         "& .M4LSplitLayout-secondPart": {
           background: o.vars.palette.background.default,
           borderRadius: "4px"
@@ -3999,7 +3820,7 @@ const p = (o) => ({
       }
     }
   }
-}), k = (o) => ({
+}), T = (o) => ({
   M4LSplitLayout: {
     styleOverrides: {
       "&.M4LSplitLayout-root": {
@@ -4021,11 +3842,9 @@ const p = (o) => ({
           width: "100%",
           height: "100%",
           "& .M4LStack-root": {
-            //gap: '8px',
             overflow: "hidden"
           }
         },
-        // Configuracion por defecto en horizontal
         "& .splitter-layout": {
           position: "absolute",
           display: "flex",
@@ -4034,28 +3853,23 @@ const p = (o) => ({
           height: "100%",
           overflow: "hidden"
         },
-        // Configuracion de ambos paneles a dividir
         "& .splitter-layout .layout-pane": {
           position: "relative",
           flex: "0 0 auto",
           overflow: "hidden"
         },
-        // Configuración del panel principal
         "& .splitter-layout .layout-pane.layout-pane-primary": {
           flex: "1 1 auto"
         },
-        // Configuración del cursor en horizontal
         "& .splitter-layout.layout-changing": {
           cursor: "col-resize"
         },
-        // Configuración barran grande cuando es horizontal
         "& .splitter-layout > .layout-splitter": {
           display: "flex",
           alignItems: "center",
           backgroundColor: "none",
           boxSizing: "border-box",
           backgroundClip: "padding-box",
-          // Propiedades del horizontal
           width: "8px",
           margin: "0 0.5px",
           borderLeft: "4px solid hsla(0, 0%, 5%, 0)",
@@ -4064,7 +3878,6 @@ const p = (o) => ({
           justifyContent: "center",
           height: "100%"
         },
-        // Configuración divisorra interna posición horizontal del split
         "& .splitter-layout .layout-splitter:before": {
           content: '""',
           height: "56px",
@@ -4075,17 +3888,14 @@ const p = (o) => ({
           borderRadius: "1px",
           margin: "1px 0px"
         },
-        // Hover de la barra externa en posición horizontal
         "& .splitter-layout > .layout-splitter:hover": {
           borderRadius: "2px",
           borderLeft: "2px",
           borderRight: "2px"
         },
-        // Configuración del cursor en horizontal
         "& .splitter-layout.splitter-layout-vertical.layout-changing": {
           cursor: "row-resize"
         },
-        // Barra divisora vertical del split
         "& .splitter-layout.splitter-layout-vertical > .layout-splitter": {
           height: "8px !important",
           width: "100% !important",
@@ -4094,7 +3904,6 @@ const p = (o) => ({
           borderBottom: "4px solid hsla(0, 0%, 2%, 0)",
           cursor: "row-resize"
         },
-        // Configuración barra divisora interna vertical del split
         "& .splitter-layout.splitter-layout-vertical .layout-splitter:before": {
           width: "56px !important",
           height: "4px !important",
@@ -4104,12 +3913,9 @@ const p = (o) => ({
           borderRadius: "2px",
           zIndex: "1"
         },
-        // Color del hover y el arrastrando del splitter
         "& .splitter-layout > .layout-splitter:hover:before, .splitter-layout.layout-changing >  .layout-splitter:before": {
-          // barra interna vertical
           background: o.vars.palette.state.hover
         },
-        // Dirección flex cuando es vertical
         "& .splitter-layout.splitter-layout-vertical": {
           flexDirection: "column",
           position: "relative",
@@ -4118,7 +3924,6 @@ const p = (o) => ({
             height: "2px",
             left: "0",
             right: "0",
-            /* top: 'calc(50% - 6px)', */
             position: "absolute",
             background: o.vars.palette.state.borderPrimary
           }
@@ -4133,11 +3938,10 @@ const p = (o) => ({
             background: o.vars.palette.state.borderPrimary
           }
         }
-        // Borde gris cuando esta en over y es vertical                  
       }
     }
   }
-}), S = (o) => ({
+}), R = (o) => ({
   M4LCommonActions: {
     styleOverrides: {
       "&.M4LCommonActions-root": {
@@ -4150,7 +3954,7 @@ const p = (o) => ({
       }
     }
   }
-}), B = (o) => ({
+}), A = (o) => ({
   M4LinearProgressIndeterminate: {
     styleOverrides: {
       "&.M4LinearProgressIndeterminate-root": {
@@ -4204,7 +4008,7 @@ const p = (o) => ({
       }
     }
   }
-}), I = (o) => ({
+}), P = (o) => ({
   M4LPropertyValue: {
     styleOverrides: {
       "&.M4LPropertyValue-root": {
@@ -4213,16 +4017,13 @@ const p = (o) => ({
         alignItems: "flex-start",
         width: "100%",
         minHeight: "23px",
-        //height: '24px',
         flexDirection: "column",
         borderBottom: "1px solid",
         borderColor: o.vars.palette.state.borderDisable,
-        // Condición de visualización de vista móvil.
         "&.M4LPropertyValue-isMobile": {
           gridTemplateColumns: "1fr!important",
           minHeight: "24px"
         },
-        // Condicion con variación de formulario.
         "&.M4LPropertyValue-variantIsForm": {
           minHeight: "24px",
           borderBottom: "none",
@@ -4231,12 +4032,10 @@ const p = (o) => ({
           gap: "4px",
           alignItems: "flex-start"
         },
-        // Elemento property
         "& .M4LPropertyValue-property": {
           maxWidth: "100%",
           width: "100% !important",
           minHeight: "24px",
-          //height: '24px !important',
           ...o.colorSchemes.finalTheme.typography.body,
           color: o.vars.palette.text.secondary,
           fontWeight: "400 !important",
@@ -4257,7 +4056,6 @@ const p = (o) => ({
           maxWidth: "100%",
           width: "100%",
           minHeight: "24px",
-          //height: '24px !important',
           ...o.colorSchemes.finalTheme.typography.body,
           color: o.vars.palette.text.primary,
           overflow: "hidden",
@@ -4274,24 +4072,14 @@ const p = (o) => ({
           "& .M4LRHFTextField-root.M4LRHFTextField-sizeSmall": {
             "& .MuiFormControl-root": {
               "& .MuiInputBase-root": {
-                //borderRadius: '0',
-                //background: 'transparent',
-                "& .MuiOutlinedInput-notchedOutline": {
-                  //border: '0',                                                                               
-                  //borderRadius: '0',
-                }
+                "& .MuiOutlinedInput-notchedOutline": {}
               }
             }
           },
           "& .M4LRHFTextField-root.M4LRHFTextField-sizeMedium": {
             "& .MuiFormControl-root": {
               "& .MuiInputBase-root": {
-                //borderRadius: '0',
-                //background: 'transparent',
-                "& .MuiOutlinedInput-notchedOutline": {
-                  //border: '0',                                        
-                  //borderRadius: '0',
-                }
+                "& .MuiOutlinedInput-notchedOutline": {}
               }
             }
           }
@@ -4306,7 +4094,6 @@ const p = (o) => ({
               paddingLeft: "8px"
             }
           },
-          // Elemento property
           "& .M4LPropertyValue-property": {
             minHeight: "36px",
             height: "auto",
@@ -4323,7 +4110,7 @@ const p = (o) => ({
       }
     }
   }
-}), T = (o) => ({
+}), D = (o) => ({
   M4LTab: {
     styleOverrides: {
       "&.M4LTab-root": {
@@ -4357,14 +4144,12 @@ const p = (o) => ({
         "& .MuiTab-root": {
           borderBottom: `1px solid ${o.vars.palette.state.borderSecondary}`
         },
-        // estado hover
         "& .MuiButtonBase-root:hover": {
           color: o.vars.palette.state.hover,
           "& .M4LIcon-icon": {
             backgroundColor: o.vars.palette.state.hover
           }
         },
-        // estado selected
         "& .Mui-selected": {
           background: o.vars.palette.background.default,
           borderTop: `1px solid ${o.vars.palette.state.borderSecondary}`,
@@ -4388,7 +4173,7 @@ const p = (o) => ({
       }
     }
   }
-}), R = (o) => ({
+}), H = (o) => ({
   M4LAccordion: {
     styleOverrides: {
       "&.M4LAccordion-root": {
@@ -4529,7 +4314,7 @@ const p = (o) => ({
       }
     }
   }
-}), A = (o) => ({
+}), W = (o) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -4544,7 +4329,7 @@ const p = (o) => ({
       }
     }
   }
-}), P = (o) => ({
+}), O = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
@@ -4724,7 +4509,7 @@ const p = (o) => ({
       }
     }
   }
-}), D = (o) => ({
+}), z = (o) => ({
   M4LModalDialog: {
     styleOverrides: {
       "&.M4LModal-root": {
@@ -4736,7 +4521,6 @@ const p = (o) => ({
             width: "100%",
             height: "100%"
           },
-          // Contenedor Window Confirm
           "& .M4LModal-containerWindow": {
             display: "flex",
             flexDirection: "column",
@@ -4748,7 +4532,6 @@ const p = (o) => ({
             background: o.vars.palette.background.default,
             boxShadow: o.customShadows?.z2,
             borderRadius: "4px",
-            // Contenedor botones de acción
             "& .M4LCommonActions-root": {
               padding: "16px 0 0 0",
               margin: "0px",
@@ -4768,14 +4551,12 @@ const p = (o) => ({
               width: "100%",
               overflow: "auto",
               gap: "12px",
-              // Contenedor
               "& .M4LModal-modalContent": {
                 display: "flex",
                 flexDirection: "column",
                 justifyContent: "center",
                 alignItems: "center",
                 gap: "12px",
-                // Ilustración
                 "& .M4LModal-illustrationContainer": {
                   display: "flex",
                   flexDirection: "column",
@@ -4785,12 +4566,10 @@ const p = (o) => ({
                   height: "100px",
                   width: "100px"
                 },
-                // Título de alerta
                 "& .MuiTypography-subtitle": {
                   ...o.colorSchemes.finalTheme.typography.subtitleDens,
                   color: o.vars.palette.text.primary
                 },
-                // Mensaje de alerta
                 "& .M4LModal-messageContainer": {
                   ...o.colorSchemes.finalTheme.typography.body,
                   color: o.vars.palette.text.secondary,
@@ -4818,9 +4597,7 @@ const p = (o) => ({
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              "& .M4LModal-iconCloseHeader": {
-                /* Optional overrides */
-              }
+              "& .M4LModal-iconCloseHeader": {}
             },
             "& .M4LModal-windowContent": {
               padding: "24px",
@@ -4831,24 +4608,10 @@ const p = (o) => ({
               flex: "1",
               overflow: "hidden",
               "& .M4LStack-root": {
-                //gap: '8px',
                 overflow: "hidden"
               }
             }
           }
-          /*'& .react-resizable': {
-                                      display: 'flex',
-                                      flexDirection: 'column',
-                                      justifyContent: 'center',
-                                      alignItems: 'center',
-          
-                                      '& .M4LIcon-root': {
-                                          '& .M4LIcon-icon': {
-                                              background: theme.vars.palette.text.secondary,
-                                              boxShadow: theme.colorSchemes.finalTheme.customShadows.z1,
-                                          },
-                                      },
-                                  }, */
         }
       },
       "& .MuiPaper-root.MuiDialog-paperFullScreen": {
@@ -4872,7 +4635,7 @@ const p = (o) => ({
       }
     }
   }
-}), H = (o) => ({
+}), V = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
@@ -4883,11 +4646,9 @@ const p = (o) => ({
         borderColor: o.vars.palette.state.borderSecondary,
         width: "100%",
         height: "auto",
-        // variante isForm
         "&.M4LPaperForm-isForm .M4LPaperForm-content": {
           gap: "12px"
         },
-        // Header
         "& .M4LPaperForm-headerContainer": {
           width: "100%",
           height: "28px",
@@ -4901,19 +4662,16 @@ const p = (o) => ({
             height: "36px",
             minHeight: "36px"
           },
-          //Title paperForm 
           "& .M4LPaperForm-iconTitleContainer": {
             ...o.colorSchemes.finalTheme.typography.bodyDens,
             color: o.vars.palette.text.primary,
             display: "flex",
             gap: "8px",
-            //Icon paperForm
             "& .M4LPaperForm-iconHeaderContainer": {
               margin: "0px"
             }
           }
         },
-        //Container paperForm
         "& .M4LPaperForm-content": {
           display: "flex",
           flexDirection: "column",
@@ -4926,7 +4684,7 @@ const p = (o) => ({
       }
     }
   }
-}), W = (o) => ({
+}), G = (o) => ({
   M4LTooltip: {
     styleOverrides: {
       "&.M4LTooltip-root": {
@@ -4947,7 +4705,7 @@ const p = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), F = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -4978,7 +4736,7 @@ const p = (o) => ({
       }
     }
   }
-}), z = (o) => (console.log("Test media query", o.typography.body), {
+}), j = (o) => (console.log("Test media query", o.typography.body), {
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -4998,9 +4756,7 @@ const p = (o) => ({
             color: o.vars.palette.text.secondary
           }
         },
-        // Condicion Breakpoint css Query Container
-        // Condiciones BreakPoint < sm
-        "&.M4LDataGrid-xs": {
+        ["&.M4LDataGrid-xs"]: {
           "& .M4LDataGrid-actions": {
             height: "44px",
             "& .M4LPager-labelRowsPerPageContainer": {
@@ -5029,12 +4785,9 @@ const p = (o) => ({
           background: o.vars.palette.background.default,
           position: "absolute",
           gap: "8px",
-          "@container main (max-width: 600px)": {
+          ["@container main (max-width: 600px)"]: {
             height: "44px"
           },
-          /*  [theme.breakpoints.down('sm')]: {
-                           height: '44px',
-                       }, */
           "& .M4LDataGrid-actionsConfigContainer": {
             display: "flex",
             flexDirection: "row",
@@ -5044,15 +4797,6 @@ const p = (o) => ({
               background: o.vars.palette.background.default
             }
           },
-          /*'& .M4LPager-root': {
-                          '& .M4LPager-labelRowsPerPageContainer': {
-                              '& .MuiTypography-root': {
-                                  '&.MuiTypography-body': {
-                                      textOverflow: 'ellipsis',
-                                  },
-                              },
-                          },
-                      },*/
           "& .M4LDataGrid-rowsCount": {
             display: "flex",
             gap: "8px",
@@ -5061,7 +4805,6 @@ const p = (o) => ({
               ...o.colorSchemes.finalTheme.typography.body,
               color: o.vars.palette.text.primary,
               height: "100%"
-              //revisar
             },
             "& .M4LDataGrid-rowsCountValue": {
               paddingTop: "4px",
@@ -5072,13 +4815,8 @@ const p = (o) => ({
               borderRadius: "4px"
             }
           },
-          /* Action density se carga en el portal M4LDataGridDensityPopover, no se debe estilar desde aquí. */
-          "& .M4LDataGrid-actionFilter": {
-            /* Estilos de iconButton Filter */
-          },
-          "& .M4LDataGrid-actionSettings": {
-            /* Estilos de iconButton Settings */
-          }
+          "& .M4LDataGrid-actionFilter": {},
+          "& .M4LDataGrid-actionSettings": {}
         },
         "& .M4LDataGrid-tableContaniner:not(.M4LDataGrid-withActions)": {
           top: "0!important"
@@ -5097,7 +4835,7 @@ const p = (o) => ({
           border: "none",
           boxshadow: o.customShadows?.z2,
           background: o.vars.palette.background.default,
-          "@container main (max-width: 600px)": {
+          ["@container main (max-width: 600px)"]: {
             top: "44px"
           },
           "& .M4LDataGrid-wrapperDataGridCss": {
@@ -5128,9 +4866,6 @@ const p = (o) => ({
                 o.colorSchemes.finalTheme.palette.action.selectedOpacity
               ),
               "--rdg-border-color": "none",
-              // "--rdg-checkbox-disabled-border-color:":theme.vars.palette.divider,
-              // "--rdg-checkbox-disabled-background-color":theme.vars.palette.,
-              /* border-bottom-right-radius: 3px; */
               "&:last-child .rdg-cell": {
                 borderTop: "0.5px solid",
                 borderBottom: "1px solid",
@@ -5162,7 +4897,6 @@ const p = (o) => ({
                   backgroundColor: `${o.vars.palette.state.gridHover}!important`,
                   transition: "background-color 0.1s linear"
                 }
-                /* backgroundColor: theme.vars.palette.state.active12, */
               },
               backgroundColor: "transparent"
             },
@@ -5201,7 +4935,6 @@ const p = (o) => ({
                 borderRight: `0px solid ${o.vars.palette.divider}`,
                 position: "absolute",
                 right: "0px",
-                // Por desajuste en chrome en el espaciado
                 height: "100%"
               },
               "& .m4l_icon": {
@@ -5215,13 +4948,11 @@ const p = (o) => ({
             '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
               ...o.colorSchemes.finalTheme.typography.bodyDens,
               lineHeight: "var(--rdg-row-height)!important",
-              //ajuste de contenido filtro del DataGrid
               height: "28px",
               display: "flex",
               justifyContent: "center",
               alignItems: "center"
             },
-            // Esta condicion para el flujo de cabecera cuando no tiene utilidad sort
             '& .rdg-cell[role="columnheader"] [draggable="true"]': {
               ...o.colorSchemes.finalTheme.typography.bodyDens,
               lineHeight: "var(--rdg-row-height)!important"
@@ -5229,12 +4960,10 @@ const p = (o) => ({
             "& [aria-selected=true]": {
               backgroundColor: o.vars.palette.state?.toneOp,
               color: o.vars.palette.text.primary,
-              //cambia el color del contorno de cada celda selecionada
               outline: "1px solid",
               outlineOffset: "-1px",
               outlineColor: o.vars.palette.state.lineTheme
             },
-            // Alineaciones
             "& .rdg-cell.rdg-cell-align-left": {
               textAlign: "start",
               display: "inline",
@@ -5248,11 +4977,9 @@ const p = (o) => ({
             "& .rdg-cell.rdg-cell-align-right": {
               textAlign: "right"
             },
-            // Estilado de la ultima celda congelada
             "& .rdg-row .rdg-cell-frozen-last:after": {
               borderRight: "0px solid transparent"
             },
-            // Estilado de la ultima celda (Quitar la linea divisora derecha)
             "& .rdg-row :last-child:after": {
               borderRight: "0px solid",
               borderColor: o.vars.palette.background.neutral
@@ -5260,7 +4987,6 @@ const p = (o) => ({
             "& .rdg-header-row": {
               backgroundColor: o.vars.palette.background.header
             },
-            // Estilado de celdas de la cabecera
             "& .rdg-header-row .rdg-cell": {
               fontFamily: o.typography.body,
               fontWeight: o.typography.body,
@@ -5274,14 +5000,10 @@ const p = (o) => ({
               '& [draggable="true"]': {
                 fontSize: o.typography.body
               },
-              // Ultima celda de la cebecera frozen
               "&.rdg-cell-frozen-last": {
                 borderColor: o.vars.palette.background.default,
                 boxShadow: "var(--rdg-frozen-cell-box-shadow)",
-                "&:after": {
-                  //borderRight: `1.5px solid`,
-                  //borderColor: theme.vars.palette.background.neutral,
-                }
+                "&:after": {}
               },
               "& .rdg-header-sort-cell": {
                 "& .rdg-header-sort-name + span": {
@@ -5293,40 +5015,27 @@ const p = (o) => ({
                   }
                 }
               },
-              // Modificar el tamaño de la flecha
               "& .rdg-sort-arrow": {}
             },
-            // Estilado de la ultima celda Header
             "& .rdg-header-row :last-child.rdg-cell": {
               borderTopRightRadius: "0",
               "&:after": {
                 borderRight: "0px solid transparent"
               }
             },
-            // filter
             "& .filter_cell_div": {
               paddingLeft: "8px",
               paddingRight: "8px"
             },
-            //
             "& .rdg-header-sort-cell": {
               width: "100%",
               flexGrow: "1",
               alignItems: "center",
               color: o.vars.palette.text.primary
             }
-            /*  '& [aria-columnsort="ASC"]': {
-                              borderTop: `2px solid ${theme.vars.palette.primary.main}`,
-                          }, */
-            /* '& [aria-columnsort="DESC"]': {
-                              borderBottom: `2px solid ${theme.vars.palette.primary.main}`,
-                          }, */
           }
         },
-        /* Flujo sin paginador */
-        "&.M4LDataGrid-withNoPager": {
-          /*  Por definir */
-        }
+        "&.M4LDataGrid-withNoPager": {}
       }
     }
   },
@@ -5374,7 +5083,7 @@ const p = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), N = (o) => ({
   M4LPager: {
     styleOverrides: {
       "&.M4LPager-root": {
@@ -5385,7 +5094,6 @@ const p = (o) => ({
         whiteSpace: "nowrap",
         width: "100%",
         justifyContent: "space-between",
-        // pagerActions
         "& .M4LPager-pagerActions": {
           display: "flex",
           padding: "2px",
@@ -5482,7 +5190,7 @@ const p = (o) => ({
       }
     }
   }
-}), G = (o) => ({
+}), E = (o) => ({
   M4LCheckBox: {
     styleOverrides: {
       "&.M4LCheckBox-root": {
@@ -5500,7 +5208,6 @@ const p = (o) => ({
           color: o.vars.palette.text.primary,
           ...o.colorSchemes.finalTheme.typography.body
         },
-        /* caso small */
         "&.M4LCheckBox-small ": {
           "& .MuiButtonBase-root": {
             width: "24px",
@@ -5511,7 +5218,6 @@ const p = (o) => ({
           width: "16px",
           height: "16px"
         },
-        /* caso medium */
         "&.M4LCheckBox-medium": {
           "& .MuiButtonBase-root": {
             width: "24px",
@@ -5526,7 +5232,6 @@ const p = (o) => ({
           width: "20px",
           height: "20px"
         },
-        // Caso general
         "& .MuiButtonBase-root": {
           borderRadius: "4px",
           "& .MuiSvgIcon-root": {
@@ -5544,7 +5249,6 @@ const p = (o) => ({
         "& .MuiButtonBase-root:hover .MuiSvgIcon-root": {
           fill: o.vars.palette.state?.hover
         },
-        /* caso general */
         "& .M4LCheckBox-checkTypography .MuiTypography-root": {
           ...o.colorSchemes.finalTheme.typography.body
         },
@@ -5554,14 +5258,13 @@ const p = (o) => ({
         "& .M4LCheckBox-stateDisabled .MuiTypography-root": {
           color: o.vars.palette.text.disabled
         },
-        /* selector del caso focus por tab */
         "& .MuiButtonBase-root .Mui-focusVisible:focus-visible": {
           outline: "#fff00"
         }
       }
     }
   }
-}), F = (o) => ({
+}), $ = (o) => ({
   M4LStack: {
     styleOverrides: {
       "&.M4LStack-root": {
@@ -5574,7 +5277,7 @@ const p = (o) => ({
       }
     }
   }
-}), j = (o) => ({
+}), U = (o) => ({
   M4LTabs: {
     styleOverrides: {
       "&.M4LTabs-root": {
@@ -5614,7 +5317,7 @@ const p = (o) => ({
       }
     }
   }
-}), N = (o) => ({
+}), _ = (o) => ({
   M4LNoItemSelected: {
     styleOverrides: {
       "&.M4LNoItemSelected-root": {
@@ -5634,7 +5337,7 @@ const p = (o) => ({
       }
     }
   }
-}), E = (o) => ({
+}), q = (o) => ({
   M4LScrollBar: {
     styleOverrides: {
       "&.M4LScrollBar-root": {
@@ -5669,7 +5372,7 @@ const p = (o) => ({
       }
     }
   }
-}), $ = (o) => ({
+}), J = (o) => ({
   M4LGridLayout: {
     styleOverrides: {
       "&.M4LGridLayout-root": {
@@ -5677,7 +5380,7 @@ const p = (o) => ({
       }
     }
   }
-}), U = (o) => ({
+}), K = (o) => ({
   M4LTabContent: {
     styleOverrides: {
       "&.M4LTabContent-root": {
@@ -5708,7 +5411,7 @@ const p = (o) => ({
       }
     }
   }
-}), _ = (o) => ({
+}), Q = (o) => ({
   M4LMenuActions: {
     styleOverrides: {
       "&.M4LMenuActions-root": {
@@ -5742,7 +5445,7 @@ const p = (o) => ({
       }
     }
   }
-}), q = (o) => ({
+}), X = (o) => ({
   M4LPrintingSystem: {
     styleOverrides: {
       "&.M4LPrintingSystem-root": {
@@ -5924,7 +5627,7 @@ const p = (o) => ({
       }
     }
   }
-}), J = (o) => ({
+}), Y = (o) => ({
   M4LFormatter: {
     styleOverrides: {
       "&.M4LFormatter-root": {
@@ -5941,7 +5644,7 @@ const p = (o) => ({
       }
     }
   }
-}), K = (o) => ({
+}), Z = (o) => ({
   M4LoadingError: {
     styleOverrides: {
       "&.M4LoadingError-root": {
@@ -5963,11 +5666,9 @@ const p = (o) => ({
           gap: "12px",
           position: "absolute",
           inset: "0",
-          // Contenedor de ilustracion
           "& .M4LIcon-root": {
             display: "flex",
             padding: "12px",
-            // Ilustración
             " .M4LIcon-icon": {
               width: "100px",
               height: "100px",
@@ -5977,7 +5678,6 @@ const p = (o) => ({
           "& .M4LoadingError-titleDescription": {
             textAlign: "center"
           },
-          // Título
           "& .M4LoadingError-loadingErrorTitle": {
             ...o.colorSchemes.finalTheme.typography.h5,
             color: o.vars.palette.text.primary,
@@ -5985,30 +5685,25 @@ const p = (o) => ({
               ...o.colorSchemes.finalTheme.typography.h5
             }
           },
-          // Subtítulo (explicaciòn de resultado)
           "& .M4LoadingError-loadingErrorDescription": {
             ...o.colorSchemes.finalTheme.typography.paragraphDens,
             color: o.vars.palette.text.secondary
           },
-          // Linea divisora
           "& .M4LoadingError-loadingErrorDivider": {
             width: "208px",
             height: "1px",
             background: o.vars.palette.state.borderPrimary
           },
-          // pasos de acción
           "& .MuiTypography-paragraph": {
             ...o.colorSchemes.finalTheme.typography.paragraph,
             color: o.vars.palette.text.primary
           },
-          "& .MuiButtonBase-root": {
-            //marginTop: '4px',
-          }
+          "& .MuiButtonBase-root": {}
         }
       }
     }
   }
-}), Q = (o) => ({
+}), oo = (o) => ({
   M4LMFLoader: {
     styleOverrides: {
       "&.M4LMFLoader-root": {
@@ -6027,11 +5722,10 @@ const p = (o) => ({
       }
     }
   }
-}), X = (o) => ({
+}), to = (o) => ({
   M4LLoadingButton: {
     styleOverrides: {
       "&.M4LLoadingButton-root": {
-        /* Root properties */
         width: "auto",
         display: "flex",
         justifyContent: "center",
@@ -6041,7 +5735,6 @@ const p = (o) => ({
           height: "36px",
           minHeight: "36px"
         },
-        /* General properties */
         "& .MuiButtonBase-root.MuiLoadingButton-loading": {
           "& .M4LTypography-root": {
             opacity: "0"
@@ -6050,10 +5743,6 @@ const p = (o) => ({
         "& .MuiCircularProgress-root": {
           color: `${o.vars.palette.text.primary}!important`
         },
-        /* '& .MuiTypography-root': {
-            color: '#fff',
-            transition: 'all .5s ease',
-        }, */
         "& .M4LLoadingButton-skeleton ": {
           height: "100%!important",
           borderRadius: "4px"
@@ -6089,7 +5778,6 @@ const p = (o) => ({
               backgroundColor: `${o.vars.palette.text.disabled}!important`
             }
           },
-          // Disabled condición de variante contained
           "&.M4LLoadingButton-variantContained": {
             "& .MuiButtonBase-root": {
               color: o.vars.palette.text.disabled,
@@ -6126,7 +5814,6 @@ const p = (o) => ({
             }
           }
         },
-        /* Sizes */
         "&.M4LLoadingButton-sizeSmall": {
           height: "24px",
           "& .MuiButtonBase-root": {
@@ -6145,7 +5832,6 @@ const p = (o) => ({
             height: "38px"
           }
         },
-        /* Variant contained */
         "&.M4LLoadingButton-variantContained": {
           "& .MuiCircularProgress-root": {
             color: "#fff!important"
@@ -6196,7 +5882,6 @@ const p = (o) => ({
             }
           }
         },
-        /* Variant outlined */
         "&.M4LLoadingButton-variantOutlined": {
           "& .MuiButtonBase-root": {
             border: "1px solid",
@@ -6234,7 +5919,6 @@ const p = (o) => ({
             }
           }
         },
-        /* Variant text */
         "&.M4LLoadingButton-variantText": {
           "& .MuiButtonBase-root": {
             color: o.vars.palette.text.secondary,
@@ -6270,7 +5954,7 @@ const p = (o) => ({
       }
     }
   }
-}), Y = (o) => ({
+}), ro = (o) => ({
   M4LPDFViewer: {
     styleOverrides: {
       "&.M4LPDFViewer-root": {
@@ -6285,7 +5969,7 @@ const p = (o) => ({
       }
     }
   }
-}), Z = (o) => ({
+}), eo = (o) => ({
   M4LTopBar: {
     styleOverrides: {
       "&.M4LTopBar-root": {
@@ -6306,9 +5990,7 @@ const p = (o) => ({
               minWidth: "20px"
             }
           },
-          //if IsActive class exist add to styles
           "& .M4LTopBar-IsActive": {
-            //Render case 1
             "& .M4LTopBar-ContainerAccordionCase1": {
               "& .M4LIcon-root": {
                 "& .M4LIcon-icon": {
@@ -6319,7 +6001,6 @@ const p = (o) => ({
                 color: o.vars.palette.primary.main
               }
             },
-            //Render case 2
             "& .M4LTopBar-ContainerAccordion": {
               "& .M4LIcon-root": {
                 "& .M4LIcon-icon": {
@@ -6330,7 +6011,6 @@ const p = (o) => ({
                 color: o.vars.palette.primary.main
               }
             },
-            //Render case 3
             "& .MuiButtonBase-root": {
               color: o.vars.palette.primary.main
             }
@@ -6352,7 +6032,7 @@ const p = (o) => ({
       }
     }
   }
-}), oo = (o) => ({
+}), ao = (o) => ({
   M4LAppBarCommercial: {
     styleOverrides: {
       "&.M4LAppBarCommercial-root": {
@@ -6373,7 +6053,7 @@ const p = (o) => ({
       }
     }
   }
-}), to = (o) => ({
+}), io = (o) => ({
   M4LSectionCommercial: {
     styleOverrides: {
       "&.M4LSectionCommercial-root": {
@@ -6392,7 +6072,7 @@ const p = (o) => ({
       }
     }
   }
-}), ro = (o) => ({
+}), no = (o) => ({
   M4LHamburgerMenuCommercial: {
     styleOverrides: {
       "&.M4LHamburgerMenuCommercial-root": {
@@ -6402,7 +6082,7 @@ const p = (o) => ({
       }
     }
   }
-}), eo = (o) => ({
+}), po = (o) => ({
   M4LFieldLabel: {
     styleOverrides: {
       "&.M4LFieldLabel-root": {
@@ -6425,7 +6105,7 @@ const p = (o) => ({
       }
     }
   }
-}), ao = (o) => ({
+}), lo = (o) => ({
   M4LMap: {
     styleOverrides: {
       "&.M4LMap-root": {
@@ -6434,33 +6114,19 @@ const p = (o) => ({
         flexGrow: "1",
         overflow: "auto",
         position: "relative",
-        /*
-         * Control superior izquierdo
-         */
         "& .M4LMap-topLeftToolsRoot": {
           display: "flex",
           backgroundColor: "blue"
-          //Por cambiar
         },
-        /**
-         * Control superior derecho
-         */
         "& .M4LMap-topRigthToolsRoot": {
           backgroundColor: "blue",
-          //Por cambiar
           display: "flex",
           right: 0,
           position: "absolute",
-          /**
-           * Zoom buttons
-           */
           "& .M4LMap-zoomButtons": {
             display: "flex"
           }
         },
-        /**
-         * Marcas
-         */
         "& .M4LMap-markerLayerRoot": {},
         "& .M4LMap-markerLayerIcon": {
           transformOrigin: "center center",
@@ -6489,10 +6155,8 @@ const p = (o) => ({
           overflow: "hidden",
           textOverflow: "ellipsis"
         },
-        //Herramienta de medición Formulario
         "& .M4LMap-meaureToolRoot": {
           backgroundColor: "green",
-          //Por cambiar
           height: "100%",
           width: "100%"
         },
@@ -6503,11 +6167,8 @@ const p = (o) => ({
           border: "1px solid white",
           margin: "0 5px",
           fontWeight: 800,
-          //Por cambiar
           fontSize: "large"
-          //Por cambiar
         },
-        //Marker measure Point Icon
         "& .M4LMap-measureMarkerRoot": {
           "--color": "green"
         },
@@ -6542,7 +6203,6 @@ const p = (o) => ({
           marginTop: "1px",
           color: "black"
         },
-        //Marker Point Label
         "& .M4LMap-measureLabelMarkerRoot": {
           "--color": "yellow"
         },
@@ -6560,22 +6220,18 @@ const p = (o) => ({
         "& .M4LMap-measureLabelMarkerRemove": {
           color: "blue"
         },
-        //Cluster Markers
-        //Animacion
         "& .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow": {
           "-webkit-transition": "-webkit-transform 0.3s ease-out, opacity 0.3s ease-in",
           "-moz-transition": "-moz-transform 0.3s ease-out, opacity 0.3s ease-in",
           "-o-transition": "-o-transform 0.3s ease-out, opacity 0.3s ease-in",
           transition: "transform 0.3s ease-out, opacity 0.3s ease-in"
         },
-        //Spider
         "& .leaflet-cluster-spider-leg": {
           "-webkit-transition": "-webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in",
           "-moz-transition": "-moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in",
           "-o-transition": "-o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in",
           transition: "stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in"
         },
-        //Colores de los clusters dependiendo de la cantidad de las marcas
         "& .marker-cluster-small": {
           backgroundColor: "rgba(181, 226, 140, 0.6)"
         },
@@ -6594,7 +6250,6 @@ const p = (o) => ({
         "& .marker-cluster-large div": {
           backgroundColor: "rgba(241, 128, 23, 0.6)"
         },
-        /* IE 6-8 fallback colors */
         "& .leaflet-oldie .marker-cluster-small": {
           backgroundColor: "rgb(181, 226, 140)"
         },
@@ -6613,7 +6268,6 @@ const p = (o) => ({
         "& .leaflet-oldie .marker-cluster-large div": {
           backgroundColor: "rgb(241, 128, 23)"
         },
-        //Cluster Markers
         "& .marker-cluster": {
           backgroundClip: "padding-box",
           borderRadius: "20px"
@@ -6627,7 +6281,6 @@ const p = (o) => ({
           borderRadius: "15px",
           font: '12px "Helvetica Neue", Arial, Helvetica, sans-serif'
         },
-        //Cluster Markers
         "& .marker-cluster span": {
           lineHeight: "30px"
         },
@@ -6639,7 +6292,6 @@ const p = (o) => ({
         },
         "& .leaflet-control-scale-line": {
           color: "red"
-          //Ejemplo de como estilar el control de scala
         }
       }
     }
@@ -6651,7 +6303,6 @@ const p = (o) => ({
         ml: 0.75,
         "& .MuiPaper-root": {
           backgroundColor: "gray",
-          //Por cambiar
           width: "400px!important",
           height: 400
         },
@@ -6681,7 +6332,6 @@ const p = (o) => ({
         ml: 0.75,
         "& .MuiPaper-root": {
           backgroundColor: "gray",
-          //Por cambiar
           width: "400px!important",
           height: 400
         },
@@ -6704,7 +6354,7 @@ const p = (o) => ({
       }
     }
   }
-}), io = (o) => ({
+}), so = (o) => ({
   M4LMapGpsTools: {
     styleOverrides: {
       "&.M4LMapGpsTools-gpsToolsRoot": {
@@ -6743,7 +6393,6 @@ const p = (o) => ({
           display: "flex",
           flexDirection: "column",
           flexGrow: 1,
-          // height: '100%',
           "& .M4LMapGpsTools-gpsToolsTabContent": {
             padding: "12px",
             overflow: "auto"
@@ -6752,8 +6401,6 @@ const p = (o) => ({
             display: "flex",
             minWidth: "60px",
             marginTop: "14px"
-            // justifyContent: 'flex-end',
-            // padding: '12px',
           }
         },
         "& .M4LMapGpsTools-gpsToolsTabContent.M4LMapGpsTools-hidden": {
@@ -6764,57 +6411,57 @@ const p = (o) => ({
   }
 });
 export {
-  R as A,
-  P as B,
-  D as C,
-  H as D,
-  W as E,
-  V as F,
-  G,
-  F as H,
-  j as I,
-  N as J,
-  E as K,
-  $ as L,
-  X as M,
-  U as N,
-  _ as O,
-  q as P,
-  J as Q,
-  K as R,
-  Q as S,
-  Y as T,
-  Z as U,
-  oo as V,
-  to as W,
-  ro as X,
-  eo as Y,
-  io as Z,
-  ao as _,
-  A as a,
-  p as b,
-  d as c,
-  l as d,
-  s as e,
-  M as f,
-  c as g,
-  O as h,
-  g as i,
-  z as j,
-  x as k,
-  u as l,
-  b as m,
-  L as n,
-  y as o,
-  v as p,
-  h as q,
-  f as r,
-  w as s,
-  m as t,
-  C as u,
-  k as v,
-  S as w,
-  B as x,
-  I as y,
-  T as z
+  H as A,
+  O as B,
+  z as C,
+  V as D,
+  G as E,
+  N as F,
+  E as G,
+  $ as H,
+  U as I,
+  _ as J,
+  q as K,
+  J as L,
+  to as M,
+  K as N,
+  Q as O,
+  X as P,
+  Y as Q,
+  Z as R,
+  oo as S,
+  ro as T,
+  eo as U,
+  ao as V,
+  io as W,
+  no as X,
+  po as Y,
+  so as Z,
+  lo as _,
+  W as a,
+  c as b,
+  g as c,
+  x as d,
+  u as e,
+  y as f,
+  b as g,
+  F as h,
+  M as i,
+  j,
+  L as k,
+  v as l,
+  h as m,
+  f as n,
+  C as o,
+  w as p,
+  m as q,
+  k as r,
+  S as s,
+  B as t,
+  I as u,
+  T as v,
+  R as w,
+  A as x,
+  P as y,
+  D as z
 };