@m4l/components 3.1.1 → 3.1.2

package/components/commercial/TopBar/{index-DIn6GDxV.js → index-Dp0HbEi4.js}

@@ -5,13 +5,13 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index-DiMrtgIu.js";
 import { createContext, useContext, useState } from "react";
 import { useEnvironment } from "@m4l/core";
-import { ad as ArrowIconRoot } from "../../../styles/index-BUR_Ti7P.js";
-import { I as Icon } from "../../Icon/index-CvYHnsc3.js";
+import { ad as ArrowIconRoot } from "../../../styles/index-BqaiaJOv.js";
+import { I as Icon } from "../../Icon/index-DlKdux5o.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index-DdF8U6jD.js";
-import { B as Button } from "../../mui_extended/Button/index-CA72o44h.js";
-import { P as Popover } from "../../mui_extended/Popover/index-DA0jXUyx.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index-CWyB6Das.js";
+import { B as Button } from "../../mui_extended/Button/index-BcnBUlsM.js";
+import { P as Popover } from "../../mui_extended/Popover/index-BDuzJ2yN.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
   /* elements */

package/components/commercial/{index-t-fIky9e.js → index-jFFB9huP.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { ae as HamburgerMenuRoot } from "../../styles/index-BUR_Ti7P.js";
+import { ae as HamburgerMenuRoot } from "../../styles/index-BqaiaJOv.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index-BexlVrZj.js";
-import { I as IconButton } from "../mui_extended/IconButton/index-DIF9uD3M.js";
+import { S as SideBar } from "../SideBar/index-Cg2Hd3OG.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-Czt3k_Cz.js";
 const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {

package/components/formatters/BooleanFormatter/{index-CBW6amFj.js → index-ZFF1gn_z.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-CvYHnsc3.js";
+import { I as Icon } from "../../Icon/index-DlKdux5o.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index-BHV-CsDU.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index-DLyGkr2X.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index-DdR_x4nK.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-DLyGkr2X.js → index-DdR_x4nK.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-BUR_Ti7P.js";
+import { af as FormatterRootContainer } from "../../styles/index-BqaiaJOv.js";
 import { W as WrapperComponent } from "../WrapperComponent/index-BHV-CsDU.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index-CBW6amFj.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index-ZFF1gn_z.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   /* elements */

package/components/hook-form/HelperError/{index-Dx9P9gUC.js → index-B4Wv-sMd.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-BysUzqMh.js";
+import { H as HelperText } from "../../HelperText/index-h0MumQq6.js";
 function HelperError(props) {
   const { name } = props;
   const { control } = useFormContext();

package/components/hook-form/RHFAutocomplete/{index-B2Q-8tdS.js → index-3FegFmnl.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-BUR_Ti7P.js";
+import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index-BqaiaJOv.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
-import { I as Image } from "../../Image/index-CC8G5gQL.js";
-import { T as Typography } from "../../mui_extended/Typography/index-CpZSVkZa.js";
-import { H as HelperText } from "../../HelperText/index-BysUzqMh.js";
-import { F as FieldLabel } from "../../FieldLabel/index-BxJpuS_q.js";
+import { I as Image } from "../../Image/index-CD7ItT7K.js";
+import { T as Typography } from "../../mui_extended/Typography/index-CWUVoTPQ.js";
+import { H as HelperText } from "../../HelperText/index-h0MumQq6.js";
+import { F as FieldLabel } from "../../FieldLabel/index-CHr0G4U4.js";
 import { C as CircularProgress } from "../../mui_extended/CircularProgress/index-Bnnti_G6.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index-DIF9uD3M.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index-Czt3k_Cz.js";
 const componentName = "M4LRHFAutocomplete";
 generateUtilityClasses(
   componentName,

package/components/hook-form/RHFAutocompleteAsync/{index-NckBOrZn.js → index-BEhJbBLF.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-BUR_Ti7P.js";
+import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index-BqaiaJOv.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index-B2Q-8tdS.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index-3FegFmnl.js";
 const componentName = "M4LRHFAutocompleteAsync";
 generateUtilityClasses(
   componentName,

package/components/hook-form/RHFCheckbox/{index-CDpw-Hc-.js → index-BRNLiE6R.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-BUR_Ti7P.js";
+import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index-BqaiaJOv.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index-BysUzqMh.js";
+import { H as HelperText } from "../../HelperText/index-h0MumQq6.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 { useFormFocus } from "../../../index.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox-AjZ7T1z4.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox-BlPCAug7.js";
 generateUtilityClasses("M4LRHFCheckbox", [
   /* elements */
   "root",

package/components/hook-form/RHFColorPicker/{index-Cr4AqCrd.js → index-BUnSZgFP.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-BysUzqMh.js";
+import { H as HelperText } from "../../HelperText/index-h0MumQq6.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { al as RHFColorPickerRoot } from "../../../styles/index-BUR_Ti7P.js";
+import { al as RHFColorPickerRoot } from "../../../styles/index-BqaiaJOv.js";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index-BxJpuS_q.js";
-import { I as Icon } from "../../Icon/index-CvYHnsc3.js";
-import { P as Popover } from "../../mui_extended/Popover/index-DA0jXUyx.js";
-import { B as Button } from "../../mui_extended/Button/index-CA72o44h.js";
+import { F as FieldLabel } from "../../FieldLabel/index-CHr0G4U4.js";
+import { I as Icon } from "../../Icon/index-DlKdux5o.js";
+import { P as Popover } from "../../mui_extended/Popover/index-BDuzJ2yN.js";
+import { B as Button } from "../../mui_extended/Button/index-BcnBUlsM.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   /* elements */

package/components/hook-form/RHFDateTime/{index-J3EC3pju.js → index-C4AKdQZs.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-BUR_Ti7P.js";
-import { H as HelperText } from "../../HelperText/index-BysUzqMh.js";
+import { am as RHFDateTimeRoot } from "../../../styles/index-BqaiaJOv.js";
+import { H as HelperText } from "../../HelperText/index-h0MumQq6.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index-BxJpuS_q.js";
-import { I as Icon } from "../../Icon/index-CvYHnsc3.js";
+import { F as FieldLabel } from "../../FieldLabel/index-CHr0G4U4.js";
+import { I as Icon } from "../../Icon/index-DlKdux5o.js";
 const SkeletonRHFDateTime = (props) => {
   const { skeletonWidth, skeletonHeight, className, label } = props;
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/components/hook-form/RHFPeriod/{index-BexZzT2k.js → index-DGx23zNh.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { an as RHFPeriodRoot } from "../../../styles/index-BUR_Ti7P.js";
+import { an as RHFPeriodRoot } from "../../../styles/index-BqaiaJOv.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index-BysUzqMh.js";
+import { H as HelperText } from "../../HelperText/index-h0MumQq6.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-BxJpuS_q.js";
-import { P as Period } from "../../Period/index-Cvw66i6M.js";
+import { F as FieldLabel } from "../../FieldLabel/index-CHr0G4U4.js";
+import { P as Period } from "../../Period/index-DI0yyJkf.js";
 const componentName = "M4LRHFPeriod";
 generateUtilityClasses(componentName, [
   /* elements */

package/components/hook-form/RHFRadioGroup/{index-D63AuOJa.js → index-kb5Lptxq.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-CvYHnsc3.js";
+import { I as Icon } from "../../Icon/index-DlKdux5o.js";
 function OptionIconLabelFormatter(option, getOptionLabel, getOptionIconUrl) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(

package/components/hook-form/RHFTextField/{index-BJLpXkG1.js → index-BHl6F84S.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-DIF9uD3M.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index-Czt3k_Cz.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index-BUR_Ti7P.js";
+import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index-BqaiaJOv.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index-DiMrtgIu.js";
-import { H as HelperText } from "../../HelperText/index-BysUzqMh.js";
+import { H as HelperText } from "../../HelperText/index-h0MumQq6.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index-BxJpuS_q.js";
+import { F as FieldLabel } from "../../FieldLabel/index-CHr0G4U4.js";
 const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
 const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
 const RHFTEXTFIELD_PREFIX = "RHFTextField";

package/components/hook-form/RHFUpload/{index-1y3PUbIb.js → index-C89fkCDi.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-CC8G5gQL.js";
+import { I as Image } from "../../Image/index-CD7ItT7K.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index-BUR_Ti7P.js";
+import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index-BqaiaJOv.js";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../../mui_extended/Typography/index-CpZSVkZa.js";
-import { B as Button } from "../../mui_extended/Button/index-CA72o44h.js";
-import { H as HelperText } from "../../HelperText/index-BysUzqMh.js";
+import { T as Typography } from "../../mui_extended/Typography/index-CWUVoTPQ.js";
+import { B as Button } from "../../mui_extended/Button/index-BcnBUlsM.js";
+import { H as HelperText } from "../../HelperText/index-h0MumQq6.js";
 const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;

package/components/maps/components/GpsTools/{index-M0iCv8sw.js → index-DQqaEJv0.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-BUR_Ti7P.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index-qVRWf9L-.js";
-import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index-C4OiK72T.js";
+import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index-BqaiaJOv.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index-DlSrVnb9.js";
+import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index-tmUVxG9k.js";
 import { C as ColumnDateFormatter } from "../../../DataGrid/formatters/ColumnDateFormatter/index-CKg8CJ6A.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useFormContext, useWatch, useFormState } from "react-hook-form";
-import { H as HelperError } from "../../../hook-form/HelperError/index-Dx9P9gUC.js";
-import { u as useModal } from "../../../../hooks/useModal/index-DYRKkNMW.js";
+import { H as HelperError } from "../../../hook-form/HelperError/index-B4Wv-sMd.js";
+import { u as useModal } from "../../../../hooks/useModal/index-C4KFRfjs.js";
 import { u as usePopupsStore } from "../../../popups/PopupsProvider/index-DhSxmtfJ.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-CaisaVHa.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm-saqM4JTM.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index-C7DUIzPB.js";
-import { B as Button } from "../../../mui_extended/Button/index-CA72o44h.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index-XsQwRqW1.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm-B9Q-SG8F.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index-oHakkAC6.js";
+import { B as Button } from "../../../mui_extended/Button/index-BcnBUlsM.js";
 import { useMap } from "react-leaflet";
 import * as L from "leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index-B3HygFCM.js";
-import { u as useTab } from "../../../../hooks/useTab/index-D96FqxT8.js";
+import { u as useTab } from "../../../../hooks/useTab/index-BpZ6eYx1.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { P as PaperForm } from "../../../PaperForm/index-B2Rejm-4.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index-B2Q-8tdS.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index-BJLpXkG1.js";
-import { S as Stack } from "../../../mui_extended/Stack/index-BEQk4psj.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index-DIF9uD3M.js";
-import { P as PropertyValue } from "../../../PropertyValue/index-DNrMXh6i.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index-Cr4AqCrd.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index-D80sHSf3.js";
-import { I as Icon } from "../../../Icon/index-CvYHnsc3.js";
+import { P as PaperForm } from "../../../PaperForm/index-DeN26l8w.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index-3FegFmnl.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index-BHl6F84S.js";
+import { S as Stack } from "../../../mui_extended/Stack/index-BkpDpzJ-.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index-Czt3k_Cz.js";
+import { P as PropertyValue } from "../../../PropertyValue/index-BGd-MVBw.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index-BUnSZgFP.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index-B0LeeWsk.js";
+import { I as Icon } from "../../../Icon/index-DlKdux5o.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index-Bxn239hw.js";
-import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index-BjTT-kaY.js";
-import { D as DataGrid } from "../../../DataGrid/index-Cm_DjxJc.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index-Bqwam1G9.js";
+import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index-c6gmoLHQ.js";
+import { D as DataGrid } from "../../../DataGrid/index-XH38_5e7.js";
 const COMPONENT_CLASS_NAME = "M4LMapGpsTools";
 const COMPONENT_MAP_TOOLS_ID = "gps_tools";
 const STYLE_OPACITIES = [

package/components/maps/components/Map/{index-BjTT-kaY.js → index-c6gmoLHQ.js}

@@ -9,24 +9,23 @@ 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-C7DUIzPB.js";
-import { B as Button } from "../../../mui_extended/Button/index-CA72o44h.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index-oHakkAC6.js";
+import { B as Button } from "../../../mui_extended/Button/index-BcnBUlsM.js";
 import * as Yup from "yup";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index-B3HygFCM.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index-NckBOrZn.js";
-import { S as Stack } from "../../../mui_extended/Stack/index-BEQk4psj.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index-D2OzLCry.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index-DIF9uD3M.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index-BEhJbBLF.js";
+import { S as Stack } from "../../../mui_extended/Stack/index-BkpDpzJ-.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index-CK8xajrE.js";
+import { I as IconButton, T as ToggleIconButton } from "../../../mui_extended/IconButton/index-Czt3k_Cz.js";
 import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index-DhSxmtfJ.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index-BcagTnvW.js";
-import { D as DataGrid } from "../../../DataGrid/index-Cm_DjxJc.js";
+import { D as DataGrid } from "../../../DataGrid/index-XH38_5e7.js";
 import { generateUtilityClasses, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
 import { C as ColumnSetCheckFormatter } from "../../../DataGrid/formatters/ColumnSetCheckFormatter/index-BaCawLr1.js";
-import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index-CvYHnsc3.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index-DlKdux5o.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index-C3P6ZK3m.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox-AjZ7T1z4.js";
-import { P as Popover } from "../../../mui_extended/Popover/index-DA0jXUyx.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index-Q6col-0G.js";
+import { C as CheckBox } from "../../../mui_extended/CheckBox-BlPCAug7.js";
+import { P as Popover } from "../../../mui_extended/Popover/index-BDuzJ2yN.js";
+import { P as PopupsViewer } from "../../../popups/PopupsViewer/index-HDdzpbpI.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";

package/components/modal/{WindowBase-DJ0Vq-og.js → WindowBase-CHrJsQOI.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index-CvYHnsc3.js";
-import { I as IconButton } from "../mui_extended/IconButton/index-DIF9uD3M.js";
-import { u as useModal } from "../../hooks/useModal/index-DYRKkNMW.js";
+import { I as Icon } from "../Icon/index-DlKdux5o.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-Czt3k_Cz.js";
+import { u as useModal } from "../../hooks/useModal/index-C4KFRfjs.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm-saqM4JTM.js → WindowConfirm-B9Q-SG8F.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index-C7DUIzPB.js";
+import { A as Actions } from "../CommonActions/components/Actions/index-oHakkAC6.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index-DYRKkNMW.js";
-import { I as Image } from "../Image/index-CC8G5gQL.js";
+import { u as useModal } from "../../hooks/useModal/index-C4KFRfjs.js";
+import { I as Image } from "../Image/index-CD7ItT7K.js";
 import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
-import { W as WindowBase } from "./WindowBase-DJ0Vq-og.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-DaxbYROX.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-CPfjB0gn.js";
+import { W as WindowBase } from "./WindowBase-CHrJsQOI.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-CpB3X0Xf.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-dU8aeBT-.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index-DdF8U6jD.js → index-CWyB6Das.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index-DIF9uD3M.js";
+import { I as IconButton } from "../IconButton/index-Czt3k_Cz.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index-BUR_Ti7P.js";
+import { ax as AccordionRoot } from "../../../styles/index-BqaiaJOv.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
-import { I as Icon } from "../../Icon/index-CvYHnsc3.js";
-import { T as Typography } from "../Typography/index-CpZSVkZa.js";
+import { I as Icon } from "../../Icon/index-DlKdux5o.js";
+import { T as Typography } from "../Typography/index-CWUVoTPQ.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   /* elements */

package/components/mui_extended/Avatar/{index-CTtUkMxD.js → index-Cl8uuEmb.js}

@@ -4,7 +4,7 @@ import { Skeleton, generateUtilityClasses, generateUtilityClass, Avatar as Avata
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index-BUR_Ti7P.js";
+import { ay as AvatarRoot } from "../../../styles/index-BqaiaJOv.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

package/components/mui_extended/Badge/{index-DDDr79kx.js → index-BMeJAZBX.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, Badge as Badge$1 } from "@mui/material";
 import "@mui/base";
-import { az as BadgeRoot } from "../../../styles/index-BUR_Ti7P.js";
+import { az as BadgeRoot } from "../../../styles/index-BqaiaJOv.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index-CA72o44h.js → index-BcnBUlsM.js}

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, IconButton, Tooltip } from "@mui/material";
 import MuiButton from "@mui/material/Button";
-import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index-BUR_Ti7P.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index-BqaiaJOv.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index-CC8G5gQL.js";
+import { I as Image } from "../../Image/index-CD7ItT7K.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index-CpZSVkZa.js";
+import { T as Typography } from "../Typography/index-CWUVoTPQ.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   /* elements */

package/components/mui_extended/{CheckBox-AjZ7T1z4.js → CheckBox-BlPCAug7.js}

@@ -5,8 +5,8 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { forwardRef } from "react";
-import { aD as CheckBoxRoot } from "../../styles/index-BUR_Ti7P.js";
-import { F as FieldLabel } from "../FieldLabel/index-BxJpuS_q.js";
+import { aD as CheckBoxRoot } from "../../styles/index-BqaiaJOv.js";
+import { F as FieldLabel } from "../FieldLabel/index-CHr0G4U4.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   /* elements */

package/components/mui_extended/IconButton/classes/constants-ChY2jKkp.js

@@ -0,0 +1,4 @@
+const componentName = "M4LIconButton";
+export {
+  componentName as c
+};

package/components/mui_extended/IconButton/classes/index-BxjJGAqZ.js

@@ -0,0 +1,45 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants-ChY2jKkp.js";
+const iconButtonClasses = generateUtilityClasses(componentName, [
+  /* elements */
+  "root",
+  "skeleton",
+  /* states or variants of elements */
+  "sizemSall",
+  "sizeMedium",
+  "variantPrimary",
+  "variantSecondary",
+  "variantLine",
+  "isFocus",
+  "isDisabled",
+  /**Toggle */
+  "togglePressed",
+  "toggleNotPressed"
+]);
+function getIconButtonUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = (ownerState) => {
+  const slots = {
+    root: [
+      "root",
+      ownerState.size === "small" && "sizeSmall",
+      ownerState.size === "medium" && "sizeMedium",
+      ownerState.variant === "primary" && ownerState.isSkeleton !== true && "variantPrimary",
+      ownerState.variant === "secondary" && ownerState.isSkeleton !== true && "variantSecondary",
+      ownerState.variant === "line" && ownerState.isSkeleton !== true && "variantLine",
+      ownerState.isFocus && !ownerState.isDisabled && "isFocus",
+      ownerState.isDisabled && "isDisabled"
+    ],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getIconButtonUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  iconButtonClasses as i,
+  useUtilityClasses as u
+};

package/components/mui_extended/IconButton/{index-DIF9uD3M.js → index-Czt3k_Cz.js}

@@ -1,11 +1,12 @@
 import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import { u as useUtilityClasses, i as iconButtonClasses } from "./classes/index-BxjJGAqZ.js";
+import { w as withToggle } from "../../../hocs/withToggle/index-C1_DMZD3.js";
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { Skeleton, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index-CvYHnsc3.js";
-import { aE as IconButtonRoot } from "../../../styles/index-BUR_Ti7P.js";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
+import { Skeleton, Tooltip, IconButton as IconButton$1 } from "@mui/material";
+import { I as Icon } from "../../Icon/index-DlKdux5o.js";
+import { I as IconButtonRoot } from "./styledIconButton-fAsbGoFS.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const SkeletonIconButton = (props) => {
   const { classes } = props;
@@ -18,45 +19,6 @@ const SkeletonIconButton = (props) => {
     }
   );
 };
-const componentName = "M4LIconButton";
-const iconButtonClasses = generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "skeleton",
-  /* states or variants of elements */
-  "sizemSall",
-  "sizeMedium",
-  "variantPrimary",
-  "variantSecondary",
-  "variantLine",
-  "isFocus",
-  "isDisabled",
-  /**Toggle */
-  "togglePressed",
-  "toggleNotPressed"
-]);
-function getIconButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.size === "small" && "sizeSmall",
-      ownerState.size === "medium" && "sizeMedium",
-      ownerState.variant === "primary" && ownerState.isSkeleton !== true && "variantPrimary",
-      ownerState.variant === "secondary" && ownerState.isSkeleton !== true && "variantSecondary",
-      ownerState.variant === "line" && ownerState.isSkeleton !== true && "variantLine",
-      ownerState.isFocus && !ownerState.isDisabled && "isFocus",
-      ownerState.isDisabled && "isDisabled"
-    ],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getIconButtonUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
 const IconButton = (props) => {
   const {
     src,
@@ -131,7 +93,25 @@ const IconButton = (props) => {
     ) : /* @__PURE__ */ jsx(SkeletonIconButton, { classes }) })
   );
 };
+const ToggleAbleIconButton = ({
+  onToggle,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  isToggled,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      onClick: onToggle,
+      ...props,
+      className: clsx(
+        onToggle ? iconButtonClasses.togglePressed : iconButtonClasses.toggleNotPressed
+      )
+    }
+  );
+};
+const ToggleIconButton = withToggle(ToggleAbleIconButton);
 export {
   IconButton as I,
-  iconButtonClasses as i
+  ToggleIconButton as T
 };