@m4l/components 9.3.35-BE20251128-beta.1 → 9.3.35-BE20251129-beta.1

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

@@ -0,0 +1,50 @@
+import { RadioProps as MUIRadioProps, Theme } from '@mui/material';
+import { RadioButtonSlots } from './slots/RadioButtonEnum';
+import { ComponentPalletColor, Sizes } from '@m4l/styles';
+import { M4LOverridesStyleRules } from '../../../@types/augmentations';
+import { RADIO_BUTTON_KEY_COMPONENT } from './constants';
+import { LabelProps } from '../../Label/types';
+export interface RadioButtonProps extends MUIRadioProps, Omit<LabelProps, 'label' | 'size'> {
+    /**
+     * El texto que se muestra junto al radio button
+     */
+    inlineText?: string;
+    /**
+     * Tamaño
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Color
+     */
+    color?: Extract<ComponentPalletColor, 'default'>;
+}
+export interface RadioButtonOwnerState {
+    /**
+     * Indica si el RadioButton está marcado.
+     */
+    checked?: boolean;
+    /**
+     * Indica si el RadioButton está deshabilitado.
+     */
+    disabled?: boolean;
+    /**
+     * El tamaño del RadioButton.
+     */
+    size: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * El color del RadioButton.
+     */
+    color: Extract<ComponentPalletColor, 'default'>;
+    /**
+     * Indica si hay un error en el RadioButton.
+     */
+    error?: boolean;
+}
+/**
+ * Tipos de slots de RadioButton
+ */
+export type RadioButtonSlotsType = keyof typeof RadioButtonSlots;
+/**
+ * Estilos del RadioButton
+ */
+export type RadioButtonStyles = M4LOverridesStyleRules<RadioButtonSlotsType, typeof RADIO_BUTTON_KEY_COMPONENT, Theme>;

package/components/mui_extended/Select/Select.js

@@ -8,6 +8,7 @@ import { A as ArrowDownStyled, a as AdormentStyled, S as SelectRootStyled, b as
 import { I as ICON_ARROW_DOWN, S as SELECT_CLASSES, a as SELECT_KEY_COMPONENT } from "./constants.js";
 import { S as SELECT_DICTIONARY } from "./dictionary.js";
 import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { s as selectStyles } from "./Select.styles.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 import { C as Chip } from "../../Chip/Chip.js";
 import { S as SelectSlots } from "./slots/SelectEnum.js";
@@ -215,24 +216,7 @@ const Select = forwardRef(
             horizontal: "left"
           },
           sx: {
-            "& .MuiPaper-root": {
-              padding: theme.vars.size.baseSpacings.sp1,
-              maxHeight: "200px",
-              overflow: "auto",
-              minWidth: `${(selectRef?.current?.offsetWidth ?? 0) + 1}px!important`,
-              // +1 para incluir el border del contenedor root.
-              "& .MuiList-root": {
-                padding: 0,
-                display: "grid",
-                gridTemplateColumns: "auto",
-                gap: theme.vars.size.baseSpacings.sp1,
-                width: "fit-content!important",
-                minWidth: "100%",
-                "& .MuiMenuItem-root": {
-                  width: "100%"
-                }
-              }
-            }
+            ...typeof selectStyles?.menuPaper === "function" ? selectStyles.menuPaper({ theme, selectRef }) : {}
           }
         },
         children: options.length > 0 ? options.map(

package/components/mui_extended/Select/Select.styles.js

@@ -125,7 +125,6 @@ const selectStyles = {
    * Styles for the render value typography
    */
   renderValueTypography: ({ ownerState }) => ({
-    lineHeight: "inherit!important",
     cursor: ownerState?.readOnly || ownerState?.disabled ? "default" : "pointer"
   }),
   // chip: () => ({
@@ -167,6 +166,39 @@ const selectStyles = {
       }
     }
   },
+  /**
+   * Styles for the menu paper component
+   * @param {object} theme - The theme object
+   * @returns {object} The styles for the menu paper component
+   */
+  menuPaper: ({ theme, selectRef }) => ({
+    "&": {
+      "& .MuiPaper-root": {
+        backgroundColor: theme.vars.palette.background.default,
+        marginTop: theme.vars.size.baseSpacings.sp1,
+        padding: theme.vars.size.baseSpacings.sp3,
+        boxShadow: theme.vars.customShadows.z4,
+        maxHeight: "200px",
+        overflow: "auto",
+        minWidth: `${(selectRef?.current?.offsetWidth ?? 0) + 1}px!important`,
+        // +1 para incluir el border del contenedor root.
+        "& .MuiList-root": {
+          padding: 0,
+          display: "grid",
+          gridTemplateColumns: "auto",
+          gap: theme.vars.size.baseSpacings.sp1,
+          width: "fit-content!important",
+          minWidth: "100%",
+          "& .MuiMenuItem-root": {
+            width: "100%"
+          }
+        }
+      }
+      // Estilos personalizados para el menú paper
+      // El parámetro theme está disponible para uso futuro
+      // Ejemplo: backgroundColor: _theme.vars.palette.background.paper,
+    }
+  }),
   /**
    * Estilos del menuItem que no tiene opciones
    * @param {object} theme - The theme object

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

@@ -24,8 +24,9 @@ export declare const COMBINATED_TEXTFIELD_ENUMS: {
     renderValueTypography: SelectSlots.renderValueTypography;
     labelOption: SelectSlots.labelOption;
     labelPlaceholer: SelectSlots.labelPlaceholer;
+    menuPaper: SelectSlots.menuPaper;
 };
 /**
  * Inventario de clases CSS para el componente Select
  */
-export declare const SELECT_CLASSES: Record<"text" | "menuItem" | "outlined" | "root" | "adorment" | "menuItemNoOptions" | "renderValueContainer" | "arrowDown" | "renderValueTypography" | "labelOption" | "labelPlaceholer" | "skeletonSelect", string>;
+export declare const SELECT_CLASSES: Record<"text" | "menuItem" | "outlined" | "root" | "adorment" | "menuItemNoOptions" | "renderValueContainer" | "arrowDown" | "renderValueTypography" | "labelOption" | "labelPlaceholer" | "menuPaper" | "skeletonSelect", string>;

package/components/mui_extended/Select/slots/SelectEnum.d.ts

@@ -8,7 +8,8 @@ export declare enum SelectSlots {
     arrowDown = "arrowDown",
     renderValueTypography = "renderValueTypography",
     labelOption = "labelOption",
-    labelPlaceholer = "labelPlaceholer"
+    labelPlaceholer = "labelPlaceholer",
+    menuPaper = "menuPaper"
 }
 export declare enum SelectComplementaryClasses {
     outlined = "outlined",

package/components/mui_extended/Select/slots/SelectEnum.js

@@ -9,6 +9,7 @@ var SelectSlots = /* @__PURE__ */ ((SelectSlots2) => {
   SelectSlots2["renderValueTypography"] = "renderValueTypography";
   SelectSlots2["labelOption"] = "labelOption";
   SelectSlots2["labelPlaceholer"] = "labelPlaceholer";
+  SelectSlots2["menuPaper"] = "menuPaper";
   return SelectSlots2;
 })(SelectSlots || {});
 var SelectComplementaryClasses = /* @__PURE__ */ ((SelectComplementaryClasses2) => {

package/components/mui_extended/TextField/TextField.styles.js

@@ -122,7 +122,8 @@ const textFieldStyles = {
           "body"
         ),
         "&::placeholder": {
-          color: `${theme.vars.palette.text.disabled}`
+          color: `${theme.vars.palette.text.disabled}`,
+          opacity: 1
         },
         "&:focus": {
           "&::placeholder": {

package/components/mui_extended/Tooltip/Tooltip.styles.js

@@ -23,21 +23,39 @@ const tooltipStyles = {
     padding: theme.vars.size.baseSpacings.sp2,
     borderRadius: theme.vars.size.borderRadius.r1,
     boxShadow: theme.vars.customShadows.z3,
-    "&.MuiTooltip-tooltipPlacementLeft .MuiTooltip-arrow": {
-      marginRight: "-0.6em"
+    minWidth: theme.vars.size.baseSpacings.sp6,
+    minHeight: theme.vars.size.baseSpacings.sp3,
+    "&.MuiTooltip-tooltipPlacementRight .MuiTooltip-arrow": {
+      left: "-6px"
     },
     "&.MuiTooltip-tooltipPlacementTop .MuiTooltip-arrow": {
-      marginBottom: "-0.6em"
+      bottom: "-6px"
+    },
+    "&.MuiTooltip-tooltipPlacementBottom .MuiTooltip-arrow": {
+      top: "-6px"
+    },
+    "&.MuiTooltip-tooltipPlacementLeft .MuiTooltip-arrow": {
+      right: "-6px"
     },
     "&&& .MuiTooltip-arrow": {
+      transformOrigin: "unset",
       overflow: "visible",
+      zIndex: -1,
+      width: "16px",
+      height: "16px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      margin: "unset",
       "&::before": {
+        transformOrigin: "unset",
         backgroundColor: theme.vars.palette.background.contrastDefault,
         borderRadius: theme.vars.size.borderRadius["r1"],
         width: theme.vars.size.baseSpacings.sp3,
         height: theme.vars.size.baseSpacings.sp3,
         border: "unset",
-        margin: "unset"
+        margin: "unset",
+        transform: "rotate(45deg)"
       }
     }
   })

package/components/mui_extended/index.d.ts

@@ -8,6 +8,7 @@ export { Breadcrumbs } from './Breadcrumbs';
 export type { TLink } from './Breadcrumbs/types';
 export * from './Button/Button';
 export * from './CheckBox';
+export * from './RadioButton';
 export { CircularProgress } from './CircularProgress';
 export { Badge } from './Badge';
 export * from './ImageButton/ImageButton';

package/index.js

@@ -1,34 +1,35 @@
 import { c } from "./components/ToastContainer/helpers/toaster.js";
 import { A } from "./components/AccountPopover/AccountPopover.js";
 import { g } from "./components/AccountPopover/dictionary.js";
+import { A as A2 } from "./components/ActionsGroup/ActionsGroup.js";
 import { I } from "./components/animate/IconButtonAnimate/index.js";
 import { M } from "./components/animate/MotionContainer/index.js";
 import { M as M2 } from "./components/animate/MotionLazyContainer/index.js";
 import { L } from "./components/animate/LoadingScreen/index.js";
-import { A as A2 } from "./components/animate/AnimatedScroll/animatedScroll.js";
+import { A as A3 } from "./components/animate/AnimatedScroll/animatedScroll.js";
 import { v } from "./components/animate/variants/fade.js";
 import { v as v2 } from "./components/animate/variants/bounce.js";
 import { v as v3 } from "./components/animate/variants/container.js";
 import { a, v as v4, b } from "./components/animate/variants/transition.js";
-import { A as A3 } from "./components/AppBar/AppBar.js";
+import { A as A4 } from "./components/AppBar/AppBar.js";
 import { g as g2 } from "./components/AppBar/dictionary.js";
-import { A as A4 } from "./components/areas/components/AreasAdmin/AreasAdmin.js";
-import { A as A5 } from "./components/areas/components/AreasViewer/AreasViewer.js";
-import { a as a2, A as A6 } from "./components/areas/contexts/AreasContext/index.js";
+import { A as A5 } from "./components/areas/components/AreasAdmin/AreasAdmin.js";
+import { A as A6 } from "./components/areas/components/AreasViewer/AreasViewer.js";
+import { a as a2, A as A7 } from "./components/areas/contexts/AreasContext/index.js";
 import { u } from "./components/areas/hooks/useAreas/index.js";
-import { A as A7, a as a3, L as L2, b as b2, g as g3 } from "./components/areas/dictionary.js";
+import { A as A8, a as a3, L as L2, b as b2, g as g3 } from "./components/areas/dictionary.js";
 import { B } from "./components/BaseModule/BaseModule.js";
 import { C } from "./components/Card/Card.js";
 import { C as C2 } from "./components/Chip/Chip.js";
-import { A as A8 } from "./components/commercial/AppBarCommercial/index.js";
+import { A as A9 } from "./components/commercial/AppBarCommercial/index.js";
 import { H } from "./components/commercial/HamburgerMenu/HamburgerMenu.js";
 import { T } from "./components/commercial/TopBar/TopBar.js";
 import { S } from "./components/commercial/SectionCommercial/index.js";
-import { A as A9 } from "./components/CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { A as A10 } from "./components/CommonActions/components/ActionCancel/ActionCancel.js";
-import { A as A11 } from "./components/CommonActions/components/ActionIntro/ActionIntro.js";
-import { A as A12 } from "./components/CommonActions/components/ActionFormCancel/ActionFormCancel.js";
-import { A as A13 } from "./components/CommonActions/components/ActionFormIntro/ActionFormIntro.js";
+import { A as A10 } from "./components/CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { A as A11 } from "./components/CommonActions/components/ActionCancel/ActionCancel.js";
+import { A as A12 } from "./components/CommonActions/components/ActionIntro/ActionIntro.js";
+import { A as A13 } from "./components/CommonActions/components/ActionFormCancel/ActionFormCancel.js";
+import { A as A14 } from "./components/CommonActions/components/ActionFormIntro/ActionFormIntro.js";
 import { D, d, g as g4 } from "./components/CommonActions/dictionary.js";
 import { C as C3 } from "./components/ContainerFlow/ContainerFlow.js";
 import { D as D2 } from "./components/DataGrid/DataGrid.js";
@@ -82,7 +83,7 @@ import { P } from "./components/extended/React-Spinners/PropagateLoaderSpinner/P
 import { F } from "./components/extended/React-Window/FixedSizeList/FixedSizeList.js";
 import { V } from "./components/extended/React-Window/VariableSizeList/VariableSizeList.js";
 import { R as R3 } from "./components/extended/React-Json-Viewer/ReactJsonViewer.js";
-import { A as A14 } from "./components/mui_extended/Avatar/Avatar.js";
+import { A as A15 } from "./components/mui_extended/Avatar/Avatar.js";
 import { B as B2 } from "./components/mui_extended/BoxIcon/index.js";
 import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.js";
 import { C as C18 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
@@ -91,11 +92,12 @@ import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L5 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
 import { g as g11 } from "./components/Pager/dicctionary.js";
-import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
+import { A as A16 } from "./components/mui_extended/Accordion/Accordion.js";
 import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B5 } from "./components/mui_extended/Button/Button.js";
 import { C as C19 } from "./components/mui_extended/CheckBox/CheckBox.js";
+import { R as R4 } from "./components/mui_extended/RadioButton/RadioButton.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
 import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
 import { S as S4 } from "./components/mui_extended/Select/Select.js";
@@ -136,37 +138,38 @@ import { u as u17 } from "./components/formatters/DistanceToNowFormatter/hooks/u
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { F as F2 } from "./components/FormContainer/FormContainer.js";
 import { G } from "./components/GridLayout/GridLayout.js";
-import { R as R4 } from "./components/GridLayout/subcomponents/Responsive/index.js";
+import { R as R5 } from "./components/GridLayout/subcomponents/Responsive/index.js";
 import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
 import { H as H2 } from "./components/HelmetPage/index.js";
 import { H as H3 } from "./components/HelperError/HelperError.js";
-import { R as R5 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
+import { R as R6 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import { g as g19 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
-import { R as R6 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
+import { R as R7 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
 import { g as g20 } from "./components/hook-form/RHFAutocompleteAsync/dictionary.js";
-import { R as R7 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
-import { R as R8 } from "./components/hook-form/RHFMultiCheckbox/index.js";
-import { R as R9 } from "./components/hook-form/RHFSelect/RHFSelect.js";
-import { R as R10 } from "./components/hook-form/RHFHelperError/index.js";
-import { R as R11 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
-import { R as R12 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
-import { R as R13 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
-import { R as R14 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
-import { R as R15 } from "./components/hook-form/RHFTextField/RHFTextField.js";
-import { R as R16 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
+import { R as R8 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
+import { R as R9 } from "./components/hook-form/RHFMultiCheckbox/index.js";
+import { R as R10 } from "./components/hook-form/RHFSelect/RHFSelect.js";
+import { R as R11 } from "./components/hook-form/RHFHelperError/index.js";
+import { R as R12 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
+import { R as R13 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
+import { R as R14 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
+import { R as R15 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
+import { R as R16 } from "./components/hook-form/RHFTextField/RHFTextField.js";
+import { R as R17 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
 import { g as g21 } from "./components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js";
 import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
-import { R as R17 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
-import { R as R18 } from "./components/hook-form/RHFPeriod/constants.js";
-import { R as R19 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
-import { N as N3, P as P6, R as R20, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
-import { R as R21 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
-import { R as R22 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
+import { R as R18 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
+import { R as R19 } from "./components/hook-form/RHFPeriod/constants.js";
+import { R as R20 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
+import { N as N3, P as P6, R as R21, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { R as R22 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
+import { R as R23 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { V as V2, b as b4, a as a9 } from "./components/hook-form/RHFormProvider/types.js";
-import { F as F3, R as R23, u as u18 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
+import { F as F3, R as R24, u as u18 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
 import { d as d4, a as a10, b as b5, c as c3 } from "./components/hook-form/RHFormProvider/schema.js";
+import { R as R25 } from "./components/hook-form/RHFActionsGroup/RHFActionsGroup.js";
 import { I as I5 } from "./components/Icon/Icon.js";
 import { I as I6 } from "./components/Image/Image.js";
 import { L as L6 } from "./components/Label/Label.js";
@@ -227,7 +230,7 @@ import { e as e2 } from "./components/Stepper/helpers/evaluateVisibilityStepCond
 import { g as g30 } from "./components/Stepper/dictionary.js";
 import { g as g31 } from "./components/hook-form/RHFormProvider/dictionary.js";
 import { u as u23 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
-import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
+import { A as A17 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a17, M as M10 } from "./contexts/ModalContext/index.js";
 import { u as u24 } from "./hooks/useFormAddEdit/useFormAddEdit.js";
 import { u as u25 } from "./hooks/useModal/index.js";
@@ -261,24 +264,25 @@ import { g as g40 } from "./utils/getNullGuard.js";
 import { c as c6, d as d5 } from "./utils/deepShallow.js";
 import { g as g41 } from "./helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js";
 export {
-  A7 as AREAS_DICCTIONARY,
+  A8 as AREAS_DICCTIONARY,
   a3 as AREAS_DICTIONARY_ID,
-  A15 as Accordion,
+  A16 as Accordion,
   A as AccountPopover,
-  A10 as ActionCancel,
-  A12 as ActionFormCancel,
-  A13 as ActionFormIntro,
-  A11 as ActionIntro,
-  A9 as ActionsContainer,
-  A2 as AnimatedScroll,
-  A3 as AppBar,
-  A8 as AppBarComercial,
-  A16 as AppearanceComponentProvider,
-  A4 as AreasAdmin,
+  A11 as ActionCancel,
+  A13 as ActionFormCancel,
+  A14 as ActionFormIntro,
+  A12 as ActionIntro,
+  A10 as ActionsContainer,
+  A2 as ActionsGroup,
+  A3 as AnimatedScroll,
+  A4 as AppBar,
+  A9 as AppBarComercial,
+  A17 as AppearanceComponentProvider,
+  A5 as AreasAdmin,
   a2 as AreasContext,
-  A6 as AreasProvider,
-  A5 as AreasViewer,
-  A14 as Avatar,
+  A7 as AreasProvider,
+  A6 as AreasViewer,
+  A15 as Avatar,
   B4 as Badge,
   B as BaseModule,
   B6 as BooleanFormatter,
@@ -378,29 +382,31 @@ export {
   P11 as PrintingSystem,
   P as PropagateLoaderSpinner,
   P12 as PropertyValue,
-  R5 as RHFAutocomplete,
-  R6 as RHFAutocompleteAsync,
-  R14 as RHFCheckbox,
-  R13 as RHFColorPicker,
-  R7 as RHFDateTime,
-  R10 as RHFHelperError,
-  R8 as RHFMultiCheckbox,
-  R21 as RHFNumberInput,
-  R17 as RHFPeriod,
-  R20 as RHFPeriodRootStyled,
-  R19 as RHFPeriodSlots,
-  R11 as RHFRadioGroup,
-  R9 as RHFSelect,
-  R15 as RHFTextField,
-  R16 as RHFTextFieldPassword,
-  R22 as RHFUploadImage,
-  R12 as RHFUploadSingleFile,
-  R18 as RHF_PERIOD_KEY_COMPONENT,
-  R23 as RHFormProvider,
+  R25 as RHFActionsGroup,
+  R6 as RHFAutocomplete,
+  R7 as RHFAutocompleteAsync,
+  R15 as RHFCheckbox,
+  R14 as RHFColorPicker,
+  R8 as RHFDateTime,
+  R11 as RHFHelperError,
+  R9 as RHFMultiCheckbox,
+  R22 as RHFNumberInput,
+  R18 as RHFPeriod,
+  R21 as RHFPeriodRootStyled,
+  R20 as RHFPeriodSlots,
+  R12 as RHFRadioGroup,
+  R10 as RHFSelect,
+  R16 as RHFTextField,
+  R17 as RHFTextFieldPassword,
+  R23 as RHFUploadImage,
+  R13 as RHFUploadSingleFile,
+  R19 as RHF_PERIOD_KEY_COMPONENT,
+  R24 as RHFormProvider,
+  R4 as RadioButton,
   R3 as ReactJsonViewer,
   R as Resizable,
   R2 as ResizableBox,
-  R4 as Responsive,
+  R5 as Responsive,
   S21 as SKELETON_SVG_ICON,
   S8 as ScrollBar,
   S as SectionCommercial,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.35-BE20251128-beta.1",
+  "version": "9.3.35-BE20251129-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -11,8 +11,8 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "2.9.11",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "7.2.1-BE20251128-beta.1",
-    "@m4l/styles": "7.1.36-BE20251128-beta.1",
+    "@m4l/graphics": "7.2.1-BE20251129-beta.1",
+    "@m4l/styles": "7.1.36-BE20251129-beta.1",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",
     "@mui/x-date-pickers": "6.20.2",