@m4l/components 9.3.34-BE20251126-beta.1 → 9.3.34-JT20251210-beta.1

package/components/hook-form/RHFDatePicker/slots/RHFDatePickerSlots.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Componente que es un envoltorio `div` que representa el contenedor raíz del `RHFDatePicker`.
+ */
+export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+/**
+ * Componente estilizado de DatePicker de MUI como slot del componente.
+ */
+export declare const DatePickerStyled: import('@emotion/styled').StyledComponent<import('@mui/x-date-pickers').DatePickerProps<unknown> & import('react').RefAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/**
+ * Componente estilizado de TextField de MUI como slot del componente.
+ */
+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" | "variant" | "content" | "translate" | "margin" | "className" | "style" | "classes" | "sx" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "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" | "maxLength" | "placeholder" | "required" | keyof import('react').RefAttributes<HTMLDivElement> | "maxRows" | "fullWidth" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "minRows" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/**
+ * Componente estilizado de DesktopPaper de MUI como slot del componente.
+ */
+export declare const DesktopPaperStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').PaperOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "variant" | "className" | "style" | "classes" | "sx" | "square" | "elevation">, "children" | "ref" | "title" | "id" | "variant" | "color" | "content" | "translate" | "className" | "style" | "classes" | "sx" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "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" | "square" | "elevation"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/**
+ * Componente estilizado de HeaderDesktop de MUI como slot del componente.
+ */
+export declare const CalendarHeaderStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/x-date-pickers').PickersCalendarHeaderProps<unknown> & import('react').RefAttributes<HTMLButtonElement>, keyof import('react').RefAttributes<HTMLButtonElement> | keyof import('@mui/x-date-pickers').PickersCalendarHeaderProps<unknown>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/**
+ * Componente estilizado de IconButton de M4L como slot del componente.
+ */
+export declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "selected" | "disabled" | "action" | "variant" | "color" | "content" | "translate" | "className" | "style" | "classes" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "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" | "tooltip" | "instaceDataTestId" | "placement" | "icon" | "rotationAngle" | "ariaLabel" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/**
+ * Componente estilizado de Layout de MUI como slot del componente.
+ */
+export declare const PickersLayoutStyled: import('@emotion/styled').StyledComponent<Pick<Pick<import('@mui/x-date-pickers').PickersLayoutProps<unknown, unknown, import('@mui/x-date-pickers/internals/models').DateOrTimeViewWithMeridiem>, keyof import('@mui/x-date-pickers').PickersLayoutProps<unknown, unknown, import('@mui/x-date-pickers/internals/models').DateOrTimeViewWithMeridiem>> & Pick<import('prop-types').InferProps<any>, string | number | symbol> & Pick<import('@mui/x-date-pickers').PickersLayoutProps<unknown, unknown, import('@mui/x-date-pickers/internals/models').DateOrTimeViewWithMeridiem>, never>, keyof import('@mui/x-date-pickers').PickersLayoutProps<unknown, unknown, import('@mui/x-date-pickers/internals/models').DateOrTimeViewWithMeridiem>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/**
+ * Componente estilizado de ActionsContainer.
+ */
+export declare const ActionsContainerStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../CommonActions/components/ActionsContainer').ActionsContainerProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../../CommonActions/components/ActionsContainer').ActionsContainerProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;

package/components/hook-form/RHFDatePicker/slots/RHFDatePickerSlots.js

@@ -0,0 +1,44 @@
+import { styled, Paper } from "@mui/material";
+import { DatePicker, PickersCalendarHeader, PickersLayout } from "@mui/x-date-pickers";
+import { R as RHF_DATE_PICKER_KEY_COMPONENT } from "../constants.js";
+import { r as rhfDatePickerStyles } from "../RHFDatePicker.styles.js";
+import { R as RHFDatePickerSlots } from "./RHFDatePickerEnum.js";
+import { T as TextField } from "../../../mui_extended/TextField/TextField.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
+import { A as ActionsContainer } from "../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+const RootStyled = styled("div", {
+  name: RHF_DATE_PICKER_KEY_COMPONENT,
+  slot: RHFDatePickerSlots.root
+})(rhfDatePickerStyles?.root);
+styled(DatePicker, {
+  name: RHF_DATE_PICKER_KEY_COMPONENT,
+  slot: RHFDatePickerSlots.datePicker,
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(rhfDatePickerStyles?.datePicker);
+styled(TextField, {
+  name: RHF_DATE_PICKER_KEY_COMPONENT,
+  slot: RHFDatePickerSlots.textField
+})(rhfDatePickerStyles?.textField);
+styled(Paper, {
+  name: RHF_DATE_PICKER_KEY_COMPONENT,
+  slot: RHFDatePickerSlots.desktopPaper
+})(rhfDatePickerStyles?.desktopPaper);
+styled(PickersCalendarHeader, {
+  name: RHF_DATE_PICKER_KEY_COMPONENT,
+  slot: RHFDatePickerSlots.calendarHeader
+})(rhfDatePickerStyles?.calendarHeader);
+styled(IconButton, {
+  name: RHF_DATE_PICKER_KEY_COMPONENT,
+  slot: RHFDatePickerSlots.iconButton
+})(rhfDatePickerStyles?.iconButton);
+styled(PickersLayout, {
+  name: RHF_DATE_PICKER_KEY_COMPONENT,
+  slot: RHFDatePickerSlots.layout
+})(rhfDatePickerStyles?.layout);
+styled(ActionsContainer, {
+  name: RHF_DATE_PICKER_KEY_COMPONENT,
+  slot: RHFDatePickerSlots.actionsContainer
+})(rhfDatePickerStyles?.actionsContainer);
+export {
+  RootStyled as R
+};

package/components/hook-form/RHFDatePicker/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RHFDatePickerEnum';
+export * from './RHFDatePickerSlots';

package/components/hook-form/RHFDatePicker/slots/index.js

@@ -0,0 +1 @@
+

package/components/hook-form/RHFDatePicker/types.d.ts

@@ -0,0 +1,61 @@
+import { Theme } from '@mui/material';
+import { Sizes } from '@m4l/styles';
+import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers';
+import { LabelProps } from '../../Label/types';
+import { RHFDatePickerSlots } from './slots/RHFDatePickerEnum';
+import { RHF_DATE_PICKER_KEY_COMPONENT } from './constants';
+import { M4LOverridesStyleRules } from '../../../@types/augmentations';
+import { TextFieldVariants } from '../../mui_extended/TextField/types';
+/**
+ * Interfaz de las propiedades que acepta el componente `RHFDatePicker`.
+ * Extiende los props del DatePicker de MUI, excluyendo `size` para usar el propio sistema de tamaños.
+ * También extiende `LabelProps` para soportar etiquetas y mensajes.
+ */
+export interface RHFDatePickerProps extends Omit<MuiDatePickerProps<Date>, 'size' | 'slots' | 'slotProps'>, Omit<LabelProps, 'label' | 'error'> {
+    /**
+     * Nombre de etiqueta del campo.
+     * Esta propiedad se utiliza para etiquetar el campo del date picker.
+     * Puede ser útil para accesibilidad o como descripción del campo.
+     */
+    label?: string;
+    /**
+     * Identificador único del campo dentro del formulario de React Hook Form.
+     * Este identificador es necesario para vincular el campo con el formulario y manejar su estado.
+     */
+    name: string;
+    /**
+     * Variación de tamaño para el componente. Permite seleccionar entre dos tamaños:
+     * - `small`: Tamaño pequeño.
+     * - `medium`: Tamaño mediano.
+     * Esta propiedad sobrescribe el `size` del DatePicker de MUI.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Indica si el campo está deshabilitado.
+     */
+    variant?: TextFieldVariants;
+    /**
+     * Indica si el campo es de solo lectura.
+     */
+    readOnly?: boolean;
+}
+/**
+ * Tipo que define los posibles valores de los slots disponibles en el componente `RHFDatePicker`.
+ * Este tipo se utiliza para determinar qué partes del componente pueden ser estilizadas o modificadas.
+ */
+export type RHFDatePickerSlotsType = keyof typeof RHFDatePickerSlots;
+/**
+ * Estado propietario del componente `RHFDatePicker`.
+ * Define propiedades específicas del estado que son necesarias para la gestión del componente.
+ */
+export interface RHFDatePickerOwnerState extends Record<string, unknown> {
+    size?: RHFDatePickerProps['size'];
+    error?: boolean;
+    disabled?: boolean;
+}
+/**
+ * Tipo de estilos para el componente `RHFDatePicker`.
+ * Permite personalizar los estilos de los slots del componente.
+ * `OverridesStyleRules` se usa para sobrescribir los estilos predeterminados de Material-UI.
+ */
+export type RHFDatePickerStyles = M4LOverridesStyleRules<RHFDatePickerSlotsType, typeof RHF_DATE_PICKER_KEY_COMPONENT, Theme>;

package/components/hook-form/RHFDateTime/RHFDateTime.d.ts

@@ -1,5 +1,28 @@
 import { RHFDateTimeProps } from './types';
 /**
- * TODO: Documentar
+ * RHFDateTime es un componente que permite la selección y visualización de una fecha y hora específica,
+ * sin tener que gestionar una fecha completa. Se utiliza en escenarios donde se requiere
+ * que el usuario defina una fecha y hora, y se integra con react-hook-form, permitiendo la validación y
+ * manejo de estados de los campos de formulario.
+ * @deprecated Use RHFDateTimePicker instead.
+ *
+ * ### Dependencias:
+ * - **`useFormContext:`** Hook que provee acceso a los métodos y propiedades de un formulario react-hook-form.
+ * - **`useFormatter:`** Hook que permite acceder a los diferentes formatters de la aplicación.
+ * @example
+ * ```tsx
+ * const ExampleComponent = () => {
+ *   const { control } = useForm();
+ *   return (
+ *     <RHFDateTime
+ *       name="dateTime"
+ *       size="medium"
+ *       variant="outlined"
+ *       label="Fecha y hora"
+ *       helperMessage="Seleccione una fecha y hora"
+ *     />
+ *   );
+ * };
+ * ```
  */
 export declare function RHFDateTime(props: RHFDateTimeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -43,7 +43,7 @@ function RHFDateTime(props) {
         {
           name: nameRHF,
           control,
-          render: ({ field: { value, onChange, ref }, fieldState: { error } }) => {
+          render: ({ field: { value, onChange, ref }, fieldState: { error }, formState: { isSubmitting } }) => {
             return /* @__PURE__ */ jsxs(Fragment, { children: [
               label && /* @__PURE__ */ jsx(
                 Label,
@@ -62,7 +62,7 @@ function RHFDateTime(props) {
                 {
                   variant,
                   size: adjustedSize,
-                  disabled,
+                  disabled: disabled || isSubmitting,
                   inputRef: ref,
                   slotProps: {
                     field: {

package/components/hook-form/RHFDateTimePicker/RHFDateTimePicker.d.ts

@@ -0,0 +1,11 @@
+import { RHFDateTimeProps } from '../RHFDateTime/types';
+/**
+ * RHFDateTimePicker es un componente que permite la selección y visualización de una fecha y hora específica,
+ * sin tener que gestionar una fecha completa. Se utiliza en escenarios donde se requiere
+ * que el usuario defina una fecha y hora, y se integra con react-hook-form, permitiendo la validación y
+ * manejo de estados de los campos de formulario.
+ *
+ * ### Dependencias:
+ * - **`RHFDateTime:`** Componente que permite la selección y visualización de una fecha y hora específica.
+ */
+export declare const RHFDateTimePicker: (props: RHFDateTimeProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFDateTimePicker/RHFDateTimePicker.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { R as RHFDateTime } from "../RHFDateTime/RHFDateTime.js";
+const RHFDateTimePicker = (props) => {
+  return /* @__PURE__ */ jsx(RHFDateTime, { ...props });
+};
+export {
+  RHFDateTimePicker as R
+};

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

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

package/components/hook-form/RHFDateTimePicker/index.js

@@ -0,0 +1 @@
+

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

@@ -42,7 +42,7 @@ const RHFNumberInput = (props) => {
         {
           name,
           control,
-          render: ({ field: { value, onChange }, fieldState: { error } }) => {
+          render: ({ field: { value, onChange }, fieldState: { error }, formState: { isSubmitting } }) => {
             const onChangeLocal = (_event, newValue) => {
               onChange(newValue);
             };
@@ -69,7 +69,7 @@ const RHFNumberInput = (props) => {
                   value,
                   onChange: onChangeLocal,
                   variant,
-                  disabled,
+                  disabled: disabled || isSubmitting,
                   startAdornment,
                   endAdornment,
                   error: !!error,

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

@@ -47,7 +47,7 @@ const RHFPeriod = (props) => {
           name: name || "",
           control,
           defaultValue: { selPeriodTime: "", singleValue: "" },
-          render: ({ field: { onChange, value }, fieldState: { error } }) => {
+          render: ({ field: { onChange, value }, fieldState: { error }, formState: { isSubmitting } }) => {
             return /* @__PURE__ */ jsxs(Fragment, { children: [
               label && /* @__PURE__ */ jsx(
                 Label,
@@ -64,7 +64,7 @@ const RHFPeriod = (props) => {
                 {
                   name,
                   control,
-                  disabled,
+                  disabled: disabled || isSubmitting,
                   value,
                   onChange,
                   size

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 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>, {}, {}>;
+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" | "variant" | "content" | "translate" | "margin" | "className" | "style" | "classes" | "sx" | "slots" | "slotProps" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "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" | "open" | "dataTestId" | "autoComplete" | "multiple" | "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/subcomponents/Period/Period.js

@@ -90,16 +90,15 @@ const Period = (props) => {
       onTotalChange(newPeriodTime.id, singleValue);
     }
   };
-  const normalizedSize = currentSize === "large" ? "medium" : currentSize;
   const ownerState = {
-    size: normalizedSize,
+    size: currentSize,
     disabled
   };
   return /* @__PURE__ */ jsxs(PeriodRootStyled, { ownerState, children: [
     /* @__PURE__ */ jsx(
       Icon,
       {
-        size: normalizedSize,
+        size: currentSize,
         src: `${host_static_assets}/${environment_assets}/frontend/components/period/assets/icons/clock.svg`,
         disabled
       }
@@ -107,7 +106,7 @@ const Period = (props) => {
     /* @__PURE__ */ jsx(
       SelectStyled,
       {
-        size: normalizedSize,
+        size: currentSize,
         value: options[selPeriodTime].id,
         options,
         onChange: (autcValue) => {
@@ -124,6 +123,7 @@ const Period = (props) => {
         variant: "outlined",
         value: singleValue,
         withDecimal: true,
+        disabled,
         onChange: (_event, newValue) => {
           onTotalChange(selPeriodTime, newValue);
         }

package/components/hook-form/RHFRadioGroup/RHFRadioGroup.d.ts

@@ -1,6 +1,6 @@
-import { RadioGroupProps, RadioProps } from '@mui/material';
 import { RHFRadioGroupProps } from './types';
 /**
- * TODO: Documentar
+ * RHFRadioGroup: Componente que permite seleccionar una opción de un grupo de opciones.
+ * Por defecto usa el componente Radio de M4L basado en MUI, pero se puede pasar un componente personalizado.
  */
-export declare function RHFRadioGroup<TOption extends RadioProps>({ name, options, getOptionLabel, getOptionValue, getOptionIconUrl, renderOptionLabel, ControlLabel, ...other }: RHFRadioGroupProps<TOption> & RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function RHFRadioGroup<TOption>({ id, name, options, getOptionLabel, getOptionValue, label, mandatory, mandatoryMessage, helperMessage, size, dataTestId, labelSkeletonWidth, helperErrorSkeletonWidth, disabled, className, ControlOption, ...other }: RHFRadioGroupProps<TOption>): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFRadioGroup/RHFRadioGroup.js

@@ -1,41 +1,83 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
-import { RadioGroup, FormControlLabel, Radio } from "@mui/material";
-import { O as OptionIconLabelFormatter } from "./formatters/OptionIconLabelFormatter/index.js";
+import { R as Radio } from "../../mui_extended/Radio/Radio.js";
+import { R as RootStyled, a as RadioGroupStyled } from "./slots/styled.js";
+import { useId } from "react";
+import { R as RHFRADIO_GROUP_KEY_COMPONENT, a as RHFRADIO_GROUP_CLASSES } from "./constants.js";
+import clsx from "clsx";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { R as RHFRadioGroupSlots } from "./slots/slots.js";
+import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
+import { L as Label } from "../../Label/Label.js";
 import { H as HelperError } from "../../HelperError/HelperError.js";
 function RHFRadioGroup({
+  id,
   name,
   options,
   getOptionLabel,
   getOptionValue,
-  getOptionIconUrl,
-  renderOptionLabel = OptionIconLabelFormatter,
-  ControlLabel = Radio,
+  label,
+  mandatory,
+  mandatoryMessage,
+  helperMessage,
+  size,
+  dataTestId,
+  labelSkeletonWidth,
+  helperErrorSkeletonWidth,
+  disabled,
+  className,
+  ControlOption = Radio,
   ...other
 }) {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
+  const reactId = useId();
+  const htmlForId = id || reactId;
+  const { currentSize } = useComponentSize(size);
+  const { control: formControl } = useFormContext();
+  return /* @__PURE__ */ jsx(RootStyled, { className: clsx(RHFRADIO_GROUP_CLASSES.root, className), children: /* @__PURE__ */ jsx(
     Controller,
     {
       name,
-      control,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(RadioGroup, { ...field, row: true, ...other, children: options.map((option) => {
-          return /* @__PURE__ */ jsx(
-            FormControlLabel,
+      control: formControl,
+      render: ({ field: { onChange, value }, fieldState: { error } }) => {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          label && /* @__PURE__ */ jsx(
+            Label,
             {
-              defaultValue: field.value,
-              value: getOptionValue(option),
-              control: /* @__PURE__ */ jsx(ControlLabel, { ...option }),
-              label: renderOptionLabel(option, getOptionLabel, getOptionIconUrl)
-            },
-            getOptionValue(option)
-          );
-        }) }),
-        error && /* @__PURE__ */ jsx(HelperError, { message: error.message || "" })
-      ] })
+              id: `${htmlForId}-label`,
+              htmlFor: htmlForId,
+              label,
+              mandatory,
+              mandatoryMessage,
+              helperMessage,
+              size: currentSize,
+              skeletonWidth: labelSkeletonWidth,
+              error: Boolean(error),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RadioGroupStyled,
+            {
+              onChange,
+              value,
+              ...other,
+              ...getPropDataTestId(
+                RHFRADIO_GROUP_KEY_COMPONENT,
+                RHFRadioGroupSlots.radioGroup,
+                dataTestId
+              ),
+              children: options.map((option) => {
+                const optionValue = getOptionValue(option);
+                const optionLabel = getOptionLabel(option);
+                return /* @__PURE__ */ jsx(ControlOption, { checked: value === optionValue, onChange, value: optionValue, inlineText: optionLabel }, optionValue);
+              })
+            }
+          ),
+          error && /* @__PURE__ */ jsx(HelperError, { message: error.message || "" })
+        ] });
+      }
     }
-  );
+  ) });
 }
 export {
   RHFRadioGroup as R

package/components/hook-form/RHFRadioGroup/RHFRadioGroup.styles.d.ts

@@ -0,0 +1,5 @@
+import { RHFRadioGroupStyles } from './types';
+/**
+ * Estilos para el componente `RHFColorPicker`. Define los estilos de cada parte del componente, como el root, label, color, popover, sketch picker, y las acciones.
+ */
+export declare const rhfRadioGroupStyles: RHFRadioGroupStyles;

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

@@ -0,0 +1,29 @@
+const rhfRadioGroupStyles = {
+  /**
+   * Estilos para el elemento raíz del `RHFColorPicker`.
+   * Aplica un layout de columna con un espacio entre los elementos basado en el tamaño de espaciado definido en el tema.
+   */
+  root: ({ theme }) => ({
+    display: "flex",
+    flexDirection: "column",
+    height: "fit-content",
+    overflow: "hidden",
+    gap: theme.vars.size.baseSpacings["sp0-5"],
+    width: "100%"
+  }),
+  /**
+   * Estilos para el elemento `RadioGroup`.
+   */
+  radioGroup: () => ({}),
+  /**
+   * Estilos para el elemento `OptionWrapper`.
+   */
+  optionWrapper: ({ theme }) => ({
+    display: "flex",
+    flexDirection: "row",
+    gap: theme.vars.size.baseSpacings["sp0-5"]
+  })
+};
+export {
+  rhfRadioGroupStyles as r
+};

package/components/hook-form/RHFRadioGroup/constants.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Nombre de clase que se usa para dar identidad a los slots del componente.
+ */
+export declare const RHFRADIO_GROUP_KEY_COMPONENT = "M4LRHFRadioGroup";
+export declare const RHFRADIO_GROUP_CLASSES: Record<"radioGroup" | "root" | "optionWrapper", string>;

package/components/hook-form/RHFRadioGroup/constants.js

@@ -0,0 +1,8 @@
+import { R as RHFRadioGroupSlots } from "./slots/slots.js";
+import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
+const RHFRADIO_GROUP_KEY_COMPONENT = "M4LRHFRadioGroup";
+const RHFRADIO_GROUP_CLASSES = getComponentClasses(RHFRADIO_GROUP_KEY_COMPONENT, RHFRadioGroupSlots);
+export {
+  RHFRADIO_GROUP_KEY_COMPONENT as R,
+  RHFRADIO_GROUP_CLASSES as a
+};

package/components/hook-form/RHFRadioGroup/formatters/OptionIconLabelFormatter/index.d.ts

@@ -1,5 +1,5 @@
-import { GetOptionStringType } from '../../types';
+import { GetOptionLabelType } from '../../types';
 /**
  * TODO: Documentar
  */
-export declare function OptionIconLabelFormatter<T>(option: T, getOptionLabel: GetOptionStringType<T>, getOptionIconUrl: GetOptionStringType<T>): import("react/jsx-runtime").JSX.Element;
+export declare function OptionIconLabelFormatter<T>(option: T, getOptionLabel: GetOptionLabelType<T>, getOptionIconUrl: GetOptionLabelType<T>): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFRadioGroup/slots/slots.d.ts

@@ -0,0 +1,5 @@
+export declare enum RHFRadioGroupSlots {
+    root = "root",
+    radioGroup = "radioGroup",
+    optionWrapper = "optionWrapper"
+}

package/components/hook-form/RHFRadioGroup/slots/slots.js

@@ -0,0 +1,9 @@
+var RHFRadioGroupSlots = /* @__PURE__ */ ((RHFRadioGroupSlots2) => {
+  RHFRadioGroupSlots2["root"] = "root";
+  RHFRadioGroupSlots2["radioGroup"] = "radioGroup";
+  RHFRadioGroupSlots2["optionWrapper"] = "optionWrapper";
+  return RHFRadioGroupSlots2;
+})(RHFRadioGroupSlots || {});
+export {
+  RHFRadioGroupSlots as R
+};