@m4l/components 0.1.81 → 0.1.82

package/components/hook-form/RHFAutocomplete/{index.9a9d7c73.js → index.6edb51b1.js}

@@ -6,25 +6,25 @@ import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.12f1a3c3.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.a318316e.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import "../../Icon/index.9fcd1476.js";
-import "../../mui_extended/Accordion/index.fa658639.js";
+import "../../Icon/index.2414ff25.js";
+import "../../mui_extended/Accordion/index.42cef1c7.js";
 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/Button/index.40af964e.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/MenuActions/index.f6bfdd40.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.f94d233e.js";
+import "../../mui_extended/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.172df421.js → index.c2ca5c66.js}

@@ -5,7 +5,7 @@ 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 "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.9a9d7c73.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.6edb51b1.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.47f0157b.js → index.c6c3933b.js}

@@ -2,29 +2,29 @@ import { useFormContext, Controller } from "react-hook-form";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "react";
 import "@m4l/core";
-import "../../Icon/index.9fcd1476.js";
+import "../../Icon/index.2414ff25.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../mui_extended/Accordion/index.fa658639.js";
+import "../../mui_extended/IconButton/index.a318316e.js";
+import "../../mui_extended/Accordion/index.42cef1c7.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.4288f9fc.js";
+import "../../mui_extended/Button/index.40af964e.js";
 import { C as CheckBox } from "../../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/MenuActions/index.f6bfdd40.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.f94d233e.js";
+import "../../mui_extended/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const RHFCheckboxRoot = styled("div")(({
   theme

package/components/hook-form/RHFDateTime/{index.f46e987f.js → index.3add0fa4.js}

@@ -6,25 +6,25 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.9fcd1476.js";
+import "../../Icon/index.2414ff25.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../mui_extended/Accordion/index.fa658639.js";
+import "../../mui_extended/IconButton/index.a318316e.js";
+import "../../mui_extended/Accordion/index.42cef1c7.js";
 import { T as Typography } from "../../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.4288f9fc.js";
+import "../../mui_extended/Button/index.40af964e.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/MenuActions/index.f6bfdd40.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.f94d233e.js";
+import "../../mui_extended/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.2e07ba7b.js → index.72edef4d.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
-import { P as Period } from "../../Period/index.7d44c0e5.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.js";
+import { P as Period } from "../../Period/index.4fd9df2a.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.253620eb.js → index.20daa95e.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.12f1a3c3.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.a318316e.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.9fcd1476.js";
+import "../../Icon/index.2414ff25.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.2c408d8a.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.9f00121f.js → index.cc5adc15.js}

@@ -7,26 +7,26 @@ 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.4288f9fc.js";
+import { B as Button } from "../../mui_extended/Button/index.40af964e.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "@mui/material/Button";
-import "../../Icon/index.9fcd1476.js";
-import "../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../Icon/index.2414ff25.js";
+import "../../mui_extended/IconButton/index.a318316e.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.fa658639.js";
+import "../../mui_extended/Accordion/index.42cef1c7.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 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/MenuActions/index.f6bfdd40.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.f94d233e.js";
+import "../../mui_extended/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.37b59511.js → WindowBase.4016485b.js}

@@ -1,27 +1,27 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.61968b84.js";
-import { m as modalUtilityClasses } from "./index.c8e23b8d.js";
-import { I as Icon } from "../Icon/index.9fcd1476.js";
+import { u as useModal } from "../../hooks/useModal/index.9b0cc3fe.js";
+import { m as modalUtilityClasses } from "./index.e9fece72.js";
+import { I as Icon } from "../Icon/index.2414ff25.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.fa658639.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 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/Button/index.40af964e.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/MenuActions/index.f6bfdd40.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.f94d233e.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {

package/components/modal/{WindowConfirm.1a8c8c21.js → WindowConfirm.f148e495.js}

@@ -1,40 +1,40 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.61968b84.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.265d99c8.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.6928b5ae.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.8b1b3afc.js";
+import { u as useModal } from "../../hooks/useModal/index.9b0cc3fe.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.5abb6ac4.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.6cf96d04.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.856df8ef.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+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 "@m4l/graphics";
-import "../Icon/index.9fcd1476.js";
-import { m as modalUtilityClasses } from "./index.c8e23b8d.js";
+import "../Icon/index.2414ff25.js";
+import { m as modalUtilityClasses } from "./index.e9fece72.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.fa658639.js";
+import "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 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/MenuActions/index.f6bfdd40.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.f94d233e.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.4bf1eabe.js";
-import "../areas/components/AreasAdmin/index.5562f65f.js";
+import "../areas/contexts/AreasContext/index.9820bc7f.js";
+import "../areas/components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.1004b7a0.js";
+import "../ScrollBar/index.d4410cb5.js";
+import "../areas/components/AreasViewer/index.51a52736.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/modal/{index.c8e23b8d.js → index.e9fece72.js}

@@ -1,20 +1,20 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.66e060a3.js";
+import "../../contexts/ModalContext/index.efc1135a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.9fcd1476.js";
+import "../Icon/index.2414ff25.js";
 import "clsx";
 import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../CommonActions/components/Actions/index.265d99c8.js";
+import "../CommonActions/components/Actions/index.5abb6ac4.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.fa658639.js";
+import "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -22,17 +22,17 @@ 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/MenuActions/index.f6bfdd40.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.f94d233e.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.4bf1eabe.js";
-import "../areas/components/AreasAdmin/index.5562f65f.js";
+import "../areas/contexts/AreasContext/index.9820bc7f.js";
+import "../areas/components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.1004b7a0.js";
+import "../ScrollBar/index.d4410cb5.js";
+import "../areas/components/AreasViewer/index.51a52736.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.fa658639.js → index.42cef1c7.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.12f1a3c3.js";
+import { I as IconButton } from "../IconButton/index.a318316e.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Icon } from "../../Icon/index.9fcd1476.js";
+import { I as Icon } from "../../Icon/index.2414ff25.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.fefd45a3.js";
+import { g as getNameDataTestId } from "../../../vendor.88ed58a5.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

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

@@ -1,2 +1,4 @@
 import { AvatarProps as MUIAvatarProps } from '@mui/material';
-export declare type AvatarProps = MUIAvatarProps;
+export interface AvatarProps extends MUIAvatarProps {
+    dataTestId?: string;
+}

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

@@ -7,5 +7,8 @@ export interface ButtonClassesType {
     variantContained: string;
     variantText: string;
     isDisabled: string;
+    colorError: string;
+    colorSuccess: string;
+    colorWarning: string;
 }
 export declare type ButtonClassesKey = keyof ButtonClassesType;

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

@@ -28,14 +28,17 @@ generateUtilityClasses(componentName$2, [
   "variantOutlined",
   "variantContained",
   "variantText",
-  "isDisabled"
+  "isDisabled",
+  "colorError",
+  "colorSuccess",
+  "colorWarning"
 ]);
 function getButtonUtilityClass(slot) {
   return generateUtilityClass(componentName$2, slot);
 }
 const useUtilityClasses$2 = (onwerState) => {
   const slots = {
-    root: ["root", onwerState.size === "small" && "sizeSmall", onwerState.size === "medium" && "sizeMedium", onwerState.variant === "outlined" && "variantOutlined", onwerState.variant === "contained" && "variantContained", onwerState.variant === "text" && "variantText", onwerState.isDisabled && "isDisabled"],
+    root: ["root", onwerState.size === "small" && "sizeSmall", onwerState.size === "medium" && "sizeMedium", onwerState.variant === "outlined" && "variantOutlined", onwerState.variant === "contained" && "variantContained", onwerState.variant === "text" && "variantText", onwerState.isDisabled && "isDisabled", onwerState.colorState === "error" && "colorError", onwerState.colorState === "success" && "colorSuccess", onwerState.colorState === "warning" && "colorWarning"],
     skeleton: ["skeleton"]
   };
   const composedClasses = unstable_composeClasses(slots, getButtonUtilityClass, {});
@@ -51,13 +54,15 @@ const Button = (props) => {
     disabled,
     skeletonWidth = "100px",
     skeletonHeight = "28px",
+    colorState,
     ...others
   } = props;
   const isSkeleton = useModuleSkeleton();
   const ownerState = {
     size,
     variant,
-    isDisabled: disabled
+    isDisabled: disabled,
+    colorState
   };
   const classes = useUtilityClasses$2(ownerState);
   return /* @__PURE__ */ jsx(ButtonRoot, {

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

@@ -3,7 +3,8 @@ export interface ExtendButtonProps extends Omit<ButtonProps, 'size'> {
     size?: 'small' | 'medium';
     skeletonWidth?: number | string;
     skeletonHeight?: number | string;
+    colorState?: 'error' | 'success' | 'warning';
 }
-export interface OwnerState extends Pick<ExtendButtonProps, 'size' | 'variant'> {
+export interface OwnerState extends Pick<ExtendButtonProps, 'size' | 'variant' | 'colorState'> {
     isDisabled?: boolean;
 }

package/components/mui_extended/IconButton/{index.12f1a3c3.js → index.a318316e.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.9fcd1476.js";
+import { I as Icon } from "../../Icon/index.2414ff25.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.43a2e1ae.js → index.f6bfdd40.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.9fcd1476.js";
-import { I as IconButton$1 } from "../IconButton/index.12f1a3c3.js";
+import { I as Icon } from "../../Icon/index.2414ff25.js";
+import { I as IconButton$1 } from "../IconButton/index.a318316e.js";
 import clsx from "clsx";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));

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

@@ -2,9 +2,21 @@ import { PagerClassesType } from './types';
 export declare const pagerClasses: PagerClassesType;
 export declare function getPagerUtilityClass(slot: string): string;
 export declare const pagerUtilityClasses: () => {
+    select: string;
     root: string;
     skeletonRoot: string;
+    labelRowsPerPageContainer: string;
+    selectMenuPopover: string;
+    selectMenuItem: string;
+    labelDisplayRows: string;
+    pagerActions: string;
+    customTablePaginationRoot: string;
     skeletonRowsPerPage: string;
     skeletonButtonContainer: string;
     skeletonIconButton: string;
+    actionIconFirstPage: string;
+    actionIconPrevious: string;
+    actionIconNextPage: string;
+    actionIconLastPage: string;
+    labelRowsPager: string;
 };

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

@@ -1,10 +1,18 @@
 import { pagerUtilityClasses } from ".";
 export interface PagerClassesType {
     root: string;
-    skeletonRoot: string;
-    skeletonRowsPerPage: string;
-    skeletonButtonContainer: string;
-    skeletonIconButton: string;
+    labelRowsPerPageContainer: string;
+    labelRowsPager: string;
+    select: string;
+    selectMenuPopover: string;
+    selectMenuItem: string;
+    labelDisplayRows: string;
+    pagerActions: string;
+    customTablePaginationRoot: string;
+    actionIconFirstPage: string;
+    actionIconPrevious: string;
+    actionIconNextPage: string;
+    actionIconLastPage: string;
 }
 export declare type PagerClassesKey = keyof PagerClassesType;
 export declare type Classes = ReturnType<typeof pagerUtilityClasses>;