@m4l/components 9.3.2-B04082025-beta.2 → 9.3.2-B11082025-beta.1

package/components/mui_extended/TextField/TextField.js

@@ -8,7 +8,6 @@ import { T as TextFieldSlots } from "./slots/TextFieldEnum.js";
 import { useTheme } from "@mui/material";
 import { forwardRef } from "react";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { g as getLimitCharacters } from "./helpers/getLimitCharacters/getLimitCharacters.js";
 import { T as Typography } from "../Typography/Typography.js";
 const TextField = forwardRef(function TextField2(props, ref) {
   const {
@@ -22,7 +21,7 @@ const TextField = forwardRef(function TextField2(props, ref) {
     autoComplete = "off",
     className,
     inputProps,
-    limitCharacters,
+    maxLength,
     ...others
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -38,8 +37,6 @@ const TextField = forwardRef(function TextField2(props, ref) {
     color: error ? "error" : "default",
     readOnly: InputProps?.readOnly
   };
-  const finalValue = limitCharacters ? getLimitCharacters({ limitCharacters, value }) : value;
-  const stringValue = String(finalValue || "");
   const isSkeleton = useModuleSkeleton();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(
@@ -60,7 +57,7 @@ const TextField = forwardRef(function TextField2(props, ref) {
       className: clsx(TEXT_FIELD_CLASSES.root, TEXT_FIELD_CLASSES[variant], className, InputProps?.readOnly && TEXT_FIELD_CLASSES.readOnly),
       ...getPropDataTestId(TEXT_FIELD_KEY_COMPONENT, TextFieldSlots.root, dataTestId),
       autoComplete,
-      value: stringValue,
+      value,
       inputMode: "numeric",
       disabled,
       inputProps: {
@@ -68,13 +65,14 @@ const TextField = forwardRef(function TextField2(props, ref) {
         "aria-invalid": error ? "true" : void 0,
         ...inputProps
       },
+      maxLength,
       InputProps: {
         ...InputProps,
-        ...limitCharacters && {
+        ...maxLength && {
           endAdornment: /* @__PURE__ */ jsxs(LimitContainerStyled, { children: [
-            /* @__PURE__ */ jsx(LimitTextFirstStyled, { role: "text", "aria-label": "current characters", variant: "body", color: "text.secondary", ownerState: { percent: stringValue.length / limitCharacters * 100 }, children: stringValue.length }),
+            /* @__PURE__ */ jsx(LimitTextFirstStyled, { role: "text", "aria-label": "current characters", variant: "body", color: "text.secondary", ownerState: { percent: value.length / maxLength * 100 }, children: value.length }),
             /* @__PURE__ */ jsx(Typography, { variant: "body", color: "text.secondary", children: "/" }),
-            /* @__PURE__ */ jsx(LimitTextSecondStyled, { role: "text", "aria-label": "limit characters", variant: "body", color: "text.secondary", children: limitCharacters }),
+            /* @__PURE__ */ jsx(LimitTextSecondStyled, { role: "text", "aria-label": "limit characters", variant: "body", color: "text.secondary", children: maxLength }),
             InputProps?.endAdornment
           ] })
         },

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

@@ -18,6 +18,7 @@ const textFieldStyles = {
       paddingRight: 0,
       paddingTop: 0,
       paddingBottom: 0,
+      overflow: "hidden",
       // Estilo de los bordes
       border: theme.vars.size.borderStroke.actionInput,
       borderColor: ownerState?.error && !ownerState?.readOnly ? `${ownerState?.paletteColor?.enabled}!important` : `${theme.vars.palette.border.secondary}!important`,

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

@@ -1,10 +1,10 @@
-import { TexFieldComplementaryClasses, TextFieldSlots } from './slots';
+import { TextFieldComplementaryClasses, TextFieldSlots } from './slots';
 export declare const TEXT_FIELD_KEY_COMPONENT = "M4LTextField";
 export declare const COMBINATED_TEXTFIELD_ENUMS: {
-    outlined: TexFieldComplementaryClasses.outlined;
-    text: TexFieldComplementaryClasses.text;
-    contained: TexFieldComplementaryClasses.contained;
-    readOnly: TexFieldComplementaryClasses.readOnly;
+    outlined: TextFieldComplementaryClasses.outlined;
+    text: TextFieldComplementaryClasses.text;
+    contained: TextFieldComplementaryClasses.contained;
+    readOnly: TextFieldComplementaryClasses.readOnly;
     root: TextFieldSlots.root;
     skeleton: TextFieldSlots.skeleton;
     limitContainer: TextFieldSlots.limitContainer;

package/components/mui_extended/TextField/constants.js

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

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

@@ -1 +1,2 @@
 export { TextField } from './TextField';
+export { getLimitCharacters } from '../../../utils/getLimitCharacters';

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

@@ -5,7 +5,7 @@ export declare enum TextFieldSlots {
     limitTextFirst = "limitTextFirst",
     limitTextSecond = "limitTextSecond"
 }
-export declare enum TexFieldComplementaryClasses {
+export declare enum TextFieldComplementaryClasses {
     outlined = "outlined",
     text = "text",
     contained = "contained",

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

@@ -6,14 +6,14 @@ var TextFieldSlots = /* @__PURE__ */ ((TextFieldSlots2) => {
   TextFieldSlots2["limitTextSecond"] = "limitTextSecond";
   return TextFieldSlots2;
 })(TextFieldSlots || {});
-var TexFieldComplementaryClasses = /* @__PURE__ */ ((TexFieldComplementaryClasses2) => {
-  TexFieldComplementaryClasses2["outlined"] = "outlined";
-  TexFieldComplementaryClasses2["text"] = "text";
-  TexFieldComplementaryClasses2["contained"] = "contained";
-  TexFieldComplementaryClasses2["readOnly"] = "readOnly";
-  return TexFieldComplementaryClasses2;
-})(TexFieldComplementaryClasses || {});
+var TextFieldComplementaryClasses = /* @__PURE__ */ ((TextFieldComplementaryClasses2) => {
+  TextFieldComplementaryClasses2["outlined"] = "outlined";
+  TextFieldComplementaryClasses2["text"] = "text";
+  TextFieldComplementaryClasses2["contained"] = "contained";
+  TextFieldComplementaryClasses2["readOnly"] = "readOnly";
+  return TextFieldComplementaryClasses2;
+})(TextFieldComplementaryClasses || {});
 export {
   TextFieldSlots as T,
-  TexFieldComplementaryClasses as a
+  TextFieldComplementaryClasses as a
 };

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

@@ -40,7 +40,7 @@ export interface TextFieldProps extends Omit<MUITextFieldProps, 'size' | 'color'
      * Limite de caracteres del campo de texto.
      * limitCharacters={10}
      */
-    limitCharacters?: number;
+    maxLength?: number;
 }
 /**
  * Estado del propietario del campo de texto.

package/hooks/index.d.ts

@@ -11,3 +11,4 @@ export { useStateRef } from './useStateRef';
 export * from './useDynamicFilterAndSort';
 export * from './useDataGridPersistence';
 export * from './usePopoverContainer';
+export * from './useIsVisible';

package/hooks/useIsVisible/index.d.ts

@@ -0,0 +1 @@
+export { useIsVisible } from './useIsVisible';

package/hooks/useIsVisible/index.js

@@ -0,0 +1 @@
+

package/hooks/useIsVisible/useIsVisible.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Custom hook para verificar si el contenedor debería ser visible en la pantalla.
+ * Cada vez que el contenedor cambia de tamaño, el hook revisa si su altura es al menos de 55 píxeles o mayor (o el valor que se le pasa como argumento).
+ * Si es lo suficientemente alta, dice “sí, está visible” (true), si no, dice “no, está demasiado pequeña” (false).
+ * @param containerRef - Referencia al contenedor del componente.
+ * @returns true si el contenedor debería ser visible, false en caso contrario.
+ */
+export declare const useIsVisible: (containerRef: React.RefObject<HTMLDivElement>, minHeightThreshold?: number) => boolean;

package/{components/ImageText/hooks/useIsVisible/index.js → hooks/useIsVisible/useIsVisible.js}

@@ -1,17 +1,17 @@
 import { useState, useEffect } from "react";
-const useIsVisible = (containerRef) => {
+const useIsVisible = (containerRef, minHeightThreshold = 55) => {
   const [isVisible, setIsVisible] = useState(true);
   useEffect(() => {
     const observer = new ResizeObserver((entries) => {
       for (const entry of entries) {
-        const shouldBeVisible = entry.contentRect.height >= 55;
+        const shouldBeVisible = entry.contentRect.height >= minHeightThreshold;
         setIsVisible(shouldBeVisible);
       }
     });
     if (containerRef.current) {
       observer.observe(containerRef.current);
       const rect = containerRef.current.getBoundingClientRect();
-      setIsVisible(rect.height >= 55);
+      setIsVisible(rect.height >= minHeightThreshold);
     }
     return () => {
       observer.disconnect();

package/index.js

@@ -147,7 +147,7 @@ import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
 import { R as R16 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
 import { R as R17 } from "./components/hook-form/RHFPeriod/constants.js";
 import { R as R18 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
-import { P as P6, R as R19, S as S7, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { N as N3, P as P6, R as R19, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
 import { R as R20 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
 import { R as R21 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { I as I4 } from "./components/Icon/Icon.js";
@@ -163,11 +163,11 @@ import { a as a9, M as M3 } from "./components/MenuActions/MenuActions.js";
 import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
 import { M as M5 } from "./components/MFLoader/MFLoader.js";
 import { g as g24 } from "./components/MFLoader/dictionary.js";
-import { N as N3 } from "./components/ImageText/components/NoItemPrivileges/NoItemPrivileges.js";
-import { g as g25 } from "./components/ImageText/components/NoItemPrivileges/dictionary.js";
-import { N as N4 } from "./components/ImageText/components/NoItemSelected/NoItemSelected.js";
-import { g as g26 } from "./components/ImageText/components/NoItemSelected/dictionary.js";
-import { I as I6 } from "./components/ImageText/components/ImageTextContainer/ImageTextContainer.js";
+import { I as I6 } from "./components/ImageText/ImageText.js";
+import { N as N4 } from "./components/NoItemSelected/NoItemSelected.js";
+import { g as g25 } from "./components/NoItemSelected/dictionary.js";
+import { N as N5 } from "./components/NoItemPrivileges/NoItemPrivileges.js";
+import { g as g26 } from "./components/NoItemPrivileges/dictionary.js";
 import { g as g27 } from "./components/ObjectLogs/dictionary.js";
 import { O } from "./components/ObjectLogs/ObjectLogs.js";
 import { P as P7 } from "./components/PaperForm/PaperForm.js";
@@ -179,8 +179,8 @@ import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
 import { P as P12 } from "./components/PropertyValue/PropertyValue.js";
 import { S as S8 } from "./components/ScrollBar/ScrollBar.js";
 import { S as S9 } from "./components/SideBar/SideBar.js";
-import { T as T18 } from "./components/ToastContainer/ToastContainer.js";
-import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
+import { T as T17 } from "./components/ToastContainer/ToastContainer.js";
+import { T as T18 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { W as W2 } from "./components/WindowBase/WindowBase.js";
 import { u as u14 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
 import { u as u15, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
@@ -190,6 +190,7 @@ import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/Dy
 import { W as W4 } from "./components/WindowConfirm/WindowConfirm.js";
 import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
+import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
 import { P as P13 } from "./components/Pager/Pager.js";
 import { F as F2, R as R22, u as u16 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g29 } from "./components/hook-form/RHFormContext/dictionary.js";
@@ -205,11 +206,12 @@ import { u as u22 } from "./hooks/useInterval/index.js";
 import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
 import { u as u24 } from "./hooks/useFormReadyForUpdate/index.js";
 import { u as u25 } from "./hooks/useStateRef/index.js";
-import { S as S10 } from "./hooks/useSvgColor/constants.js";
+import { S as S11 } from "./hooks/useSvgColor/constants.js";
 import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
 import { u as u27 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
 import { u as u28 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
 import { u as u29 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
+import { u as u30 } from "./hooks/useIsVisible/useIsVisible.js";
 import { c as c4 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
 import { g as g31 } from "./utils/getComponentUtilityClass.js";
@@ -289,7 +291,7 @@ export {
   I as IconButtonAnimate,
   I5 as Image,
   I3 as ImageButton,
-  I6 as ImageTextContainer,
+  I6 as ImageText,
   L2 as LABEL_FILTER_BUTTON,
   L6 as Label,
   L7 as LanguagePopover,
@@ -312,9 +314,10 @@ export {
   M as MotionContainer,
   M2 as MotionLazyContainer,
   N2 as NavLink,
-  N3 as NoItemPrivileges,
+  N5 as NoItemPrivileges,
   N4 as NoItemSelected,
   N as NumberEditor,
+  N3 as NumberInputStyled,
   O as ObjectLogs,
   O2 as ObjectQueue,
   P8 as PDFViewer,
@@ -353,11 +356,12 @@ export {
   R as Resizable,
   R2 as ResizableBox,
   R3 as Responsive,
-  S10 as SKELETON_SVG_ICON,
+  S11 as SKELETON_SVG_ICON,
   S8 as ScrollBar,
   S as SectionCommercial,
   S4 as Select,
   S7 as SelectStyled,
+  S10 as SettingsLayout,
   S9 as SideBar,
   S5 as Skeleton,
   S2 as SortCompareValues,
@@ -372,9 +376,8 @@ export {
   a7 as TabProvider,
   T5 as Tabs,
   T2 as TextEditor,
-  T17 as TextFieldStyled,
-  T18 as ToastContainer,
-  T19 as ToastMessage,
+  T17 as ToastContainer,
+  T18 as ToastMessage,
   T9 as ToggleButton,
   T12 as ToggleButtonRootStyled,
   T11 as ToggleButtonSlots,
@@ -428,8 +431,8 @@ export {
   g23 as getMenuActionsComponentsDictionary,
   a14 as getModalDialogComponentsDictionary,
   g28 as getModalDictionary,
-  g25 as getNoItemPrivilegesComponentsDictionary,
-  g26 as getNoItemSelectedComponentsDictionary,
+  g26 as getNoItemPrivilegesComponentsDictionary,
+  g25 as getNoItemSelectedComponentsDictionary,
   g38 as getNullGuard,
   g27 as getObjectLogsComponentsDictionary,
   g11 as getPagerComponentsDictionary,
@@ -473,6 +476,7 @@ export {
   u24 as useFormReadyForUpdate,
   u12 as useFormatPeriod,
   u22 as useInterval,
+  u30 as useIsVisible,
   u19 as useModal,
   u29 as usePopoverContainer,
   u13 as usePopupsStore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.2-B04082025-beta.2",
+  "version": "9.3.2-B11082025-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -11,8 +11,8 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "2.9.11",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^7.1.3-B04082025-beta.2",
-    "@m4l/styles": "^7.1.31-B04082025-beta.2",
+    "@m4l/graphics": "7.1.4-B11082025-beta.1",
+    "@m4l/styles": "7.1.31-B11082025-beta.1",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",

package/storybook/components/Card/Card.stories.d.ts

@@ -0,0 +1,45 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Card } from '../../../src/components/Card';
+declare const meta: Meta<typeof Card>;
+type Story = StoryObj<typeof Card>;
+/**
+ * Base story for `Card` with variant outlined.
+ */
+export declare const H001_Variant_Outlined: Story;
+/**
+ * Base story for `Card` with variant text.
+ */
+export declare const H002_Variant_Text: Story;
+/**
+ * Base story for `Card` with variant outlined and hover.
+ */
+export declare const H003_Variant_Outlined_Hover: Story;
+/**
+ * Base story for `Card` with variant outlined and selected.
+ */
+export declare const H004_Variant_Outlined_Selected: Story;
+/**
+ * Base story for `Card` with variant outlined and active.
+ */
+export declare const H005_Variant_Outlined_Active: Story;
+/**
+ * Base story for `Card` with variant outlined and focus visible.
+ */
+export declare const H006_Variant_Outlined_Focus_Visible: Story;
+/**
+ * Base story for `Card` with variant text and hover.
+ */
+export declare const H007_Variant_Text_Hover: Story;
+/**
+ * Base story for `Card` with variant text and hover.
+ */
+export declare const H008_Variant_Text_Selected: Story;
+/**
+ * Base story for `Card` with variant text and active.
+ */
+export declare const H009_Variant_Text_Active: Story;
+/**
+ * Base story for `Card` with variant text and focus visible.
+ */
+export declare const H010_Variant_Text_Focus_Visible: Story;
+export default meta;

package/storybook/components/Card/subcomponents/ContentCard.d.ts

@@ -0,0 +1,8 @@
+import { CardProps } from '../../../../src/components/Card/types';
+/**
+ * Componente que se renderiza en el contenido de la tarjeta
+ * @returns {React.ReactElement}
+ */
+export declare const ContentCard: ({ gap }: {
+    gap?: CardProps["gap"];
+}) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/Card/subcomponents/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const ICONS: {
+    STATUS: string;
+    LOCATION: string;
+    TIME: string;
+    SPEED: string;
+    ACTION: string;
+    INFORMATION: string;
+    MENU: string;
+};

package/storybook/components/NoItemPrivileges/NoItemPrivileges.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { NoItemPrivileges } from '../../../src/components/ImageText/components/NoItemPrivileges';
+import { NoItemPrivileges } from '../../../src/components/NoItemPrivileges';
 declare const meta: Meta<typeof NoItemPrivileges>;
 export default meta;
 type Story = StoryObj<typeof NoItemPrivileges>;

package/storybook/components/NoItemSelect/NoItemSelect.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { NoItemSelected } from '../../../src/components/ImageText/components/NoItemSelected/NoItemSelected';
+import { NoItemSelected } from '../../../src/components/NoItemSelected';
 declare const meta: Meta<typeof NoItemSelected>;
 export default meta;
 type Story = StoryObj<typeof NoItemSelected>;

package/storybook/components/SettingsLayout/SettingsLayout.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SettingsLayout } from '../../../src/components/SettingsLayout/SettingsLayout';
+declare const meta: Meta<typeof SettingsLayout>;
+export default meta;
+type Story = StoryObj<typeof SettingsLayout>;
+export declare const Open: Story;

package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/SettingsLayoutsRender.d.ts

@@ -0,0 +1,5 @@
+import { SettingsLayoutProps } from '../../../../../src/components/SettingsLayout/';
+/**
+ * Wrapper para el componente SettingsLayout encargado de aplicar estilos y props por defecto
+ */
+export declare const SettingsLayoutRender: (props: Partial<SettingsLayoutProps>) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/index.d.ts

@@ -0,0 +1 @@
+export { SettingsLayoutRender } from './SettingsLayoutsRender';

package/storybook/components/extended/mui/TextField/TextFieldText.stories.d.ts

@@ -24,7 +24,7 @@ export declare const WhitAdorment: Story;
 /**
  * Se aplica cuando el input tiene un limite de caracteres.
  */
-export declare const WithLimitCharacters: Story;
+export declare const WithMaxLength: Story;
 /**
  * Se aplica cuando el input tiene un skeleton.
  */

package/storybook/components/paperForm/PaperForm.stories.d.ts

@@ -19,4 +19,8 @@ export declare const WithChildren: Story;
  ********************************************************/
 export declare const WithPropertyValues: Story;
 export declare const WithSimpleContent: Story;
+/**
+ * State Skeleton
+ */
+export declare const Skeleton: Story;
 export default meta;

package/storybook/hook-form/RHFTextField/RHFTextField.stories.d.ts

@@ -16,6 +16,10 @@ export declare const RHFTextFieldReadOnly: Story;
  * endAdornment
  */
 export declare const RHFTextFieldAdornment: Story;
+/**
+ * Input con límite de caracteres.
+ */
+export declare const RHFTextFieldMaxLength: Story;
 export declare const RHFTextFieldError: Story;
 export declare const SkeletonBase: Story;
 export default meta;

package/storybook/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.stories.d.ts

@@ -2,7 +2,26 @@ import { Meta, StoryObj } from '@storybook/react';
 import { RHFTextFieldPassword } from '../../../src/components/hook-form/RHFTextFieldPassword';
 declare const meta: Meta<typeof RHFTextFieldPassword>;
 type Story = StoryObj<typeof RHFTextFieldPassword>;
+/**
+ * Input con valor por defecto.
+ */
 export declare const RHFTextFieldPasswordDefault: Story;
+/**
+ * Input con límite de caracteres.
+ *
+ * maxLength
+ */
+export declare const RHFTextFieldPasswordMaxLength: Story;
+/**
+ * Input con error.
+ *
+ * error
+ */
 export declare const RHFTextFieldPasswordError: Story;
+/**
+ * Input con skeleton.
+ *
+ * skeleton
+ */
 export declare const SkeletonBase: Story;
 export default meta;

package/{components/mui_extended/TextField/helpers → utils}/getLimitCharacters/getLimitCharacters.d.ts

@@ -1,7 +1,7 @@
-import { TextFieldProps } from '../../types';
+import { GetLimitCharactersProps } from './types';
 /**
  * Obtiene el valor limitado de caracteres del campo de texto.
  * @param props - Propiedades del campo de texto.
  * @returns El valor limitado de caracteres del campo de texto.
  */
-export declare const getLimitCharacters: (props: TextFieldProps) => unknown;
+export declare const getLimitCharacters: (props: GetLimitCharactersProps) => unknown;

package/utils/getLimitCharacters/index.js

@@ -0,0 +1 @@
+

package/utils/getLimitCharacters/test/getLimitCharacters.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/getLimitCharacters/types.d.ts

@@ -0,0 +1,11 @@
+import { TextFieldProps } from '../../components/mui_extended/TextField/types';
+export interface GetLimitCharactersProps {
+    /**
+     * Límite de caracteres.
+     */
+    limitCharacters?: number;
+    /**
+     * Valor a limitar.
+     */
+    value?: TextFieldProps['value'];
+}

package/components/ImageText/components/ImageTextContainer/ImageTextContainer.d.ts

@@ -1,7 +0,0 @@
-import { ImageTextContainerProps } from './types';
-/**
- * Componente que representa un contenedor agrupar mensajes con imagen y texto.
- * @param props - Propiedades del componente.
- * @returns Un componente de tipo ReactNode.
- */
-export declare const ImageTextContainer: (props: ImageTextContainerProps) => import("react/jsx-runtime").JSX.Element;

package/components/ImageText/components/ImageTextContainer/ImageTextContainer.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { I as ImageTextContainerSlots } from "./slots/ImageTextContainerEnum.js";
-import { I as ImageTextContainerRoot } from "./slots/ImageTextContainerSlots.js";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
-import { I as IMAGE_TEXT_CONTAINER_CLASSES, a as IMAGE_TEXT_CONTAINER_KEY_COMPONENT } from "./constants.js";
-import { clsx } from "clsx";
-const ImageTextContainer = (props) => {
-  const { className, dataTestId, children, ...others } = props;
-  return /* @__PURE__ */ jsx(
-    ImageTextContainerRoot,
-    {
-      ...others,
-      ...getPropDataTestId(
-        IMAGE_TEXT_CONTAINER_KEY_COMPONENT,
-        ImageTextContainerSlots.root,
-        dataTestId
-      ),
-      className: clsx(IMAGE_TEXT_CONTAINER_CLASSES.root, className),
-      children
-    }
-  );
-};
-export {
-  ImageTextContainer as I
-};

package/components/ImageText/components/ImageTextContainer/ImageTextContainerStyle.d.ts

@@ -1,2 +0,0 @@
-import { ImageTextContainerStyles } from './types';
-export declare const imageTextContainerStyles: ImageTextContainerStyles;

package/components/ImageText/components/ImageTextContainer/ImageTextContainerStyle.js

@@ -1,22 +0,0 @@
-const imageTextContainerStyles = {
-  /**
-   * Estilos para el contenedor principal del componente ImageTextContainer.
-   */
-  root: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    height: "80%",
-    width: "100%",
-    maxWidth: "600px",
-    minWidth: "200px",
-    padding: "10px",
-    gap: theme.vars.size.baseSpacings.sp2,
-    minHeight: "60px",
-    backgroundColor: theme.palette.background.default
-  })
-};
-export {
-  imageTextContainerStyles as i
-};

package/components/ImageText/components/ImageTextContainer/constants.d.ts

@@ -1,8 +0,0 @@
-/**
- * Clave del componente ImageTextContainer.
- */
-export declare const IMAGE_TEXT_CONTAINER_KEY_COMPONENT = "M4LImageTextContainer";
-/**
- * Clases del componente ImageTextContainer.
- */
-export declare const IMAGE_TEXT_CONTAINER_CLASSES: Record<string, string>;

package/components/ImageText/components/ImageTextContainer/constants.js

@@ -1,8 +0,0 @@
-import { g as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
-import { I as ImageTextContainerSlots } from "./slots/ImageTextContainerEnum.js";
-const IMAGE_TEXT_CONTAINER_KEY_COMPONENT = "M4LImageTextContainer";
-const IMAGE_TEXT_CONTAINER_CLASSES = getComponentClasses(IMAGE_TEXT_CONTAINER_KEY_COMPONENT, ImageTextContainerSlots);
-export {
-  IMAGE_TEXT_CONTAINER_CLASSES as I,
-  IMAGE_TEXT_CONTAINER_KEY_COMPONENT as a
-};

package/components/ImageText/components/ImageTextContainer/index.d.ts

@@ -1 +0,0 @@
-export { ImageTextContainer } from './ImageTextContainer';

package/components/ImageText/components/ImageTextContainer/slots/ImageTextContainerEnum.d.ts

@@ -1,3 +0,0 @@
-export declare enum ImageTextContainerSlots {
-    root = "root"
-}

package/components/ImageText/components/ImageTextContainer/slots/ImageTextContainerEnum.js

@@ -1,7 +0,0 @@
-var ImageTextContainerSlots = /* @__PURE__ */ ((ImageTextContainerSlots2) => {
-  ImageTextContainerSlots2["root"] = "root";
-  return ImageTextContainerSlots2;
-})(ImageTextContainerSlots || {});
-export {
-  ImageTextContainerSlots as I
-};