@m4l/components 8.1.0-beta.devManuela.IconButton → 8.1.0

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

@@ -0,0 +1,66 @@
+import { SelectProps as MUISelectProps } from '@mui/material/Select';
+import { Theme, PaletteColor } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Sizes, ComponentPalletColor } from '@m4l/styles';
+import { SELECT_KEY_COMPONENT } from './constants';
+import { SelectSlots } from './slots';
+/**
+ * Representa una opción dentro del Select.
+ * id - Identificador único de la opción. Puede ser número o string.
+ * label - Texto que representa la opción.
+ * [icon] - (Opcional) URL del ícono asociado a la opción.
+ * @createdAt 2024-10-22 10:30:26 - automatic
+ */
+export type selectOption = {
+    id: number | string;
+    label: string;
+    icon?: string;
+};
+/**
+ * Propiedades que acepta el componente `Select`, extendiendo las propiedades de Material-UI `SelectProps`.
+ * [id] - Identificador opcional del componente.
+ * [size] - Tamaño del Select, valores posibles: 'small', 'medium', etc.
+ * [src] - Fuente opcional, si es aplicable.
+ * options - Array de opciones que recibirá el Select.
+ * value - Valor o valores seleccionados.
+ * onChange - Función que se ejecuta al cambiar la selección.
+ * [multiple] - Define si el Select es de selección múltiple.
+ * [disabled] - Establece si el Select está deshabilitado.
+ * [error] - Define si el Select está en estado de error.
+ * [componentPaletteColor] - Personaliza el color del componente.
+ * [color] - Define el color del Select.
+ * variant - Variante del Select.
+ * @author Bruce Escobar - automatic
+ * @createdAt 2024-10-22 10:30:26 - automatic
+ * @updatedAt 2024-10-22 20:03:58 - automatic
+ * @updatedUser Bruce Escobar - automatic
+ */
+export interface SelectProps extends Omit<MUISelectProps, 'size' | 'onChange' | 'value' | 'error'> {
+    id?: string;
+    size?: Sizes;
+    src?: string;
+    options: Array<selectOption>;
+    value: number | string | string[] | number[];
+    onChange: (options: selectOption | selectOption[]) => void;
+    multiple?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    componentPaletteColor?: ComponentPalletColor;
+    color?: Extract<ComponentPalletColor, 'primary'>;
+    variant: 'standard' | 'outlined';
+}
+/**
+ * Propiedades internas que definen el estado del componente `Select`.
+ * paletteColor - Color de la paleta aplicado al Select.
+ */
+export interface SelectOwnerState extends Pick<SelectProps, 'classes' | 'size' | 'error' | 'componentPaletteColor' | 'variant' | 'disabled'> {
+    paletteColor: PaletteColor;
+}
+/**
+ * Define los tipos de slots disponibles en el Select.
+ */
+export type SelectSlotsType = keyof typeof SelectSlots;
+/**
+ * Estilos aplicables al componente Select.
+ */
+export type SelectStyles = Partial<OverridesStyleRules<SelectSlotsType, typeof SELECT_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/mui_extended/Skeleton/Skeleton.d.ts

@@ -4,5 +4,9 @@ import { SkeletonProps } from './types';
  * al cual se le ha agregado una capa de estilos con overrides definidos por el sistema de diseño.
  * Este componente proporciona una experiencia de carga visual mientras los datos están siendo recuperados,
  * y es altamente personalizable gracias a las propiedades y variantes específicas que se le han añadido.
+ * @author Bruce Escobar - automatic
+ * @createdAt 2024-10-22 09:41:31 - automatic
+ * @updatedAt 2024-10-22 19:27:23 - automatic
+ * @updatedUser Bruce Escobar - automatic
  */
 export declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Skeleton/Slots/skeletonSlots.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledMUISkeleton: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
-}, "height" | "width" | "animation" | "sx" | "classes" | "className" | "style" | "children" | "variant">, "color" | "content" | "height" | "translate" | "width" | "animation" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').SkeletonOwnerState> & Record<string, unknown> & {
+}, "children" | "height" | "width" | "animation" | "sx" | "classes" | "className" | "style" | "variant">, "children" | "ref" | "color" | "content" | "height" | "translate" | "width" | "animation" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').SkeletonOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').SkeletonOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/components/mui_extended/Skeleton/skeleton.styles.js

@@ -2,6 +2,10 @@ const skeletonStyles = {
   /**
    * Slot: root
    * Componente extendido de MUI Skeleton, que permite personalizar los estilos del componente.
+   * @author Bruce Escobar - automatic
+   * @createdAt 2024-10-22 09:41:31 - automatic
+   * @updatedAt 2024-10-22 19:27:23 - automatic
+   * @updatedUser Bruce Escobar - automatic
    */
   root: ({ ownerState, theme }) => ({
     "&.M4lclassCssSpecificity": {

package/components/mui_extended/Tabs/styles.d.ts

@@ -1,3 +1,3 @@
 export declare const MUITabs: import('@emotion/styled').StyledComponent<import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, "sx" | "classes" | "className" | "style" | "aria-label" | "aria-labelledby" | "children" | "onChange" | "slotProps" | "slots" | "action" | "value" | "variant" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+}, "children" | "value" | "sx" | "classes" | "className" | "style" | "aria-label" | "aria-labelledby" | "onChange" | "slotProps" | "slots" | "action" | "variant" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

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

@@ -0,0 +1,9 @@
+import { TextFieldProps } from './types';
+/**
+ * Componente TextField extended de MUI-MATERIAL componente de entrada de datos en una interfaz de usuario que permite a los usuarios ingresar y editar texto. Es comúnmente utilizado en formularios y otros contextos donde se requiere la entrada de texto por parte del usuario.
+ * @author Bruce Escobar - automatic
+ * @createdAt 2024-10-22 19:27:22 - automatic
+ * @updatedAt 2024-10-22 19:27:23 - automatic
+ * @updatedUser Bruce Escobar - automatic
+ */
+export declare const TextField: (props: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export declare const TEXT_FIELD_KEY_COMPONENT = "M4LTextField";

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

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

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

@@ -0,0 +1,5 @@
+export declare enum TextFieldSlots {
+    muiTextFieldStyled = "muiTextFieldStyled",
+    textFieldRootStyled = "textFieldRootStyled",
+    muiSkeletonStyled = "muiSkeletonStyled"
+}

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

@@ -0,0 +1,13 @@
+export declare const MuiTextFieldStyled: import('@emotion/styled').StyledComponent<Pick<{
+    variant?: import('@mui/material').TextFieldVariants | undefined;
+} & Omit<import('@mui/material').FilledTextFieldProps | import('@mui/material').StandardTextFieldProps | import('@mui/material').OutlinedTextFieldProps, "variant">, "size" | "name" | "children" | "ref" | "value" | "color" | "content" | "translate" | "margin" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "label" | "select" | "key" | "type" | "component" | "variant" | "error" | "autoComplete" | "placeholder" | "required" | "rows" | "fullWidth" | "inputProps" | "inputRef" | "SelectProps" | "multiline" | "maxRows" | "minRows" | "hiddenLabel" | "focused" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').OwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').OwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const TextFieldRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').OwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').OwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const MuiSkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "height" | "width" | "animation" | "sx" | "classes" | "className" | "style" | "variant">, "children" | "ref" | "color" | "content" | "height" | "translate" | "width" | "animation" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').OwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').OwnerState> & Record<string, unknown>;
+}, {}, {}>;

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

@@ -0,0 +1,2 @@
+export * from './TextFieldEnum';
+export * from './TextFieldSlots';

package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldDisabledOutlined.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+/**
+ * Se aplica cuando el input está deshabilitado y no puede ser interactuado por el usuario.
+ *
+ * disabled
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+export declare const OutlinedDisabled: Story;
+export declare const WhitoutEndAdorment: Story;
+export declare const WhitAdorment: Story;
+export declare const WhitoutStartAdorment: Story;
+export declare const WhitoutAdorment: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldDisabledText.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+/**
+ * Se aplica cuando el input está deshabilitado y no puede ser interactuado por el usuario.
+ *
+ * disabled
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+export declare const TextDisabled: Story;
+export declare const WhitoutEndAdorment: Story;
+export declare const WhitoutStartAdorment: Story;
+export declare const WhitAdorment: Story;
+export declare const WhitoutAdorment: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldSkeleton.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+/**
+ * Se utiliza cuando el componente está esperando datos de una fuente externa, como una API.
+ *
+ * useModuleSkeleton
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+export declare const SkeletonBase: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/TextFieldErrorOutlined.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Error en variante outlined y text se utiliza para mostrar un campo de texto que indica un estado de error. Esto es útil para proporcionar retroalimentación visual al usuario cuando hay un problema con la entrada de datos.
+ */
+export declare const ErrorOutlined: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/TextFieldErrorText.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ *  Error en variante outlined y text se utiliza para mostrar un campo de texto que indica un estado de error. Esto es útil para proporcionar retroalimentación visual al usuario cuando hay un problema con la entrada de datos.
+ */
+export declare const ErrorText: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateActive.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const ActiveOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateEnabled.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const EnabledOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateFocus.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const FocusOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateHover.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const HoverOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateActive.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const ActiveText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateEnabled.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Enabled con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const EnabledText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateFocus.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Focus con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const FocusText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateHover.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Hover con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const HoverText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/TextFieldOutlined.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Story for the primary outlined variant of the TextField component.
+ */
+export declare const PrimaryOutlined: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/TextFieldText.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+/**
+ * Meta configuration for the TextField stories.
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Story for the primary text variant of the TextField component.
+ */
+export declare const PrimaryText: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateActive.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const ActiveOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateEnabled.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Enabled con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const EnabledOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateFocus.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Focus con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const FocusOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateHover.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Hover con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const HoverOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateActive.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Active con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const ActiveText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateEnabled.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Enabled con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const EnabledText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateFocus.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Focus con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const FocusText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateHover.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado primary Hover con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const HoverText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/sizes/TextFieldSizes.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../TextField';
+/**
+ * Meta configuration for the TextField stories.
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Story for the small size variant of the TextField component.
+ */
+export declare const Small: Story;
+/**
+ * Story for the medium size variant of the TextField component.
+ */
+export declare const Medium: Story;
+export default meta;

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

@@ -0,0 +1,35 @@
+import { TextFieldProps as MUITextFieldProps } from '@mui/material/TextField';
+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 { LabelProps } from '../../Label/types';
+/**
+ * Variants for the TextField component.
+ */
+export type TextFieldVariants = 'outlined' | 'text';
+/**
+ * Variants for the Skeleton component.
+ */
+export type SkeletonVariants = 'rectangular' | 'circular' | 'text';
+/**
+ * Props for the TextField component.
+ *
+ */
+export interface TextFieldProps extends Omit<MUITextFieldProps, 'size' | 'color' | 'disabled' | 'variant'>, Pick<LabelProps, 'helperMessage' | 'htmlFor' | 'id' | 'mandatory' | 'mandatoryMessage'> {
+    dataTestId?: string;
+    variant?: TextFieldVariants;
+    disabled?: boolean;
+    size?: Sizes;
+    color?: Extract<ComponentPalletColor, 'primary'>;
+}
+export type OwnerState = Pick<TextFieldProps, 'size' | 'color' | 'disabled' | 'error'> & {
+    disabled?: boolean;
+    paletteColor: PaletteColor;
+    variantTextField?: TextFieldVariants;
+    componentPaletteColor?: ComponentPalletColor;
+};
+export type TextFieldSlotsType = keyof typeof TextFieldSlots;
+export type TextFieldOwnerState = OwnerState;
+export type TextFieldStyles = Partial<OverridesStyleRules<TextFieldSlotsType, typeof TEXT_FIELD_KEY_COMPONENT, Theme> | undefined> | undefined;