@m4l/styles 6.4.0 → 6.4.1

package/theme/overrides/M4LRHFComponents/index-Dv4h8DSV.js

@@ -1,1157 +0,0 @@
-import { alpha as t } from "@mui/system";
-import { alpha as e } from "@mui/material/styles";
-const a = (o) => ({
-  M4LRHFTextFieldPassword: {
-    styleOverrides: {
-      "&.M4LRHFTextFieldPassword-root": {
-        width: "100%"
-      }
-    }
-  }
-}), l = (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": {
-            minHeight: "24px",
-            height: "auto",
-            "& .MuiInputBase-multiline": {
-              minHeight: "24px",
-              height: "auto",
-              "& .MuiInputBase-input": {
-                padding: "4px"
-              },
-              "& .MuiOutlinedInput-notchedOutline": {
-                height: "100%",
-                padding: "4px"
-              }
-            }
-          }
-        },
-        "& .M4LRHFTextField-label": {
-          color: o.vars.palette.text.secondary,
-          transition: "all .5s ease"
-        },
-        "& .MuiInputBase-root": {
-          padding: "0px",
-          borderRadius: "4px",
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.secondary,
-            padding: "4px 8px",
-            backgroundColor: "transparent",
-            height: "100%",
-            ...o.colorSchemes.finalTheme.typography.body
-          },
-          "& .MuiInputAdornment-root": {
-            margin: "0px",
-            padding: "0px 4px 0 0"
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.text.secondary,
-            transition: "all .3s ease"
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: "1.3px solid",
-            padding: "4px",
-            borderColor: o.vars.palette?.border.default,
-            borderRadius: "4px",
-            inset: "0px",
-            transition: "all .3s ease",
-            "& legend": {
-              display: "none"
-            }
-          }
-        },
-        /* State hover */
-        "&:hover": {
-          "& .M4LRHFTextField-label": {
-            color: o.vars.palette.primary?.hover
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            borderColor: o.vars.palette.primary?.hover,
-            boxShadow: `0px 1px 8px ${t(
-              o.colorSchemes.finalTheme.palette.primary.main,
-              0.32
-            )}`,
-            background: o.vars.palette.primary.opacity
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.primary?.hover
-          }
-        },
-        /* State focus and active */
-        "&.M4LRHFTextField-isFocus": {
-          "& .M4LRHFTextField-label": {
-            color: o.vars.palette.primary.focusActive
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            transition: "all .1s ease",
-            border: "2px solid",
-            borderColor: o.vars.palette.primary.focusActive,
-            boxShadow: `0px 1px 8px ${t(
-              o.colorSchemes.finalTheme.palette.primary.main,
-              0.32
-            )}`,
-            background: o.vars.palette.primary.opacity
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.primary.focusActive
-          }
-        },
-        /* State error */
-        "&.M4LRHFTextField-variantError": {
-          "& .M4LRHFTextField-label": {
-            color: o.vars.palette.error.main
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.vars.palette.error.main,
-            background: o.vars.palette.error.opacity
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.error.main
-          },
-          "&:hover": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          },
-          "&.M4LRHFTextField-isFocus": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          }
-        },
-        /* State disabled */
-        "&.M4LRHFTextField-isDisabled": {
-          "& .M4LRHFTextField-label": {
-            color: o.vars.palette.text.disabled
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.vars.palette?.border.secondary,
-            backgroundColor: o.vars.palette.background?.default,
-            boxShadow: "none"
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.disabled
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.text.disabled
-          }
-        },
-        /* Sizes */
-        "&.M4LRHFTextField-sizeSmall": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
-            height: "24px",
-            padding: "0px 8px"
-          }
-        },
-        "&.M4LRHFTextField-sizeMedium": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
-            height: "36px",
-            padding: "0px 8px"
-          },
-          "& .MuiInputBase-multiline": {
-            minHeight: "36px",
-            height: "100%"
-          }
-        }
-      }
-    }
-  }
-}), n = (o) => ({
-  M4LRHFCheckbox: {
-    styleOverrides: {
-      "&.M4LRHFCheckbox-root": {
-        display: "flex",
-        flexDirection: "column",
-        width: "100%",
-        [o.breakpoints.down("sm")]: {
-          "& .M4LRHFCheckbox-checkTypography": {
-            "& .M4LCheckBox-root": {
-              "& .MuiButtonBase-root": {
-                "& .MuiSvgIcon-fontSizeSmall": {
-                  height: "20px",
-                  width: "20px"
-                }
-              }
-            }
-          }
-        },
-        ".M4LRHFCheckbox-checkTypography": {
-          display: "flex",
-          gap: o.spacing(2),
-          [o.breakpoints.down("sm")]: {
-            gap: o.spacing(1),
-            ...o.colorSchemes.finalTheme.typography.paragraph
-          }
-        },
-        "& .MuiTypography-root": {
-          color: o.vars.palette.text.primary,
-          ...o.colorSchemes.finalTheme.typography.body
-        },
-        /* caso small */
-        ".M4LRHFCheckbox-small .MuiButtonBase-root": {
-          width: "20px",
-          height: "20px"
-        },
-        ".MuiCheckbox-root .MuiSvgIcon-fontSizeSmall": {
-          width: "16px",
-          height: "16px"
-        },
-        /* caso medium */
-        ".M4LRHFCheckbox-medium .MuiButtonBase-root": {
-          width: "24px",
-          height: "24px"
-        },
-        ".MuiCheckbox-root .MuiSvgIcon-fontSizeMedium": {
-          width: "20px",
-          height: "20px"
-        },
-        ".MuiButtonBase-root": {
-          borderRadius: "4px"
-        },
-        ".MuiButtonBase-root:hover": {
-          backgroundColor: o.vars.palette.primary.opacity
-        },
-        ".Mui-focusVisible": {
-          border: "1px solid",
-          borderColor: o.vars.palette.primary.focusActive
-        },
-        ".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"
-        }
-      }
-    }
-  }
-}), p = (o) => ({
-  M4LRHFAutocomplete: {
-    styleOverrides: {
-      "&.M4LRHFAutocomplete-root": {
-        height: "auto",
-        display: "flex",
-        flexDirection: "column",
-        width: "100%",
-        gap: "2px",
-        outline: "unset",
-        // Variant
-        "&.M4LRHFAutocomplete-multiple": {
-          "& .MuiAutocomplete-inputRoot": {
-            display: "flex",
-            flexWrap: "wrap",
-            gap: "6px"
-          },
-          "& .MuiInputBase-root": {
-            padding: "2px !important"
-          },
-          "& .MuiAutocomplete-root": {
-            height: "auto"
-          },
-          "&.M4LRHFAutocomplete-sizeSmall": {
-            "& .MuiChip-root": {
-              height: "20px"
-            }
-          },
-          "&.M4LRHFAutocomplete-sizeMedium": {
-            "& .MuiChip-root": {
-              height: "32px"
-            }
-          }
-        },
-        /* General properties */
-        "& .MuiAutocomplete-root": {
-          height: "100%",
-          "& .MuiFormControl-root": {
-            height: "100%",
-            "& .MuiInputBase-root": {
-              borderColor: o.vars.palette?.border.default,
-              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.default,
-                                                         borderRadius: '4px',
-                                                         inset: '0px',
-                                                         transition: 'all .3s ease',
-                
-                                                         '& legend': {
-                                                             display: 'none'
-                                                            },
-                
-                                                        } */
-              },
-              "& .M4LRHFAutocomplete-containerRefreshDown": {
-                display: "flex",
-                width: "auto",
-                "& .M4LRHFAutocomplete-iconLeft": {
-                  borderLeft: "1px solid",
-                  borderColor: o.vars.palette?.border.default
-                }
-              },
-              "& .M4LRHFAutocomplete-iconDown": {},
-              "& .MuiOutlinedInput-notchedOutline": {
-                inset: "0",
-                height: "unset",
-                "& legend": {
-                  display: "none"
-                }
-              }
-            }
-          }
-        },
-        /* Skeleton general properties*/
-        "& .M4LRHFAutocomplete-skeletonRoot": {
-          display: "flex",
-          flexDirection: "column",
-          gap: "4px",
-          width: "100%",
-          "& .M4LRHFAutocomplete-skeleton": {
-            width: "100%",
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            border: "1px solid",
-            borderColor: o.vars.palette.divider,
-            borderRadius: "4px",
-            padding: "0 10px",
-            overflow: "hidden",
-            "& .M4LRHFAutocomplete-SkeletonContainerText": {
-              width: "100%",
-              height: "auto",
-              overflow: "hidden"
-            }
-          }
-        },
-        "& .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root": {
-          padding: "0"
-        },
-        "& .M4LRHFAutocomplete-label": {
-          color: o.vars.palette.text.secondary,
-          transition: "all .3s ease"
-        },
-        "& .MuiAutocomplete-endAdornment": {
-          top: "unset"
-        },
-        "& .MuiAutocomplete-root .MuiInputBase-root": {
-          padding: "0p 8px",
-          height: "100%"
-          //revisar
-        },
-        /* State hover */
-        "&:hover": {
-          "& .M4LRHFAutocomplete-label": {
-            color: o.vars.palette.text.secondary
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            borderColor: o.vars.palette.primary?.hover,
-            boxShadow: `0px 1px 8px ${e(
-              o.colorSchemes.finalTheme.palette.primary.main,
-              0.32
-            )}`
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.primary?.hover
-          }
-        },
-        /* State focus and active */
-        "&.M4LRHFAutocomplete-isFocus": {
-          "& .M4LRHFAutocomplete-label": {
-            color: o.vars.palette.primary.focusActive
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            transition: "all .1s ease",
-            background: o.vars.palette.primary.opacity,
-            border: "2px solid",
-            borderColor: o.vars.palette.primary.focusActive,
-            boxShadow: `0px 1px 8px ${e(
-              o.colorSchemes.finalTheme.palette.primary.main,
-              0.32
-            )}`
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.primary.focusActive
-          }
-        },
-        /* State error */
-        "&.M4LRHFAutocomplete-variantError": {
-          "& .M4LRHFAutocomplete-label": {
-            color: o.vars.palette.error.main
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.vars.palette.error.main
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.error.main
-          },
-          "&:hover": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          },
-          "&.M4LRHFAutocomplete-isFocus": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          }
-        },
-        /* State disabled */
-        "&.M4LRHFAutocomplete-isDisabled": {
-          "& .M4LRHFAutocomplete-label": {
-            color: o.vars.palette.text.disabled
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.vars.palette?.border.disabled,
-            backgroundColor: o.vars.palette.background?.default,
-            boxShadow: "none"
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.disabled
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.text.disabled
-          }
-        },
-        /* Sizes */
-        "&.M4LRHFAutocomplete-sizeSmall": {
-          "& .M4LRHFAutocomplete-skeleton,\n                          & .MuiAutocomplete-root": {
-            "& .M4LImage-root": {
-              width: "24px",
-              height: "24px",
-              marginLeft: "6px"
-            },
-            height: "fit-content",
-            minHeight: "24px"
-          }
-        },
-        "&.M4LRHFAutocomplete-sizeMedium": {
-          "& .M4LRHFAutocomplete-skeleton,\n                          & .MuiAutocomplete-root": {
-            "& .M4LImage-root": {
-              width: "28px",
-              height: "28px",
-              marginLeft: "6px"
-            },
-            height: "fit-content",
-            minHeight: "36px"
-          }
-        },
-        // variant image defined
-        "&.M4LRHFAutocomplete-imageWidthDefined": {
-          "& .M4LImage-root": {
-            "& .M4LImage-img": {
-              objectPosition: "left"
-            }
-          }
-        }
-        // 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",
-          flexDirection: "column",
-          "& .MuiAutocomplete-option": {
-            borderRadius: "unset"
-          },
-          "& .M4LRHFAutocomplete-withImage": {
-            display: "flex",
-            alignItems: "center",
-            cursor: "pointer",
-            "& .M4LImage-root": {
-              height: "100%",
-              width: "auto",
-              alignItems: "start"
-            }
-          }
-        },
-        // 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.opacity
-          },
-          "& .M4LImage-root": {
-            width: "auto",
-            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",
-              display: "flex",
-              alignItems: "center",
-              gap: "8px",
-              overflow: "hidden",
-              "& .M4LImage-img": {
-                width: "22px",
-                height: "22px",
-                position: "relative"
-              }
-            }
-          }
-        },
-        // 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",
-            display: "flex",
-            alignItems: "center",
-            gap: "8px",
-            overflow: "hidden",
-            "& .M4LImage-img": {
-              width: "28px",
-              height: "28px",
-              position: "relative"
-            }
-          }
-        },
-        // variación de ancho de imagen definido
-        "&.M4LRHFAutocomplete-imageWidthDefined": {
-          "& .M4LImage-img": {
-            minWidth: "24px",
-            objectPostion: "left"
-          }
-        },
-        "& .MuiPaper-root": {
-          boxShadow: o.customShadows?.z2,
-          "& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover": {
-            color: o.vars.palette.text.primary,
-            backgroundColor: o.vars.palette.primary.opacity
-          }
-        }
-      }
-    }
-  },
-  M4LRHFAutocompleteChip: {
-    styleOverrides: {
-      "&.M4LRHFAutocomplete-sizeSmall": {
-        height: "18px",
-        // important debido a que MUI agrega media queries directamente al elemento.
-        minHeight: "18px !important",
-        "& .MuiChip-deleteIcon": {
-          fontSize: "16px"
-        },
-        "& .MuiChip-label": {
-          paddingRight: 0
-        }
-      },
-      "&.M4LRHFAutocomplete-sizeMedium": {
-        height: "24px",
-        // important debido a que MUI agrega media queries directamente al elemento.
-        minHeight: "24px !important",
-        "& .MuiChip-deleteIcon": {
-          fontSize: "20px"
-        },
-        "& .MuiChip-label": {
-          paddingRight: 0
-        }
-      }
-    }
-  }
-}), u = (o) => ({
-  M4LRHFAutocompleteAsync: {
-    styleOverrides: {
-      "&.M4LRHFAutocompleteAsync-root": {
-        width: "100%",
-        height: "auto"
-      }
-    }
-  }
-}), d = (o) => ({
-  M4LRHFDateTime: {
-    styleOverrides: {
-      "&.M4LRHFDateTime-root": {
-        test: "root",
-        display: "flex",
-        flexDirection: "column",
-        width: "100%",
-        gap: "2px",
-        outline: "unset",
-        "& .M4LRHFDateTime-skeleton": {
-          display: "flex",
-          width: "100%",
-          alignItems: "center",
-          justifyContent: "space-between",
-          border: `1px solid ${o.vars.palette.divider}`,
-          paddingLeft: "12px",
-          borderRadius: "2px",
-          "& .MuiSkeleton-circular": {
-            margin: "4px"
-          }
-        },
-        "&.M4LRHFDateTime-small": {
-          "& .M4LRHFDateTime-skeleton": {
-            height: "24px",
-            "& .MuiSkeleton-circular": {
-              width: "16px",
-              height: "16px"
-            }
-          },
-          "& .MuiFormControl-root": {
-            height: "24px"
-          }
-        },
-        "&.M4LRHFDateTime-medium": {
-          "& .M4LRHFDateTime-skeleton": {
-            height: "36px",
-            "& .MuiSkeleton-circular": {
-              width: "24px",
-              height: "24px"
-            }
-          },
-          "& .MuiFormControl-root": {
-            height: "36px"
-          }
-        },
-        /* General properties */
-        "& .MuiFormControl-root": {
-          "& .MuiInputBase-root": {
-            padding: "0 4px 0 0",
-            height: "100%",
-            "& .MuiInputBase-input": {
-              minHeight: "24px"
-            }
-          }
-        },
-        "& .M4LRHFTextField-label": {
-          color: o.vars.palette.text.secondary,
-          transition: "all .5s ease"
-        },
-        "& .MuiInputBase-root.MuiInputBase-formControl": {
-          padding: "0px 8px 0 0",
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.secondary,
-            padding: "0px 12px",
-            backgroundColor: "transparent",
-            height: "100%",
-            ...o.colorSchemes.finalTheme.typography.body
-          },
-          "& .MuiInputAdornment-root": {
-            margin: "0px",
-            padding: "0px",
-            width: "16px",
-            height: "auto",
-            position: "relative",
-            maxWidth: "16px",
-            minWidth: "16px",
-            display: "flex",
-            flex: "1",
-            overflow: "hidden",
-            "& .MuiButtonBase-root": {
-              padding: "0px",
-              backgroundColor: "transparent"
-            }
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.text.secondary,
-            transition: "all .3s ease"
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            padding: "4px",
-            borderColor: o.vars.palette.divider,
-            borderRadius: "4px",
-            inset: "0px",
-            transition: "all .3s ease",
-            "& legend": {
-              display: "none"
-            }
-          }
-        },
-        /* State hover */
-        "&:hover": {
-          "& .M4LTypography-root": {
-            color: o.vars.palette.primary?.hover
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            borderColor: o.vars.palette.primary?.hover
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.primary?.hover
-          }
-        },
-        /* State focus and active */
-        "&.M4LRHFDateTime-isFocus": {
-          "& .M4LTypography-root": {
-            color: o.vars.palette.primary.focusActive
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            transition: "all .1s ease",
-            border: "2px solid",
-            borderColor: o.vars.palette.primary.focusActive
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.primary.focusActive
-          }
-        },
-        /* State error */
-        "&.M4LRHFTextField-variantError": {
-          "& .M4LRHFTextField-label": {
-            color: o.vars.palette.error.main
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.vars.palette.error.main
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.error.main
-          },
-          "&:hover": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          },
-          "&.M4LRHFTextField-isFocus": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          }
-        },
-        /* State disabled */
-        "&.M4LRHFTextField-isDisabled": {
-          "& .M4LRHFTextField-label": {
-            color: o.vars.palette.text.disabled
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.vars.palette.text.disabled,
-            backgroundColor: o.vars.palette.background?.default,
-            boxShadow: "none"
-          },
-          "& .MuiInputBase-input": {
-            color: o.vars.palette.text.disabled
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.text.disabled
-          }
-        }
-      }
-    }
-  }
-}), s = (o) => ({
-  M4LRHFUploadImage: {
-    styleOverrides: {
-      "&.M4LRHFUploadImage-root": {
-        width: "fit-content",
-        height: "fit-content",
-        "& .M4LRHFUploadImage-containerUploadImage": {
-          width: "100%",
-          height: "100%",
-          minHeight: "200px",
-          minWidth: o.spacing(20),
-          position: "relative",
-          borderRadius: "4px",
-          padding: "8px",
-          boxShadow: o.customShadows?.z2,
-          background: o.vars.palette.background.default,
-          "& .M4LRHFUploadImage-dropZoneStyle": {
-            zIndex: 0,
-            width: "fit-content",
-            height: "fit-content",
-            outline: "none",
-            padding: "12px",
-            display: "flex",
-            overflow: "hidden",
-            borderRadius: "4px",
-            position: "relative",
-            inset: "0",
-            alignItems: "center",
-            justifyContent: "center",
-            background: o.vars.palette.background.surface,
-            "& > *": {
-              width: "100%",
-              height: "100%"
-            },
-            "&:hover": {
-              background: o.vars.palette.primary.opacity,
-              border: "1px solid",
-              borderColor: o.vars.palette.primary.opacity,
-              cursor: "pointer",
-              "& .placeholder": {
-                zIndex: 9
-              }
-            },
-            "& .M4LRHFUploadImage-containerFileImage": {
-              width: "100%",
-              height: "100%",
-              position: "absolute",
-              padding: "12px"
-            },
-            "& .M4LRHFUploadImage-placeHolder": {
-              overflor: "hidden",
-              display: "flex",
-              justifyContent: "center",
-              position: "relative",
-              zIndex: "22",
-              inset: "0",
-              width: "100%",
-              height: "100%",
-              overflow: "hidden",
-              transition: o.transitions.create("opacity", {
-                easing: o.transitions.easing.easeInOut,
-                duration: o.transitions.duration.shorter
-              }),
-              "&:hover": {
-                opacity: 1
-              },
-              "& .M4LRHFUploadImage-containerUploadBoddy": {
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "center",
-                alignItems: "center",
-                width: "100%",
-                height: "100%",
-                gap: "0",
-                position: "relative",
-                overflow: "hidden",
-                // Icono de carga
-                "& .M4LRHFUploadImage-containerBodyImage": {
-                  display: "flex",
-                  justifyContent: "center",
-                  width: "56px",
-                  height: "56px",
-                  minWidth: "56px",
-                  minHeight: "56px",
-                  paddingBottom: "8px"
-                },
-                "& .M4LRHFUploadImage-containerMessage": {
-                  display: "flex",
-                  justifyContent: "center",
-                  flexDirection: "column",
-                  gap: "8px",
-                  width: "100%",
-                  "& .M4LRHFUploadImage-containerTitle": {
-                    display: "flex",
-                    justifyContent: "center",
-                    ".MuiTypography-subtitle": {
-                      ...o.colorSchemes.finalTheme.typography.paragraphDens,
-                      color: o.vars.palette.text.primary
-                    }
-                  },
-                  "& .M4LRHFUploadImage-containerDescription": {
-                    display: "flex",
-                    justifyContent: "center",
-                    ".MuiTypography-root": {
-                      ...o.colorSchemes.finalTheme.typography.paragraph,
-                      color: o.vars.palette.text.secondary
-                    }
-                  },
-                  "& .M4LRHFUploadImage-containerConditions": {
-                    display: "flex",
-                    justifyContent: "center",
-                    ".MuiTypography-root": {
-                      ...o.colorSchemes.finalTheme.typography.body,
-                      color: o.vars.palette.text.secondary
-                    }
-                  },
-                  "& .M4LButton-root": {
-                    display: "flex",
-                    justifyContent: "center",
-                    marginTop: "8px"
-                  }
-                }
-              }
-            }
-          }
-        },
-        // Skeleton
-        "& .M4LRHFUploadImage-skeleton": {
-          maskPosition: "center!important",
-          maskRepeat: "no-repeat!important",
-          WebkitMaskRepeat: "no-repeat!important",
-          border: `1px dashed ${o.vars.palette.divider}`,
-          width: "100%",
-          height: "100%",
-          mask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')",
-          WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
-        }
-      },
-      // Imagen cargada
-      "&.M4LRHFUploadImage-hasFile": {
-        "& .M4LRHFUploadImage-placeHolder": {
-          opacity: "0",
-          overflor: "hidden",
-          display: "flex",
-          justifyContent: "center",
-          position: "relative",
-          zIndex: "22",
-          inset: "0",
-          width: "100%",
-          height: "100%",
-          overflow: "hidden",
-          transition: o.transitions.create("opacity", {
-            easing: o.transitions.easing.easeInOut,
-            duration: o.transitions.duration.shorter
-          }),
-          "&:hover": {
-            opacity: 1
-          },
-          // Comportamiento Hover imagen cargada
-          "& .M4LRHFUploadImage-containerUploadBoddy": {
-            "& .M4LRHFUploadImage-containerBodyImage": {
-              opacity: "0"
-            },
-            "& .M4LRHFUploadImage-containerMessage": {
-              "& .M4LRHFUploadImage-containerTitle": {
-                opacity: "0"
-              },
-              "& .M4LRHFUploadImage-containerDescription": {
-                opacity: "0"
-              },
-              "& .M4LRHFUploadImage-containerConditions": {
-                opacity: "0"
-              },
-              "& .M4LButton-root": {
-                display: "flex",
-                justifyContent: "center",
-                marginTop: "16px"
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}), c = (o) => ({
-  M4LRHFPeriod: {
-    styleOverrides: {
-      "&.M4LRHFPeriod-root": {
-        test: "root"
-      }
-    }
-  }
-}), M = (o) => ({
-  M4LRHFColorPicker: {
-    styleOverrides: {
-      "&.M4LRHFColorPicker-root": {
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        gap: "4px",
-        outline: "unset",
-        "&.M4LRHFColorPicker-sizeSmall": {
-          "& .M4LRHFColorPicker-containerFieldColor": {
-            "& .M4LRHFColorPicker-boxColor": {
-              width: "20px",
-              height: "20px"
-            }
-          }
-        },
-        "&.M4LRHFColorPicker-sizeMedium": {
-          "& .M4LRHFColorPicker-containerFieldColor": {
-            "& .M4LRHFColorPicker-boxColor": {
-              width: "24px",
-              height: "24px"
-            }
-          }
-        },
-        "& .M4LRHFColorPicker-skeleton": {
-          borderRadius: "4px"
-        },
-        "& .M4LRHFColorPicker-containerFieldColor": {
-          display: "flex",
-          aligItems: "center",
-          justifyContent: "center",
-          gap: "4px",
-          padding: "2px",
-          border: "1.5px solid",
-          borderColor: o.vars.palette?.border.default,
-          borderRadius: "4px",
-          width: "fit-content",
-          "& .M4LRHFColorPicker-boxColor": {
-            cursor: "pointer"
-          },
-          /* '& .M4LIcon-root': {
-                          minHeight: '18px',
-                          minWidth: '18px',
-                          cursor: 'pointer',
-                          borderRadius: '4px',
-                      }, */
-          "& .M4LIcon-root:hover": {
-            background: o.vars.palette.background.hover
-          }
-        }
-      }
-    }
-  },
-  M4LRHFColorPickerPopoverRoot: {
-    styleOverrides: {
-      "&.M4LRHFColorPicker-popoverRoot": {
-        "& .MuiPaper-root": {
-          background: o.vars.palette.background.default,
-          padding: "8px",
-          border: "1px solid",
-          borderColor: o.vars.palette?.border.secondary,
-          borderRadius: "4px",
-          boxShadow: o.vars.customShadows.z4,
-          test: "root",
-          "& .M4LRHFColorPicker-containerPicker": {
-            background: "transparent",
-            borderRadius: "4px",
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "flex-end",
-            gap: "24px",
-            "& .sketch-picker": {
-              background: "transparent !important",
-              boxShadow: "none !important",
-              padding: "12px !important",
-              display: "flex",
-              flexDirection: "column",
-              gap: "8px",
-              border: "1px solid",
-              borderColor: o.vars.palette?.border.secondary,
-              borderRadius: "4px",
-              backgroundColor: o.vars.palette.background.default,
-              "& :nth-of-type(-n + 1)": {
-                borderRadius: "4px"
-              },
-              "& .flexbox-fix": {
-                border: "none !important",
-                background: "transparent !important",
-                "& > div": {
-                  "& > div": {
-                    display: "flex",
-                    flexDirection: "column-reverse",
-                    ...o.colorSchemes.finalTheme.typography.body,
-                    color: o.vars.palette.text.secondary,
-                    gap: "2px",
-                    padding: "0 important",
-                    "& > input": {
-                      display: "flex",
-                      textAlign: "center !important",
-                      border: "1px solid",
-                      borderColor: o.vars.palette?.border.default,
-                      borderRadius: "2px",
-                      background: "transparent",
-                      minHeight: "24px",
-                      height: "24px !important",
-                      ...o.colorSchemes.finalTheme.typography.body,
-                      color: `${o.vars.palette.text.primary} !important`
-                    },
-                    "& > label": {
-                      display: "flex",
-                      textAlign: "left !important",
-                      ...o.colorSchemes.finalTheme.typography.body,
-                      color: `${o.vars.palette.text.secondary} !important`,
-                      padding: "0 !important"
-                    }
-                  }
-                }
-              }
-            },
-            "& .M4LButton-root": {
-              display: "flex",
-              justifyContent: "right"
-            }
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  l as M,
-  a,
-  p as b,
-  u as c,
-  d,
-  s as e,
-  c as f,
-  n as g,
-  M as h
-};