@m4l/components 1.0.23 → 1.1.1

package/components/SideBar/{index.ed48577e.js → index.d33d87f4.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { O as NavItemMainRoot, Q as NavSubItemContentRoot, T as NavListSubItemRoot, U as ContainerListSubItem, V as ContentGroupsRoot, X as WrapperGroup, Y as WrapperGroupTitle, Z as CollapseButtonRoot, _ as WrapperContentMobile, $ as SideBarRoot } from "../../styles/index.379fa100.js";
+import { O as NavItemMainRoot, Q as NavSubItemContentRoot, T as NavListSubItemRoot, U as ContainerListSubItem, V as ContentGroupsRoot, X as WrapperGroup, Y as WrapperGroupTitle, Z as CollapseButtonRoot, _ as WrapperContentMobile, $ as SideBarRoot } from "../../styles/index.7868464e.js";
 import { createContext, useState, useContext, useEffect } from "react";
 import { generateUtilityClasses, Collapse, Drawer as Drawer$1, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
@@ -7,12 +7,12 @@ import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.8168aa10.js";
-import { T as Typography } from "../mui_extended/Typography/index.5a14dd12.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.e06c693f.js";
+import { T as Typography } from "../mui_extended/Typography/index.8a0f958b.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { I as Image } from "../Image/index.92d522f9.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.3284f1d5.js";
+import { I as Image } from "../Image/index.8a3d05d3.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.97e91dae.js";
 import { useResponsive } from "@m4l/styles";
 const componentName = "M4LSideBar";
 generateUtilityClasses(

package/components/SplitLayout/{index.dcdc77e6.js → index.a5414b61.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a0 as SplitLayoutRoot, a1 as SplitMaster, a2 as SplitDetail } from "../../styles/index.379fa100.js";
+import { a0 as SplitLayoutRoot, a1 as SplitMaster, a2 as SplitDetail } from "../../styles/index.7868464e.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";

package/components/ToastContainer/{index.67f277fd.js → index.ce752150.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a3 as ToastContainerRoot } from "../../styles/index.379fa100.js";
+import { a3 as ToastContainerRoot } from "../../styles/index.7868464e.js";
 import { ToastContainer as ToastContainer$1 } from "react-toastify";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.8168aa10.js";
+import { I as Icon } from "../Icon/index.e06c693f.js";
 const componentName = "M4LToastContainer";
 const toastClasses = generateUtilityClasses(
   componentName,

package/components/animate/LoadingScreen/{index.782f1eca.js → index.881ca784.js}

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { alpha } from "@mui/material/styles";
 import { Box } from "@mui/material";
-import { a4 as RootStyle } from "../../../styles/index.379fa100.js";
+import { a4 as RootStyle } from "../../../styles/index.7868464e.js";
 function LoadingScreen(props) {
   const { isDashboard, variant = "fullpage", ...other } = props;
   return /* @__PURE__ */ jsx(Fragment, { children: !isDashboard && /* @__PURE__ */ jsxs(RootStyle, { variant, ...other, children: [

package/components/animate/{index.3dddf2d3.js → index.d6f073fe.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { forwardRef, useRef } from "react";
 import { IconButton, Box } from "@mui/material";
-import { a5 as AnimatedScrollRoot } from "../../styles/index.379fa100.js";
+import { a5 as AnimatedScrollRoot } from "../../styles/index.7868464e.js";
 const varSmall = {
   hover: { scale: 1.1 },
   tap: { scale: 0.95 }

package/components/areas/components/AreasAdmin/{index.3c8301b9.js → index.80da2678.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useAreasStore } from "../../hooks/useAreas/index.5275e969.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.cf3f35fa.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
@@ -10,22 +10,22 @@ import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a6 as EditAreaHeader, a7 as AreasAdminRoot } from "../../../../styles/index.379fa100.js";
+import { a6 as EditAreaHeader, a7 as AreasAdminRoot } from "../../../../styles/index.7868464e.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.9e3d7f5d.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.8cfee498.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.8ca96674.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.2083f1d3.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.4ec04ad9.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.6c855294.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.3284f1d5.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.57cd2dc0.js";
-import { T as Typography } from "../../../mui_extended/Typography/index.5a14dd12.js";
-import { S as ScrollBar } from "../../../ScrollBar/index.56125bbf.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.1092605e.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.939811b3.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.06342648.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.84b8fd47.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c3cddacf.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.db2b2999.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.97e91dae.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.82970357.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.8a0f958b.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.9c677335.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.dc43db94.js";
-import { I as Icon } from "../../../Icon/index.8168aa10.js";
+import { B as Button } from "../../../mui_extended/Button/index.a391ee9f.js";
+import { I as Icon } from "../../../Icon/index.e06c693f.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(
   AREAS_ADMIN_CLASS_NAME,

package/components/areas/components/AreasViewer/{index.9298ef7a.js → index.7836a623.js}

@@ -1,35 +1,35 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { a8 as WindowRoot, a9 as WrapperWindowModal, aa as AreasViewerRoot } from "../../../../styles/index.379fa100.js";
+import { a8 as WindowRoot, a9 as WrapperWindowModal, aa as AreasViewerRoot } from "../../../../styles/index.7868464e.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.5275e969.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.cf3f35fa.js";
 import { generateUtilityClasses, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.9e3d7f5d.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.1092605e.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.3284f1d5.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.9f87f47c.js";
-import { I as Icon } from "../../../Icon/index.8168aa10.js";
-import { T as Typography } from "../../../mui_extended/Typography/index.5a14dd12.js";
-import { M as MFLoader } from "../../../MFLoader/index.70b0984a.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.97e91dae.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.80f8b74d.js";
+import { I as Icon } from "../../../Icon/index.e06c693f.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.8a0f958b.js";
+import { M as MFLoader } from "../../../MFLoader/index.952a3fee.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.992ae7a3.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.3d9ad0ad.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.4092bb69.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.55cdde3e.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.16747fc4.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.3cb5a032.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.c4e41ac3.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.1108dd01.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.6646c077.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.32dc5ad7.js";
+import { L as LoadingError } from "../../../LoadingError/index.81979bb3.js";
 import { c as cjs } from "../../../../react-draggable.1c1ba224.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.57cbe2be.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.305dae8c.js";
 const areasViewerClasses = generateUtilityClasses(
   AREAS_VIEWER_CLASS_NAME,
   [

package/components/areas/contexts/AreasContext/{index.55cdde3e.js → index.c4e41ac3.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.9298ef7a.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.3c8301b9.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.7836a623.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.80da2678.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.3cb5a032.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.6646c077.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.9e93facb.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.14b734d6.js";
 import { useNavigate } from "react-router-dom";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;
@@ -1060,10 +1060,10 @@ function AreasProvider(props) {
   return /* @__PURE__ */ jsx(AreasContext.Provider, { value: areasStoreRef.current, children });
 }
 export {
-  AreasContext as A,
+  AreasProvider as A,
   MARGIN_GRIDLAYOUT as M,
   PADDING_GRIDLAYOUT as P,
   RESPONSIVE_COLAPSED_HEIGHTS as R,
   RESPONSIVE_ROW_HEIGHTS as a,
-  AreasProvider as b
+  AreasContext as b
 };

package/components/areas/hooks/useAreas/{index.5275e969.js → index.cf3f35fa.js}

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

package/components/commercial/AppBarCommercial/{index.9fa71fbe.js → index.00571293.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
-import { ab as AppBarComercialRoot } from "../../../styles/index.379fa100.js";
+import { ab as AppBarComercialRoot } from "../../../styles/index.7868464e.js";
 const componentName = "M4LAppBarCommercial";
 generateUtilityClasses(
   componentName,

package/components/commercial/SectionCommercial/{index.67cb0e24.js → index.c3f56cb3.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
-import { ac as SectionCommercialRoot } from "../../../styles/index.379fa100.js";
+import { ac as SectionCommercialRoot } from "../../../styles/index.7868464e.js";
 const componentName = "M4LSectionCommercial";
 generateUtilityClasses(
   componentName,

package/components/commercial/TopBar/{index.e307711a.js → index.56ade547.js}

@@ -5,13 +5,13 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
 import { createContext, useContext, useState } from "react";
 import { useEnvironment } from "@m4l/core";
-import { ad as ArrowIconRoot } from "../../../styles/index.379fa100.js";
-import { I as Icon } from "../../Icon/index.8168aa10.js";
+import { ad as ArrowIconRoot } from "../../../styles/index.7868464e.js";
+import { I as Icon } from "../../Icon/index.e06c693f.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.fd3b659c.js";
-import { B as Button } from "../../mui_extended/Button/index.dc43db94.js";
-import { P as Popover } from "../../mui_extended/Popover/index.57cd2dc0.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.e76a8701.js";
+import { B as Button } from "../../mui_extended/Button/index.a391ee9f.js";
+import { P as Popover } from "../../mui_extended/Popover/index.82970357.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
   "root",

package/components/commercial/{index.3b81acbf.js → index.788464b6.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { ae as HamburgerMenuRoot } from "../../styles/index.379fa100.js";
+import { ae as HamburgerMenuRoot } from "../../styles/index.7868464e.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.ed48577e.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.3284f1d5.js";
+import { S as SideBar } from "../SideBar/index.d33d87f4.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.97e91dae.js";
 const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {

package/components/formatters/BooleanFormatter/{index.6b0373e0.js → index.6f664715.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.8168aa10.js";
+import { I as Icon } from "../../Icon/index.e06c693f.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.a0d79071.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.d1846e98.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.a0d79071.js → index.d1846e98.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.379fa100.js";
+import { af as FormatterRootContainer } from "../../styles/index.7868464e.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.6b0373e0.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.6f664715.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/HelperError/{index.6b671a90.js → index.a0faefe4.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.ad6b4907.js";
+import { H as HelperText } from "../../HelperText/index.b1961313.js";
 function HelperError(props) {
   const { name } = props;
   const { control } = useFormContext();

package/components/hook-form/RHFAutocomplete/{index.0c0f1166.js → index.dab5e2d6.js}

@@ -3,17 +3,17 @@ import { useMemo, useRef, useState, useEffect, createElement } from "react";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, Chip } from "@mui/material";
-import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.379fa100.js";
-import { I as Image } from "../../Image/index.92d522f9.js";
+import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.7868464e.js";
+import { I as Image } from "../../Image/index.8a3d05d3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { T as Typography } from "../../mui_extended/Typography/index.5a14dd12.js";
+import { T as Typography } from "../../mui_extended/Typography/index.8a0f958b.js";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.ad6b4907.js";
+import { H as HelperText } from "../../HelperText/index.b1961313.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.170296ed.js";
+import { F as FieldLabel } from "../../FieldLabel/index.a6235bcc.js";
 import { C as CircularProgress } from "../../mui_extended/CircularProgress/index.967e70b7.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.3284f1d5.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.97e91dae.js";
 const RHFAUTOCOMPLETE_PREFIX = "RHFAutocomplete";
 const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";
 const getNameDataTestId = (KEY) => {

package/components/hook-form/RHFAutocompleteAsync/{index.98c0c8b1.js → index.a61e7dda.js}

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { useNetwork, getPropertyByString } from "@m4l/core";
 import debounce from "lodash/debounce";
-import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.379fa100.js";
+import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.7868464e.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 { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.0c0f1166.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.dab5e2d6.js";
 const componentName = "M4LRHFAutocompleteAsync";
 generateUtilityClasses(
   componentName,

package/components/hook-form/RHFCheckbox/{index.93b8e70f.js → index.71751a9d.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.379fa100.js";
+import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index.7868464e.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.ad6b4907.js";
+import { H as HelperText } from "../../HelperText/index.b1961313.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.ea329fff.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.ae30825c.js";
 generateUtilityClasses("M4LRHFCheckbox", [
   "root",
   "checkTypography",

package/components/hook-form/RHFColorPicker/{index.d6edb266.js → index.3a8f36b1.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.ad6b4907.js";
+import { H as HelperText } from "../../HelperText/index.b1961313.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { al as RHFColorPickerRoot } from "../../../styles/index.379fa100.js";
+import { al as RHFColorPickerRoot } from "../../../styles/index.7868464e.js";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.170296ed.js";
-import { P as Popover } from "../../mui_extended/Popover/index.57cd2dc0.js";
-import { I as Icon } from "../../Icon/index.8168aa10.js";
-import { B as Button } from "../../mui_extended/Button/index.dc43db94.js";
+import { F as FieldLabel } from "../../FieldLabel/index.a6235bcc.js";
+import { P as Popover } from "../../mui_extended/Popover/index.82970357.js";
+import { I as Icon } from "../../Icon/index.e06c693f.js";
+import { B as Button } from "../../mui_extended/Button/index.a391ee9f.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.d793e753.js → index.2f4ce21c.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.379fa100.js";
-import { H as HelperText } from "../../HelperText/index.ad6b4907.js";
+import { am as RHFDateTimeRoot } from "../../../styles/index.7868464e.js";
+import { H as HelperText } from "../../HelperText/index.b1961313.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.170296ed.js";
-import { I as Icon } from "../../Icon/index.8168aa10.js";
+import { F as FieldLabel } from "../../FieldLabel/index.a6235bcc.js";
+import { I as Icon } from "../../Icon/index.e06c693f.js";
 const SkeletonRHFDateTime = (props) => {
   const { skeletonWidth, skeletonHeight, className, label } = props;
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/components/hook-form/RHFPeriod/{index.f298b64d.js → index.acf46fb2.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { an as RHFPeriodRoot } from "../../../styles/index.379fa100.js";
+import { an as RHFPeriodRoot } from "../../../styles/index.7868464e.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.ad6b4907.js";
+import { H as HelperText } from "../../HelperText/index.b1961313.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.170296ed.js";
-import { P as Period } from "../../Period/index.c2efde10.js";
+import { F as FieldLabel } from "../../FieldLabel/index.a6235bcc.js";
+import { P as Period } from "../../Period/index.732248a8.js";
 const componentName = "M4LRHFPeriod";
 generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFTextField/{index.8ca96674.js → index.06342648.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.3284f1d5.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.97e91dae.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index.379fa100.js";
+import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index.7868464e.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.14912462.js";
-import { H as HelperText } from "../../HelperText/index.ad6b4907.js";
+import { H as HelperText } from "../../HelperText/index.b1961313.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.170296ed.js";
+import { F as FieldLabel } from "../../FieldLabel/index.a6235bcc.js";
 const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
 const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
 const RHFTEXTFIELD_PREFIX = "RHFTextField";

package/components/hook-form/RHFUpload/{index.07ebbfc1.js → index.ef58c607.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.92d522f9.js";
+import { I as Image } from "../../Image/index.8a3d05d3.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.379fa100.js";
+import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.7868464e.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.5a14dd12.js";
-import { B as Button } from "../../mui_extended/Button/index.dc43db94.js";
-import { H as HelperText } from "../../HelperText/index.ad6b4907.js";
+import { T as Typography } from "../../mui_extended/Typography/index.8a0f958b.js";
+import { B as Button } from "../../mui_extended/Button/index.a391ee9f.js";
+import { H as HelperText } from "../../HelperText/index.b1961313.js";
 const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;

package/components/index.d.ts

@@ -50,4 +50,6 @@ export * from './AccountPopover';
 export * from './AppBar/AppBar';
 export * from './popups';
 export * from './commercial';
+export * from './MFIsolationApp';
+export * from './BaseModule';
 export type { SplitPosition } from './SplitLayout/types';

package/components/maps/components/GpsTools/{index.a19df7ba.js → index.3cc627c5.js}

@@ -5,42 +5,42 @@ import { shallow } from "zustand/shallow";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";
 import clsx from "clsx";
-import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.379fa100.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.94ef8a65.js";
-import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.84c30cd7.js";
+import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.7868464e.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.e737845f.js";
+import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.4b65c281.js";
 import { C as ColumnDateFormatter } from "../../../DataGrid/formatters/ColumnDateFormatter/index.e00d0cf2.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useFormContext, useWatch, useFormState } from "react-hook-form";
-import { H as HelperError } from "../../../hook-form/HelperError/index.6b671a90.js";
-import { u as useModal } from "../../../../hooks/useModal/index.70c3f0b5.js";
-import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.b3bb56b7.js";
+import { H as HelperError } from "../../../hook-form/HelperError/index.a0faefe4.js";
+import { u as useModal } from "../../../../hooks/useModal/index.538e8219.js";
+import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.6591c56e.js";
 import { createStore, useStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { enableMapSet } from "immer";
-import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.241ff066.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.746fdae7.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.2083f1d3.js";
-import { B as Button } from "../../../mui_extended/Button/index.dc43db94.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.3187e7a7.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.141e19a9.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.84b8fd47.js";
+import { B as Button } from "../../../mui_extended/Button/index.a391ee9f.js";
 import { useMap } from "react-leaflet";
 import * as L from "leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { u as useTab } from "../../../../hooks/useTab/index.6f39459c.js";
+import { u as useTab } from "../../../../hooks/useTab/index.bc8d38fc.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { P as PaperForm } from "../../../PaperForm/index.8a387dab.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.0c0f1166.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.8ca96674.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.0c52ffa7.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.3284f1d5.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.6445835e.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.d6edb266.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.c0a8e330.js";
-import { I as Icon } from "../../../Icon/index.8168aa10.js";
+import { P as PaperForm } from "../../../PaperForm/index.f1467e34.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.dab5e2d6.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.06342648.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.e64a379b.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.97e91dae.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.f85c4118.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.3a8f36b1.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.f31eb904.js";
+import { I as Icon } from "../../../Icon/index.e06c693f.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.f4f4dccd.js";
-import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.ccb0be2e.js";
-import { D as DataGrid } from "../../../DataGrid/index.3f13b6aa.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.dfb5570d.js";
+import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.c50fc538.js";
+import { D as DataGrid } from "../../../DataGrid/index.9aa088f6.js";
 const COMPONENT_CLASS_NAME = "M4LMapGpsTools";
 const COMPONENT_MAP_TOOLS_ID = "gps_tools";
 const STYLE_OPACITIES = [

package/components/maps/components/Map/{index.ccb0be2e.js → index.c50fc538.js}

@@ -9,24 +9,24 @@ import { createPortal } from "react-dom";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment, useModulePrivileges } from "@m4l/core";
 import clsx from "clsx";
 import { useFormContext, useWatch } from "react-hook-form";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.2083f1d3.js";
-import { B as Button } from "../../../mui_extended/Button/index.dc43db94.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.84b8fd47.js";
+import { B as Button } from "../../../mui_extended/Button/index.a391ee9f.js";
 import * as Yup from "yup";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.98c0c8b1.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.0c52ffa7.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.8cfee498.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.3284f1d5.js";
-import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.b3bb56b7.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.98d85395.js";
-import { D as DataGrid } from "../../../DataGrid/index.3f13b6aa.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.a61e7dda.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.e64a379b.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.939811b3.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.97e91dae.js";
+import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.6591c56e.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.621ff8bc.js";
+import { D as DataGrid } from "../../../DataGrid/index.9aa088f6.js";
 import { generateUtilityClasses, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
 import { C as ColumnSetCheckFormatter } from "../../../DataGrid/formatters/ColumnSetCheckFormatter/index.4045b2f2.js";
-import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.8168aa10.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.e06c693f.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox.ea329fff.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.57cd2dc0.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.0f579946.js";
+import { C as CheckBox } from "../../../mui_extended/CheckBox.ae30825c.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.82970357.js";
+import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.caf23a5d.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";