@m4l/components 9.1.59 → 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/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.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/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 {};

package/components/WindowConfirm/WindowConfirm.styles.js

@@ -3,8 +3,8 @@ const windowConfirmStyles = {
    * Wrapper Window Confirm Styles
    * @author cesar - automatic
    * @createdAt 2024-11-21 08:55:01 - automatic
-   * @updatedAt 2024-12-20 12:09:44 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   wrapperWindowConfirm: ({ theme, ownerState }) => ({
     display: "flex",
@@ -36,8 +36,8 @@ const windowConfirmStyles = {
    * Wrapper Window Confirm Content Styles
    * @author cesar - automatic
    * @createdAt 2024-11-22 10:58:23 - automatic
-   * @updatedAt 2024-12-20 12:09:44 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   windowConfirmContent: ({ theme }) => ({
     display: "flex",
@@ -54,8 +54,8 @@ const windowConfirmStyles = {
    *  Container Illustration Styles
    * @author cesar - automatic
    * @createdAt 2024-11-19 11:57:37 - automatic
-   * @updatedAt 2024-12-20 12:09:44 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   illustrationContainer: ({ theme }) => ({
     display: "flex",
@@ -70,8 +70,8 @@ const windowConfirmStyles = {
    * Icon Illustration Styles
    * @author cesar - automatic
    * @createdAt 2024-11-19 11:57:37 - automatic
-   * @updatedAt 2024-12-20 12:09:44 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   illustrationIcon: () => ({
     width: "auto !important",
@@ -84,8 +84,8 @@ const windowConfirmStyles = {
    * Text Content Styles
    * @author cesar - automatic
    * @createdAt 2024-11-19 11:57:37 - automatic
-   * @updatedAt 2024-12-20 12:09:44 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   textContent: ({ theme }) => ({
     display: "flex",
@@ -98,8 +98,8 @@ const windowConfirmStyles = {
    * Title Illustration Styles
    * @author cesar - automatic
    * @createdAt 2024-11-19 11:57:37 - automatic
-   * @updatedAt 2024-12-20 12:09:44 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   title: ({ theme }) => ({
     color: theme.vars.palette.text.primary,
@@ -110,8 +110,8 @@ const windowConfirmStyles = {
    * Message Illustration Styles
    * @author cesar - automatic
    * @createdAt 2024-11-21 08:55:01 - automatic
-   * @updatedAt 2024-12-20 12:09:44 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   message: ({ theme }) => ({
     textAlign: "center",
@@ -121,8 +121,8 @@ const windowConfirmStyles = {
    * Actions Container Styles
    * @author cesar - automatic
    * @createdAt 2024-11-19 11:57:37 - automatic
-   * @updatedAt 2024-12-20 12:09:44 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   actionsContainer: ({ theme }) => ({
     padding: theme.vars.size.baseSpacings.sp3

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/index.d.ts

@@ -42,15 +42,15 @@ import { AreaChipProps } from './types';
  * <<<<<<< HEAD
  * <<<<<<< HEAD
  * @createdAt 2024-11-01 12:34:48 - automatic
- * @updatedAt 2024-11-01 12:34:49 - automatic
+ * @updatedAt 2025-01-08 10:36:41 - automatic
  * =======
  * @createdAt 2024-11-06 09:00:05 - automatic
- * @updatedAt 2024-11-06 10:39:53 - automatic
+ * @updatedAt 2025-01-08 10:36:41 - automatic
  * =======
  * @createdAt 2024-11-06 11:07:59 - automatic
- * @updatedAt 2024-11-06 11:07:59 - automatic
+ * @updatedAt 2025-01-08 10:36:41 - automatic
  * >>>>>>> 32caab70 (refactor(PGK-552): resolve TODO documentar and styles to slots)
- * @updatedUser SebastianM - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const AreaChip: {
     (props: AreaChipProps): import("react/jsx-runtime").JSX.Element;

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.d.ts

@@ -27,8 +27,8 @@ import { AreaChipProps } from '../../../AreaChip/types';
  * - rippleRef: React.RefObject<any> - Reference to the ripple effect.
  * @author SebastianM - automatic
  * @createdAt 2024-11-06 11:07:59 - automatic
- * @updatedAt 2024-11-06 11:07:59 - automatic
- * @updatedUser SebastianM - automatic
+ * @updatedAt 2025-01-08 10:36:41 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const ChipMobile: {
     (props: AreaChipProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFAutocomplete/RFHAutocompleteStyles.js

@@ -1,6 +1,10 @@
 const rhfAutocompleteSyles = {
   /**
    * Styles for the root component.
+   * @author Andrés Quintero - automatic
+   * @createdAt 2025-01-08 10:36:40 - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   autocompleteRoot: ({ theme }) => ({
     display: "flex",
@@ -12,6 +16,10 @@ const rhfAutocompleteSyles = {
    * @param {object} theme - The theme object.
    * @param {object} ownerState - The state of the owner component.
    * @returns {object} The styles for the label.
+   * @author Andrés Quintero - automatic
+   * @createdAt 2025-01-08 10:36:40 - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   label: ({ theme, ownerState }) => ({
     ...ownerState.disabled === true && {

package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts

@@ -3,5 +3,9 @@ import { RHFAutocompleteProps } from './types';
  * RHFAutocomplete component renders an autocomplete input field with various customization options.
  * @param props - The properties for the RHFAutocomplete component.
  * @returns The RHFAutocomplete component.
+ * @author Andrés Quintero - automatic
+ * @createdAt 2025-01-08 10:36:40 - automatic
+ * @updatedAt 2025-01-08 10:36:41 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare function RHFAutocomplete<T>(props: RHFAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFAutocomplete/types.d.ts

@@ -17,6 +17,7 @@ export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined =
     name: string;
     /**
      * The label for the autocomplete field.
+     * @createdAt 2025-01-08 10:36:40 - automatic
      */
     popperProps?: Omit<PopperProps, 'color'>;
     onFocus?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
@@ -40,6 +41,7 @@ export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined =
     label?: string;
     /**
      * Whether the controller detected an error on component.
+     * @createdAt 2025-01-08 10:36:40 - automatic
      */
     helperMessage?: string;
     onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;

package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.d.ts

@@ -3,5 +3,9 @@ import { RHFAutocompleteAsyncBaseProps } from './types';
  * RHFAutocompleteProps is a component that handles asynchronous autocomplete functionality.
  * @param props - The properties passed to the component.
  * @returns A React component.
+ * @author Andrés Quintero - automatic
+ * @createdAt 2025-01-08 10:36:40 - automatic
+ * @updatedAt 2025-01-08 10:36:41 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare function RHFAutocompleteAsync<T>(props: RHFAutocompleteAsyncBaseProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFColorPicker/RFHColorPicker.d.ts

@@ -5,7 +5,7 @@ import { RHFColorPickerProps } from './types';
  * @returns {JSX.Element} - Elemento JSX que representa el componente.
  * @author SebastianM - automatic
  * @createdAt 2024-11-06 09:00:05 - automatic
- * @updatedAt 2024-11-06 09:00:06 - automatic
- * @updatedUser SebastianM - automatic
+ * @updatedAt 2025-01-08 10:36:41 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const RHFColorPicker: (props: RHFColorPickerProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFColorPicker/RHFColorPicker.styles.d.ts

@@ -1,5 +1,6 @@
 import { RHFColorPickerStyles } from './types';
 /**
  * Estilos para el componente `RHFColorPicker`. Define los estilos de cada parte del componente, como el root, label, color, popover, sketch picker, y las acciones.
+ * @createdAt 2025-01-08 10:36:40 - automatic
  */
 export declare const rhfcolorPickerStyles: RHFColorPickerStyles;

package/components/hook-form/RHFColorPicker/RHFColorPicker.styles.js

@@ -2,6 +2,10 @@ const rhfcolorPickerStyles = {
   /**
    * Estilos para el elemento raíz del `RHFColorPicker`.
    * Aplica un layout de columna con un espacio entre los elementos basado en el tamaño de espaciado definido en el tema.
+   * @author Andrés Quintero - automatic
+   * @createdAt 2025-01-08 10:36:40 - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   root: ({ theme }) => ({
     display: "flex",
@@ -11,6 +15,10 @@ const rhfcolorPickerStyles = {
   /**
    * Estilos para el `Popover` dentro del `RHFColorPicker`.
    * Define la apariencia del `Popover`, como el borde, el padding y el estilo de los botones dentro del `Popover`.
+   * @author Andrés Quintero - automatic
+   * @createdAt 2025-01-08 10:36:40 - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   popover: ({ theme, ownerState }) => {
     return {
@@ -29,6 +37,10 @@ const rhfcolorPickerStyles = {
   /**
    * Estilos para el `SketchPicker`, que es el selector de colores dentro del `RHFColorPicker`.
    * Define el layout y la apariencia de las cajas de color, ajustando el diseño y el estilo de los elementos dentro del selector.
+   * @author Andrés Quintero - automatic
+   * @createdAt 2025-01-08 10:36:40 - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   sketchPicker: ({ theme }) => ({
     display: "flex",

package/components/hook-form/RHFPeriod/RHFPeriod.d.ts

@@ -3,7 +3,7 @@ import { RHFPeriodProps } from './types';
  * Componente que renderiza un campo de formulario para ingresar un período.
  * @author cesar - automatic
  * @createdAt 2024-12-27 15:03:02 - automatic
- * @updatedAt 2024-12-31 11:03:05 - automatic
- * @updatedUser cesar - automatic
+ * @updatedAt 2025-01-08 10:36:41 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const RHFPeriod: (props: RHFPeriodProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFPeriod/RHFPeriod.styles.js

@@ -1,14 +1,14 @@
 const rhfPeriodStyles = {
   /**
    * root class
-   * @updatedUser cesar - automatic
-   * @updatedAt 2025-01-03 14:54:18 - automatic
+   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
    * @createdAt 2024-12-27 16:45:26 - automatic
    * @author cesar - automatic
    * @author cesar - automatic
    * @createdAt 2024-11-21 08:55:01 - automatic
-   * @updatedAt 2025-01-03 14:54:18 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   root: ({ theme }) => ({
     width: "270px",
@@ -22,8 +22,8 @@ const rhfPeriodStyles = {
    * periodRoot class
    * @author cesar - automatic
    * @createdAt 2024-12-30 07:34:10 - automatic
-   * @updatedAt 2025-01-03 14:54:18 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   periodRoot: ({ theme }) => ({
     width: "100%",
@@ -36,8 +36,8 @@ const rhfPeriodStyles = {
    * textField class
    * @author cesar - automatic
    * @createdAt 2024-12-30 07:34:10 - automatic
-   * @updatedAt 2025-01-03 14:54:18 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   textField: ({ theme }) => ({
     borderRadius: "50px",
@@ -49,8 +49,8 @@ const rhfPeriodStyles = {
    * select class
    * @author cesar - automatic
    * @createdAt 2024-12-30 16:21:22 - automatic
-   * @updatedAt 2025-01-03 14:54:18 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2025-01-08 10:36:41 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   select: () => ({
     width: "100px"