@m4l/components 9.1.58 → 9.1.60

package/components/Label/Label.styles.js

@@ -3,8 +3,8 @@ const labelStyles = {
    * Estilos para el contenedor raíz del Label.
    * @author Bruce Escobar - automatic
    * @createdAt 2024-10-22 09:34:39 - automatic
-   * @updatedAt 2024-12-30 12:00:12 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:40 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   root: ({ ownerState, theme }) => ({
     display: "flex",
@@ -38,8 +38,8 @@ const labelStyles = {
    * Estilos para el slot Typography.
    * @author Bruce Escobar - automatic
    * @createdAt 2024-10-22 09:34:39 - automatic
-   * @updatedAt 2024-12-30 12:00:12 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:40 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   typographyStyled: ({ theme, ownerState }) => ({
     "& .MuiTypography-root": {
@@ -60,8 +60,8 @@ const labelStyles = {
    * Estilos para el mensaje obligatorio.
    * @author Bruce Escobar - automatic
    * @createdAt 2024-10-22 09:34:39 - automatic
-   * @updatedAt 2024-12-30 12:00:12 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:40 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   typographyMandatoryMessageStyled: ({ theme, ownerState }) => ({
     "& .MuiTypography-root": {
@@ -78,8 +78,8 @@ const labelStyles = {
    * Estilos para el icono del mensaje de ayuda.
    * @author Bruce Escobar - automatic
    * @createdAt 2024-10-22 09:34:39 - automatic
-   * @updatedAt 2024-12-30 12:00:12 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:40 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   iconHelperMessageStyled: ({ theme }) => ({
     height: "24px",
@@ -97,8 +97,8 @@ const labelStyles = {
    *  Estilos para el componente Skeleton.
    * @author Bruce Escobar - automatic
    * @createdAt 2024-10-22 09:34:39 - automatic
-   * @updatedAt 2024-12-30 12:00:12 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:40 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   skeletonStyled: ({ ownerState, theme }) => ({
     width: "100%",

package/components/MFIsolationApp/MFIsolationApp.d.ts

@@ -3,7 +3,7 @@ import { MFIsolationAppProps } from './types';
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-31 11:23:50 - automatic
- * @updatedAt 2024-12-31 11:23:53 - automatic
+ * @updatedAt 2025-01-03 11:42:14 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function MFIsolationApp(props: MFIsolationAppProps): import("react/jsx-runtime").JSX.Element;

package/components/MenuActions/MenuActions.d.ts

@@ -7,7 +7,7 @@ import { MenuActionsProps } from './types';
  * y estilos configurables.
  * @author cesar - automatic
  * @createdAt 2024-12-17 15:41:39 - automatic
- * @updatedAt 2024-12-31 11:23:53 - automatic
+ * @updatedAt 2025-01-03 11:42:14 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/MenuActions/types.d.ts

@@ -13,7 +13,7 @@ import { MENU_ACTIONS_KEY_COMPONENT } from './constants';
  * onClick - Función a ejecutar al hacer clic en la acción.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-31 11:23:53 - automatic
+ * @updatedAt 2025-01-03 11:42:14 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export interface ComponentActionProps {
@@ -26,7 +26,7 @@ export interface ComponentActionProps {
  * [error] - Indicador de error en la acción del menú.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-31 11:23:53 - automatic
+ * @updatedAt 2025-01-03 11:42:14 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export interface MenuAction extends Pick<MenuItemProps, 'startIcon' | 'endIcon' | 'label' | 'selected' | 'componentPaletteColor' | 'color' | 'disabled'> {
@@ -68,7 +68,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
      * Acciones del menú, puede ser un array o una función que genere acciones.
      * @author Andrés Quintero - automatic
      * @createdAt 2024-12-27 08:27:30 - automatic
-     * @updatedAt 2024-12-31 11:23:53 - automatic
+     * @updatedAt 2025-01-03 11:42:14 - automatic
      * @updatedUser Andrés Quintero - automatic
      */
     menuActions: MenuAction[] | ((row: any) => MenuAction[]);
@@ -131,7 +131,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
      * Función externa para cerrar el menú.
      * @author Andrés Quintero - automatic
      * @createdAt 2024-12-27 08:27:30 - automatic
-     * @updatedAt 2024-12-31 11:23:53 - automatic
+     * @updatedAt 2025-01-03 11:42:14 - automatic
      * @updatedUser Andrés Quintero - automatic
      */
     externalClose?: (element: null | HTMLDivElement) => void;

package/components/PaperForm/PaperForm.d.ts

@@ -7,7 +7,7 @@ import { PaperFormProps } from './types';
  * **********************************************************************
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-20 14:00:24 - automatic
- * @updatedAt 2024-11-22 11:15:45 - automatic
- * @updatedUser Andrés Quintero - automatic
+ * @updatedAt 2025-01-08 15:43:10 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare function PaperForm(props: PaperFormProps): import("react/jsx-runtime").JSX.Element;

package/components/PaperForm/PaperForm.js

@@ -4,14 +4,42 @@ import { P as PaperFormRootStyled, C as ContentStyled } from "./slots/PaperFormS
 import { useRef } from "react";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { P as PAPER_FORM_KEY } from "./constants.js";
+import { P as PropertyValue } from "../PropertyValue/PropertyValue.js";
+const isPropertyValue = (child) => typeof child === "object" && child !== null && "property" in child && "value" in child;
+const renderChildren = (children) => {
+  if (Array.isArray(children)) {
+    return children.map(
+      (child) => isPropertyValue(child) ? /* @__PURE__ */ jsx(PropertyValue, { ...child }, child.property) : child
+    );
+  }
+  return children;
+};
 function PaperForm(props) {
-  const { urlIcon, title, children, dataTestId, color = "default", size } = props;
+  const {
+    urlIcon,
+    title,
+    children,
+    dataTestId,
+    color = "default",
+    size = "medium",
+    isForm = false,
+    variant = "standard"
+  } = props;
   const paperFormRef = useRef(null);
   const rootClass = getComponentSlotRoot(PAPER_FORM_KEY);
-  return /* @__PURE__ */ jsxs(PaperFormRootStyled, { className: rootClass, ref: paperFormRef, ownerState: {}, ...process.env.NODE_ENV !== "production" ? { "data-testid": dataTestId } : {}, children: [
-    /* @__PURE__ */ jsx(Header, { urlIcon, title, color, size }),
-    /* @__PURE__ */ jsx(ContentStyled, { ownerState: {}, children })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    PaperFormRootStyled,
+    {
+      className: rootClass,
+      ref: paperFormRef,
+      ownerState: { isForm, color, variant },
+      ...process.env.NODE_ENV !== "production" ? { "data-testid": dataTestId } : {},
+      children: [
+        /* @__PURE__ */ jsx(Header, { urlIcon, title, color, size }),
+        /* @__PURE__ */ jsx(ContentStyled, { ownerState: { isForm }, children: renderChildren(children) })
+      ]
+    }
+  );
 }
 export {
   PaperForm as P

package/components/PaperForm/styles.js

@@ -6,8 +6,8 @@ const paperFormStyles = {
    ***********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-20 14:00:24 - automatic
-   * @updatedAt 2024-11-22 10:38:00 - automatic
-   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2025-01-08 10:46:48 - automatic
+   * @updatedUser cesar - automatic
    */
   paperFormRoot: ({ theme }) => ({
     borderRadius: theme.size.borderRadius.r1,
@@ -25,8 +25,8 @@ const paperFormStyles = {
    ***********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-20 14:00:24 - automatic
-   * @updatedAt 2024-11-22 10:38:00 - automatic
-   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2025-01-08 10:46:48 - automatic
+   * @updatedUser cesar - automatic
    */
   containerHeader: ({ theme, ownerState }) => ({
     display: "flex",
@@ -46,8 +46,8 @@ const paperFormStyles = {
    ***********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-20 14:00:24 - automatic
-   * @updatedAt 2024-11-22 10:38:00 - automatic
-   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2025-01-08 10:46:48 - automatic
+   * @updatedUser cesar - automatic
    */
   containerTitle: ({ theme }) => ({
     color: theme.vars.palette.text.primary,
@@ -65,8 +65,8 @@ const paperFormStyles = {
    ***********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-20 14:00:24 - automatic
-   * @updatedAt 2024-11-22 10:38:00 - automatic
-   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2025-01-08 10:46:48 - automatic
+   * @updatedUser cesar - automatic
    */
   containerIcon: () => ({
     display: "grid",
@@ -79,17 +79,18 @@ const paperFormStyles = {
    ***********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-11-20 14:00:24 - automatic
-   * @updatedAt 2024-11-22 10:38:00 - automatic
-   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2025-01-08 10:46:48 - automatic
+   * @updatedUser cesar - automatic
    */
   containerContent: ({ theme, ownerState }) => ({
     width: "100%",
     height: "auto",
     display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: ownerState.isForm ? theme.vars.size.baseSpacings.sp2 : theme.vars.size.baseSpacings.sp0,
+    flexDirection: ownerState.isForm ? "row" : "column",
+    alignItems: ownerState.isForm ? "flex-start" : "center",
+    justifyContent: ownerState.isForm ? "flex-start" : "center",
+    gap: ownerState.isForm ? theme.vars.size.baseSpacings.sp3 : theme.vars.size.baseSpacings.sp0,
+    flexWrap: ownerState.isForm ? "wrap" : "nowrap",
     padding: theme.vars.size.baseSpacings.sp3,
     background: theme.vars.palette.background.default
   })

package/components/PaperForm/types.d.ts

@@ -4,10 +4,11 @@ import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { PAPER_FORM_KEY } from './constants';
 import { Theme } from '@mui/material/styles';
 import { ComponentPalletColor, Sizes } from '@m4l/styles';
+import { PropertyValueProps } from '../PropertyValue/types';
 export interface PaperFormProps {
     urlIcon?: string;
     title: string;
-    children: ReactNode;
+    children?: ReactNode | PropertyValueProps[];
     variant?: 'standard';
     color?: Extract<ComponentPalletColor, 'default'>;
     size?: Extract<Sizes, 'small' | 'medium'>;

package/components/PrintingSystem/types.d.ts

@@ -21,10 +21,15 @@ export interface BaseProviderPrintSystem {
 }
 /**
  * Direction: Propiedad para la dirección de contenidos
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 type Direction = 'column' | 'row';
 /**
  * Align: Propiedades de alineación de contenidos
+ * @author Andrés Quintero - automatic
+ * @createdAt 2025-01-08 10:36:40 - automatic
+ * @updatedAt 2025-01-08 10:36:40 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 type Align = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface NodeTypeCollection {
@@ -43,6 +48,7 @@ export interface NodeTypeCollection {
 }
 /**
  * BaseNode: Se encarga de contener las propiedades comunes entre la lista de componentes.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface BaseNode {
     key: string;
@@ -52,6 +58,8 @@ export interface BaseNode {
 }
 /**
  * PaddingProperties: propiedades de espaciado interno.
+ * @createdAt 2025-01-08 10:36:40 - automatic
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface PaddingProperties {
     paddingTop?: number;
@@ -68,6 +76,7 @@ export interface SizeProperty {
 }
 /**
  * RootNode: Componente que agrupa todas las posibles paginas
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface RootNode {
     unitSizes: string;
@@ -78,6 +87,7 @@ export interface RootNode {
 }
 /**
  * PageNode: Componente de página, es el primer componente que se carga en las estructuras NodeType y se encarga de definir el formato de tamaño
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface PageNode extends BaseNode, PaddingProperties, SizeProperty {
     type: 'page';
@@ -85,6 +95,7 @@ export interface PageNode extends BaseNode, PaddingProperties, SizeProperty {
 }
 /**
  * SectionNode: Componente para distrubir elementos de NodeType en fila.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface SectionNode extends BaseNode, PaddingProperties, SizeProperty {
     type: 'section';
@@ -96,6 +107,7 @@ export interface SectionNode extends BaseNode, PaddingProperties, SizeProperty {
 }
 /**
  * TextBox: Componente para visualizar estructuras de texto.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface TextBoxNode extends Omit<BaseNode, 'children'> {
     type: 'textBox';
@@ -105,6 +117,7 @@ export interface TextBoxNode extends Omit<BaseNode, 'children'> {
 }
 /**
  * ImageNode: Componente para visualizar imagenes.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface ImageNode extends BaseNode {
     type: 'image';
@@ -114,6 +127,7 @@ export interface ImageNode extends BaseNode {
 }
 /**
  * QReNode: Componente para visualizar una imagen qr.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface QRImageNode extends BaseNode {
     type: 'qrImage';
@@ -123,24 +137,28 @@ export interface QRImageNode extends BaseNode {
 }
 /**
  * HeaderNode: Componente para visualizar la cabecera del documento.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface HeaderNode extends Omit<SectionNode, 'type'> {
     type: 'header';
 }
 /**
  * BodyNode: Componente para visualizar el cuerpo del documento.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface BodyNode extends Omit<SectionNode, 'type'> {
     type: 'body';
 }
 /**
  * FooterNode: Componente para visualizar el pie de página del documento.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface FooterNode extends Omit<SectionNode, 'type'> {
     type: 'footer';
 }
 /**
  * PaperNode: Componente que contiene una lista de campos de valor.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface PaperNode extends BaseNode {
     type: 'paper';
@@ -149,6 +167,8 @@ export interface PaperNode extends BaseNode {
 }
 /**
  * PropertyValue: Componente que organiza un campo con una etiqueta y valor.
+ * @createdAt 2025-01-08 10:36:40 - automatic
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface PagerNode extends BaseNode {
     type: 'pager';
@@ -166,6 +186,7 @@ export interface PropertyValue extends Omit<BaseNode, 'children'> {
 export type NodePrintPropertyValue = SectionNode | TextBoxNode | ImageNode | FooterNode | PaperNode | DividerNode | GridNode | ChartNode | PagerNode | QRImageNode;
 /**
  * DividerNode: Componente que aporta una división gráfica.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface DividerNode extends Omit<BaseNode, 'children'> {
     type: 'divider';
@@ -182,6 +203,7 @@ export interface Columns {
 }
 /**
  * GridNode: Componente dibuja una tabla de información con n canditad de registros y columnas.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface GridNode extends Omit<BaseNode, 'children'> {
     type: 'grid';
@@ -191,6 +213,7 @@ export interface GridNode extends Omit<BaseNode, 'children'> {
 }
 /**
  * ChartNode: Componente dibuja una grafica de información.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export interface UncertaintyType {
     x: number;

package/components/PropertyValue/PropertyValue.d.ts

@@ -3,7 +3,7 @@ import { PropertyValueProps } from './types';
  * PropertyValue component is used to display a property and its value in a form or not.
  * @author cesar - automatic
  * @createdAt 2024-12-19 14:44:17 - automatic
- * @updatedAt 2024-12-30 09:30:27 - automatic
+ * @updatedAt 2025-01-08 11:15:49 - automatic
  * @updatedUser cesar - automatic
  */
 export declare function PropertyValue(props: PropertyValueProps): import("react/jsx-runtime").JSX.Element;

package/components/PropertyValue/PropertyValue.js

@@ -5,7 +5,9 @@ import { T as TEST_PROPS_DATA, P as PROPERTY_VALUE_KEY_COMPONENT, C as COMPONENT
 import { a as getPropDataTestId, g as getNameDataTestId } from "../../test/getNameDataTestId.js";
 import { P as PropertyValueRootStyled, a as PropertyStyled, V as ValueStyled } from "./slots/PropertyValueSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
+import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { L as Label } from "../Label/Label.js";
+import { T as TextField } from "../mui_extended/TextField/TextField.js";
 import { T as Typography } from "../mui_extended/Typography/Typography.js";
 import { I as Icon } from "../Icon/Icon.js";
 function PropertyValue(props) {
@@ -20,8 +22,11 @@ function PropertyValue(props) {
     mandatory,
     mandatoryMessage,
     helperMessage,
-    semanticWidth = "fullWidth"
+    semanticWidth = "fullWidth",
+    size = "medium"
   } = props;
+  const { currentSize } = useComponentSize(size);
+  const normalizedSize = currentSize === "large" ? "medium" : currentSize;
   const ownerState = {
     disabled: isForm && disabled ? disabled : false,
     isForm: isForm ? true : false,
@@ -42,8 +47,23 @@ function PropertyValue(props) {
     return startAdornment;
   };
   const renderValue = () => {
+    if (isForm) {
+      if (typeof value === "string" || typeof value === "number") {
+        return /* @__PURE__ */ jsx(
+          TextField,
+          {
+            size: normalizedSize,
+            defaultValue: value,
+            disabled,
+            helperText: helperMessage,
+            fullWidth: true
+          }
+        );
+      }
+      return value;
+    }
     if (typeof value === "string") {
-      return /* @__PURE__ */ jsx(Typography, { variant: "bodyDens", children: value });
+      return /* @__PURE__ */ jsx(Typography, { size: normalizedSize, variant: "bodyDens", children: value });
     }
     return value;
   };
@@ -64,6 +84,7 @@ function PropertyValue(props) {
           /* @__PURE__ */ jsx(
             Label,
             {
+              size: normalizedSize,
               label: property,
               mandatory,
               mandatoryMessage,
@@ -71,14 +92,7 @@ function PropertyValue(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(
-          ValueStyled,
-          {
-            role: "property-value-value-role",
-            ownerState,
-            children: renderValue()
-          }
-        )
+        /* @__PURE__ */ jsx(ValueStyled, { role: "property-value-value-role", ownerState, children: renderValue() })
       ]
     }
   );

package/components/PropertyValue/PropertyValue.styles.js

@@ -4,8 +4,8 @@ const propertyValueStyles = {
    * Property Value Root Styles
    * @author cesar - automatic
    * @createdAt 2024-12-19 14:44:17 - automatic
-   * @updatedAt 2025-01-02 08:01:12 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:40 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   Root: ({ theme, ownerState }) => {
     const createSemanticStyle = (minWidth, maxWidth) => ({
@@ -67,8 +67,8 @@ const propertyValueStyles = {
    * Property Styles
    * @author cesar - automatic
    * @createdAt 2024-12-26 11:44:46 - automatic
-   * @updatedAt 2025-01-02 08:01:12 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:40 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   property: ({ theme, ownerState }) => ({
     display: "flex",
@@ -82,8 +82,8 @@ const propertyValueStyles = {
    * Value Styles (Form and No Form Combined)
    * @author cesar - automatic
    * @createdAt 2024-12-26 11:44:46 - automatic
-   * @updatedAt 2025-01-02 08:01:12 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:40 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   value: ({ theme, ownerState }) => ({
     width: "100%",

package/components/PropertyValue/types.d.ts

@@ -4,6 +4,7 @@ import { PROPERTY_VALUE_KEY_COMPONENT } from './constants';
 import { Theme } from '@mui/material';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { PropertyValueSlots } from './slots/PropertyValueEnum';
+import { Sizes } from '@m4l/styles';
 /**
  * Tipos de valores posibles para los componentes dentro de `PropertyValue`.
  */
@@ -77,6 +78,10 @@ export interface PropertyValueProps extends PropertyProps, ValueProps, Omit<Labe
      * Define el ancho semántico del componente según el contenido.
      */
     semanticWidth?: SemanticWidthOptions;
+    /**
+     * Propiedad de tamaño para el componente `PropertyValue`.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
 }
 /**
  * Estado del propietario para el componente `PropertyValue`, utilizado para personalizar estilos y comportamientos.

package/components/SideBar/SideBar.d.ts

@@ -9,7 +9,7 @@ import { SideBarProps } from './types';
  * - **`useFirstRender:`** Hook que devuelve un valor booleano indicando si el componente se está renderizando por primera vez.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-23 07:24:16 - automatic
- * @updatedAt 2024-12-23 07:24:18 - automatic
+ * @updatedAt 2025-01-03 11:04:54 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const SideBar: import('react').MemoExoticComponent<(props: SideBarProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -3,7 +3,7 @@
  * Contiene el header, body y footer
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-15 21:43:42 - automatic
- * @updatedAt 2024-12-30 14:36:09 - automatic
+ * @updatedAt 2025-01-03 11:42:14 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 declare const ContentComponent: () => import("react/jsx-runtime").JSX.Element;

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

@@ -3,5 +3,7 @@ import { ContentGroupsProps } from './types';
  * Renderiza el contenido de los grupos
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-05 17:43:01 - automatic
+ * @updatedAt 2025-01-03 11:42:14 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const ContentGroups: (contentGroupsProps: ContentGroupsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,7 +5,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-30 14:36:09 - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerMenuItems: ({ theme, ownerState }) => ({
@@ -49,7 +49,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-30 14:36:09 - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   containerArrowIconRoot: () => ({

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

@@ -2,7 +2,7 @@
  * Renderiza el contenido que debe de tener los dispositipos desktop
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-05 18:16:45 - automatic
- * @updatedAt 2024-12-02 19:02:04 - automatic
+ * @updatedAt 2025-01-03 11:04:54 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const SideBarDesktop: () => import("react/jsx-runtime").JSX.Element;

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

@@ -63,6 +63,7 @@ const SideBarDesktop = () => {
             children: /* @__PURE__ */ jsx(
               IconButton,
               {
+                role: "anchored-button",
                 variant: "outline",
                 rotationAngle: !eventAnchored ? 180 : 0,
                 onClick: handlerAnchoredButton,

package/components/SideBar/tests/SideBar.integration.test.d.ts

@@ -0,0 +1 @@
+export {};