@m4l/components 0.1.83 → 0.1.85

package/components/mui_extended/{CheckBox.5f6c78b0.js → CheckBox.38abccd8.js}

@@ -1,10 +1,11 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Skeleton, Checkbox } from "@mui/material";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
+import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { T as Typography } from "./Typography/index.443590d6.js";
-import { unstable_composeClasses } from "@mui/base";
+import { forwardRef } from "react";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",
@@ -55,7 +56,7 @@ const SkeletonCheckBox = (props) => {
     })
   });
 };
-const CheckBox = (props) => {
+const CheckBox = forwardRef((props, ref) => {
   const {
     className,
     size = "small",
@@ -71,6 +72,7 @@ const CheckBox = (props) => {
   const classes = useUtilityClasses(ownerState);
   return /* @__PURE__ */ jsxs("div", {
     className: clsx(classes.root, className),
+    ref,
     children: [!isSkeleton ? /* @__PURE__ */ jsx(Checkbox, {
       ...props
     }) : /* @__PURE__ */ jsx(SkeletonCheckBox, {
@@ -80,7 +82,7 @@ const CheckBox = (props) => {
       children: label
     }) : null]
   });
-};
+});
 export {
   CheckBox as C
 };

package/components/mui_extended/IconButton/{index.a318316e.js → index.be111a34.js}

@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.2414ff25.js";
+import { I as Icon } from "../../Icon/index.c3a579e7.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
@@ -79,13 +79,7 @@ const IconButton = (props) => {
     }
     return void 0;
   }, [tooltip, dictionaryTooltipId, getLabel]);
-  const [isfocus, setIsFocus] = useState(false);
-  const handlerOnFocus = () => {
-    setIsFocus(true);
-  };
-  const handlerOnBlur = () => {
-    setIsFocus(false);
-  };
+  const [isfocus] = useState(false);
   const ownerState = {
     variant,
     size: isDesktop ? size : "medium",
@@ -104,8 +98,6 @@ const IconButton = (props) => {
           ...other,
           onClick,
           disableRipple: true,
-          onFocusVisible: handlerOnFocus,
-          onBlur: handlerOnBlur,
           disabled,
           children: /* @__PURE__ */ jsx(Icon, {
             src,
@@ -116,8 +108,6 @@ const IconButton = (props) => {
         ...other,
         onClick,
         disableRipple: true,
-        onFocusVisible: handlerOnFocus,
-        onBlur: handlerOnBlur,
         disabled,
         children: /* @__PURE__ */ jsx(Icon, {
           src,

package/components/mui_extended/MenuActions/{index.f6bfdd40.js → index.b16e84c1.js}

@@ -1,10 +1,10 @@
-import React__default, { useState, useMemo } from "react";
+import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, MenuItem, Badge } from "@mui/material";
 import { P as Popover } from "../Popover/index.9f35d0eb.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.2414ff25.js";
-import { I as IconButton$1 } from "../IconButton/index.a318316e.js";
+import { I as Icon } from "../../Icon/index.c3a579e7.js";
+import { I as IconButton$1 } from "../IconButton/index.be111a34.js";
 import clsx from "clsx";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));
@@ -27,6 +27,7 @@ function MenuActions(props) {
     endListElement,
     menuActionSx,
     className,
+    iconButtonClassName = "",
     objItem = {},
     urlIcon,
     toolTip = "",
@@ -38,6 +39,8 @@ function MenuActions(props) {
     withBadge = false,
     badgeContent,
     arrowType = "right-top",
+    externalOpen = null,
+    externalClose,
     ...other
   } = props;
   const {
@@ -49,22 +52,35 @@ function MenuActions(props) {
   } = useModuleDictionary();
   const [open, setOpen] = useState(null);
   const handleOpen = (event) => {
+    console.log("MenuActions event", event);
     console.log("handleOpen");
     setOpen(event.currentTarget);
-    event.stopPropagation();
   };
+  useEffect(() => {
+    let mounted = true;
+    if (mounted) {
+      setOpen(externalOpen);
+    }
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [externalOpen]);
   const urlFinalIcon = useMemo(() => {
     if (urlIcon)
       return urlIcon;
     return `${host_static_assets}/${environment_assets}/frontend/components/menu_actions/assets/icons/${ICONS.MENU}`;
   }, [urlIcon, host_static_assets, environment_assets]);
-  const handleClose = () => {
+  const handleClose = (e) => {
+    e.stopPropagation();
     setOpen(null);
+    externalClose && externalClose(null);
+    console.log("Se ejecut\xF3 el handle close");
+    console.log("externalClose value", externalClose);
   };
   const handleClick = (e, menuAction) => {
+    e.stopPropagation();
     setOpen(null);
     menuAction.onClick();
-    e.stopPropagation();
   };
   const finalActions = useMemo(() => {
     let ret;
@@ -83,12 +99,14 @@ function MenuActions(props) {
       children: /* @__PURE__ */ jsx(IconButton$1, {
         src: urlFinalIcon,
         onClick: handleOpen,
-        tooltip: toolTip
+        tooltip: toolTip,
+        className: iconButtonClassName
       })
     }) : /* @__PURE__ */ jsx(IconButton$1, {
       src: urlFinalIcon,
       onClick: handleOpen,
-      tooltip: toolTip
+      tooltip: toolTip,
+      className: iconButtonClassName
     })
   });
   return /* @__PURE__ */ jsxs(Fragment, {

package/components/mui_extended/MenuActions/types.d.ts

@@ -19,6 +19,7 @@ export declare type MenuAction = {
     className?: string;
 };
 export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
+    iconButtonClassName?: string;
     objItem?: any;
     urlIcon?: string;
     menuActions: MenuAction[] | ((row: any) => MenuAction[]);
@@ -32,4 +33,6 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
     menuActionSx?: SxProps<Theme> | Partial<OverridesStyleRules<string, ComponentNameToClassKey, Theme>>;
     withBadge?: boolean;
     badgeContent?: string;
+    externalOpen?: HTMLDivElement | null;
+    externalClose?: (element: null | HTMLDivElement) => void;
 }

package/components/mui_extended/Pager/{index.da26e9d4.js → index.5b77fa4c.js}

@@ -1,80 +1,12 @@
 import { useMemo } from "react";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.a318316e.js";
-import { useEnvironment } from "@m4l/core";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../Typography/index.443590d6.js";
-const WrapperPagerActions = styled("div")(({ theme }) => ({
-  width: "100%",
-  justifyContent: "center",
-  display: "flex",
-  marginLeft: 0,
-  [theme.breakpoints.up("sm")]: {
-    display: "flex",
-    alignItems: "center",
-    marginLeft: theme.spacing(3)
-  }
-}));
-function PagerActions(props) {
-  const {
-    count,
-    page,
-    rowsPerPage,
-    onPageChange,
-    classes
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const handleFirstPageButtonClick = (event) => {
-    onPageChange(event, 0);
-  };
-  const handleBackButtonClick = (event) => {
-    onPageChange(event, page - 1);
-  };
-  const handleNextButtonClick = (event) => {
-    onPageChange(event, page + 1);
-  };
-  const handleLastPageButtonClick = (event) => {
-    onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
-  };
-  return /* @__PURE__ */ jsxs(WrapperPagerActions, {
-    className: classes.pagerActions,
-    children: [/* @__PURE__ */ jsx(IconButton, {
-      id: "test_bruce",
-      dictionaryTooltipId: "pager.first",
-      onClick: handleFirstPageButtonClick,
-      disabled: page === 0,
-      "aria-label": "first page",
-      className: classes.actionIconFirstPage,
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
-    }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltipId: "pager.previous",
-      onClick: handleBackButtonClick,
-      disabled: page === 0,
-      "aria-label": "first page",
-      className: classes.actionIconPrevious,
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
-    }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltipId: "pager.next",
-      onClick: handleNextButtonClick,
-      disabled: page >= Math.ceil(count / rowsPerPage) - 1,
-      "aria-label": "next page",
-      className: classes.actionIconNextPage,
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
-    }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltipId: "pager.last",
-      onClick: handleLastPageButtonClick,
-      disabled: page >= Math.ceil(count / rowsPerPage) - 1,
-      "aria-label": "last page",
-      className: classes.actionIconLastPage,
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/last.svg`
-    })]
-  });
-}
+import { I as IconButton } from "../IconButton/index.be111a34.js";
+import { useEnvironment } from "@m4l/core";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useResponsiveDesktop } from "@m4l/graphics";
 const PagerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPager?.styleOverrides
 }));
@@ -156,6 +88,75 @@ const pagerUtilityClasses = () => {
     ...composedClasses
   };
 };
+const WrapperPagerActions = styled("div")(({ theme }) => ({
+  width: "100%",
+  justifyContent: "center",
+  display: "flex",
+  marginLeft: 0,
+  [theme.breakpoints.up("sm")]: {
+    display: "flex",
+    alignItems: "center",
+    marginLeft: theme.spacing(3)
+  }
+}));
+function PagerActions(props) {
+  const {
+    count,
+    page,
+    rowsPerPage,
+    onPageChange,
+    classes
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const handleFirstPageButtonClick = (event) => {
+    onPageChange(event, 0);
+  };
+  const handleBackButtonClick = (event) => {
+    onPageChange(event, page - 1);
+  };
+  const handleNextButtonClick = (event) => {
+    onPageChange(event, page + 1);
+  };
+  const handleLastPageButtonClick = (event) => {
+    onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
+  };
+  return /* @__PURE__ */ jsxs(WrapperPagerActions, {
+    className: classes.pagerActions,
+    children: [/* @__PURE__ */ jsx(IconButton, {
+      id: "test_bruce",
+      dictionaryTooltipId: "pager.first",
+      onClick: handleFirstPageButtonClick,
+      disabled: page === 0,
+      "aria-label": "first page",
+      className: classes.actionIconFirstPage,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
+    }), /* @__PURE__ */ jsx(IconButton, {
+      dictionaryTooltipId: "pager.previous",
+      onClick: handleBackButtonClick,
+      disabled: page === 0,
+      "aria-label": "first page",
+      className: classes.actionIconPrevious,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
+    }), /* @__PURE__ */ jsx(IconButton, {
+      dictionaryTooltipId: "pager.next",
+      onClick: handleNextButtonClick,
+      disabled: page >= Math.ceil(count / rowsPerPage) - 1,
+      "aria-label": "next page",
+      className: classes.actionIconNextPage,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
+    }), /* @__PURE__ */ jsx(IconButton, {
+      dictionaryTooltipId: "pager.last",
+      onClick: handleLastPageButtonClick,
+      disabled: page >= Math.ceil(count / rowsPerPage) - 1,
+      "aria-label": "last page",
+      className: classes.actionIconLastPage,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/last.svg`
+    })]
+  });
+}
 const CustomTablePagination = (props) => {
   const {
     count,
@@ -167,9 +168,9 @@ const CustomTablePagination = (props) => {
     onRowsPerPageChange,
     onPageChange,
     SelectProps,
-    labelDisplayedRows = defaultLabelDisplayedRows,
-    ActionsComponent
+    labelDisplayedRows = defaultLabelDisplayedRows
   } = props;
+  const isDesktop = useResponsiveDesktop();
   const theme = useTheme();
   function defaultLabelDisplayedRows({
     from,
@@ -187,16 +188,18 @@ const CustomTablePagination = (props) => {
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs("div", {
       className: classes.labelRowsPerPageContainer,
-      children: [/* @__PURE__ */ jsx(Typography, {
+      children: [isDesktop ? /* @__PURE__ */ jsx(Typography, {
         variant: "body",
         children: labelRowsPerPage
-      }), /* @__PURE__ */ jsx(Select, {
+      }) : null, /* @__PURE__ */ jsx(Select, {
         variant: "standard",
         ...!SelectProps?.variant && {
           input: /* @__PURE__ */ jsx(InputBase, {})
         },
         value: rowsPerPage,
-        onChange: onRowsPerPageChange,
+        onChange: (e) => {
+          onRowsPerPageChange(e);
+        },
         className: classes.select,
         MenuProps: {
           className: classes.selectMenuPopover,
@@ -220,11 +223,11 @@ const CustomTablePagination = (props) => {
         count: count === -1 ? -1 : count,
         page
       })
-    }), /* @__PURE__ */ jsx(ActionsComponent, {
+    }), /* @__PURE__ */ jsx(PagerActions, {
       count,
       page,
       rowsPerPage,
-      onPageChange: () => onPageChange,
+      onPageChange,
       classes
     })]
   });
@@ -247,7 +250,7 @@ function Pager(props) {
     }
     return page;
   }, [page, rowsPerPage, totalRecords]);
-  const handleChangeRowsPerPage = (event, _child) => {
+  const handleChangeRowsPerPage = (event) => {
     onRowsPerPageChange(parseInt(event.target.value, 10));
     onPageChange(0);
   };
@@ -270,8 +273,7 @@ function Pager(props) {
         from,
         to,
         count
-      }) => `${from}-${to} ${labelOf} ${count}` : () => ``,
-      ActionsComponent: PagerActions
+      }) => `${from}-${to} ${labelOf} ${count}` : () => ``
     })
   });
 }

package/components/mui_extended/Pager/subcomponents/CustomTablePagination/index.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
 import { CustomTablePaginationProps } from './types';
+/**
+ *  Todo:
+ *  1 Trabajar con el modelo de diccionarios.
+ *  2
+ */
 export declare const CustomTablePagination: (props: CustomTablePaginationProps) => import("react").JSX.Element;

package/components/mui_extended/Pager/subcomponents/CustomTablePagination/types.d.ts

@@ -1,12 +1,9 @@
 import { SelectChangeEvent, TablePaginationProps } from "@mui/material";
 import { Classes } from "../../classes/types";
-import { PagerActionsProps } from "../PagerActions/types";
-import { ReactNode } from "react";
 export declare type CustomTablePaginationProps = {
     rowsPerPageOptions: number[];
     onPageChange: (_event: unknown, newPage: number) => void;
     labelRowsPerPage: string;
     classes: Classes;
-    onRowsPerPageChange: (event: SelectChangeEvent<unknown>, child: ReactNode) => void;
-    ActionsComponent: React.ElementType<PagerActionsProps>;
+    onRowsPerPageChange: (event: SelectChangeEvent<unknown>) => void;
 } & Omit<TablePaginationProps, 'onPageChange' | 'onRowsPerPageChange' | 'classes' | 'ActionsComponent'>;

package/components/mui_extended/Stack/Stack.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { StackProps } from "@mui/material";
+export declare const Stack: (props: StackProps) => import("react").JSX.Element;

package/components/mui_extended/Stack/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LStack";

package/components/mui_extended/Stack/classes/index.d.ts

@@ -0,0 +1,6 @@
+import { StackClassesType } from './types';
+export declare const stackClasses: StackClassesType;
+export declare function getStackUtilityClass(slot: string): string;
+export declare const useStackUtilityClasses: () => {
+    root: string;
+};

package/components/mui_extended/Stack/classes/types.d.ts

@@ -0,0 +1,6 @@
+import { useStackUtilityClasses } from ".";
+export interface StackClassesType {
+    root: string;
+}
+export declare type StackClassesKey = keyof StackClassesType;
+export declare type Classes = ReturnType<typeof useStackUtilityClasses>;

package/components/mui_extended/Stack/index.0e53197c.js

@@ -0,0 +1,39 @@
+import { generateUtilityClasses, generateUtilityClass, styled, Stack as Stack$1 } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+const componentName = "M4LStack";
+generateUtilityClasses(componentName, [
+  "root"
+]);
+function getStackUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useStackUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getStackUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const MUISTack = styled(Stack$1)(({ theme }) => ({
+  ...theme.components?.M4LStack?.styleOverrides
+}));
+const classes = useStackUtilityClasses();
+const Stack = (props) => {
+  const {
+    children,
+    className,
+    ...others
+  } = props;
+  return /* @__PURE__ */ jsx(MUISTack, {
+    ...others,
+    className: clsx(classes.root, className),
+    children
+  });
+};
+export {
+  Stack as S
+};

package/components/mui_extended/Stack/index.d.ts

@@ -0,0 +1,2 @@
+export { Stack } from './Stack';
+export type { StackProps } from './types';

package/components/mui_extended/Stack/types.d.ts

@@ -0,0 +1,2 @@
+import { StackProps as MUIStackProps } from "@mui/material";
+export declare type StackProps = MUIStackProps;

package/components/mui_extended/Tab/{index.0989d15d.js → index.c1dc7bbf.js}

@@ -1,17 +1,49 @@
-import { useModuleSkeleton } from "@m4l/core";
-import { generateUtilityClasses, generateUtilityClass, Tab as Tab$1, Skeleton } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.5365cc7e.js";
 import { jsx } from "react/jsx-runtime";
-const TabRoot = styled("div")(({
+import { generateUtilityClasses, generateUtilityClass, styled, Tabs as Tabs$1, Tab as Tab$1, Skeleton } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { useModuleSkeleton } from "@m4l/core";
+import { styled as styled$1 } from "@mui/material/styles";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../../vendor.f27b86c9.js";
+const componentName$1 = "M4LTabs";
+generateUtilityClasses(componentName$1, [
+  "root"
+]);
+function getTabsUtilityClass(slot) {
+  return generateUtilityClass(componentName$1, slot);
+}
+const useTabsUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getTabsUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const MUITabs = styled(Tabs$1)(({ theme }) => ({
+  ...theme.components?.M4LTabs?.styleOverrides
+}));
+const Tabs = (props) => {
+  const {
+    children,
+    className,
+    ...others
+  } = props;
+  const classes = useTabsUtilityClasses();
+  return /* @__PURE__ */ jsx(MUITabs, {
+    className: clsx(classes.root, className),
+    ...others,
+    children
+  });
+};
+const TabRoot = styled$1("div")(({
   theme
 }) => ({
   ...theme.components?.M4LTab?.styleOverrides
 }));
-const SKTTabWrapper = styled("div")(({
+const SKTTabWrapper = styled$1("div")(({
   theme
 }) => ({
   padding: theme.spacing(1.5, 2)
@@ -66,5 +98,6 @@ function Tab(props) {
   });
 }
 export {
-  Tab as T
+  Tab as T,
+  Tabs as a
 };

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TabsProps } from '@mui/material';
+export declare const Tabs: (props: TabsProps) => import("react").JSX.Element;

package/components/mui_extended/Tabs/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LTabs";

package/components/mui_extended/Tabs/classes/index.d.ts

@@ -0,0 +1,6 @@
+import { TabsClassesType } from './types';
+export declare const tabsClasses: TabsClassesType;
+export declare function getTabsUtilityClass(slot: string): string;
+export declare const useTabsUtilityClasses: () => {
+    root: string;
+};

package/components/mui_extended/Tabs/classes/types.d.ts

@@ -0,0 +1,6 @@
+import { useTabsUtilityClasses } from ".";
+export interface TabsClassesType {
+    root: string;
+}
+export declare type TabsClassesKey = keyof TabsClassesType;
+export declare type Classes = ReturnType<typeof useTabsUtilityClasses>;

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

@@ -0,0 +1 @@
+export { Tabs } from './Tabs';

package/components/mui_extended/index.d.ts

@@ -16,6 +16,8 @@ export { LoadingButton } from './LoadingButton';
 export { MenuActions } from './MenuActions';
 export type { MenuAction, ComponentActionProps } from './MenuActions/types';
 export * from './Popover/Popover';
+export * from './Stack';
+export * from './Tabs';
 export { Pager } from './Pager';
 export type { PagerProps } from './Pager/types';
 export { getPagerComponentsDictionary } from './Pager/dicctionary';

package/components/mui_extended/{index.813723c5.js → index.d1ee9a6a.js}

@@ -1,23 +1,24 @@
 import "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.2414ff25.js";
+import "../Icon/index.c3a579e7.js";
 import "clsx";
 import "react/jsx-runtime";
-import "./IconButton/index.a318316e.js";
+import "./IconButton/index.be111a34.js";
 import "@m4l/graphics";
-import "./Accordion/index.5111314b.js";
+import "./Accordion/index.854f4c90.js";
 import "./Typography/index.443590d6.js";
 import "./Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "./Button/index.40af964e.js";
-import "./CheckBox.5f6c78b0.js";
-import "./Badge/index.cad260fe.js";
+import "./CheckBox.38abccd8.js";
+import "./Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "./MenuActions/index.f6bfdd40.js";
+import "./MenuActions/index.b16e84c1.js";
 import "./Popover/index.9f35d0eb.js";
-import "./Pager/index.da26e9d4.js";
-import "./Tab/index.0989d15d.js";
+import "./Stack/index.0e53197c.js";
+import "./Tab/index.c1dc7bbf.js";
+import "./Pager/index.5b77fa4c.js";
 import "./Tooltip/index.5a795dcd.js";

package/contexts/ModalContext/{index.577bf36b.js → index.1ea79d7e.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.fb148f76.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.b85ee3cb.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({

package/contexts/RHFormContext/{index.b9266262.js → index.e019f87d.js}

@@ -2,7 +2,7 @@ import { useEffect } from "react";
 import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { styled } from "@mui/material/styles";
-import { S as ScrollBar } from "../../components/ScrollBar/index.d4410cb5.js";
+import { S as ScrollBar } from "../../components/ScrollBar/index.1247c1c5.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx } from "react/jsx-runtime";

package/hooks/useModal/{index.7a07c208.js → index.c906706c.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.577bf36b.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.1ea79d7e.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)