@m4l/components 0.1.79 → 0.1.80

package/components/hook-form/RHFUpload/{index.80071782.js → index.1befd5bb.js}

@@ -9,7 +9,7 @@ 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.4288f9fc.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.29d5ad65.js";
+import { H as HelperText } from "../../HelperText/index.6ef76993.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
@@ -17,15 +17,16 @@ import "@mui/material/Button";
 import "../../Icon/index.9fcd1476.js";
 import "../../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.e8ba0755.js";
+import "../../mui_extended/Accordion/index.a6447bf8.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.2f6d6d7d.js";
-import "../../mui_extended/Tab/index.3c005df1.js";
+import "../../mui_extended/Pager/index.82e89328.js";
+import "../../mui_extended/Tab/index.c39a6681.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.90d3c1d5.js → WindowBase.7e19843e.js}

@@ -1,11 +1,11 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.6d238807.js";
-import { m as modalUtilityClasses } from "./index.cd34ddb3.js";
+import { u as useModal } from "../../hooks/useModal/index.e1c5c31e.js";
+import { m as modalUtilityClasses } from "./index.b0a7236c.js";
 import { I as Icon } from "../Icon/index.9fcd1476.js";
 import "@mui/material";
 import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.e8ba0755.js";
+import "../mui_extended/Accordion/index.a6447bf8.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -13,13 +13,15 @@ import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "@m4l/graphics";
+import "../mui_extended/CheckBox.5f6c78b0.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.3c005df1.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {

package/components/modal/{WindowConfirm.835f8d13.js → WindowConfirm.12a9608a.js}

@@ -1,9 +1,9 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.6d238807.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.5732847f.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.92536832.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.aa4e432e.js";
+import { u as useModal } from "../../hooks/useModal/index.e1c5c31e.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.19d67bc6.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.1051a117.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.bfe3256c.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
@@ -14,26 +14,27 @@ import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
 import "../Icon/index.9fcd1476.js";
-import { m as modalUtilityClasses } from "./index.cd34ddb3.js";
+import { m as modalUtilityClasses } from "./index.b0a7236c.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
 import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.e8ba0755.js";
+import "../mui_extended/Accordion/index.a6447bf8.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/CheckBox.5f6c78b0.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.3c005df1.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.1213c3ef.js";
-import "../areas/components/AreasAdmin/index.31905078.js";
+import "../areas/contexts/AreasContext/index.0a08a08b.js";
+import "../areas/components/AreasAdmin/index.7a0dabbe.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.fe18bdbc.js";
+import "../areas/components/AreasViewer/index.fd49f06c.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/modal/{index.cd34ddb3.js → index.b0a7236c.js}

@@ -1,7 +1,7 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.feded672.js";
+import "../../contexts/ModalContext/index.89805978.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
@@ -9,29 +9,30 @@ import "../Icon/index.9fcd1476.js";
 import "clsx";
 import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../CommonActions/components/Actions/index.5732847f.js";
+import "../CommonActions/components/Actions/index.19d67bc6.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
 import "react-hook-form";
 import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.e8ba0755.js";
+import "../mui_extended/Accordion/index.a6447bf8.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/CheckBox.5f6c78b0.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.3c005df1.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.1213c3ef.js";
-import "../areas/components/AreasAdmin/index.31905078.js";
+import "../areas/contexts/AreasContext/index.0a08a08b.js";
+import "../areas/components/AreasAdmin/index.7a0dabbe.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.fe18bdbc.js";
+import "../areas/components/AreasViewer/index.fd49f06c.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/mui_extended/Accordion/{index.e8ba0755.js → index.a6447bf8.js}

@@ -6,7 +6,7 @@ import { I as Icon } from "../../Icon/index.9fcd1476.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.9b969b18.js";
+import { g as getNameDataTestId } from "../../../vendor.f57d47a7.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 = "M4LBadge";
+export declare const componentName = "M4LDataGrid";

package/components/mui_extended/Badge/{index.8c2b8b66.js → index.cad260fe.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 = "M4LBadge";
+const componentName = "M4LDataGrid";
 const badgeClasses = generateUtilityClasses(componentName, [
   "root"
 ]);

package/components/mui_extended/CheckBox/CheckBox.d.ts

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

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

@@ -0,0 +1 @@
+export declare const COMPONENT_CLASS_NAME = "M4LCheckBox";

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

@@ -0,0 +1,8 @@
+import { CheckboxClassesType } from './types';
+import { OwnerState } from '../types';
+export declare const checkboxClasses: CheckboxClassesType;
+export declare function getRHFCheckboxUtilityClass(slot: string): string;
+export declare const useUtilityClasses: (ownerState: OwnerState) => {
+    root: string;
+    skeleton: string;
+};

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

@@ -0,0 +1,10 @@
+import { useUtilityClasses } from ".";
+export interface CheckboxClassesType {
+    root: string;
+    skeleton: string;
+    small: string;
+    medium: string;
+    stateDisabled: string;
+}
+export declare type CheckBoxClassesKey = keyof CheckboxClassesType;
+export declare type Classes = ReturnType<typeof useUtilityClasses>;

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

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

package/components/mui_extended/CheckBox/subcomponents/Skeleton/index.d.ts

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

package/components/mui_extended/CheckBox/subcomponents/Skeleton/types.d.ts

@@ -0,0 +1,4 @@
+import { Classes } from "../../classes/types";
+export interface SkeletonCheckBoxProps {
+    classes: Classes;
+}

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

@@ -0,0 +1,5 @@
+import { CheckboxProps as MUICheckboxProps } from "@mui/material";
+export declare type OwnerState = Pick<CheckboxProps, 'size' | 'disabled'>;
+export interface CheckboxProps extends MUICheckboxProps {
+    label?: string;
+}

package/components/mui_extended/CheckBox.5f6c78b0.js

@@ -0,0 +1,86 @@
+import { generateUtilityClasses, generateUtilityClass, styled, Skeleton, Checkbox } from "@mui/material";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
+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";
+const COMPONENT_CLASS_NAME = "M4LCheckBox";
+generateUtilityClasses(COMPONENT_CLASS_NAME, [
+  "root",
+  "skeleton",
+  "small",
+  "medium",
+  "stateDisabled"
+]);
+function getRHFCheckboxUtilityClass(slot) {
+  return generateUtilityClass(COMPONENT_CLASS_NAME, slot);
+}
+const useUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.size === "small" && "small", ownerState.size === "medium" && "medium", ownerState.disabled && "stateDisabled"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const WrapperSkeletonCheckBox = styled("div")(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "36px",
+  height: "36px"
+}));
+styled("div")(() => ({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  gap: "8px",
+  width: "100%"
+}));
+const SkeletonCheckBox = (props) => {
+  const {
+    classes
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsx(WrapperSkeletonCheckBox, {
+      className: classes.skeleton,
+      children: /* @__PURE__ */ jsx(Skeleton, {
+        variant: "rounded",
+        width: "18px",
+        height: "18px"
+      })
+    })
+  });
+};
+const CheckBox = (props) => {
+  const {
+    className,
+    size = "small",
+    disabled,
+    label
+  } = props;
+  const isDesktop = useResponsiveDesktop();
+  const isSkeleton = useModuleSkeleton();
+  const ownerState = {
+    size: !isDesktop ? "medium" : size,
+    disabled
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsxs("div", {
+    className: clsx(classes.root, className),
+    children: [!isSkeleton ? /* @__PURE__ */ jsx(Checkbox, {
+      ...props
+    }) : /* @__PURE__ */ jsx(SkeletonCheckBox, {
+      classes
+    }), label ? /* @__PURE__ */ jsx(Typography, {
+      skeletonWidth: "80px",
+      children: label
+    }) : null]
+  });
+};
+export {
+  CheckBox as C
+};

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

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

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

@@ -0,0 +1,10 @@
+import { PagerClassesType } from './types';
+export declare const pagerClasses: PagerClassesType;
+export declare function getPagerUtilityClass(slot: string): string;
+export declare const pagerUtilityClasses: () => {
+    root: string;
+    skeletonRoot: string;
+    skeletonRowsPerPage: string;
+    skeletonButtonContainer: string;
+    skeletonIconButton: string;
+};

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

@@ -0,0 +1,10 @@
+import { pagerUtilityClasses } from ".";
+export interface PagerClassesType {
+    root: string;
+    skeletonRoot: string;
+    skeletonRowsPerPage: string;
+    skeletonButtonContainer: string;
+    skeletonIconButton: string;
+}
+export declare type PagerClassesKey = keyof PagerClassesType;
+export declare type Classes = ReturnType<typeof pagerUtilityClasses>;

package/components/mui_extended/Pager/{index.2f6d6d7d.js → index.82e89328.js}

@@ -1,9 +1,10 @@
 import { useMemo } from "react";
-import { Skeleton, TablePagination } from "@mui/material";
+import { generateUtilityClasses, generateUtilityClass, TablePagination, Skeleton } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { I as IconButton } from "../IconButton/index.12f1a3c3.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { unstable_composeClasses } from "@mui/base";
 const WrapperPagerActions = styled("div")(({ theme }) => ({
   width: "100%",
   justifyContent: "center",
@@ -68,36 +69,63 @@ function PagerActions(props) {
     })]
   });
 }
+const PagerRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LPager?.styleOverrides
+}));
 styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
   height: "100%",
   overflow: "hidden"
 }));
-const SKTWrapperPagerActions = styled("div")(({ theme }) => ({
+styled("div")(({ theme }) => ({
   width: "100%",
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
   marginLeft: theme.spacing(3)
 }));
-const SKTSvgIconButtonContainer = styled("div")(({ theme }) => ({
+styled("div")(({ theme }) => ({
   display: "flex",
   marginLeft: theme.spacing(3)
 }));
-const SKTSvgIconButton = styled("div")(({ theme }) => ({
+styled("div")(({ theme }) => ({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
   width: theme.spacing(3.75),
   height: theme.spacing(3.75)
 }));
-const SKTWrapperRowsPerPage = styled("div")(({ theme }) => ({
+styled("div")(({ theme }) => ({
   display: "grid",
   gridTemplateColumns: "auto auto",
   gridGap: theme.spacing(1),
   marginRight: theme.spacing(3)
 }));
+const componentName = "M4LPager";
+generateUtilityClasses(componentName, [
+  "root",
+  "skeletonRoot",
+  "skeletonRowsPerPage",
+  "skeletonButtonContainer",
+  "skeletonIconButton"
+]);
+function getPagerUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const pagerUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeletonRoot: ["skeletonRoot"],
+    skeletonRowsPerPage: ["skeletonRowsPerPage"],
+    skeletonButtonContainer: ["skeletonButtonContainer"],
+    skeletonIconButton: ["skeletonIconButton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getPagerUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
 function Pager(props) {
   const {
     totalRecords,
@@ -124,9 +152,29 @@ function Pager(props) {
   const handleChangePage = (_event, newPage) => {
     onPageChange(newPage);
   };
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsxs(SKTWrapperPagerActions, {
-      children: [/* @__PURE__ */ jsxs(SKTWrapperRowsPerPage, {
+  const classes = pagerUtilityClasses();
+  return /* @__PURE__ */ jsx(PagerRoot, {
+    className: classes.root,
+    children: !isSkeleton ? /* @__PURE__ */ jsx(TablePagination, {
+      id: "TablePagination",
+      rowsPerPageOptions,
+      component: "div",
+      count: totalRecords,
+      rowsPerPage,
+      page: currentPage,
+      onPageChange: handleChangePage,
+      onRowsPerPageChange: handleChangeRowsPerPage,
+      labelDisplayedRows: isDesktop ? ({
+        from,
+        to,
+        count
+      }) => `${from}-${to} ${labelOf} ${count}` : () => ``,
+      labelRowsPerPage: isDesktop ? labelRows : "",
+      ActionsComponent: PagerActions
+    }) : /* @__PURE__ */ jsxs("div", {
+      className: classes.skeletonRoot,
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: classes.skeletonRowsPerPage,
         children: [/* @__PURE__ */ jsx(Skeleton, {
           variant: "text",
           width: "40px",
@@ -140,26 +188,31 @@ function Pager(props) {
         variant: "text",
         width: "50px",
         height: "16px"
-      }), /* @__PURE__ */ jsxs(SKTSvgIconButtonContainer, {
-        children: [/* @__PURE__ */ jsx(SKTSvgIconButton, {
+      }), /* @__PURE__ */ jsxs("div", {
+        className: classes.skeletonButtonContainer,
+        children: [/* @__PURE__ */ jsx("div", {
+          className: classes.skeletonIconButton,
           children: /* @__PURE__ */ jsx(Skeleton, {
             variant: "circular",
             width: 20,
             height: 20
           })
-        }), /* @__PURE__ */ jsx(SKTSvgIconButton, {
+        }), /* @__PURE__ */ jsx("div", {
+          className: classes.skeletonIconButton,
           children: /* @__PURE__ */ jsx(Skeleton, {
             variant: "circular",
             width: 20,
             height: 20
           })
-        }), /* @__PURE__ */ jsx(SKTSvgIconButton, {
+        }), /* @__PURE__ */ jsx("div", {
+          className: classes.skeletonIconButton,
           children: /* @__PURE__ */ jsx(Skeleton, {
             variant: "circular",
             width: 20,
             height: 20
           })
-        }), /* @__PURE__ */ jsx(SKTSvgIconButton, {
+        }), /* @__PURE__ */ jsx("div", {
+          className: classes.skeletonIconButton,
           children: /* @__PURE__ */ jsx(Skeleton, {
             variant: "circular",
             width: 20,
@@ -167,24 +220,7 @@ function Pager(props) {
           })
         })]
       })]
-    });
-  }
-  return /* @__PURE__ */ jsx(TablePagination, {
-    id: "TablePagination",
-    rowsPerPageOptions,
-    component: "div",
-    count: totalRecords,
-    rowsPerPage,
-    page: currentPage,
-    onPageChange: handleChangePage,
-    onRowsPerPageChange: handleChangeRowsPerPage,
-    labelDisplayedRows: isDesktop ? ({
-      from,
-      to,
-      count
-    }) => `${from}-${to} ${labelOf} ${count}` : () => ``,
-    labelRowsPerPage: isDesktop ? labelRows : "",
-    ActionsComponent: PagerActions
+    })
   });
 }
 function getPagerComponentsDictionary() {

package/components/mui_extended/Tab/{index.3c005df1.js → index.c39a6681.js}

@@ -4,7 +4,7 @@ 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.9b969b18.js";
+import { g as getNameDataTestId } from "../../../vendor.f57d47a7.js";
 import { jsx } from "react/jsx-runtime";
 const TabRoot = styled("div")(({
   theme

package/components/mui_extended/index.d.ts

@@ -5,6 +5,7 @@ export { BoxIcon } from './BoxIcon';
 export { Breadcrumbs } from './Breadcrumbs';
 export type { TLink } from './Breadcrumbs/types';
 export * from './Button/Button';
+export * from './CheckBox';
 export { CircularProgress } from './CircularProgress';
 export { Badge } from './Badge';
 export * from './IconButton/IconButton';

package/components/mui_extended/{index.ff59a512.js → index.d78bde19.js}

@@ -6,17 +6,18 @@ import "clsx";
 import "react/jsx-runtime";
 import "./IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "./Accordion/index.e8ba0755.js";
+import "./Accordion/index.a6447bf8.js";
 import "./Typography/index.443590d6.js";
 import "./Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "./Button/index.4288f9fc.js";
-import "./Badge/index.8c2b8b66.js";
+import "./CheckBox.5f6c78b0.js";
+import "./Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "./MenuActions/index.43a2e1ae.js";
 import "./Popover/index.9f35d0eb.js";
-import "./Pager/index.2f6d6d7d.js";
-import "./Tab/index.3c005df1.js";
+import "./Pager/index.82e89328.js";
+import "./Tab/index.c39a6681.js";
 import "./Tooltip/index.5a795dcd.js";

package/contexts/ModalContext/{index.feded672.js → index.89805978.js}

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

package/hooks/useModal/{index.6d238807.js → index.e1c5c31e.js}

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