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

package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts

@@ -18,7 +18,7 @@ export declare const MenuListStyled: import('@emotion/styled').StyledComponent<P
 export declare const CircularProgressStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CircularProgress/types').CircularProgressProps, keyof import('../../CircularProgress/types').CircularProgressProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
-export declare const RenderInputStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../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" | "maxLength" | "placeholder" | "required" | keyof import('react').RefAttributes<HTMLDivElement> | "maxRows" | "fullWidth" | "inputProps" | "inputRef" | "multiline" | "minRows" | "hiddenLabel" | "focused" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const RenderInputStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../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" | "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').AutocompleteOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 export declare const TypographyStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "content" | "style" | "position" | "ellipsis" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "margin" | "overflow" | "boxShadow" | "minWidth" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "dataTestid" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "translate" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {

package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.js

@@ -9,9 +9,9 @@ import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { T as TextField } from "../../TextField/TextField.js";
 import { P as Popper } from "../../Popper/Popper.js";
 import { I as IconButton } from "../../IconButton/IconButton.js";
+import { M as MenuItem } from "../../MenuItem/MenuItem.js";
 import { T as Typography } from "../../Typography/Typography.js";
 import { C as CircularProgress } from "../../CircularProgress/CircularProgress.js";
-import { M as MenuItem } from "../../MenuItem/MenuItem.js";
 const AutocompleteRootStyled = styled(Autocomplete, {
   name: AUTOCOMPLETE_KEY_COMPONENT,
   slot: AutocompleteSlots.root

package/components/mui_extended/Button/slots/ButtonSlots.d.ts

@@ -1,6 +1,6 @@
 declare const ButtonRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, "size" | "children" | "disabled" | "action" | "color" | "style" | "variant" | "className" | "classes" | "sx" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "startIcon" | "endIcon" | "disableElevation" | "fullWidth">, "value" | "size" | "children" | "ref" | "title" | "name" | "id" | "type" | "disabled" | "action" | "hidden" | "color" | "content" | "style" | "variant" | "translate" | "className" | "classes" | "sx" | "form" | "slot" | "key" | "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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "disableElevation" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').ButtonOwnerState> & Record<string, unknown> & {
+}, "size" | "children" | "disabled" | "action" | "color" | "style" | "variant" | "className" | "classes" | "sx" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "startIcon" | "endIcon" | "fullWidth" | "disableElevation">, "value" | "size" | "children" | "ref" | "title" | "name" | "id" | "type" | "disabled" | "action" | "hidden" | "color" | "content" | "style" | "variant" | "translate" | "className" | "classes" | "sx" | "form" | "slot" | "key" | "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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "fullWidth" | "disableElevation"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').ButtonOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').ButtonOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 declare const SkeletonButtonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').ButtonOwnerState> & Record<string, unknown> & {

package/components/mui_extended/DatePicker/DatePicker.d.ts

@@ -0,0 +1,7 @@
+import { DatePickerProps } from './types';
+/**
+ * Componente de selección de fecha con UI completa
+ *
+ * Este componente proporciona la interfaz de usuario para seleccionar fechas.
+ */
+export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/DatePicker/DatePicker.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { D as DatePickerStyled } from "./slots/DatePickerSlots.js";
+import { u as useDatePicker } from "./hooks/useDatePicker/useDatePicker.js";
+import { D as DATE_PICKER_CLASSES } from "./constants.js";
+import { clsx } from "clsx";
+const DatePicker = (props) => {
+  const {
+    value,
+    onChange,
+    disabled,
+    className,
+    readOnly,
+    ...datePickerProps
+  } = props;
+  const {
+    ownerState,
+    defaultSlots,
+    defaultSlotProps,
+    dateFormat
+  } = useDatePicker(props);
+  return /* @__PURE__ */ jsx(
+    DatePickerStyled,
+    {
+      ...datePickerProps,
+      className: clsx(className, DATE_PICKER_CLASSES.root),
+      value,
+      onChange: (newValue, reason) => onChange?.(newValue, reason),
+      disabled,
+      readOnly,
+      ownerState,
+      format: dateFormat,
+      slots: defaultSlots,
+      slotProps: defaultSlotProps
+    }
+  );
+};
+export {
+  DatePicker as D
+};

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

@@ -0,0 +1,5 @@
+import { DatePickerStyles } from './types';
+/**
+ * Estilos para el componente `DatePicker`. Define los estilos de cada parte del componente.
+ */
+export declare const datePickerStyles: DatePickerStyles;

package/components/mui_extended/DatePicker/DatePicker.styles.js

@@ -0,0 +1,193 @@
+import { g as getSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
+import { g as getTypographyStyles } from "../../../utils/getTypographyStyles.js";
+const datePickerStyles = {
+  /**
+   * Estilos para el DatePicker de MUI.
+   * Permite personalizar los estilos del componente DatePicker.
+   */
+  root: {},
+  /**
+   * Estilos para el TextField de MUI.
+   */
+  textField: ({ theme, ownerState }) => ({
+    "& .MuiInputAdornment-root": {
+      ...getSizeStyles(theme, ownerState?.size || "medium", "action", (size) => ({
+        width: size,
+        height: size
+      }))
+    },
+    "& .MuiFormLabel-root": {
+      display: "none"
+    }
+  }),
+  /**
+   * Estilos para el layout de MUI.
+   */
+  layout: ({ theme, ownerState }) => ({
+    "& .MuiDateCalendar-root": {
+      maxWidth: "244px",
+      height: "fit-content",
+      gap: theme.vars.size.baseSpacings.sp3,
+      "& .MuiPickersFadeTransitionGroup-root": {
+        "& .MuiYearCalendar-root": {
+          display: "grid",
+          gridTemplateColumns: "repeat(auto-fill, minmax(50px, 1fr));",
+          justifyContent: "space-between",
+          width: "100%",
+          rowGap: theme.vars.size.baseSpacings.sp2,
+          "& .MuiPickersYear-root": {
+            width: theme.vars.size.baseSpacings.sp10,
+            "& .MuiPickersYear-yearButton": {
+              borderRadius: theme.vars.size.borderRadius["r1-5"],
+              ...getSizeStyles(theme, ownerState?.size || "medium", "action", (size) => ({
+                height: size
+              })),
+              ...getTypographyStyles(theme.generalSettings.isMobile, ownerState?.size || "medium", "body"),
+              margin: 0,
+              padding: 0,
+              "&:hover": {
+                backgroundColor: theme.vars.palette.default.hoverOpacity
+              },
+              "&:active": {
+                backgroundColor: theme.vars.palette.default.active
+              },
+              "&.Mui-selected": {
+                backgroundColor: theme.vars.palette.primary.enabled,
+                color: theme.vars.palette.primary.contrastText,
+                "&:hover": {
+                  backgroundColor: theme.vars.palette.primary.hover
+                },
+                "&:active": {
+                  backgroundColor: theme.vars.palette.primary.active
+                }
+              }
+            }
+          }
+        }
+      },
+      "& .MuiDayCalendar-root": {
+        minHeight: "fit-content",
+        "& .MuiDayCalendar-header": {
+          height: theme.vars.size.baseSpacings.sp7,
+          width: "100%",
+          gap: theme.vars.size.baseSpacings.sp1,
+          justifyContent: "flex-start",
+          margin: 0,
+          padding: 0,
+          "& .MuiDayCalendar-weekDayLabel": {
+            height: theme.vars.size.baseSpacings.sp7,
+            width: theme.vars.size.baseSpacings.sp7,
+            ...getTypographyStyles(theme.generalSettings.isMobile, ownerState?.size || "medium", "body"),
+            color: theme.vars.palette.text.secondary,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          }
+        },
+        "& .MuiPickersSlideTransition-root": {
+          minHeight: "168px",
+          "& .MuiDayCalendar-weekContainer": {
+            height: "fit-content",
+            gap: theme.vars.size.baseSpacings.sp1,
+            justifyContent: "flex-start",
+            margin: 0,
+            padding: 0,
+            "& .MuiPickersDay-root": {
+              borderRadius: theme.vars.size.borderRadius["r1-5"],
+              height: theme.vars.size.baseSpacings.sp7,
+              width: theme.vars.size.baseSpacings.sp7,
+              color: theme.vars.palette.text.primary,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              ...getTypographyStyles(theme.generalSettings.isMobile, ownerState?.size || "medium", "body"),
+              "&.Mui-selected": {
+                backgroundColor: theme.vars.palette.primary.enabled,
+                color: theme.vars.palette.primary.contrastText,
+                "&:hover": {
+                  backgroundColor: theme.vars.palette.primary.hover
+                },
+                "&:active": {
+                  backgroundColor: theme.vars.palette.primary.active
+                }
+              },
+              "&:hover": {
+                backgroundColor: theme.vars.palette.default.hoverOpacity
+              },
+              "&:active": {
+                backgroundColor: theme.vars.palette.default.active
+              }
+            }
+          }
+        }
+      }
+    }
+  }),
+  /**
+   * Estilos para el desktopPaper de MUI.
+   */
+  desktopPaper: ({ theme }) => ({
+    // Overrides
+    backgroundColor: theme.vars.palette.background.default,
+    borderRadius: theme.vars.size.borderRadius.r2,
+    boxShadow: theme.vars.customShadows.z4,
+    padding: theme.vars.size.baseSpacings.sp3,
+    gap: theme.vars.size.baseSpacings.sp1
+  }),
+  /**
+   * Estilos para el calendarHeader de MUI.
+   */
+  calendarHeader: ({ theme, ownerState }) => ({
+    "&&&.MuiPickersCalendarHeader-root": {
+      margin: 0,
+      padding: 0,
+      minHeight: "fit-content",
+      maxHeight: "fit-content",
+      "& .MuiPickersCalendarHeader-labelContainer": {
+        ...getSizeStyles(theme, ownerState?.size || "medium", "action", (height) => ({
+          height,
+          minHeight: height,
+          maxHeight: height
+        })),
+        paddingLeft: theme.vars.size.baseSpacings.sp3,
+        paddingRight: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        border: `1px solid ${theme.vars.palette.border.secondary}`,
+        borderRadius: theme.vars.size.borderRadius["r1-5"],
+        "& .MuiPickersCalendarHeader-label": {
+          ...getTypographyStyles(theme.generalSettings.isMobile, ownerState?.size || "medium", "body")
+        }
+      },
+      "& .MuiPickersArrowSwitcher-root": {
+        minWidth: "52px",
+        gap: theme.vars.size.baseSpacings["sp0-5"],
+        justifyContent: "space-between"
+      }
+    }
+  }),
+  /**
+   * Estilos para el iconButton de M4L.
+   * Requerido para corrección de fix en tamaños ↴ Overrides ❌
+   */
+  iconButton: () => ({}),
+  /**
+   * Estilos para el actionsContainer de M4L.
+   */
+  actionsContainer: ({ theme }) => ({
+    paddingLeft: theme.vars.size.baseSpacings.sp6,
+    paddingRight: theme.vars.size.baseSpacings.sp6,
+    paddingBottom: theme.vars.size.baseSpacings.sp4
+  }),
+  /**
+   * Estilos para el dialog de MUI.
+   */
+  dialog: ({ theme }) => ({
+    "& .MuiPaper-root": {
+      borderRadius: theme.vars.size.borderRadius.r2
+    }
+  })
+};
+export {
+  datePickerStyles as d
+};

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

@@ -0,0 +1,2 @@
+export declare const DATE_PICKER_KEY_COMPONENT = "M4LDatePicker";
+export declare const DATE_PICKER_CLASSES: Record<"layout" | "root" | "dialog" | "iconButton" | "actionsContainer" | "textField" | "desktopPaper" | "calendarHeader", string>;

package/components/mui_extended/DatePicker/constants.js

@@ -0,0 +1,8 @@
+import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
+import { D as DatePickerEnum } from "./slots/DatePickerEnum.js";
+const DATE_PICKER_KEY_COMPONENT = "M4LDatePicker";
+const DATE_PICKER_CLASSES = getComponentClasses(DATE_PICKER_KEY_COMPONENT, DatePickerEnum);
+export {
+  DATE_PICKER_CLASSES as D,
+  DATE_PICKER_KEY_COMPONENT as a
+};

package/components/mui_extended/DatePicker/hooks/useDatePicker/types.d.ts

@@ -0,0 +1,11 @@
+import { DatePickerSlotsComponents, DatePickerSlotsComponentsProps } from '@mui/x-date-pickers';
+import { DatePickerOwnerState } from '../../types';
+/**
+ * Tipo de retorno del hook useDatePicker
+ */
+export interface UseDatePickerReturn {
+    ownerState: DatePickerOwnerState;
+    defaultSlots: DatePickerSlotsComponents<unknown>;
+    defaultSlotProps: DatePickerSlotsComponentsProps<unknown>;
+    dateFormat: string;
+}

package/components/mui_extended/DatePicker/hooks/useDatePicker/useDatePicker.d.ts

@@ -0,0 +1,9 @@
+import { DatePickerProps } from '../../types';
+import { UseDatePickerReturn } from './types';
+/**
+ * Hook personalizado que encapsula toda la lógica de memos, callbacks y objetos
+ * necesarios para el componente DatePicker
+ * @param props - Props del componente DatePicker
+ * @returns Objeto con ownerState, defaultSlots, defaultSlotProps, dateFormat y dateMask
+ */
+export declare const useDatePicker: (props: DatePickerProps) => UseDatePickerReturn;

package/components/mui_extended/DatePicker/hooks/useDatePicker/useDatePicker.js

@@ -0,0 +1,200 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { I as IconButtonStyled, C as CalendarHeaderStyled, A as ActionsContainerStyled, P as PickersLayoutStyled, a as DesktopPaperStyled, T as TextFieldStyled } from "../../slots/DatePickerSlots.js";
+import { useFormatter, useIsMobile } from "@m4l/graphics";
+import React, { useMemo, useCallback } from "react";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { c as chevron_left, a as chevron_right, b as chevron_down, d as calendar } from "../../icons.js";
+import { d as datePickerStyles } from "../../DatePicker.styles.js";
+import { u as useComponentSize } from "../../../../../hooks/useComponentSize/useComponentSize.js";
+import { I as IconButton } from "../../../IconButton/IconButton.js";
+import { B as Button } from "../../../Button/Button.js";
+const useDatePicker = (props) => {
+  const {
+    error,
+    size = "medium",
+    disabled,
+    slots,
+    variant = "outlined",
+    readOnly,
+    id
+  } = props;
+  const { dateFormatter } = useFormatter();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const isMobile = useIsMobile();
+  const { currentSize } = useComponentSize(size);
+  const { dateFormat } = dateFormatter;
+  const ownerState = useMemo(() => ({
+    size: currentSize,
+    error: !!error,
+    disabled: !!disabled
+  }), [currentSize, error, disabled]);
+  const CustomPreviousIconButton = useMemo(() => {
+    return React.forwardRef((iconButtonProps, ref) => {
+      return /* @__PURE__ */ jsx(
+        IconButtonStyled,
+        {
+          ref,
+          ...iconButtonProps,
+          ownerState,
+          size: currentSize,
+          disabled,
+          icon: `${host_static_assets}/${environment_assets}/${chevron_left}`
+        }
+      );
+    });
+  }, [currentSize, disabled, environment_assets, host_static_assets, ownerState]);
+  const CustomNextIconButton = useMemo(() => {
+    return React.forwardRef((iconButtonProps, ref) => {
+      return /* @__PURE__ */ jsx(
+        IconButtonStyled,
+        {
+          ref,
+          ...iconButtonProps,
+          ownerState,
+          size: currentSize,
+          disabled,
+          icon: `${host_static_assets}/${environment_assets}/${chevron_right}`
+        }
+      );
+    });
+  }, [currentSize, disabled, environment_assets, host_static_assets, ownerState]);
+  const CustomSwitchViewButton = useMemo(() => {
+    return React.forwardRef((iconButtonProps, ref) => {
+      const currentView = iconButtonProps?.ownerState?.view;
+      const isYearView = currentView === "year";
+      const rotationAngle = isYearView ? 180 : 0;
+      return /* @__PURE__ */ jsx(
+        IconButtonStyled,
+        {
+          ref,
+          ...iconButtonProps,
+          ownerState,
+          size: currentSize,
+          disabled,
+          rotationAngle,
+          icon: `${host_static_assets}/${environment_assets}/${chevron_down}`
+        }
+      );
+    });
+  }, [currentSize, disabled, environment_assets, host_static_assets, ownerState]);
+  const calendarHeaderCallback = useCallback((args) => {
+    return /* @__PURE__ */ jsx(CalendarHeaderStyled, { ...args, ownerState });
+  }, [ownerState]);
+  const CustomCancelButton = useMemo(() => {
+    return React.forwardRef((buttonProps, ref) => {
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          ...buttonProps,
+          variant: "text",
+          color: "default",
+          size: currentSize,
+          label: getLabel("common_actions.cancel"),
+          disabled
+        }
+      );
+    });
+  }, [currentSize, disabled, getLabel]);
+  const CustomOkButton = useMemo(() => {
+    return React.forwardRef((buttonProps, ref) => {
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          ...buttonProps,
+          variant: "contained",
+          color: "primary",
+          size: currentSize,
+          label: getLabel("common_actions.intro"),
+          disabled
+        }
+      );
+    });
+  }, [currentSize, disabled, getLabel]);
+  const CustomActionBar = useMemo(() => {
+    return React.forwardRef((actionBarProps, ref) => {
+      const { onAccept, onCancel, className: actionBarClassName } = actionBarProps;
+      return /* @__PURE__ */ jsxs(
+        ActionsContainerStyled,
+        {
+          ref,
+          className: actionBarClassName,
+          children: [
+            /* @__PURE__ */ jsx(CustomCancelButton, { onClick: onCancel }),
+            /* @__PURE__ */ jsx(CustomOkButton, { onClick: onAccept })
+          ]
+        }
+      );
+    });
+  }, [CustomCancelButton, CustomOkButton]);
+  const mobileActionBarSlot = useMemo(() => {
+    if (isMobile && slots?.actionBar === void 0) {
+      return { actionBar: CustomActionBar };
+    }
+    return {};
+  }, [isMobile, slots?.actionBar, CustomActionBar]);
+  const openPickerButton = useCallback((args) => {
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        ...args,
+        icon: `${host_static_assets}/${environment_assets}/${calendar}`,
+        size: currentSize,
+        disabled: readOnly || disabled
+      }
+    );
+  }, [currentSize, disabled, environment_assets, host_static_assets, readOnly]);
+  const defaultSlots = useMemo(() => ({
+    textField: TextFieldStyled,
+    openPickerButton,
+    // Popper component
+    desktopPaper: DesktopPaperStyled,
+    calendarHeader: calendarHeaderCallback,
+    previousIconButton: CustomPreviousIconButton,
+    nextIconButton: CustomNextIconButton,
+    switchViewButton: CustomSwitchViewButton,
+    layout: PickersLayoutStyled,
+    ...mobileActionBarSlot
+  }), [
+    calendarHeaderCallback,
+    CustomNextIconButton,
+    CustomPreviousIconButton,
+    CustomSwitchViewButton,
+    mobileActionBarSlot,
+    openPickerButton
+  ]);
+  const hasError = !!error;
+  const dialogSxStyles = useMemo(() => {
+    const dialogStyleFn = datePickerStyles?.dialog;
+    if (!dialogStyleFn || typeof dialogStyleFn !== "function") {
+      return void 0;
+    }
+    return (theme) => {
+      return dialogStyleFn({ theme });
+    };
+  }, []);
+  const defaultSlotProps = useMemo(() => ({
+    textField: {
+      id,
+      error: hasError,
+      size: currentSize,
+      variant,
+      label: null,
+      readOnly
+    },
+    dialog: {
+      sx: dialogSxStyles
+    }
+  }), [id, hasError, currentSize, variant, readOnly, dialogSxStyles]);
+  return {
+    ownerState,
+    defaultSlots,
+    defaultSlotProps,
+    dateFormat
+  };
+};
+export {
+  useDatePicker as u
+};

package/components/mui_extended/DatePicker/icons.d.ts

@@ -0,0 +1,4 @@
+export declare const chevron_down = "frontend/components/rhfdatepicker/assets/icons/chevron_down.svg";
+export declare const calendar = "frontend/components/rhfdatepicker/assets/icons/created_at.svg";
+export declare const chevron_left = "frontend/components/rhfdatepicker/assets/icons/chevron_left_sm.svg";
+export declare const chevron_right = "frontend/components/rhfdatepicker/assets/icons/chevron_right_sm.svg";

package/components/mui_extended/DatePicker/icons.js

@@ -0,0 +1,10 @@
+const chevron_down = "frontend/components/rhfdatepicker/assets/icons/chevron_down.svg";
+const calendar = "frontend/components/rhfdatepicker/assets/icons/created_at.svg";
+const chevron_left = "frontend/components/rhfdatepicker/assets/icons/chevron_left_sm.svg";
+const chevron_right = "frontend/components/rhfdatepicker/assets/icons/chevron_right_sm.svg";
+export {
+  chevron_right as a,
+  chevron_down as b,
+  chevron_left as c,
+  calendar as d
+};

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

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps, DatePickerAdditionalProps, DatePickerOwnerState } from './types';

package/components/mui_extended/DatePicker/index.js

@@ -0,0 +1 @@
+

package/components/mui_extended/DatePicker/slots/DatePickerEnum.d.ts

@@ -0,0 +1,10 @@
+export declare enum DatePickerEnum {
+    root = "root",
+    textField = "textField",
+    desktopPaper = "desktopPaper",
+    calendarHeader = "calendarHeader",
+    iconButton = "iconButton",
+    layout = "layout",
+    actionsContainer = "actionsContainer",
+    dialog = "dialog"
+}