@m4l/components 9.1.39 → 9.1.41

package/components/SideBar/subcomponents/ContentGroups/index.js

@@ -20,17 +20,16 @@ const ContentGroups = (props) => {
     return /* @__PURE__ */ jsx(ContainerContentTitleStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(Typography, { variant: "bodyDens", skeletonWidth: "100px", children: title }) });
   };
   const renderItems = (item) => {
-    return /* @__PURE__ */ jsx(ContainerContentNavItemsStyled, { ownerState: {}, children: item?.map((list, id) => /* @__PURE__ */ jsx(ContainerMenuItemsMain, { item: list, openSubItem: true, size: currentSize }, id)) });
+    return /* @__PURE__ */ jsx(ContainerContentNavItemsStyled, { ownerState: {}, children: item?.map((list) => /* @__PURE__ */ jsx(ContainerMenuItemsMain, { item: list, openSubItem: true, size: currentSize }, list.title)) });
   };
   const renderItemsDisabled = () => {
-    return /* @__PURE__ */ jsx(ContainerContentTitleStyled, { ownerState: { disabled: true }, children: Array.from({ length: 1 }).map((_, index) => /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(ContainerContentTitleStyled, { ownerState: { disabled: true }, children: /* @__PURE__ */ jsx(
       MenuItem,
       {
         disabled: true,
         label: getLabel("sidebar.label_no_items")
-      },
-      index
-    )) });
+      }
+    ) });
   };
   return /* @__PURE__ */ jsx(
     ContainerContentGroupsRootStyled,

package/components/SideBar/subcomponents/ContentGroups/styles.js

@@ -3,7 +3,7 @@ const contentGroupStyles = {
    * Container for the group items in the sidebar
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-05 17:37:29 - automatic
-   * @updatedAt 2024-12-10 11:21:21 - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerContentGroupsRoot: ({ theme, ownerState }) => ({
@@ -20,7 +20,7 @@ const contentGroupStyles = {
    * Wrapper for every principal item group in the sidebar
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-05 17:37:29 - automatic
-   * @updatedAt 2024-12-10 11:21:21 - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerContentGroups: ({ theme }) => ({
@@ -33,7 +33,7 @@ const contentGroupStyles = {
    * Title wrapper for every principal item group in the sidebar
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-05 17:37:29 - automatic
-   * @updatedAt 2024-12-10 11:21:21 - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerContentTitle: ({ theme, ownerState }) => ({
@@ -48,7 +48,7 @@ const contentGroupStyles = {
    * Navigation wrapper for every principal item group in the sidebar
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-05 17:37:29 - automatic
-   * @updatedAt 2024-12-10 11:21:21 - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerContentNavItems: ({ theme }) => ({
@@ -61,7 +61,7 @@ const contentGroupStyles = {
    *Container for the items in the sidebar group
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-05 17:37:29 - automatic
-   * @updatedAt 2024-12-10 11:21:21 - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerContentItem: ({ theme }) => ({

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/index.d.ts

@@ -6,7 +6,7 @@ import { NavListSubItemProps } from './types';
  * @param {boolean} props.openSubItem - Estado del item del menu: Abierto - cerrado
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-14 17:08:16 - automatic
- * @updatedAt 2024-12-02 19:02:04 - automatic
+ * @updatedAt 2024-12-27 08:28:35 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function ContainerMenuItemsMain(props: NavListSubItemProps): import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/index.js

@@ -8,7 +8,7 @@ import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock.js";
 import { g as getNameDataTestId } from "../../../../tests/utils.js";
 import { A as ArrowIcon } from "./subcomponents/ArrowIcon/index.js";
 import { e as ContainerMenuItemsStyled } from "../../../../slots/SideBarSlots.js";
-import { g as getComponentSlotRoot } from "../../../../../../utils/getComponentSlotRoot.js";
+import { a as getComponentSlotRoot } from "../../../../../../utils/getComponentSlotRoot.js";
 import { I as ITEM_ACTIVE, a as ITEM_IN_TREE_ACTIVE, P as PATH_ICONS, L as LIST_MENU_ITEM } from "../../../../constants.js";
 import { useEnvironment } from "@m4l/core";
 import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
@@ -28,9 +28,7 @@ function ContainerMenuItemsMain(props) {
     sidebarSize: adjustedSize
   };
   const handlerClick = () => {
-    if (item.moduleId) {
-      onMenuItemClick(item);
-    }
+    onMenuItemClick(item);
     setOpenSub(!openSub);
     if (isMobile && (!hasChildren || hasChildren === void 0)) {
       onToggleVisible(true);
@@ -53,7 +51,7 @@ function ContainerMenuItemsMain(props) {
             selected: item.active || item.itemInTreeActive,
             startIcon: `${host_static_assets}/${environment_assets}${PATH_ICONS}${item.iconUrl}`,
             endIcon: hasChildren ? /* @__PURE__ */ jsx(ArrowIcon, { openState: openSub, active: item.active }) : null,
-            onClick: handlerClick,
+            onClick: () => handlerClick(),
             size: adjustedSize
           }
         ),

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js

@@ -4,7 +4,7 @@ const containerMenuItemsMainStyles = {
    * Style aplicado al contenedor de los items del menú
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-19 20:54:12 - automatic
-   * @updatedAt 2024-12-10 11:21:21 - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerMenuItems: ({ theme, ownerState }) => ({
@@ -55,7 +55,7 @@ const containerMenuItemsMainStyles = {
    *Style para el contenedor del icono de flecha que indica si el item está colapsado o descolapsado para los items padres
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-19 20:54:12 - automatic
-   * @updatedAt 2024-12-10 11:21:21 - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerArrowIconRoot: () => ({

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/subcomponents/ArrowIcon/index.d.ts

@@ -3,7 +3,7 @@ import { ArrowIconProps } from './types';
  * Render arrow icon in the sidebar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-05 18:00:46 - automatic
- * @updatedAt 2024-11-26 18:02:53 - automatic
+ * @updatedAt 2024-12-27 08:28:35 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function ArrowIcon(props: ArrowIconProps): import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/FooterSidebar/index.d.ts

@@ -7,7 +7,7 @@ import { FooterSidebarProps } from './types';
  * @returns
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-05 18:16:45 - automatic
- * @updatedAt 2024-11-26 18:02:53 - automatic
+ * @updatedAt 2024-12-27 08:28:35 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export default function FooterSidebar({ anchored }: FooterSidebarProps): import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/FooterSidebar/styles.js

@@ -3,7 +3,7 @@ const footerSideBarStyles = {
    * Estilo aplicado al contenedor del footer
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-14 18:39:10 - automatic
-   * @updatedAt 2024-12-02 19:02:04 - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerFooter: ({ theme, ownerState }) => ({

package/components/SideBar/subcomponents/SideBarDesktop/index.js

@@ -6,7 +6,7 @@ import { c as PATH_ARROW_RIGHT_ICON, S as SIDEBAR_KEY_COMPONENT, C as CONTAINER_
 import { C as ContentComponent } from "../ContentComponent/index.js";
 import { useState, useEffect } from "react";
 import { useFirstRender } from "@m4l/graphics";
-import { g as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
 const SideBarDesktop = () => {
   const { anchored, onToggleAnchored, expandedWidth } = useSideBar();

package/components/SideBar/types.d.ts

@@ -29,7 +29,7 @@ export interface SideBarProps {
     companyName?: string;
     companySlogan?: string;
     variantStyle?: 'variantDefault' | 'variantComercial';
-    moduleSelectedId?: string;
+    moduleSelectedId?: string | undefined;
     onMenuItemClick: (item: MenuDataType) => void;
     onToggleAnchored: (anchored: boolean) => void;
     onToggleVisible: (visible: boolean) => void;

package/components/ToastContainer/slots/toastContainerSlots.d.ts

@@ -1,21 +1,21 @@
 export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MessageRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MessageHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MessageIconRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 export declare const MessageIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const MessageTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').ClassAttributes<HTMLElement> | keyof import('react').HTMLAttributes<HTMLElement>>, {}>;
 export declare const MessageDescriptionStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import('react').ClassAttributes<HTMLParagraphElement> | keyof import('react').HTMLAttributes<HTMLParagraphElement>>, {}>;

package/components/WindowBase/WindowBase.d.ts

@@ -5,7 +5,7 @@ import { WindowBaseProps } from './types';
  * It uses hooks like `useModal` and utility style classes.
  * @author cesar - automatic
  * @createdAt 2024-11-15 18:08:44 - automatic
- * @updatedAt 2024-12-17 09:13:45 - automatic
- * @updatedUser cesar - automatic
+ * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const WindowBase: (props: WindowBaseProps) => import("react/jsx-runtime").JSX.Element;

package/components/WindowBase/WindowBase.js

@@ -3,7 +3,7 @@ import { u as useComponentSize } from "../../hooks/useComponentSize/useComponent
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { W as WINDOW_BASE_KEY_COMPONENT } from "./constants.js";
-import { g as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import clsx from "clsx";
 import { H as HeaderWindowBase } from "./subcomponents/Header/HeaderWindowBase.js";
 import { W as WindowBaseStyled, C as ContentWindowStyled } from "./slots/WindowBaseSlots.js";

package/components/WindowBase/WindowBase.styles.js

@@ -3,8 +3,8 @@ const windowBaseStyles = {
    * Styles for the window base wrapper component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   wrapperWindowBase: ({ theme, ownerState }) => ({
     height: "100%",
@@ -27,8 +27,8 @@ const windowBaseStyles = {
    * Styles for the content of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   contentWindowBase: ({ theme }) => ({
     padding: theme.vars.size.baseSpacings.sp3,
@@ -40,8 +40,8 @@ const windowBaseStyles = {
    * Styles for the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   headerWindowComponent: ({ theme, ownerState }) => ({
     width: "100%",
@@ -77,8 +77,8 @@ const windowBaseStyles = {
    * Styles for the content of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   headerContentWindowBase: ({ theme }) => ({
     width: "100%",
@@ -94,8 +94,8 @@ const windowBaseStyles = {
    * Styles for the title of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   headerTitleWindowBase: ({ theme }) => ({
     minWidth: "30px",
@@ -110,8 +110,8 @@ const windowBaseStyles = {
    * Styles for the subtitle container of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   subtitleContainer: ({ theme }) => ({
     display: "flex",
@@ -125,8 +125,8 @@ const windowBaseStyles = {
    * @returns An object containing the styles for the dot window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-22 19:40:23 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   pointWindowBase: ({ theme, ownerState }) => ({
     display: "flex",
@@ -152,8 +152,8 @@ const windowBaseStyles = {
    * Styles for the subtitle of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-15 18:08:44 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   headerSubTitleWindowBase: ({ theme }) => ({
     width: "auto !important",
@@ -164,8 +164,8 @@ const windowBaseStyles = {
    * Styles for the icon of the header of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-18 08:11:19 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   headerIconWindowBase: ({ theme }) => ({
     display: "flex",
@@ -178,8 +178,8 @@ const windowBaseStyles = {
    * Styles for the icons wrapper of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-18 08:11:19 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   iconsWrapperWindowBase: () => ({
     display: "flex",
@@ -193,8 +193,8 @@ const windowBaseStyles = {
    * Styles for the dot icon of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-11-22 19:40:23 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   pointIcon: ({ theme, ownerState }) => ({
     color: theme.vars.palette.text.primary,
@@ -218,8 +218,8 @@ const windowBaseStyles = {
    * Styles for the menu actions of the window base component.
    * @author cesar - automatic
    * @createdAt 2024-12-05 07:49:27 - automatic
-   * @updatedAt 2024-12-23 12:19:17 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   menuActionsWindowBase: () => ({
     left: "-50px"

package/components/WindowBase/slots/WindowBaseSlots.d.ts

@@ -9,25 +9,25 @@
  */
 export declare const WindowBaseStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 /**
  * Content component for the WindowBase container.
  */
 export declare const ContentWindowStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 /**
  * Header container for the component.
  */
 export declare const HeaderWindowComponentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 /**
  * Content wrapper for the header.
  */
 export declare const HeaderContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 /**
  * Icon component for the header.
  */
@@ -51,13 +51,13 @@ export declare const SubtitleWindowStyled: import('@emotion/styled').StyledCompo
  */
 export declare const SubtitleContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 /**
  * Point component for the header.
  */
 export declare const PointStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 /**
  * Point icon component for the header.
  */
@@ -69,7 +69,7 @@ export declare const PointIconStyled: import('@emotion/styled').StyledComponent<
  */
 export declare const IconsWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 /**
  * Styled component for menu actions in the header.
  */

package/components/WindowBase/subcomponents/Header/HeaderWindowBase.d.ts

@@ -40,7 +40,7 @@ import { WindowBaseOwnerState } from '../../types';
  * ```
  * @author cesar - automatic
  * @createdAt 2024-11-20 09:38:37 - automatic
- * @updatedAt 2024-12-23 12:19:17 - automatic
- * @updatedUser cesar - automatic
+ * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const HeaderWindowBase: (props: HeaderProps & WindowBaseOwnerState) => import("react/jsx-runtime").JSX.Element;

package/components/WindowBase/subcomponents/MemoizedIconButton/MemoizedIconButton.d.ts

@@ -7,8 +7,8 @@ import { MemoizedIconButtonProps } from './types';
  * It is memoized to avoid unnecessary re-renders when the props do not change.
  * @author cesar - automatic
  * @createdAt 2024-12-13 10:33:50 - automatic
- * @updatedAt 2024-12-23 12:19:17 - automatic
- * @updatedUser cesar - automatic
+ * @updatedAt 2024-12-27 08:28:36 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 declare const MemoizedIconButton: React.MemoExoticComponent<({ iconUrl, label, disabled, onClick }: MemoizedIconButtonProps) => import("react/jsx-runtime").JSX.Element>;
 export default MemoizedIconButton;

package/components/WindowBase/subcomponents/MemoizedIconButton/types.d.ts

@@ -17,16 +17,16 @@ export interface MemoizedIconButtonProps {
      * Whether the button is disabled.
      * @author cesar - automatic
      * @createdAt 2024-12-13 10:33:50 - automatic
-     * @updatedAt 2024-12-13 10:33:50 - automatic
-     * @updatedUser cesar - automatic
+     * @updatedAt 2024-12-27 08:28:36 - automatic
+     * @updatedUser Andrés Quintero - automatic
      */
     disabled?: boolean;
     /**
      * Callback function executed when the button is clicked.
      * @author cesar - automatic
      * @createdAt 2024-12-13 10:33:50 - automatic
-     * @updatedAt 2024-12-13 10:33:50 - automatic
-     * @updatedUser cesar - automatic
+     * @updatedAt 2024-12-27 08:28:36 - automatic
+     * @updatedUser Andrés Quintero - automatic
      */
     onClick: () => void;
 }

package/components/WindowBase/types.d.ts

@@ -8,8 +8,8 @@ import { ComponentPalletColor, Sizes } from '@m4l/styles';
  * Type representing a single action in the `WindowBase` component.
  * @author cesar - automatic
  * @createdAt 2024-12-23 09:48:25 - automatic
- * @updatedAt 2024-12-23 12:19:17 - automatic
- * @updatedUser cesar - automatic
+ * @updatedAt 2024-12-27 08:28:36 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export interface WindowBaseAction {
     place: 'left' | 'right' | 'inside';

package/components/WindowConfirm/WindowConfirm.js

@@ -5,7 +5,7 @@ import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { W as WINDOW_CONFIRM_KEY_COMPONENT } from "./constants.js";
-import { g as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import clsx from "clsx";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { W as WindowBase } from "../WindowBase/WindowBase.js";

package/components/WindowConfirm/WindowConfirm.styles.js

@@ -141,7 +141,11 @@ const windowConfirmStyles = {
    */
   actionsContainer: ({ theme }) => ({
     padding: theme.vars.size.baseSpacings.sp3
-  })
+  }),
+  windowBaseRoot: {},
+  messageIllustration: {},
+  actionCancel: {},
+  actionIntro: {}
 };
 export {
   windowConfirmStyles as w