@m4l/components 0.1.84 → 0.1.86

package/components/hook-form/RHFTextField/{index.5a0fa776.js → index.413a74ca.js}

@@ -1,10 +1,10 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.62aea582.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.d88a3f2e.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.d1402200.js";
+import "../../Icon/index.435df215.js";
 import "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
@@ -12,7 +12,7 @@ import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.c43a95f4.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.a47ff233.js";
+import { H as HelperText } from "../../HelperText/index.bbbe24c9.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.b36539d6.js → index.03faa7f0.js}

@@ -7,26 +7,27 @@ import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/cor
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { B as Button } from "../../mui_extended/Button/index.40af964e.js";
+import { B as Button } from "../../mui_extended/Button/index.f79eb74e.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.a47ff233.js";
+import { H as HelperText } from "../../HelperText/index.bbbe24c9.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "@mui/material/Button";
-import "../../Icon/index.d1402200.js";
-import "../../mui_extended/IconButton/index.62aea582.js";
+import "../../Icon/index.435df215.js";
+import "../../mui_extended/IconButton/index.d88a3f2e.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.46771196.js";
+import "../../mui_extended/Accordion/index.d15e51bf.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../mui_extended/MenuActions/index.c53370f6.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.a7f87c96.js";
-import "../../mui_extended/Tab/index.756fe693.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.97d04d6b.js";
+import "../../mui_extended/Pager/index.d6c87c44.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.37158e8d.js → WindowBase.0eea1a27.js}

@@ -1,28 +1,42 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.7611bf21.js";
-import { m as modalUtilityClasses } from "./index.6f281ef8.js";
-import { I as Icon } from "../Icon/index.d1402200.js";
+import { u as useModal } from "../../hooks/useModal/index.2387ea76.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.62aea582.js";
-import "../mui_extended/Accordion/index.46771196.js";
-import "../mui_extended/Typography/index.443590d6.js";
+import "../../react-draggable.7abb5d0a.js";
+import "../Resizeable/index.9a9c79a4.js";
 import { jsxs, jsx } from "react/jsx-runtime";
+import "@m4l/graphics";
+import { I as Icon } from "../Icon/index.435df215.js";
 import clsx from "clsx";
+import { m as modalUtilityClasses } from "./index.6cdf65c9.js";
+import "../CommonActions/components/Actions/index.99a8e55e.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f79eb74e.js";
+import "react-hook-form";
+import { I as IconButton } from "../mui_extended/IconButton/index.d88a3f2e.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.8af3058c.js";
+import "../areas/components/AreasAdmin/index.23a09c81.js";
+import "zustand/shallow";
+import "../ScrollBar/index.65bb2930.js";
+import "../mui_extended/Accordion/index.d15e51bf.js";
+import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "@m4l/graphics";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.97d04d6b.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "../areas/components/AreasViewer/index.68eb0f6b.js";
+import "../LinearProgressIndeterminate/index.60dabc06.js";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 const Header = (props) => {
   const {
     title,

package/components/modal/{WindowConfirm.a68aa0f1.js → WindowConfirm.6896f0aa.js}

@@ -1,40 +1,41 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.7611bf21.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.e70e8779.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.29517521.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a9420126.js";
-import "react-hook-form";
+import { u as useModal } from "../../hooks/useModal/index.2387ea76.js";
 import { Typography } from "@mui/material";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
-import "clsx";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.d1402200.js";
-import { m as modalUtilityClasses } from "./index.6f281ef8.js";
-import { I as Image } from "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.62aea582.js";
-import "../mui_extended/Accordion/index.46771196.js";
+import "../Icon/index.435df215.js";
+import "clsx";
+import { m as modalUtilityClasses } from "./index.6cdf65c9.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.99a8e55e.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.d995d986.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.98eb4b3b.js";
+import "react-hook-form";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f79eb74e.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.8af3058c.js";
+import "../areas/components/AreasAdmin/index.23a09c81.js";
+import "zustand/shallow";
+import "../ScrollBar/index.65bb2930.js";
+import "../mui_extended/Accordion/index.d15e51bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
+import { I as Image } from "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.97d04d6b.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.230d1584.js";
-import "../areas/components/AreasAdmin/index.8ab71eb9.js";
-import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../areas/components/AreasViewer/index.933e506b.js";
+import "../areas/components/AreasViewer/index.68eb0f6b.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/modal/{index.6f281ef8.js → index.6cdf65c9.js}

@@ -1,38 +1,39 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.51da83de.js";
+import "../../contexts/ModalContext/index.5c908fe3.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.d1402200.js";
+import "../Icon/index.435df215.js";
 import "clsx";
 import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../CommonActions/components/Actions/index.e70e8779.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
-import "react-hook-form";
-import "../mui_extended/IconButton/index.62aea582.js";
-import "../mui_extended/Accordion/index.46771196.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
+import "../mui_extended/Accordion/index.d15e51bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.97d04d6b.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "../CommonActions/components/Actions/index.99a8e55e.js";
+import "react-hook-form";
 import "zustand";
-import "../areas/contexts/AreasContext/index.230d1584.js";
-import "../areas/components/AreasAdmin/index.8ab71eb9.js";
+import "../areas/contexts/AreasContext/index.8af3058c.js";
+import "../areas/components/AreasAdmin/index.23a09c81.js";
 import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../areas/components/AreasViewer/index.933e506b.js";
+import "../ScrollBar/index.65bb2930.js";
+import "../areas/components/AreasViewer/index.68eb0f6b.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/modal/index.d.ts

@@ -1,5 +1,5 @@
 export { ModalDialog } from './ModalDialog';
 export * from './ModalDialog/dictionary';
-export { WindowConfirm } from './WindowConfirm';
+export * from './WindowConfirm';
 export type { WindowConfirmProps } from './WindowConfirm/types';
 export * from './WindowBase';

package/components/mui_extended/Accordion/{index.46771196.js → index.d15e51bf.js}

@@ -1,12 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.62aea582.js";
+import { I as IconButton } from "../IconButton/index.d88a3f2e.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Icon } from "../../Icon/index.d1402200.js";
+import { I as Icon } from "../../Icon/index.435df215.js";
 import { T as Typography } from "../Typography/index.443590d6.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.1af105d6.js";
+import { g as getNameDataTestId } from "../../../vendor.7751caf6.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

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

@@ -1 +1 @@
-export declare const componentName = "M4LDataGrid";
+export declare const componentName = "M4LBadge";

package/components/mui_extended/Badge/{index.cad260fe.js → index.8c2b8b66.js}

@@ -2,7 +2,7 @@ import { generateUtilityClasses, styled, Badge as Badge$1 } from "@mui/material"
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 import "@mui/base";
-const componentName = "M4LDataGrid";
+const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [
   "root"
 ]);

package/components/mui_extended/Button/{index.40af964e.js → index.f79eb74e.js}

@@ -72,7 +72,8 @@ const Button = (props) => {
       ...others,
       variant,
       size,
-      disableRipple: true
+      disableRipple: true,
+      disabled
     }) : /* @__PURE__ */ jsx(Skeleton, {
       className: classes.skeleton,
       "data-testid": "MuiSkeleton",

package/components/mui_extended/IconButton/{index.62aea582.js → index.d88a3f2e.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.d1402200.js";
+import { I as Icon } from "../../Icon/index.435df215.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.2493b1b1.js → index.c53370f6.js}

@@ -3,8 +3,8 @@ 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.d1402200.js";
-import { I as IconButton$1 } from "../IconButton/index.62aea582.js";
+import { I as Icon } from "../../Icon/index.435df215.js";
+import { I as IconButton$1 } from "../IconButton/index.d88a3f2e.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 = "",
@@ -98,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[]);

package/components/mui_extended/Pager/{index.a7f87c96.js → index.d6c87c44.js}

@@ -3,7 +3,7 @@ import { styled } from "@mui/material/styles";
 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";
-import { I as IconButton } from "../IconButton/index.62aea582.js";
+import { I as IconButton } from "../IconButton/index.d88a3f2e.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";

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.756fe693.js → index.97d04d6b.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.1af105d6.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.7751caf6.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.ba27649e.js → index.0d5b8e73.js}

@@ -1,23 +1,24 @@
 import "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.d1402200.js";
+import "../Icon/index.435df215.js";
 import "clsx";
 import "react/jsx-runtime";
-import "./IconButton/index.62aea582.js";
+import "./IconButton/index.d88a3f2e.js";
 import "@m4l/graphics";
-import "./Accordion/index.46771196.js";
+import "./Accordion/index.d15e51bf.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 "./Button/index.f79eb74e.js";
 import "./CheckBox.38abccd8.js";
-import "./Badge/index.cad260fe.js";
+import "./Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "./MenuActions/index.2493b1b1.js";
+import "./MenuActions/index.c53370f6.js";
 import "./Popover/index.9f35d0eb.js";
-import "./Pager/index.a7f87c96.js";
-import "./Tab/index.756fe693.js";
+import "./Stack/index.0e53197c.js";
+import "./Tab/index.97d04d6b.js";
+import "./Pager/index.d6c87c44.js";
 import "./Tooltip/index.5a795dcd.js";

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/contexts/ModalContext/{index.51da83de.js → index.5c908fe3.js}

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

package/contexts/RHFormContext/dictionary.d.ts

@@ -0,0 +1,3 @@
+import { Dictionary } from '@m4l/core';
+export declare function getFormComponentsDictionary(): string[];
+export declare const defaultFormProviderDictionary: Dictionary;

package/contexts/RHFormContext/{index.b9266262.js → index.ea2758ed.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.65bb2930.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx } from "react/jsx-runtime";
@@ -77,6 +77,10 @@ function RHFormProvider(props) {
     })
   });
 }
+function getFormComponentsDictionary() {
+  return ["form_provider"];
+}
 export {
-  RHFormProvider as R
+  RHFormProvider as R,
+  getFormComponentsDictionary as g
 };

package/contexts/index.d.ts

@@ -3,3 +3,4 @@ export * from './ModalContext/index';
 export * from './ModalContext/types';
 export type { FormInitialValues, FormStatusLoad } from './RHFormContext/types';
 export { RHFormProvider } from './RHFormContext';
+export { getFormComponentsDictionary } from './RHFormContext/dictionary';

package/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useFormAddEdit } from './useFormAddEdit';
 export { useModal } from './useModal';
+export { getformAddEditDictionary } from './useFormAddEdit/dictionary';

package/hooks/useFormAddEdit/dictionary.d.ts

@@ -0,0 +1 @@
+export declare const getformAddEditDictionary: () => string;