@m4l/components 4.2.0 → 5.0.0

package/components/ToastContainer/helpers/{toaster-WqO38v2y.js → toaster-rSpMgeD4.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { toast } from "react-toastify";
-import { T as ToastMessage } from "../subcomponents/ToastMessage/ToastMessage-P17rGQi4.js";
+import { T as ToastMessage } from "../subcomponents/ToastMessage/ToastMessage-83ZZXUdn.js";
 function optionsToProps(toastProps, containerId, size) {
   return {
     containerId,

package/components/ToastContainer/slots/{toastContainerSlots-ShE6GR0W.js → toastContainerSlots-Dt1rvYdg.js}

@@ -2,7 +2,7 @@ import { styled } from "@mui/material/styles";
 import { T as ToastContainerSlots } from "./ToastContainerEnum-mpJBAxqc.js";
 import { T as TOAST_KEY_COMPONENT } from "../constants-BrwLWG5c.js";
 import { t as toastStyles } from "../../../styles/ToastContainer.styles-DyoHGY_x.js";
-import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.js";
 const RootStyled = styled("div", {
   name: TOAST_KEY_COMPONENT,
   slot: ToastContainerSlots.root

package/components/ToastContainer/slots/toastContainerSlots.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MessageRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MessageHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MessageIconRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MessageIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/components/ToastContainer/subcomponents/ToastMessage/{ToastMessage-P17rGQi4.js → ToastMessage-83ZZXUdn.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { T as TOAST_KEY_COMPONENT } from "../../constants-BrwLWG5c.js";
 import { u as useToastMessage } from "./useToastMessage-CnlGBnjj.js";
-import { M as MessageRootStyled, a as MessageHeaderStyled, b as MessageIconRootStyled, c as MessageIconStyled, d as MessageTitleStyled, e as MessagePinButtonStyled, f as MessagePinButtonIconStyled, g as MessageCloseButtonStyled, h as MessageCloseButtonIconStyled, i as MessageDescriptionStyled } from "../../slots/toastContainerSlots-ShE6GR0W.js";
+import { M as MessageRootStyled, a as MessageHeaderStyled, b as MessageIconRootStyled, c as MessageIconStyled, d as MessageTitleStyled, e as MessagePinButtonStyled, f as MessagePinButtonIconStyled, g as MessageCloseButtonStyled, h as MessageCloseButtonIconStyled, i as MessageDescriptionStyled } from "../../slots/toastContainerSlots-Dt1rvYdg.js";
 const ToastMessage = (props) => {
   const { title, description, closeToast } = props;
   const { pinToast, isPinned, ownerState, iconPinPath, iconTypePath, iconClosePath, currentSize } = useToastMessage(props);

package/components/areas/components/AreasAdmin/{index-Jdk8HOci.js → index-7BNkSfdp.js}

@@ -1,19 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { u as useAreasStore } from "../../hooks/useAreas/index-DosRWKI3.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { A as AreaChip } from "./subcomponents/AreaChip/index-DPpEktvU.js";
+import { A as AreaChip } from "./subcomponents/AreaChip/index-CqdH0Lyb.js";
 import { shallow } from "zustand/shallow";
 import { A as AreasAdminRoot } from "./styles-BkiAuWPY.js";
 import { a as areasAdminClasses } from "./classes/index-CryauVAw.js";
 import { I as ICONS } from "../../icons-CwFr-alN.js";
 import { S as ScrollBar } from "../../../ScrollBar/index-1MJx3e_h.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { A as AreaChipMobile } from "./subcomponents/AreaChipMobile/index-DBibZv7z.js";
+import { A as AreaChipMobile } from "./subcomponents/AreaChipMobile/index-qhcmkcT6.js";
 import { useRef } from "react";
 import { u as useOnClickOutside } from "../../utils/useOnClickOutside/index-B_Odny9h.js";
-import { P as PanelWindowPopUp } from "./subcomponents/PanelWindowPopUp/index-Cm-WpVBD.js";
+import { P as PanelWindowPopUp } from "./subcomponents/PanelWindowPopUp/index-BwAcXTx5.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../dictionary-gOjRdYCc.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 function AreasAdmin() {
   const areas = useAreasStore((state) => state.areasIds, shallow);
   const currentArea = useAreasStore((state) => state.currentAreaId, shallow);

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

@@ -9,13 +9,13 @@ 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-DG8rtyb1.js";
+import { C as ChipActionsMobile } from "./subcomponents/ChipActionsMobile/index-0ggxJSjE.js";
 import { useTheme } from "@mui/material";
 import { shallow } from "zustand/shallow";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.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 { T as Typography } from "../../../../../mui_extended/Typography/Typography-CiRwBv1u.js";
+import { R as RHFTextField } from "../../../../../hook-form/RHFTextField/RHFTextField-1-r9fAR1.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";

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/{index-DG8rtyb1.js → index-0ggxJSjE.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-Dxsk2iZ_.js";
+import { M as MenuActions } from "../../../../../../../mui_extended/MenuActions/MenuActions-BGQRB0go.js";
 const ChipActionsMobile = (props) => {
   const { handlerOpenPopoverEditArea, areaId } = props;
   const { deleteArea } = useAreasStore((state) => state.areasActions);

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/{index-DBibZv7z.js → index-qhcmkcT6.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-BQgk7Spx.js";
-import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-Dxsk2iZ_.js";
+import { C as ChipMobile } from "./subcomponents/ChipMobile/ChipMobile-_JAJPQiI.js";
+import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-BGQRB0go.js";
 import { B as Button } from "../../../../../mui_extended/Button/Button-BdusSjEV.js";
-import { I as Icon } from "../../../../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../../../../Icon/Icon-1jxG9mYZ.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-BQgk7Spx.js → ChipMobile-_JAJPQiI.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-DG8rtyb1.js";
+import { C as ChipActionsMobile } from "../../../AreaChip/subcomponents/ChipActionsMobile/index-0ggxJSjE.js";
 import { E as EditAreaHeader } from "../../../AreaChip/styles-CScNS_dH.js";
-import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.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 { T as Typography } from "../../../../../../../mui_extended/Typography/Typography-CiRwBv1u.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 { P as Popover } from "../../../../../../../mui_extended/Popover/Popover-B9KxhzxZ.js";
-import { R as RHFTextField } from "../../../../../../../hook-form/RHFTextField/RHFTextField-CLJBIdqH.js";
+import { R as RHFTextField } from "../../../../../../../hook-form/RHFTextField/RHFTextField-1-r9fAR1.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-Cm-WpVBD.js → index-BwAcXTx5.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-Dxsk2iZ_.js";
+import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-BGQRB0go.js";
 const PanelWindowPopUp = (props) => {
   const { currentAreaId } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/areas/components/AreasViewer/{index-DDhTc-L_.js → index-DIqlOZCm.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-DHpaSU9G.js";
+import { A as Area } from "./subcomponents/Area/index-DCmLjmse.js";
 import { u as useAreasStore } from "../../hooks/useAreas/index-DosRWKI3.js";
-import { M as MemonizedWindowModal } from "./subcomponents/Area/subcomponents/WindowModal/index-CbQS6cwx.js";
+import { M as MemonizedWindowModal } from "./subcomponents/Area/subcomponents/WindowModal/index-CI_NRrEx.js";
 import { shallow } from "zustand/shallow";
-import { L as LoadingError } from "../../../LoadingError/LoadingError-CnecFu8n.js";
+import { L as LoadingError } from "../../../LoadingError/LoadingError-Ds10r50U.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-DHpaSU9G.js → index-DCmLjmse.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { I as InnerForHooks } from "./subcomponents/InnerForHooks/index-DimY7T39.js";
+import { I as InnerForHooks } from "./subcomponents/InnerForHooks/index-pDXMW9k1.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-Dk6-Yc0W.js → index-DHGSYG73.js}

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { shallow } from "zustand/shallow";
-import { W as Window } from "../Window/index-C32GMMZI.js";
+import { W as Window } from "../Window/index-DQLweOBU.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-DimY7T39.js → index-pDXMW9k1.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as AreaGridLayout } from "../AreaGridLayout/index-Dk6-Yc0W.js";
-import { P as PanelWindows } from "../PanelWindows/index-Bc_yIYf0.js";
+import { A as AreaGridLayout } from "../AreaGridLayout/index-DHGSYG73.js";
+import { P as PanelWindows } from "../PanelWindows/index-Dj3ZP_HG.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-CnecFu8n.js";
+import { L as LoadingError } from "../../../../../../../LoadingError/LoadingError-Ds10r50U.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const InnerForHooks = (props) => {
   const { areaId } = props;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/PanelWindows/{index-Bc_yIYf0.js → index-Dj3ZP_HG.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-B3bJhoym.js";
+import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.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-C32GMMZI.js → index-DQLweOBU.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-Ce8SjtLq.js";
-import { M as MemonizedMicroFrontend } from "./subcomponents/MicroFrontend/index-B6EHNyPD.js";
+import { H as Header } from "./subcomponents/Header/index-Dz0wM27Z.js";
+import { M as MemonizedMicroFrontend } from "./subcomponents/MicroFrontend/index-C4qSzf32.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-WqO38v2y.js";
-import { T as ToastContainer } from "../../../../../../../ToastContainer/ToastContainer-_FYxGq0T.js";
+import { c as createToaster } from "../../../../../../../ToastContainer/helpers/toaster-rSpMgeD4.js";
+import { T as ToastContainer } from "../../../../../../../ToastContainer/ToastContainer-ByypN4tG.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-Ce8SjtLq.js → index-Dz0wM27Z.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-BwI4Y9mQ.js";
+import { M as MainActions } from "./subcomponents/MainActions/index-Bpw467Zk.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../../../../dictionary-gOjRdYCc.js";
 import { L as LinearProgressIndeterminate } from "../../../../../../../../../LinearProgressIndeterminate/LinearProgressIndeterminate--VicNz4N.js";
-import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography-C_rG8K21.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";
+import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography-CiRwBv1u.js";
+import { a as MemonizedMenuActions } from "../../../../../../../../../mui_extended/MenuActions/MenuActions-BGQRB0go.js";
+import { I as IconButton } from "../../../../../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
+import { I as Icon } from "../../../../../../../../../Icon/Icon-1jxG9mYZ.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-BwI4Y9mQ.js → index-Bpw467Zk.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-B3bJhoym.js";
+import { I as IconButton } from "../../../../../../../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 function MainActions(props) {
   const { windowId } = props;
   const moduleActions = useAreasStore((state) => {

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

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

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/WindowModal/{index-CbQS6cwx.js → index-CI_NRrEx.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-C32GMMZI.js";
+import { W as Window } from "../Window/index-DQLweOBU.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/commercial/HamburgerMenu/{HamburgerMenu-0CxnkZcL.js → HamburgerMenu-B3zqxZ46.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 { I as IconButton } from "../../mui_extended/IconButton/IconButton-B3bJhoym.js";
-import { S as SideBar } from "../../SideBar/SideBar-Dtv9D1op.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
+import { S as SideBar } from "../../SideBar/SideBar-BxgZL1ii.js";
 const HamburgerMenu = (props) => {
   const { data, itemClick } = props;
   const [visible, setVisible] = useState(false);

package/components/commercial/TopBar/{TopBar-CiPvdF5n.js → TopBar-CVWG41wc.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--ODioIvu.js";
+import { C as ConteinItem } from "./component/ConteinItem/index-pRy1XKXi.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--ODioIvu.js → index-pRy1XKXi.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-BZqvNDFP.js";
+import { N as NavItemRoot } from "./subcomponets/NavItem/index-C_nVTPXr.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-BZqvNDFP.js → index-C_nVTPXr.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-DL2OSPIe.js";
+import { A as ArrowIcon } from "./subcomponents/ArrowIcon/index-DHlgLuec.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-DMcoDzkd.js";
+import { A as Accordion } from "../../../../../../mui_extended/Accordion/Accordion-Cjzf7pl5.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-DL2OSPIe.js → index-DHlgLuec.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-BV4VaWM4.js";
+import { I as Icon } from "../../../../../../../../Icon/Icon-1jxG9mYZ.js";
 function ArrowIcon(props) {
   const { openState } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/formatters/BooleanFormatter/{index-B9K5RQtZ.js → index-a9Q_8L6L.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-BV4VaWM4.js";
+import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.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/gclick/MyDevice/slots/MyDeviceSlots.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const MyDeviceRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const MyDeviceRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MyDeviceImageStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../Image").ImageProps, keyof import("../../../Image").ImageProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, {}, {}>;
-export declare const MyDeviceLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const MyDeviceLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;

package/components/gclick/MyDeviceStatus/slots/MyDeviceStatusSlots.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const MyDeviceStatusRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const MyDeviceStatusRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MyDeviceStatusImageStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../Image").ImageProps, keyof import("../../../Image").ImageProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, {}, {}>;
-export declare const MyDeviceStatusLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const MyDeviceStatusLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;

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

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-25CiXhHc.js";
-import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-D3xALqbz.js";
+import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-DxjKX2EY.js";
+import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-D-QVfFbz.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-25CiXhHc.js → index-DxjKX2EY.js}

@@ -10,13 +10,13 @@ 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 { w as withRenderOption } from "../RenderOption/index-DOEqxjNF.js";
 import { S as SkeletonRHFAutocomplete } from "../Skeleton/index-CLFtsqKV.js";
-import { F as FieldLabel } from "../../../../FieldLabel/FieldLabel-B2BhuYxm.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { L as Label } from "../../../../Label/Label-3ew9PS6u.js";
+import { T as Typography } from "../../../../mui_extended/Typography/Typography-CiRwBv1u.js";
 import { I as Image } from "../../../../Image/Image-BjqOt3pz.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
+import { H as HelperError } from "../../../../HelperError/HelperError-C5G4oOos.js";
 function ComponentTypeImage(props) {
   const {
     name: nameRHF,
@@ -135,9 +135,8 @@ function ComponentTypeImage(props) {
             };
             return /* @__PURE__ */ jsxs(Fragment, { children: [
               label && /* @__PURE__ */ jsx(
-                FieldLabel,
+                Label,
                 {
-                  className: classes.label,
                   label,
                   mandatory,
                   mandatoryMessage,
@@ -269,7 +268,7 @@ function ComponentTypeImage(props) {
                   } : {}
                 }
               ),
-              currentVariant === "error" ? /* @__PURE__ */ jsx(HelperText, { variant: currentVariant, message: error?.message }) : null
+              currentVariant === "error" ? /* @__PURE__ */ jsx(HelperError, { message: error?.message }) : null
             ] });
           }
         }

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

@@ -9,12 +9,12 @@ 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 { H as HelperText } from "../../../../HelperText/index-DZCj76Dl.js";
 import { S as SkeletonRHFAutocomplete } from "../Skeleton/index-CLFtsqKV.js";
-import { F as FieldLabel } from "../../../../FieldLabel/FieldLabel-B2BhuYxm.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { L as Label } from "../../../../Label/Label-3ew9PS6u.js";
+import { T as Typography } from "../../../../mui_extended/Typography/Typography-CiRwBv1u.js";
 import { C as CircularProgress } from "../../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
+import { H as HelperError } from "../../../../HelperError/HelperError-C5G4oOos.js";
 function ComponentTypeText(props) {
   const {
     name: nameRHF,
@@ -122,9 +122,8 @@ function ComponentTypeText(props) {
             };
             return /* @__PURE__ */ jsxs(Fragment, { children: [
               label && /* @__PURE__ */ jsx(
-                FieldLabel,
+                Label,
                 {
-                  className: classes.label,
                   label,
                   mandatory,
                   mandatoryMessage,
@@ -253,7 +252,7 @@ function ComponentTypeText(props) {
                   } : {}
                 }
               ),
-              currentVariant === "error" ? /* @__PURE__ */ jsx(HelperText, { variant: currentVariant, message: error?.message }) : null
+              currentVariant === "error" ? /* @__PURE__ */ jsx(HelperError, { message: error?.message }) : null
             ] });
           }
         }

package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeText/index.d.ts

@@ -1,2 +1,2 @@
-import { RHFAutocompleteBaseProps, RHFAutocompleteTypeTextProps } from "../../types";
+import { RHFAutocompleteBaseProps, RHFAutocompleteTypeTextProps } from '../../types';
 export declare function ComponentTypeText<T>(props: RHFAutocompleteBaseProps<T> & RHFAutocompleteTypeTextProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFAutocomplete/subcomponents/RenderOption/{index-Da0ufkAL.js → index-DOEqxjNF.js}

@@ -4,7 +4,7 @@ import { W as WrapperOption } from "./styles-DQUg_XpC.js";
 import { I as Image } from "../../../../Image/Image-BjqOt3pz.js";
 import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../test/utils-BPSzDgdt.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { T as Typography } from "../../../../mui_extended/Typography/Typography-CiRwBv1u.js";
 function withRenderOption(getUrlImage, classes) {
   return function RenderOption(optionProps, option) {
     return /* @__PURE__ */ createElement(

package/components/hook-form/RHFAutocomplete/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { AutocompleteCloseReason, AutocompleteInputChangeReason, TextFieldProps } from '@mui/material';
-import { FieldLabelProps } from '../../FieldLabel/types';
+import { LabelProps } from '../../Label/types';
 export declare type GetOptionString<T> = (option: T | null) => string;
 export declare type RHFAutocompleteVariants = 'info' | 'success' | 'warning';
 export declare type ImageProps<T> = (RHFAutocompleteTypeImageProps<T> & {
@@ -10,7 +10,7 @@ export declare type ImageProps<T> = (RHFAutocompleteTypeImageProps<T> & {
     imageRepeat: boolean;
     imageScale?: never;
 });
-export interface RHFAutocompleteBaseProps<T> extends Omit<TextFieldProps, 'label' | 'variant'>, Omit<FieldLabelProps, 'label'> {
+export interface RHFAutocompleteBaseProps<T> extends Omit<TextFieldProps, 'label' | 'variant'>, Omit<LabelProps, 'label'> {
     name: string;
     options: Array<T>;
     getOptionLabel: (option: T) => string;

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

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-D8AVmjL2.js";
-import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-BRhwzH7S.js";
+import { C as ComponentTypeText } from "./subcomponents/ComponentTypeText/index-CpTJkG4o.js";
+import { C as ComponentTypeImage } from "./subcomponents/ComponentTypeImage/index-Cwq3J-ce.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-BRhwzH7S.js → index-Cwq3J-ce.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-CXEIRzzx.js";
+import { R as RHFAutocomplete } from "../../../RHFAutocomplete/RHFAutocomplete-CJnpp5nw.js";
 function ComponentTypeImage(props) {
   const {
     name,

package/components/hook-form/RHFAutocompleteAsync/subcomponents/ComponentTypeText/{index-D8AVmjL2.js → index-CpTJkG4o.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-CXEIRzzx.js";
+import { R as RHFAutocomplete } from "../../../RHFAutocomplete/RHFAutocomplete-CJnpp5nw.js";
 function ComponentTypeText(props) {
   const {
     name,

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

@@ -2,13 +2,13 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
 import { R as RHFCheckboxRoot, C as ContainerCheckTypography } from "./styles-BjwlDvb3.js";
 import { u as useUtilityClasses } from "./classes/index-jiQEHNY0.js";
-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 { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
 import { useModuleSkeleton } from "@m4l/core";
-import { C as CheckBox } from "../../mui_extended/CheckBox/CheckBox-CX9pOKhu.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox/CheckBox-CSqbunYW.js";
+import { H as HelperError } from "../../HelperError/HelperError-C5G4oOos.js";
 function RHFCheckbox(props) {
   const {
     name,
@@ -75,7 +75,7 @@ function RHFCheckbox(props) {
                     )
                   }
                 ),
-                error?.message && /* @__PURE__ */ jsx(HelperText, { variant: "error", message: error?.message + "" })
+                error?.message && /* @__PURE__ */ jsx(HelperError, { message: error?.message + "" })
               ] });
             }
           }

package/components/hook-form/RHFCheckbox/types.d.ts

@@ -1,6 +1,6 @@
 import { FormControlLabelProps } from '@mui/material';
-import { FieldLabelProps } from '../../FieldLabel/types';
-export interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'>, Omit<FieldLabelProps, 'label'> {
+import { LabelProps } from '../../Label/types';
+export interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'>, Omit<LabelProps, 'label'> {
     name: string;
     sizeCheck?: 'small' | 'medium';
     label?: string;