@m4l/components 9.0.0 → 9.1.1

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

@@ -4,7 +4,6 @@ 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.
  */
@@ -17,19 +16,64 @@ 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'> {
+export interface TextFieldProps extends Omit<MUITextFieldProps, 'size' | 'color' | 'disabled' | 'variant'> {
+    /**
+     * todo: documentar
+     */
     dataTestId?: string;
+    /**
+     * Variante del campo de texto.
+     * variant="text"
+     */
     variant?: TextFieldVariants;
+    /**
+     * Indica si el campo de texto está deshabilitado.
+     * disabled={true}
+     */
     disabled?: boolean;
-    size?: Sizes;
+    /**
+     * Tamaño del campo de texto.
+     * size="medium"
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Color del campo de texto.
+     * color="primary"
+     */
     color?: Extract<ComponentPalletColor, 'primary'>;
 }
-export type OwnerState = Pick<TextFieldProps, 'size' | 'color' | 'disabled' | 'error'> & {
-    disabled?: boolean;
-    paletteColor: PaletteColor;
-    variantTextField?: TextFieldVariants;
-    componentPaletteColor?: ComponentPalletColor;
-};
+/**
+ * Estado del propietario del campo de texto.
+ */
+export interface TextFieldOwnerState {
+    /**
+     * Indica si el campo de texto está deshabilitado.
+     */
+    textFieldDisabled?: boolean;
+    /**
+     * Color de la paleta del campo de texto.
+     */
+    textFieldPaletteColor: PaletteColor;
+    /**
+     * Variante del campo de texto.
+     */
+    textFieldVariant?: TextFieldVariants;
+    /**
+     * Color de la paleta del componente del campo de texto.
+     */
+    textFieldComponentPaletteColor?: ComponentPalletColor;
+    /**
+     * Tamaño del campo de texto.
+     */
+    textFieldSizes: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Indica si el campo de texto es error.
+     */
+    textFieldError?: boolean;
+    /**
+     * Color del campo de texto.
+     */
+    textFieldColor?: Extract<ComponentPalletColor, 'primary'>;
+}
 export type TextFieldSlotsType = keyof typeof TextFieldSlots;
-export type TextFieldOwnerState = OwnerState;
 export type TextFieldStyles = Partial<OverridesStyleRules<TextFieldSlotsType, typeof TEXT_FIELD_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/mui_extended/Typography/slots/typographySlots.d.ts

@@ -3,7 +3,7 @@
  */
 export declare const StyledMUITypography: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & 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" | "zIndex" | "paragraph" | "border" | "fontFamily" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "typography" | "flex" | "color" | "left" | "right" | "bottom" | "top" | "style" | "position" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "minWidth" | "margin" | "overflow" | "boxShadow" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "sx" | "classes" | "className" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "children" | "ref" | "title" | "zIndex" | "id" | "paragraph" | "border" | "fontFamily" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "content" | "style" | "position" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "minWidth" | "margin" | "overflow" | "boxShadow" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "translate" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "key" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').TypographyOwnerState> & Record<string, unknown> & {
+}, "children" | "zIndex" | "paragraph" | "border" | "fontFamily" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "typography" | "flex" | "color" | "left" | "right" | "bottom" | "top" | "style" | "position" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "minWidth" | "margin" | "overflow" | "boxShadow" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "sx" | "classes" | "className" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "children" | "ref" | "title" | "zIndex" | "id" | "paragraph" | "border" | "fontFamily" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "content" | "style" | "position" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "minWidth" | "margin" | "overflow" | "boxShadow" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "translate" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "key" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').TypographyOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').TypographyOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 /**

package/components/mui_extended/index.d.ts

@@ -24,7 +24,7 @@ export * from './TabContent';
 export { Pager } from './Pager';
 export type { PagerProps } from './Pager/types';
 export { getPagerComponentsDictionary } from './Pager/dicctionary';
-export { Tab } from './Tab';
+export { Tab } from './Tab/Tab';
 export * from './TabContext';
 export * from './Typography/Typography';
 export * from './ToggleButton';

package/index.js

@@ -151,7 +151,7 @@ import { L as L9 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L10 } from "./components/mui_extended/LoadingButton/index.js";
 import { P as P13 } from "./components/mui_extended/Pager/index.js";
 import { g as g26 } from "./components/mui_extended/Pager/dicctionary.js";
-import { T as T5 } from "./components/mui_extended/Tab/index.js";
+import { T as T5 } from "./components/mui_extended/Tab/Tab.js";
 import { a as a9 } from "./components/mui_extended/MenuActions/dictionary.js";
 import { a as a10, M as M11 } from "./components/mui_extended/MenuActions/MenuActions.js";
 import { T as T6 } from "./components/mui_extended/Tooltip/Tooltip.js";

package/package.json

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

package/storybook/components/extended/mui/Tab/stories/Tab.disable.stories.d.ts

@@ -0,0 +1,36 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tab } from '../../../../../../src/components/mui_extended/Tab';
+/**
+ * Información meta para Storybook del componente `Tab`, en la variante deshabilitada.
+ */
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+/**
+ * Historia `Base`: Tab deshabilitado con icono, texto, y sin efecto ripple.
+ */
+export declare const Base: Story;
+/**
+ * Historia `DisabledActiveWithIconAndText`: Tab activo, deshabilitado, con icono y texto.
+ */
+export declare const DisabledActiveWithIconAndText: Story;
+/**
+ * Historia `DisabledActiveWithText`: Tab activo, deshabilitado, solo con texto.
+ */
+export declare const DisabledActiveWithText: Story;
+/**
+ * Historia `DisabledActiveWithIcon`: Tab activo, deshabilitado, solo con icono.
+ */
+export declare const DisabledActiveWithIcon: Story;
+/**
+ * Historia `DisabledDefaultWithIconAndText`: Tab por defecto, deshabilitado, con icono y texto.
+ */
+export declare const DisabledDefaultWithIconAndText: Story;
+/**
+ * Historia `DisabledDefaultActiveWithText`: Tab por defecto activo, deshabilitado, solo con texto.
+ */
+export declare const DisabledDefaultActiveWithText: Story;
+/**
+ * Historia `DisabledDefaultActiveWithIcon`: Tab por defecto activo, deshabilitado, solo con icono.
+ */
+export declare const DisabledDefaultActiveWithIcon: Story;

package/storybook/components/extended/mui/Tab/stories/Tab.enable.stories.d.ts

@@ -0,0 +1,36 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tab } from '../../../../../../src/components/mui_extended/Tab';
+/**
+ * The Tab component groups related content, enabling navigation without leaving the page.
+ */
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+/**
+ * Base tab component with icon and text
+ */
+export declare const Base: Story;
+/**
+ * Active Tab with icon and text
+ */
+export declare const ActiveWithIconAndText: Story;
+/**
+ * Active Tab with text only
+ */
+export declare const ActiveWithText: Story;
+/**
+ * Active Tab with icon only
+ */
+export declare const ActiveWithIcon: Story;
+/**
+ * Default Tab with icon and text
+ */
+export declare const DefaultWithIconAndText: Story;
+/**
+ * Default active Tab with text only
+ */
+export declare const DefaultActiveWithText: Story;
+/**
+ * Default active Tab with icon only
+ */
+export declare const DefaultActiveWithIcon: Story;

package/storybook/components/extended/mui/Tab/stories/Tab.sizes.stories.d.ts

@@ -0,0 +1,28 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tab } from '../../../../../../src/components/mui_extended/Tab';
+/**
+ * El componente Tab agrupa contenido relacionado y permite la navegación sin salir de la página.
+ */
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+/**
+ * Tab base con icono y tamaño mediano, estilo seleccionado (activo).
+ */
+export declare const Base: Story;
+/**
+ * Tab activo de tamaño pequeño con icono.
+ */
+export declare const SmallActive: Story;
+/**
+ * Tab activo de tamaño mediano con icono.
+ */
+export declare const MediumActive: Story;
+/**
+ * Tab por defecto de tamaño pequeño con icono.
+ */
+export declare const SmallDefault: Story;
+/**
+ * Tab por defecto de tamaño mediano con icono.
+ */
+export declare const MediumDefault: Story;

package/storybook/components/extended/mui/Tab/stories/Tab.skeleton.stories.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tab } from '../../../../../../src/components/mui_extended/Tab';
+/**
+ * El componente Tab agrupa contenido relacionado y permite la navegación sin salir de la página.
+ */
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+/**
+ * Tab en estado Skeleton cuando está activo, con icono y texto.
+ */
+export declare const SkeletonActiveWithIconAndText: Story;
+/**
+ * Tab en estado Skeleton cuando está activo, con solo texto.
+ */
+export declare const SkeletonActiveWithText: Story;
+/**
+ * Tab en estado Skeleton cuando está activo, con solo icono.
+ */
+export declare const SkeletonActiveWithIcon: Story;
+/**
+ * Tab en estado Skeleton por defecto, con icono y texto.
+ */
+export declare const SkeletonDefaultWithIconAndText: Story;
+/**
+ * Tab en estado Skeleton por defecto, con solo texto.
+ */
+export declare const SkeletonDefaultWithText: Story;
+/**
+ * Tab en estado Skeleton por defecto, con solo icono.
+ */
+export declare const SkeletonDefaultWithIcon: Story;

package/components/hook-form/RHFTextField/stories/Error/TextFieldErrorOutlined.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { RHFTextField } from '../../..';
-declare const meta: Meta<typeof RHFTextField>;
-type Story = StoryObj<typeof RHFTextField>;
-/**
- * Error en RHFTextField 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/hook-form/RHFTextField/stories/Error/TextFieldErrorText.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { RHFTextField } from '../../..';
-declare const meta: Meta<typeof RHFTextField>;
-type Story = StoryObj<typeof RHFTextField>;
-/**
- *  Error en RHFTextField 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/hook-form/RHFTextField/stories/Primary/TextFieldOutlined.stories.d.ts

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

package/components/hook-form/RHFTextField/stories/Primary/TextFieldText.stories.d.ts

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

package/components/mui_extended/MenuActions/MenuActions.stories.d.ts

@@ -1,25 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { MenuActions } from './index';
-declare const meta: Meta<typeof MenuActions>;
-export default meta;
-type Story = StoryObj<typeof MenuActions>;
-/**
- * Base MenuActions component
- */
-export declare const Base: Story;
-/**
- * MenuActions in skeleton mode
- */
-export declare const WithSkeleton: Story;
-/**
- * MenuActions with Badge content
- */
-export declare const WithBadge: Story;
-/**
- * MenuActions with end ListElement
- */
-export declare const WithEndListElement: Story;
-/**
- * MenuActions empty state
- */
-export declare const Empty: Story;

package/components/mui_extended/Tab/classes/constants.d.ts

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

package/components/mui_extended/Tab/classes/constants.js

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

package/components/mui_extended/Tab/classes/index.d.ts

@@ -1,10 +0,0 @@
-import { TabClassesType } from './types';
-export declare const tabClasses: TabClassesType;
-export declare function getTabUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const tabUtilityClasses: () => {
-    skeleton: string;
-    root: string;
-};

package/components/mui_extended/Tab/classes/index.js

@@ -1,25 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "skeleton"
-  /* states or variants of elements */
-]);
-function getTabUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const tabUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  tabUtilityClasses as t
-};

package/components/mui_extended/Tab/classes/types.d.ts

@@ -1,7 +0,0 @@
-import { tabUtilityClasses } from '.';
-export interface TabClassesType {
-    root: string;
-    skeleton: string;
-}
-export type TabClassesKey = keyof TabClassesType;
-export type Classes = ReturnType<typeof tabUtilityClasses>;

package/components/mui_extended/Tab/constant.d.ts

@@ -1 +0,0 @@
-export declare const COMPONENT_PREFIX = "m4l-tab";

package/components/mui_extended/Tab/constant.js

@@ -1,4 +0,0 @@
-const COMPONENT_PREFIX = "m4l-tab";
-export {
-  COMPONENT_PREFIX as C
-};

package/components/mui_extended/Tab/index.js

@@ -1,40 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleSkeleton } from "@m4l/core";
-import { Tab as Tab$1, Skeleton } from "@mui/material";
-import { T as TabRoot, S as SKTTabWrapper } from "./styles.js";
-import { t as tabUtilityClasses } from "./classes/index.js";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId.js";
-import { C as COMPONENT_PREFIX } from "./constant.js";
-function Tab(props) {
-  const { SKTWidth, SKTHeight, className, dataTestId = "", ...other } = props;
-  const isSkeleton = useModuleSkeleton();
-  const classes = tabUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    TabRoot,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-      } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, { ...other }) : /* @__PURE__ */ jsx(
-        SKTTabWrapper,
-        {
-          className: classes.skeleton,
-          ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId(
-              COMPONENT_PREFIX,
-              "skeleton",
-              dataTestId
-            )
-          } : {},
-          children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: SKTWidth, height: SKTHeight })
-        }
-      )
-    }
-  );
-}
-export {
-  Tab as T
-};

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

@@ -1,2 +0,0 @@
-export declare const TabRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTTabWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Tab/styles.js

@@ -1,11 +0,0 @@
-import { styled } from "@mui/material/styles";
-const TabRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LTab?.styleOverrides || {}
-}));
-const SKTTabWrapper = styled("div")(({ theme }) => ({
-  padding: theme.spacing(1.5, 2)
-}));
-export {
-  SKTTabWrapper as S,
-  TabRoot as T
-};

package/components/mui_extended/Tab/tests/index.test.d.ts

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

package/components/mui_extended/Tab/tests/utils.d.ts

@@ -1,2 +0,0 @@
-import { TabClassesKey } from '../classes/types';
-export declare const getNameTabDataTestId: (KEY: TabClassesKey, DATATESTID: string) => string;