@m4l/components 0.2.35 → 0.2.36

package/components/mui_extended/Button/{index.c3084916.js → index.5395d101.js}

@@ -1,22 +1,18 @@
+import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, IconButton, Tooltip } from "@mui/material";
 import MuiButton from "@mui/material/Button";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.b799c514.js";
+import { I as Image } from "../../Image/index.8cc036b1.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.379dd374.js";
-const ButtonRoot = styled("div")(({
-  theme
-}) => ({
+import { T as Typography } from "../Typography/index.a1e774a2.js";
+const ButtonRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LButton?.styleOverrides
 }));
-styled(Skeleton)(({
-  theme
-}) => ({
+styled(Skeleton)(({ theme }) => ({
   borderRadius: theme.spacing(0.5)
 }));
 const componentName$2 = "M4LButton";
@@ -40,7 +36,18 @@ function getButtonUtilityClass(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", onwerState.colorState === "error" && "colorError", onwerState.colorState === "success" && "colorSuccess", onwerState.colorState === "warning" && "colorWarning"],
+    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, {});
@@ -67,26 +74,17 @@ const Button = (props) => {
     colorState
   };
   const classes = useUtilityClasses$2(ownerState);
-  return /* @__PURE__ */ jsx(ButtonRoot, {
-    className: clsx(classes.root, className),
-    "data-testid": "ButtonRoot",
-    children: !isSkeleton ? /* @__PURE__ */ jsx(MuiButton, {
-      ...others,
-      variant,
-      size,
-      disableRipple: true,
-      disabled
-    }) : /* @__PURE__ */ jsx(Skeleton, {
+  return /* @__PURE__ */ jsx(ButtonRoot, { className: clsx(classes.root, className), "data-testid": "ButtonRoot", children: !isSkeleton ? /* @__PURE__ */ jsx(MuiButton, { ...others, variant, size, disableRipple: true, disabled }) : /* @__PURE__ */ jsx(
+    Skeleton,
+    {
       className: classes.skeleton,
       "data-testid": "MuiSkeleton",
       variant: "rectangular",
       width: skeletonWidth
-    })
-  });
+    }
+  ) });
 };
-const WrapperImageButton = styled("div")(({
-  theme
-}) => ({
+const WrapperImageButton = styled("div")(({ theme }) => ({
   ...theme.components?.M4LImageButton?.styleOverrides
 }));
 const componentName$1 = "M4LImageButton";
@@ -114,51 +112,51 @@ function ImageButton({
   width,
   height,
   tooltip,
-  sx = {
-    width,
-    height
-  },
+  sx = { width, height },
   ...other
 }) {
   const finalTooltip = tooltip;
   const classes = useUtilityClasses$1();
   const imageButton = useMemo(() => {
-    return /* @__PURE__ */ jsx(IconButton, {
-      sx,
-      ...other,
-      children: /* @__PURE__ */ jsx(Image, {
-        src
-      })
-    });
+    return /* @__PURE__ */ jsx(IconButton, { sx, ...other, children: /* @__PURE__ */ jsx(Image, { src }) });
   }, [src, width, height, sx]);
-  return /* @__PURE__ */ jsx(WrapperImageButton, {
-    className: classes.root,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId$1("root")
-    } : {},
-    children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
-      title: finalTooltip || "",
-      children: imageButton
-    }) : imageButton
-  });
+  return /* @__PURE__ */ jsx(
+    WrapperImageButton,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$1("root") } : {},
+      children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: imageButton }) : imageButton
+    }
+  );
 }
 const componentName = "M4LLoadingButton";
-generateUtilityClasses(componentName, [
-  "root",
-  "skeleton",
-  "sizeSmall",
-  "sizeMedium",
-  "variantOutlined",
-  "variantContained",
-  "variantText",
-  "isDisabled"
-]);
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "skeleton",
+    "sizeSmall",
+    "sizeMedium",
+    "variantOutlined",
+    "variantContained",
+    "variantText",
+    "isDisabled"
+  ]
+);
 function getLoadingButtonUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
 }
 const useUtilityClasses = (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"
+    ],
     skeleton: ["skeleton"]
   };
   const composedClasses = unstable_composeClasses(slots, getLoadingButtonUtilityClass, {});
@@ -190,28 +188,22 @@ const LoadingButton = (props) => {
     isDisabled: disabled
   };
   const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(LoadingButtonRoot, {
-    className: clsx(classes.root, className),
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("root")
-    } : {},
-    children: !isSkeleton ? /* @__PURE__ */ jsx(LoadingButton$1, {
-      ...other,
-      variant,
-      size,
-      children: /* @__PURE__ */ jsx(Typography, {
-        variant: "action",
-        children
-      })
-    }) : /* @__PURE__ */ jsx(Skeleton, {
-      className: classes.skeleton,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("skeleton")
-      } : {},
-      variant: "rectangular",
-      width: skeletonWidth
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    LoadingButtonRoot,
+    {
+      className: clsx(classes.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: !isSkeleton ? /* @__PURE__ */ jsx(LoadingButton$1, { ...other, variant, size, children: /* @__PURE__ */ jsx(Typography, { variant: "action", children }) }) : /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          className: classes.skeleton,
+          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("skeleton") } : {},
+          variant: "rectangular",
+          width: skeletonWidth
+        }
+      )
+    }
+  );
 };
 export {
   Button as B,

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const ButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTButton: import("@emotion/styled").StyledComponent<{
+    animation?: false | "pulse" | "wave" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
+    height?: string | number | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "rectangular" | "rounded" | "circular" | undefined;
+    width?: string | number | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "width" | "height" | keyof import("@mui/material/OverridableComponent").CommonProps | "animation" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -1,4 +1,4 @@
-import { useUtilityClasses } from ".";
+import { useUtilityClasses } from '.';
 export interface CheckboxClassesType {
     root: string;
     skeleton: string;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CheckBoxRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

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

package/components/mui_extended/{CheckBox.2a3b86c5.js → CheckBox.256169f0.js}

@@ -1,11 +1,11 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, styled, Checkbox } from "@mui/material";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { F as FieldLabel } from "../FieldLabel/index.0412576c.js";
+import { F as FieldLabel } from "../FieldLabel/index.2622ee40.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",
@@ -19,7 +19,12 @@ function getRHFCheckboxUtilityClass(slot) {
 }
 const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.size === "small" && "small", ownerState.size === "medium" && "medium", ownerState.disabled && "stateDisabled"],
+    root: [
+      "root",
+      ownerState.size === "small" && "small",
+      ownerState.size === "medium" && "medium",
+      ownerState.disabled && "stateDisabled"
+    ],
     skeleton: ["skeleton"]
   };
   const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
@@ -28,19 +33,8 @@ const useUtilityClasses = (ownerState) => {
   };
 };
 const SkeletonCheckBox = (props) => {
-  const {
-    classes
-  } = props;
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsx("div", {
-      className: classes.skeleton,
-      children: /* @__PURE__ */ jsx(Skeleton, {
-        variant: "rounded",
-        width: "18px",
-        height: "18px"
-      })
-    })
-  });
+  const { classes } = props;
+  return /* @__PURE__ */ jsx("div", { className: classes.skeleton, children: /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: "18px", height: "18px" }) });
 };
 const CheckBoxRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LCheckBox?.styleOverrides
@@ -63,23 +57,19 @@ const CheckBox = forwardRef((props, ref) => {
     disabled
   };
   const classes = useUtilityClasses(ownerState);
-  console.log("checkbox label props", props);
-  return /* @__PURE__ */ jsxs(CheckBoxRoot, {
-    className: clsx(classes.root, className),
-    ref,
-    children: [!isSkeleton ? /* @__PURE__ */ jsx(Checkbox, {
-      id: htmlFor,
-      ...props
-    }) : /* @__PURE__ */ jsx(SkeletonCheckBox, {
-      classes
-    }), label && /* @__PURE__ */ jsx(FieldLabel, {
-      label,
-      mandatory,
-      mandatoryMessage,
-      helperMessage,
-      htmlFor
-    })]
-  });
+  return /* @__PURE__ */ jsxs(CheckBoxRoot, { className: clsx(classes.root, className), ref, children: [
+    !isSkeleton ? /* @__PURE__ */ jsx(Checkbox, { id: htmlFor, ...props }) : /* @__PURE__ */ jsx(SkeletonCheckBox, { classes }),
+    label && /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        label,
+        mandatory,
+        mandatoryMessage,
+        helperMessage,
+        htmlFor
+      }
+    )
+  ] });
 });
 export {
   CheckBox as C

package/components/mui_extended/CircularProgress/{index.ad569afd.js → index.967e70b7.js}

@@ -1,9 +1,7 @@
-import { CircularProgress as CircularProgress$1 } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
+import { CircularProgress as CircularProgress$1 } from "@mui/material";
 const CircularProgress = (props) => {
-  return /* @__PURE__ */ jsx(CircularProgress$1, {
-    ...props
-  });
+  return /* @__PURE__ */ jsx(CircularProgress$1, { ...props });
 };
 export {
   CircularProgress as C

package/components/mui_extended/IconButton/{index.f8a3021b.js → index.b0ee4965.js}

@@ -1,24 +1,23 @@
+import { jsx, Fragment } from "react/jsx-runtime";
 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.ad330e78.js";
-import { jsx, Fragment } from "react/jsx-runtime";
+import { I as Icon } from "../../Icon/index.ee7b85c9.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const SkeletonIconButton = (props) => {
-  const {
-    classes
-  } = props;
-  return /* @__PURE__ */ jsx(Skeleton, {
-    variant: "rectangular",
-    className: classes.skeleton,
-    "data-testid": "SkeletonIconButton"
-  });
+  const { classes } = props;
+  return /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      variant: "rectangular",
+      className: classes.skeleton,
+      "data-testid": "SkeletonIconButton"
+    }
+  );
 };
-const IconButtonRoot = styled("div")(({
-  theme
-}) => ({
+const IconButtonRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LIconButton?.styleOverrides
 }));
 const componentName = "M4LIconButton";
@@ -40,7 +39,16 @@ function getIconButtonUtilityClass(slot) {
 }
 const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.variant === "primary" && ownerState.isSkeleton !== true && "variantPrimary", ownerState.variant === "secondary" && ownerState.isSkeleton !== true && "variantSecondary", ownerState.variant === "line" && ownerState.isSkeleton !== true && "variantLine", ownerState.isFocus && !ownerState.isDisabled && "isFocus", ownerState.isDisabled && "isDisabled"],
+    root: [
+      "root",
+      ownerState.size === "small" && "sizeSmall",
+      ownerState.size === "medium" && "sizeMedium",
+      ownerState.variant === "primary" && ownerState.isSkeleton !== true && "variantPrimary",
+      ownerState.variant === "secondary" && ownerState.isSkeleton !== true && "variantSecondary",
+      ownerState.variant === "line" && ownerState.isSkeleton !== true && "variantLine",
+      ownerState.isFocus && !ownerState.isDisabled && "isFocus",
+      ownerState.isDisabled && "isDisabled"
+    ],
     skeleton: ["skeleton"]
   };
   const composedClasses = unstable_composeClasses(slots, getIconButtonUtilityClass, {});
@@ -61,9 +69,7 @@ const IconButton = (props) => {
     onClick,
     ...other
   } = props;
-  const {
-    getLabel
-  } = useModuleDictionary();
+  const { getLabel } = useModuleDictionary();
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
   const finalTooltip = useMemo(() => {
@@ -87,37 +93,25 @@ const IconButton = (props) => {
     isDisabled: disabled
   };
   const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(IconButtonRoot, {
-    className: clsx(classes.root, className),
-    "data-testid": "IconButtonRoot",
-    children: !isSkeleton ? /* @__PURE__ */ jsx(Fragment, {
-      children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
-        title: finalTooltip || "",
-        children: /* @__PURE__ */ jsx(IconButton$1, {
-          ...other,
-          onClick,
-          disableRipple: true,
-          disabled,
-          children: /* @__PURE__ */ jsx(Icon, {
-            src,
-            size
-          })
-        })
-      }) : /* @__PURE__ */ jsx(IconButton$1, {
-        ...other,
-        onClick,
-        disableRipple: true,
-        disabled,
-        children: /* @__PURE__ */ jsx(Icon, {
-          src,
-          size: isDesktop ? size : "medium",
-          rotationAngle
-        })
-      })
-    }) : /* @__PURE__ */ jsx(SkeletonIconButton, {
-      classes
-    })
-  });
+  return /* @__PURE__ */ jsx(IconButtonRoot, { className: clsx(classes.root, className), "data-testid": "IconButtonRoot", children: !isSkeleton ? /* @__PURE__ */ jsx(Fragment, { children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: /* @__PURE__ */ jsx(
+    IconButton$1,
+    {
+      ...other,
+      onClick,
+      disableRipple: true,
+      disabled,
+      children: /* @__PURE__ */ jsx(Icon, { src, size })
+    }
+  ) }) : /* @__PURE__ */ jsx(
+    IconButton$1,
+    {
+      ...other,
+      onClick,
+      disableRipple: true,
+      disabled,
+      children: /* @__PURE__ */ jsx(Icon, { src, size: isDesktop ? size : "medium", rotationAngle })
+    }
+  ) }) : /* @__PURE__ */ jsx(SkeletonIconButton, { classes }) });
 };
 export {
   IconButton as I,

package/components/mui_extended/IconButton/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const IconButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/ImageButton/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperImageButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/ImageButton/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { ImageButtonClassesKey } from "../utils/Clases/types";
+import { ImageButtonClassesKey } from '../utils/Clases/types';
 export declare const getNameDataTestId: (KEY: ImageButtonClassesKey) => string;

package/components/mui_extended/LinearProgress/{index.c92b9ba9.js → index.4092bb69.js}

@@ -1,12 +1,8 @@
-import { LinearProgress as LinearProgress$1 } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
+import { LinearProgress as LinearProgress$1 } from "@mui/material";
 const LinearProgress = (props) => {
-  const {
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx(LinearProgress$1, {
-    ...other
-  });
+  const { ...other } = props;
+  return /* @__PURE__ */ jsx(LinearProgress$1, { ...other });
 };
 export {
   LinearProgress as L

package/components/mui_extended/LinkWithRoute/index.288c51f3.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Link as Link$1 } from "react-router-dom";
+import { Skeleton, Link } from "@mui/material";
+import { useModuleSkeleton } from "@m4l/core";
+const LinkWithRoute = (props) => {
+  const { to, children, skeletonWidth = "100%", skeletonHeight = "14px", ...other } = props;
+  const isSkeleton = useModuleSkeleton();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletonHeight });
+  }
+  return /* @__PURE__ */ jsx(Link, { component: Link$1, to, ...other, children });
+};
+export {
+  LinkWithRoute as L
+};

package/components/mui_extended/LoadingButton/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoadingButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/LoadingButton/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { LoadingbuttonClassesKey } from "../classes/types";
+import { LoadingbuttonClassesKey } from '../classes/types';
 export declare const getNameDataTestId: (KEY: LoadingbuttonClassesKey) => string;

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

@@ -1,4 +1,4 @@
-import { useMenuActionsUtilityClasses } from ".";
+import { useMenuActionsUtilityClasses } from '.';
 export interface MenuActionsClassesType {
     root: string;
     itemDelete: string;