@m4l/components 0.1.69 → 0.1.71

package/components/hook-form/RHFAutocompleteAsync/{index.8c7e0842.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.6a33c6d2.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.21377a2c.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.83902d07.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.6a33c6d2.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.742d547d.js";
-import { T as Typography } from "../../mui_extended/Typography/index.79e2b06f.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.166250d8.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.952f0635.js";
-import "../../mui_extended/IconButton/index.917f0d3c.js";
-import "../../mui_extended/Accordion/index.51feece8.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.b34c8b68.js";
-import "../../Image/index.f30f79f0.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.79e2b06f.js";
-import "../../mui_extended/Popover/index.226f247e.js";
-import "../../mui_extended/MenuActions/index.651dec44.js";
-import "../../mui_extended/Pager/index.e0663072.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.742d547d.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.61baf76f.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.742d547d.js";
-import { P as Period } from "../../Period/index.3ff6f53b.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.55687a39.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.917f0d3c.js";
-import { T as TEST_PROP_ID } from "../../../vendor.6a33c6d2.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.952f0635.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.b5c62ef0.js";
-import { T as Typography } from "../../mui_extended/Typography/index.79e2b06f.js";
-import { H as HelperText } from "../../HelperText/index.742d547d.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",
@@ -308,7 +309,6 @@ const RHFTextFieldPassword = (props) => {
     environment_assets
   } = useEnvironment();
   const classes = useUtilityClasses();
-  console.log("label----", label);
   return /* @__PURE__ */ jsx(RHFTextFieldPasswordRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {

package/components/hook-form/RHFUpload/{index.eb4d0dac.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.f30f79f0.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/subcomponents/Header/types.d.ts

@@ -1,2 +1,2 @@
 import { WindowBaseProps } from '../../types';
-export declare type HeaderProps = Pick<WindowBaseProps, 'title' | 'variant' | 'onClickCancel'>;
+export declare type HeaderProps = Pick<WindowBaseProps, 'title' | 'variant' | 'onClickCancel' | 'urlIcon'>;

package/components/modal/WindowBase/types.d.ts

@@ -4,6 +4,7 @@ export interface WindowBaseProps {
     title: string;
     variant?: VariantColor;
     children: ReactNode;
+    urlIcon?: string;
     onClickCancel?: () => void;
 }
 export declare type VariantProps = Pick<WindowBaseProps, 'variant'>;

package/components/modal/{WindowBase.7ce0b21e.js → WindowBase.32d35d71.js}

@@ -1,17 +1,31 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.043e419b.js";
+import { u as useModal } from "../../hooks/useModal/index.9b244379.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.b5c62ef0.js";
-import { IconButton } from "@mui/material";
-import { I as Icon } from "../Icon/index.952f0635.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.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.ec6525e0.js";
+import "clsx";
+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";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "column",
   height: "100%",
   overflow: "hidden",
-  padding: theme.spacing(3)
+  padding: theme.spacing(0.5)
 }));
 const WrapperHeader = styled("div")(({
   theme
@@ -65,38 +79,32 @@ const Header = (props) => {
   const {
     variant,
     title,
-    onClickCancel
+    onClickCancel,
+    urlIcon
   } = props;
-  const iconSrcWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/warning.svg`;
-  const iconSrcError = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/error.svg`;
-  const iconSrcInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/info.svg`;
-  const iconDefault = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/icon_bar_title.svg`;
   return /* @__PURE__ */ jsxs(WrapperHeader, {
     id: "Header",
     className: "m4l_draggable_handle",
-    children: [/* @__PURE__ */ jsx(IconHeader, {
+    children: [urlIcon && /* @__PURE__ */ jsx(IconHeader, {
       variant,
       children: /* @__PURE__ */ jsx(Icon, {
-        src: variant === "warning" ? iconSrcWarning : variant === "delete" ? iconSrcError : variant === "info" ? iconSrcInfo : iconDefault
+        src: urlIcon
       })
     }), /* @__PURE__ */ jsx(ModalTitle, {
       variant,
       children: title
     }), /* @__PURE__ */ jsx(IconButton, {
+      src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
       onClick: onClickCancel,
-      "aria-label": "click",
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`
-      })
+      "aria-label": "click"
     })]
   });
 };
 const WindowBase = (props) => {
   const {
-    variant,
-    title,
     children,
-    onClickCancel
+    onClickCancel,
+    ...other
   } = props;
   const {
     closeModal
@@ -108,8 +116,7 @@ const WindowBase = (props) => {
   return /* @__PURE__ */ jsxs(WrapperWindowBase, {
     id: "WrapperWindowBase",
     children: [/* @__PURE__ */ jsx(Header, {
-      variant,
-      title,
+      ...other,
       onClickCancel: onCloseCancel
     }), children]
   });

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

@@ -1,30 +1,33 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.043e419b.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.1b2a0921.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e83053da.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.b8d5c8ee.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.b34c8b68.js";
+import "../mui_extended/Button/index.ec6525e0.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.de1aac90.js";
-import "../ModalDialog/index.4d663d0a.js";
-import "../Resizeable/index.ff97422e.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.952f0635.js";
-import { b as getVariantColor } from "../../utils/index.b5c62ef0.js";
-import { W as WindowBase } from "./WindowBase.7ce0b21e.js";
-import "../mui_extended/IconButton/index.917f0d3c.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.7c12b512.js";
-import "../areas/components/index.ffb147c7.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.79e2b06f.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.51feece8.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.917f0d3c.js";
+import { I as IconButton } from "../IconButton/index.7aab3e04.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.952f0635.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.b34c8b68.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.f30f79f0.js";
+import { I as Image } from "../../Image/index.1e3b7ff6.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.6a33c6d2.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.79e2b06f.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.917f0d3c.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.952f0635.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) {
@@ -78,16 +80,14 @@ const IconButton = (props) => {
   }, [tooltip, dictionaryTooltipId, getLabel]);
   const [isfocus, setIsFocus] = useState(false);
   const handlerOnFocus = () => {
-    console.log("focus active");
     setIsFocus(true);
   };
   const handlerOnBlur = () => {
-    console.log("focus blur");
     setIsFocus(false);
   };
   const ownerState = {
     variant,
-    size,
+    size: isDesktop ? size : "medium",
     isSkeleton,
     isFocus: disabled ? false : isfocus,
     isDisabled: disabled
@@ -101,6 +101,7 @@ const IconButton = (props) => {
         title: finalTooltip || "",
         children: /* @__PURE__ */ jsx(IconButton$1, {
           ...other,
+          disableRipple: true,
           onFocusVisible: handlerOnFocus,
           onBlur: handlerOnBlur,
           disabled,
@@ -111,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.651dec44.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.952f0635.js";
-import { I as IconButton$1 } from "../IconButton/index.917f0d3c.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.e0663072.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.917f0d3c.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.79e2b06f.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.6a33c6d2.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.76d5ccee.js → index.fca184e2.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.4d663d0a.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/contexts/index.d.ts

@@ -1,4 +1,4 @@
-export { DynamicMFParmsProvider, DynamicMFParmsContext, MemonizedDynamicMFParmsProvider, } from '../components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext';
+export { DynamicMFParmsProvider, DynamicMFParmsContext, MemonizedDynamicMFParmsProvider, } from '../components/areas/contexts/DynamicMFParmsContext';
 export * from './ModalContext/index';
 export * from './ModalContext/types';
 export type { FormInitialValues, FormStatusLoad } from './RHFormContext/types';

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

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