@m4l/components 0.1.68 → 0.1.70

package/components/modal/ModalDialog/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { VariantProps } from './types';
+export declare const WrapperDialog: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

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

package/components/modal/WindowBase/subcomponents/Header/index.d.ts

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

package/components/modal/WindowBase/subcomponents/Header/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { VariantProps } from '../../types';
+export declare const WrapperHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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.77a5aeb2.js → WindowBase.6a40a945.js}

@@ -1,17 +1,31 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.95fb6ba1.js";
+import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.d4755e7e.js";
-import { IconButton } from "@mui/material";
-import { I as Icon } from "../Icon/index.f0a7d42d.js";
+import { a as getThemeVariantColor } from "../../utils/index.a2312a73.js";
+import { I as Icon } from "../Icon/index.caaed284.js";
+import "@mui/material";
+import { I as IconButton } from "../mui_extended/IconButton/index.57824447.js";
+import "../mui_extended/Accordion/index.437bb3f8.js";
 import { jsxs, jsx } from "react/jsx-runtime";
+import "../mui_extended/Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f8ce9ccd.js";
+import "clsx";
+import "../Image/index.82a6cd46.js";
+import "@mui/lab";
+import "../mui_extended/Typography/index.b3c6e71c.js";
+import "../mui_extended/Popover/index.226f247e.js";
+import "../mui_extended/MenuActions/index.37043326.js";
+import "../mui_extended/Pager/index.eeed3bd5.js";
+import "../mui_extended/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/index.d.ts

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

package/components/modal/WindowConfirm/subcomponents/MessageIlustration/index.d.ts

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

package/components/modal/WindowConfirm/subcomponents/MessageIlustration/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { VariantProps } from './types';
+export declare const WrapperMessageIlustration: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IllustrationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MessageContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/modal/{WindowConfirm.fcc6d9f8.js → WindowConfirm.e21763cb.js}

@@ -1,30 +1,32 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.95fb6ba1.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.377c342e.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.49e5c8b2.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.6605ee21.js";
+import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.154d7cb6.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.9d521b2a.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.1ba5b02b.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4d13dbda.js";
+import "../mui_extended/Button/index.f8ce9ccd.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.26a0b105.js";
-import "../ModalDialog/index.20a9b77a.js";
-import "../Resizeable/index.18a50191.js";
+import "../../react-draggable.0d64c8b1.js";
+import "../ModalDialog/index.cdfd1ae8.js";
+import "../Resizeable/index.aafda79e.js";
 import "@m4l/graphics";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../Icon/index.f0a7d42d.js";
-import { b as getVariantColor } from "../../utils/index.d4755e7e.js";
-import { W as WindowBase } from "./WindowBase.77a5aeb2.js";
-import "../mui_extended/IconButton/index.06b5c4a8.js";
+import { I as Icon } from "../Icon/index.caaed284.js";
+import { b as getVariantColor } from "../../utils/index.a2312a73.js";
+import { W as WindowBase } from "./WindowBase.6a40a945.js";
+import "../mui_extended/IconButton/index.57824447.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.ded4e1bd.js";
-import "../areas/components/index.b21d60d8.js";
+import "../areas/contexts/AreasContext/index.de8b4e78.js";
+import "../areas/components/index.359c2b18.js";
 import "zustand/shallow";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.ab4ee376.js";
+import "../mui_extended/Typography/index.b3c6e71c.js";
 const WrapperMessageIlustration = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/modal/index.438777d9.js

@@ -0,0 +1,34 @@
+import "@mui/material";
+import "../../react-draggable.0d64c8b1.js";
+import "react";
+import "../../contexts/ModalContext/index.8e3cd7a8.js";
+import "../ModalDialog/index.cdfd1ae8.js";
+import "../Resizeable/index.aafda79e.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.154d7cb6.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f8ce9ccd.js";
+import "clsx";
+import "react-hook-form";
+import "./WindowBase.6a40a945.js";
+import "../Icon/index.caaed284.js";
+import "../mui_extended/IconButton/index.57824447.js";
+import "../mui_extended/Accordion/index.437bb3f8.js";
+import "../mui_extended/Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "../Image/index.82a6cd46.js";
+import "@mui/lab";
+import "../mui_extended/Typography/index.b3c6e71c.js";
+import "../mui_extended/Popover/index.226f247e.js";
+import "../mui_extended/MenuActions/index.37043326.js";
+import "../mui_extended/Pager/index.eeed3bd5.js";
+import "../mui_extended/Tab/index.e0653a0a.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.de8b4e78.js";
+import "../areas/components/index.359c2b18.js";
+import "zustand/shallow";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "./WindowConfirm.e21763cb.js";

package/components/mui_extended/Accordion/components/AccordionLabel.d.ts

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

package/components/mui_extended/Accordion/{index.5370ebbf.js → index.437bb3f8.js}

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

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { AccordionProps } from './types';
-export declare function Accordion(props: AccordionProps): JSX.Element;
+export declare function Accordion(props: AccordionProps): import("react").JSX.Element;

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

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

package/components/mui_extended/Avatar/subcomponents/SkeletonAvatar/index.d.ts

@@ -1 +1,2 @@
-export declare const SkeletonAvatar: () => JSX.Element;
+/// <reference types="react" />
+export declare const SkeletonAvatar: () => import("react").JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BoxIconProps } from './types';
-export declare function BoxIcon({ src, sx }: BoxIconProps): JSX.Element;
+export declare function BoxIcon({ src, sx }: BoxIconProps): import("react").JSX.Element;

package/components/mui_extended/Breadcrumbs/components/LinkItem/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { LinkItemProps } from './types';
-export declare function LinkItem({ link }: LinkItemProps): JSX.Element;
+export declare function LinkItem({ link }: LinkItemProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { BreadcrumbsProps } from './types';
-export declare function Breadcrumbs(props: BreadcrumbsProps): JSX.Element;
+export declare function Breadcrumbs(props: BreadcrumbsProps): import("react").JSX.Element;
 export default Breadcrumbs;

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { ExtendButtonProps } from './types';
 /**
  * Provee un botón para que los clientes ejecuten acciones en la plataforma web. Aporta su versión provisional de carga en red.
  * @param props
  * @returns
  */
-export declare const Button: (props: ExtendButtonProps) => JSX.Element;
+export declare const Button: (props: ExtendButtonProps) => import("react").JSX.Element;

package/components/mui_extended/Button/{index.4d13dbda.js → index.f8ce9ccd.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.b216f30c.js";
+import { I as Image } from "../../Image/index.82a6cd46.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.659fcc31.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.ab4ee376.js";
+import { T as Typography } from "../Typography/index.b3c6e71c.js";
 const ButtonRoot = styled("div")(({
   theme
 }) => ({

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/CircularProgress/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CircularProgressProps } from '@mui/material';
-export declare const CircularProgress: (props: CircularProgressProps) => JSX.Element;
+export declare const CircularProgress: (props: CircularProgressProps) => import("react").JSX.Element;

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { IconButtonProps } from './types';
 /**
  * Provee un botón con un icono para que los clientes ejecuten acciones en la plataforma web. Aporta su versión provisional de carga en red.
  * @param props
  * @returns
  */
-export declare const IconButton: (props: IconButtonProps) => JSX.Element;
+export declare const IconButton: (props: IconButtonProps) => import("react").JSX.Element;

package/components/mui_extended/IconButton/{index.06b5c4a8.js → index.57824447.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.f0a7d42d.js";
+import { I as Icon } from "../../Icon/index.caaed284.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
@@ -78,11 +78,9 @@ 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 = {

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/IconButton/subcomponents/SkeletonIconButton/index.d.ts

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

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ImageButtonProps } from './types';
-export declare function ImageButton({ src, width, height, useIntersectionObserver, skeletonVariant, tooltip, sx, ...other }: ImageButtonProps): JSX.Element;
+export declare function ImageButton({ src, width, height, useIntersectionObserver, skeletonVariant, tooltip, sx, ...other }: ImageButtonProps): import("react").JSX.Element;

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/LinearProgress/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { LinearProgressProps } from '@mui/material';
-export declare const LinearProgress: (props: LinearProgressProps) => JSX.Element;
+export declare const LinearProgress: (props: LinearProgressProps) => import("react").JSX.Element;

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

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

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

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

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/MenuActions/{index.e05e6158.js → index.37043326.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.e271e4f0.js";
+import { P as Popover } from "../Popover/index.226f247e.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.f0a7d42d.js";
-import { I as IconButton$1 } from "../IconButton/index.06b5c4a8.js";
+import { I as Icon } from "../../Icon/index.caaed284.js";
+import { I as IconButton$1 } from "../IconButton/index.57824447.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuActionsProps } from './types';
-export declare function MenuActions(props: MenuActionsProps): JSX.Element;
+export declare function MenuActions(props: MenuActionsProps): import("react").JSX.Element;
 export default MenuActions;

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
+    color?: "error" | "default" | "inherit" | "warning" | "info" | "primary" | "secondary" | "success" | undefined;
+    disabled?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    edge?: false | "end" | "start" | undefined;
+    size?: "small" | "large" | "medium" | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "children" | "tabIndex" | "color" | "size" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { PagerActionsProps } from './types';
-export declare function PagerActions(props: PagerActionsProps): JSX.Element;
+export declare function PagerActions(props: PagerActionsProps): import("react").JSX.Element;

package/components/mui_extended/Pager/components/PagerActions/styles.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PagerProps } from './types';
-export declare function Pager(props: PagerProps): JSX.Element;
+export declare function Pager(props: PagerProps): import("react").JSX.Element;
 export default Pager;

package/components/mui_extended/Pager/{index.b9db40bc.js → index.eeed3bd5.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.06b5c4a8.js";
+import { I as IconButton } from "../IconButton/index.57824447.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PopoverProps } from './types';
 /**
  * Provee de un componente que genera un contenedor desacoplado del flujo del documento de tipo ventana emergente,
@@ -5,4 +6,4 @@ import { PopoverProps } from './types';
  * @param props
  * @returns
  */
-export declare const Popover: (props: PopoverProps) => JSX.Element;
+export declare const Popover: (props: PopoverProps) => import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { styled, Popover as Popover$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
@@ -142,6 +143,7 @@ const Popover = (props) => {
     children,
     arrowType = "top-right",
     sx,
+    className,
     ...other
   } = props;
   const ownerState = {
@@ -149,7 +151,7 @@ const Popover = (props) => {
   };
   const classes = useUtilityClasses(ownerState);
   return /* @__PURE__ */ jsxs(PopoverRoot, {
-    className: classes.root,
+    className: clsx(classes.root, className),
     "data-testid": "PopoverRoot",
     anchorOrigin: {
       vertical: "bottom",

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

@@ -0,0 +1 @@
+export declare const PopoverRoot: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/Popover/subcomponts/ArrowIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ArrowStyleProps } from '../../types';
+export declare const ArrowStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ArrowStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TabProps } from './types';
-export declare function Tab(props: TabProps): JSX.Element;
+export declare function Tab(props: TabProps): import("react").JSX.Element;

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

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

package/components/mui_extended/Typography/Typography.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TypographyProps } from './types';
-export declare function Typography(props: TypographyProps): JSX.Element;
+export declare function Typography(props: TypographyProps): import("react").JSX.Element;