@m4l/components 3.0.3 → 3.1.0

package/components/modal/{WindowBase-CbvNt18-.js → WindowBase-Ce6yRLcN.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-94Yiv115.js";
-import { I as IconButton } from "../mui_extended/IconButton/index-8KJAFQdk.js";
-import { u as useModal } from "../../hooks/useModal/index-CHufWxiG.js";
+import { I as Icon } from "../Icon/index-CueLDD9j.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-OMq0pPK0.js";
+import { u as useModal } from "../../hooks/useModal/index-CTAwKk5D.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm-BcBjlBYB.js → WindowConfirm-BaB3Ojgu.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index-BKkqUxgb.js";
+import { A as Actions } from "../CommonActions/components/Actions/index-ChW1FuFf.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index-CHufWxiG.js";
-import { I as Image } from "../Image/index-D0wxe0iA.js";
+import { u as useModal } from "../../hooks/useModal/index-CTAwKk5D.js";
+import { I as Image } from "../Image/index-By5vsRzf.js";
 import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
-import { W as WindowBase } from "./WindowBase-CbvNt18-.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-GS4HJIdE.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-iGNIvcsn.js";
+import { W as WindowBase } from "./WindowBase-Ce6yRLcN.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-D_42VfUR.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-i5875EXe.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index-CImLE2c2.js → index-D1775s1J.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-8KJAFQdk.js";
+import { I as IconButton } from "../IconButton/index-OMq0pPK0.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index-DITv2ClE.js";
+import { ax as AccordionRoot } from "../../../styles/index-C-MsxWtr.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-94Yiv115.js";
-import { T as Typography } from "../Typography/index-DdbNIn5v.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
+import { T as Typography } from "../Typography/index-W88rbpsJ.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   /* elements */

package/components/mui_extended/Avatar/{index-QcHxAObO.js → index-n5hK7nJD.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-DITv2ClE.js";
+import { ay as AvatarRoot } from "../../../styles/index-C-MsxWtr.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

package/components/mui_extended/Badge/{index-CkxVcDch.js → index-Dfdw5Iaq.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-DITv2ClE.js";
+import { az as BadgeRoot } from "../../../styles/index-C-MsxWtr.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-CeKWngaw.js → index-CksGG1B8.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-DITv2ClE.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index-D0wxe0iA.js";
+import { I as Image } from "../../Image/index-By5vsRzf.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-DdbNIn5v.js";
+import { T as Typography } from "../Typography/index-W88rbpsJ.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   /* elements */

package/components/mui_extended/{CheckBox-D4lOF2ZN.js → CheckBox-CjxjIrmN.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-DITv2ClE.js";
-import { F as FieldLabel } from "../FieldLabel/index-uRWxFkWU.js";
+import { aD as CheckBoxRoot } from "../../styles/index-C-MsxWtr.js";
+import { F as FieldLabel } from "../FieldLabel/index-DCAMDJoJ.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   /* elements */

package/components/mui_extended/IconButton/{index-8KJAFQdk.js → index-OMq0pPK0.js}

@@ -2,8 +2,8 @@ import { jsx, Fragment } from "react/jsx-runtime";
 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-94Yiv115.js";
-import { aE as IconButtonRoot } from "../../../styles/index-DITv2ClE.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
+import { aE as IconButtonRoot } from "../../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index-DUH9jcY3.js → index-De7dpdBH.js}

@@ -3,11 +3,11 @@ import React__default, { useState, useEffect, useMemo } from "react";
 import { styled, useTheme } from "@mui/material/styles";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { MenuItem } from "@mui/material";
-import { aF as menuActionsStyles } from "../../../styles/index-DITv2ClE.js";
-import { P as Popover } from "../Popover/index-ADNJKYaU.js";
-import { B as Badge } from "../Badge/index-CkxVcDch.js";
-import { I as IconButton } from "../IconButton/index-8KJAFQdk.js";
-import { I as Icon } from "../../Icon/index-94Yiv115.js";
+import { aF as menuActionsStyles } from "../../../styles/index-C-MsxWtr.js";
+import { P as Popover } from "../Popover/index-BnKsmvtw.js";
+import { B as Badge } from "../Badge/index-Dfdw5Iaq.js";
+import { I as IconButton } from "../IconButton/index-OMq0pPK0.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
 const ICON_PATH = "frontend/components/menu_actions/assets/icons";
 const ICONS = {
   MENU: "menu.svg"

package/components/mui_extended/Pager/{index-CPojTM6X.js → index-k7SRq6Jo.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { aG as PagerRoot } from "../../../styles/index-DITv2ClE.js";
+import { aG as PagerRoot } from "../../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index-8KJAFQdk.js";
+import { I as IconButton } from "../IconButton/index-OMq0pPK0.js";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index-DdbNIn5v.js";
-import { I as Icon } from "../../Icon/index-94Yiv115.js";
+import { T as Typography } from "../Typography/index-W88rbpsJ.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   /* elements */

package/components/mui_extended/Popover/{index-ADNJKYaU.js → index-BnKsmvtw.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { aH as PopoverRoot } from "../../../styles/index-DITv2ClE.js";
+import { aH as PopoverRoot } from "../../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";

package/components/mui_extended/Stack/{index-COSPZIcB.js → index-C9YEChZB.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aI as MUISTack } from "../../../styles/index-DITv2ClE.js";
+import { aI as MUISTack } from "../../../styles/index-C-MsxWtr.js";
 import clsx from "clsx";
 const componentName = "M4LStack";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Tab/{index-DIBG_fln.js → index-CpdHav0V.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass, Tab as Tab$1, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index-DITv2ClE.js";
+import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index-C-MsxWtr.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";

package/components/mui_extended/ToggleButton/{index-iPblHkXQ.js → index-CS1mz-lH.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index-CeKWngaw.js";
+import { B as Button, b as buttonClasses } from "../Button/index-CksGG1B8.js";
 import { w as withToggle } from "../../../hocs/withToggle/index-C1_DMZD3.js";
 const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
   return /* @__PURE__ */ jsx(

package/components/mui_extended/ToggleIconButton/{index-C-84m9IF.js → index-BNQrQ6-b.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index-8KJAFQdk.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index-OMq0pPK0.js";
 import { w as withToggle } from "../../../hocs/withToggle/index-C1_DMZD3.js";
 const ToggleAbleIconButton = ({
   onToggle,

package/components/mui_extended/Typography/{index-DdbNIn5v.js → index-W88rbpsJ.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
-import { aN as WarpperTypography } from "../../../styles/index-DITv2ClE.js";
+import { aN as WarpperTypography } from "../../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";

package/components/popups/PopupsViewer/{index-CZGtpMc5.js → index-Dn0XOI6q.js}

@@ -5,10 +5,10 @@ import { forwardRef } from "react";
 import { useEnvironment } from "@m4l/core";
 import { u as usePopupsStore } from "../PopupsProvider/index-DhSxmtfJ.js";
 import { P as POPUPS_ICONS } from "./icons-BUujqqbu.js";
-import { P as PopupHeaderContainerStyled, a as PopupHeaderTitleStyled, b as PopupHeaderSubTitleStyled, c as PopupContentEditionInfoStyled, d as PopupDragWindowRootStyled, e as PopupContentRootStyled, f as PopupContentWrapperStyled, R as RootStyled } from "./slots/popupsViewerSlots-a4Hanx4W.js";
+import { P as PopupHeaderContainerStyled, a as PopupHeaderTitleStyled, b as PopupHeaderSubTitleStyled, c as PopupContentEditionInfoStyled, d as PopupDragWindowRootStyled, e as PopupContentRootStyled, f as PopupContentWrapperStyled, R as RootStyled } from "./slots/popupsViewerSlots-Db8QAmEE.js";
 import { d as draggableWindowClasses } from "../../DragResizeWindow/index-D2jLYExo.js";
-import { I as Icon } from "../../Icon/index-94Yiv115.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index-8KJAFQdk.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index-OMq0pPK0.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index-D4hDjM1P.js";
 const Header = (props) => {
   const { popupId } = props;

package/components/popups/PopupsViewer/slots/{popupsViewerSlots-a4Hanx4W.js → popupsViewerSlots-Db8QAmEE.js}

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 import { P as POPUPS_VIEWER_KEY_COMPONENT } from "../constants-DuyD7aCn.js";
-import { aO as popupsViewerStyles } from "../../../../styles/index-DITv2ClE.js";
+import { aO as popupsViewerStyles } from "../../../../styles/index-C-MsxWtr.js";
 import { P as PopupViewerSlots } from "./index-B98CiRLa.js";
 import { D as DragResizeWindow } from "../../../DragResizeWindow/index-D2jLYExo.js";
 const RootStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(

package/contexts/ModalContext/{index-5DJdcEm0.js → index-DkUBXDpR.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index-D8uF8eMi.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index-KryIxH_j.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index-D-Aek3pv.js → index-Ct48jRjb.js}

@@ -3,7 +3,7 @@ import { useEffect } from "react";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { aP as FormProviderRoot } from "../../styles/index-DITv2ClE.js";
+import { aP as FormProviderRoot } from "../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LRHFormProvider";

package/hooks/useFormAddEdit/{index-DfH0uOq9.js → index-BkBJNq8b.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useNetwork, useFlagsStore, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index-CHufWxiG.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm-BcBjlBYB.js";
+import { u as useModal } from "../useModal/index-CTAwKk5D.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm-BaB3Ojgu.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index-CHufWxiG.js → index-CTAwKk5D.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as ModalContext } from "../../contexts/ModalContext/index-5DJdcEm0.js";
+import { a as ModalContext } from "../../contexts/ModalContext/index-DkUBXDpR.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context) throw new Error("useModal context must be use inside ModalContext");

package/hooks/useTab/{index-B9UPdit5.js → index-PXnpiLMx.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { d as TabContext } from "../../components/mui_extended/Tab/index-DIBG_fln.js";
+import { d as TabContext } from "../../components/mui_extended/Tab/index-CpdHav0V.js";
 const useTab = () => {
   const context = useContext(TabContext);
   if (context === null) {

package/index.js

@@ -1,125 +1,125 @@
-import { T, a, c } from "./components/ToastContainer/index-CcDbkO5x.js";
-import { D, c as c2, g } from "./components/DataGrid/index-BagYcO5M.js";
+import { T, a, c } from "./components/ToastContainer/index-DN3ZHpBT.js";
+import { D, c as c2, g } from "./components/DataGrid/index-EgaRUtbL.js";
 import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index-BIFm8akr.js";
-import { N as N2 } from "./components/NavLink/index-mHY1nBUC.js";
+import { N as N2 } from "./components/NavLink/index-D6eiKlc0.js";
 import { S } from "./components/ScrollToTop/index-TxORk5dB.js";
-import { A, I } from "./components/animate/index-C2MciKBn.js";
+import { A, I } from "./components/animate/index-DsolrzTC.js";
 import { M } from "./components/animate/MotionContainer/index-eartnWyO.js";
 import { M as M2 } from "./components/animate/MotionLazyContainer/index-Be8osTiG.js";
-import { L } from "./components/animate/LoadingScreen/index-CxwaarhX.js";
+import { L } from "./components/animate/LoadingScreen/index-CcjW-mkl.js";
 import { P } from "./components/animate/PropagateLoader/index-Bkq8V2SN.js";
 import { v } from "./components/animate/variants/fade-CAOJNn06.js";
 import { v as v2 } from "./components/animate/variants/bounce-DanQqHAX.js";
 import { v as v3 } from "./components/animate/variants/container-Dmpr6tg5.js";
 import { v as v4, a as a2, b } from "./components/animate/variants/transition-B9W5SWTa.js";
-import { A as A2 } from "./components/areas/components/AreasAdmin/index-w4ZiYbUn.js";
-import { A as A3 } from "./components/areas/components/AreasViewer/index-C_Doyhlf.js";
+import { A as A2 } from "./components/areas/components/AreasAdmin/index-Y6S0Q7TN.js";
+import { A as A3 } from "./components/areas/components/AreasViewer/index-DfcpQwSl.js";
 import { a as a3, W } from "./components/areas/contexts/WindowToolsMFContext/index-DkE30fhm.js";
 import { a as a4, D as D2, M as M3, c as c3 } from "./components/areas/contexts/DynamicMFParmsContext/index-22c6E7vK.js";
-import { b as b2, A as A4 } from "./components/areas/contexts/AreasContext/index-BhgVSihv.js";
+import { b as b2, A as A4 } from "./components/areas/contexts/AreasContext/index-spCQnOlk.js";
 import { u } from "./components/areas/hooks/useDynamicMFParameters/index-DhbcZPs9.js";
 import { u as u2 } from "./components/areas/hooks/useWindowToolsMF/index-BECQfhbC.js";
 import { u as u3 } from "./components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle-BzPD-miW.js";
 import { A as A5, D as D3, L as L2, a as a5, g as g2 } from "./components/areas/dictionary-YUsP9beq.js";
-import { R, g as g3 } from "./components/hook-form/RHFAutocomplete/index-BAUo34ue.js";
-import { R as R2, g as g4 } from "./components/hook-form/RHFAutocompleteAsync/index-C7qy6PHH.js";
-import { R as R3 } from "./components/hook-form/RHFDateTime/index-Cn5PXhkh.js";
+import { R, g as g3 } from "./components/hook-form/RHFAutocomplete/index-erpzYu8W.js";
+import { R as R2, g as g4 } from "./components/hook-form/RHFAutocompleteAsync/index-BV0f25eK.js";
+import { R as R3 } from "./components/hook-form/RHFDateTime/index-OdXKdhJS.js";
 import { R as R4 } from "./components/hook-form/RHFMultiCheckbox/index-BARudV1A.js";
 import { R as R5 } from "./components/hook-form/RHFSelect/index-LdwRuFz-.js";
-import { R as R6 } from "./components/hook-form/RHFPeriod/index-BeUY33Fb.js";
-import { P as P2, g as g5 } from "./components/Period/index-Dvul8haj.js";
-import { R as R7 } from "./components/hook-form/RHFRadioGroup/index-DCq9ErFn.js";
-import { R as R8, g as g6 } from "./components/hook-form/RHFColorPicker/index-DCTeXEXx.js";
-import { R as R9 } from "./components/hook-form/RHFCheckbox/index-Dmsakuyn.js";
-import { b as b3, c as c4, a as a6, R as R10, d } from "./components/hook-form/RHFTextField/index-BcOjGk_X.js";
-import { R as R11 } from "./components/hook-form/RHFUpload/index-B9Yv-1cI.js";
-import { A as A6 } from "./components/mui_extended/Accordion/index-CImLE2c2.js";
-import { A as A7 } from "./components/mui_extended/Avatar/index-QcHxAObO.js";
+import { R as R6 } from "./components/hook-form/RHFPeriod/index-CjkIGYUY.js";
+import { P as P2, g as g5 } from "./components/Period/index-DtFWU3y5.js";
+import { R as R7 } from "./components/hook-form/RHFRadioGroup/index-Da_2zFu3.js";
+import { R as R8, g as g6 } from "./components/hook-form/RHFColorPicker/index-C-tITRAx.js";
+import { R as R9 } from "./components/hook-form/RHFCheckbox/index-Duf51-pS.js";
+import { b as b3, c as c4, a as a6, R as R10, d } from "./components/hook-form/RHFTextField/index-BWZWPFn5.js";
+import { R as R11 } from "./components/hook-form/RHFUpload/index-D4nrnFFT.js";
+import { A as A6 } from "./components/mui_extended/Accordion/index-D1775s1J.js";
+import { A as A7 } from "./components/mui_extended/Avatar/index-n5hK7nJD.js";
 import { B } from "./components/mui_extended/BoxIcon/index-BUTJ2tKw.js";
 import { B as B2 } from "./components/mui_extended/Breadcrumbs/index-DTS7rOZH.js";
 import { C } from "./components/mui_extended/CircularProgress/index-Bnnti_G6.js";
-import { B as B3 } from "./components/mui_extended/Badge/index-CkxVcDch.js";
+import { B as B3 } from "./components/mui_extended/Badge/index-Dfdw5Iaq.js";
 import { L as L3 } from "./components/mui_extended/LinearProgress/index-CGgW8jq2.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index-BC2miUjR.js";
-import { B as B4, I as I2, L as L5 } from "./components/mui_extended/Button/index-CeKWngaw.js";
-import { M as M4 } from "./components/mui_extended/MenuActions/index-DUH9jcY3.js";
-import { P as P3, g as g7 } from "./components/mui_extended/Pager/index-CPojTM6X.js";
-import { a as a7, b as b4, d as d2, c as c5, T as T3 } from "./components/mui_extended/Tab/index-DIBG_fln.js";
-import { C as C2 } from "./components/mui_extended/CheckBox-D4lOF2ZN.js";
-import { I as I3 } from "./components/mui_extended/IconButton/index-8KJAFQdk.js";
-import { P as P4 } from "./components/mui_extended/Popover/index-ADNJKYaU.js";
-import { S as S2 } from "./components/mui_extended/Stack/index-COSPZIcB.js";
+import { B as B4, I as I2, L as L5 } from "./components/mui_extended/Button/index-CksGG1B8.js";
+import { M as M4 } from "./components/mui_extended/MenuActions/index-De7dpdBH.js";
+import { P as P3, g as g7 } from "./components/mui_extended/Pager/index-k7SRq6Jo.js";
+import { a as a7, b as b4, d as d2, c as c5, T as T3 } from "./components/mui_extended/Tab/index-CpdHav0V.js";
+import { C as C2 } from "./components/mui_extended/CheckBox-CjxjIrmN.js";
+import { I as I3 } from "./components/mui_extended/IconButton/index-OMq0pPK0.js";
+import { P as P4 } from "./components/mui_extended/Popover/index-BnKsmvtw.js";
+import { S as S2 } from "./components/mui_extended/Stack/index-C9YEChZB.js";
 import { T as T4 } from "./components/mui_extended/Tooltip/index-B8QUytCK.js";
-import { T as T5 } from "./components/mui_extended/Typography/index-DdbNIn5v.js";
-import { T as T6 } from "./components/mui_extended/ToggleButton/index-iPblHkXQ.js";
-import { T as T7 } from "./components/mui_extended/ToggleIconButton/index-C-84m9IF.js";
-import { B as B5 } from "./components/formatters/BooleanFormatter/index-Cgmuw-1G.js";
+import { T as T5 } from "./components/mui_extended/Typography/index-W88rbpsJ.js";
+import { T as T6 } from "./components/mui_extended/ToggleButton/index-CS1mz-lH.js";
+import { T as T7 } from "./components/mui_extended/ToggleIconButton/index-BNQrQ6-b.js";
+import { B as B5 } from "./components/formatters/BooleanFormatter/index-Bc2l6GTX.js";
 import { D as D4, g as g8 } from "./components/formatters/DateFormatter/index-CGcRZ8BA.js";
 import { U, g as g9 } from "./components/formatters/UncertaintyFormatter/index-B9ESVEVp.js";
 import { P as P5, g as g10 } from "./components/formatters/PointsFormatter/index-C7sR8iqk.js";
-import { C as C3, P as P6, g as g11, a as a8, b as b5 } from "./components/formatters/index-D52mbpAz.js";
+import { C as C3, P as P6, g as g11, a as a8, b as b5 } from "./components/formatters/index-Botdzyt2.js";
 import { P as P7, g as g12 } from "./components/formatters/PriceFormatter/index-CsvRawmc.js";
 import { C as C4 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/index-Cq7a-jnE.js";
 import { C as C5 } from "./components/DataGrid/formatters/ColumnPointsFormatter/index-BXGW2CsK.js";
 import { C as C6 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/index-BslXGK-A.js";
-import { C as C7 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/index-C5oGRz2u.js";
+import { C as C7 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/index-BjkuIa7y.js";
 import { C as C8 } from "./components/DataGrid/formatters/ColumnDateFormatter/index-CKg8CJ6A.js";
-import { C as C9 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index-D3U8qNWy.js";
+import { C as C9 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index-CWQp1KWU.js";
 import { C as C10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/index-O11tBykn.js";
-import { C as C11 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index-BiSoxUSc.js";
+import { C as C11 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index-DggW8-4n.js";
 import { C as C12 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/index-BaCawLr1.js";
-import { a as a9 } from "./components/DynamicFilter/dictionary-CZftQwMz.js";
-import { D as D5 } from "./components/DynamicFilter/index-ZWC-ymw6.js";
-import { F } from "./components/FieldLabel/index-uRWxFkWU.js";
-import { H, e } from "./components/HelperText/index-D2yPRkGD.js";
-import { A as A8, d as d3, g as g13 } from "./components/CommonActions/components/Actions/index-BKkqUxgb.js";
-import { A as A9 } from "./components/CommonActions/components/ActionCancel/index-GS4HJIdE.js";
-import { A as A10 } from "./components/CommonActions/components/ActionIntro/index-iGNIvcsn.js";
-import { A as A11 } from "./components/CommonActions/components/ActionFormCancel/index-CX2I9LHt.js";
-import { A as A12 } from "./components/CommonActions/components/ActionFormIntro/index-w0_c4nBH.js";
+import { a as a9 } from "./components/DynamicFilter/dictionary-B2qYGLOx.js";
+import { D as D5 } from "./components/DynamicFilter/index-BLjn97jC.js";
+import { F } from "./components/FieldLabel/index-DCAMDJoJ.js";
+import { H, e } from "./components/HelperText/index-DVV5Jfc8.js";
+import { A as A8, d as d3, g as g13 } from "./components/CommonActions/components/Actions/index-ChW1FuFf.js";
+import { A as A9 } from "./components/CommonActions/components/ActionCancel/index-D_42VfUR.js";
+import { A as A10 } from "./components/CommonActions/components/ActionIntro/index-i5875EXe.js";
+import { A as A11 } from "./components/CommonActions/components/ActionFormCancel/index-DL7fDBi6.js";
+import { A as A12 } from "./components/CommonActions/components/ActionFormIntro/index-i3HmOpoU.js";
 import { D as D6, d as d4 } from "./components/DragResizeWindow/index-D2jLYExo.js";
-import { G, w, z } from "./components/GridLayout/index-CRsM-v5t.js";
-import { R as R12, a as a10, b as b6, c as c6 } from "./components/GridLayout/subcomponents/Responsive/index-uchivok8.js";
-import { w as w2 } from "./components/GridLayout/subcomponents/SizeProvider/index-HZgs6M75.js";
-import { P as P8 } from "./components/PrintingSystem/index-B56vJjAF.js";
-import { I as I4 } from "./components/Icon/index-94Yiv115.js";
-import { L as L6 } from "./components/LanguagePopover/index-BvbgbVe2.js";
-import { L as L7 } from "./components/LinearProgressIndeterminate/index-DOKrJpZ4.js";
-import { I as I5 } from "./components/Image/index-D0wxe0iA.js";
+import { G, w, z } from "./components/GridLayout/index-DUfp2sP_.js";
+import { R as R12, a as a10, b as b6, c as c6 } from "./components/GridLayout/subcomponents/Responsive/index-B7v5X9un.js";
+import { w as w2 } from "./components/GridLayout/subcomponents/SizeProvider/index-BsKaLKRl.js";
+import { P as P8 } from "./components/PrintingSystem/index-DJmGF2SQ.js";
+import { I as I4 } from "./components/Icon/index-CueLDD9j.js";
+import { L as L6 } from "./components/LanguagePopover/index-Dn2JPzf1.js";
+import { L as L7 } from "./components/LinearProgressIndeterminate/index-CTlvokQp.js";
+import { I as I5 } from "./components/Image/index-By5vsRzf.js";
 import { L as L8 } from "./components/Loadable/index-BMbi9ISF.js";
-import { C as C13, M as M5, c as c7, b as b7, d as d5, u as u4 } from "./components/maps/components/Map/index-h_YuCA40.js";
-import { M as M6, G as G2, u as u5 } from "./components/maps/components/GpsTools/index-CPthTXb6.js";
-import { M as M7, d as d6, g as g14 } from "./components/ModalDialog/index-D8uF8eMi.js";
+import { C as C13, M as M5, c as c7, b as b7, d as d5, u as u4 } from "./components/maps/components/Map/index-BRrVIyA-.js";
+import { M as M6, G as G2, u as u5 } from "./components/maps/components/GpsTools/index-DPY-BjB8.js";
+import { M as M7, d as d6, g as g14 } from "./components/ModalDialog/index-KryIxH_j.js";
 import { g as g15 } from "./components/modal/index-CydPIpKZ.js";
-import { W as W2 } from "./components/modal/WindowConfirm-BcBjlBYB.js";
-import { W as W3 } from "./components/modal/WindowBase-CbvNt18-.js";
-import { L as L9, g as g16 } from "./components/LoadingError/index-DbVvt8Og.js";
-import { M as M8, g as g17 } from "./components/MFLoader/index-B4k4mKvG.js";
-import { N as N3, d as d7, g as g18 } from "./components/NoItemSelected/index-B1BsnTIa.js";
-import { O, d as d8, g as g19 } from "./components/ObjectLogs/index-CNAZX4Ww.js";
-import { P as P9 } from "./components/PaperForm/index-B1W7MP_K.js";
-import { P as P10 } from "./components/PDFViewer/index-D_ICdj18.js";
-import { H as H2 } from "./components/Page/index-BjeY10EA.js";
-import { P as P11 } from "./components/PropertyValue/index-C8XbXuPK.js";
-import { R as R13 } from "./components/Resizeable/index-enxKr_xx.js";
-import { S as S3 } from "./components/ScrollBar/index-CHwim4Ga.js";
-import { S as S4 } from "./components/SplitLayout/index-CKvln8Em.js";
-import { S as S5 } from "./components/SideBar/index-Bi1cZIrX.js";
-import { A as A13, g as g20 } from "./components/AppBar/index-CpiDi7W9.js";
-import { A as A14, g as g21 } from "./components/AccountPopover/index-C1SHV3XZ.js";
+import { W as W2 } from "./components/modal/WindowConfirm-BaB3Ojgu.js";
+import { W as W3 } from "./components/modal/WindowBase-Ce6yRLcN.js";
+import { L as L9, g as g16 } from "./components/LoadingError/index-CXVOiscg.js";
+import { M as M8, g as g17 } from "./components/MFLoader/index-CCtU6zwR.js";
+import { N as N3, d as d7, g as g18 } from "./components/NoItemSelected/index-DKhhgTAH.js";
+import { O, d as d8, g as g19 } from "./components/ObjectLogs/index-CpBmanv0.js";
+import { P as P9 } from "./components/PaperForm/index-B6a3-CZt.js";
+import { P as P10 } from "./components/PDFViewer/index-3PBUibum.js";
+import { H as H2 } from "./components/Page/index-PXQkJn7v.js";
+import { P as P11 } from "./components/PropertyValue/index-Cc7y20oI.js";
+import { R as R13 } from "./components/Resizeable/index-BwQ6EKCK.js";
+import { S as S3 } from "./components/ScrollBar/index-P3SkjYOy.js";
+import { S as S4 } from "./components/SplitLayout/index-CwmZT1x6.js";
+import { S as S5 } from "./components/SideBar/index-Ddxe1VvL.js";
+import { A as A13, g as g20 } from "./components/AppBar/index-3gXtikUI.js";
+import { A as A14, g as g21 } from "./components/AccountPopover/index-vXlaw69C.js";
 import { a as a11, P as P12, u as u6 } from "./components/popups/PopupsProvider/index-DhSxmtfJ.js";
-import { P as P13 } from "./components/popups/PopupsViewer/index-CZGtpMc5.js";
-import { A as A15 } from "./components/commercial/AppBarCommercial/index-C2XuD_Di.js";
-import { H as H3 } from "./components/commercial/index-D8V8uETc.js";
-import { T as T8 } from "./components/commercial/TopBar/index-C3oRupMz.js";
-import { S as S6 } from "./components/commercial/SectionCommercial/index-CQ909EmI.js";
-import { M as M9 } from "./components/MFIsolationApp/index-CzX8pqYQ.js";
-import { B as B6 } from "./components/BaseModule/index-C3PN52OU.js";
-import { R as R14, g as g22 } from "./contexts/RHFormContext/index-D-Aek3pv.js";
-import { a as a12, M as M10 } from "./contexts/ModalContext/index-5DJdcEm0.js";
-import { g as g23, u as u7 } from "./hooks/useFormAddEdit/index-DfH0uOq9.js";
-import { u as u8 } from "./hooks/useModal/index-CHufWxiG.js";
-import { u as u9 } from "./hooks/useTab/index-B9UPdit5.js";
+import { P as P13 } from "./components/popups/PopupsViewer/index-Dn0XOI6q.js";
+import { A as A15 } from "./components/commercial/AppBarCommercial/index-D1jIOw7M.js";
+import { H as H3 } from "./components/commercial/index-D1bCIF7p.js";
+import { T as T8 } from "./components/commercial/TopBar/index-DLn3yEcX.js";
+import { S as S6 } from "./components/commercial/SectionCommercial/index-C9THYik8.js";
+import { M as M9 } from "./components/MFIsolationApp/index-BfFMo2Q2.js";
+import { B as B6 } from "./components/BaseModule/index-CtN6b__U.js";
+import { R as R14, g as g22 } from "./contexts/RHFormContext/index-Ct48jRjb.js";
+import { a as a12, M as M10 } from "./contexts/ModalContext/index-DkUBXDpR.js";
+import { g as g23, u as u7 } from "./hooks/useFormAddEdit/index-BkBJNq8b.js";
+import { u as u8 } from "./hooks/useModal/index-CTAwKk5D.js";
+import { u as u9 } from "./hooks/useTab/index-PXnpiLMx.js";
 import { useState, useRef, useEffect } from "react";
 const useFormFocus = () => {
   const [isFocus, setIsFocus] = useState(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "license": "UNLICENSED",
   "lint-staged": {
     "src/**/*.{js,ts,jsx,tsx}": "eslint --max-warnings=0 --fix",
@@ -16,14 +16,14 @@
     "@mui/lab": "5.0.0-alpha.89",
     "@mui/material": "5.15.19",
     "@mui/x-date-pickers": "6.11.1",
-    "@storybook/addon-essentials": "8.1.5",
-    "@storybook/addon-interactions": "8.1.5",
-    "@storybook/addon-links": "8.1.5",
-    "@storybook/addon-onboarding": "8.1.5",
-    "@storybook/blocks": "8.1.5",
-    "@storybook/react": "8.1.5",
-    "@storybook/react-vite": "8.1.5",
-    "@storybook/test": "8.1.5",
+    "@storybook/addon-essentials": "8.2.5",
+    "@storybook/addon-interactions": "8.2.5",
+    "@storybook/addon-links": "8.2.5",
+    "@storybook/addon-onboarding": "8.2.5",
+    "@storybook/blocks": "8.2.5",
+    "@storybook/react": "8.2.5",
+    "@storybook/react-vite": "8.2.5",
+    "@storybook/test": "8.2.5",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",
     "esbuild": "^0.20.1",
@@ -54,7 +54,7 @@
     "react-toastify": "10.0.5",
     "react-transition-group": "^4.4.5",
     "simplebar-react": "2.4.1",
-    "storybook": "8.1.5",
+    "storybook": "8.2.5",
     "yup": "^0.32.11",
     "zustand": "4.3.6"
   },

package/styles/{index-DITv2ClE.js → index-C-MsxWtr.js}

@@ -1,15 +1,14 @@
 import { styled, alpha, Skeleton, Popover, Stack, Tabs, Dialog, ListItemText, ListItemButton } from "@mui/material";
 import { styled as styled$1, alpha as alpha$1 } from "@mui/material/styles";
 import SimpleBarReact from "simplebar-react";
-import { h as gridLayoutClasses } from "../components/GridLayout/index-CRsM-v5t.js";
+import { h as gridLayoutClasses } from "../components/GridLayout/index-DUfp2sP_.js";
 import { a as ResizableBox } from "../react-resizable-eBbFl2dX.js";
-import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index-w4ZiYbUn.js";
-import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index-C_Doyhlf.js";
-import styles from "react-toastify/dist/ReactToastify.min.css";
-import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index-CPthTXb6.js";
-import { R as RHFormProvider } from "../contexts/RHFormContext/index-D-Aek3pv.js";
-import { S as Stack$1 } from "../components/mui_extended/Stack/index-COSPZIcB.js";
-import { I as Image } from "../components/Image/index-D0wxe0iA.js";
+import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index-Y6S0Q7TN.js";
+import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index-DfcpQwSl.js";
+import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index-DPY-BjB8.js";
+import { R as RHFormProvider } from "../contexts/RHFormContext/index-Ct48jRjb.js";
+import { S as Stack$1 } from "../components/mui_extended/Stack/index-C9YEChZB.js";
+import { I as Image } from "../components/Image/index-By5vsRzf.js";
 const RootStyle$1 = styled("div", {
   shouldForwardProp: (props) => props !== "variant"
 })(({ theme, variant }) => ({
@@ -972,7 +971,6 @@ const toastStyles = {
     "--toastify-toast-bd-radius": "8px",
     // used to control the opacity of the progress trail
     "--toastify-color-progress-bgo": ".2",
-    styles,
     ...ownerState?.fixed === false ? {
       top: 0,
       position: "absolute",