@m4l/components 2.0.7 → 3.0.0

package/components/areas/contexts/AreasContext/helper.d.ts

@@ -1,6 +1,6 @@
 import { WritableDraft } from 'immer/dist/internal';
 import type { Area, AreasStateWithActions } from './types';
-import type { WindowState, WindowStateProps } from '../../types';
+import type { WindowState } from '../../types';
 export declare const PADDING_GRIDLAYOUT = 11;
 export declare const MARGIN_GRIDLAYOUT = 11;
 export declare const DEBOUCED_SAVE_TIME = 500;
@@ -43,7 +43,7 @@ export declare const RESPONSIVE_ROW_HEIGHTS: {
     lg: number;
 };
 import { Layouts } from '../../../GridLayout/types';
-export declare const DEFAULT_WINDOW: Pick<WindowState, 'status' | 'moduleActions' | 'cookies' | 'loading' | 'toasties' | 'toastyCount' | 'hashToasties'>;
+export declare const DEFAULT_WINDOW: Pick<WindowState, 'status' | 'moduleActions' | 'cookies' | 'loading'>;
 export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'viewMode'>;
 /**
  * @description Función de apoyo que crea un área de trabajo,
@@ -63,11 +63,8 @@ export declare const getCurrentArea: (state: WritableDraft<AreasStateWithActions
 export declare const getParmsFromValue: (key: string, data: []) => any;
 export declare function setColapsedLayoutBreakPoints(state: WritableDraft<Area>, layoutId: string, colapsed: boolean): void;
 export declare function deleteLayoutFromBreakPoints(state: WritableDraft<Area>, layoutId?: string): void;
-export declare function purgeToastsWindow(state: WritableDraft<AreasStateWithActions>, windowId: string): void;
-export declare function purgeToastsArea(state: WritableDraft<AreasStateWithActions>, areaId: string): void;
 export declare function getDataFromResponse(data: any, state: WritableDraft<AreasStateWithActions>, areaId: string): {
     newBreakPointsLayouts: Layouts;
     newHashLayoutItems: string[];
 };
 export declare function getCookiesContainer(data: any, containerId: string): Record<string, any>;
-export declare const verifyRemoveToasty: (state: WritableDraft<WindowStateProps>, toastyId: number, forceRemove?: boolean | undefined) => void;

package/components/areas/contexts/AreasContext/{index.1a5c5df1.js → index.9edd84c3.js}

@@ -6,13 +6,13 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.350ee032.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.cb60f940.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.d45bfcd2.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.b232384d.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.3d9ad0ad.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.dc0a1ce0.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.24857a52.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.2b9bc85c.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.dd291886.js";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;
 const DEBOUCED_SAVE_TIME = 500;
@@ -27,10 +27,7 @@ const DEFAULT_WINDOW = {
   status: "init",
   moduleActions: [],
   cookies: { moduleCookies: {}, windowCookies: {} },
-  loading: false,
-  toasties: [],
-  hashToasties: {},
-  toastyCount: 0
+  loading: false
 };
 const DEFAULT_AREA = {
   status: "init",
@@ -126,24 +123,6 @@ function deleteLayoutFromBreakPoints(state, layoutId) {
     }
   }
 }
-function purgeToastsWindow(state, windowId) {
-  const toasties = state?.hashWindows[windowId]?.toasties;
-  if (toasties) {
-    for (let index = 0; index < toasties.length; index++) {
-      const toast = toasties[index];
-      if (toast.timer) {
-        clearInterval(toast.timer);
-        toast.timer = void 0;
-      }
-    }
-  }
-}
-function purgeToastsArea(state, areaId) {
-  const area = state.hashAreas[areaId];
-  for (let index = 0; index < area.layoutItemsIds.length; index++) {
-    purgeToastsWindow(state, area.layoutItemsIds[index]);
-  }
-}
 function getDataFromResponse(data, state, areaId) {
   let newBreakPointsLayouts = getParmsFromValue(COOKIE_BREAKPOINT_LAYOUTS, data);
   const windows = getParmsFromValue(COOKIE_WINDOWS, data);
@@ -218,26 +197,6 @@ function getCookiesContainer(data, containerId) {
   }
   return cookies;
 }
-const verifyRemoveToasty = (state, toastyId, forceRemove) => {
-  const tfy = state.hashToasties[toastyId];
-  if (tfy) {
-    tfy.percentExecuted = (1 - (tfy.timeStart + tfy.timeoutMs - new Date().getTime()) / tfy.timeoutMs) * 100;
-    if (tfy.percentExecuted >= 100 || forceRemove) {
-      const tosties = state.toasties;
-      for (let i = 0; i < tosties.length; i++) {
-        const findToasty = tosties[i];
-        if (findToasty.id === toastyId) {
-          if (findToasty.timer) {
-            clearInterval(findToasty.timer);
-          }
-          state.toasties.splice(i, 1);
-          delete state.hashToasties[toastyId];
-          return;
-        }
-      }
-    }
-  }
-};
 const createAreasStore = (initProps) => {
   const startProps = {
     viwerClasses: useAreasViewerUtilityClasses(initProps.ownerState),
@@ -334,7 +293,6 @@ const createAreasStore = (initProps) => {
               if (!ha || state.areasIds.length < 2) {
                 return;
               }
-              purgeToastsArea(state, areaId);
               const removeIndex = state.areasIds.indexOf(areaId);
               if (removeIndex > -1) {
                 for (const key in state.hashWindows) {
@@ -483,7 +441,6 @@ const createAreasStore = (initProps) => {
                 area.layoutItemsIds.splice(removeIndex, 1);
               }
               deleteLayoutFromBreakPoints(area, removeLayoutId);
-              purgeToastsWindow(state, removeLayoutId);
               delete state.hashWindows[removeLayoutId];
             });
             get().areaActions.saveLayouts(areaId);
@@ -553,7 +510,6 @@ const createAreasStore = (initProps) => {
               if (removeIndex > -1) {
                 state.windowsModals.splice(removeIndex, 1);
               }
-              purgeToastsWindow(state, removeModalId);
               delete state.hashWindows[removeModalId];
               delete state.hashWindowsModals[removeModalId];
             });
@@ -889,80 +845,10 @@ const createAreasStore = (initProps) => {
               });
             }
           },
-          toast: (windowId, options) => {
-            const hW = get().hashWindows[windowId];
-            if (hW) {
-              if (options.replaceMeId) {
-                for (const key in hW.hashToasties) {
-                  const t = hW.hashToasties[key];
-                  if (options.replaceMeId === t.replaceMeId) {
-                    const toastyId = t.id;
-                    if (t.timer) {
-                      clearTimeout(t.timer);
-                    }
-                    set((state2) => {
-                      const hw2 = state2.hashWindows[windowId].hashToasties[toastyId];
-                      hw2.timeStart = new Date().getTime();
-                      hw2.percentExecuted = 0;
-                      hw2.timer = setInterval(() => {
-                        set((state3) => {
-                          verifyRemoveToasty(state3.hashWindows[windowId], toastyId);
-                        });
-                      }, 1e3);
-                    });
-                    return;
-                  }
-                }
-              }
-              set((state) => {
-                const timeoutMs = options.timeoutMs || 1e4;
-                state.hashWindows[windowId].toastyCount++;
-                const toastyId = state.hashWindows[windowId].toastyCount;
-                const newToasty = {
-                  id: state.hashWindows[windowId].toastyCount,
-                  ...options,
-                  timeoutMs,
-                  timeStart: new Date().getTime(),
-                  percentExecuted: 0,
-                  timer: setInterval(() => {
-                    set((stateRemoveToasty) => {
-                      verifyRemoveToasty(stateRemoveToasty.hashWindows[windowId], toastyId);
-                    });
-                  }, 1e3)
-                };
-                state.hashWindows[windowId].hashToasties[toastyId] = newToasty;
-                state.hashWindows[windowId].toasties.push(newToasty);
-              });
-            }
-          },
-          closeToast: (windowId, toastyId) => {
-            set((state) => {
-              verifyRemoveToasty(state.hashWindows[windowId], toastyId, true);
-            });
-          },
           setFnQueryClose: (windowId, fnQueryClose) => {
             set((state) => {
               state.hashWindows[windowId].fnQueryClose = fnQueryClose;
             });
-          },
-          pinToast: (windowId, toastyId) => {
-            set((state) => {
-              const t = state.hashWindows[windowId].hashToasties[toastyId];
-              if (t) {
-                if (t.timer) {
-                  clearInterval(t.timer);
-                  t.timer = void 0;
-                } else {
-                  t.timeStart = new Date().getTime();
-                  t.percentExecuted = 0;
-                  t.timer = setInterval(() => {
-                    set((state2) => {
-                      verifyRemoveToasty(state2.hashWindows[windowId], toastyId);
-                    });
-                  }, 1e3);
-                }
-              }
-            });
           }
         },
         areaAdminActions: {

package/components/areas/contexts/AreasContext/types.d.ts

@@ -1,6 +1,6 @@
 import { GetLabelType, NetworkProps } from '@m4l/core';
 import { ReactNode } from 'react';
-import { CookieType, HashWindowsByModals, ModalStateProps, AreaWindowAction, NewModalProps, NewLayoutMoveableProps, NewWindowProps, ToastyOptions, WinType, WindowStateProps, NewLayoutMagnetizableProps } from '../../types';
+import { CookieType, HashWindowsByModals, ModalStateProps, AreaWindowAction, NewModalProps, NewLayoutMoveableProps, NewWindowProps, WinType, WindowStateProps, NewLayoutMagnetizableProps } from '../../types';
 import { ViwerClasses } from '../../components/AreasViewer/classes';
 import { AdminClasses } from '../../components/AreasAdmin/classes';
 import { DebouncedFunc } from 'lodash';
@@ -204,9 +204,6 @@ export interface AreasStateWithActions extends AreasState {
         loadCookiesFromApi: (windowId: string) => void;
         saveModuleCookies: (windowId: string) => void;
         resetModuleCookies: (windowId: string) => void;
-        toast: (windowId: string, options: ToastyOptions) => void;
-        closeToast: (windowId: string, toastyId: number) => void;
-        pinToast: (windowId: string, toastyId: number) => void;
         setFnQueryClose: (windowId: string, fnQueryClose: () => void) => void;
     };
     areaAdminActions: {

package/components/areas/contexts/WindowToolsMFContext/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import type { CookieType, AreaWindowAction, ToastyOptions } from '../../types';
+import { Toaster } from '@m4l/core';
+import type { CookieType, AreaWindowAction } from '../../types';
 /**
  * Interfaz que define un conjunto de herramientas relacionadas con la ventana que pueden ser proporcionadas por el contexto WindowToolsMF.
  */
@@ -46,7 +47,7 @@ export interface WindowToolsMF {
      * Método para mostrar una notificación toast.
      * @param options Las opciones de configuración para la notificación toast.
      */
-    toast: (options: ToastyOptions) => void;
+    toast: Toaster;
     /**
      * Método para cerrar la ventana actual.
      */

package/components/areas/hooks/useAreas/{index.ba948f80.js → index.5a57ab76.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { b as AreasContext } from "../../contexts/AreasContext/index.1a5c5df1.js";
+import { b as AreasContext } from "../../contexts/AreasContext/index.9edd84c3.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/{icons.8266ccc8.js → icons.01fa3bcc.js}

@@ -16,8 +16,6 @@ const ICONS = {
   VERSION: "version.svg",
   SHOW_OPTIONS: "showMoreVertical.svg",
   CHEVRON_DOWN: "chevronDown.svg",
-  TOASTY_CLOSE: "close.svg",
-  TOASTY_PIN: "pin.svg",
   MODULE: "module.svg",
   POPUP: "popup.svg"
 };

package/components/areas/icons.d.ts

@@ -16,8 +16,6 @@ export declare const ICONS: {
     VERSION: string;
     SHOW_OPTIONS: string;
     CHEVRON_DOWN: string;
-    TOASTY_CLOSE: string;
-    TOASTY_PIN: string;
     MODULE: string;
     POPUP: string;
 };

package/components/areas/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
 export * from './contexts';
 export * from './hooks';
-export type { ToastyOptions, CookieType } from './types';
+export type { CookieType } from './types';
 export * from './dictionary';

package/components/areas/types.d.ts

@@ -67,36 +67,6 @@ export declare type Cookies = {
  * Tipo que representa el estado de la ventana: inicialización, carga, cargado o error.
  */
 export declare type WindowStatus = 'init' | 'loading' | 'loaded' | 'error';
-/**
- * Tipo que representa el tipo de tostada: éxito, información, advertencia o error.
- */
-export declare type ToastyType = 'success' | 'info' | 'warning' | 'error';
-/**
- * Objeto que representa una tostada.
- */
-export declare type Toasty = {
-    /** Identificador único de la tostada. */
-    id: number;
-    /** Duración en milisegundos antes de que la tostada desaparezca. */
-    timeoutMs: number;
-    /** Mensaje que se muestra en la tostada. */
-    type: ToastyType;
-    /** Momento en que se inició la tostada en milisegundos desde la época. */
-    message: string;
-    /** Porcentaje de ejecución de la tostada. */
-    timeStart: number;
-    /** Temporizador utilizado para controlar el tiempo de vida de la tostada. */
-    percentExecuted: number;
-    /** Identificador de la tostada que debe ser reemplazada. */
-    timer?: ReturnType<typeof setInterval>;
-    replaceMeId?: string;
-};
-/**
- * Opciones para configurar una tostada.
- */
-export interface ToastyOptions extends Pick<Toasty, 'message' | 'type' | 'replaceMeId'> {
-    timeoutMs?: number;
-}
 export declare type WindowState = {
     /**
      * status Indica el proceso de cargado de la ventana
@@ -113,16 +83,6 @@ export declare type WindowState = {
      */
     moduleActions: AreaWindowAction[];
     cookies: Cookies;
-    /**
-     * Lista de tostadas.
-     */
-    toasties: Toasty[];
-    /**
-   * Hash que mapea el identificador de la tostada con su respectiva información.
-  
-   */
-    hashToasties: Record<number, Toasty>;
-    toastyCount: number;
     /**
      * "fnQueryClose"  función que reemplaza la opción de cerrado normal de la ventana
      * @returns void

package/components/commercial/AppBarCommercial/{index.cdc42f41.js → index.b4f6147e.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
-import { ab as AppBarComercialRoot } from "../../../styles/index.ccd8acc4.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.f77cc2ab.js";
+import { ab as AppBarComercialRoot } from "../../../styles/index.db9e7ddb.js";
 const componentName = "M4LAppBarCommercial";
 generateUtilityClasses(
   componentName,

package/components/commercial/SectionCommercial/{index.a9265d42.js → index.a250338c.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
-import { ac as SectionCommercialRoot } from "../../../styles/index.ccd8acc4.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.f77cc2ab.js";
+import { ac as SectionCommercialRoot } from "../../../styles/index.db9e7ddb.js";
 const componentName = "M4LSectionCommercial";
 generateUtilityClasses(
   componentName,

package/components/commercial/TopBar/{index.06c1e138.js → index.4fdd66e5.js}

@@ -2,16 +2,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, useTheme, Box, Grid, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.f77cc2ab.js";
 import { createContext, useContext, useState } from "react";
 import { useEnvironment } from "@m4l/core";
-import { ad as ArrowIconRoot } from "../../../styles/index.ccd8acc4.js";
-import { I as Icon } from "../../Icon/index.0f315ccd.js";
+import { ad as ArrowIconRoot } from "../../../styles/index.db9e7ddb.js";
+import { I as Icon } from "../../Icon/index.c06685f4.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.49007a43.js";
-import { B as Button } from "../../mui_extended/Button/index.ca15c36e.js";
-import { P as Popover } from "../../mui_extended/Popover/index.1fafd106.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.26524ecd.js";
+import { B as Button } from "../../mui_extended/Button/index.3d14e3e9.js";
+import { P as Popover } from "../../mui_extended/Popover/index.a7da93f1.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
   "root",

package/components/commercial/{index.163293c3.js → index.be1af158.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { ae as HamburgerMenuRoot } from "../../styles/index.ccd8acc4.js";
+import { ae as HamburgerMenuRoot } from "../../styles/index.db9e7ddb.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index.50868466.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.caf17392.js";
+import { S as SideBar } from "../SideBar/index.990e8667.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.7b6c1ee3.js";
 const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {

package/components/formatters/BooleanFormatter/{index.b224ae9b.js → index.91435984.js}

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.0f315ccd.js";
+import { I as Icon } from "../../Icon/index.c06685f4.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.373a6ce1.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.64017cc1.js";
 import clsx from "clsx";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
 const LABEL_BOOLEAN_YES = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_yes`;

package/components/formatters/{index.373a6ce1.js → index.64017cc1.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { af as FormatterRootContainer } from "../../styles/index.ccd8acc4.js";
+import { af as FormatterRootContainer } from "../../styles/index.db9e7ddb.js";
 import { W as WrapperComponent } from "../WrapperComponent/index.57964195.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.b224ae9b.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.91435984.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/HelperError/{index.399e7338.js → index.360f8fb7.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useController } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
 function HelperError(props) {
   const { name } = props;
   const { control } = useFormContext();

package/components/hook-form/RHFAutocomplete/{index.0d32fed5.js → index.089af1b8.js}

@@ -6,14 +6,14 @@ import { generateUtilityClasses, generateUtilityClass, Skeleton, useTheme, Autoc
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
 import { unstable_composeClasses } from "@mui/base";
-import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.ccd8acc4.js";
+import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.db9e7ddb.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { I as Image } from "../../Image/index.32b58ce4.js";
-import { T as Typography } from "../../mui_extended/Typography/index.61dd3fc6.js";
-import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
-import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
+import { I as Image } from "../../Image/index.ae542f70.js";
+import { T as Typography } from "../../mui_extended/Typography/index.8c0801e4.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
+import { F as FieldLabel } from "../../FieldLabel/index.9a979def.js";
 import { C as CircularProgress } from "../../mui_extended/CircularProgress/index.967e70b7.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.caf17392.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.7b6c1ee3.js";
 const componentName = "M4LRHFAutocomplete";
 generateUtilityClasses(
   componentName,

package/components/hook-form/RHFAutocompleteAsync/{index.2622450c.js → index.f05b6fe3.js}

@@ -4,9 +4,9 @@ import { useState, useCallback, useEffect } from "react";
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.ccd8acc4.js";
+import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.db9e7ddb.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.0d32fed5.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.089af1b8.js";
 const componentName = "M4LRHFAutocompleteAsync";
 generateUtilityClasses(
   componentName,

package/components/hook-form/RHFCheckbox/{index.3229f16c.js → index.4cefbad2.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
-import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index.ccd8acc4.js";
+import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index.db9e7ddb.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { useFormFocus } from "../../../index.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox.983e10e6.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.5dc01b37.js";
 generateUtilityClasses("M4LRHFCheckbox", [
   "root",
   "checkTypography",

package/components/hook-form/RHFColorPicker/{index.86525787.js → index.ed380b30.js}

@@ -3,17 +3,17 @@ import { useState } from "react";
 import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
 import { SketchPicker } from "react-color";
-import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { al as RHFColorPickerRoot } from "../../../styles/index.ccd8acc4.js";
+import { al as RHFColorPickerRoot } from "../../../styles/index.db9e7ddb.js";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
-import { P as Popover } from "../../mui_extended/Popover/index.1fafd106.js";
-import { I as Icon } from "../../Icon/index.0f315ccd.js";
-import { B as Button } from "../../mui_extended/Button/index.ca15c36e.js";
+import { F as FieldLabel } from "../../FieldLabel/index.9a979def.js";
+import { P as Popover } from "../../mui_extended/Popover/index.a7da93f1.js";
+import { I as Icon } from "../../Icon/index.c06685f4.js";
+import { B as Button } from "../../mui_extended/Button/index.3d14e3e9.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.572079c5.js → index.118ebe6d.js}

@@ -7,12 +7,12 @@ import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { am as RHFDateTimeRoot } from "../../../styles/index.ccd8acc4.js";
-import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
+import { am as RHFDateTimeRoot } from "../../../styles/index.db9e7ddb.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
-import { I as Icon } from "../../Icon/index.0f315ccd.js";
+import { F as FieldLabel } from "../../FieldLabel/index.9a979def.js";
+import { I as Icon } from "../../Icon/index.c06685f4.js";
 const SkeletonRHFDateTime = (props) => {
   const { skeletonWidth, skeletonHeight, className, label } = props;
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/components/hook-form/RHFPeriod/{index.1883d9f6.js → index.404ba4c6.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { an as RHFPeriodRoot } from "../../../styles/index.ccd8acc4.js";
+import { an as RHFPeriodRoot } from "../../../styles/index.db9e7ddb.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
-import { P as Period } from "../../Period/index.5757802b.js";
+import { F as FieldLabel } from "../../FieldLabel/index.9a979def.js";
+import { P as Period } from "../../Period/index.b0b2a03b.js";
 const componentName = "M4LRHFPeriod";
 generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFRadioGroup/{index.9eea0df1.js → index.591f779d.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
 import { RadioGroup, FormControlLabel, FormHelperText, Radio } from "@mui/material";
-import { I as Icon } from "../../Icon/index.0f315ccd.js";
+import { I as Icon } from "../../Icon/index.c06685f4.js";
 function OptionIconLabelFormatter(option, getOptionLabel, getOptionIconUrl) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(

package/components/hook-form/RHFTextField/{index.5b124af3.js → index.80b98b98.js}

@@ -2,16 +2,16 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.caf17392.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.7b6c1ee3.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index.ccd8acc4.js";
+import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index.db9e7ddb.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
-import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.f77cc2ab.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
+import { F as FieldLabel } from "../../FieldLabel/index.9a979def.js";
 const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
 const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
 const RHFTEXTFIELD_PREFIX = "RHFTextField";

package/components/hook-form/RHFUpload/{index.cf63abf0.js → index.7b7ee732.js}

@@ -3,15 +3,15 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.32b58ce4.js";
+import { I as Image } from "../../Image/index.ae542f70.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.ccd8acc4.js";
+import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.db9e7ddb.js";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../../mui_extended/Typography/index.61dd3fc6.js";
-import { B as Button } from "../../mui_extended/Button/index.ca15c36e.js";
-import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
+import { T as Typography } from "../../mui_extended/Typography/index.8c0801e4.js";
+import { B as Button } from "../../mui_extended/Button/index.3d14e3e9.js";
+import { H as HelperText } from "../../HelperText/index.6818980e.js";
 const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;