@m4l/components 9.4.33-beta-feature-dynamicform-crear-componente.1 → 9.4.33

package/components/extended/rsuite/DateRangePicker/DateRangePicker.js

@@ -1,14 +1,14 @@
 import { jsx as e } from "@emotion/react/jsx-runtime";
-import { forwardRef as N, useMemo as C } from "react";
-import { SkeletonDateRangePickerStyled as _, DateRangePickerStyled as v } from "./slots/DateRangePickerSlots.js";
-import { useDateRangePicker as I } from "./hooks/useDateRangePicker/useDateRangePicker.js";
+import { forwardRef as C, useMemo as _ } from "react";
+import { SkeletonDateRangePickerStyled as v, DateRangePickerStyled as I } from "./slots/DateRangePickerSlots.js";
+import { useDateRangePicker as h } from "./hooks/useDateRangePicker/useDateRangePicker.js";
 import { DATE_RANGE_PICKER_CLASSES as i } from "./constants.js";
-import { clsx as h } from "clsx";
-import { TEST_PROP_ID as m } from "../../../../test/constants_no_mock.js";
-import { DateRangePicker as O } from "rsuite";
-import { DateTimeCreatedOutlined as T } from "@m4l/icons";
-import { Icon as y } from "../../../Icon/Icon.js";
-const z = N((a, c) => {
+import { clsx as O } from "clsx";
+import { TEST_PROP_ID as c } from "../../../../test/constants_no_mock.js";
+import { DateRangePicker as T } from "rsuite";
+import { DateTimeCreatedOutlined as y } from "@m4l/icons";
+import { Icon as z } from "../../../Icon/Icon.js";
+const A = C((a, m) => {
   const {
     value: t,
     onChange: n,
@@ -16,50 +16,52 @@ const z = N((a, c) => {
     className: d,
     readOnly: f,
     dataTestId: s,
-    format: p
+    format: p,
+    ...u
   } = a, {
-    ownerState: u,
+    ownerState: P,
     dateFormat: D,
     currentSize: o,
-    isSkeleton: P
-  } = I(a), R = (r) => {
+    isSkeleton: R
+  } = h(a), g = (r) => {
     if (r == null)
       n?.({ start: null, end: null });
     else {
-      const [k, E] = r;
-      n?.({ start: k, end: E });
+      const [E, N] = r;
+      n?.({ start: E, end: N });
     }
-  }, S = C(() => () => /* @__PURE__ */ e(y, { size: o, src: /* @__PURE__ */ e(T, {}) }), [o]), g = t ? [t.start, t.end] : [null, null];
-  return P ? /* @__PURE__ */ e(
-    _,
+  }, k = _(() => () => /* @__PURE__ */ e(z, { size: o, src: /* @__PURE__ */ e(y, {}) }), [o]), S = t ? [t.start, t.end] : [null, null];
+  return R ? /* @__PURE__ */ e(
+    v,
     {
       className: i.skeleton,
       variant: "rounded",
       ownerState: { size: o },
-      ...process.env.NODE_ENV !== "production" ? { [m]: s } : {}
+      ...process.env.NODE_ENV !== "production" ? { [c]: s } : {}
     }
   ) : /* @__PURE__ */ e(
-    v,
+    I,
     {
-      className: h(d, i.root),
-      ownerState: u,
-      ref: c,
-      ...process.env.NODE_ENV !== "production" ? { [m]: s } : {},
+      className: O(d, i.root),
+      ownerState: P,
+      ref: m,
+      ...process.env.NODE_ENV !== "production" ? { [c]: s } : {},
       children: /* @__PURE__ */ e(
-        O,
+        T,
         {
-          value: g,
-          onChange: R,
+          ...u,
+          value: S,
+          onChange: g,
           disabled: l,
           readOnly: f,
           format: p || D,
-          caretAs: S
+          caretAs: k
         }
       )
     }
   );
 });
-z.displayName = "DateRangePicker";
+A.displayName = "DateRangePicker";
 export {
-  z as DateRangePicker
+  A as DateRangePicker
 };

package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.d.ts

@@ -1,7 +1,7 @@
 export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').ImageFormatterOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ImageStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../Image').ImageProps, keyof import('../../../Image').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const ImageStyled: import('@emotion/styled').StyledComponent<Pick<import('../../..').ImageProps, keyof import('../../..').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').ImageFormatterOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 export declare const TextImageStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "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" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "htmlFor" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {

package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RHFAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/hook-form/RHFAutocomplete/RHFAutocomplete.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,CAAC,EACD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,KAAK,EAAE,oBAAoB,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,CAAC,oDAsJrE"}
+{"version":3,"file":"RHFAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/hook-form/RHFAutocomplete/RHFAutocomplete.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,CAAC,EACD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,KAAK,EAAE,oBAAoB,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,CAAC,oDAoJrE"}

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

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as P, Fragment as T } from "@emotion/react/jsx-runtime";
-import { useId as D, useState as S, useCallback as p, useEffect as G } from "react";
-import { useFormContext as J, Controller as K } from "react-hook-form";
-import { HelperError as Q } from "../../HelperError/HelperError.js";
-import { Autocomplete as U } from "../../extended/mui/Autocomplete/Autocomplete.js";
-import { AutocompleteRootStyled as W, LabelStyled as X } from "./slots/RHFAutocompleteSlots.js";
-import { rhfAutocompleteClasses as Y } from "./constants.js";
-import Z from "clsx";
-function me(F) {
+import { jsx as t, jsxs as B, Fragment as P } from "@emotion/react/jsx-runtime";
+import { useId as T, useState as S, useCallback as p, useEffect as D } from "react";
+import { useFormContext as G, Controller as J } from "react-hook-form";
+import { HelperError as K } from "../../HelperError/HelperError.js";
+import { Autocomplete as Q } from "../../extended/mui/Autocomplete/Autocomplete.js";
+import { AutocompleteRootStyled as U, LabelStyled as W } from "./slots/RHFAutocompleteSlots.js";
+import { rhfAutocompleteClasses as X } from "./constants.js";
+import Y from "clsx";
+function ae(F) {
   const {
     name: b,
     getOptionLabel: n,
@@ -19,20 +19,19 @@ function me(F) {
     loading: L,
     helperMessage: x,
     size: a,
-    placeholder: y,
     onChangeFilterParmsLocal: d,
-    mandatory: E,
-    mandatoryMessage: R,
-    multiple: w,
-    refresh: H,
-    startAdornment: I,
-    getOptionStartAdornment: V,
-    getOptionEndAdornment: j,
-    className: M
+    mandatory: y,
+    mandatoryMessage: E,
+    multiple: R,
+    refresh: w,
+    startAdornment: H,
+    getOptionStartAdornment: I,
+    getOptionEndAdornment: V,
+    className: j
     // onChange: onChangeRHF,
-  } = F, u = D(), [g, h] = S(!1), N = p((o, e) => {
+  } = F, u = T(), [g, h] = S(!1), M = p((o, e) => {
     h(!1), s && s(o, e);
-  }, [s]), _ = p(
+  }, [s]), N = p(
     (o) => {
       h((e) => !e), l && l(o);
     },
@@ -41,69 +40,68 @@ function me(F) {
     (o) => o == null ? "" : n(o),
     [n]
   ), {
-    control: k
-  } = J(), m = {
+    control: _
+  } = G(), m = {
     disabled: r
   };
   return /* @__PURE__ */ t(
-    W,
+    U,
     {
-      className: Z(M, Y.autocompleteRoot),
+      className: Y(j, X.autocompleteRoot),
       ownerState: { ...m },
       size: a,
       children: /* @__PURE__ */ t(
-        K,
+        J,
         {
           name: b,
-          control: k,
-          render: ({ field: { onChange: o, value: e }, fieldState: { error: i }, formState: { isSubmitting: q } }) => {
-            const [O, z] = S(
+          control: _,
+          render: ({ field: { onChange: o, value: e }, fieldState: { error: i }, formState: { isSubmitting: k } }) => {
+            const [O, q] = S(
               C(e)
             );
-            return G(() => {
-              !g && e === null && O !== "" && z(""), !g && e !== null && f.length === 0 && d?.(C(e), "reset");
-            }, [e, O]), /* @__PURE__ */ P(T, { children: [
+            return D(() => {
+              !g && e === null && O !== "" && q(""), !g && e !== null && f.length === 0 && d?.(C(e), "reset");
+            }, [e, O]), /* @__PURE__ */ B(P, { children: [
               c && /* @__PURE__ */ t(
-                X,
+                W,
                 {
                   ownerState: { ...m },
                   label: c,
                   htmlFor: u,
                   size: a,
-                  mandatory: E,
-                  mandatoryMessage: R,
+                  mandatory: y,
+                  mandatoryMessage: E,
                   helperMessage: x,
                   disabled: r
                 }
               ),
               /* @__PURE__ */ t(
-                U,
+                Q,
                 {
                   ...m,
                   error: !!i,
                   options: f,
                   getOptionLabel: n,
                   isOptionEqualToValue: A,
-                  multiple: w,
-                  onChange: ($, B, v) => {
-                    o(B);
+                  multiple: R,
+                  onChange: (Z, z, $) => {
+                    o(z);
                   },
                   onChangeFilterParmsLocal: d,
-                  refresh: H,
-                  disabled: r || q,
+                  refresh: w,
+                  disabled: r || k,
                   loading: L,
-                  onOpen: _,
-                  onClose: N,
+                  onOpen: N,
+                  onClose: M,
                   size: a,
                   value: e,
                   htmlFor: u,
-                  placeholder: y,
-                  startAdornment: I,
-                  getOptionStartAdornment: V,
-                  getOptionEndAdornment: j
+                  startAdornment: H,
+                  getOptionStartAdornment: I,
+                  getOptionEndAdornment: V
                 }
               ),
-              i?.message ? /* @__PURE__ */ t(Q, { message: i?.message }) : null
+              i?.message ? /* @__PURE__ */ t(K, { message: i?.message }) : null
             ] });
           }
         }
@@ -112,5 +110,5 @@ function me(F) {
   );
 }
 export {
-  me as RHFAutocomplete
+  ae as RHFAutocomplete
 };

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

@@ -13,7 +13,7 @@ export declare const DatePickerStyled: import('@emotion/styled').StyledComponent
 /**
  * Componente estilizado de TextField de MUI como slot del componente.
  */
-export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/TextField/types').TextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "title" | "component" | "error" | "size" | "variant" | "content" | "translate" | "margin" | "className" | "style" | "classes" | "children" | "sx" | "label" | "slot" | "select" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "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" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "value" | "disabled" | "dataTestId" | "type" | keyof import('react').RefAttributes<HTMLDivElement> | "placeholder" | "maxRows" | "fullWidth" | "autoComplete" | "required" | "maxLength" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../extended/mui/TextField/types').TextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "title" | "component" | "error" | "size" | "variant" | "content" | "translate" | "margin" | "className" | "style" | "classes" | "children" | "sx" | "label" | "slot" | "select" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "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" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "value" | "disabled" | "dataTestId" | "type" | keyof import('react').RefAttributes<HTMLDivElement> | "placeholder" | "maxRows" | "fullWidth" | "required" | "maxLength" | "autoComplete" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').RHFDatePickerOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 /**

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

@@ -1,5 +1,5 @@
 export declare const RHFPeriodRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').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').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').Theme> & Record<string, unknown>, {}, {}>;
-export declare const SelectStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../..').SelectProps<string | number, boolean | undefined>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "onClose" | "title" | "error" | "size" | "variant" | "content" | "translate" | "margin" | "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "input" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "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" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "value" | "components" | "componentsProps" | "onOpen" | "open" | "options" | "disabled" | "dataTestId" | "type" | keyof import('react').RefAttributes<HTMLDivElement> | "multiple" | "placeholder" | "maxRows" | "fullWidth" | "autoComplete" | "required" | "readOnly" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "renderSuffix" | "startAdornment" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
+export declare const SelectStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../..').SelectProps<string | number, boolean | undefined>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "onClose" | "title" | "error" | "size" | "variant" | "content" | "translate" | "margin" | "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "input" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "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" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "value" | "components" | "componentsProps" | "onOpen" | "open" | "options" | "disabled" | "dataTestId" | "type" | keyof import('react').RefAttributes<HTMLDivElement> | "multiple" | "placeholder" | "maxRows" | "fullWidth" | "required" | "autoComplete" | "readOnly" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "renderSuffix" | "startAdornment" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
 //# sourceMappingURL=RHFPeriodSlots.d.ts.map

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

@@ -1,7 +1,7 @@
 import { RHFRadioGroupProps } from './types';
 /**
- * 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.
+ * RHFRadioGroup: Component that allows selecting one option from a group.
+ * By default uses the M4L Radio component (MUI-based); a custom control can be passed.
  */
-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("@emotion/react/jsx-runtime").JSX.Element;
+export declare function RHFRadioGroup<TOption>({ id, name, options, getOptionLabel, getOptionValue, getOptionStartAdornment, label, mandatory, mandatoryMessage, helperMessage, size, dataTestId, labelSkeletonWidth, helperErrorSkeletonWidth, disabled, className, ControlOption, rowColumns, ...other }: RHFRadioGroupProps<TOption>): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RHFRadioGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RHFRadioGroup.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/hook-form/RHFRadioGroup/RHFRadioGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAa7C;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,EACrC,EAAE,EACF,IAAI,EACJ,OAAO,EACP,cAAc,EACd,cAAc,EACd,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,wBAAwB,EACxB,QAAQ,EACR,SAAS,EACT,aAAqB,EACrB,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,OAAO,CAAC,oDA6D7B"}
+{"version":3,"file":"RHFRadioGroup.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/hook-form/RHFRadioGroup/RHFRadioGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAqB7C;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,EACrC,EAAE,EACF,IAAI,EACJ,OAAO,EACP,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,wBAAwB,EACxB,QAAQ,EACR,SAAS,EACT,aAAqB,EACrB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,OAAO,CAAC,oDAiH7B"}

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

@@ -1,78 +1,130 @@
-import { jsx as o, jsxs as P, Fragment as g } from "@emotion/react/jsx-runtime";
-import { useFormContext as k, Controller as z } from "react-hook-form";
-import { HelperError as A } from "../../HelperError/HelperError.js";
-import { Radio as D } from "../../extended/mui/Radio/Radio.js";
-import { RootStyled as L, RadioGroupStyled as N } from "./slots/styled.js";
-import { useId as T } from "react";
-import { useComponentSize as b } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { Label as j } from "../../Label/Label.js";
-import { RHFRADIO_GROUP_KEY_COMPONENT as y, RHFRADIO_GROUP_CLASSES as U } from "./constants.js";
-import W from "clsx";
-import { getPropDataTestId as B } from "../../../test/getNameDataTestId.js";
-import { RHFRadioGroupSlots as K } from "./slots/slots.js";
-function to({
-  id: p,
-  name: s,
-  options: d,
-  getOptionLabel: a,
-  getOptionValue: c,
-  label: e,
-  mandatory: f,
-  mandatoryMessage: u,
-  helperMessage: R,
-  size: S,
-  dataTestId: h,
-  labelSkeletonWidth: F,
-  helperErrorSkeletonWidth: M,
-  disabled: x,
-  className: G,
-  ControlOption: I = D,
-  ...O
+import { jsx as o, jsxs as F, Fragment as D } from "@emotion/react/jsx-runtime";
+import { useFormContext as N, Controller as T } from "react-hook-form";
+import { useId as W } from "react";
+import { HelperError as $ } from "../../HelperError/HelperError.js";
+import { Radio as j } from "../../extended/mui/Radio/Radio.js";
+import { RootStyled as U, RadioGroupStyled as B, OptionWrapperStyled as y, OptionControlStyled as K, OptionStartAdornmentStyled as M, OptionLabelStyled as V } from "./slots/styled.js";
+import { useComponentSize as Y } from "../../../hooks/useComponentSize/useComponentSize.js";
+import { Label as q } from "../../Label/Label.js";
+import { RenderOptionStartAdornment as J } from "./subcomponents/RenderOptionStartAdornment/RenderOptionStartAdornment.js";
+import { RHFRADIO_GROUP_KEY_COMPONENT as Q, RHFRADIO_GROUP_CLASSES as X } from "./constants.js";
+import Z from "clsx";
+import { getPropDataTestId as oo } from "../../../test/getNameDataTestId.js";
+import { getOptionLabelColor as ro } from "../../../utils/getOptionLabelColor.js";
+import { RHFRadioGroupSlots as to } from "./slots/slots.js";
+function Fo({
+  id: A,
+  name: C,
+  options: s,
+  getOptionLabel: I,
+  getOptionValue: x,
+  getOptionStartAdornment: p,
+  label: a,
+  mandatory: G,
+  mandatoryMessage: b,
+  helperMessage: k,
+  size: z,
+  dataTestId: E,
+  labelSkeletonWidth: H,
+  helperErrorSkeletonWidth: eo,
+  disabled: S,
+  className: L,
+  ControlOption: f = j,
+  rowColumns: P,
+  ..._
 }) {
-  const C = T(), m = p || C, { currentSize: E } = b(S), { control: H } = k();
-  return /* @__PURE__ */ o(L, { className: W(U.root, G), children: /* @__PURE__ */ o(
-    z,
+  const g = W(), n = A || g, { currentSize: i } = Y(z), { control: v } = N(), h = s.some((e) => {
+    const r = p?.(e);
+    return r != null;
+  });
+  return /* @__PURE__ */ o(
+    U,
     {
-      name: s,
-      control: H,
-      render: ({ field: { onChange: i, value: n }, fieldState: { error: r } }) => /* @__PURE__ */ P(g, { children: [
-        e && /* @__PURE__ */ o(
-          j,
-          {
-            id: `${m}-label`,
-            htmlFor: m,
-            label: e,
-            mandatory: f,
-            mandatoryMessage: u,
-            helperMessage: R,
-            size: E,
-            skeletonWidth: F,
-            error: !!r,
-            disabled: x
-          }
-        ),
-        /* @__PURE__ */ o(
-          N,
-          {
-            onChange: i,
-            value: n,
-            ...O,
-            ...B(
-              y,
-              K.radioGroup,
-              h
+      ownerState: { hasStartAdornment: h },
+      className: Z(X.root, L),
+      children: /* @__PURE__ */ o(
+        T,
+        {
+          name: C,
+          control: v,
+          render: ({ field: { onChange: e, value: r }, fieldState: { error: m } }) => /* @__PURE__ */ F(D, { children: [
+            a && /* @__PURE__ */ o(
+              q,
+              {
+                id: `${n}-label`,
+                htmlFor: n,
+                label: a,
+                mandatory: G,
+                mandatoryMessage: b,
+                helperMessage: k,
+                size: i,
+                skeletonWidth: H,
+                error: !!m,
+                disabled: S
+              }
             ),
-            children: d.map((l) => {
-              const t = c(l), _ = a(l);
-              return /* @__PURE__ */ o(I, { checked: n === t, onChange: i, value: t, inlineText: _ }, t);
-            })
-          }
-        ),
-        r && /* @__PURE__ */ o(A, { message: r.message || "" })
-      ] })
+            /* @__PURE__ */ o(
+              B,
+              {
+                ownerState: { hasStartAdornment: h, rowColumns: P },
+                onChange: e,
+                value: r,
+                ..._,
+                ...oo(
+                  Q,
+                  to.radioGroup,
+                  E
+                ),
+                children: s.map((l) => {
+                  const t = x(l), u = I(l), d = p?.(l), w = d != null, R = `${n}-option-${String(t)}`, c = r === t, O = {
+                    checked: c,
+                    onChange: e,
+                    value: t
+                  };
+                  return w ? /* @__PURE__ */ F(y, { children: [
+                    /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(
+                      f,
+                      {
+                        id: R,
+                        ...O
+                      }
+                    ) }),
+                    /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
+                      J,
+                      {
+                        adornment: d,
+                        size: i
+                      }
+                    ) }),
+                    /* @__PURE__ */ o(
+                      V,
+                      {
+                        component: "label",
+                        htmlFor: R,
+                        variant: "body",
+                        size: i,
+                        color: ro(c, S),
+                        ownerState: { checked: c },
+                        children: u
+                      }
+                    )
+                  ] }, t) : /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(
+                    f,
+                    {
+                      ...O,
+                      inlineText: u
+                    }
+                  ) }, t);
+                })
+              }
+            ),
+            m && /* @__PURE__ */ o($, { message: m.message || "" })
+          ] })
+        }
+      )
     }
-  ) });
+  );
 }
 export {
-  to as RHFRadioGroup
+  Fo as RHFRadioGroup
 };

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

@@ -1,6 +1,6 @@
 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.
+ * Styles for the RHFRadioGroup component. Defines styles for each part: root, label, radio group, option wrapper, adornments, and control.
  */
 export declare const rhfRadioGroupStyles: RHFRadioGroupStyles;
 //# sourceMappingURL=RHFRadioGroup.styles.d.ts.map