valtech-components 2.0.192 → 2.0.194

package/lib/components/molecules/notes-box/types.d.ts

@@ -1,4 +1,15 @@
 import { Color } from '@ionic/core';
+/**
+ * Props for val-notes-box component.
+ *
+ * @property color - The background color of the box.
+ * @property textColor - The color of the text.
+ * @property prefix - Optional prefix text (bold).
+ * @property text - The main text content.
+ * @property size - The size of the text and box ('small' | 'medium' | 'large' | 'xlarge').
+ * @property rounded - Whether the box has rounded corners.
+ * @property padding - Custom padding for the box (optional).
+ */
 export interface NotesBoxMetadata {
     color: Color;
     textColor: Color;

package/lib/components/molecules/number-input/number-input.component.d.ts

@@ -2,6 +2,12 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class NumberInputComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the input.
+     * @property placeholder - The placeholder text.
+     */
     props: InputMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/password-input/password-input.component.d.ts

@@ -1,8 +1,14 @@
 import { OnInit } from '@angular/core';
-import { InputMetadata } from '../../types';
 import { IconService } from '../../../services/icons.service';
+import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class PasswordInputComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the input.
+     * @property placeholder - The placeholder text.
+     */
     props: InputMetadata;
     hidePassword: boolean;
     constructor(icon: IconService);

package/lib/components/molecules/pin-input/pin-input.component.d.ts

@@ -4,6 +4,11 @@ import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class PinInputComponent implements OnInit {
     pinCode: NgOtpInputComponent | undefined;
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the PIN input.
+     */
     props: InputMetadata;
     codeLength: number;
     otpInputConfig: NgOtpInputConfig;

package/lib/components/molecules/progress-status/progress-status.component.d.ts

@@ -2,6 +2,15 @@ import { OnInit } from '@angular/core';
 import { ProgressStatusMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class ProgressStatusComponent implements OnInit {
+    /**
+     * Progress status configuration object.
+     * @type {ProgressStatusMetadata}
+     * @property progress - The progress value (0 to 1).
+     * @property color - The color of the progress bar.
+     * @property size - The size of the text and bar.
+     * @property titles - Title block configuration.
+     * @property messages - Array of status messages.
+     */
     props: ProgressStatusMetadata;
     currentIndex: number;
     blinking: boolean;

package/lib/components/molecules/progress-status/types.d.ts

@@ -1,5 +1,15 @@
 import { Color } from '@ionic/core';
 import { TitleBlockMetada } from '../title-block/types';
+/**
+ * Props for val-progress-status component.
+ *
+ * @property progress - The progress value (0 to 1).
+ * @property titles - Title block configuration.
+ * @property color - The color of the progress bar.
+ * @property size - The size of the text and bar (optional).
+ * @property type - The type of progress bar (optional).
+ * @property messages - Array of status messages.
+ */
 export type ProgressStatusMetadata = {
     progress: number;
     titles: TitleBlockMetada;

package/lib/components/molecules/prompter/prompter.component.d.ts

@@ -2,6 +2,18 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { PrompterMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class PrompterComponent implements OnInit {
+    /**
+     * Prompter configuration object.
+     * @type {PrompterMetadata}
+     * @property content - The main text content.
+     * @property buttons - Array of button configurations (optional).
+     * @property hrefs - Array of link configurations (optional).
+     * @property color - The background color of the box.
+     * @property size - The size of the text and box.
+     * @property bordered - Whether the box has a border.
+     * @property padding - Custom padding for the box.
+     * @property teleprompter - Whether to use teleprompter style (optional).
+     */
     props: PrompterMetadata;
     onClick: EventEmitter<string>;
     constructor();

package/lib/components/molecules/prompter/types.d.ts

@@ -1,6 +1,18 @@
 import { Color } from '@ionic/core';
 import { HrefMetadata } from '../../atoms/href/types';
 import { ButtonMetadata } from '../../types';
+/**
+ * Props for val-prompter component.
+ *
+ * @property teleprompter - Whether to use teleprompter style.
+ * @property bordered - Whether the box has a border.
+ * @property color - The background color of the box (optional).
+ * @property content - The main text content.
+ * @property size - The size of the text and box ('small' | 'medium' | 'large' | 'xlarge').
+ * @property buttons - Array of button configurations (optional).
+ * @property hrefs - Array of link configurations (optional).
+ * @property padding - Custom padding for the box (optional).
+ */
 export type PrompterMetadata = {
     teleprompter: boolean;
     bordered: boolean;

package/lib/components/molecules/radio-input/radio-input.component.d.ts

@@ -2,6 +2,12 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class RadioInputComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the radio input.
+     * @property options - The available options for the radio group.
+     */
     props: InputMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/searchbar/searchbar.component.d.ts

@@ -1,14 +1,26 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SearchbarComponent {
+    /**
+     * Whether the searchbar is disabled.
+     */
     disabled: boolean;
+    /**
+     * Emits the search term on input.
+     */
+    filterEvent: EventEmitter<string>;
+    /**
+     * Emits when the searchbar gains focus.
+     */
     focusEvent: EventEmitter<void>;
+    /**
+     * Emits when the searchbar loses focus.
+     */
     blurEvent: EventEmitter<void>;
-    filterEvent: EventEmitter<string>;
     constructor();
     onSearch($event: any): void;
     onFocus(): void;
     onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchbarComponent, "val-searchbar", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; "filterEvent": "filterEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchbarComponent, "val-searchbar", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "filterEvent": "filterEvent"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; }, never, never, true, never>;
 }

package/lib/components/molecules/select-input/select-input.component.d.ts

@@ -2,6 +2,14 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class SearchSelectorComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the select input.
+     * @property label - The label for the select.
+     * @property options - The available options for the select.
+     * @property placeholder - The placeholder text.
+     */
     props: InputMetadata;
     customModalOptions: {
         header: string;

package/lib/components/molecules/select-search/select-search.component.d.ts

@@ -1,16 +1,23 @@
 import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { IonModal } from '@ionic/angular';
-import { ViewWillEnter } from '@ionic/angular/standalone';
 import { IconService } from '../../../services/icons.service';
 import { InputMetadata, InputOption } from '../../types';
 import * as i0 from "@angular/core";
-export declare class SelectSearchComponent implements ViewWillEnter, OnChanges, OnDestroy {
+export declare class SelectSearchComponent implements OnChanges, OnDestroy {
     modal: IonModal;
     label: string;
     labelProperty: string;
     valueProperty: string;
     multiple: boolean;
     placeholder: string;
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the select input.
+     * @property label - The label for the select.
+     * @property options - The available options for the select.
+     * @property placeholder - The placeholder text.
+     */
     props: InputMetadata;
     icon: IconService;
     private changeDetector;

package/lib/components/molecules/text-input/text-input.component.d.ts

@@ -2,6 +2,13 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class TextInputComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the input.
+     * @property placeholder - The placeholder text.
+     * @property label, name, hint, type, validators, etc. - See InputMetadata for all options.
+     */
     props: InputMetadata;
     states: {
         ENABLED: "ENABLED";

package/lib/components/molecules/title-block/title-block.component.d.ts

@@ -2,6 +2,14 @@ import { OnInit } from '@angular/core';
 import { TitleBlockMetada } from './types';
 import * as i0 from "@angular/core";
 export declare class TitleBlockComponent implements OnInit {
+    /**
+     * Title block configuration object.
+     * @type {TitleBlockMetada}
+     * @property title - Main title display configuration.
+     * @property aboveTitle - Title above the main title (optional).
+     * @property bellowTitle - Title below the main title (optional).
+     * @property position - Position of the block ('center', etc.).
+     */
     props: TitleBlockMetada;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/title-block/types.d.ts

@@ -1,4 +1,12 @@
 import { TitleMetadata } from '../../atoms/title/types';
+/**
+ * Title block configuration object.
+ * @type {TitleBlockMetada}
+ * @property title - Main title display configuration.
+ * @property aboveTitle - Title above the main title (optional).
+ * @property bellowTitle - Title below the main title (optional).
+ * @property position - Position of the block ('center', etc.).
+ */
 export type TitleBlockMetada = {
     position: 'center' | 'left' | 'right';
     title?: TitleMetadata;

package/lib/components/organisms/banner/types.d.ts

@@ -1,6 +1,20 @@
 import { Color } from '@ionic/core';
 import { ButtonGroupMetadata } from '../../molecules/button-group/types';
 import { TitleBlockMetada } from '../../molecules/title-block/types';
+/**
+ * Props for val-banner component.
+ *
+ * @property token - Optional identifier for the banner.
+ * @property image - Optional image for the banner.
+ * @property color - The background color of the banner.
+ * @property bordered - Whether the banner has a border.
+ * @property closable - Whether the banner can be closed.
+ * @property mode - Banner display mode ('row' | 'column' | 'hybrid' | 'center').
+ * @property alignment - Content alignment ('center' | 'middle' | 'bottom').
+ * @property actions - Button group configuration (optional).
+ * @property content - Title block content configuration.
+ * @property padding - Custom padding for the banner (optional).
+ */
 export type BannerMetadata = {
     token?: string;
     image?: string;

package/lib/components/organisms/footer/footer.component.d.ts

@@ -1,11 +1,35 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FooterMetadata } from './types';
 import * as i0 from "@angular/core";
+/**
+ * FooterComponent
+ *
+ * Componente de pie de página reutilizable para aplicaciones Ionic/Angular.
+ * Permite mostrar una barra de herramientas (toolbar) y contenido adicional.
+ *
+ * @example
+ * <val-footer [props]="footerProps" (onClick)="handleFooterAction($event)">
+ *   <div extra>Contenido extra</div>
+ * </val-footer>
+ *
+ * @input props {FooterMetadata} - Metadatos del pie de página y su toolbar.
+ * @output onClick - Emite el token de la acción clicada en la toolbar.
+ */
 export declare class FooterComponent implements OnInit {
+    /**
+     * Metadatos del pie de página y su toolbar.
+     */
     props: FooterMetadata;
+    /**
+     * Evento emitido al hacer click en una acción de la toolbar.
+     */
     onClick: EventEmitter<string>;
     constructor();
     ngOnInit(): void;
+    /**
+     * Emite el token de la acción clicada en la toolbar.
+     * @param token Token de la acción
+     */
     clickHandler(token?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "val-footer", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[extra]"], true, never>;

package/lib/components/organisms/footer/types.d.ts

@@ -1,4 +1,14 @@
+/**
+ * Tipos y metadatos para el componente FooterComponent.
+ * Permiten definir la configuración del pie de página y su barra de herramientas.
+ */
 import { ToolbarMetadata } from '../toolbar/types';
+/**
+ * Metadatos para el pie de página.
+ * @property translucent (opcional) Si el pie es translúcido.
+ * @property bordered (opcional) Si el pie tiene borde.
+ * @property toolbar Metadatos de la barra de herramientas a mostrar en el pie.
+ */
 export type FooterMetadata = {
     translucent?: boolean;
     bordered?: boolean;

package/lib/components/organisms/header/header.component.d.ts

@@ -2,10 +2,20 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { HeaderMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class HeaderComponent implements OnInit {
+    /**
+     * Metadatos del encabezado y su toolbar.
+     */
     props: HeaderMetadata;
+    /**
+     * Evento emitido al hacer click en una acción de la toolbar.
+     */
     onClick: EventEmitter<string>;
     constructor();
     ngOnInit(): void;
+    /**
+     * Emite el token de la acción clicada en la toolbar.
+     * @param token Token de la acción
+     */
     clickHandler(token?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "val-header", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;

package/lib/components/organisms/header/types.d.ts

@@ -1,4 +1,14 @@
+/**
+ * Tipos y metadatos para el componente HeaderComponent.
+ * Permiten definir la configuración del encabezado y su barra de herramientas.
+ */
 import { ToolbarMetadata } from '../toolbar/types';
+/**
+ * Metadatos para el encabezado.
+ * @property translucent (opcional) Si el encabezado es translúcido.
+ * @property bordered (opcional) Si el encabezado tiene borde.
+ * @property toolbar Metadatos de la barra de herramientas a mostrar en el encabezado.
+ */
 export type HeaderMetadata = {
     translucent?: boolean;
     bordered?: boolean;

package/lib/components/organisms/item-list/item-list.component.d.ts

@@ -10,13 +10,33 @@ export declare class ItemListComponent implements OnInit {
         ERROR: "ERROR";
     };
     defaultColor: string;
+    /**
+     * Metadatos de la lista y sus elementos.
+     */
     props: ListMetadata;
+    /**
+     * Evento emitido al hacer click en un elemento de la lista.
+     */
     onClick: EventEmitter<string>;
+    /**
+     * Evento emitido al hacer click en una acción de un elemento.
+     */
     onActionClick: EventEmitter<string>;
     constructor(icon: IconService);
     ngOnInit(): void;
+    /**
+     * Emite el token del elemento clicado.
+     * @param token Token del elemento
+     */
     clickHandler(token?: string): void;
+    /**
+     * Emite el token de la acción clicada.
+     * @param token Token de la acción
+     */
     onActionClickHandler(token?: string): void;
+    /**
+     * Devuelve el color de borde de la lista.
+     */
     color(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItemListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ItemListComponent, "val-item-list", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; "onActionClick": "onActionClick"; }, never, never, true, never>;

package/lib/components/organisms/item-list/types.d.ts

@@ -1,11 +1,45 @@
+/**
+ * Tipos y metadatos para el componente ItemListComponent.
+ * Permiten definir la estructura de los elementos de la lista, acciones y estilos.
+ */
 import { Color } from '@ionic/core';
 import { ComponentState } from '../../types';
+/**
+ * Representa una acción disponible en un elemento de la lista.
+ * @property token Identificador único de la acción.
+ * @property icon (opcional) Icono a mostrar.
+ * @property description Descripción de la acción.
+ * @property state Estado de la acción (habilitado, deshabilitado, trabajando, etc).
+ */
 export type ItemAction = {
     token: string;
     icon?: string;
     description: string;
     state: ComponentState;
 };
+/**
+ * Metadatos de un elemento individual de la lista.
+ * @property token (opcional) Identificador único del elemento.
+ * @property mode Modo de visualización ('justext', 'subtitule', 'avatar', 'icon', 'route', 'actionable').
+ * @property text Texto principal del elemento.
+ * @property image (opcional) Imagen para modo avatar.
+ * @property icon (opcional) Icono para modo icon.
+ * @property comments (opcional) Comentarios o notas.
+ * @property subtitle (opcional) Subtítulo.
+ * @property endNote (opcional) Nota al final del elemento.
+ * @property actions (opcional) Acciones disponibles para el elemento.
+ * @property color (opcional) Color personalizado.
+ * @property lines (opcional) Tipo de líneas ('full', 'inset', 'none').
+ * @property button (opcional) Si el elemento es un botón.
+ * @property detail (opcional) Si muestra detalles.
+ * @property clickable (opcional) Si es clicable.
+ * @property detailIcon (opcional) Icono de detalle.
+ * @property disabled (opcional) Si está deshabilitado.
+ * @property ellipsis (opcional) Si el texto debe cortarse con puntos suspensivos.
+ * @property href (opcional) Enlace externo.
+ * @property routerLink (opcional) Enlace de router Angular.
+ * @property unreadIndicator (opcional) Indicador de no leído.
+ */
 export interface ItemMetadata {
     token?: string;
     mode: 'justext' | 'subtitule' | 'avatar' | 'icon' | 'route' | 'actionable';
@@ -28,6 +62,15 @@ export interface ItemMetadata {
     routerLink?: string | any[];
     unreadIndicator?: boolean;
 }
+/**
+ * Metadatos de la lista de elementos.
+ * @property color Color principal de la lista.
+ * @property bordered Si la lista tiene borde.
+ * @property rounded Si la lista tiene bordes redondeados.
+ * @property shadowed Si la lista tiene sombra.
+ * @property title Título de la lista.
+ * @property items Elementos a mostrar en la lista.
+ */
 export interface ListMetadata {
     color: Color;
     bordered: boolean;

package/lib/components/organisms/no-content/no-content.component.d.ts

@@ -2,10 +2,20 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { NoContentMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class NoContentComponent implements OnInit {
+    /**
+     * Metadatos de la imagen y banners a mostrar.
+     */
     props: NoContentMetadata;
+    /**
+     * Evento emitido al hacer click en un banner.
+     */
     onClick: EventEmitter<string>;
     constructor();
     ngOnInit(): void;
+    /**
+     * Emite el token de acción del banner clicado.
+     * @param token Token de la acción
+     */
     onClickHandler(token: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoContentComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NoContentComponent, "val-no-content", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;

package/lib/components/organisms/no-content/types.d.ts

@@ -1,5 +1,15 @@
+/**
+ * Tipos y metadatos para el componente NoContentComponent.
+ * Permiten definir la imagen y los banners opcionales a mostrar en la pantalla de "sin contenido".
+ */
 import { ImageMetadata } from '../../atoms/image/types';
 import { BannerMetadata } from '../../organisms/banner/types';
+/**
+ * Metadatos para la pantalla de "sin contenido".
+ * @property image Imagen principal a mostrar.
+ * @property topContent (opcional) Banner superior.
+ * @property bottomContent Banner inferior.
+ */
 export type NoContentMetadata = {
     image: ImageMetadata;
     topContent?: BannerMetadata;

package/lib/components/organisms/toolbar/toolbar.component.d.ts

@@ -4,19 +4,56 @@ import { IconService } from '../../../services/icons.service';
 import { ToolbarAction, ToolbarActionType } from '../../types';
 import { ToolbarMetadata } from './types';
 import * as i0 from "@angular/core";
+/**
+ * ToolbarComponent
+ *
+ * Componente de barra de herramientas reutilizable para encabezados y pies de página.
+ * Permite acciones, botón de retroceso, menú y personalización de colores y título.
+ *
+ * @example
+ * <val-toolbar [props]="{ title: 'Mi App', withBack: true, actions: [...] }" (onClick)="handleToolbarAction($event)"></val-toolbar>
+ *
+ * @input props {ToolbarMetadata} - Metadatos de la barra de herramientas.
+ * @output onClick - Emite el token de la acción clicada.
+ */
 export declare class ToolbarComponent implements OnInit {
     private navCtrl;
+    /**
+     * Metadatos de la barra de herramientas.
+     */
     props: ToolbarMetadata;
+    /**
+     * Evento emitido al hacer click en una acción o botón de la barra.
+     */
     onClick: EventEmitter<string>;
     actionTypes: typeof ToolbarActionType;
     constructor(navCtrl: NavController, icon: IconService);
     ngOnInit(): void;
+    /**
+     * Emite el token de la acción clicada.
+     * @param token Token de la acción
+     */
+    clickHandler(token?: string): void;
+    /**
+     * Navega hacia atrás usando NavController.
+     */
     goBack(): void;
-    rightActions(): ToolbarAction[];
-    leftActions(): ToolbarAction[];
+    /**
+     * Determina si hay acciones a la derecha.
+     */
     someInRight(): boolean;
+    /**
+     * Determina si hay acciones a la izquierda.
+     */
     someInLeft(): boolean;
-    clickHandler(token?: string): void;
+    /**
+     * Devuelve las acciones de la derecha.
+     */
+    rightActions(): ToolbarAction[];
+    /**
+     * Devuelve las acciones de la izquierda.
+     */
+    leftActions(): ToolbarAction[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "val-toolbar", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[toolbar-bottom]"], true, never>;
 }

package/lib/components/organisms/toolbar/types.d.ts

@@ -1,5 +1,20 @@
+/**
+ * Tipos y metadatos para el componente ToolbarComponent.
+ * Permiten definir el título, acciones, colores y opciones de navegación de la barra de herramientas.
+ */
 import { Color } from '@ionic/core';
 import { ToolbarAction } from '../../types';
+/**
+ * Metadatos para la barra de herramientas.
+ * @property withBack Si muestra botón de retroceso.
+ * @property withMenu (opcional) Si muestra botón de menú.
+ * @property backText (opcional) Texto del botón de retroceso.
+ * @property withActions Si muestra acciones.
+ * @property color (opcional) Color de fondo.
+ * @property textColor (opcional) Color del texto.
+ * @property title Título de la barra.
+ * @property actions Acciones disponibles en la barra.
+ */
 export type ToolbarMetadata = {
     withBack: boolean;
     withMenu?: boolean;

package/lib/components/organisms/wizard/types.d.ts

@@ -1,18 +1,40 @@
+/**
+ * Tipos y metadatos para el componente WizardComponent.
+ * Permiten definir los pasos, botones, estado y navegación del wizard.
+ */
 import { ButtonMetadata, ComponentState } from '../../types';
 import { NoContentMetadata } from '../no-content/types';
+/**
+ * Metadatos del wizard.
+ * @property state Estado global del wizard.
+ * @property current Paso actual.
+ * @property steps Colección de pasos.
+ * @property error Paso de error.
+ */
 export type WizardMetadata = {
     state: ComponentState;
     current: number;
     steps: Steps;
     error: Step;
 };
+/**
+ * Representa un paso del wizard.
+ * @property titles Metadatos de "no contenido" para el paso.
+ * @property buttons Botones disponibles en el paso.
+ */
 export type Step = {
     titles: NoContentMetadata;
     buttons: ButtonMetadata[];
 };
+/**
+ * Colección de pasos del wizard, indexados por número de paso.
+ */
 export type Steps = {
     [step: number]: Step;
 };
+/**
+ * Enumera los posibles movimientos de navegación en el wizard.
+ */
 export declare enum MOTION {
     BACKWARD = 0,
     FORWARD = 1,