@m4l/components 9.3.2 → 9.3.4

package/components/hook-form/RHFDateTime/RHFDateTime.styles.js

@@ -5,7 +5,8 @@ const rhfDateTimeStyles = {
   root: ({ theme }) => ({
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings["sp0-5"]
+    gap: theme.vars.size.baseSpacings["sp0-5"],
+    width: "100%"
   })
 };
 export {

package/components/hook-form/RHFNumberInput/RHFNumberInput.styles.js

@@ -8,7 +8,8 @@ const rhfNumberInputStyles = {
   root: ({ theme }) => ({
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp1
+    gap: theme.vars.size.baseSpacings.sp1,
+    width: "100%"
   })
 };
 export {

package/components/hook-form/RHFPeriod/RHFPeriod.styles.js

@@ -23,11 +23,8 @@ const rhfPeriodStyles = {
   /**
    * textField class
    */
-  textField: ({ theme }) => ({
-    borderRadius: "50px",
-    width: "43px !important",
-    border: theme.vars.palette.border.default,
-    color: theme.vars.palette.text.disabled
+  numberInput: () => ({
+    maxWidth: "43px !important"
   }),
   /**
    * select class

package/components/hook-form/RHFPeriod/slots/RHFPeriodEnum.d.ts

@@ -1,6 +1,6 @@
 export declare enum RHFPeriodSlots {
     root = "root",
     periodRoot = "periodRoot",
-    textField = "textField",
+    numberInput = "numberInput",
     select = "select"
 }

package/components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js

@@ -1,7 +1,7 @@
 var RHFPeriodSlots = /* @__PURE__ */ ((RHFPeriodSlots2) => {
   RHFPeriodSlots2["root"] = "root";
   RHFPeriodSlots2["periodRoot"] = "periodRoot";
-  RHFPeriodSlots2["textField"] = "textField";
+  RHFPeriodSlots2["numberInput"] = "numberInput";
   RHFPeriodSlots2["select"] = "select";
   return RHFPeriodSlots2;
 })(RHFPeriodSlots || {});

package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.d.ts

@@ -1,4 +1,4 @@
 export declare const RHFPeriodRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PeriodRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../mui_extended/TextField/types').TextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "value" | "size" | "children" | "title" | "component" | "name" | "error" | "select" | "rows" | "id" | "type" | "disabled" | "hidden" | "content" | "style" | "variant" | "margin" | "translate" | "className" | "classes" | "sx" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "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" | "exportparts" | "part" | "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" | "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" | "dataTestId" | "autoComplete" | "placeholder" | "required" | keyof import('react').RefAttributes<HTMLDivElement> | "maxRows" | "fullWidth" | "inputProps" | "inputRef" | "multiline" | "minRows" | "hiddenLabel" | "focused" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
+export declare const NumberInputStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../NumberInput/types').NumberInputProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../../NumberInput/types').NumberInputProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
 export declare const SelectStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../mui_extended/Select').SelectProps<string | number, boolean | undefined>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "value" | "size" | "children" | "onClose" | "title" | "name" | "error" | "input" | "options" | "rows" | "id" | "type" | "disabled" | "components" | "hidden" | "content" | "style" | "open" | "multiple" | "variant" | "margin" | "translate" | "className" | "classes" | "sx" | "slots" | "slotProps" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "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" | "exportparts" | "part" | "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" | "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" | "componentsProps" | "onOpen" | "dataTestId" | "autoComplete" | "placeholder" | "readOnly" | "required" | keyof import('react').RefAttributes<HTMLDivElement> | "maxRows" | "fullWidth" | "inputProps" | "inputRef" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "multiline" | "renderSuffix" | "minRows" | "startAdornment" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;

package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js

@@ -2,7 +2,7 @@ import { styled } from "@mui/material/styles";
 import { R as RHF_PERIOD_KEY_COMPONENT } from "../constants.js";
 import { r as rhfPeriodStyles } from "../RHFPeriod.styles.js";
 import { R as RHFPeriodSlots } from "./RHFPeriodEnum.js";
-import { T as TextField } from "../../../mui_extended/TextField/TextField.js";
+import { N as NumberInput } from "../../../NumberInput/NumberInput.js";
 import { S as Select } from "../../../mui_extended/Select/Select.js";
 const RHFPeriodRootStyled = styled("div", {
   name: RHF_PERIOD_KEY_COMPONENT,
@@ -12,17 +12,17 @@ const PeriodRootStyled = styled("div", {
   name: RHF_PERIOD_KEY_COMPONENT,
   slot: RHFPeriodSlots.periodRoot
 })(rhfPeriodStyles?.periodRoot);
-const TextFieldStyled = styled(TextField, {
+const NumberInputStyled = styled(NumberInput, {
   name: RHF_PERIOD_KEY_COMPONENT,
-  slot: RHFPeriodSlots.textField
-})(rhfPeriodStyles?.textField);
+  slot: RHFPeriodSlots.numberInput
+})(rhfPeriodStyles?.numberInput);
 const SelectStyled = styled(Select, {
   name: RHF_PERIOD_KEY_COMPONENT,
   slot: RHFPeriodSlots.select
 })(rhfPeriodStyles?.select);
 export {
+  NumberInputStyled as N,
   PeriodRootStyled as P,
   RHFPeriodRootStyled as R,
-  SelectStyled as S,
-  TextFieldStyled as T
+  SelectStyled as S
 };

package/components/hook-form/RHFPeriod/subcomponents/Period/Period.js

@@ -4,7 +4,7 @@ import { E as ETimePeriods } from "./types.js";
 import { D as DICTIONARY } from "./dictionary.js";
 import { useMemo } from "react";
 import { u as useComponentSize } from "../../../../../hooks/useComponentSize/useComponentSize.js";
-import { P as PeriodRootStyled, S as SelectStyled, T as TextFieldStyled } from "../../slots/RHFPeriodSlots.js";
+import { P as PeriodRootStyled, S as SelectStyled, N as NumberInputStyled } from "../../slots/RHFPeriodSlots.js";
 import { I as Icon } from "../../../../Icon/Icon.js";
 const Period = (props) => {
   const {
@@ -27,7 +27,7 @@ const Period = (props) => {
   );
   const getSingleValue = (period) => {
     if (!period) {
-      return "";
+      return null;
     }
     if (period.singleValue !== void 0) {
       return period.singleValue;
@@ -41,7 +41,7 @@ const Period = (props) => {
     if (period.days && period.days > 0) {
       return period.days;
     }
-    return "";
+    return null;
   };
   const getSelPeriodTime = (period) => {
     if (!period) {
@@ -64,21 +64,22 @@ const Period = (props) => {
   const singleValue = getSingleValue(value);
   const selPeriodTime = getSelPeriodTime(value);
   const onTotalChange = (newPeriodTime, newValue) => {
+    const newPeriodTimeInt = typeof newPeriodTime === "string" ? parseInt(newPeriodTime) : newPeriodTime;
     const newPeriod = {
-      selPeriodTime: newPeriodTime,
+      selPeriodTime: newPeriodTimeInt,
       singleValue: newValue
     };
-    if (newValue !== "" && newValue > 0) {
+    if (newValue && newValue > 0) {
       newPeriod.years = 0;
       newPeriod.months = 0;
       newPeriod.days = 0;
-      if (newPeriodTime === ETimePeriods.YEARS) {
+      if (newPeriodTimeInt === ETimePeriods.YEARS) {
         newPeriod.years = newValue;
       }
-      if (newPeriodTime === ETimePeriods.MONTHS) {
+      if (newPeriodTimeInt === ETimePeriods.MONTHS) {
         newPeriod.months = newValue;
       }
-      if (newPeriodTime === ETimePeriods.DAYS) {
+      if (newPeriodTimeInt === ETimePeriods.DAYS) {
         newPeriod.days = newValue;
       }
     }
@@ -117,13 +118,14 @@ const Period = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      TextFieldStyled,
+      NumberInputStyled,
       {
         type: "number",
         variant: "outlined",
         value: singleValue,
-        onChange: (e) => {
-          onTotalChange(selPeriodTime, e.target.value === "" ? "" : parseInt(e.target.value));
+        withDecimal: true,
+        onChange: (_event, newValue) => {
+          onTotalChange(selPeriodTime, newValue);
         }
       }
     )

package/components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js

@@ -1,5 +1,5 @@
 import { g as getCommonActionsDictionary } from "../../../../CommonActions/dictionary.js";
-const DICTIONARY_KEY = "rhf_period";
+const DICTIONARY_KEY = "period";
 const DICTIONARY = {
   LABEL_YEARS: `${DICTIONARY_KEY}.label_years`,
   LABEL_MONTHS: `${DICTIONARY_KEY}.label_months`,

package/components/hook-form/RHFPeriod/subcomponents/Period/types.d.ts

@@ -9,8 +9,8 @@ export type PeriodTime = {
     label: string;
 };
 export type PeriodType = {
-    selPeriodTime: '' | ETimePeriods | undefined;
-    singleValue: number | '';
+    selPeriodTime: null | ETimePeriods | undefined;
+    singleValue: number | null;
     years?: number;
     months?: number;
     days?: number;

package/components/hook-form/RHFSelect/RHFSelect.styles.js

@@ -5,7 +5,8 @@ const rhfSelectStyles = {
   root: ({ theme }) => ({
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp1
+    gap: theme.vars.size.baseSpacings.sp1,
+    width: "100%"
   }),
   /**
    * Estilos del Label.

package/components/hook-form/RHFormContext/index.d.ts

@@ -3,7 +3,7 @@ import { CustomFormArguments, FormProviderCustomProps, FormProviderProps } from
 /**
  * TODO: Documentar
  */
-export declare function useCustomForm({ validationSchema, values, statusLoad }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, undefined>;
+export declare function useCustomForm({ validationSchema, values, statusLoad }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues>;
 /**
  * TODO: Documentar
  */

package/components/mui_extended/Button/ButtonStyles.js

@@ -13,6 +13,7 @@ const buttonStyles = {
     borderRadius: theme.vars.size.borderRadius.r1,
     maxWidth: "200px",
     minWidth: "0",
+    flexShrink: 0,
     "&:hover": {
       backgroundColor: ownerState?.paletteColor?.hoverOpacity,
       borderColor: ownerState?.paletteColor?.hover
@@ -103,7 +104,7 @@ const buttonStyles = {
       textOverflow: "ellipsis"
     },
     ...ownerState.variant === "contained" && {
-      color: ownerState.paletteColor?.contrastText
+      color: ownerState.color === "default" ? ownerState.paletteColor?.semanticText : ownerState.paletteColor?.contrastText
     },
     ...(ownerState?.variant === "outlined" || ownerState?.variant === "text") && {
       color: ownerState?.paletteColor?.semanticText

package/components/mui_extended/IconButton/IconButton.styles.js

@@ -128,7 +128,7 @@ const iconButtonStyles = {
             backgroundColor: paletteColor.enabled,
             // 🖼️ Color del icono
             "&&& .M4LIcon-icon": {
-              backgroundColor: paletteColor.contrastText
+              backgroundColor: paletteColor.semanticText
             },
             // 🖱️ Estado Hover
             "&:hover": {

package/components/mui_extended/MenuItem/MenuItem.styles.js

@@ -107,7 +107,8 @@ const menuItemStyles = {
    */
   menuItemTypography: () => ({
     overflow: "hidden",
-    textOverflow: "ellipsis"
+    textOverflow: "ellipsis",
+    cursor: "inherit"
   }),
   /**
    * Estilos para el contenedor de los items del menú contenedor

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;
 };

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/slots/TextFieldEnum.d.ts

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

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

@@ -3,14 +3,14 @@ var TextFieldSlots = /* @__PURE__ */ ((TextFieldSlots2) => {
   TextFieldSlots2["skeleton"] = "skeleton";
   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/index.js

@@ -146,7 +146,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";
@@ -162,7 +162,7 @@ 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/NoItemSelected/NoItemSelected.js";
+import { N as N4 } from "./components/NoItemSelected/NoItemSelected.js";
 import { g as g25 } from "./components/NoItemSelected/dictionary.js";
 import { g as g26 } from "./components/ObjectLogs/dictionary.js";
 import { O } from "./components/ObjectLogs/ObjectLogs.js";
@@ -175,8 +175,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 } 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";
@@ -307,8 +307,9 @@ export {
   M as MotionContainer,
   M2 as MotionLazyContainer,
   N2 as NavLink,
-  N3 as NoItemSelected,
+  N4 as NoItemSelected,
   N as NumberEditor,
+  N3 as NumberInputStyled,
   O as ObjectLogs,
   O2 as ObjectQueue,
   P8 as PDFViewer,
@@ -366,9 +367,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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.2",
+  "version": "9.3.4",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

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/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/components/hook-form/RHFDateTime/styles.d.ts

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