@m4l/components 4.1.8 → 4.2.0

package/components/DynamicFilter/subcomponents/InputFilter/{InputFilter-BeSpLzoZ.js → InputFilter-Bj8INNYl.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useInputFilter } from "./useInputFilter-D0-KYcEV.js";
+import { u as useInputFilter } from "./useInputFilter-DLvIsD8w.js";
 import { I as InputFilterSkeleton } from "./InputFilterSkeleton-BV7OwUgY.js";
-import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots-X11BZr2l.js";
-import { P as PopoverMenuFields } from "../PopoverMenuFields/PopoverMenuFields-Btz_TEp5.js";
+import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots-C8IBJUmf.js";
+import { P as PopoverMenuFields } from "../PopoverMenuFields/PopoverMenuFields-CPXEYn9r.js";
 const InputFilter = () => {
   const {
     iconUrl,

package/components/DynamicFilter/subcomponents/InputFilter/{useInputFilter-D0-KYcEV.js → useInputFilter-DLvIsD8w.js}

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary-CNZO5wD-.js";
-import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-CdlJeQW2.js";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-DCb7nm--.js";
 import { A as ALL_FIELD } from "../../constants-ByqmFATV.js";
 function useInputFilter() {
   const [selectedFieldIndex, setSelectedFieldIndex] = useState(-1);

package/components/DynamicFilter/subcomponents/PopoverFilter/{PopoverFilter-COjduZb0.js → PopoverFilter-BwhQfSyo.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as usePopoverFilter } from "./usePopoverFilter-Cfu7tmtx.js";
-import { D as DataTypeComponent } from "../FieldTypes/DataTypeComponent-Lwo9WmLE.js";
-import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots-X11BZr2l.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index-DE-wmCBw.js";
+import { u as usePopoverFilter } from "./usePopoverFilter-BUiOZUV-.js";
+import { D as DataTypeComponent } from "../FieldTypes/DataTypeComponent-B6mD-fVy.js";
+import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots-C8IBJUmf.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index-DJtfB7-U.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index-CI0Yqh5P.js";
 import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index-CCc2O0ve.js";
 function PopoverFilter() {

package/components/DynamicFilter/subcomponents/PopoverFilter/{usePopoverFilter-Cfu7tmtx.js → usePopoverFilter-BUiOZUV-.js}

@@ -1,7 +1,7 @@
 import { useRef, useMemo, useCallback } from "react";
 import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-CdlJeQW2.js";
-import { f as fieldFactory } from "../FieldTypes/fieldFactory-Dx9a03_M.js";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-DCb7nm--.js";
+import { f as fieldFactory } from "../FieldTypes/fieldFactory-Duu1aGXd.js";
 function usePopoverFilter() {
   let anchorEl;
   let field;

package/components/DynamicFilter/subcomponents/PopoverMenuFields/{PopoverMenuFields-Btz_TEp5.js → PopoverMenuFields-CPXEYn9r.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as usePopoverMenuFields } from "./usePopoverMenuFields-VuaPOZKR.js";
-import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/dynamicFilterSlots-X11BZr2l.js";
+import { u as usePopoverMenuFields } from "./usePopoverMenuFields-uAmChfOU.js";
+import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/dynamicFilterSlots-C8IBJUmf.js";
 function PopoverMenuFields(props) {
   const { fields, selectFieldIndex } = props;
   const { fnAnchorEl, handleOpenPopUpClickItem, handleClosePopover, getItemLabel } = usePopoverMenuFields();

package/components/DynamicFilter/subcomponents/PopoverMenuFields/{usePopoverMenuFields-VuaPOZKR.js → usePopoverMenuFields-uAmChfOU.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-CdlJeQW2.js";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-DCb7nm--.js";
 function usePopoverMenuFields() {
   const { getLabel } = useModuleDictionary();
   const fnAnchorEl = useDynamicFilterStore((state) => state.fnAnchorEl);

package/components/FieldLabel/{FieldLabel-B85v09Pe.js → FieldLabel-B2BhuYxm.js}

@@ -5,7 +5,7 @@ import { u as useUtilityClasses } from "./classes/index-CqpbNDZs.js";
 import { Tooltip, Skeleton } from "@mui/material";
 import clsx from "clsx";
 import { T as Typography } from "../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Icon } from "../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../Icon/Icon-BV4VaWM4.js";
 const FieldLabel = (props) => {
   const {
     helperMessage: message,

package/components/Icon/Icon-BV4VaWM4.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { useModuleSkeleton } from "@m4l/core";
+import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize-IEs8SldY.js";
+import { R as RootStyled, T as TooltipStyled, I as IconStyled } from "./slots/IconSlots-DOzsxvU0.js";
+const Icon = (props) => {
+  const { src, size, rotationAngle, tooltipName, securityArea, color, className } = props;
+  const { currentSize } = useComponentSize(size);
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsx(
+    RootStyled,
+    {
+      className,
+      ownerState: { skeleton: isSkeleton, securityArea, size: currentSize },
+      children: tooltipName ? /* @__PURE__ */ jsx(TooltipStyled, { title: tooltipName, ownerState: {}, children: /* @__PURE__ */ jsx(
+        IconStyled,
+        {
+          ownerState: {
+            src,
+            rotationAngle,
+            size: currentSize,
+            skeleton: isSkeleton,
+            color
+          }
+        }
+      ) }) : /* @__PURE__ */ jsx(
+        IconStyled,
+        {
+          ownerState: {
+            src,
+            rotationAngle,
+            size: currentSize,
+            skeleton: isSkeleton,
+            color
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  Icon as I
+};

package/components/Icon/Icon.d.ts

@@ -1,7 +1,5 @@
 import { IconProps } from './types';
 /**
  * Provee de un medio por el cual se carga un icono svg en la plataforma web, aporta su versión provisional de carga en red.
- * @param props
- * @returns
  */
-export declare function Icon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/components/Icon/constants-p-zWrteB.js

@@ -0,0 +1,4 @@
+const ICON_KEY_COMPONENT = "M4LIcon";
+export {
+  ICON_KEY_COMPONENT as I
+};

package/components/Icon/constants.d.ts

@@ -0,0 +1 @@
+export declare const ICON_KEY_COMPONENT = "M4LIcon";

package/components/Icon/slots/IconEnum-DugVgD7D.js

@@ -0,0 +1,9 @@
+var IconSlots = /* @__PURE__ */ ((IconSlots2) => {
+  IconSlots2["root"] = "root";
+  IconSlots2["tooltip"] = "tooltip";
+  IconSlots2["icon"] = "icon";
+  return IconSlots2;
+})(IconSlots || {});
+export {
+  IconSlots as I
+};

package/components/Icon/slots/IconEnum.d.ts

@@ -0,0 +1,5 @@
+export declare enum IconSlots {
+    root = "root",
+    tooltip = "tooltip",
+    icon = "icon"
+}

package/components/Icon/slots/IconSlots-DOzsxvU0.js

@@ -0,0 +1,22 @@
+import { styled } from "@mui/material/styles";
+import { I as IconSlots } from "./IconEnum-DugVgD7D.js";
+import { I as ICON_KEY_COMPONENT } from "../constants-p-zWrteB.js";
+import { i as iconStyles } from "../../../styles/Icon.styles-45ANn544.js";
+import { T as Tooltip } from "../../mui_extended/Tooltip/Tooltip-B8locLi_.js";
+const RootStyled = styled("div", {
+  name: ICON_KEY_COMPONENT,
+  slot: IconSlots.root
+})(iconStyles?.root);
+const TooltipStyled = styled(Tooltip, {
+  name: ICON_KEY_COMPONENT,
+  slot: IconSlots.tooltip
+})(iconStyles?.tooltip);
+const IconStyled = styled("div", {
+  name: ICON_KEY_COMPONENT,
+  slot: IconSlots.icon
+})(iconStyles?.icon);
+export {
+  IconStyled as I,
+  RootStyled as R,
+  TooltipStyled as T
+};

package/components/Icon/slots/IconSlots.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("..").IconOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("..").IconOwnerState> & 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 TooltipStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Tooltip").TooltipProps, keyof import("../../mui_extended/Tooltip").TooltipProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("..").IconOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("..").IconOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const IconStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("..").IconOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("..").IconOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;

package/components/Icon/slots/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/Icon/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IconEnum';
+export * from './IconSlots';

package/components/Icon/types.d.ts

@@ -1,12 +1,44 @@
-export declare type SizeIcon = 'small' | 'extraSmall' | 'medium' | 'large' | 'extraLarge';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { IconSlots } from './slots';
+import { Theme } from '@mui/material';
+import { ICON_KEY_COMPONENT } from './constants';
+import { ColorSchemeComponent, Sizes } from '@m4l/styles';
 export interface IconProps {
+    /**
+     * URL o ruta de la imagen que se va a mostrar.
+     */
     src: string;
-    size?: SizeIcon;
+    /**
+     * Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium' , 'large'.
+     */
+    size?: Sizes;
+    /**
+     * Ángulo de rotación de la imagen en grados.
+     */
     rotationAngle?: number;
+    /**
+     * Nombre del tooltip que se mostrará al pasar el cursor sobre el componente.
+     */
+    tooltipName?: string;
+    /**
+     * Indica si se debe mostrar un esqueleto de carga en lugar de la imagen mientras esta se carga.
+     */
+    skeleton?: boolean;
+    /**
+     * Indica si se debe resaltar un área de seguridad en el componente.
+     */
+    securityArea?: boolean;
+    /**
+     * Esquema de color a aplicar al componente de los valores definidos en 'ColorSchemeComponent'.
+     */
+    color?: ColorSchemeComponent;
+    /**
+     * Clase externa
+     */
     className?: string;
 }
-export declare type DivIconProps = Pick<IconProps, 'src' | 'rotationAngle'>;
-export declare type WrapperPlaceHolderProps = {
-    size: string;
-};
-export declare type OwnerState = Pick<IconProps, 'size' | 'rotationAngle'>;
+export declare type OwnerState = Pick<IconProps, 'size' | 'rotationAngle' | 'skeleton' | 'securityArea'>;
+export interface IconOwnerState extends IconProps, OwnerState {
+}
+export declare type IconSlotsType = keyof typeof IconSlots;
+export declare type IconStyles = Partial<OverridesStyleRules<IconSlotsType, typeof ICON_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/LoadingError/{LoadingError-B3XRg-pT.js → LoadingError-CnecFu8n.js}

@@ -4,8 +4,8 @@ import { I as ICONS } from "../areas/icons-CwFr-alN.js";
 import { l as loadingErrorUtilityClasses } from "./classes/index-C_bckEjI.js";
 import { L as LoadingErrorRoot } from "./styles-JDmaMF_4.js";
 import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/LinearProgressIndeterminate--VicNz4N.js";
-import { I as Icon } from "../Icon/Icon-_wceDYwV.js";
 import { T as Typography } from "../mui_extended/Typography/Typography-C_rG8K21.js";
+import { I as Icon } from "../Icon/Icon-BV4VaWM4.js";
 import { B as Button } from "../mui_extended/Button/Button-BdusSjEV.js";
 const LoadingError = (props) => {
   const { status, action, title, description, recommendation, introMessage, errorIcon } = props;

package/components/MFIsolationApp/{MFIsolationApp-Cu5Ce7mb.js → MFIsolationApp-CxmZU0Ps.js}

@@ -8,9 +8,9 @@ import { LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } fr
 import { EnvironmentProvider, HostToolsProvider, NetworkProvider, axiosOperation, AuthProvider } from "@m4l/core";
 import { T as TOAST_CONTAINER_ID } from "./constants-pKuV2ytz.js";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext-Dh1xxcRq.js";
-import { c as createToaster } from "../ToastContainer/helpers/toaster-B8FCUyrb.js";
+import { c as createToaster } from "../ToastContainer/helpers/toaster-WqO38v2y.js";
 import { M as MFAuthApp } from "./subcomponents/MFAuthApp/MFAuthApp-DgY0YGK1.js";
-import { T as ToastContainer } from "../ToastContainer/ToastContainer-BaOdDtgq.js";
+import { T as ToastContainer } from "../ToastContainer/ToastContainer-_FYxGq0T.js";
 import { B as BaseModule } from "../BaseModule/BaseModule-1qgJozad.js";
 import { A as AreasProvider } from "../areas/contexts/AreasContext/index-B_WBK3u-.js";
 const history = createBrowserHistory({ window });

package/components/MFLoader/{MFLoader-D8pXQmRc.js → MFLoader-DGyI0TI-.js}

@@ -3,10 +3,10 @@ import { useState, useCallback, useEffect } from "react";
 import { useNetwork, useEnvironment, useHostTools, axiosOperation } from "@m4l/core";
 import { useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import debounce from "lodash/debounce";
-import { P as ProggessLoadingMF } from "./subcomponents/ProggessLoadingMF/index-D8tU4EJM.js";
+import { P as ProggessLoadingMF } from "./subcomponents/ProggessLoadingMF/index-B-TsTYTl.js";
 import { O as ObservableLoaderMF } from "./helper-DIBUdU2j.js";
 import { m as mfLoaderUtilityClasses } from "./classes/index-C4jyh98a.js";
-import { L as LoadingError } from "../LoadingError/LoadingError-B3XRg-pT.js";
+import { L as LoadingError } from "../LoadingError/LoadingError-CnecFu8n.js";
 import { M as MFLoaderRoot } from "./styles-CtS4rdXD.js";
 function getDivScritId(prefix, moduleId) {
   const rotational_id = `${Math.round((/* @__PURE__ */ new Date()).getTime() / 1e3)}_rnd_${Math.round(

package/components/ObjectLogs/components/DetailFormatter/{index-CM09jbIZ.js → index-EcGYfHVI.js}

@@ -3,10 +3,10 @@ import { Tooltip, IconButton } from "@mui/material";
 import { D as DetailDialog } from "../DetailDialog/index-BSRfMj11.js";
 import { u as useModal } from "../../../../hooks/useModal/index-DkNYHw5Z.js";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../Icon/Icon-BV4VaWM4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { S as Stack } from "../../../mui_extended/Stack/Stack-C79qEBpg.js";
-import { W as WindowBase } from "../../../modal/WindowBase/index-Dgu1_Mae.js";
+import { W as WindowBase } from "../../../modal/WindowBase/index-BcT3jfae.js";
 function DetailFormatter(props) {
   const { log_id } = props;
   const { openModal } = useModal();

package/components/ObjectLogs/{index-BMYR8EJm.js → index-qB2t03L7.js}

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { C as Container, A as Actions, G as GridWrapper } from "./styles-PxnVTC5y.js";
-import { D as DataGrid } from "../DataGrid/index-BSpzLVZs.js";
+import { D as DataGrid } from "../DataGrid/index-B4eh2KBx.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index-CGcRZ8BA.js";
-import { D as DetailFormatter } from "./components/DetailFormatter/index-CM09jbIZ.js";
-import { D as DynamicFilter } from "../DynamicFilter/DynamicFilter-C5-mC4Mi.js";
+import { D as DetailFormatter } from "./components/DetailFormatter/index-EcGYfHVI.js";
+import { D as DynamicFilter } from "../DynamicFilter/DynamicFilter-v3KSDetp.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 function ObjectLogs(props) {
   const { resource_id, object_id, dataTestId = "" } = props;

package/components/PaperForm/{PaperForm-DiHt7C4n.js → PaperForm-B_0YMPq6.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { P as PaperFormRoot, C as Content } from "./styles-cMJgA-Av.js";
-import { H as Header } from "./components/Header-DnBLQnp4.js";
+import { H as Header } from "./components/Header-D9JZ4cha.js";
 import { p as paperFormUtilityClasses } from "./classes/index-C6y8jsT8.js";
 function PaperForm(props) {
   const { urlIcon, title, children, isForm = false } = props;

package/components/PaperForm/components/{Header-DnBLQnp4.js → Header-D9JZ4cha.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
 import { H as HeaderContainer, I as IconTitleContainer, a as IconHeader, S as SkTPaperFormHeader } from "../styles-cMJgA-Av.js";
 const Header = (props) => {
   const { urlIcon, title, classes } = props;

package/components/Period/{Period-DaRcVvl_.js → Period-DqC_73uq.js}

@@ -11,7 +11,7 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { S as SkeletonPeriod } from "./subcomponents/SkeletonPeriod/index-CDuo-ffk.js";
 import { T as Typography } from "../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as IconButton } from "../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../mui_extended/IconButton/IconButton-B3bJhoym.js";
 const getSelPeriodTime = (period) => {
   if (!period) return ETimePeriods.YEARS;
   if (period.selPeriodTime) return period.selPeriodTime;

package/components/PropertyValue/{PropertyValue-BWgtp9fO.js → PropertyValue-rqR7zw0S.js}

@@ -6,8 +6,8 @@ import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { T as TEST_PROPS_DATA, C as COMPONENT_PREFIX } from "./constants-EBZEdYQ_.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.js";
-import { F as FieldLabel } from "../FieldLabel/FieldLabel-B85v09Pe.js";
-import { I as Icon } from "../Icon/Icon-_wceDYwV.js";
+import { F as FieldLabel } from "../FieldLabel/FieldLabel-B2BhuYxm.js";
+import { I as Icon } from "../Icon/Icon-BV4VaWM4.js";
 function PropertyValue(props) {
   const {
     property,

package/components/SideBar/{SideBar-BQ8rB79H.js → SideBar-Dtv9D1op.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { S as SideBarRoot } from "./styles-DD87zVej.js";
-import { C as ContentDesktop } from "./subcomponents/ContentDesktop/index-DEDTBa3D.js";
+import { C as ContentDesktop } from "./subcomponents/ContentDesktop/index-zV7vFkkv.js";
 import { S as SideBarProvider } from "./context/sideBarContext/index-MO7cOTFM.js";
 import { g as getSideBarClassesByState } from "./classes/index-DwK5vHib.js";
 import { g as getNameDataTestId } from "./tests/utils-tW-XG1xE.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-import { C as ContentMobile } from "./subcomponents/ContentMobile/index-26xDb69z.js";
+import { C as ContentMobile } from "./subcomponents/ContentMobile/index-BQY4i7Cf.js";
 import { useResponsive } from "@m4l/styles";
 import { M as MENU_COLLAPSED_SIZE } from "./constants-BRWf1smn.js";
 const SideBar = (props) => {

package/components/SideBar/subcomponents/ContentDesktop/{index-DEDTBa3D.js → index-zV7vFkkv.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { u as useSideBar } from "../../hooks/useSideBar/index-CZiP3QRh.js";
-import { C as ContentComponent } from "./subcomponents/ContentComponent/index-MxIpbLF6.js";
+import { C as ContentComponent } from "./subcomponents/ContentComponent/index-CV1fTTqO.js";
 import { M as MENU_COLLAPSED_SIZE } from "../../constants-BRWf1smn.js";
 const ContentDesktop = () => {
   const { classes, collapsed, expandedWidth, overlay } = useSideBar();

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/ContentComponent/{index-MxIpbLF6.js → index-CV1fTTqO.js}

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { g as getNameDataTestId } from "../../../../tests/utils-tW-XG1xE.js";
 import { u as useSideBar } from "../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock-CF-669v-.js";
-import { C as ContentGroups } from "../../../ContentGroups/index-S2HkF6xA.js";
+import { C as ContentGroups } from "../../../ContentGroups/index-Cw6qkzkX.js";
 import { F as FooterSidebar } from "../CollapseButton/index-UhoigWQy.js";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
 import { a as MENU_COLLAPSED_CONTAINER_SIZE } from "../../../../constants-BRWf1smn.js";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
 const ContentComponent = () => {
   const { collapsed, onToggleCollapse, classes, onToggleOverlay, overlay } = useSideBar();
   const handlerOnMouseEnter = () => {

package/components/SideBar/subcomponents/ContentGroups/{index-S2HkF6xA.js → index-Cw6qkzkX.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { C as ContentGroupsRoot, W as WrapperGroup, a as WrapperGroupTitle } from "./styles-BejiSnJt.js";
-import { I as ItemListMain } from "./subcomponents/ItemListRoot/index-BwPVd-42.js";
+import { I as ItemListMain } from "./subcomponents/ItemListRoot/index-DFGhBi_C.js";
 import { u as useSideBar } from "../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../tests/utils-tW-XG1xE.js";

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/{index-BwPVd-42.js → index-DFGhBi_C.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Collapse } from "@mui/material";
-import { N as NavItemMain } from "./subcomponents/NavItemRoot/index-c8ZHSm8O.js";
+import { N as NavItemMain } from "./subcomponents/NavItemRoot/index-sJe80ChS.js";
 import { C as ContainerListSubItem } from "./styles-_I13xqtq.js";
-import { N as NavListSubItem } from "./subcomponents/NavListSub/index-C8DIt_9z.js";
+import { N as NavListSubItem } from "./subcomponents/NavListSub/index-Cp7_GKWu.js";
 import { u as useSideBar } from "../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../tests/utils-tW-XG1xE.js";

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/ArrowIcon/{index-BFSPWIQ2.js → index-CdmVlp1X.js}

@@ -4,7 +4,7 @@ import { A as ArrowIconRoot } from "./styles-XF6qlczg.js";
 import { u as useSideBar } from "../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../tests/utils-tW-XG1xE.js";
-import { I as Icon } from "../../../../../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../../../../../Icon/Icon-BV4VaWM4.js";
 function ArrowIcon(props) {
   const { openState } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/{index-c8ZHSm8O.js → index-sJe80ChS.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { N as NavItemMainRoot } from "./styles-B-bKLBgN.js";
-import { N as NavItemMainContent } from "./subcomponents/NavItemRootContent/index-NbDs8ek_.js";
+import { N as NavItemMainContent } from "./subcomponents/NavItemRootContent/index-DpLjh38W.js";
 import { u as useSideBar } from "../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../tests/utils-tW-XG1xE.js";

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/{index-NbDs8ek_.js → index-DpLjh38W.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { u as useSideBar } from "../../../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
-import { A as ArrowIcon } from "../../../ArrowIcon/index-BFSPWIQ2.js";
+import { A as ArrowIcon } from "../../../ArrowIcon/index-CdmVlp1X.js";
 import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Icon } from "../../../../../../../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../../../../../../../Icon/Icon-BV4VaWM4.js";
 const NavItemMainContent = (props) => {
   const { item, onClick, handlerOpen, changeVisible, open } = props;
   const { title, icon_url: icon, children } = item;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/{index-C8DIt_9z.js → index-Cp7_GKWu.js}

@@ -3,7 +3,7 @@ import { Collapse } from "@mui/material";
 import { useState, useEffect } from "react";
 import { u as useSideBar } from "../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { N as NavListSubItemRoot } from "./styles-DufcL0vH.js";
-import { N as NavSubItem } from "./subcomponents/NavItemSub/index-balvzY2-.js";
+import { N as NavSubItem } from "./subcomponents/NavItemSub/index-DqW9Hr9L.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../tests/utils-tW-XG1xE.js";
 import clsx from "clsx";

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/{index-balvzY2-.js → index-DqW9Hr9L.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { N as NavSubItemContent } from "./subcomponents/NavItemSubContent/index-CqBv7uIS.js";
+import { N as NavSubItemContent } from "./subcomponents/NavItemSubContent/index-D-b9FagQ.js";
 import { u as useSideBar } from "../../../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
 function NavSubItem(props) {
   const { item, closePopover, setOpenSub, openSub } = props;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/{index-CqBv7uIS.js → index-D-b9FagQ.js}

@@ -5,10 +5,10 @@ import { N as NavSubItemContentRoot } from "./styles-BpxvDTCo.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../../../../../tests/utils-tW-XG1xE.js";
 import clsx from "clsx";
-import { A as ArrowIcon } from "../../../../../ArrowIcon/index-BFSPWIQ2.js";
+import { A as ArrowIcon } from "../../../../../ArrowIcon/index-CdmVlp1X.js";
 import { useEnvironment } from "@m4l/core";
 import { T as Typography } from "../../../../../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Icon } from "../../../../../../../../../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../../../../../../../../../Icon/Icon-BV4VaWM4.js";
 const NavSubItemContent = (props) => {
   const { item, onClick, closePopover = () => {
   }, setOpenSub, openSub } = props;

package/components/SideBar/subcomponents/ContentMobile/{index-26xDb69z.js → index-BQY4i7Cf.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme } from "@mui/material";
-import { C as ContentGroups } from "../ContentGroups/index-S2HkF6xA.js";
+import { C as ContentGroups } from "../ContentGroups/index-Cw6qkzkX.js";
 import { W as WrapperContentMobile } from "./styles-CRzFPD56.js";
 import { u as useSideBar } from "../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.js";

package/components/ToastContainer/{ToastContainer-BaOdDtgq.js → ToastContainer-_FYxGq0T.js}

@@ -4,7 +4,7 @@ import { D as DEFAULT_CLOSE_TIME } from "./constants-BrwLWG5c.js";
 import { a as getPropDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.js";
 import "react-toastify/dist/ReactToastify.min.css";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext-Dh1xxcRq.js";
-import { R as RootStyled } from "./slots/toastContainerSlots-Cu1pkVBX.js";
+import { R as RootStyled } from "./slots/toastContainerSlots-ShE6GR0W.js";
 import { T as ToastContainerSlots } from "./slots/ToastContainerEnum-mpJBAxqc.js";
 const ToastContainer = (props) => {
   const { children, fixed = true, dataTestId, ...restProps } = props;

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

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

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

@@ -1,8 +1,8 @@
 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-Ch0TgR5A.js";
-import { I as Icon } from "../../Icon/Icon-_wceDYwV.js";
+import { t as toastStyles } from "../../../styles/ToastContainer.styles-DyoHGY_x.js";
+import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
 const RootStyled = styled("div", {
   name: TOAST_KEY_COMPONENT,
   slot: ToastContainerSlots.root

package/components/ToastContainer/subcomponents/ToastMessage/{ToastMessage-BfmiLC3F.js → ToastMessage-P17rGQi4.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-Cu1pkVBX.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";
 const ToastMessage = (props) => {
   const { title, description, closeToast } = props;
   const { pinToast, isPinned, ownerState, iconPinPath, iconTypePath, iconClosePath, currentSize } = useToastMessage(props);

package/components/areas/components/AreasAdmin/{index-Coj9AbcA.js → index-Jdk8HOci.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-DmBu0e79.js";
+import { A as AreaChip } from "./subcomponents/AreaChip/index-DPpEktvU.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-CMPuWHMQ.js";
+import { A as AreaChipMobile } from "./subcomponents/AreaChipMobile/index-DBibZv7z.js";
 import { useRef } from "react";
 import { u as useOnClickOutside } from "../../utils/useOnClickOutside/index-B_Odny9h.js";
-import { P as PanelWindowPopUp } from "./subcomponents/PanelWindowPopUp/index-scHmd1Kc.js";
+import { P as PanelWindowPopUp } from "./subcomponents/PanelWindowPopUp/index-Cm-WpVBD.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../dictionary-gOjRdYCc.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
 function AreasAdmin() {
   const areas = useAreasStore((state) => state.areasIds, shallow);
   const currentArea = useAreasStore((state) => state.currentAreaId, shallow);