@m4l/components 0.2.35 → 0.2.36

package/components/areas/components/AreasViewer/styles.d.ts

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

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/subcomponents/ResizeHandle/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export declare const ResizeHandle: React.ForwardRefExoticComponent<{
     handleAxis?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/styles.d.ts

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

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/WindowModal/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+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 WrapperWindowModal: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/areas/contexts/AreasContext/{index.c5a3b322.js → index.19c7b906.js}

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import { createContext, useRef, useCallback, useEffect } from "react";
 import { createStore, useStore } from "zustand";
 import { shallow } from "zustand/shallow";
@@ -5,15 +6,14 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.6d7194e2.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.820a00ab.js";
-import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.61e0538b.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.f239c717.js";
+import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.3d9ad0ad.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.5b3e0521.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.094c1d09.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.65470f01.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.b9c47a4c.js";
 import { useNavigate } from "react-router-dom";
-import { jsx } from "react/jsx-runtime";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;
 const DEBOUCED_SAVE_TIME = 500;
@@ -400,17 +400,9 @@ const createAreasStore = (initProps) => {
           addWindow: (newWindowProps) => {
             const windowId = `${get().currentAreaId}_window_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
             if (newWindowProps.emergeType === "layout" || newWindowProps.emergeType === "popup") {
-              get().areaActions.addLayout(
-                get().currentAreaId,
-                windowId,
-                newWindowProps
-              );
+              get().areaActions.addLayout(get().currentAreaId, windowId, newWindowProps);
             } else if (newWindowProps.emergeType === "modal") {
-              get().areaActions.addWindowModal(
-                get().currentAreaId,
-                windowId,
-                newWindowProps
-              );
+              get().areaActions.addWindowModal(get().currentAreaId, windowId, newWindowProps);
             }
           },
           addLayout: (areaId, windowId, newWindowProps) => {
@@ -558,9 +550,7 @@ const createAreasStore = (initProps) => {
           },
           closeWindowModal: (removeModalId) => {
             set((state) => {
-              const removeIndex = state.windowsModals.findIndex(
-                (w) => w === removeModalId
-              );
+              const removeIndex = state.windowsModals.findIndex((w) => w === removeModalId);
               if (removeIndex > -1) {
                 state.windowsModals.splice(removeIndex, 1);
               }
@@ -680,11 +670,7 @@ const createAreasStore = (initProps) => {
           colapseLayoutItem: (areaId, layoutId) => {
             if (!get().hashAreas[areaId].maximizedId && get().hashWindows[layoutId]) {
               set((state) => {
-                setColapsedLayoutBreakPoints(
-                  state.hashAreas[areaId],
-                  layoutId,
-                  true
-                );
+                setColapsedLayoutBreakPoints(state.hashAreas[areaId], layoutId, true);
               });
             }
           },
@@ -694,9 +680,7 @@ const createAreasStore = (initProps) => {
               if (!area)
                 return;
               area.maximizedId = layoutId;
-              const index = area.layouts["xxs"]?.findIndex(
-                (li) => li.i === area.maximizedId
-              );
+              const index = area.layouts["xxs"]?.findIndex((li) => li.i === area.maximizedId);
               if (index !== void 0 && index > -1 && layoutId && state.hashWindows[layoutId].emergeType === "popup") {
                 area.layouts["xxs"][index].visible = true;
                 area.layouts["xxs"][index].colapsed = false;
@@ -712,9 +696,7 @@ const createAreasStore = (initProps) => {
               if (!area)
                 return;
               if (area.maximizedId) {
-                const index = area.layouts["xxs"]?.findIndex(
-                  (li) => li.i === area.maximizedId
-                );
+                const index = area.layouts["xxs"]?.findIndex((li) => li.i === area.maximizedId);
                 if (index !== void 0 && index > -1 && state.hashWindows[area.maximizedId].emergeType === "popup") {
                   area.layouts["xxs"][index].visible = false;
                 }
@@ -752,7 +734,11 @@ const createAreasStore = (initProps) => {
               }
               set((state) => {
                 const area3 = state.hashAreas[areaId];
-                const { newBreakPointsLayouts, newHashLayoutItems } = getDataFromResponse(response.data, state, areaId);
+                const { newBreakPointsLayouts, newHashLayoutItems } = getDataFromResponse(
+                  response.data,
+                  state,
+                  areaId
+                );
                 area3.layouts = newBreakPointsLayouts;
                 area3.layoutItemsIds = newHashLayoutItems;
                 area3.status = "loaded";
@@ -859,10 +845,7 @@ const createAreasStore = (initProps) => {
                         response.data,
                         hWs.moduleId
                       );
-                      hWs.cookies.windowCookies = getCookiesContainer(
-                        response.data,
-                        windowId
-                      );
+                      hWs.cookies.windowCookies = getCookiesContainer(response.data, windowId);
                       hWs.status = "loaded";
                     }
                   });
@@ -930,10 +913,7 @@ const createAreasStore = (initProps) => {
                       hw2.percentExecuted = 0;
                       hw2.timer = setInterval(() => {
                         set((state3) => {
-                          verifyRemoveToasty(
-                            state3.hashWindows[windowId],
-                            toastyId
-                          );
+                          verifyRemoveToasty(state3.hashWindows[windowId], toastyId);
                         });
                       }, 1e3);
                     });
@@ -952,12 +932,8 @@ const createAreasStore = (initProps) => {
                   timeStart: new Date().getTime(),
                   percentExecuted: 0,
                   timer: setInterval(() => {
-                    console.log("toast timer new tick");
                     set((stateRemoveToasty) => {
-                      verifyRemoveToasty(
-                        stateRemoveToasty.hashWindows[windowId],
-                        toastyId
-                      );
+                      verifyRemoveToasty(stateRemoveToasty.hashWindows[windowId], toastyId);
                     });
                   }, 1e3)
                 };
@@ -988,10 +964,7 @@ const createAreasStore = (initProps) => {
                   t.percentExecuted = 0;
                   t.timer = setInterval(() => {
                     set((state2) => {
-                      verifyRemoveToasty(
-                        state2.hashWindows[windowId],
-                        toastyId
-                      );
+                      verifyRemoveToasty(state2.hashWindows[windowId], toastyId);
                     });
                   }, 1e3);
                 }
@@ -1014,23 +987,10 @@ const createAreasStore = (initProps) => {
 };
 const AreasContext = createContext(null);
 function AreasProvider(props) {
-  const {
-    children,
-    loadAreasFromNetwork,
-    loadCookiesFromNetwork,
-    onLoad,
-    onSelectLayout
-  } = props;
-  const {
-    events_add_listener,
-    events_remove_listener
-  } = useHostTools();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    networkOperation
-  } = useNetwork();
+  const { children, loadAreasFromNetwork, loadCookiesFromNetwork, onLoad, onSelectLayout } = props;
+  const { events_add_listener, events_remove_listener } = useHostTools();
+  const { getLabel } = useModuleDictionary();
+  const { networkOperation } = useNetwork();
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
   const navigate = useNavigate();
@@ -1055,10 +1015,11 @@ function AreasProvider(props) {
   const status = useStore(areasStoreRef.current, (state) => state.ownerState.status, shallow);
   const currentModuleId = useStore(areasStoreRef.current, (state) => state.currentModuleId);
   const refCurrentModuleId = useRef("");
-  const {
-    setHandlerGetLabel,
-    setExternalState
-  } = useStore(areasStoreRef.current, (state) => state.areasActions, shallow);
+  const { setHandlerGetLabel, setExternalState } = useStore(
+    areasStoreRef.current,
+    (state) => state.areasActions,
+    shallow
+  );
   const addWindow = useCallback((newWindow) => {
     const currentAreaId = areasStoreRef.current?.getState().currentAreaId;
     const areas = areasStoreRef.current?.getState().areasIds;
@@ -1094,15 +1055,9 @@ function AreasProvider(props) {
     if (isFirstRender) {
       return;
     }
-    setExternalState({
-      isMobile: !isDesktop,
-      isSkeleton
-    });
+    setExternalState({ isMobile: !isDesktop, isSkeleton });
   }, [isDesktop, isSkeleton]);
-  return /* @__PURE__ */ jsx(AreasContext.Provider, {
-    value: areasStoreRef.current,
-    children
-  });
+  return /* @__PURE__ */ jsx(AreasContext.Provider, { value: areasStoreRef.current, children });
 }
 export {
   AreasContext as A,

package/components/areas/contexts/DynamicMFParmsContext/{index.1607c78e.js → index.3d9ad0ad.js}

@@ -1,7 +1,7 @@
 import { createStore } from "zustand";
 import { immer } from "zustand/middleware/immer";
-import React__default, { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
+import React__default, { createContext } from "react";
 const createDynamicMFStore = (initProps) => {
   const startProps = {
     ...initProps
@@ -24,14 +24,8 @@ const createDynamicMFStore = (initProps) => {
 };
 const DynamicMFParmsContext = createContext(null);
 function DynamicMFParmsProvider(props) {
-  const {
-    children,
-    store
-  } = props;
-  return /* @__PURE__ */ jsx(DynamicMFParmsContext.Provider, {
-    value: store,
-    children
-  });
+  const { children, store } = props;
+  return /* @__PURE__ */ jsx(DynamicMFParmsContext.Provider, { value: store, children });
 }
 const MemonizedDynamicMFParmsProvider = React__default.memo(DynamicMFParmsProvider);
 export {

package/components/areas/contexts/DynamicMFParmsContext/types.d.ts

@@ -9,8 +9,8 @@ export declare type DynamicMFParameters = Record<string, any>;
  */
 export interface DynamicMFParmsProviderProps {
     /**
-    * Almacén de estado para los parámetros de un Microfrontend Dinámico.
-    */
+     * Almacén de estado para los parámetros de un Microfrontend Dinámico.
+     */
     store: DynamicMFStore;
     /**
      * Los componentes secundarios del proveedor de parámetros de un Microfrontend Dinámico.

package/components/areas/contexts/WindowToolsMFContext/{index.8f3e2a04.js → index.992ae7a3.js}

@@ -1,17 +1,9 @@
-import React__default, { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
+import React__default, { createContext } from "react";
 const WindowToolsMFContext = createContext(null);
 function WindowToolsMFProvider(props) {
-  const {
-    children,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, {
-    value: {
-      ...other
-    },
-    children
-  });
+  const { children, ...other } = props;
+  return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, { value: { ...other }, children });
 }
 React__default.memo(WindowToolsMFProvider);
 export {

package/components/areas/contexts/WindowToolsMFContext/types.d.ts

@@ -5,51 +5,51 @@ import type { CookieType, AreaWindowAction, ToastyOptions } from '../../types';
  */
 export interface WindowToolsMF {
     /**
-   * Método para obtener una cookie específica por su ID.
-   * @param id El ID de la cookie que se desea obtener.
-   * @returns La cookie correspondiente si se encuentra, de lo contrario, undefined.
-   */
+     * Método para obtener una cookie específica por su ID.
+     * @param id El ID de la cookie que se desea obtener.
+     * @returns La cookie correspondiente si se encuentra, de lo contrario, undefined.
+     */
     getCookie: (id: string) => Record<string, any> | undefined;
     /**
-   * Método para obtener el ID de la ventana actual.
-   * @returns El ID de la ventana actual.
-   */
+     * Método para obtener el ID de la ventana actual.
+     * @returns El ID de la ventana actual.
+     */
     getWindowId: () => string;
     /**
-    * Método para obtener todas las cookies de un tipo específico.
-    * @param type El tipo de cookie del cual se desean obtener todas las cookies.
-    * @returns Un objeto que contiene todas las cookies del tipo especificado.
-    */
+     * Método para obtener todas las cookies de un tipo específico.
+     * @param type El tipo de cookie del cual se desean obtener todas las cookies.
+     * @returns Un objeto que contiene todas las cookies del tipo especificado.
+     */
     getCookies: (type: CookieType) => Record<string, any>;
     /**
-    * Método para establecer las acciones de ventana para el área actual.
-    * @param newActions Las nuevas acciones de ventana que se desean establecer.
-    * @param version (Opcional) La versión de las acciones de ventana.
-    */
+     * Método para establecer las acciones de ventana para el área actual.
+     * @param newActions Las nuevas acciones de ventana que se desean establecer.
+     * @param version (Opcional) La versión de las acciones de ventana.
+     */
     setActions: (newActions: AreaWindowAction[], version?: string) => void;
     /**
-    * Método para establecer una cookie específica.
-    * @param id El ID de la cookie que se desea establecer.
-    * @param type El tipo de cookie que se desea establecer.
-    * @param cookie El contenido de la cookie que se desea establecer.
-    */
+     * Método para establecer una cookie específica.
+     * @param id El ID de la cookie que se desea establecer.
+     * @param type El tipo de cookie que se desea establecer.
+     * @param cookie El contenido de la cookie que se desea establecer.
+     */
     setCookie: (id: string, type: CookieType, cookie: Record<string, any>) => void;
     /**
-    * Método para iniciar el indicador de progreso.
-    */
+     * Método para iniciar el indicador de progreso.
+     */
     startProgress: () => void;
     /**
-    * Método para detener el indicador de progreso.
-    */
+     * Método para detener el indicador de progreso.
+     */
     stopProgress: () => void;
     /**
-    * Método para mostrar una notificación toast.
-    * @param options Las opciones de configuración para la notificación toast.
-    */
+     * Método para mostrar una notificación toast.
+     * @param options Las opciones de configuración para la notificación toast.
+     */
     toast: (options: ToastyOptions) => void;
     /**
-    * Método para cerrar la ventana actual.
-    */
+     * Método para cerrar la ventana actual.
+     */
     close: () => void;
     /**
      * Método para establecer la función de consulta de cierre de la ventana.

package/components/areas/hooks/useAreas/{index.caa92660.js → index.cedd30ee.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.c5a3b322.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.19c7b906.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/hooks/useDynamicMFParameters/{index.e52c5392.js → index.9e09e1e3.js}

@@ -1,12 +1,10 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
+import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.3d9ad0ad.js";
 function useDynamicMFParametersStore(selector, equalityFn) {
   const store = useContext(DynamicMFParmsContext);
   if (!store)
-    throw new Error(
-      "useDynamicMFParametersStore context must be use inside DynamicMFParmsContext"
-    );
+    throw new Error("useDynamicMFParametersStore context must be use inside DynamicMFParmsContext");
   return useStore(store, selector, equalityFn);
 }
 export {

package/components/areas/hooks/useWindowToolsMF/{index.b7afaf88.js → index.2fbae9dc.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index.992ae7a3.js";
 const useWindowToolsMF = () => {
   const context = useContext(WindowToolsMFContext);
   if (!context)

package/components/areas/types.d.ts

@@ -18,8 +18,8 @@ export interface AreaWindowAction extends MenuAction {
      */
     tag?: any;
     /**
-  * Clase CSS opcional para la acción de ventana.
-  */
+     * Clase CSS opcional para la acción de ventana.
+     */
     className?: string;
 }
 /**
@@ -39,16 +39,16 @@ export declare type OpenType = 'normal' | 'maximized';
  */
 export interface MFBaseProps {
     /**
-    * Puerto de depuración utilizado para cargar el microfrontend en entornos locales.
-    */
+     * Puerto de depuración utilizado para cargar el microfrontend en entornos locales.
+     */
     debug_port: number;
     /**
      * Indica si se debe almacenar en caché el microfrontend para futuros usos.
      */
     cache?: boolean;
     /**
-    * Prefijo utilizado para identificar los microfrontends. Por ejemplo, "m4labs", "guardian", etc.
-    */
+     * Prefijo utilizado para identificar los microfrontends. Por ejemplo, "m4labs", "guardian", etc.
+     */
     prefix: string;
 }
 export declare type JSX_REACT_NODE = ((props?: any) => JSX.Element) | ReactNode;
@@ -109,18 +109,18 @@ export declare type WindowState = {
     loading: boolean;
     version?: string;
     /**
-    * Acciones del módulo.
-    */
+     * Acciones del módulo.
+     */
     moduleActions: AreaWindowAction[];
     cookies: Cookies;
     /**
-   * Lista de tostadas.
-   */
+     * Lista de tostadas.
+     */
     toasties: Toasty[];
     /**
- * Hash que mapea el identificador de la tostada con su respectiva información.
-
- */
+   * Hash que mapea el identificador de la tostada con su respectiva información.
+  
+   */
     hashToasties: Record<number, Toasty>;
     toastyCount: number;
     /**
@@ -134,8 +134,8 @@ export declare type WindowState = {
  */
 export declare type WindowOptions = {
     /**
-    * Indica si se permitirá persistir las cookies.
-    */
+     * Indica si se permitirá persistir las cookies.
+     */
     allowPersistCookies: boolean;
 };
 /**
@@ -143,8 +143,8 @@ export declare type WindowOptions = {
  */
 export interface WindowBaseProps {
     /**
-    * Tipo de ventana ('microfrontend' o 'component').
-    */
+     * Tipo de ventana ('microfrontend' o 'component').
+     */
     winType: WinType;
     emergeType: EmergeType;
     openType?: OpenType;

package/components/commercial/AppBarCommercial/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { useAppBarComercialUtilityClasses } from ".";
+import { useAppBarComercialUtilityClasses } from '.';
 export interface AppBarComercialClassesType {
     root: string;
 }

package/components/commercial/AppBarCommercial/{index.9cf586a2.js → index.9f654f8e.js}

@@ -1,11 +1,14 @@
+import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.js";
-import { jsx } from "react/jsx-runtime";
+import { g as getComponentUtilityClass } from "../../../utils/index.0718eeac.js";
 const componentName = "M4LAppBarCommercial";
-generateUtilityClasses(componentName, [
-  "root"
-]);
+generateUtilityClasses(
+  componentName,
+  [
+    "root"
+  ]
+);
 const useAppBarComercialUtilityClasses = () => {
   const slots = {
     root: ["root"]
@@ -16,14 +19,9 @@ const AppBarComercialRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LAppBarCommercial?.styleOverrides
 }));
 const AppBarComercial = (props) => {
-  const {
-    children
-  } = props;
+  const { children } = props;
   const classes = useAppBarComercialUtilityClasses();
-  return /* @__PURE__ */ jsx(AppBarComercialRoot, {
-    className: classes.root,
-    children
-  });
+  return /* @__PURE__ */ jsx(AppBarComercialRoot, { className: classes.root, children });
 };
 export {
   AppBarComercial as A

package/components/commercial/AppBarCommercial/styles.d.ts

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

package/components/commercial/AppBarCommercial/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export interface AppBarComercialProps {
     children: ReactNode;
 }

package/components/commercial/HamburgerMenu/classes/type.d.ts

@@ -1,4 +1,4 @@
-import { useHamburgerMenuComercialUtilityClasses } from ".";
+import { useHamburgerMenuComercialUtilityClasses } from '.';
 export interface HamburgerMenuComercialClassesType {
     root: string;
     ImageLogo: string;

package/components/commercial/HamburgerMenu/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * Estilos para el componente HamburgerMenu.
+ *
+ * Este componente utiliza Material-UI `styled` para aplicar estilos.
+ * Los estilos pueden ser personalizados utilizando la propiedad `styleOverrides` del tema.
+ *
+ * @component
+ * @example
+ * // Ejemplo de uso:
+ * <HamburgerMenuRoot className={classes.root} />
+ */
+export declare const HamburgerMenuRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/components/commercial/HamburgerMenu/test/utils.d.ts

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

package/components/commercial/HamburgerMenu/types.d.ts

@@ -1,4 +1,4 @@
-import { MenuDataType } from ".";
+import { MenuDataType } from '.';
 export interface HamburguerMenuProps {
     data: Array<MenuDataType>;
     itemClick: (item: MenuDataType) => void;

package/components/commercial/SectionCommercial/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { useAppBarComercialUtilityClasses } from ".";
+import { useAppBarComercialUtilityClasses } from '.';
 export interface AppBarComercialClassesType {
     root: string;
     fullWidth: string;

package/components/commercial/SectionCommercial/{index.4dbfc0a7.js → index.3df4685b.js}

@@ -1,18 +1,26 @@
+import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.js";
-import { S as Stack } from "../../mui_extended/Stack/index.0e53197c.js";
-import { jsx } from "react/jsx-runtime";
+import { g as getComponentUtilityClass } from "../../../utils/index.0718eeac.js";
+import { S as Stack } from "../../mui_extended/Stack/index.fe363ca5.js";
 const componentName = "M4LSectionCommercial";
-generateUtilityClasses(componentName, [
-  "root",
-  "fullWidth",
-  "boxed",
-  "columnReverse"
-]);
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "fullWidth",
+    "boxed",
+    "columnReverse"
+  ]
+);
 const useAppBarComercialUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.contentWith === "fullWidth" && "fullWidth", ownerState.contentWith === "boxed" && "boxed", ownerState.columnReverse && "columnReverse"]
+    root: [
+      "root",
+      ownerState.contentWith === "fullWidth" && "fullWidth",
+      ownerState.contentWith === "boxed" && "boxed",
+      ownerState.columnReverse && "columnReverse"
+    ]
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
 };
@@ -33,15 +41,16 @@ const SectionCommercial = (props) => {
     columnReverse
   };
   const classes = useAppBarComercialUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(SectionCommercialRoot, {
-    className: classes.root,
-    paddingY,
-    ...others,
-    ...contentWith === "boxed" ? {
-      paddingX
-    } : null,
-    children
-  });
+  return /* @__PURE__ */ jsx(
+    SectionCommercialRoot,
+    {
+      className: classes.root,
+      paddingY,
+      ...others,
+      ...contentWith === "boxed" ? { paddingX } : null,
+      children
+    }
+  );
 };
 export {
   SectionCommercial as S