@m4l/components 4.1.8 → 4.2.0

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/{index-DmBu0e79.js → index-DPpEktvU.js}

@@ -9,17 +9,17 @@ import { I as ICONS } from "../../../../icons-CwFr-alN.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../dictionary-gOjRdYCc.js";
 import { E as EditAreaHeader } from "./styles-CScNS_dH.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { C as ChipActionsMobile } from "./subcomponents/ChipActionsMobile/index-CE6T1oDv.js";
+import { C as ChipActionsMobile } from "./subcomponents/ChipActionsMobile/index-DG8rtyb1.js";
 import { useTheme } from "@mui/material";
 import { shallow } from "zustand/shallow";
-import { R as RHFormProvider } from "../../../../../../contexts/RHFormContext/index-DE-wmCBw.js";
-import { R as RHFTextField } from "../../../../../hook-form/RHFTextField/RHFTextField-b-O6lpz5.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { R as RHFormProvider } from "../../../../../../contexts/RHFormContext/index-DJtfB7-U.js";
+import { T as Typography } from "../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { R as RHFTextField } from "../../../../../hook-form/RHFTextField/RHFTextField-CLJBIdqH.js";
 import { A as Actions } from "../../../../../CommonActions/components/Actions/index-B4L6Y4pL.js";
 import { A as ActionCancel } from "../../../../../CommonActions/components/ActionCancel/index-CI0Yqh5P.js";
 import { A as ActionIntro } from "../../../../../CommonActions/components/ActionIntro/index-CCc2O0ve.js";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
 import { P as Popover } from "../../../../../mui_extended/Popover/Popover-B9KxhzxZ.js";
-import { T as Typography } from "../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
 const AreaChip = (props) => {
   const { areaId, selected, disabled, setAnchorMenuAreas } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/{index-CE6T1oDv.js → index-DG8rtyb1.js}

@@ -4,7 +4,7 @@ import { I as ICONS } from "../../../../../../icons-CwFr-alN.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../../dictionary-gOjRdYCc.js";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index-DosRWKI3.js";
 import { shallow } from "zustand/shallow";
-import { M as MenuActions } from "../../../../../../../mui_extended/MenuActions/MenuActions-BJROCJX9.js";
+import { M as MenuActions } from "../../../../../../../mui_extended/MenuActions/MenuActions-Dxsk2iZ_.js";
 const ChipActionsMobile = (props) => {
   const { handlerOpenPopoverEditArea, areaId } = props;
   const { deleteArea } = useAreasStore((state) => state.areasActions);

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/{index-CMPuWHMQ.js → index-DBibZv7z.js}

@@ -7,10 +7,10 @@ import { I as ICONS } from "../../../../icons-CwFr-alN.js";
 import { useState, useMemo } from "react";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../dictionary-gOjRdYCc.js";
 import { useTheme } from "@mui/material";
-import { C as ChipMobile } from "./subcomponents/ChipMobile/ChipMobile-Bw07WdI7.js";
+import { C as ChipMobile } from "./subcomponents/ChipMobile/ChipMobile-BQgk7Spx.js";
+import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-Dxsk2iZ_.js";
 import { B as Button } from "../../../../../mui_extended/Button/Button-BdusSjEV.js";
-import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-BJROCJX9.js";
-import { I as Icon } from "../../../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../../../Icon/Icon-BV4VaWM4.js";
 const AreaChipMobile = () => {
   const areas = useAreasStore(
     (state) => state.areasIds.map((a) => ({ id: a, name: state.hashAreas[a].name })),

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/{ChipMobile-Bw07WdI7.js → ChipMobile-BQgk7Spx.js}

@@ -11,16 +11,16 @@ import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../
 import { a as areasAdminClasses } from "../../../../classes/index-CryauVAw.js";
 import clsx from "clsx";
 import { I as ICONS } from "../../../../../../icons-CwFr-alN.js";
-import { C as ChipActionsMobile } from "../../../AreaChip/subcomponents/ChipActionsMobile/index-CE6T1oDv.js";
+import { C as ChipActionsMobile } from "../../../AreaChip/subcomponents/ChipActionsMobile/index-DG8rtyb1.js";
 import { E as EditAreaHeader } from "../../../AreaChip/styles-CScNS_dH.js";
-import { R as RHFormProvider } from "../../../../../../../../contexts/RHFormContext/index-DE-wmCBw.js";
+import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { R as RHFormProvider } from "../../../../../../../../contexts/RHFormContext/index-DJtfB7-U.js";
+import { T as Typography } from "../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
 import { A as Actions } from "../../../../../../../CommonActions/components/Actions/index-B4L6Y4pL.js";
 import { A as ActionCancel } from "../../../../../../../CommonActions/components/ActionCancel/index-CI0Yqh5P.js";
 import { A as ActionIntro } from "../../../../../../../CommonActions/components/ActionIntro/index-CCc2O0ve.js";
-import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
 import { P as Popover } from "../../../../../../../mui_extended/Popover/Popover-B9KxhzxZ.js";
-import { T as Typography } from "../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { R as RHFTextField } from "../../../../../../../hook-form/RHFTextField/RHFTextField-b-O6lpz5.js";
+import { R as RHFTextField } from "../../../../../../../hook-form/RHFTextField/RHFTextField-CLJBIdqH.js";
 const ChipMobile = (props) => {
   const { areaId, selected, disabled, setAnchorMenuAreas } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/areas/components/AreasAdmin/subcomponents/PanelWindowPopUp/{index-scHmd1Kc.js → index-Cm-WpVBD.js}

@@ -5,7 +5,7 @@ import { useTheme } from "@mui/material";
 import { u as useAreasStore } from "../../../../hooks/useAreas/index-DosRWKI3.js";
 import { I as ICONS } from "../../../../icons-CwFr-alN.js";
 import { a as areasAdminClasses } from "../../classes/index-CryauVAw.js";
-import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-BJROCJX9.js";
+import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-Dxsk2iZ_.js";
 const PanelWindowPopUp = (props) => {
   const { currentAreaId } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/areas/components/AreasViewer/{index-BhgaEWEG.js → index-DDhTc-L_.js}

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { A as AreasViewerRoot } from "./styles-Cn-B0M9m.js";
-import { A as Area } from "./subcomponents/Area/index-wKzp8keh.js";
+import { A as Area } from "./subcomponents/Area/index-DHpaSU9G.js";
 import { u as useAreasStore } from "../../hooks/useAreas/index-DosRWKI3.js";
-import { M as MemonizedWindowModal } from "./subcomponents/Area/subcomponents/WindowModal/index-CAanuKBg.js";
+import { M as MemonizedWindowModal } from "./subcomponents/Area/subcomponents/WindowModal/index-CbQS6cwx.js";
 import { shallow } from "zustand/shallow";
-import { L as LoadingError } from "../../../LoadingError/LoadingError-B3XRg-pT.js";
+import { L as LoadingError } from "../../../LoadingError/LoadingError-CnecFu8n.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId-BaBTWhBr.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants-rqODZNZe.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.js";

package/components/areas/components/AreasViewer/subcomponents/Area/{index-wKzp8keh.js → index-DHpaSU9G.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { I as InnerForHooks } from "./subcomponents/InnerForHooks/index-iJI0HXGP.js";
+import { I as InnerForHooks } from "./subcomponents/InnerForHooks/index-DimY7T39.js";
 import clsx from "clsx";
 import { u as useAreasStore } from "../../../../hooks/useAreas/index-DosRWKI3.js";
 import { a as areasViewerClasses } from "../../classes/index-vzutNGDt.js";

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/{index-DjgUNqik.js → index-Dk6-Yc0W.js}

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { shallow } from "zustand/shallow";
-import { W as Window } from "../Window/index-DZ7smC4e.js";
+import { W as Window } from "../Window/index-C32GMMZI.js";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index-DosRWKI3.js";
 import { a as areasViewerClasses } from "../../../../classes/index-vzutNGDt.js";
 import clsx from "clsx";

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/InnerForHooks/{index-iJI0HXGP.js → index-DimY7T39.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as AreaGridLayout } from "../AreaGridLayout/index-DjgUNqik.js";
-import { P as PanelWindows } from "../PanelWindows/index-6Sx42U7K.js";
+import { A as AreaGridLayout } from "../AreaGridLayout/index-Dk6-Yc0W.js";
+import { P as PanelWindows } from "../PanelWindows/index-Bc_yIYf0.js";
 import clsx from "clsx";
 import { a as areasViewerClasses } from "../../../../classes/index-vzutNGDt.js";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index-DosRWKI3.js";
-import { L as LoadingError } from "../../../../../../../LoadingError/LoadingError-B3XRg-pT.js";
+import { L as LoadingError } from "../../../../../../../LoadingError/LoadingError-CnecFu8n.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const InnerForHooks = (props) => {
   const { areaId } = props;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/PanelWindows/{index-6Sx42U7K.js → index-Bc_yIYf0.js}

@@ -4,7 +4,7 @@ import clsx from "clsx";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index-DosRWKI3.js";
 import { a as areasViewerClasses } from "../../../../classes/index-vzutNGDt.js";
 import { useLocation } from "react-router-dom";
-import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
 const PanelWindows = (props) => {
   const { areaId } = props;
   const status = useAreasStore((state) => state.hashAreas[areaId].status);

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/{index-DZ7smC4e.js → index-C32GMMZI.js}

@@ -4,15 +4,15 @@ import clsx from "clsx";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index-DosRWKI3.js";
 import { a as areasViewerClasses } from "../../../../classes/index-vzutNGDt.js";
 import { shallow } from "zustand/shallow";
-import { H as Header } from "./subcomponents/Header/index-Cwnzknez.js";
-import { M as MemonizedMicroFrontend } from "./subcomponents/MicroFrontend/index-BWs04HXB.js";
+import { H as Header } from "./subcomponents/Header/index-Ce8SjtLq.js";
+import { M as MemonizedMicroFrontend } from "./subcomponents/MicroFrontend/index-B6EHNyPD.js";
 import { C as Component } from "./subcomponents/Component/index-BRw7ybtW.js";
 import { W as WindowRoot } from "./styles-Chi8Bv_9.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../../../test/getNameDataTestId-BaBTWhBr.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../../../../../constants-rqODZNZe.js";
-import { c as createToaster } from "../../../../../../../ToastContainer/helpers/toaster-B8FCUyrb.js";
-import { T as ToastContainer } from "../../../../../../../ToastContainer/ToastContainer-BaOdDtgq.js";
+import { c as createToaster } from "../../../../../../../ToastContainer/helpers/toaster-WqO38v2y.js";
+import { T as ToastContainer } from "../../../../../../../ToastContainer/ToastContainer-_FYxGq0T.js";
 const Window = (props) => {
   const { areaId, windowId } = props;
   const [emergeType, moduleId, winType] = useAreasStore((state) => {

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/{index-Cwnzknez.js → index-Ce8SjtLq.js}

@@ -9,13 +9,13 @@ import { u as useAreasStore } from "../../../../../../../../hooks/useAreas/index
 import { I as ICONS } from "../../../../../../../../icons-CwFr-alN.js";
 import { a as areasViewerClasses } from "../../../../../../classes/index-vzutNGDt.js";
 import { g as getMenuActions } from "./helper-0Ko9QdxY.js";
-import { M as MainActions } from "./subcomponents/MainActions/index-BwcDXAuS.js";
+import { M as MainActions } from "./subcomponents/MainActions/index-BwI4Y9mQ.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../../../../dictionary-gOjRdYCc.js";
 import { L as LinearProgressIndeterminate } from "../../../../../../../../../LinearProgressIndeterminate/LinearProgressIndeterminate--VicNz4N.js";
-import { a as MemonizedMenuActions } from "../../../../../../../../../mui_extended/MenuActions/MenuActions-BJROCJX9.js";
-import { I as Icon } from "../../../../../../../../../Icon/Icon-_wceDYwV.js";
 import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as IconButton } from "../../../../../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { a as MemonizedMenuActions } from "../../../../../../../../../mui_extended/MenuActions/MenuActions-Dxsk2iZ_.js";
+import { I as IconButton } from "../../../../../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as Icon } from "../../../../../../../../../Icon/Icon-BV4VaWM4.js";
 function Header(props) {
   const { areaId, windowId, emergeType } = props;
   const [url_icon, title, moduleActions, onClose, version, windowOptions, fnQueryClose] = useAreasStore((state) => {

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/MainActions/{index-BwcDXAuS.js → index-BwI4Y9mQ.js}

@@ -7,7 +7,7 @@ import { a as areasViewerClasses } from "../../../../../../../../classes/index-v
 import { a as getMainActions } from "../../helper-0Ko9QdxY.js";
 import { u as useAreasStore } from "../../../../../../../../../../hooks/useAreas/index-DosRWKI3.js";
 import clsx from "clsx";
-import { I as IconButton } from "../../../../../../../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../../../../../../../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
 function MainActions(props) {
   const { windowId } = props;
   const moduleActions = useAreasStore((state) => {

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/MicroFrontend/{index-BWs04HXB.js → index-B6EHNyPD.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { M as MFLoader } from "../../../../../../../../../MFLoader/MFLoader-D8pXQmRc.js";
+import { M as MFLoader } from "../../../../../../../../../MFLoader/MFLoader-DGyI0TI-.js";
 const MicroFrontend = (props) => {
   return /* @__PURE__ */ jsx(MFLoader, { ...props });
 };

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/WindowModal/{index-CAanuKBg.js → index-CbQS6cwx.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index-DosRWKI3.js";
-import { W as Window } from "../Window/index-DZ7smC4e.js";
+import { W as Window } from "../Window/index-C32GMMZI.js";
 import { W as WrapperWindowModal } from "./styles-CAgHbRyV.js";
 import { a as Draggable } from "../../../../../../../../react-draggable-lPKOvvDX.js";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/areas/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import type { DynamicMFParameters } from './contexts/DynamicMFParmsContext/types';
 import type { DynamicMFStore } from './contexts/DynamicMFParmsContext/store';
-import type { MenuAction } from '../mui_extended';
+import type { MenuAction } from '../mui_extended/MenuActions/types';
 import { LayoutItem } from '../GridLayout';
 export declare type WindowActionType = 'main' | 'allways' | 'normal';
 export interface AreaWindowAction extends MenuAction {

package/components/commercial/HamburgerMenu/{HamburgerMenu-D1fLiH3Z.js → HamburgerMenu-0CxnkZcL.js}

@@ -5,8 +5,8 @@ import { u as useHamburgerMenuComercialUtilityClasses } from "./classes/index-CH
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "./test/utils-CBm5WN6w.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../../SideBar/SideBar-BQ8rB79H.js";
-import { I as IconButton } from "../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { S as SideBar } from "../../SideBar/SideBar-Dtv9D1op.js";
 const HamburgerMenu = (props) => {
   const { data, itemClick } = props;
   const [visible, setVisible] = useState(false);

package/components/commercial/SectionCommercial/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { StackProps } from '../../mui_extended';
+import type { StackProps } from '../../mui_extended/Stack/types';
 export interface SectionComercialProps extends StackProps {
     children: ReactNode;
     contentWith?: 'fullWidth' | 'boxed';

package/components/commercial/TopBar/{TopBar-CQBs7prv.js → TopBar-CiPvdF5n.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { g as getTopBarClassesUtilityClass } from "./classes/index-DlgA6Hxv.js";
-import { C as ConteinItem } from "./component/ConteinItem/index-CCQx14dv.js";
+import { C as ConteinItem } from "./component/ConteinItem/index--ODioIvu.js";
 import { T as TopBarProvider } from "./context/index-C3gQXnyy.js";
 import { T as TopBarRoot } from "./style-pAcnajRT.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";

package/components/commercial/TopBar/component/ConteinItem/{index-CCQx14dv.js → index--ODioIvu.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { u as useTopBar } from "../../hook/topBarContext/index-CPVriCPX.js";
-import { N as NavItemRoot } from "./subcomponets/NavItem/index-Bx5U_gz5.js";
+import { N as NavItemRoot } from "./subcomponets/NavItem/index-BZqvNDFP.js";
 import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../test/getNameDataTestId-BaBTWhBr.js";
 import { c as componentName } from "../../classes/constants-CyLEa28Q.js";

package/components/commercial/TopBar/component/ConteinItem/subcomponets/NavItem/{index-Bx5U_gz5.js → index-BZqvNDFP.js}

@@ -2,14 +2,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme, Box, Grid } from "@mui/material";
 import { useState } from "react";
 import { u as useTopBar } from "../../../../hook/topBarContext/index-CPVriCPX.js";
-import { A as ArrowIcon } from "./subcomponents/ArrowIcon/index-BPMUSSow.js";
+import { A as ArrowIcon } from "./subcomponents/ArrowIcon/index-DL2OSPIe.js";
 import clsx from "clsx";
 import { i as isActive } from "../../../../utils/isActive/index-Dz_LJEy8.js";
 import { T as TopBarClasses } from "../../../../classes/index-DlgA6Hxv.js";
 import { T as TEST_PROP_ID } from "../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../../test/getNameDataTestId-BaBTWhBr.js";
 import { c as componentName } from "../../../../classes/constants-CyLEa28Q.js";
-import { A as Accordion } from "../../../../../../mui_extended/Accordion/Accordion-DA0052xC.js";
+import { A as Accordion } from "../../../../../../mui_extended/Accordion/Accordion-DMcoDzkd.js";
 import { B as Button } from "../../../../../../mui_extended/Button/Button-BdusSjEV.js";
 import { P as Popover } from "../../../../../../mui_extended/Popover/Popover-B9KxhzxZ.js";
 const NavItemRoot = (props) => {

package/components/commercial/TopBar/component/ConteinItem/subcomponets/NavItem/subcomponents/ArrowIcon/{index-BPMUSSow.js → index-DL2OSPIe.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { A as ArrowIconRoot } from "./styles-XF6qlczg.js";
-import { I as Icon } from "../../../../../../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../../../../../../Icon/Icon-BV4VaWM4.js";
 function ArrowIcon(props) {
   const { openState } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/formatters/BooleanFormatter/{index-BzbdxBDt.js → index-B9K5RQtZ.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index-BHV-CsDU.js";
 import { L as LABEL_BOOLEAN_YES, a as LABEL_BOOLEAN_NO, b as LABEL_BOOLEAN_TRUE, c as LABEL_BOOLEAN_FALSE } from "./dictionary-2kuXB56a.js";
 import { f as formatterClasses } from "../classes/index-CMYKz7Wg.js";

package/components/hook-form/RHFAutocomplete/{RHFAutocomplete-8IcWz7CO.js → RHFAutocomplete-CXEIRzzx.js}

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-CTiLsjI_.js";
-import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-Cvo7OiG5.js";
+import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-25CiXhHc.js";
+import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-D3xALqbz.js";
 function RHFAutocomplete(props) {
   return /* @__PURE__ */ jsx(Fragment, { children: props.type === "image" ? /* @__PURE__ */ jsx(ComponentTypeImage, { ...props }) : /* @__PURE__ */ jsx(ComponentTypeText, { ...props }) });
 }

package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeImage/{index-CTiLsjI_.js → index-25CiXhHc.js}

@@ -9,14 +9,14 @@ import { u as useUtilityClasses } from "../../classes/index-CyWmAbmI.js";
 import { A as AutocompleteRoot } from "../../styles-DSo9SpWu.js";
 import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
 import { R as RHFTAUTOCOMPLET_ROOT_TEST_ID } from "../../test/constants-DCSmDx2a.js";
+import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
 import { w as withRenderOption } from "../RenderOption/index-Da0ufkAL.js";
 import { H as HelperText } from "../../../../HelperText/index-DZCj76Dl.js";
 import { S as SkeletonRHFAutocomplete } from "../Skeleton/index-CLFtsqKV.js";
-import { F as FieldLabel } from "../../../../FieldLabel/FieldLabel-B85v09Pe.js";
-import { I as Image } from "../../../../Image/Image-BjqOt3pz.js";
-import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { F as FieldLabel } from "../../../../FieldLabel/FieldLabel-B2BhuYxm.js";
 import { T as Typography } from "../../../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { I as Image } from "../../../../Image/Image-BjqOt3pz.js";
+import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
 function ComponentTypeImage(props) {
   const {
     name: nameRHF,

package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeText/{index-Cvo7OiG5.js → index-D3xALqbz.js}

@@ -11,10 +11,10 @@ import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v
 import { R as RHFTAUTOCOMPLET_ROOT_TEST_ID } from "../../test/constants-DCSmDx2a.js";
 import { H as HelperText } from "../../../../HelperText/index-DZCj76Dl.js";
 import { S as SkeletonRHFAutocomplete } from "../Skeleton/index-CLFtsqKV.js";
-import { F as FieldLabel } from "../../../../FieldLabel/FieldLabel-B85v09Pe.js";
-import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
+import { F as FieldLabel } from "../../../../FieldLabel/FieldLabel-B2BhuYxm.js";
 import { T as Typography } from "../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
+import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
 function ComponentTypeText(props) {
   const {
     name: nameRHF,

package/components/hook-form/RHFAutocompleteAsync/{RHFAutocompleteAsync-DMG6OR-p.js → RHFAutocompleteAsync-xzgmYhTQ.js}

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-CBUpvvm4.js";
-import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-0jxNAT4j.js";
+import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-D8AVmjL2.js";
+import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-BRhwzH7S.js";
 function RHFAutocompleteAsync(props) {
   return /* @__PURE__ */ jsx(Fragment, { children: props.type === "image" ? /* @__PURE__ */ jsx(ComponentTypeImage, { ...props }) : /* @__PURE__ */ jsx(ComponentTypeText, { ...props }) });
 }

package/components/hook-form/RHFAutocompleteAsync/subcomponents/ComponentTypeImage/{index-0jxNAT4j.js → index-BRhwzH7S.js}

@@ -6,7 +6,7 @@ import { u as useUtilityClasses } from "../../classes/index-CaX9i9pu.js";
 import { R as RHFAutocompleteAsyncRoot } from "../../styles-DYrJNdlP.js";
 import { g as getNameDataTestId } from "../../tests/utils-8Tj-i2Qq.js";
 import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
-import { R as RHFAutocomplete } from "../../../RHFAutocomplete/RHFAutocomplete-8IcWz7CO.js";
+import { R as RHFAutocomplete } from "../../../RHFAutocomplete/RHFAutocomplete-CXEIRzzx.js";
 function ComponentTypeImage(props) {
   const {
     name,

package/components/hook-form/RHFAutocompleteAsync/subcomponents/ComponentTypeText/{index-CBUpvvm4.js → index-D8AVmjL2.js}

@@ -6,7 +6,7 @@ import { u as useUtilityClasses } from "../../classes/index-CaX9i9pu.js";
 import { R as RHFAutocompleteAsyncRoot } from "../../styles-DYrJNdlP.js";
 import { g as getNameDataTestId } from "../../tests/utils-8Tj-i2Qq.js";
 import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
-import { R as RHFAutocomplete } from "../../../RHFAutocomplete/RHFAutocomplete-8IcWz7CO.js";
+import { R as RHFAutocomplete } from "../../../RHFAutocomplete/RHFAutocomplete-CXEIRzzx.js";
 function ComponentTypeText(props) {
   const {
     name,

package/components/hook-form/RHFCheckbox/{RHFCheckbox-CkmkrQnp.js → RHFCheckbox-jYDo3VuH.js}

@@ -6,9 +6,9 @@ import { H as HelperText } from "../../HelperText/index-DZCj76Dl.js";
 import { g as getNameDataTestId } from "./test/utils-BVQ6B9tx.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { useModuleSkeleton } from "@m4l/core";
 import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox/CheckBox--uPcBvng.js";
+import { useModuleSkeleton } from "@m4l/core";
+import { C as CheckBox } from "../../mui_extended/CheckBox/CheckBox-CX9pOKhu.js";
 function RHFCheckbox(props) {
   const {
     name,

package/components/hook-form/RHFColorPicker/{RFHColorPicker-BasJ2VD-.js → RFHColorPicker-rkAI6yjV.js}

@@ -10,8 +10,8 @@ import { useTheme } from "@mui/material/styles";
 import { R as RHFColorPickerSkeleton } from "./subcomponents/Skeleton/indext-BasQE4Nq.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B85v09Pe.js";
-import { I as Icon } from "../../Icon/Icon-_wceDYwV.js";
+import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B2BhuYxm.js";
+import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
 import { P as Popover } from "../../mui_extended/Popover/Popover-B9KxhzxZ.js";
 import { B as Button } from "../../mui_extended/Button/Button-BdusSjEV.js";
 const RHFColorPicker = (props) => {

package/components/hook-form/RHFDateTime/{RHFDateTime-BPlsWlzn.js → RHFDateTime-C1MMsEtI.js}

@@ -12,8 +12,8 @@ import { H as HelperText } from "../../HelperText/index-DZCj76Dl.js";
 import { g as getNameRHFDateTimeDataTestId } from "./test/utils-GZSfgD8t.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B85v09Pe.js";
-import { I as Icon } from "../../Icon/Icon-_wceDYwV.js";
+import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B2BhuYxm.js";
+import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
 function RHFDateTime(props) {
   const {
     name: nameRHF,

package/components/hook-form/RHFPeriod/{index-Dvm86mff.js → index-B2h115je.js}

@@ -3,10 +3,10 @@ import { R as RHFPeriodRoot } from "./styles-CG-W_sFO.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { H as HelperText } from "../../HelperText/index-DZCj76Dl.js";
 import { R as RHFPeriodUtilityClasses } from "./classes/index-BxD4YD0r.js";
-import { useModuleSkeleton } from "@m4l/core";
 import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B85v09Pe.js";
-import { P as Period } from "../../Period/Period-DaRcVvl_.js";
+import { useModuleSkeleton } from "@m4l/core";
+import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B2BhuYxm.js";
+import { P as Period } from "../../Period/Period-DqC_73uq.js";
 const RHFPeriod = (props) => {
   const {
     name,

package/components/hook-form/RHFRadioGroup/{RHFRadioGroup-B77oI0Yo.js → RHFRadioGroup-BrTpEqb4.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
 import { RadioGroup, FormControlLabel, FormHelperText, Radio } from "@mui/material";
-import { O as OptionIconLabelFormatter } from "./formatters/OptionIconLabelFormatter/index-Dl2Tm7Io.js";
+import { O as OptionIconLabelFormatter } from "./formatters/OptionIconLabelFormatter/index-BcpliTD4.js";
 function RHFRadioGroup({
   name,
   options,

package/components/hook-form/RHFRadioGroup/formatters/OptionIconLabelFormatter/{index-Dl2Tm7Io.js → index-BcpliTD4.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../../Icon/Icon-BV4VaWM4.js";
 function OptionIconLabelFormatter(option, getOptionLabel, getOptionIconUrl) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(

package/components/hook-form/RHFTextField/{RHFTextField-b-O6lpz5.js → RHFTextField-CLJBIdqH.js}

@@ -4,12 +4,12 @@ import { useFormContext, Controller } from "react-hook-form";
 import { InputAdornment } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { S as SkeletonTextField } from "./subcomponents/Skeleton/index-CRkvselp.js";
+import { S as SkeletonTextField } from "./subcomponents/Skeleton/index-B0FTj1u_.js";
 import { H as HelperText } from "../../HelperText/index-DZCj76Dl.js";
+import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
 import { a as getPropDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
 import { R as RHF_TEXT_FIELD_KEY_COMPONENT } from "./constant-74c4jM8M.js";
-import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { R as RHFTextFieldRootStyled, F as FieldLabelStyled, T as TextFieldStyled } from "./slots/RHFTextFieldSlots-12AgdPeR.js";
+import { R as RHFTextFieldRootStyled, F as FieldLabelStyled, T as TextFieldStyled } from "./slots/RHFTextFieldSlots-CxmaIWex.js";
 import { R as RHFTextFieldSlots } from "./slots/RHFTextFieldEnum-tmHlZYP6.js";
 const RHFTextField = forwardRef((props, ref) => {
   const {

package/components/hook-form/RHFTextField/slots/{RHFTextFieldSlots-12AgdPeR.js → RHFTextFieldSlots-CxmaIWex.js}

@@ -3,7 +3,7 @@ import { TextField } from "@mui/material";
 import { R as RHFTextFieldSlots } from "./RHFTextFieldEnum-tmHlZYP6.js";
 import { R as RHF_TEXT_FIELD_KEY_COMPONENT } from "../constant-74c4jM8M.js";
 import { r as rhfTextFieldStyles } from "../../../../styles/RHFTextField.styles-D8X0F7sX.js";
-import { F as FieldLabel } from "../../../FieldLabel/FieldLabel-B85v09Pe.js";
+import { F as FieldLabel } from "../../../FieldLabel/FieldLabel-B2BhuYxm.js";
 const RHFTextFieldRootStyled = styled("div", {
   name: RHF_TEXT_FIELD_KEY_COMPONENT,
   slot: RHFTextFieldSlots.root

package/components/hook-form/RHFTextField/subcomponents/Skeleton/{index-CRkvselp.js → index-B0FTj1u_.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Skeleton } from "@mui/material";
 import { a as getPropDataTestId } from "../../../../../test/getNameDataTestId-BaBTWhBr.js";
 import { R as RHF_TEXT_FIELD_KEY_COMPONENT } from "../../constant-74c4jM8M.js";
-import { S as SkeletonTextFieldRootStyled, W as WrapperSkeletonRHFTextFieldStyled } from "../../slots/RHFTextFieldSlots-12AgdPeR.js";
+import { S as SkeletonTextFieldRootStyled, W as WrapperSkeletonRHFTextFieldStyled } from "../../slots/RHFTextFieldSlots-CxmaIWex.js";
 import { R as RHFTextFieldSlots } from "../../slots/RHFTextFieldEnum-tmHlZYP6.js";
 const SkeletonTextField = (props) => {
   const { skeletonWidth, skeletonHeight, hasLabel, variant } = props;

package/components/hook-form/RHFTextFieldPassword/{RHFTextFieldPassword-Ci2pysVF.js → RHFTextFieldPassword-D0Bu0r9r.js}

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { InputAdornment } from "@mui/material";
 import { useState } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
-import { R as RHFTextField } from "../RHFTextField/RHFTextField-b-O6lpz5.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { R as RHFTextField } from "../RHFTextField/RHFTextField-CLJBIdqH.js";
 import { R as RHFTextFieldPasswordRoot } from "./styles-DzaQqbnr.js";
 import { u as useUtilityClasses } from "./classes/index-ChETGcDs.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";

package/components/index.d.ts

@@ -1,7 +1,7 @@
+export * from './Icon';
 export * from './animate';
 export * from './areas';
 export * from './hook-form';
-export * from './mui_extended';
 export * from './formatters';
 export * from './formatters/types';
 export * from './formatters/dictionary';
@@ -20,7 +20,6 @@ export * from './CommonActions/dictionary';
 export * from './DragResizeWindow';
 export * from './GridLayout';
 export * from './PrintingSystem';
-export * from './Icon';
 export * from './LanguagePopover';
 export * from './LinearProgressIndeterminate';
 export * from './Image/Image';
@@ -53,3 +52,4 @@ export * from './commercial';
 export * from './MFIsolationApp';
 export * from './BaseModule';
 export type { SplitPosition } from './SplitLayout/types';
+export * from './mui_extended';

package/components/maps/components/Map/{Map-D981OPJL.js → Map-Cfa4sxoa.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { T as TileLayers } from "./subcomponents/TileLayers/index-p7XmQ2he.js";
-import { C as Controls } from "./subcomponents/Controls/index-CmHbUdr9.js";
+import { C as Controls } from "./subcomponents/Controls/index-BZHx_MEC.js";
 import { L as LayersContainer } from "./subcomponents/LayersContainer/index-tYTwy6xC.js";
 import { m as mapClasses } from "./classes/index-Di523KHt.js";
 import { M as MapRootStyled } from "./slots/MapSlots-DpFp1Bkq.js";

package/components/maps/components/Map/popups/MapPopupMyGps/{MapPopupMyGps-C7rTohaC.js → MapPopupMyGps-B0E2hLaU.js}

@@ -5,12 +5,12 @@ import { M as MapPopupMyGpsRootStyled, a as MapPopupMyGpsHeaderStyled, b as MapP
 import { M as MAP_POPUP_MYGPS_DICCTIONARY } from "./dictionary-Cy4BOBXB.js";
 import { P as PropertyValue } from "./subcomponents/PropertyValue/index-TH-nMLVj.js";
 import { useCallback } from "react";
-import { D as DistanceToNowFormatter } from "../../../../../formatters/DistanceToNowFormatter/DistanceToNowFormatter-D-KlZCzq.js";
+import { D as DistanceToNowFormatter } from "../../../../../formatters/DistanceToNowFormatter/DistanceToNowFormatter-Cn7lTVkU.js";
 import { L as LAT_LON_FIXED_DIGITS } from "./constants-BjidJqUx.js";
 import { M as MyDevice } from "../../../../../gclick/MyDevice/MyDevice-BoQAm0bh.js";
 import { M as MyDeviceStatus } from "../../../../../gclick/MyDeviceStatus/MyDeviceStatus-6k94VZLI.js";
 import { C as CourseFormatter } from "../../../../../formatters/CourseFormatter/CourseFormatter-C72EFdlI.js";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
 const MapPopupMyGps = (props) => {
   const { properties, isOpen, popupOptions } = props;
   const { keepInView = true, autoPan = true, ...others } = popupOptions || {};

package/components/maps/components/Map/subcomponents/Controls/{index-CmHbUdr9.js → index-BZHx_MEC.js}

@@ -3,11 +3,11 @@ import { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 import L__default from "leaflet";
 import { useMap } from "react-leaflet";
-import { T as TopRightTools } from "./subcomponents/TopRigthTools/index-NieP6L6S.js";
-import { T as TopLeftTools } from "./subcomponents/TopLeftTools/index-Cr8Z1VMx.js";
+import { T as TopRightTools } from "./subcomponents/TopRigthTools/index-DpT-T6mI.js";
+import { T as TopLeftTools } from "./subcomponents/TopLeftTools/index-be-jfACS.js";
 import { b as MAP_ZINDEX_OVER_MAP } from "../../constants--nCJwhxA.js";
 import { P as PopupsProvider } from "../../../../../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext-CahdzSly.js";
-import { P as PopupsViewer } from "../../../../../popups/components/PopupsViewer/PopupsViewer-a0HdHime.js";
+import { P as PopupsViewer } from "../../../../../popups/components/PopupsViewer/PopupsViewer-C3QkulFR.js";
 function Controls(props) {
   const { mapGpsTools } = props;
   const map = useMap();