@m4l/components 0.1.88 → 0.1.89

package/components/hook-form/RHFUpload/{index.a98e961d.js → index.85e59119.js}

@@ -9,25 +9,25 @@ 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.f79eb74e.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.e47a7ccf.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "@mui/material/Button";
-import "../../Icon/index.6459c16b.js";
-import "../../mui_extended/IconButton/index.bb108329.js";
+import "../../Icon/index.a70c4729.js";
+import "../../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.284b6cd3.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.35095da9.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.7a8aef3b.js";
-import "../../mui_extended/Pager/index.68e5c360.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.84c1f7d7.js → WindowBase.39a70f35.js}

@@ -1,39 +1,39 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.efa94032.js";
+import { u as useModal } from "../../hooks/useModal/index.6457198c.js";
 import "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.9a9c79a4.js";
+import "../Resizeable/index.676c96fe.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import { I as Icon } from "../Icon/index.6459c16b.js";
-import clsx from "clsx";
-import { m as modalUtilityClasses } from "./index.c997f1df.js";
-import "../CommonActions/components/Actions/index.e3be92cf.js";
+import { m as modalUtilityClasses } from "./index.dbdb6ac0.js";
+import "../CommonActions/components/Actions/index.366cb775.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
+import clsx from "clsx";
 import "react-hook-form";
-import { I as IconButton } from "../mui_extended/IconButton/index.bb108329.js";
+import { I as Icon } from "../Icon/index.a70c4729.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.76624519.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.a5dab72c.js";
-import "../areas/components/AreasAdmin/index.3b358ff4.js";
+import "../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.35095da9.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.df370ebe.js";
+import "../areas/components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
@@ -58,7 +58,8 @@ const Header = (props) => {
     children: [urlIcon && /* @__PURE__ */ jsx("div", {
       className: classes.iconHeader,
       children: /* @__PURE__ */ jsx(Icon, {
-        src: urlIcon
+        src: urlIcon,
+        size: "medium"
       })
     }), /* @__PURE__ */ jsx("div", {
       className: classes.titleHeader,
@@ -94,7 +95,10 @@ const WindowBase = (props) => {
       ...other,
       onClickCancel: onCloseCancel,
       classes
-    }), children]
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.windowContent,
+      children
+    })]
   });
 };
 export {

package/components/modal/{WindowConfirm.0e68789f.js → WindowConfirm.f53c02f6.js}

@@ -1,44 +1,45 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.efa94032.js";
+import { u as useModal } from "../../hooks/useModal/index.6457198c.js";
 import { Typography } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.9a9c79a4.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../Resizeable/index.676c96fe.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.6459c16b.js";
-import "clsx";
-import { m as modalUtilityClasses } from "./index.c997f1df.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.e3be92cf.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.aac245a9.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a4386a07.js";
+import { m as modalUtilityClasses } from "./index.dbdb6ac0.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.366cb775.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.ffc5618a.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.81d2648b.js";
 import "react-hook-form";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
-import "../mui_extended/IconButton/index.bb108329.js";
+import "clsx";
+import "../Icon/index.a70c4729.js";
+import "../mui_extended/IconButton/index.76624519.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.a5dab72c.js";
-import "../areas/components/AreasAdmin/index.3b358ff4.js";
+import "../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.35095da9.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.df370ebe.js";
+import "../areas/components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import { W as WindowBase } from "./WindowBase.39a70f35.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };
@@ -98,6 +99,13 @@ const WindowConfirm = (props) => {
   const {
     closeModal
   } = useModal();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
   const onCloseCancel = () => {
     onClickCancel && onClickCancel();
     closeModal();
@@ -105,7 +113,9 @@ const WindowConfirm = (props) => {
   const classes = modalUtilityClasses({
     variant
   });
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(WindowBase, {
+    title: getLabel("modal_dialog.label_window_confirm"),
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/window_confirm.svg`,
     children: [/* @__PURE__ */ jsx(MessageIlustration, {
       classes,
       msg,

package/components/modal/classes/index.d.ts

@@ -4,6 +4,7 @@ export declare const modalClasses: ModalClassesType;
 export declare function getModalUtilityClass(slot: string): string;
 export declare const modalUtilityClasses: (ownerState: OwnerStateWindowConfim) => {
     root: string;
+    resizeHandle: string;
     headerContainer: string;
     windowBaseRoot: string;
     containerWindow: string;
@@ -16,4 +17,5 @@ export declare const modalUtilityClasses: (ownerState: OwnerStateWindowConfim) =
     messageContainer: string;
     illustration: string;
     windowConfirm: string;
+    windowContent: string;
 };

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

@@ -13,6 +13,8 @@ export interface ModalClassesType {
     messageContainer: string;
     illustration: string;
     windowConfirm: string;
+    resizeHandle: string;
+    windowContent: string;
     variantDelete: string;
     variantWarning: string;
     variantInfo: string;

package/components/modal/dictionary.d.ts

@@ -0,0 +1 @@
+export declare const getModalDictionary: () => string;

package/components/modal/index.d.ts

@@ -3,3 +3,4 @@ export * from './ModalDialog/dictionary';
 export * from './WindowConfirm';
 export type { WindowConfirmProps } from './WindowConfirm/types';
 export * from './WindowBase';
+export { getModalDictionary } from './dictionary';

package/components/modal/{index.c997f1df.js → index.dbdb6ac0.js}

@@ -1,39 +1,39 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.c312fca2.js";
-import "../Resizeable/index.9a9c79a4.js";
+import "../../contexts/ModalContext/index.1fc9f5d9.js";
+import "../Resizeable/index.676c96fe.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.6459c16b.js";
-import "clsx";
-import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../mui_extended/IconButton/index.bb108329.js";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "@m4l/core";
+import "../Icon/index.a70c4729.js";
+import "clsx";
+import "../mui_extended/IconButton/index.76624519.js";
+import "../mui_extended/Accordion/index.0e0090ca.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.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.35095da9.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../CommonActions/components/Actions/index.e3be92cf.js";
+import "../CommonActions/components/Actions/index.366cb775.js";
 import "react-hook-form";
 import "zustand";
-import "../areas/contexts/AreasContext/index.a5dab72c.js";
-import "../areas/components/AreasAdmin/index.3b358ff4.js";
+import "../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../areas/components/AreasViewer/index.df370ebe.js";
+import "../areas/components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
@@ -52,6 +52,8 @@ generateUtilityClasses(componentName, [
   "messageContainer",
   "illustration",
   "windowConfirm",
+  "resizeHandle",
+  "windowContent",
   "variantDelete",
   "variantWarning",
   "variantInfo",
@@ -74,13 +76,19 @@ const modalUtilityClasses = (ownerState) => {
     illustrationContainer: ["illustrationContainer"],
     messageContainer: ["messageContainer"],
     illustration: ["illustration"],
-    windowConfirm: ["windowConfirm"]
+    windowConfirm: ["windowConfirm"],
+    resizeHandle: ["resizeHandle"],
+    windowContent: ["windowContent"]
   };
   const composedClasses = unstable_composeClasses(slots, getModalUtilityClass, {});
   return {
     ...composedClasses
   };
 };
+const getModalDictionary = () => {
+  return "modal_dialog";
+};
 export {
+  getModalDictionary as g,
   modalUtilityClasses as m
 };

package/components/mui_extended/Accordion/{index.284b6cd3.js → index.0e0090ca.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.bb108329.js";
+import { I as IconButton } from "../IconButton/index.76624519.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Icon } from "../../Icon/index.6459c16b.js";
+import { I as Icon } from "../../Icon/index.a70c4729.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.c2b73255.js";
+import { g as getNameDataTestId } from "../../../vendor.92191f81.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Badge/{index.8c2b8b66.js → index.b09524fe.js}

@@ -17,7 +17,7 @@ const getNameBadgeDataTestId = (ELEMENTKEY, ID) => {
 const Badge = (props) => {
   const {
     children,
-    dataTestId,
+    dataTestId = "",
     ...others
   } = props;
   return /* @__PURE__ */ jsx(BadgeRoot, {

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

@@ -1,4 +1,4 @@
 import { BadgeProps as MUIBadgeProps } from "@mui/material";
 export interface BadgeProps extends MUIBadgeProps {
-    dataTestId: string;
+    dataTestId?: string;
 }

package/components/mui_extended/IconButton/{index.bb108329.js → index.76624519.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.6459c16b.js";
+import { I as Icon } from "../../Icon/index.a70c4729.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
@@ -68,6 +68,9 @@ const IconButton = (props) => {
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
   const finalTooltip = useMemo(() => {
+    if (disabled) {
+      return void 0;
+    }
     if (tooltip && tooltip !== "") {
       return tooltip;
     }

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

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

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

@@ -0,0 +1,7 @@
+import { MenuActionsClassesType } from './types';
+export declare const menuActionsClasses: MenuActionsClassesType;
+export declare function getMenuActionsUtilityClass(slot: string): string;
+export declare const useMenuActionsUtilityClasses: () => {
+    root: string;
+    itemDelete: string;
+};

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

@@ -0,0 +1,7 @@
+import { useMenuActionsUtilityClasses } from ".";
+export interface MenuActionsClassesType {
+    root: string;
+    itemDelete: string;
+}
+export declare type StackClassesKey = keyof MenuActionsClassesType;
+export declare type Classes = ReturnType<typeof useMenuActionsUtilityClasses>;

package/components/mui_extended/MenuActions/{index.35095da9.js → index.4c2e48d4.js}

@@ -1,12 +1,28 @@
 import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { IconButton, MenuItem, Badge } from "@mui/material";
+import { IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } 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.6459c16b.js";
-import { I as IconButton$1 } from "../IconButton/index.bb108329.js";
+import { I as Icon } from "../../Icon/index.a70c4729.js";
+import { I as IconButton$1 } from "../IconButton/index.76624519.js";
 import clsx from "clsx";
+import "../Accordion/index.0e0090ca.js";
+import "../Typography/index.443590d6.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import "../Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../Button/index.f79eb74e.js";
+import "../CheckBox.38abccd8.js";
+import { B as Badge } from "../Badge/index.b09524fe.js";
+import "../../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../Stack/index.0e53197c.js";
+import "../Tab/index.3db2e0c7.js";
+import "../Pager/index.ac2a21f0.js";
+import "@m4l/graphics";
+import "../Tooltip/index.5a795dcd.js";
+import { unstable_composeClasses } from "@mui/base";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme
@@ -21,6 +37,24 @@ const LabelMemuItem = styled("div")(({
 const ICONS = {
   MENU: "menu.svg"
 };
+const componentName = "M4LMenuActions";
+generateUtilityClasses(componentName, [
+  "root",
+  "itemDelete"
+]);
+function getMenuActionsUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useMenuActionsUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    itemDelete: ["itemDelete"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getMenuActionsUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
 function MenuActions(props) {
   const {
     menuActions,
@@ -52,10 +86,10 @@ function MenuActions(props) {
   } = useModuleDictionary();
   const [open, setOpen] = useState(null);
   const handleOpen = (event) => {
-    console.log("MenuActions event", event);
-    console.log("handleOpen");
     setOpen(event.currentTarget);
   };
+  const theme = useTheme();
+  const classes = useMenuActionsUtilityClasses();
   useEffect(() => {
     let mounted = true;
     if (mounted) {
@@ -74,8 +108,6 @@ function MenuActions(props) {
     e.stopPropagation();
     setOpen(null);
     externalClose && externalClose(null);
-    console.log("Se ejecut\xF3 el handle close");
-    console.log("externalClose value", externalClose);
   };
   const handleClick = (e, menuAction) => {
     e.stopPropagation();
@@ -94,8 +126,6 @@ function MenuActions(props) {
   const IconButtonElement = /* @__PURE__ */ jsx(Fragment, {
     children: withBadge ? /* @__PURE__ */ jsx(Badge, {
       badgeContent,
-      color: "primary",
-      overlap: "circular",
       children: /* @__PURE__ */ jsx(IconButton$1, {
         src: urlFinalIcon,
         onClick: handleOpen,
@@ -116,7 +146,7 @@ function MenuActions(props) {
       anchorEl: open,
       onClose: handleClose,
       arrowType,
-      className,
+      className: clsx(classes.root, className),
       sx: {
         marginTop,
         marginBottom,
@@ -129,6 +159,7 @@ function MenuActions(props) {
           typography: "body2",
           borderRadius: 0.75
         },
+        ...theme.components?.M4LMenuActions?.styleOverrides,
         ...menuActionSx
       },
       ...other,
@@ -141,7 +172,7 @@ function MenuActions(props) {
           color: menuAction.color ?? "text.main"
         },
         disabled: menuAction.disabled,
-        className: clsx(menuAction?.className),
+        className: clsx(menuAction?.className, menuAction.variant === "delete" && classes.itemDelete),
         children: [menuAction.urlIcon ? /* @__PURE__ */ jsx(Icon, {
           src: menuAction.urlIcon
         }) : null, /* @__PURE__ */ jsx(LabelMemuItem, {

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

@@ -7,6 +7,7 @@ export interface ComponentActionProps {
     description?: string;
     onClick: (props?: any) => void;
 }
+export declare type ItemVariant = 'normal' | 'delete';
 export declare type MenuAction = {
     urlIcon?: string;
     iconWidth?: number;
@@ -17,6 +18,7 @@ export declare type MenuAction = {
     label?: string;
     dictionaryId?: string;
     className?: string;
+    variant?: ItemVariant;
 };
 export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
     iconButtonClassName?: string;

package/components/mui_extended/Pager/{index.68e5c360.js → index.ac2a21f0.js}

@@ -3,7 +3,7 @@ import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../Typography/index.443590d6.js";
-import { I as IconButton } from "../IconButton/index.bb108329.js";
+import { I as IconButton } from "../IconButton/index.76624519.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/Tab/{index.7a8aef3b.js → index.3db2e0c7.js}

@@ -5,13 +5,13 @@ import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { styled as styled$1 } from "@mui/material/styles";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.c2b73255.js";
-const componentName$1 = "M4LTabs";
-generateUtilityClasses(componentName$1, [
+import { g as getNameDataTestId } from "../../../vendor.92191f81.js";
+const componentName$2 = "M4LTabs";
+generateUtilityClasses(componentName$2, [
   "root"
 ]);
 function getTabsUtilityClass(slot) {
-  return generateUtilityClass(componentName$1, slot);
+  return generateUtilityClass(componentName$2, slot);
 }
 const useTabsUtilityClasses = () => {
   const slots = {
@@ -38,6 +38,37 @@ const Tabs = (props) => {
     children
   });
 };
+const componentName$1 = "M4LTabContent";
+generateUtilityClasses(componentName$1, [
+  "root"
+]);
+function getTabContentUtilityClass(slot) {
+  return generateUtilityClass(componentName$1, slot);
+}
+const useTabContentUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getTabContentUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const TabContentRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LTabContent?.styleOverrides
+}));
+const TabContent = (props) => {
+  const {
+    children,
+    ...others
+  } = props;
+  const classes = useTabContentUtilityClasses();
+  return /* @__PURE__ */ jsx(TabContentRoot, {
+    className: classes.root,
+    ...others,
+    children
+  });
+};
 const TabRoot = styled$1("div")(({
   theme
 }) => ({
@@ -99,5 +130,6 @@ function Tab(props) {
 }
 export {
   Tab as T,
-  Tabs as a
+  Tabs as a,
+  TabContent as b
 };

package/components/mui_extended/TabContent/TabContent.d.ts

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

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

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

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

@@ -0,0 +1,6 @@
+import { TabContentClassesType } from './types';
+export declare const tabContentClasses: TabContentClassesType;
+export declare function getTabContentUtilityClass(slot: string): string;
+export declare const useTabContentUtilityClasses: () => {
+    root: string;
+};

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

@@ -0,0 +1,6 @@
+import { useTabContentUtilityClasses } from ".";
+export interface TabContentClassesType {
+    root: string;
+}
+export declare type TabContentClassesKey = keyof TabContentClassesType;
+export declare type Classes = ReturnType<typeof useTabContentUtilityClasses>;

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

@@ -0,0 +1,2 @@
+export { TabContent } from './TabContent';
+export type { TabContentClassesKey } from './classes/types';

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

@@ -0,0 +1,6 @@
+import { Key } from "react";
+export interface TabContentProps {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    key?: Key | null | undefined;
+}