@m4l/components 9.2.62-B09072025beta.1 → 9.2.62-B10072025beta.2

package/@types/types.d.ts

@@ -149,7 +149,6 @@ import { ScrollBarOwnerState, ScrollBarSlotsType } from '../components/ScrollBar
 import { SplitLayoutOwnerState } from '../components/extended/React-resizable-panels/types';
 import { ObjectLogsOwnerState, ObjectLogsSlotsType } from '../components/ObjectLogs/types';
 import { LanguagePopoverOwnerState, LanguagePopoverSlotsType } from '../components/LanguagePopover/types';
-import { ContainerFlowOwnerState, ContainerFlowSlotsType } from '../components/ContainerFlow/types';
 declare module '@mui/material/styles' {
   // Define the slots in the theme
   interface ComponentNameToClassKey {
@@ -229,7 +228,6 @@ declare module '@mui/material/styles' {
     M4LSplitLayout: SplitLayoutOwnerState;
     M4LObjectLogs: ObjectLogsSlotsType;
     M4LLanguagePopover: LanguagePopoverSlotsType;
-    M4LContainerFlow: ContainerFlowSlotsType;
   }
   interface ComponentsPropsList {
     // Extend ComponentsProps or ComponentsOwnerState(this extend ComponentProps)
@@ -309,7 +307,6 @@ declare module '@mui/material/styles' {
     M4LSplitLayout: Partial<SplitLayoutOwnerState>;
     M4LObjectLogs: Partial<ObjectLogsOwnerState>;
     M4LLanguagePopover: Partial<LanguagePopoverOwnerState>;
-    M4LContainerFlow: Partial<ContainerFlowOwnerState>;
   }
   interface Components {
     M4LDynamicFilter?: {
@@ -702,10 +699,5 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LLanguagePopover'];
       variants?: ComponentsVariants['M4LLanguagePopover'];
     };
-    M4LContainerFlow?: {
-      defaultProps?: ComponentsPropsList['M4LContainerFlow'];
-      styleOverrides?: ComponentsOverrides<Theme>['M4LContainerFlow'];
-      variants?: ComponentsVariants['M4LContainerFlow'];
-    };
   }
 }

package/components/Image/Image.js

@@ -13,14 +13,12 @@ function Image(props) {
     threshold = 100,
     dataTestId,
     className,
-    cover,
     ...others
   } = props;
   const isSkeleton = useModuleSkeleton();
   const ownerState = useMemo(() => ({
-    isSkeleton,
-    cover
-  }), [cover, isSkeleton]);
+    isSkeleton
+  }), [isSkeleton]);
   const lazyLoadComponent = useMemo(() => {
     return /* @__PURE__ */ jsx(
       LazyLoadComponent,

package/components/Image/image.styles.js

@@ -2,14 +2,11 @@ const imageStyles = {
   /**
    * Estilos para Image.
    */
-  root: ({ ownerState }) => ({
+  root: {
     display: "flex",
     flexDirection: "column",
-    alignItems: "flex-start",
-    ...ownerState?.cover && {
-      objectFit: "cover"
-    }
-  }),
+    alignItems: "flex-start"
+  },
   /**
    * Estilos para el intersectComponente o para el 'span'
    */

package/components/Image/types.d.ts

@@ -31,11 +31,9 @@ export interface ImageProps extends Omit<IntersectComponentProps, 'setIsVisible'
     enableIntersectionObserver?: boolean;
     className?: string;
     dataTestId?: string;
-    cover?: boolean;
 }
 export type ImageSlotsType = keyof typeof ImageSlots;
 export interface ImageOwnerState {
     isSkeleton?: boolean;
-    cover?: boolean;
 }
 export type ImageStyles = M4LOverridesStyleRules<ImageSlots, typeof IMAGE_KEY_COMPONENT, Theme>;

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

@@ -6,7 +6,8 @@ const rhfcolorPickerStyles = {
   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/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: () => ({
+    width: "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" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "minRows" | "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" | "multiline" | "minRows" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "renderSuffix" | "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) {
@@ -68,7 +68,7 @@ const Period = (props) => {
       selPeriodTime: newPeriodTime,
       singleValue: newValue
     };
-    if (newValue !== "" && newValue > 0) {
+    if (newValue && newValue > 0) {
       newPeriod.years = 0;
       newPeriod.months = 0;
       newPeriod.days = 0;
@@ -117,13 +117,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/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/index.d.ts

@@ -7,7 +7,6 @@ export * from './BaseModule';
 export * from './Chip';
 export * from './commercial';
 export * from './CommonActions/';
-export * from './ContainerFlow';
 export * from './CommonActions/dictionary';
 export * from './DataGrid';
 export * from './DragResizeWindowRND';

package/components/mui_extended/Accordion/styles.js

@@ -16,8 +16,7 @@ const accordionStyles = {
         borderRadius: "unset"
       },
       margin: "unset",
-      overflow: "visible",
-      height: "min-content"
+      overflow: "visible"
     }
   }),
   /**
@@ -103,7 +102,10 @@ const accordionStyles = {
    * **************************************************************
    */
   accordionDetails: ({ theme, ownerState }) => ({
-    padding: theme.vars.size.baseSpacings.sp4,
+    paddingLeft: theme.vars.size.baseSpacings.sp3,
+    paddingRight: theme.vars.size.baseSpacings.sp3,
+    paddingTop: theme.vars.size.baseSpacings.sp1,
+    paddingBottom: theme.vars.size.baseSpacings.sp1,
     background: theme.vars.palette.background.default,
     display: "flex",
     flexDirection: "column",

package/components/mui_extended/TabContent/TabContent.styles.js

@@ -1,4 +1,3 @@
-import { C as CONTAINER_QUERY_NAME } from "./constants.js";
 const tabContentStyles = {
   /**
    * Elemento root referencia a `TabContent`
@@ -10,8 +9,6 @@ const tabContentStyles = {
     paddingRight: 0,
     display: "flex",
     overflow: "auto",
-    containerName: CONTAINER_QUERY_NAME,
-    containerType: "inline-size",
     // height: '100%',
     flexDirection: "column",
     gap: theme.vars.size.baseSpacings.sp2,

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

@@ -1,2 +1 @@
 export declare const TAB_CONTENT_KEY_COMPONENT = "M4LTabContent";
-export declare const CONTAINER_QUERY_NAME = "container";

package/components/mui_extended/TabContent/constants.js

@@ -1,6 +1,4 @@
 const TAB_CONTENT_KEY_COMPONENT = "M4LTabContent";
-const CONTAINER_QUERY_NAME = "container";
 export {
-  CONTAINER_QUERY_NAME as C,
   TAB_CONTENT_KEY_COMPONENT as T
 };

package/components/mui_extended/Typography/Typography.js

@@ -17,7 +17,6 @@ function Typography(props) {
     dataTestid,
     children,
     disabled,
-    ellipsis = false,
     ...other
   } = props;
   const isSkeleton = useModuleSkeleton();
@@ -29,8 +28,7 @@ function Typography(props) {
     size: adjustedSize,
     skeletonRows,
     variant,
-    skeleton: isSkeleton,
-    ellipsis
+    skeleton: isSkeleton
   };
   return /* @__PURE__ */ jsx(
     StyledMUITypography,

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

@@ -43,10 +43,6 @@ export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'var
     htmlFor?: string | undefined;
     /** Si esta disabled, el texto pasa a text.disabled */
     disabled?: boolean;
-    /**
-     * Si se activa, el texto se corta y se muestra un elipsis.
-     */
-    ellipsis?: boolean;
 }
 /**
  * Define valores de estado necesarios para estilar el componente.
@@ -58,7 +54,6 @@ export interface TypographyOwnerState {
     size: TypographyProps['size'];
     skeletonRows: TypographyProps['skeletonRows'];
     skeleton: boolean;
-    ellipsis: TypographyProps['ellipsis'];
 }
 /**
  * Agrupa la lista de slots del componente.

package/components/mui_extended/Typography/typography.styles.js

@@ -32,13 +32,7 @@ const typographyStyles = {
         theme.generalSettings.isMobile,
         ownerState?.size || "medium",
         ownerState?.variant || "body"
-      ),
-      // ellipsis 🔤
-      ...ownerState?.ellipsis && {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      }
+      )
     },
     ...ownerState?.skeleton ? {
       width: ownerState?.width ? ownerState?.width : "100%"

package/index.js

@@ -29,32 +29,31 @@ import { A as A11 } from "./components/CommonActions/components/ActionIntro/Acti
 import { A as A12 } from "./components/CommonActions/components/ActionFormCancel/ActionFormCancel.js";
 import { A as A13 } from "./components/CommonActions/components/ActionFormIntro/ActionFormIntro.js";
 import { D, d, g as g4 } from "./components/CommonActions/dictionary.js";
-import { C as C2 } from "./components/ContainerFlow/ContainerFlow.js";
 import { D as D2 } from "./components/DataGrid/DataGrid.js";
 import { g as g5 } from "./components/DataGrid/dictionary.js";
 import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.js";
 import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
 import { b as b3, a as a4, e } from "./components/DataGrid/constants.js";
-import { C as C3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
+import { C as C2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
-import { C as C4 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
+import { C as C3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
 import { u as u3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js";
-import { C as C5 } from "./components/DataGrid/formatters/ColumnDateFormatter/formatter.js";
+import { C as C4 } from "./components/DataGrid/formatters/ColumnDateFormatter/formatter.js";
 import { u as u4 } from "./components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
-import { C as C6 } from "./components/DataGrid/formatters/ColumnIconFormatter/formatter.js";
-import { C as C7 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js";
+import { C as C5 } from "./components/DataGrid/formatters/ColumnIconFormatter/formatter.js";
+import { C as C6 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js";
 import { u as u5 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js";
-import { C as C8 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js";
+import { C as C7 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js";
 import { u as u6 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js";
-import { C as C9 } from "./components/DataGrid/formatters/ColumnPointsFormatter/formatter.js";
+import { C as C8 } from "./components/DataGrid/formatters/ColumnPointsFormatter/formatter.js";
 import { u as u7 } from "./components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js";
-import { C as C10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/formatter.js";
+import { C as C9 } from "./components/DataGrid/formatters/ColumnPriceFormatter/formatter.js";
 import { u as u8 } from "./components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js";
-import { C as C11 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js";
+import { C as C10 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js";
 import { u as u9 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js";
-import { C as C12 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.js";
+import { C as C11 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.js";
 import { u as u10 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.js";
-import { C as C13 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js";
+import { C as C12 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js";
 import { u as u11 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
 import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
 import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
@@ -75,7 +74,7 @@ import { V } from "./components/extended/React-Window/VariableSizeList/VariableS
 import { A as A14 } from "./components/mui_extended/Avatar/Avatar.js";
 import { B as B2 } from "./components/mui_extended/BoxIcon/index.js";
 import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.js";
-import { C as C14 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
+import { C as C13 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
 import { B as B4 } from "./components/mui_extended/Badge/Badge.js";
 import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
@@ -85,7 +84,7 @@ import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
 import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B5 } from "./components/mui_extended/Button/Button.js";
-import { C as C15 } from "./components/mui_extended/CheckBox/CheckBox.js";
+import { C as C14 } from "./components/mui_extended/CheckBox/CheckBox.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
 import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
 import { S as S4 } from "./components/mui_extended/Skeleton/Skeleton.js";
@@ -112,10 +111,10 @@ import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatt
 import { D as D8, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
 import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
 import { P as P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
-import { C as C16, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
+import { C as C15, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { P as P4, u as u12 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
 import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
-import { C as C17 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
+import { C as C16 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
 import { g as g18 } from "./components/formatters/dictionary.js";
@@ -145,7 +144,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 S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { N as N3, P as P6, R as R19, S as S6 } 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";
@@ -161,7 +160,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";
@@ -174,8 +173,8 @@ import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
 import { P as P12 } from "./components/PropertyValue/PropertyValue.js";
 import { S as S7 } from "./components/ScrollBar/ScrollBar.js";
 import { S as S8 } 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";
@@ -242,23 +241,22 @@ export {
   B2 as BoxIcon,
   B3 as Breadcrumbs,
   B5 as Button,
-  C15 as CheckBox,
+  C14 as CheckBox,
   C as Chip,
-  C17 as ChipStatusFormatter,
-  C14 as CircularProgress,
-  C3 as ColumnBooleanFormatter,
-  C13 as ColumnChipStatusFormatter,
-  C4 as ColumnConcatenatedValueFormatter,
-  C5 as ColumnDateFormatter,
-  C6 as ColumnIconFormatter,
-  C7 as ColumnInteractiveCheckFormatter,
-  C8 as ColumnNestedValueFormatter,
-  C9 as ColumnPointsFormatter,
-  C10 as ColumnPriceFormatter,
-  C11 as ColumnSetCheckFormatter,
-  C12 as ColumnUncertaintyFormatter,
-  C16 as ConcatenatedFormatter,
-  C2 as ContainerFlow,
+  C16 as ChipStatusFormatter,
+  C13 as CircularProgress,
+  C2 as ColumnBooleanFormatter,
+  C12 as ColumnChipStatusFormatter,
+  C3 as ColumnConcatenatedValueFormatter,
+  C4 as ColumnDateFormatter,
+  C5 as ColumnIconFormatter,
+  C6 as ColumnInteractiveCheckFormatter,
+  C7 as ColumnNestedValueFormatter,
+  C8 as ColumnPointsFormatter,
+  C9 as ColumnPriceFormatter,
+  C10 as ColumnSetCheckFormatter,
+  C11 as ColumnUncertaintyFormatter,
+  C15 as ConcatenatedFormatter,
   b3 as DATAGRID_ROW_HEADER_HEIGHTS,
   a4 as DATAGRID_ROW_HEIGHTS,
   e as DATAGRID_SEMANTIC_WIDTHS,
@@ -306,8 +304,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,
@@ -364,9 +363,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.2.62-B09072025beta.1",
+  "version": "9.2.62-B10072025beta.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/components/ContainerFlow/ContainerFlow.d.ts

@@ -1,7 +0,0 @@
-import { ContainerFlowProps } from './types';
-/**
- * Componente que permite renderizar un contenedor de items en forma de flujo.
- * @param props - Propiedades del componente.
- * @returns Un componente de tipo div con los estilos del contenedor de items.
- */
-export declare const ContainerFlow: (props: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;

package/components/ContainerFlow/ContainerFlow.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { C as CONTAINER_FLOW_CLASSES } from "./constants.js";
-import { C as ContainerFlowWrapperItemStyled, a as ContainerFlowRootStyled } from "./slots/ContainerFlowSlots.js";
-import clsx from "clsx";
-const ContainerFlow = (props) => {
-  const { variant = "column-flex", size, children, minWidth, className, gap = "standard" } = props;
-  const isColumnFlex = variant === "column-flex";
-  const ownerState = {
-    variant,
-    size,
-    minWidth,
-    gap
-  };
-  const childrenArray = Array.isArray(children) ? children : children ? [children] : [];
-  let itemsToRender;
-  if (!isColumnFlex && children) {
-    itemsToRender = children;
-  } else if (childrenArray.length > 0) {
-    itemsToRender = childrenArray.map((child, index) => /* @__PURE__ */ jsx(ContainerFlowWrapperItemStyled, { role: "listitem", ownerState: { variant, size }, className: CONTAINER_FLOW_CLASSES.wrapperItem, children: child }, index));
-  }
-  return /* @__PURE__ */ jsx(ContainerFlowRootStyled, { role: "list", ownerState, className: clsx(CONTAINER_FLOW_CLASSES.root, className), children: itemsToRender });
-};
-export {
-  ContainerFlow as C
-};

package/components/ContainerFlow/ContainerFlow.styles.d.ts

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

package/components/ContainerFlow/ContainerFlow.styles.js

@@ -1,46 +0,0 @@
-import { g as getSpacingValue } from "./helpers/getSpacingValue/getSpacingValue.js";
-import { a as CONTAINER_QUERY_NAME } from "./constants.js";
-const containerFlowStyles = {
-  /**
-   * Estilos para el contenedor raíz del componente.
-   */
-  root: ({ ownerState }) => ({
-    width: "100%",
-    height: "100%",
-    gap: getSpacingValue(ownerState?.gap ?? "standard"),
-    containerName: CONTAINER_QUERY_NAME,
-    containerType: "inline-size",
-    ...ownerState?.variant === "grid-layout" && {
-      display: "grid",
-      gridTemplateColumns: `repeat(auto-fill, minmax(${ownerState.minWidth ?? 200}px, 1fr))`,
-      height: "fit-content"
-    },
-    ...(ownerState?.variant === "column-flex" || ownerState?.variant === "flex-wrap") && {
-      display: "flex",
-      flexDirection: "row",
-      flexWrap: "wrap",
-      height: "fit-content",
-      "& > .M4LContainerFlow-wrapperItem": {
-        minWidth: ownerState?.minWidth ?? "300px",
-        flex: 1
-      },
-      [`@container ${CONTAINER_QUERY_NAME} (max-width: ${ownerState?.minWidth ? ownerState?.minWidth - 1 : 200 - 1}px)`]: {
-        "& > .M4LContainerFlow-wrapperItem": {
-          minWidth: "100%",
-          maxWidth: "100%"
-        }
-      }
-    }
-  }),
-  /**
-   * Estilos para el contenedor de los items del componente.
-   */
-  wrapperItem: () => ({
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap"
-  })
-};
-export {
-  containerFlowStyles as c
-};

package/components/ContainerFlow/constants.d.ts

@@ -1,8 +0,0 @@
-export declare const CONTAINER_FLOW_KEY_COMPONENT = "M4LContainerFlow";
-export declare const CONTAINER_FLOW_CLASSES: Record<string, string>;
-export declare const CONTAINER_FLOW_GAP_VALUES: {
-    compact: number;
-    standard: number;
-    comfortable: number;
-};
-export declare const CONTAINER_QUERY_NAME = "container";

package/components/ContainerFlow/constants.js

@@ -1,19 +0,0 @@
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
-import { C as ContainerFlowSlots } from "./slots/ContainerFlowEnum.js";
-const CONTAINER_FLOW_KEY_COMPONENT = "M4LContainerFlow";
-const CONTAINER_FLOW_CLASSES = getComponentClasses(
-  CONTAINER_FLOW_KEY_COMPONENT,
-  ContainerFlowSlots
-);
-const CONTAINER_FLOW_GAP_VALUES = {
-  compact: 8,
-  standard: 16,
-  comfortable: 24
-};
-const CONTAINER_QUERY_NAME = "container";
-export {
-  CONTAINER_FLOW_CLASSES as C,
-  CONTAINER_QUERY_NAME as a,
-  CONTAINER_FLOW_GAP_VALUES as b,
-  CONTAINER_FLOW_KEY_COMPONENT as c
-};

package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.d.ts

@@ -1,7 +0,0 @@
-import { SemanticSpacings } from '../../types';
-/**
- * Función que retorna el valor del gap en función del tipo de gap recibido.
- * @param gap - El gap a convertir.
- * @returns El valor del gap en función del tipo de gap recibido.
- */
-export declare const getSpacingValue: (gap: SemanticSpacings | number) => number;

package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.js

@@ -1,10 +0,0 @@
-import { b as CONTAINER_FLOW_GAP_VALUES } from "../../constants.js";
-const getSpacingValue = (gap) => {
-  if (typeof gap === "number") {
-    return gap;
-  }
-  return CONTAINER_FLOW_GAP_VALUES[gap];
-};
-export {
-  getSpacingValue as g
-};

package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.test.d.ts

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

package/components/ContainerFlow/index.d.ts

@@ -1,2 +0,0 @@
-export { ContainerFlow } from './ContainerFlow';
-export type { ContainerFlowProps } from './types';

package/components/ContainerFlow/index.js

@@ -1 +0,0 @@
-

package/components/ContainerFlow/slots/ContainerFlowEnum.d.ts

@@ -1,4 +0,0 @@
-export declare enum ContainerFlowSlots {
-    root = "root",
-    wrapperItem = "wrapperItem"
-}

package/components/ContainerFlow/slots/ContainerFlowEnum.js

@@ -1,8 +0,0 @@
-var ContainerFlowSlots = /* @__PURE__ */ ((ContainerFlowSlots2) => {
-  ContainerFlowSlots2["root"] = "root";
-  ContainerFlowSlots2["wrapperItem"] = "wrapperItem";
-  return ContainerFlowSlots2;
-})(ContainerFlowSlots || {});
-export {
-  ContainerFlowSlots as C
-};

package/components/ContainerFlow/slots/ContainerFlowSlots.d.ts

@@ -1,6 +0,0 @@
-export declare const ContainerFlowRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').ContainerFlowOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ContainerFlowWrapperItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').ContainerFlowOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/ContainerFlow/slots/ContainerFlowSlots.js

@@ -1,16 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { c as CONTAINER_FLOW_KEY_COMPONENT } from "../constants.js";
-import { C as ContainerFlowSlots } from "./ContainerFlowEnum.js";
-import { c as containerFlowStyles } from "../ContainerFlow.styles.js";
-const ContainerFlowRootStyled = styled("div", {
-  name: CONTAINER_FLOW_KEY_COMPONENT,
-  slot: ContainerFlowSlots.root
-})(containerFlowStyles?.root);
-const ContainerFlowWrapperItemStyled = styled("div", {
-  name: CONTAINER_FLOW_KEY_COMPONENT,
-  slot: ContainerFlowSlots.wrapperItem
-})(containerFlowStyles?.wrapperItem);
-export {
-  ContainerFlowWrapperItemStyled as C,
-  ContainerFlowRootStyled as a
-};

package/components/ContainerFlow/tests/ContainerFlow.test.d.ts

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

package/components/ContainerFlow/types.d.ts

@@ -1,41 +0,0 @@
-import { Sizes } from '@m4l/styles';
-import { ContainerFlowSlots } from './slots/ContainerFlowEnum';
-import { CONTAINER_FLOW_KEY_COMPONENT } from './constants';
-import { Theme } from '@mui/material';
-import { M4LOverridesStyleRules } from '../../@types/augmentations';
-export type ContainerFlowVariant = 'flex-wrap' | 'column-flex' | 'grid-layout';
-export type SemanticSpacings = 'compact' | 'comfortable' | 'standard';
-export type ContainerFlowProps = {
-    /**
-     * Variante del contenedor de items.
-     */
-    variant: ContainerFlowVariant;
-    /**
-     * Items del contenedor de items.
-     */
-    children: React.ReactNode;
-    /**
-     * Tamaño del contenedor de items.
-     */
-    size?: Extract<Sizes, 'small' | 'medium'>;
-    /**
-     * Ancho mínimo de los items del contenedor de items.
-     */
-    minWidth?: number;
-    /**
-     * Clase del contenedor de items.
-     */
-    className?: string;
-    /**
-     * Espacio entre los items del contenedor de items.
-     */
-    gap?: SemanticSpacings | number;
-};
-export type ContainerFlowSlotsType = keyof typeof ContainerFlowSlots;
-export type ContainerFlowOwnerState = {
-    variant: ContainerFlowProps['variant'];
-    size: ContainerFlowProps['size'];
-    minWidth: ContainerFlowProps['minWidth'];
-    gap: ContainerFlowProps['gap'];
-};
-export type ContainerFlowStyles = M4LOverridesStyleRules<ContainerFlowSlots, typeof CONTAINER_FLOW_KEY_COMPONENT, Theme>;

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

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

@@ -1,32 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ContainerFlow } from '../../../src/components/ContainerFlow/ContainerFlow';
-/**
- * Renderiza un chip para cada color
- */
-declare const meta: Meta<typeof ContainerFlow>;
-type Story = StoryObj<typeof ContainerFlow>;
-/**
- * FlexColumn
- */
-export declare const H001_FlexColumn: Story;
-/**
- * variante column-flex con 3 wrappers
- */
-export declare const H002_FlexColumn3Wrappers: Story;
-/**
- * variante column-flex con 2 wrappers
- */
-export declare const H003_FlexColumn2Wrappers: Story;
-/**
- * variante column-flex con 1 wrapper
- */
-export declare const H004_FlexColumn1Wrappers: Story;
-/**
- * variante flex-wrap
- */
-export declare const H005_FlexWrap: Story;
-/**
- * variante grid-layout
- */
-export declare const H006_GridLayout: Story;
-export default meta;

package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn/index.d.ts

@@ -1,5 +0,0 @@
-import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
-/**
- * Renderiza el componente ContainerFlow con los props pasados.
- */
-export declare const RenderFlexColumn: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn1Wrappers/index.d.ts

@@ -1,5 +0,0 @@
-import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
-/**
- * Renderiza el componente ContainerFlow con los props pasados.
- */
-export declare const RenderFlexColumn1Wrappers: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn2Wrappers/index.d.ts

@@ -1,5 +0,0 @@
-import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
-/**
- * Renderiza el componente ContainerFlow con los props pasados.
- */
-export declare const RenderFlexColumn2Wrappers: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn3Wrappers/index.d.ts

@@ -1,5 +0,0 @@
-import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
-/**
- * Renderiza el componente ContainerFlow con los props pasados.
- */
-export declare const RenderFlexColumn3Wrappers: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/ContainerFlow/subcomponents/RenderFlexWrap/index.d.ts

@@ -1,5 +0,0 @@
-import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
-/**
- * Renderiza el componente ContainerFlow con los props pasados.
- */
-export declare const RenderFlexWrap: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/ContainerFlow/subcomponents/RenderGridLayout/index.d.ts

@@ -1,5 +0,0 @@
-import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
-/**
- * Renderiza el componente ContainerFlow con los props pasados.
- */
-export declare const RenderGridLayout: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/ContainerFlow/wrapperItems/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * Componente que se encarga de envolver los items del contenedor de items.
- * @param children - Los items del contenedor de items.
- * @returns Un componente de tipo div con los estilos del contenedor de items.
- */
-export declare const WrapperItems: ({ children, width, style }: {
-    children: React.ReactNode;
-    width?: string | number;
-    style?: React.CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;