@m4l/components 0.2.21 → 0.2.24

package/components/commercial/TopBar/index.1a73fecb.js

@@ -0,0 +1,275 @@
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { generateUtilityClasses, styled, useTheme, Box, Grid } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
+import { createContext, useContext, useState } from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useEnvironment } from "@m4l/core";
+import { I as Icon } from "../../Icon/index.b920baf8.js";
+import clsx from "clsx";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.fb4eb664.js";
+import { B as Button } from "../../mui_extended/Button/index.e520bd15.js";
+import { P as Popover } from "../../mui_extended/Popover/index.b3eca6b1.js";
+const componentName = "M4LTopBar";
+const TopBarClasses = generateUtilityClasses(componentName, [
+  "root",
+  "ContainerImageComercial",
+  "SimplebarComercial",
+  "ItemRoot",
+  "ItemSelect",
+  "ContainerAccordion",
+  "ContainerAccordionCase1",
+  "IconAndButton",
+  "IsActive"
+]);
+function getTopBarClassesUtilityClass() {
+  const slots = {
+    root: ["root"],
+    ContainerImageComercial: ["ContainerImageComercial"],
+    SimplebarComercial: ["SimplebarComercial"],
+    ItemRoot: ["ItemRoot"],
+    ItemSelect: ["ItemSelect"],
+    ContainerAccordion: ["ContainerAccordion"],
+    ContainerAccordionCase1: ["ContainerAccordionCase1"],
+    IconAndButton: ["IconAndButton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+  return {
+    ...composedClasses
+  };
+}
+const initialstate = {
+  dataMenu: [],
+  classes: getTopBarClassesUtilityClass(),
+  dataTestId: ""
+};
+const TopBarContext = createContext(initialstate);
+const TopBarProvider = (props) => {
+  const {
+    children,
+    value
+  } = props;
+  const {
+    dataMenu: DataMenu,
+    classes,
+    dataTestId
+  } = value;
+  return /* @__PURE__ */ jsx(TopBarContext.Provider, {
+    value: {
+      dataMenu: DataMenu,
+      classes,
+      dataTestId
+    },
+    children
+  });
+};
+const useTopBar = () => useContext(TopBarContext);
+const useTopBar$1 = useTopBar;
+const ArrowIconRoot = styled("div")(() => ({
+  display: "flex",
+  alignSelf: "center",
+  lineHeight: 0
+}));
+function ArrowIcon(props) {
+  const {
+    openState
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  return /* @__PURE__ */ jsx(ArrowIconRoot, {
+    className: "",
+    children: /* @__PURE__ */ jsx(Icon, {
+      src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
+      rotationAngle: openState ? 270 : 90,
+      size: "medium"
+    })
+  });
+}
+const isActive = (data) => {
+  const path = window.location.pathname;
+  if (data.path === path) {
+    return true;
+  }
+  if (data.children) {
+    return data.children.some((item) => isActive(item));
+  }
+  return false;
+};
+const NavItemRoot = (props) => {
+  const theme = useTheme();
+  const {
+    classes,
+    dataTestId
+  } = useTopBar$1();
+  const {
+    itemRootData
+  } = props;
+  const {
+    title,
+    children,
+    module_id
+  } = itemRootData;
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [openedPopoverId, setOpenedPopoverId] = useState(null);
+  const handleClick = (event, popoverId) => {
+    setAnchorEl(event.currentTarget);
+    setOpenedPopoverId(popoverId);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+    setOpenedPopoverId(null);
+  };
+  const renderMenuItems = (items) => {
+    return items.map((item, index) => /* @__PURE__ */ jsx(Grid, {
+      item: true,
+      xs: 12,
+      children: item.children ? item.children && item.children.length > 0 && /* @__PURE__ */ jsx(Accordion, {
+        label: item.title,
+        children: renderMenuItems(item.children)
+      }) : /* @__PURE__ */ jsx("div", {
+        className: clsx(classes.ItemSelect, item.path === window.location.pathname ? TopBarClasses.IsActive : null),
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameDataTestId(componentName, "ItemSelect", dataTestId)
+        } : {},
+        children: /* @__PURE__ */ jsx(Button, {
+          variant: "text",
+          href: item.path,
+          fullWidth: true,
+          children: item.title
+        })
+      })
+    }, index));
+  };
+  const renderPopover = () => {
+    return /* @__PURE__ */ jsx(Popover, {
+      elevation: 3,
+      id: module_id,
+      open: openedPopoverId === itemRootData.module_id ? true : false,
+      anchorEl,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "center"
+      },
+      arrowType: "top-center",
+      sx: {
+        ...theme.components?.M4LPopoverTopBar?.styleOverrides
+      },
+      children: /* @__PURE__ */ jsx(Grid, {
+        container: true,
+        spacing: 0.5,
+        children: children && children.length > 0 && renderMenuItems(children)
+      })
+    });
+  };
+  const render = () => {
+    if (itemRootData.children && itemRootData.path) {
+      return /* @__PURE__ */ jsxs("div", {
+        className: classes.ContainerAccordionCase1,
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameDataTestId(componentName, "ContainerAccordionCase1", dataTestId)
+        } : {},
+        children: [/* @__PURE__ */ jsx(Button, {
+          size: "medium",
+          variant: "text",
+          href: itemRootData.path,
+          children: title
+        }), /* @__PURE__ */ jsx(Button, {
+          variant: "text",
+          id: module_id,
+          onClick: (e) => handleClick(e, module_id),
+          endIcon: /* @__PURE__ */ jsx(ArrowIcon, {
+            openState: openedPopoverId === module_id ? true : false
+          })
+        }), renderPopover()]
+      });
+    }
+    if (itemRootData.children) {
+      return /* @__PURE__ */ jsxs("div", {
+        className: classes.ContainerAccordion,
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameDataTestId(componentName, "ContainerAccordion", dataTestId)
+        } : {},
+        children: [/* @__PURE__ */ jsx(Button, {
+          "aria-describedby": module_id,
+          variant: "text",
+          size: "medium",
+          onClick: (e) => handleClick(e, itemRootData.module_id),
+          endIcon: /* @__PURE__ */ jsx(ArrowIcon, {
+            openState: openedPopoverId === module_id ? true : false
+          }),
+          children: title
+        }), renderPopover()]
+      });
+    }
+    if (itemRootData.path)
+      return /* @__PURE__ */ jsx(Button, {
+        variant: "text",
+        size: "medium",
+        href: itemRootData.path,
+        "aria-describedby": module_id,
+        children: /* @__PURE__ */ jsx("div", {
+          children: title
+        })
+      });
+  };
+  return /* @__PURE__ */ jsx(Box, {
+    className: clsx(classes.ItemRoot, isActive(itemRootData) || openedPopoverId === itemRootData.module_id ? TopBarClasses.IsActive : null),
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId(componentName, "ItemRoot", dataTestId)
+    } : {},
+    children: render()
+  });
+};
+const ConteinItem = () => {
+  const {
+    dataMenu: DataMenu,
+    classes,
+    dataTestId
+  } = useTopBar$1();
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsx("div", {
+      className: classes.SimplebarComercial,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId(componentName, "SimplebarComercial", dataTestId)
+      } : {},
+      children: DataMenu.map((group) => /* @__PURE__ */ jsx(NavItemRoot, {
+        itemRootData: group
+      }, group.module_id))
+    })
+  });
+};
+const TopBarRoot = styled("header")(({ theme }) => ({
+  ...theme.components?.M4LTopBar?.styleOverrides
+}));
+const TopBar = (props) => {
+  const {
+    dataMenu: DataMenu,
+    dataTestId
+  } = props;
+  const classes = getTopBarClassesUtilityClass();
+  return /* @__PURE__ */ jsx(TopBarRoot, {
+    className: classes.root,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId(componentName, "root", dataTestId)
+    } : {},
+    children: /* @__PURE__ */ jsx(TopBarProvider, {
+      value: {
+        dataMenu: DataMenu,
+        classes,
+        dataTestId
+      },
+      children: /* @__PURE__ */ jsx(ConteinItem, {})
+    })
+  });
+};
+export {
+  TopBar as T
+};

package/components/commercial/TopBar/index.d.ts

@@ -0,0 +1 @@
+export { TopBar } from './TopBar';

package/components/commercial/TopBar/type.d.ts

@@ -0,0 +1,7 @@
+import { MenuDataType } from "../HamburgerMenu";
+import { getTopBarClassesUtilityClass } from "./classes";
+export interface TopBarProps {
+    dataMenu: Array<MenuDataType>;
+    dataTestId: string;
+}
+export declare type Classes = ReturnType<typeof getTopBarClassesUtilityClass>;

package/components/commercial/TopBar/utils/isActive/index.d.ts

@@ -0,0 +1,12 @@
+import { MenuDataType } from "../../../../SideBar";
+/**
+ * @description Util que sirve para verificar si la ruta actual del navegador es igual a un data.src del array
+ * @param {TopBarMenuDataType} data - Propiedades de isActive
+ * @param {string}  data.src - URLS del array
+ *
+ *
+ * @returns Boolean
+ *
+ * @example isActive(itemRootData)
+ */
+export declare const isActive: (data: MenuDataType) => boolean;

package/components/commercial/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AppBarCommercial';
+export * from './HamburgerMenu';
+export * from './TopBar';
+export * from './SectionCommercial';

package/components/formatters/BooleanFormatter/{index.7a463493.js → index.b3052107.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.770f86ae.js";
+import { I as Icon } from "../../Icon/index.b920baf8.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.648cf3b0.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.95cc337e.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/{index.648cf3b0.js → index.95cc337e.js}

@@ -3,7 +3,7 @@ import "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.7a463493.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.b3052107.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/RHFAutocomplete/{index.d05ae217.js → index.cf399b24.js}

@@ -2,7 +2,7 @@ import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/cor
 import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.6dd3b128.js";
+import { I as Image } from "../../Image/index.d034ca68.js";
 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";
@@ -10,7 +10,7 @@ import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js
 import { unstable_composeClasses } from "@mui/base";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as IconButton } from "../../mui_extended/IconButton/index.023c369f.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.9ea23f87.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -284,6 +284,10 @@ function RHFAutocomplete(props) {
                 className: classes.popper,
                 placement: "bottom-start",
                 placeholder: void 0,
+                onPointerEnterCapture: () => {
+                },
+                onPointerLeaveCapture: () => {
+                },
                 sx: {
                   ...theme.components?.M4LRHFAutocompletePopover?.styleOverrides
                 }

package/components/hook-form/RHFAutocompleteAsync/{index.699b8aaf.js → index.b2b75475.js}

@@ -6,7 +6,7 @@ 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 { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.d05ae217.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.cf399b24.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFColorPicker/{index.c069ef4d.js → index.48a1ee1b.js}

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
-import { S as SketchPicker } from "../../../node_modules.448153f1.js";
+import { S as SketchPicker } from "../../../node_modules.71622512.js";
 import "lodash-es/debounce";
 import "lodash-es/each";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,8 +10,8 @@ import { generateUtilityClasses, generateUtilityClass, styled, Skeleton as Skele
 import { unstable_composeClasses } from "@mui/base";
 import { useTheme } from "@mui/material/styles";
 import { P as Popover } from "../../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../../Icon/index.770f86ae.js";
-import { B as Button } from "../../mui_extended/Button/index.928f05b7.js";
+import { I as Icon } from "../../Icon/index.b920baf8.js";
+import { B as Button } from "../../mui_extended/Button/index.e520bd15.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.97bd36d7.js → index.5a673a96.js}

@@ -11,7 +11,7 @@ import clsx from "clsx";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../../Icon/index.770f86ae.js";
+import { I as Icon } from "../../Icon/index.b920baf8.js";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFPeriod/{index.4e10efa3.js → index.4205c8ab.js}

@@ -3,7 +3,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { P as Period } from "../../Period/index.3c7e8590.js";
+import { P as Period } from "../../Period/index.d80dff10.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFTextField/{index.78934e84.js → index.fbb29ee1.js}

@@ -1,13 +1,13 @@
 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.023c369f.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.9ea23f87.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.79b6a2c1.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/hook-form/RHFUpload/{index.7178a50b.js → index.05d7e2a7.js}

@@ -2,7 +2,7 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import require$$0 from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.6dd3b128.js";
+import { I as Image } from "../../Image/index.d034ca68.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
@@ -10,7 +10,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../../mui_extended/Button/index.928f05b7.js";
+import { B as Button } from "../../mui_extended/Button/index.e520bd15.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/index.d.ts

@@ -46,4 +46,5 @@ export * from './SideBar';
 export * from './AppBar';
 export * from './AccountPopover';
 export * from './AppBar/AppBar';
+export * from './commercial';
 export type { SplitPosition } from './SplitLayout/types';

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

@@ -1,2 +1,7 @@
 import { WindowBaseProps } from './types';
+/**
+ * Componente base de ventana.
+ * Este componente proporciona una estructura básica para una ventana modal.
+ * Utiliza hooks como useModal y clases de utilidad de estilos.
+ */
 export declare const WindowBase: (props: WindowBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,11 @@
 import { ReactNode } from 'react';
 export interface WindowBaseProps {
+    /** El título de la ventana modal. */
     title: string;
+    /** El contenido de la ventana modal.*/
     children: ReactNode;
+    /** La URL del icono de la ventana modal (opcional). */
     urlIcon?: string;
+    /**La función que se ejecuta al hacer clic en el botón de cancelar (opcional). */
     onClickCancel?: () => void;
 }

package/components/modal/{WindowBase.14255209.js → WindowBase.998b8a38.js}

@@ -2,9 +2,9 @@ import { m as modalUtilityClasses } from "./index.61389369.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../mui_extended/IconButton/index.023c369f.js";
-import { I as Icon } from "../Icon/index.770f86ae.js";
-import { u as useModal } from "../../hooks/useModal/index.50b23c06.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.9ea23f87.js";
+import { I as Icon } from "../Icon/index.b920baf8.js";
+import { u as useModal } from "../../hooks/useModal/index.786a4439.js";
 const Header = (props) => {
   const {
     title,

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

@@ -1,2 +1,8 @@
 import { WindowConfirmProps } from './types';
+/**
+ * Componente de ventana de confirmación.
+ * Este componente muestra una ventana modal de confirmación con un mensaje y opciones de acción.
+ * Utiliza hooks como useModal, useModuleDictionary y useEnvironment de @m4l/core.
+ * También importa componentes y clases necesarios de CommonActions, subcomponents y classes.
+ */
 export declare const WindowConfirm: (props: WindowConfirmProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,44 @@
+/**
+ * Colores disponibles para el estado de la ventana de confirmación.
+ * Puede ser 'warning', 'delete', 'info', 'success' o undefined.
+ */
 export declare type StateColors = 'warning' | 'delete' | 'info' | 'success' | undefined;
+/**
+ * Propiedades de la ventana de confirmación.
+ */
 export interface WindowConfirmProps {
+    /**
+     * Título de la ventana de confirmación.
+     */
     title: string;
+    /**
+     * Variante de color para el estado de la ventana.
+     * Puede ser uno de los colores definidos en StateColors.
+     */
     variant?: StateColors;
+    /**
+     * Título del botón de aceptar.
+     */
     titleAccept?: string;
+    /**
+    * Mensaje de la ventana de confirmación.
+    */
     msg: string;
+    /**
+    * Función de clic en el botón de introducción.
+    */
     onClickIntro?: () => void;
+    /**
+     * Función de clic en el botón de cancelar.
+     */
     onClickCancel?: () => void;
 }
+/**
+ * Propiedades relacionadas con la variante de color de la ventana de confirmación.
+ */
 export declare type VariantProps = Pick<WindowConfirmProps, 'variant'>;
+/**
+ * Estado del propietario de la ventana de confirmación.
+ * Contiene las propiedades relacionadas con la variante de color.
+ */
 export declare type OwnerStateWindowConfim = VariantProps;

package/components/modal/{WindowConfirm.f79ee169.js → WindowConfirm.55ac3c8f.js}

@@ -1,13 +1,13 @@
-import { A as Actions } from "../CommonActions/components/Actions/index.b8a1d42a.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.2f6286eb.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.50b23c06.js";
+import { u as useModal } from "../../hooks/useModal/index.786a4439.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.6dd3b128.js";
+import { I as Image } from "../Image/index.d034ca68.js";
 import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.14255209.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.bd595785.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.64498081.js";
+import { W as WindowBase } from "./WindowBase.998b8a38.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.de862adf.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.79fc2386.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };
@@ -81,21 +81,24 @@ const WindowConfirm = (props) => {
   const classes = modalUtilityClasses({
     variant
   });
-  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,
-      title
-    }), /* @__PURE__ */ jsxs(Actions, {
-      children: [/* @__PURE__ */ jsx(ActionCancel, {
-        onClick: onCloseCancel
-      }), /* @__PURE__ */ jsx(ActionIntro, {
-        onClick: onClickIntro
+  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,
+        title
+      }), /* @__PURE__ */ jsxs(Actions, {
+        children: [/* @__PURE__ */ jsx(ActionCancel, {
+          onClick: onCloseCancel
+        }), /* @__PURE__ */ jsx(ActionIntro, {
+          onClick: onClickIntro
+        })]
       })]
-    })]
-  });
+    }
+  );
 };
 export {
   WindowConfirm as W

package/components/mui_extended/Accordion/{index.fb6849e8.js → index.fb4eb664.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.023c369f.js";
+import { I as IconButton } from "../IconButton/index.9ea23f87.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../Icon/index.770f86ae.js";
+import { I as Icon } from "../../Icon/index.b920baf8.js";
 import { T as Typography } from "../Typography/index.379dd374.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from './types';
 /**
  * Provee un botón para que los clientes ejecuten acciones en la plataforma web.
@@ -6,4 +5,4 @@ import { ButtonProps } from './types';
  * @param props
  * @returns
  */
-export declare const Button: React.FC<ButtonProps>;
+export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Button/{index.928f05b7.js → index.e520bd15.js}

@@ -5,7 +5,7 @@ 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.6dd3b128.js";
+import { I as Image } from "../../Image/index.d034ca68.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";

package/components/mui_extended/IconButton/{index.023c369f.js → index.9ea23f87.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.770f86ae.js";
+import { I as Icon } from "../../Icon/index.b920baf8.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";