@m4l/components 0.2.21 → 0.2.24

package/@types/export.d.ts

@@ -391,6 +391,20 @@ declare module '@mui/material/styles' {
         M4LPDFViewer?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LPDFViewer'];
         };
-        
+        M4LTopBar?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LTopBar'];
+        };
+        M4LPopoverTopBar?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPopoverTopBar'];
+        };
+        M4LAppBarCommercial?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAppBarComercial'];
+        };
+        M4LHamburgerMenuCommercial?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LHamburgerMenuCommercial'];
+        };
+        M4LSectionCommercial?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LSectionComercial'];
+        };
     }
 }

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

@@ -1,6 +1,15 @@
 import { AccountPopoverClassesType } from './types';
 export declare const accountPopoverClasses: AccountPopoverClassesType;
+/**
+ * Obtiene el nombre de la clase de utilidad para una ranura específica.
+ * @param slot La ranura para la que se desea obtener la clase de utilidad.
+ * @returns El nombre de la clase de utilidad para la ranura especificada.
+ */
 export declare function getAccountPopoverClassesUtilityClass(slot: string): string;
+/**
+ * Hook personalizado para utilizar las clases de utilidad del componente AccountPopover.
+ * @returns Las clases de utilidad del componente AccountPopover.
+ */
 export declare const useAccountPopoverUtilityClasses: () => {
     root: string;
     containerUserName: string;

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

@@ -1,4 +1,7 @@
 import { useAccountPopoverUtilityClasses } from ".";
+/**
+ * Tipos de datos para las clases del componente AccountPopover.
+ */
 export interface AccountPopoverClassesType {
     root: string;
     containerUserName: string;
@@ -18,5 +21,12 @@ export interface AccountPopoverClassesType {
     logOut: string;
     menuItem: string;
 }
+/**
+ * Tipo de dato para las claves de las clases del componente AccountPopover.
+ * Utilizado para construir overrides en el objeto del tema.
+ */
 export declare type AccountPopoverClassesKey = keyof AccountPopoverClassesType;
+/**
+ * Tipo para las clases del componente AccountPopover.
+ */
 export declare type AccountPopoverClasses = ReturnType<typeof useAccountPopoverUtilityClasses>;

package/components/AccountPopover/{index.b00671fa.js → index.505e278a.js}

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.770f86ae.js";
+import { I as Icon } from "../Icon/index.b920baf8.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [

package/components/AccountPopover/subcomponents/MyAvatar/index.d.ts

@@ -1,2 +1,9 @@
 import { MyAvatarProps } from './types';
+/**
+ * Componente utilizado para mostrar avatares de usuarios.
+ * Si se proporciona una URL de imagen para el avatar, se muestra esa imagen.
+ * Si no se proporciona una URL de imagen, se generan iniciales a partir del primer nombre y el apellido del usuario.
+ * @param {MyAvatarProps} props - Las propiedades del componente MyAvatar.
+ * @returns {JSX.Element} El componente MyAvatar.
+ */
 export default function MyAvatar(props: MyAvatarProps): import("react/jsx-runtime").JSX.Element;

package/components/AccountPopover/subcomponents/MyAvatar/types.d.ts

@@ -1,7 +1,19 @@
 import { Maybe } from "@m4l/core";
 import { AvatarProps } from "@mui/material";
+/**
+ * Propiedades del componente MyAvatar.
+ */
 export interface MyAvatarProps extends AvatarProps {
+    /**
+    * La URL del avatar.
+    */
     avatarUrl: Maybe<string>;
+    /**
+   * El primer nombre del usuario.
+   */
     firstName: string;
+    /**
+     * El apellido del usuario.
+     */
     lastName: string;
 }

package/components/AccountPopover/subcomponents/PopOver/index.d.ts

@@ -2,6 +2,7 @@ import { PopOverProps } from './types';
 /**
  * MenuPopOver: Es el subcomponente de AccountPopover encargado de crear el menú popover y su contenido.
  * @param props
+ *
  * @type {PopOverProps}
  *
  */

package/components/AccountPopover/subcomponents/PopOver/types.d.ts

@@ -1,8 +1,23 @@
 import { AccountPopoverClasses } from "../../classes/types";
 import { AccountPopoverProps, AsyncTypes, RightMenuData, UserAuth } from "../../types";
+/**
+ * Propiedades extendidas para el componente PopOver.
+ */
 export interface PopOverProps extends Omit<AccountPopoverProps, 'userData'> {
+    /**
+     * Datos para renderizar los elementos del popover.
+     */
     data: Array<RightMenuData> | [];
+    /**
+   * Clases personalizadas para el componente.
+   */
     classes: AccountPopoverClasses;
+    /**
+    * Datos del usuario para el popover.
+    */
     userData: UserAuth | null | undefined;
+    /**
+    * Estado de carga asíncrona.
+    */
     asyncState: AsyncTypes;
 }

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

@@ -1,6 +1,23 @@
 import { AppBarClassesType } from './types';
+/**
+ * @typedef {Object} AppBarClassesType
+ * @property {string} root - Clase para el contenedor raíz del AppBar.
+ * @property {string} containerChilds - Clase para el contenedor de elementos secundarios del AppBar.
+ * @property {string} containerIconMenuToggle - Clase para el contenedor del icono de menú del AppBar.
+ * @property {string} iconMenuToggle - Clase para el icono de menú del AppBar.
+ */
+/**Inventario completo de clases del componente. */
 export declare const appBarClasses: AppBarClassesType;
+/**
+ * Función que devuelve una clase de utilidad específica según el slot proporcionado.
+ * @param {string} slot - El slot para el cual se desea obtener la clase de utilidad.
+ * @returns {string} La clase de utilidad correspondiente al slot.
+ */
 export declare function getAppBarClassesUtilityClass(slot: string): string;
+/**
+ * Función de gancho que proporciona las clases de utilidad compuestas para el componente AppBar.
+ * @returns {Object} Un objeto que contiene las clases de utilidad compuestas para el AppBar.
+ */
 export declare const useAppBarUtilityClasses: () => {
     root: string;
     containerChilds: string;

package/components/AppBar/{index.3a694645.js → index.7106417d.js}

@@ -5,9 +5,9 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.6dd3b128.js";
+import { I as Image } from "../Image/index.d034ca68.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.023c369f.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.9ea23f87.js";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({

package/components/AppBar/types.d.ts

@@ -1,7 +1,13 @@
 import { ReactNode } from "react";
+/**
+ * Propiedades de estilo para el componente raíz de la barra de aplicaciones.
+ */
 export declare type RootStyleProps = {
+    /** Indica si la barra de aplicaciones está colapsada. */
     isCollapse: boolean;
+    /** Indica si hay un desplazamiento (offset) aplicado a la barra de aplicaciones. */
     isOffset: boolean;
+    /** Indica si la barra lateral está visible.*/
     isSideBarVisible: boolean;
 };
 export interface AppBarProps {

package/components/CommonActions/components/ActionCancel/{index.bd595785.js → index.de862adf.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.928f05b7.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.b8a1d42a.js";
+import { B as Button } from "../../../mui_extended/Button/index.e520bd15.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.6fd990b7.js → index.3fd5c858.js}

@@ -1,12 +1,12 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.928f05b7.js";
+import { B as Button } from "../../../mui_extended/Button/index.e520bd15.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.50b23c06.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.b8a1d42a.js";
+import { u as useModal } from "../../../../hooks/useModal/index.786a4439.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
 import { jsx } from "react/jsx-runtime";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.f79ee169.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.55ac3c8f.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.798cb977.js → index.07394f62.js}

@@ -1,8 +1,8 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.928f05b7.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.b8a1d42a.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.e520bd15.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.64498081.js → index.79fc2386.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.928f05b7.js";
+import { B as Button } from "../../../mui_extended/Button/index.e520bd15.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.b8a1d42a.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.b8a1d42a.js → index.2f6286eb.js}

@@ -1,7 +1,7 @@
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses } from "@mui/material";
 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 { styled } from "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
 const componentName = "M4LCommonActions";

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.6faecd3c.js → index.36270dd1.js}

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.7a463493.js";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.b3052107.js";
 function ColumnBooleanFormatter(props) {
   const {
     fieldValue,

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.3cabb920.js → index.8b008692.js}

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.648cf3b0.js";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.95cc337e.js";
 function ColumnConcatenatedValueFormatter(props) {
   const {
     fieldValue,

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.fd1bea19.js → index.cb308086.js}

@@ -1,5 +1,5 @@
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.660a6e7b.js";
+import { d as dataGridClasses } from "../../index.b1eafce1.js";
 import { jsx } from "react/jsx-runtime";
 function ColumnInteractiveCheckFormatter(props) {
   const {

package/components/DataGrid/{index.660a6e7b.js → index.b1eafce1.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.9ac45602.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.212ee603.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.2e931b5f.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.0c703574.js";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.c5377916.js";
@@ -9,7 +9,7 @@ import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generat
 import { jsx, jsxs } from "react/jsx-runtime";
 import { D as DATAGRID_SELECT_COLUMN_KEY, c as componentName, a as DATAGRID_PREFIX_NAME } from "./constants.e334cd50.js";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.e07a52bf.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.9af87fa1.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";

package/components/DataGrid/subcomponents/Actions/{index.e07a52bf.js → index.9af87fa1.js}

@@ -1,21 +1,21 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.34293162.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.660a6e7b.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.fa7c26a5.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.b1eafce1.js";
 import { useTheme, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.212ee603.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.023c369f.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.0c703574.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.9ea23f87.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
 import { styled } from "@mui/material/styles";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.fd1bea19.js";
-import { u as useModal } from "../../../../hooks/useModal/index.50b23c06.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bd595785.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.64498081.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.cb308086.js";
+import { u as useModal } from "../../../../hooks/useModal/index.786a4439.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.de862adf.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.79fc2386.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { W as WindowBase } from "../../../modal/WindowBase.14255209.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.b8a1d42a.js";
+import { W as WindowBase } from "../../../modal/WindowBase.998b8a38.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
 function ActionsFormatter(props) {
   const {
     rowActionsGetter,

package/components/DragResizeWindow/{index.7c402375.js → index.62b6a916.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../react-draggable.38b6012b.js";
+import { D as DraggableCore_1 } from "../../react-draggable.ee21cb7e.js";
 import clsx from "clsx";
 import { styled } from "@mui/material/styles";
-import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.daffbfe5.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.2c881bac.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import { M as MAP_ZINDEX_OVER_MAP$1 } from "../PopupsProvider/index.3d5ad0ee.js";
-import { R as Resizable } from "../../react-resizable.3cdda6a7.js";
+import { R as Resizable } from "../../react-resizable.ee028152.js";
 import { jsx } from "react/jsx-runtime";
 const DraggeableWindowRoot = styled("div")`
     position: absolute;

package/components/DynamicFilter/{index.0d1fcfa7.js → index.b93e5649.js}

@@ -3,30 +3,30 @@ import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent
 import { useStore, createStore } from "zustand";
 import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.79b6a2c1.js";
+import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.de903261.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.b8a1d42a.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.d05ae217.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.2f6286eb.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.cf399b24.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { shallow } from "zustand/shallow";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.97bd36d7.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.78934e84.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.5a673a96.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.fbb29ee1.js";
 import * as Yup from "yup";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
 import { styled, useTheme } from "@mui/material/styles";
 import { S as ScrollBar } from "../ScrollBar/index.010f1b9d.js";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.023c369f.js";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.34293162.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.9ea23f87.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.fa7c26a5.js";
 import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.770f86ae.js";
+import { I as Icon } from "../Icon/index.b920baf8.js";
 import { R as RHFormProvider } from "../../contexts/RHFormContext/index.7769076a.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.bd595785.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.64498081.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.de862adf.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.79fc2386.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";

package/components/GridLayout/{index.88b62a5d.js → index.0996cd19.js}

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.5256b153.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.ded0e80e.js";
 import { styled, alpha } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.3cdda6a7.js";
+import { r as react_resizable_css } from "../../react-resizable.ee028152.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Griditem/{index.5256b153.js → index.ded0e80e.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.38b6012b.js";
-import { R as Resizable } from "../../../../react-resizable.3cdda6a7.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.88b62a5d.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.ee21cb7e.js";
+import { R as Resizable } from "../../../../react-resizable.ee028152.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.0996cd19.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 import { jsx, Fragment } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Responsive/{index.dfed4e68.js → index.0fd1b7f8.js}

@@ -1,4 +1,4 @@
-import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.88b62a5d.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.0996cd19.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/SizeProvider/{index.6b5de802.js → index.7669a2cd.js}

@@ -2,7 +2,7 @@ import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import clsx from "clsx";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
-import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.88b62a5d.js";
+import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.0996cd19.js";
 import { jsx } from "react/jsx-runtime";
 function withSizeProvider(ComposedComponent) {
   return (props) => {

package/components/HamburgerMenu/index.25029e23.js

@@ -0,0 +1,82 @@
+import { useState } from "react";
+import { styled } from "@mui/material/";
+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 { useEnvironment } from "@m4l/core";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { S as SideBar } from "../SideBar/index.cdb70977.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.9ea23f87.js";
+const HamburgerMenuRoot = styled("header")(({
+  theme
+}) => ({
+  ...theme.components?.M4LHamburgerMenuCommercial?.styleOverrides
+}));
+const componentName = "M4LHamburgerMenuCommercial";
+generateUtilityClasses(componentName, ["root", "ImageLogo"]);
+function getHamburgerMenuComercialClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useHamburgerMenuComercialUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    ImageLogo: ["ImageLogo"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getHamburgerMenuComercialClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const HAMBURGER_MENU_PREFIX = "M4LHamburgerMenu";
+const getNameDataTestId = (KEY) => {
+  return `${HAMBURGER_MENU_PREFIX}-${KEY}`;
+};
+const HamburgerMenu = (props) => {
+  const {
+    data,
+    itemClick
+  } = props;
+  const [visible, setVisible] = useState(false);
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const handlerOnVisible = () => {
+    setVisible((val) => !val);
+  };
+  const handleCollapseToggle = () => {
+    if (visible) {
+      setVisible(false);
+    }
+  };
+  const Classes2 = useHamburgerMenuComercialUtilityClasses();
+  const handlerItemActive = (item) => {
+    return window.location.pathname === item.path;
+  };
+  return /* @__PURE__ */ jsxs(HamburgerMenuRoot, {
+    className: Classes2.root,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId("root")
+    } : {},
+    children: [/* @__PURE__ */ jsx(IconButton, {
+      src: `${host_static_assets}/${environment_assets}/frontend/web_comercial/menu.svg`,
+      className: Classes2.ImageLogo,
+      variant: "secondary",
+      onClick: () => handlerOnVisible()
+    }), /* @__PURE__ */ jsx(SideBar, {
+      menuData: data,
+      visible,
+      onClick: (item) => itemClick(item),
+      isItemActive: handlerItemActive,
+      onToggleCollapse: handleCollapseToggle,
+      onToggleVisible: handlerOnVisible,
+      collapsed: false,
+      companyLogoSmallUrl: "",
+      companyName: "",
+      variantStyle: "variantComercial"
+    })]
+  });
+};
+export {
+  HamburgerMenu as H
+};

package/components/Icon/{index.770f86ae.js → index.b920baf8.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from "react";
 import { useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.e55c9b7c.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.cdb70977.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";

package/components/Image/{index.6dd3b128.js → index.d034ca68.js}

@@ -5,8 +5,8 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { styled, Skeleton as Skeleton$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { c as classes, g as getSize } from "../PrintingSystem/index.9dcfb35d.js";
-import { Q as QRCode } from "../../node_modules.448153f1.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.2e17cae5.js";
+import { Q as QRCode } from "../../node_modules.71622512.js";
 function isIntersectionObserverAvailable() {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
 }
@@ -276,18 +276,14 @@ function Image(props) {
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("root")
       } : {},
-      ...width && height ? {
-        style: {
-          minWidth: width,
-          minHeight: height,
-          width,
-          height
-        }
+      style: width && height ? {
+        minWidth: width,
+        minHeight: height,
+        width,
+        height
       } : {
-        sx: {
-          width: "100%",
-          height: "100%"
-        }
+        width: "100%",
+        height: "100%"
       },
       children: /* @__PURE__ */ jsxs(LazyLoadComponent, {
         width: "100%",

package/components/LanguagePopover/{index.b7f2816d.js → index.e54c5cc7.js}

@@ -1,8 +1,8 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.6dd3b128.js";
+import { I as Image } from "../Image/index.d034ca68.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.928f05b7.js";
+import { I as ImageButton } from "../mui_extended/Button/index.e520bd15.js";
 import { useEnvironment, useNetwork } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";

package/components/LinearProgressIndeterminate/LinearProgressIndeterminate.d.ts

@@ -1 +1,5 @@
+/** @function este componente proporciona una representación visual de una barra de progreso indeterminada con opciones de personalización y soporte para pruebas.
+ *
+ * @returns {JSX.Element} Elemento JSX que representa el componente.
+ */
 export declare const LinearProgressIndeterminate: () => import("react/jsx-runtime").JSX.Element;

package/components/LinearProgressIndeterminate/{index.32caeee2.js → index.a0ad2d9e.js}

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { generateUtilityClasses, styled } from "@mui/material";
 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 TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";

package/components/Loadable/index.d.ts

@@ -1,2 +1,7 @@
 import { ElementType } from 'react';
+/**
+ * Función que envuelve un componente en un componente Suspense con un loader de propagación como fallback.
+ * @param Component El componente a ser cargado dinámicamente.
+ * @returns Un componente funcional que carga dinámicamente el componente proporcionado.
+ */
 export declare const Loadable: (Component: ElementType) => (props: any) => import("react/jsx-runtime").JSX.Element;

package/components/LoadingError/LoadingError.d.ts

@@ -1,2 +1,14 @@
 import { AreasLoadingErrorProps } from './types';
+/**
+ *
+ * @param {AreasLoadingErrorProps} props El componente LoadingError espera recibir ciertas propiedades que están definidas en el tipo AreasLoadingErrorProps.
+ * @param {status} props.status Indica el estado actual del componente. Puede tener valores como 'error', 'cargando' u otros estados definidos por la aplicación.
+ * @param {Function} props.action - Es una función que se ejecutará cuando se presione el botón de error. Esta función puede contener lógica para manejar el error o realizar alguna acción específica cuando ocurra un error.
+ * @param {string} props.title -  Es una cadena de texto que representa el título del mensaje de error. Este título se mostrará en el componente cuando ocurra un error.
+ * @param {string} props.description - Es una cadena de texto que proporciona una descripción detallada del error. Esta descripción se mostrará junto al título en el componente de mensaje de error.
+ * @param {string} props.recommendation -  Es una cadena de texto que proporciona una recomendación sobre cómo manejar el error o qué acciones tomar para resolverlo.
+ * @param {string} props.introMessage -  Es una cadena de texto que proporciona un mensaje introductorio adicional. Este mensaje se mostrará en el componente antes de mostrar el título, la descripción y la recomendación del error.
+ * @param {string} props.errorIcon - Es una cadena de texto que representa la ruta o el identificador del ícono que se mostrará junto al mensaje de error.
+ * @returns {JSX.Element} Elemento JSX que representa el componente.
+ */
 export declare const LoadingError: (props: AreasLoadingErrorProps) => import("react/jsx-runtime").JSX.Element;