@m4l/components 2.0.2 → 2.0.4

package/components/modal/{WindowBase.a6654e8c.js → WindowBase.6c15797f.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index.89dba21c.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.42efd85d.js";
-import { u as useModal } from "../../hooks/useModal/index.a2a50f01.js";
+import { I as Icon } from "../Icon/index.f9cd9367.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.4134de6f.js";
+import { u as useModal } from "../../hooks/useModal/index.33e4befd.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.38a79eee.js → WindowConfirm.0d48420b.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index.c7fab394.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.841f1da0.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.a2a50f01.js";
-import { I as Image } from "../Image/index.94949e55.js";
+import { u as useModal } from "../../hooks/useModal/index.33e4befd.js";
+import { I as Image } from "../Image/index.eec95206.js";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
-import { W as WindowBase } from "./WindowBase.a6654e8c.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.f6c15443.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.73b33789.js";
+import { W as WindowBase } from "./WindowBase.6c15797f.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.797d8195.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.865af0d8.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.0e62423b.js → index.fd738d87.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.42efd85d.js";
+import { I as IconButton } from "../IconButton/index.4134de6f.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index.59da2f54.js";
+import { ax as AccordionRoot } from "../../../styles/index.cabe6a64.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { I as Icon } from "../../Icon/index.89dba21c.js";
-import { T as Typography } from "../Typography/index.24a872e2.js";
+import { I as Icon } from "../../Icon/index.f9cd9367.js";
+import { T as Typography } from "../Typography/index.202945af.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Avatar/{index.edcf899d.js → index.c7b7541f.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.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index.59da2f54.js";
+import { ay as AvatarRoot } from "../../../styles/index.cabe6a64.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

package/components/mui_extended/Badge/{index.a6dceff2.js → index.cb26549b.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.59da2f54.js";
+import { az as BadgeRoot } from "../../../styles/index.cabe6a64.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index.9c6c173c.js → index.19eb272d.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.59da2f54.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index.cabe6a64.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.94949e55.js";
+import { I as Image } from "../../Image/index.eec95206.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.24a872e2.js";
+import { T as Typography } from "../Typography/index.202945af.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   "root",

package/components/mui_extended/Button/styles.d.ts

@@ -2,4 +2,4 @@
 export declare const ButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SKTButton: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "style" | "children" | "width" | "className" | "height" | "animation" | "sx" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "children" | "width" | "className" | "height" | "animation" | "variant" | "sx" | "classes"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/{CheckBox.9d43398b.js → CheckBox.d6469bd2.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.59da2f54.js";
-import { F as FieldLabel } from "../FieldLabel/index.2aaaac6f.js";
+import { aD as CheckBoxRoot } from "../../styles/index.cabe6a64.js";
+import { F as FieldLabel } from "../FieldLabel/index.13a833c9.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/{index.42efd85d.js → index.4134de6f.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.89dba21c.js";
-import { aE as IconButtonRoot } from "../../../styles/index.59da2f54.js";
+import { I as Icon } from "../../Icon/index.f9cd9367.js";
+import { aE as IconButtonRoot } from "../../../styles/index.cabe6a64.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.b1f8a1be.js → index.ee8887b7.js}

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.58f8522b.js";
-import { aF as LabelMemuItem } from "../../../styles/index.59da2f54.js";
-import { I as Icon } from "../../Icon/index.89dba21c.js";
+import { P as Popover } from "../Popover/index.ab4709b3.js";
+import { aF as LabelMemuItem } from "../../../styles/index.cabe6a64.js";
+import { I as Icon } from "../../Icon/index.f9cd9367.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { B as Badge } from "../Badge/index.a6dceff2.js";
-import { I as IconButton } from "../IconButton/index.42efd85d.js";
+import { B as Badge } from "../Badge/index.cb26549b.js";
+import { I as IconButton } from "../IconButton/index.4134de6f.js";
 const ICONS = {
   MENU: "menu.svg"
 };

package/components/mui_extended/Pager/{index.3687d8b6.js → index.015df2f9.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { aG as PagerRoot } from "../../../styles/index.59da2f54.js";
+import { aG as PagerRoot } from "../../../styles/index.cabe6a64.js";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.42efd85d.js";
+import { I as IconButton } from "../IconButton/index.4134de6f.js";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index.24a872e2.js";
-import { I as Icon } from "../../Icon/index.89dba21c.js";
+import { T as Typography } from "../Typography/index.202945af.js";
+import { I as Icon } from "../../Icon/index.f9cd9367.js";
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Popover/{index.58f8522b.js → index.ab4709b3.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { aH as PopoverRoot } from "../../../styles/index.59da2f54.js";
+import { aH as PopoverRoot } from "../../../styles/index.cabe6a64.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.b0690398.js → index.53be5d28.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.59da2f54.js";
+import { aI as MUISTack } from "../../../styles/index.cabe6a64.js";
 import clsx from "clsx";
 const componentName = "M4LStack";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Tab/{index.8a0bd49c.js → index.7abd42e8.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.59da2f54.js";
+import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index.cabe6a64.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";

package/components/mui_extended/Tabs/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const MUITabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "value" | "style" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "className" | "action" | "sx" | "classes" | "variant" | "slotProps" | "slots" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "value" | "style" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "className" | "action" | "variant" | "sx" | "classes" | "slotProps" | "slots" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/ToggleButton/{index.c4e62f10.js → index.a34836ba.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.9c6c173c.js";
+import { B as Button, b as buttonClasses } from "../Button/index.19eb272d.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
   return /* @__PURE__ */ jsx(

package/components/mui_extended/ToggleIconButton/{index.7635e223.js → index.1f4121fa.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.42efd85d.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.4134de6f.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleIconButton = ({
   onToggle,

package/components/mui_extended/Typography/{index.24a872e2.js → index.202945af.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.59da2f54.js";
+import { aN as WarpperTypography } from "../../../styles/index.cabe6a64.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";

package/components/popups/PopupsProvider/{index.776c62e7.js → index.9a23e1d0.js}

@@ -22,10 +22,15 @@ const createPopupsStore = (initProps) => {
         popupsActions: {
           init: (initialPopups) => {
             set((state) => {
+              let maxZindex = state.baseZindex;
               for (let index = 0; index < initialPopups.length; index++) {
                 state.hashPopups[initialPopups[index].popupId] = cloneDeep(initialPopups[index]);
                 state.popupsIds.push(initialPopups[index].popupId);
+                if (initialPopups[index].zIndex > maxZindex) {
+                  maxZindex = initialPopups[index].zIndex;
+                }
               }
+              state.currentZindex = maxZindex + 1;
             });
           },
           addPopup: (popupProps, options) => {
@@ -103,7 +108,7 @@ const createPopupsStore = (initProps) => {
               state.hashPopups[popupId].status = "hidden";
             });
           },
-          setPopupOnTop: (popupId) => {
+          setPopupOnFront: (popupId) => {
             if (!get().hashPopups[popupId]) {
               return;
             }

package/components/popups/PopupsViewer/{index.eaa54c6c.js → index.fb409d20.js}

@@ -3,24 +3,21 @@ import { TransitionGroup, CSSTransition } from "react-transition-group";
 import { shallow } from "zustand/shallow";
 import { forwardRef } from "react";
 import { useEnvironment } from "@m4l/core";
-import { u as usePopupsStore } from "../PopupsProvider/index.776c62e7.js";
+import { u as usePopupsStore } from "../PopupsProvider/index.9a23e1d0.js";
 import { P as POPUPS_ICONS } from "./icons.066abd43.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.45032030.js";
-import { d as draggableWindowClasses } from "../../DragResizeWindow/index.8c51fb79.js";
-import { I as Icon } from "../../Icon/index.89dba21c.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.42efd85d.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.00d8493c.js";
+import { d as draggableWindowClasses } from "../../DragResizeWindow/index.c0382188.js";
+import { I as Icon } from "../../Icon/index.f9cd9367.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.4134de6f.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index.3c48670c.js";
 const Header = (props) => {
   const { popupId } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const {
-    status,
-    subTitle,
-    zIndex
-  } = popup || {};
+  const { status, subTitle, zIndex, variant } = popup || {};
   const ownerState = {
     status,
+    variant,
     subTitle,
     zIndex
   };
@@ -71,12 +68,13 @@ const EditionInfo = (props) => {
 const Popup = forwardRef((props, ref) => {
   const { popupId, containerElement, containerSize, style } = props;
   const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const { setPopupOnTop } = usePopupsStore((state) => state.popupsActions, shallow);
+  const { setPopupOnFront: setPopupOnTop } = usePopupsStore((state) => state.popupsActions, shallow);
   const {
     status,
     subTitle,
     editionInfo,
     zIndex,
+    variant = "normal",
     draggable = true,
     resizable = true,
     defaultPosition,
@@ -86,11 +84,13 @@ const Popup = forwardRef((props, ref) => {
   } = popup || {};
   const ownerState = {
     status,
+    variant,
     subTitle,
     editionInfo,
     zIndex
   };
   const onMouseDownLocal = (e) => {
+    console.log("onMouseDownLocal", popupId);
     setPopupOnTop(popupId);
     if (onMouseDown) {
       onMouseDown(e);
@@ -112,7 +112,7 @@ const Popup = forwardRef((props, ref) => {
       draggable,
       resizeable: resizable,
       defaultPosition,
-      style,
+      style: { ...style, zIndex },
       ...others,
       children: [
         /* @__PURE__ */ jsx(Header, { popupId: popup.popupId }),

package/components/popups/PopupsViewer/slots/{index.154e4e5f.js → index.37ef2263.js}

@@ -1,6 +1,6 @@
 var PopupViewerSlots = /* @__PURE__ */ ((PopupViewerSlots2) => {
   PopupViewerSlots2["root"] = "root";
-  PopupViewerSlots2["popupDragWindowRoot"] = "popupRoot";
+  PopupViewerSlots2["popupDragWindowRoot"] = "popupDragWindowRoot";
   PopupViewerSlots2["pDWHeaderContainer"] = "pDWHeaderContainer";
   PopupViewerSlots2["pDWHeaderTitle"] = "pDWHeaderTitle";
   PopupViewerSlots2["pDWHeaderSubTitle"] = "pDWHeaderSubTitle";

package/components/popups/PopupsViewer/slots/popupsViewerSlots.00d8493c.js

@@ -0,0 +1,46 @@
+import { styled } from "@mui/material/styles";
+import { P as POPUPS_VIEWER_KEY_COMPONENT } from "../constants.29247547.js";
+import { aO as popupsViewerStyles } from "../../../../styles/index.cabe6a64.js";
+import { P as PopupViewerSlots } from "./index.37ef2263.js";
+import { D as DragResizeWindow } from "../../../DragResizeWindow/index.c0382188.js";
+const RootStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
+  popupsViewerStyles?.root
+);
+const PopupDragWindowRootStyled = styled(DragResizeWindow, {
+  name: POPUPS_VIEWER_KEY_COMPONENT,
+  slot: PopupViewerSlots.popupDragWindowRoot
+})(popupsViewerStyles?.popupDragWindowRoot);
+const PopupHeaderContainerStyled = styled("div", {
+  name: POPUPS_VIEWER_KEY_COMPONENT,
+  slot: PopupViewerSlots.pDWHeaderContainer
+})(popupsViewerStyles?.pDWHeaderContainer);
+const PopupHeaderTitleStyled = styled("span", {
+  name: POPUPS_VIEWER_KEY_COMPONENT,
+  slot: PopupViewerSlots.pDWHeaderTitle
+})(popupsViewerStyles?.pDWHeaderTitle);
+const PopupHeaderSubTitleStyled = styled("span", {
+  name: POPUPS_VIEWER_KEY_COMPONENT,
+  slot: PopupViewerSlots.pDWHeaderSubTitle
+})(popupsViewerStyles?.pDWHeaderSubTitle);
+const PopupContentEditionInfoStyled = styled("div", {
+  name: POPUPS_VIEWER_KEY_COMPONENT,
+  slot: PopupViewerSlots.pDWContentEditionInfo
+})(popupsViewerStyles?.pDWContentEditionInfo);
+const PopupContentRootStyled = styled("div", {
+  name: POPUPS_VIEWER_KEY_COMPONENT,
+  slot: PopupViewerSlots.pDWContentRoot
+})(popupsViewerStyles?.pDWContentRoot);
+const PopupContentWrapperStyled = styled("div", {
+  name: POPUPS_VIEWER_KEY_COMPONENT,
+  slot: PopupViewerSlots.pDWContentWrapper
+})(popupsViewerStyles?.pDWContentWrapper);
+export {
+  PopupHeaderContainerStyled as P,
+  RootStyled as R,
+  PopupHeaderTitleStyled as a,
+  PopupHeaderSubTitleStyled as b,
+  PopupContentEditionInfoStyled as c,
+  PopupDragWindowRootStyled as d,
+  PopupContentRootStyled as e,
+  PopupContentWrapperStyled as f
+};

package/components/popups/components/PopupsProvider/contexts/PopupsContext/types.d.ts

@@ -2,6 +2,7 @@ import { GetLabelType } from '@m4l/core';
 import { ReactNode } from 'react';
 import { DraggableWindowProps } from '../../../../../DragResizeWindow/types';
 import { PopupStatus } from '../../../PopupsViewer/types';
+export declare type PopupVariantType = 'normal' | 'small' | 'large';
 export interface PopupStoreProps extends Pick<DraggableWindowProps, 'bounds' | 'defaultPosition'> {
     /**
      * "popupId" Indetificador del popupId
@@ -11,6 +12,10 @@ export interface PopupStoreProps extends Pick<DraggableWindowProps, 'bounds' | '
      * "status" Estado del popup
      */
     status: PopupStatus;
+    /**
+     * "variant" Variante del popup
+     */
+    variant?: PopupVariantType;
     /**
      * "iconUrl" Icono de la ventan
      */
@@ -128,7 +133,7 @@ export interface PopupsStateWithActions extends PopupsStore {
         /**
          * @description Pone el popup  con zIndex igual a currentIndex y lo amuneta en uno.
          */
-        setPopupOnTop: (popupId: string) => void;
+        setPopupOnFront: (popupId: string) => void;
         /**
          * @description Actualiza la variable de estado "getLabel"
          * @param newHandler handle o función que va a traducir las etiquetas, esto es necesario debido que getLabel de useModuleDictionary

package/components/popups/components/PopupsViewer/PopupsViewer.d.ts

@@ -1,7 +1,6 @@
 /**
- * @description Visor de poups, cuyo funcionamineto depende del proveedor de popups. PoupsProvider.
- *  Utiliza la librería de tranciones para animar la apertura y cierre de los popups.
- * @param props
- * @returns
+ * Visor de poups, cuyo funcionamineto depende de PoupsProvider.
+ * Utiliza la librería de tranciones para animar la apertura y cierre de los popups que están
+ * cargados en el store.
  */
 export declare const PopupsViewer: () => import("react/jsx-runtime").JSX.Element | null;

package/components/popups/components/PopupsViewer/constants.d.ts

@@ -7,4 +7,3 @@ export declare const DLAT: number;
 export declare const THROTTLE_RENDER_MAP_TIMEOUT = 50;
 export declare const MAP_ZINDEX_DEFAULT = 0;
 export declare const MAP_ZINDEX_OVER_LAYERS = 1000;
-export declare const MAP_ZINDEX_OVER_MAP = 1100;

package/components/popups/components/PopupsViewer/slots/popupsViewerSlots.d.ts

@@ -5,9 +5,6 @@ export declare const RootStyled: import("@emotion/styled").StyledComponent<impor
 export declare const PopupDragWindowRootStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../../DragResizeWindow/types").DraggableWindowProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../../../../DragResizeWindow/types").DraggableWindowProps | keyof import("react").RefAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopupContentEditionInfoStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").PopupsViewerOwnerState> & 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 PopupHeaderContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
@@ -17,6 +14,9 @@ export declare const PopupHeaderTitleStyled: import("@emotion/styled").StyledCom
 export declare const PopupHeaderSubTitleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PopupContentEditionInfoStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").PopupsViewerOwnerState> & 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 PopupContentRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").PopupsViewerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;

package/components/popups/components/PopupsViewer/slots/slots.d.ts

@@ -1,6 +1,6 @@
 export declare enum PopupViewerSlots {
     root = "root",
-    popupDragWindowRoot = "popupRoot",
+    popupDragWindowRoot = "popupDragWindowRoot",
     pDWHeaderContainer = "pDWHeaderContainer",
     pDWHeaderTitle = "pDWHeaderTitle",
     pDWHeaderSubTitle = "pDWHeaderSubTitle",

package/components/popups/components/PopupsViewer/types.d.ts

@@ -6,7 +6,7 @@ import { PopupStoreProps, PopupsStore } from '../PopupsProvider/contexts/PopupsC
 export declare type PopupViewerSlotsType = keyof typeof PopupViewerSlots;
 export declare type PopupsViewerProps = {};
 export declare type PopupStatus = 'init' | 'closing' | 'hidden';
-export interface PopupOwnerState extends Pick<PopupStoreProps, 'status' | 'subTitle' | 'editionInfo' | 'zIndex'> {
+export interface PopupOwnerState extends Pick<PopupStoreProps, 'status' | 'subTitle' | 'editionInfo' | 'zIndex' | 'variant'> {
     /**
      *  "isMobile" cuando el navegador está corriendo en dispositivo móvil
      */

package/contexts/ModalContext/{index.7f4d2b18.js → index.eb616dfb.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.545ef5eb.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.ec0ab622.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index.19edaacb.js → index.2ced89c0.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.59da2f54.js";
+import { aP as FormProviderRoot } from "../../styles/index.cabe6a64.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LRHFormProvider";

package/hooks/useFormAddEdit/{index.aa9cc210.js → index.5f204081.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.a2a50f01.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.38a79eee.js";
+import { u as useModal } from "../useModal/index.33e4befd.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.0d48420b.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.a2a50f01.js → index.33e4befd.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as ModalContext } from "../../contexts/ModalContext/index.7f4d2b18.js";
+import { a as ModalContext } from "../../contexts/ModalContext/index.eb616dfb.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)

package/hooks/useTab/{index.c0a8f413.js → index.bcbaa818.js}

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