@m4l/components 9.1.53 → 9.1.55

package/components/mui_extended/TextField/TextField.styles.js

@@ -1,3 +1,6 @@
+import { g as getTypographyStyles } from "../../../utils/getTypographyStyles.js";
+import { g as getHeightSizeStyles } from "../../../utils/getHeightSizeStyles.js";
+import { T as TEXT_FIELD_CLASSES } from "./constants.js";
 const textFieldStyles = {
   /**
    * Estilos personalizados para el componente TextField.
@@ -8,210 +11,115 @@ const textFieldStyles = {
    */
   root: ({ ownerState, theme }) => ({
     width: "100%",
+    height: "auto",
     padding: 0,
     borderRadius: theme.vars.size.borderRadius.r1,
     display: "flex",
-    // Estilos específicos para el tamaño small
-    ...ownerState.size === "small" && {
-      ...theme.generalSettings.isMobile ? {
-        height: theme.vars.size.mobile.small.action,
-        minHeight: theme.vars.size.mobile.small.action
-      } : {
-        height: theme.vars.size.desktop.small.action,
-        minHeight: theme.vars.size.desktop.small.action
-      }
-    },
-    // Estilos específicos para el tamaño medium
-    ...ownerState.size === "medium" && {
-      ...theme.generalSettings.isMobile ? {
-        height: theme.vars.size.mobile.medium.action,
-        minHeight: theme.vars.size.mobile.medium.action
-      } : {
-        height: theme.vars.size.desktop.medium.action,
-        minHeight: theme.vars.size.desktop.medium.action
-      }
-    },
-    // Variant Outlined TextField
-    ...ownerState.variants === "outlined" && {
-      "& .MuiInputBase-root": {
-        padding: 0,
-        minHeight: 0,
-        height: "inherit",
+    // Estilos globales del TextField 🌎
+    "& .MuiInputBase-root": {
+      // Paddings
+      paddingLeft: theme.vars.size.baseSpacings.sp1,
+      paddingRight: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      // Estilo de los bordes
+      border: theme.vars.size.borderStroke.actionInput,
+      borderColor: ownerState.error ? `${ownerState.paletteColor?.enabled}!important` : `${theme.vars.palette.border.default}!important`,
+      // Redondeado de los bordes
+      borderRadius: theme.vars.size.borderRadius.r1,
+      // Altura
+      height: "100%",
+      // transición
+      transition: "all 0.2s ease",
+      // Espaciado entre elementos
+      ...getHeightSizeStyles(
+        theme.generalSettings.isMobile,
+        ownerState.size || "medium",
+        "action",
+        (height) => {
+          return {
+            height: "auto",
+            minHeight: height
+          };
+        }
+      ),
+      // ↴ Overrides ❌
+      // Estilos del input
+      "& > .MuiInputBase-input": {
+        // ↴ Overrides ❌
         paddingLeft: theme.vars.size.baseSpacings.sp1,
-        borderRadius: theme.vars.size.borderRadius.r1,
-        '.MuiIconButton-root [class*="M4LIcon-icon"]': {
-          backgroundColor: theme.vars.palette.text.primary
-        },
-        '[class*="M4LIcon-icon"]:not(.MuiIconButton-root [class*="M4LIcon-icon"])': {
-          backgroundColor: theme.vars.palette.text.primary
-        },
-        "& .MuiOutlinedInput-notchedOutline": {
-          minHeight: 0,
-          border: theme.vars.size.borderStroke.actionInput,
-          borderColor: ownerState.error ? ownerState.paletteColor?.main : theme.vars.palette.border.default
-        },
-        //Estilo Hover para primary para el Icono e IconButton
-        "&:hover": {
-          backgroundColor: ownerState.error ? "inherit" : theme.palette.primary.hoverOpacity
-        },
-        //Estilo Focus para primary para el Icono e IconButton
-        ":focus-within": {
-          borderColor: theme.palette.border.main,
-          '&:focus-within [class*="M4LIcon-icon"]:not(.MuiIconButton-root [class*="M4LIcon-icon"])': {
-            backgroundColor: theme.vars.palette.text.primary
-          },
-          '&:focus-within .MuiIconButton-root [class*="M4LIcon-icon"]': {
-            backgroundColor: theme.vars.palette.text.primary
-          }
-        },
-        //Estilo Active para primary para el Icono e IconButton
-        "&:active": {
-          ":focus-within": {
-            '&:focus-within [class*="M4LIcon-icon"]:not(.MuiIconButton-root [class*="M4LIcon-icon"])': {
-              backgroundColor: theme.vars.palette.text.primary
-            },
-            '&:focus-within .MuiIconButton-root [class*="M4LIcon-icon"]': {
-              backgroundColor: theme.vars.palette.text.primary
-            }
-          }
-        },
-        //Estilos del InputBase
-        "& .MuiInputBase-input": {
-          padding: "0px",
-          paddingRight: theme.vars.size.baseSpacings.sp1,
-          paddingLeft: theme.vars.size.baseSpacings.sp1,
-          height: "inherit",
-          //Estilos del InputBase en hover
-          "&:hover ~ .MuiOutlinedInput-notchedOutline": {
-            ...ownerState.error && {
-              borderColor: ownerState.error ? theme.vars.palette.border.error : theme.vars.palette.border.default
-            }
-          },
-          // Estilos del InputBase en Focus
-          "&:focus ~ .MuiOutlinedInput-notchedOutline": {
-            borderColor: ownerState.error ? theme.vars.palette.border.error : ownerState.paletteColor?.selected
-          },
-          //Estilos del InputBase en placeholder default
-          "&::placeholder": {
-            color: theme.palette.text.disabled
-          }
-        },
-        //Este estilo se asegura de que los campos de entrada que han sido autocompletados por el navegador no tengan ningún relleno adicional
-        "& .MuiOutlinedInput-input:-webkit-autofill": {
-          padding: 0
-        },
-        // Historia Disabled para Outlined
+        paddingRight: theme.vars.size.baseSpacings.sp1,
+        paddingTop: 0,
+        paddingBottom: 0,
+        fontFamily: theme.typography.fontFamily,
+        color: ownerState.disabled ? theme.vars.palette.text.disabled : theme.vars.palette.text.primary,
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "body"
+        ),
+        "&::placeholder": {
+          color: theme.palette.text.disabled
+        },
+        "&:-webkit-autofill": {
+          backgroundColor: "transparent!important"
+        }
+      },
+      // Estilos de cuando esta deshabilitado
+      ...ownerState.disabled && {
+        borderColor: `${theme.vars.palette.border.disabled}!important`,
+        pointerEvents: ownerState.disabled ? "none" : "auto"
+      },
+      // Estilos del los adorments
+      "& .MuiInputAdornment-root": {
+        height: "auto",
+        width: "auto",
+        // ↴ Overrides ❌
+        margin: 0
+      },
+      // Estilos de la mascara fieldset, es un elemento interno del textfield, material lo usa como mascara para el estilo.
+      // por practicidad se oculta en nuestra versión, sin embargo no se elimina porque es parte de la semántica del componente.
+      "& .MuiOutlinedInput-notchedOutline": {
+        all: "unset",
+        display: "none"
+      },
+      "& .MuiInputAdornment-root .M4LIcon-icon": {
+        backgroundColor: ownerState.error ? ownerState.paletteColor?.enabled : theme.vars.palette.text.primary,
         ...ownerState.disabled && {
-          borderColor: theme.palette.border.disabled,
-          pointerEvents: ownerState.disabled ? "none" : "auto",
-          "&:hover": {
-            pointerEvents: ownerState.disabled ? "none" : "auto"
-          },
-          "& .MuiInputBase-input::placeholder": {
-            color: theme.palette.text.disabled
-          },
-          '[class*="M4LIcon-icon"]:not(.MuiIconButton-root [class*="M4LIcon-icon"])': {
-            backgroundColor: theme.vars.palette.text.disabled
-          },
-          '.MuiIconButton-root [class*="M4LIcon-icon"]': {
-            backgroundColor: theme.vars.palette.text.disabled
+          backgroundColor: theme.vars.palette.text.disabled
+        }
+      },
+      "&:hover": {
+        backgroundColor: ownerState.paletteColor?.hoverOpacity,
+        ...ownerState.error && {
+          borderColor: `${ownerState.paletteColor?.hover}!important`,
+          "& .MuiInputAdornment-root .M4LIcon-icon": {
+            backgroundColor: ownerState.paletteColor?.hover
           }
         }
+      },
+      "&:focus-within": {
+        borderColor: `${ownerState.paletteColor?.focus}!important`,
+        "& .MuiInputAdornment-root .M4LIcon-icon": {
+          backgroundColor: ownerState.paletteColor?.focus
+        }
+      }
+    },
+    // Variant Outlined TextField
+    ...ownerState.TextFieldvariant === "outlined" && {
+      [`&.${TEXT_FIELD_CLASSES.outlined} .MuiInputBase-root`]: {
+        // Estilos de borde
+        border: theme.vars.size.borderStroke.actionInput
       }
     },
     // Variant Text TextField
-    ...ownerState.variants === "text" && {
-      borderColor: "transparent",
-      "& .MuiInputBase-root": {
-        padding: 0,
-        minHeight: 0,
-        height: "inherit",
-        borderColor: "transparent",
-        paddingLeft: theme.vars.size.baseSpacings.sp1,
-        borderRadius: theme.vars.size.borderRadius.r1,
-        '.MuiIconButton-root [class*="M4LIcon-icon"]': {
-          backgroundColor: theme.vars.palette.text.primary
-        },
-        '[class*="M4LIcon-icon"]:not(.MuiIconButton-root [class*="M4LIcon-icon"])': {
-          backgroundColor: theme.vars.palette.text.primary
-        },
-        //Estilos para los bordes del campo de texto
-        "& .MuiOutlinedInput-notchedOutline": {
-          minHeight: 0,
-          border: theme.vars.size.borderStroke.actionInput,
-          borderColor: ownerState.error ? ownerState.paletteColor?.main : theme.vars.palette.border.default,
-          borderLeft: "transparent",
-          borderTop: "transparent",
-          borderRight: "transparent"
-        },
-        //Estilo Hover para primary para el Icono e IconButton
-        "&:hover": {
-          backgroundColor: ownerState.error ? "inherit" : theme.palette.primary.hoverOpacity,
-          '.MuiIconButton-root [class*="M4LIcon-icon"]': {
-            backgroundColor: theme.vars.palette.text.primary
-          }
-        },
-        //Estilo Focus para primary para el Icono e IconButton
-        ":focus-within": {
-          '&:focus-within [class*="M4LIcon-icon"]:not(.MuiIconButton-root [class*="M4LIcon-icon"])': {
-            backgroundColor: theme.vars.palette.text.primary
-          },
-          '&:focus-within .MuiIconButton-root [class*="M4LIcon-icon"]': {
-            backgroundColor: theme.vars.palette.text.primary
-          }
-        },
-        //Estilo Active para primary para el Icono e IconButton
-        "&:active": {
-          ":focus-within": {
-            '&:focus-within [class*="M4LIcon-icon"]:not(.MuiIconButton-root [class*="M4LIcon-icon"])': {
-              backgroundColor: theme.vars.palette.text.primary
-            },
-            '&:focus-within .MuiIconButton-root [class*="M4LIcon-icon"]': {
-              backgroundColor: theme.vars.palette.text.primary
-            }
-          }
-        },
-        //Estilos del InputBase
-        "& .MuiInputBase-input": {
-          padding: "0px",
-          paddingRight: theme.vars.size.baseSpacings.sp1,
-          paddingLeft: theme.vars.size.baseSpacings.sp1,
-          height: "inherit",
-          //Estilo Focus del InputBase
-          "&:focus ~ .MuiOutlinedInput-notchedOutline": {
-            borderColor: ownerState.error ? theme.vars.palette.border.error : ownerState.paletteColor?.selected
-          },
-          // Estilos del InputBase en placeholder default
-          "&::placeholder": {
-            color: theme.palette.text.disabled
-          }
-        },
-        //Este estilo se asegura de que los campos de entrada que han sido autocompletados por el navegador no tengan ningún relleno adicional
-        "& .MuiOutlinedInput-input:-webkit-autofill": {
-          padding: 0
-        },
-        // Historia Disabled
-        ...ownerState.disabled && {
-          "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: theme.palette.border.disabled,
-            borderTop: theme.palette.border.disabled,
-            borderLeft: "transparent",
-            borderRight: "transparent"
-          },
-          pointerEvents: ownerState.disabled ? "none" : "auto",
-          "&:hover": {
-            pointerEvents: ownerState.disabled ? "none" : "auto"
-          },
-          "& .MuiInputBase-input::placeholder": {
-            color: theme.palette.text.disabled
-          },
-          '[class*="M4LIcon-icon"]:not(.MuiIconButton-root [class*="M4LIcon-icon"])': {
-            backgroundColor: theme.vars.palette.text.disabled
-          },
-          '.MuiIconButton-root [class*="M4LIcon-icon"]': {
-            backgroundColor: theme.vars.palette.text.disabled
-          }
-        }
+    ...ownerState.TextFieldvariant === "text" && {
+      [`&.${TEXT_FIELD_CLASSES.text} .MuiInputBase-root`]: {
+        // Estilos de borde por el formato de variante, solo se aplica para borde inferior.
+        borderTop: 0,
+        borderLeft: 0,
+        borderRight: 0,
+        borderBottom: theme.vars.size.borderStroke.actionInput
       }
     }
   }),
@@ -223,17 +131,14 @@ const textFieldStyles = {
    * @updatedUser Andrés Quintero - automatic
    */
   skeleton: ({ ownerState, theme }) => ({
-    "&.M4lclassCssSpecificity": {
+    [`&.${TEXT_FIELD_CLASSES.skeleton}`]: {
       display: "flex",
-      height: theme.vars.size.desktop.medium.action,
       borderRadius: theme.vars.size.borderRadius.r1,
-      ...ownerState.size === "small" && {
-        ...theme.generalSettings.isMobile ? { height: theme.vars.size.mobile.small.action } : { height: theme.vars.size.desktop.small.action }
-      },
-      // Condiciones de tamaño Medium en el root
-      ...ownerState.size === "medium" && {
-        ...theme.generalSettings.isMobile ? { height: theme.vars.size.mobile.medium.action } : { height: theme.vars.size.desktop.medium.action }
-      }
+      ...getHeightSizeStyles(
+        theme.generalSettings.isMobile,
+        ownerState.size || "medium",
+        "action"
+      )
     }
   })
 };

package/components/mui_extended/TextField/constants.d.ts

@@ -1,2 +1,12 @@
+import { TexFieldComplementaryClasses, TextFieldSlots } from './slots';
 export declare const TEXT_FIELD_KEY_COMPONENT = "M4LTextField";
+export declare const COMBINATED_TEXTFIELD_ENUMS: {
+    outlined: TexFieldComplementaryClasses.outlined;
+    text: TexFieldComplementaryClasses.text;
+    root: TextFieldSlots.root;
+    skeleton: TextFieldSlots.skeleton;
+};
+/**
+ * Inventario de clases CSS para el componente TextField
+ */
 export declare const TEXT_FIELD_CLASSES: Record<string, string>;

package/components/mui_extended/TextField/constants.js

@@ -1,7 +1,12 @@
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
-import { T as TextFieldSlots } from "./slots/TextFieldEnum.js";
+import { T as TextFieldSlots, a as TexFieldComplementaryClasses } from "./slots/TextFieldEnum.js";
 const TEXT_FIELD_KEY_COMPONENT = "M4LTextField";
-getComponentClasses(TEXT_FIELD_KEY_COMPONENT, TextFieldSlots);
+const COMBINATED_TEXTFIELD_ENUMS = {
+  ...TextFieldSlots,
+  ...TexFieldComplementaryClasses
+};
+const TEXT_FIELD_CLASSES = getComponentClasses(TEXT_FIELD_KEY_COMPONENT, COMBINATED_TEXTFIELD_ENUMS);
 export {
-  TEXT_FIELD_KEY_COMPONENT as T
+  TEXT_FIELD_CLASSES as T,
+  TEXT_FIELD_KEY_COMPONENT as a
 };

package/components/mui_extended/TextField/slots/TextFieldEnum.d.ts

@@ -2,3 +2,7 @@ export declare enum TextFieldSlots {
     root = "root",
     skeleton = "skeleton"
 }
+export declare enum TexFieldComplementaryClasses {
+    outlined = "outlined",
+    text = "text"
+}

package/components/mui_extended/TextField/slots/TextFieldEnum.js

@@ -3,6 +3,12 @@ var TextFieldSlots = /* @__PURE__ */ ((TextFieldSlots2) => {
   TextFieldSlots2["skeleton"] = "skeleton";
   return TextFieldSlots2;
 })(TextFieldSlots || {});
+var TexFieldComplementaryClasses = /* @__PURE__ */ ((TexFieldComplementaryClasses2) => {
+  TexFieldComplementaryClasses2["outlined"] = "outlined";
+  TexFieldComplementaryClasses2["text"] = "text";
+  return TexFieldComplementaryClasses2;
+})(TexFieldComplementaryClasses || {});
 export {
-  TextFieldSlots as T
+  TextFieldSlots as T,
+  TexFieldComplementaryClasses as a
 };

package/components/mui_extended/TextField/slots/TextFieldSlots.js

@@ -1,6 +1,6 @@
 import { TextField } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { T as TEXT_FIELD_KEY_COMPONENT } from "../constants.js";
+import { a as TEXT_FIELD_KEY_COMPONENT } from "../constants.js";
 import { t as textFieldStyles } from "../TextField.styles.js";
 import { T as TextFieldSlots } from "./TextFieldEnum.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";

package/components/mui_extended/TextField/types.d.ts

@@ -3,7 +3,7 @@ import { Theme, PaletteColor } from '@mui/material';
 import { TextFieldSlots } from './slots/TextFieldEnum';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { TEXT_FIELD_KEY_COMPONENT } from './constants';
-import { ComponentPalletColor, Sizes } from '@m4l/styles';
+import { Sizes } from '@m4l/styles';
 /**
  * Variants for the TextField component.
  */
@@ -40,7 +40,6 @@ export interface TextFieldProps extends Omit<MUITextFieldProps, 'size' | 'color'
      * Color del campo de texto.
      * color="primary"
      */
-    color?: Extract<ComponentPalletColor, 'default' | 'primary'>;
     /**
      * Indica si el campo de texto debe aceptar solo texto.
      */
@@ -59,9 +58,9 @@ export interface TextFieldOwnerState {
      */
     paletteColor: PaletteColor;
     /**
-     * Variante del campo de texto.
+     * Variante del campo de texto. Se asigna prefijo al nombre para no colicionar con la propiedad de Skeleton variant.
      */
-    variants?: TextFieldVariants;
+    TextFieldvariant?: TextFieldVariants;
     /**
      * Tamaño del campo de texto.
      */

package/components/mui_extended/Typography/Typography.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TYPOGRAPHY_CLASS_NAME_SPECIFY, a as TYPOGRAPHY_KEY_COMPONENT } from "./constants.js";
+import { T as TYPOGRAPHY_CLASS_NAME_SPECIFY, a as TYPOGRAPHY_CLASSES, b as TYPOGRAPHY_KEY_COMPONENT } from "./constants.js";
 import { T as TypographySlots } from "./slots/typographyEnum.js";
 import { S as StyledMUITypography, a as StyledSkeleton } from "./slots/typographySlots.js";
 import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
@@ -30,7 +30,7 @@ function Typography(props) {
   return /* @__PURE__ */ jsx(
     StyledMUITypography,
     {
-      className: clsx(className, TYPOGRAPHY_CLASS_NAME_SPECIFY),
+      className: clsx(className, TYPOGRAPHY_CLASS_NAME_SPECIFY, TYPOGRAPHY_CLASSES.root),
       variant,
       ownerState: { ...ownerState },
       ...getPropDataTestId(TYPOGRAPHY_KEY_COMPONENT, TypographySlots.root, dataTestid),
@@ -40,7 +40,8 @@ function Typography(props) {
         {
           width: index === skeletonRows - 1 ? skeletonWidth : "100%",
           variant: "text",
-          ownerState: { ...ownerState }
+          ownerState: { ...ownerState },
+          className: TYPOGRAPHY_CLASSES.skeleton
         },
         index
       ))

package/components/mui_extended/Typography/constants.d.ts

@@ -7,3 +7,7 @@ export declare const TYPOGRAPHY_KEY_COMPONENT = "M4LTypography";
  * tener la necesidad de agregar valores en !important.
  */
 export declare const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
+/**
+ * Inventario de clases CSS para el componente Typography.
+ */
+export declare const TYPOGRAPHY_CLASSES: Record<string, string>;

package/components/mui_extended/Typography/constants.js

@@ -1,6 +1,10 @@
+import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
+import { T as TypographySlots } from "./slots/typographyEnum.js";
 const TYPOGRAPHY_KEY_COMPONENT = "M4LTypography";
 const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
+const TYPOGRAPHY_CLASSES = getComponentClasses(TYPOGRAPHY_KEY_COMPONENT, TypographySlots);
 export {
   TYPOGRAPHY_CLASS_NAME_SPECIFY as T,
-  TYPOGRAPHY_KEY_COMPONENT as a
+  TYPOGRAPHY_CLASSES as a,
+  TYPOGRAPHY_KEY_COMPONENT as b
 };

package/components/mui_extended/Typography/slots/typographySlots.js

@@ -1,6 +1,6 @@
 import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { a as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
+import { b as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
 import { T as TypographySlots } from "./typographyEnum.js";
 import { t as typographyStyles } from "../typography.styles.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.53",
+  "version": "9.1.55",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/utils/getHeightSizeStyles.d.ts

@@ -0,0 +1,12 @@
+import { Sizes, SizesComponentsTypes } from '@m4l/styles';
+/**
+ * Utilidad que se encarga de obtener los estilos de tamaño de altura para ser usados en el css de los componentes.
+ * @param isMobile - Modalidad de dispositivo en el que se encuentra la aplicación (Escritorio y móvil). Se espera que se obtenga del objeto
+ * theme.generalSettings.isMobile.
+ * @param size - Formato de tamaño definido por el componente o el contexto de AppearanceComponentProvider, puede ser small,
+ * medium o large.
+ * @param variantSize - Variante de tamaño que se desea aplicar al componente.
+ * @param css - Estilos css adicionales o una función que devuelve un objeto de estilos. Si es una función, recibe `heightSize` como argumento.
+ * @returns Objeto con los estilos calculados.
+ */
+export declare const getHeightSizeStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((heightSize: string | number) => Record<string, any>)) => any;

package/utils/getHeightSizeStyles.js

@@ -0,0 +1,13 @@
+import { POINTER_QR_MOBILE_SIZES, POINTER_QR_DESKTOP_SIZES } from "@m4l/styles";
+const getHeightSizeStyles = (isMobile, size, variantSize, css) => {
+  const pointerQrSource = isMobile ? POINTER_QR_MOBILE_SIZES : POINTER_QR_DESKTOP_SIZES;
+  const heightSize = pointerQrSource[size][variantSize];
+  const resolvedCss = typeof css === "function" ? css(heightSize) : css;
+  return {
+    height: heightSize,
+    ...resolvedCss
+  };
+};
+export {
+  getHeightSizeStyles as g
+};

package/components/hook-form/RHFAutocomplete/classes/constant.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LRHFAutocomplete";

package/components/hook-form/RHFAutocomplete/classes/constant.js

@@ -1,4 +0,0 @@
-const componentName = "M4LRHFAutocomplete";
-export {
-  componentName as c
-};

package/components/hook-form/RHFAutocomplete/classes/index.d.ts

@@ -1,19 +0,0 @@
-import { RHFAutocompleteClassesType } from './types';
-import { OwnerState } from '../types';
-export declare const autocompleteClasses: RHFAutocompleteClassesType;
-export declare function getRHFAutocompleteClassesUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const useUtilityClasses: (ownerState: OwnerState) => {
-    skeleton: string;
-    root: string;
-    popper: string;
-    label: string;
-    skeletonRoot: string;
-    skeletonContainerText: string;
-    containerRefreshDown: string;
-    iconRefresh: string;
-    iconDown: string;
-    chip: string;
-};

package/components/hook-form/RHFAutocomplete/classes/index.js

@@ -1,77 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constant.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root",
-    "withImage",
-    "skeleton",
-    "label",
-    "popper",
-    "skeletonRoot",
-    "skeletonContainerText",
-    "containerRefreshDown",
-    "iconRefresh",
-    "iconDown",
-    /* states or variants of elements */
-    "variantInfo",
-    "isDisabled",
-    "imageWidthDefined",
-    "variantSuccess",
-    "variantWarning",
-    "variantError",
-    "sizeSmall",
-    "sizeMedium",
-    "isFocus",
-    "isTabSelected",
-    "chip"
-  ]
-);
-function getRHFAutocompleteClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.size === "small" && "sizeSmall",
-      ownerState.size === "medium" && "sizeMedium",
-      ownerState.isFocus && "isFocus",
-      ownerState.isTabSelected && "isTabSelected",
-      ownerState.disabled && "isDisabled",
-      ownerState.semantics === "info" && "variantInfo",
-      ownerState.semantics === "success" && "variantSuccess",
-      ownerState.semantics === "warning" && "variantWarning",
-      ownerState.semantics === "error" && "variantError",
-      ownerState.multiple && "multiple"
-    ],
-    skeleton: ["skeleton"],
-    label: ["label"],
-    popper: [
-      "popper",
-      ownerState.size === "small" && "sizeSmall",
-      ownerState.size === "medium" && "sizeMedium",
-      ownerState.imageScale && "imageScale",
-      ownerState.imageRepeat && "imageRepeat"
-    ],
-    skeletonRoot: ["skeletonRoot"],
-    skeletonContainerText: ["SkeletonContainerText"],
-    containerRefreshDown: ["containerRefreshDown"],
-    iconRefresh: ["iconRefresh"],
-    iconDown: ["iconDown"],
-    chip: [
-      "chip",
-      ownerState.size === "small" && "sizeSmall",
-      ownerState.size === "medium" && "sizeMedium"
-    ]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFAutocompleteClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};