@m4l/components 0.1.70 → 0.1.71

package/components/hook-form/RHFAutocomplete/{index.09c400c3.js → index.c4ba070a.js}

@@ -1,26 +1,27 @@
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.82a6cd46.js";
+import { I as Image } from "../../Image/index.1e3b7ff6.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { T as TEST_PROP_ID } from "../../../vendor.619c3533.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { T as Typography } from "../../mui_extended/Typography/index.d5e0f69f.js";
+import { H as HelperText } from "../../HelperText/index.d7b1b21a.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.caaed284.js";
-import "../../mui_extended/IconButton/index.57824447.js";
-import "../../mui_extended/Accordion/index.437bb3f8.js";
+import "../../Icon/index.6f2a5618.js";
+import "../../mui_extended/IconButton/index.7aab3e04.js";
+import "@m4l/graphics";
+import "../../mui_extended/Accordion/index.44e96bb8.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.f8ce9ccd.js";
+import "../../mui_extended/Button/index.ec6525e0.js";
 import "@mui/lab";
-import "../../mui_extended/Popover/index.226f247e.js";
-import "../../mui_extended/MenuActions/index.37043326.js";
-import "../../mui_extended/Pager/index.eeed3bd5.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/MenuActions/index.bff47c06.js";
+import "../../mui_extended/Pager/index.907d5801.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.e8acff04.js → index.a63f3704.js}

@@ -4,8 +4,8 @@ import debounce from "lodash/debounce";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.09c400c3.js";
+import { T as TEST_PROP_ID } from "../../../vendor.619c3533.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.c4ba070a.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.70310f35.js → index.9055f88d.js}

@@ -1,12 +1,12 @@
 import { useFormContext, Controller } from "react-hook-form";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Checkbox } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { T as TEST_PROP_ID } from "../../../vendor.619c3533.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
+import { H as HelperText } from "../../HelperText/index.d7b1b21a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.d5e0f69f.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",

package/components/hook-form/RHFDateTime/{index.7b815072.js → index.2cb94a66.js}

@@ -6,21 +6,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.caaed284.js";
-import "../../mui_extended/IconButton/index.57824447.js";
-import "../../mui_extended/Accordion/index.437bb3f8.js";
+import "../../Icon/index.6f2a5618.js";
+import "../../mui_extended/IconButton/index.7aab3e04.js";
+import "../../mui_extended/Accordion/index.44e96bb8.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.f8ce9ccd.js";
-import "../../Image/index.82a6cd46.js";
+import "../../mui_extended/Button/index.ec6525e0.js";
+import "../../Image/index.1e3b7ff6.js";
 import "@mui/lab";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
-import "../../mui_extended/Popover/index.226f247e.js";
-import "../../mui_extended/MenuActions/index.37043326.js";
-import "../../mui_extended/Pager/index.eeed3bd5.js";
+import { T as Typography } from "../../mui_extended/Typography/index.d5e0f69f.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/MenuActions/index.bff47c06.js";
+import "../../mui_extended/Pager/index.907d5801.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { H as HelperText } from "../../HelperText/index.d7b1b21a.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.3c7d393c.js → index.14dcf762.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
-import { P as Period } from "../../Period/index.fbf074d3.js";
+import { H as HelperText } from "../../HelperText/index.d7b1b21a.js";
+import { P as Period } from "../../Period/index.53ea0562.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.d4c39859.js → index.7ce2b16e.js}

@@ -1,17 +1,18 @@
 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.57824447.js";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.7aab3e04.js";
+import { T as TEST_PROP_ID } from "../../../vendor.619c3533.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.caaed284.js";
+import "../../Icon/index.6f2a5618.js";
 import "clsx";
+import "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.a2312a73.js";
-import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
-import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.ee16888d.js";
+import { T as Typography } from "../../mui_extended/Typography/index.d5e0f69f.js";
+import { H as HelperText } from "../../HelperText/index.d7b1b21a.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.31044674.js → index.c57a43f8.js}

@@ -4,7 +4,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
 import { styled, alpha } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.82a6cd46.js";
+import { I as Image } from "../../Image/index.1e3b7ff6.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperUploadImage = styled("div")(({

package/components/modal/{WindowBase.6a40a945.js → WindowBase.32d35d71.js}

@@ -1,24 +1,24 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
+import { u as useModal } from "../../hooks/useModal/index.9b244379.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.a2312a73.js";
-import { I as Icon } from "../Icon/index.caaed284.js";
+import { a as getThemeVariantColor } from "../../utils/index.ee16888d.js";
+import { I as Icon } from "../Icon/index.6f2a5618.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.57824447.js";
-import "../mui_extended/Accordion/index.437bb3f8.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.7aab3e04.js";
+import "../mui_extended/Accordion/index.44e96bb8.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f8ce9ccd.js";
+import "../mui_extended/Button/index.ec6525e0.js";
 import "clsx";
-import "../Image/index.82a6cd46.js";
+import "../Image/index.1e3b7ff6.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.b3c6e71c.js";
-import "../mui_extended/Popover/index.226f247e.js";
-import "../mui_extended/MenuActions/index.37043326.js";
-import "../mui_extended/Pager/index.eeed3bd5.js";
+import "../mui_extended/Typography/index.d5e0f69f.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.bff47c06.js";
+import "../mui_extended/Pager/index.907d5801.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",

package/components/modal/{WindowConfirm.e21763cb.js → WindowConfirm.70bcbb69.js}

@@ -1,32 +1,33 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.154d7cb6.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.9d521b2a.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.1ba5b02b.js";
+import { u as useModal } from "../../hooks/useModal/index.9b244379.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.6b7d480a.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.ff90f2c0.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.e31ab7e9.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f8ce9ccd.js";
+import "../mui_extended/Button/index.ec6525e0.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.0d64c8b1.js";
-import "../ModalDialog/index.cdfd1ae8.js";
-import "../Resizeable/index.aafda79e.js";
+import "../../react-draggable.29f78f6d.js";
+import "../ModalDialog/index.598f9a86.js";
+import "../Resizeable/index.ff4ce7a4.js";
 import "@m4l/graphics";
+import { I as Icon } from "../Icon/index.6f2a5618.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../Icon/index.caaed284.js";
-import { b as getVariantColor } from "../../utils/index.a2312a73.js";
-import { W as WindowBase } from "./WindowBase.6a40a945.js";
-import "../mui_extended/IconButton/index.57824447.js";
+import { b as getVariantColor } from "../../utils/index.ee16888d.js";
+import { W as WindowBase } from "./WindowBase.32d35d71.js";
+import "../mui_extended/IconButton/index.7aab3e04.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.de8b4e78.js";
-import "../areas/components/index.359c2b18.js";
+import "../areas/contexts/AreasContext/index.e14d6799.js";
+import "../areas/components/index.31f39977.js";
 import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.b3c6e71c.js";
+import "../mui_extended/Typography/index.d5e0f69f.js";
 const WrapperMessageIlustration = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/modal/index.ef3aa9ac.js

@@ -0,0 +1,35 @@
+import "@mui/material";
+import "../../react-draggable.29f78f6d.js";
+import "react";
+import "../../contexts/ModalContext/index.fca184e2.js";
+import "../ModalDialog/index.598f9a86.js";
+import "../Resizeable/index.ff4ce7a4.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "../Icon/index.6f2a5618.js";
+import "clsx";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.6b7d480a.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.ec6525e0.js";
+import "react-hook-form";
+import "./WindowBase.32d35d71.js";
+import "../mui_extended/IconButton/index.7aab3e04.js";
+import "../mui_extended/Accordion/index.44e96bb8.js";
+import "../mui_extended/Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "../Image/index.1e3b7ff6.js";
+import "@mui/lab";
+import "../mui_extended/Typography/index.d5e0f69f.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.bff47c06.js";
+import "../mui_extended/Pager/index.907d5801.js";
+import "../mui_extended/Tab/index.e0653a0a.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.e14d6799.js";
+import "../areas/components/index.31f39977.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "./WindowConfirm.70bcbb69.js";

package/components/mui_extended/Accordion/{index.437bb3f8.js → index.44e96bb8.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.57824447.js";
+import { I as IconButton } from "../IconButton/index.7aab3e04.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.caaed284.js";
+import { I as Icon } from "../../Icon/index.6f2a5618.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

package/components/mui_extended/Button/{index.f8ce9ccd.js → index.ec6525e0.js}

@@ -4,11 +4,11 @@ import MuiButton from "@mui/material/Button";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.82a6cd46.js";
+import { I as Image } from "../../Image/index.1e3b7ff6.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { T as TEST_PROP_ID } from "../../../vendor.619c3533.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.b3c6e71c.js";
+import { T as Typography } from "../Typography/index.d5e0f69f.js";
 const ButtonRoot = styled("div")(({
   theme
 }) => ({
@@ -49,6 +49,8 @@ const Button = (props) => {
     variant = "contained",
     className,
     disabled,
+    skeletonWidth = "100px",
+    skeletonHeight = "28px",
     ...others
   } = props;
   const isSkeleton = useModuleSkeleton();
@@ -70,7 +72,7 @@ const Button = (props) => {
       className: classes.skeleton,
       "data-testid": "MuiSkeleton",
       variant: "rectangular",
-      width: "100px"
+      width: skeletonWidth
     })
   });
 };

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

@@ -1,6 +1,8 @@
 import { ButtonProps } from '@mui/material';
 export interface ExtendButtonProps extends Omit<ButtonProps, 'size'> {
     size?: 'small' | 'medium';
+    skeletonWidth?: number | string;
+    skeletonHeight?: number | string;
 }
 export interface OwnerState extends Pick<ExtendButtonProps, 'size' | 'variant'> {
     isDisabled?: boolean;

package/components/mui_extended/IconButton/{index.57824447.js → index.7aab3e04.js}

@@ -1,9 +1,10 @@
 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.caaed284.js";
+import { I as Icon } from "../../Icon/index.6f2a5618.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 const SkeletonIconButton = (props) => {
   const {
@@ -63,6 +64,7 @@ const IconButton = (props) => {
   const {
     getLabel
   } = useModuleDictionary();
+  const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
   const finalTooltip = useMemo(() => {
     if (disabled) {
@@ -85,7 +87,7 @@ const IconButton = (props) => {
   };
   const ownerState = {
     variant,
-    size,
+    size: isDesktop ? size : "medium",
     isSkeleton,
     isFocus: disabled ? false : isfocus,
     isDisabled: disabled
@@ -99,6 +101,7 @@ const IconButton = (props) => {
         title: finalTooltip || "",
         children: /* @__PURE__ */ jsx(IconButton$1, {
           ...other,
+          disableRipple: true,
           onFocusVisible: handlerOnFocus,
           onBlur: handlerOnBlur,
           disabled,
@@ -109,12 +112,13 @@ const IconButton = (props) => {
         })
       }) : /* @__PURE__ */ jsx(IconButton$1, {
         ...other,
+        disableRipple: true,
         onFocusVisible: handlerOnFocus,
         onBlur: handlerOnBlur,
         disabled,
         children: /* @__PURE__ */ jsx(Icon, {
           src,
-          size,
+          size: isDesktop ? size : "medium",
           rotationAngle
         })
       })

package/components/mui_extended/MenuActions/{index.37043326.js → index.bff47c06.js}

@@ -1,10 +1,10 @@
 import { useState, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.226f247e.js";
+import { P as Popover } from "../Popover/index.9f35d0eb.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.caaed284.js";
-import { I as IconButton$1 } from "../IconButton/index.57824447.js";
+import { I as Icon } from "../../Icon/index.6f2a5618.js";
+import { I as IconButton$1 } from "../IconButton/index.7aab3e04.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({

package/components/mui_extended/Pager/{index.eeed3bd5.js → index.907d5801.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.57824447.js";
+import { I as IconButton } from "../IconButton/index.7aab3e04.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({

package/components/mui_extended/Popover/{index.226f247e.js → index.9f35d0eb.js}

@@ -142,7 +142,6 @@ const Popover = (props) => {
   const {
     children,
     arrowType = "top-right",
-    sx,
     className,
     ...other
   } = props;
@@ -165,8 +164,7 @@ const Popover = (props) => {
     PaperProps: {
       sx: {
         p: 1,
-        overflow: "inherit",
-        ...sx
+        overflow: "inherit"
       }
     },
     ...other,

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

@@ -1,9 +1,13 @@
-import { PopoverProps as MUIPopeverProps } from '@mui/material';
+import { ComponentNameToClassKey } from '@mui/material';
+import { Theme } from '@mui/material';
+import { PopoverProps as MUIPopeverProps, SxProps } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
 export declare type ArrowType = 'no-arrow' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom';
 export declare type ArrowStyleProps = {
     arrowType: ArrowType;
 };
 export declare type OwnerState = ArrowStyleProps;
-export interface PopoverProps extends MUIPopeverProps {
+export interface PopoverProps extends Omit<MUIPopeverProps, 'sx'> {
     arrowType?: ArrowType;
+    sx?: SxProps<Theme> | Partial<OverridesStyleRules<string, ComponentNameToClassKey, Theme>>;
 }

package/components/mui_extended/Typography/{index.b3c6e71c.js → index.d5e0f69f.js}

@@ -2,7 +2,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { T as TEST_PROP_ID } from "../../../vendor.619c3533.js";
 import { unstable_composeClasses } from "@mui/base";
 const WarpperTypography = styled("div")(({
   theme

package/components/mui_extended/index.1f766f93.js

@@ -0,0 +1,20 @@
+import "@mui/material";
+import "react";
+import "@m4l/core";
+import "../Icon/index.6f2a5618.js";
+import "clsx";
+import "react/jsx-runtime";
+import "./IconButton/index.7aab3e04.js";
+import "@m4l/graphics";
+import "./Accordion/index.44e96bb8.js";
+import "./Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "./Button/index.ec6525e0.js";
+import "../Image/index.1e3b7ff6.js";
+import "@mui/lab";
+import "./Typography/index.d5e0f69f.js";
+import "./Popover/index.9f35d0eb.js";
+import "./MenuActions/index.bff47c06.js";
+import "./Pager/index.907d5801.js";
+import "./Tab/index.e0653a0a.js";

package/contexts/ModalContext/{index.8e3cd7a8.js → index.fca184e2.js}

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

package/hooks/useModal/{index.d590f506.js → index.9b244379.js}

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