@litigiovirtual/ius-design-components 2.2.8 → 2.2.9

package/types/litigiovirtual-ius-design-components.d.ts

@@ -1,8 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, OnInit, TemplateRef, ElementRef, Signal } from '@angular/core';
+import { OnDestroy, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, OnInit, TemplateRef, ElementRef, Signal, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { SafeHtml } from '@angular/platform-browser';
+import { SafeHtml, SafeResourceUrl } from '@angular/platform-browser';
 import * as _litigiovirtual_ius_design_components from '@litigiovirtual/ius-design-components';
+import { CdkDrag, CdkDragStart, CdkDragDrop } from '@angular/cdk/drag-drop';
 
 /** Jerarquía visual. `danger` = destructivo (color semántico, no accent). */
 type IusButtonVariant = 'primary' | 'outline' | 'secondary' | 'tertiary' | 'danger';
@@ -68,6 +69,11 @@ declare class ButtonComponent implements OnDestroy {
      * `...rest`/`aria-label` del golden; lo usa OAuthButton al componer).
      */
     ariaLabel?: string;
+    /**
+     * `aria-current` del `<button>` (mismo passthrough `...rest`; lo usa
+     * Pagination para marcar la página activa con `'page'`).
+     */
+    ariaCurrent?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
     /** Acción del modo `dynamic`; su resolución decide success/error (§3). */
     action?: (event: MouseEvent) => Promise<IusButtonActionResult> | IusButtonActionResult;
     /**
@@ -92,7 +98,7 @@ declare class ButtonComponent implements OnDestroy {
     ngOnDestroy(): void;
     protected handleClick(event: MouseEvent): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ius-button", never, { "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "sufixIcon": { "alias": "sufixIcon"; "required": false; }; "dynamic": { "alias": "dynamic"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "status": { "alias": "status"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "action": { "alias": "action"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ius-button", never, { "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "sufixIcon": { "alias": "sufixIcon"; "required": false; }; "dynamic": { "alias": "dynamic"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "status": { "alias": "status"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaCurrent": { "alias": "ariaCurrent"; "required": false; }; "action": { "alias": "action"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
     static ngAcceptInputType_dynamic: unknown;
     static ngAcceptInputType_loading: unknown;
     static ngAcceptInputType_disabled: unknown;
@@ -594,6 +600,11 @@ declare class TextFieldComponent implements ControlValueAccessor {
     protected get hint(): string | undefined;
     protected get showHint(): boolean;
     protected get showClearComputed(): boolean;
+    /**
+     * Slot estable del golden: salvo `showClear=false` o disabled, el botón queda en el
+     * flujo (oculto sin valor) para que aparecer/desaparecer no cambie ancho ni alto.
+     */
+    protected get clearReserved(): boolean;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -796,7 +807,7 @@ declare class CountdownComponent {
     /** Muestra el aro sincronizado. */
     readonly showRing: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Lado del aro. */
-    readonly ringPlacement: _angular_core.InputSignal<"start" | "end">;
+    readonly ringPlacement: _angular_core.InputSignal<"end" | "start">;
     /** Sentido del aro (por defecto: regresiva vacía, ascendente llena). */
     readonly ringInverse: _angular_core.InputSignal<boolean | undefined>;
     /** Tono del número y del aro. */
@@ -864,7 +875,7 @@ declare class AlertComponent {
     /** Tamaño. */
     readonly size: _angular_core.InputSignal<AlertSize>;
     /** Estilo del borde. */
-    readonly border: _angular_core.InputSignal<"none" | "solid" | "dashed">;
+    readonly border: _angular_core.InputSignal<"solid" | "none" | "dashed">;
     /** Título tonal en negrita. */
     readonly title: _angular_core.InputSignal<string | undefined>;
     /** Línea superior breve (uppercase). */
@@ -882,9 +893,9 @@ declare class AlertComponent {
     /** Divisor sobre la fila de acciones. */
     readonly actionsDivider: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Alineación (auto: `center` si hay `trailing` sin `actions`). */
-    readonly align: _angular_core.InputSignal<"start" | "center" | undefined>;
+    readonly align: _angular_core.InputSignal<"center" | "start" | undefined>;
     /** `status` (default, no interrumpe) o `alert` (asertivo). */
-    readonly role: _angular_core.InputSignal<"alert" | "status">;
+    readonly role: _angular_core.InputSignal<"status" | "alert">;
     /** Al pulsar × (original: `onClose`). */
     readonly closed: _angular_core.OutputEmitterRef<void>;
     private readonly actionsRef;
@@ -893,7 +904,7 @@ declare class AlertComponent {
     protected readonly hasTrailing: _angular_core.Signal<boolean>;
     /** trailing y actions son excluyentes: si hay ambos, gana actions. */
     protected readonly showTrailing: _angular_core.Signal<boolean>;
-    protected readonly computedAlign: _angular_core.Signal<"start" | "center">;
+    protected readonly computedAlign: _angular_core.Signal<"center" | "start">;
     protected readonly iconName: _angular_core.Signal<string | null>;
     protected readonly chip: _angular_core.Signal<boolean>;
     protected readonly showHead: _angular_core.Signal<boolean>;
@@ -1024,7 +1035,7 @@ declare class CheckboxComponent implements ControlValueAccessor {
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    protected onToggle(): void;
+    protected onToggle(event: Event): void;
     protected onBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ius-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
@@ -1140,6 +1151,13 @@ declare class IconButtonComponent implements OnInit {
      * golden; lo usa AnswerFeedback al componer los pulgares como toggles).
      */
     ariaPressed?: boolean;
+    /**
+     * Passthrough `aria-expanded`/`aria-controls` al `<button>` (equivalente del
+     * `...rest` del golden; los usa Table en los disparadores de filas
+     * expandibles y agrupadas).
+     */
+    ariaExpanded?: boolean;
+    ariaControls?: string;
     /** Colocación del tooltip. */
     tooltipPlacement: IusPopoverPlacement;
     /** Emite al pulsar. Nunca `click` (colisión con el nativo del host). */
@@ -1148,7 +1166,7 @@ declare class IconButtonComponent implements OnInit {
     protected get computedLabel(): string;
     protected onClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconButtonComponent, "ius-icon-button", never, { "icon": { "alias": "icon"; "required": true; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconButtonComponent, "ius-icon-button", never, { "icon": { "alias": "icon"; "required": true; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 
@@ -2362,7 +2380,7 @@ declare class DescriptionListComponent {
     /** Solo grid: pares por fila (los `span` de una fila deben sumar `columns`). */
     readonly columns: _angular_core.InputSignal<number>;
     /** Solo inline: valor pegado a la etiqueta (start) o al borde derecho (end). */
-    readonly valueAlign: _angular_core.InputSignal<"start" | "end">;
+    readonly valueAlign: _angular_core.InputSignal<"end" | "start">;
     /** Hairline entre filas (inline/stacked; ignorado en grid). */
     readonly divider: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** `tabular-nums` en valores string (override por ítem con `item.tabular`). */
@@ -4371,6 +4389,173 @@ declare class ModalComponent implements AfterViewInit, OnDestroy {
     static ngAcceptInputType_zIndex: unknown;
 }
 
+type IusDocumentViewerVariant = 'overlay' | 'inline';
+type IusDocumentViewerKind = 'pdf' | 'image' | 'video' | 'audio';
+/** Motivo del cierre emitido por `closed`. */
+type IusDocumentViewerCloseReason = 'close' | 'esc' | 'scrim';
+/** Pasos de zoom en % (`DocumentViewer.ZOOM_STEPS` del golden). */
+declare const IUS_DOCUMENT_VIEWER_ZOOM_STEPS: readonly number[];
+/** Tipo de vista: el explícito, o por extensión de `name`/`src` (imagen, video, audio; el resto PDF). */
+declare function resolveViewKind(kind?: string | null, name?: string | null, src?: string | null): IusDocumentViewerKind;
+/** Acciones de la cabecera, antes de cerrar: `<div iusDocViewerActions>…</div>`. */
+declare class IusDocViewerActionsDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDocViewerActionsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDocViewerActionsDirective, "[iusDocViewerActions]", never, {}, {}, never, never, true, never>;
+}
+/** Contenido de la columna de detalles (se monta en `ius-detail-side-panel`). */
+declare class IusDocViewerAsideDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDocViewerAsideDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDocViewerAsideDirective, "[iusDocViewerAside]", never, {}, {}, never, never, true, never>;
+}
+/** Cuerpo a medida (p. ej. páginas renderizadas con pdf.js): reemplaza iframe/imagen. */
+declare class IusDocViewerBodyDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDocViewerBodyDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDocViewerBodyDirective, "[iusDocViewerBody]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * DocumentViewer — Ius Design v2 (familia overlays).
+ *
+ * Previsualiza un PDF, una imagen, un video o un audio sin descargarlo. En
+ * `overlay` (default) se portalea a `document.body` con CDK Overlay: scrim en
+ * `--ius-z-modal`, scroll-lock, focus-trap, foco inicial en «Cerrar» y
+ * restauración al cerrar. En `inline` ocupa su contenedor (`role="region"`),
+ * sin scrim; cerrar pasa a «Volver» y Esc solo actúa con el foco dentro.
+ *
+ * Compone FileTypeIcon, IconButton, Pagination, Loading, StatusState y
+ * DetailSidePanel; no introduce controles propios. Confirmaciones → Modal;
+ * formularios → Drawer.
+ * Fuente de verdad: `DocumentViewer.jsx` + `.d.ts` + `DocumentViewer.ng-spec.md`.
+ *
+ * Outputs como `EventEmitter` porque el contrato depende de si hay listener:
+ * sin `prev`/`next` las flechas quedan deshabilitadas, sin `fullscreen` no hay
+ * botón, sin `retry` el error no ofrece «Reintentar» y sin `zoomChange` el zoom
+ * no se muestra salvo que lo pida `showZoom` o se enlace `zoom`.
+ */
+declare class DocumentViewerComponent implements OnDestroy {
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly sanitizer;
+    private readonly injector;
+    private readonly document;
+    protected readonly titleId: string;
+    readonly variant: _angular_core.InputSignal<IusDocumentViewerVariant>;
+    /** Apertura (controlado). */
+    readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * URL del archivo. Office: la URL del PDF convertido en el servidor con `kind="pdf"`.
+     * Debe ser de confianza (la emite el servidor): el PDF la monta en un iframe sin sanear.
+     */
+    readonly src: _angular_core.InputSignal<string | undefined>;
+    /** Nombre del archivo en la cabecera y nombre accesible; su extensión da el ícono. */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    /** Nombre rico como plantilla (alternativa a `name`). */
+    readonly nameTemplate: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Tipo de vista. Sin él, por extensión de `name` o `src`. */
+    readonly kind: _angular_core.InputSignal<IusDocumentViewerKind | undefined>;
+    /** Solo video: portada antes de reproducir. */
+    readonly poster: _angular_core.InputSignal<string | undefined>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loadingLabel: _angular_core.InputSignal<string>;
+    /** `true` (o el atributo suelto) usa la descripción por defecto; un texto la reemplaza. */
+    readonly error: _angular_core.InputSignalWithTransform<string | boolean, string | boolean | null | undefined>;
+    /** Página actual (controlado, base 1). Para PDF va como `#page=N`. */
+    readonly page: _angular_core.InputSignal<number | undefined>;
+    readonly defaultPage: _angular_core.InputSignal<number>;
+    /** Total de páginas; con más de una, el pie muestra la paginación compacta. */
+    readonly pageCount: _angular_core.InputSignal<number | undefined>;
+    /** Zoom en % (controlado). Pasos 50 · 75 · 100 · 125 · 150 · 200. */
+    readonly zoom: _angular_core.InputSignal<number | undefined>;
+    readonly defaultZoom: _angular_core.InputSignal<number>;
+    /** Default: visible si se enlaza `zoom` o `zoomChange`. */
+    readonly showZoom: _angular_core.InputSignal<boolean | undefined>;
+    readonly asideTitle: _angular_core.InputSignal<string>;
+    readonly asideWidth: _angular_core.InputSignal<string | number>;
+    readonly asideCollapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Detalles expandidos (controlado). */
+    readonly asideOpen: _angular_core.InputSignal<boolean | undefined>;
+    readonly defaultAsideOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Posición del archivo (base 0) y total, para «N de M» entre las flechas. */
+    readonly fileIndex: _angular_core.InputSignal<number | undefined>;
+    readonly fileCount: _angular_core.InputSignal<number | undefined>;
+    /** Solo `overlay`. */
+    readonly closeOnScrim: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly closeOnEsc: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Sobrescribe el plano (default `var(--ius-z-modal)`). */
+    readonly zIndex: _angular_core.InputSignal<number | undefined>;
+    /** Nombre accesible cuando no hay `name`. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Original `onClose(reason)`. */
+    readonly closed: EventEmitter<IusDocumentViewerCloseReason>;
+    /** Original `onPageChange`. */
+    readonly pageChange: EventEmitter<number>;
+    /** Original `onZoomChange`. */
+    readonly zoomChange: EventEmitter<number>;
+    /** Original `onAsideOpenChange`. */
+    readonly asideOpenChange: EventEmitter<boolean>;
+    /** Original `onPrev`; sin listener la flecha queda deshabilitada. */
+    readonly prev: EventEmitter<void>;
+    /** Original `onNext`; sin listener la flecha queda deshabilitada. */
+    readonly next: EventEmitter<void>;
+    /** Original `onFullscreen`; con listener aparece «Pantalla completa». */
+    readonly fullscreen: EventEmitter<void>;
+    /** Original `onRetry`; con listener el error muestra «Reintentar». */
+    readonly retry: EventEmitter<void>;
+    protected readonly actionsRef: _angular_core.Signal<IusDocViewerActionsDirective | undefined>;
+    protected readonly asideRef: _angular_core.Signal<IusDocViewerAsideDirective | undefined>;
+    protected readonly bodyRef: _angular_core.Signal<IusDocViewerBodyDirective | undefined>;
+    private readonly overlayTpl;
+    private readonly mainEl;
+    /** `.ius-docv__main` mide 560px o menos: los detalles bajan bajo el documento. */
+    protected readonly narrow: _angular_core.WritableSignal<boolean>;
+    private readonly pageInt;
+    private readonly zoomInt;
+    private readonly asideInt;
+    /** El `<video>`/`<audio>` no pudo reproducir; se limpia al cambiar `src`. */
+    protected readonly mediaFailed: _angular_core.WritableSignal<boolean>;
+    /** Cambiarlo re-monta el reproductor (Reintentar tras un fallo de medios). */
+    protected readonly mediaKey: _angular_core.WritableSignal<number>;
+    protected readonly naturalWidth: _angular_core.WritableSignal<number>;
+    protected readonly inline: _angular_core.Signal<boolean>;
+    protected readonly currentPage: _angular_core.Signal<number>;
+    protected readonly hasPaging: _angular_core.Signal<boolean>;
+    protected readonly currentZoom: _angular_core.Signal<number>;
+    protected readonly asideIsOpen: _angular_core.Signal<boolean>;
+    protected readonly viewKind: _angular_core.Signal<IusDocumentViewerKind>;
+    protected readonly isMedia: _angular_core.Signal<boolean>;
+    protected readonly hasName: _angular_core.Signal<boolean>;
+    protected readonly pdfUrl: _angular_core.Signal<SafeResourceUrl | null>;
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    protected readonly errorDescription: _angular_core.Signal<string>;
+    protected readonly bodyIsPdf: _angular_core.Signal<boolean>;
+    protected readonly zoomed: _angular_core.Signal<boolean>;
+    protected readonly imageWidth: _angular_core.Signal<string | null>;
+    protected readonly canZoomOut: _angular_core.Signal<boolean>;
+    protected readonly canZoomIn: _angular_core.Signal<boolean>;
+    protected readonly showFilePos: _angular_core.Signal<boolean>;
+    private overlayRef;
+    private keydownSub;
+    private focusToRestore;
+    constructor();
+    ngOnDestroy(): void;
+    protected get zoomVisible(): boolean;
+    protected get showFoot(): boolean;
+    protected get hasFileNav(): boolean;
+    protected get retryAction(): IusEmptyStateAction | undefined;
+    private attach;
+    private detach;
+    protected onScrimMouseDown(event: MouseEvent): void;
+    protected onHostKeydown(event: KeyboardEvent): void;
+    protected goPage(page: number): void;
+    protected zoomOut(): void;
+    protected zoomIn(): void;
+    private setZoom;
+    protected onAsideCollapsedChange(collapsed: boolean): void;
+    protected onImageLoad(event: Event): void;
+    protected onRetry(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocumentViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocumentViewerComponent, "ius-document-viewer", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "nameTemplate": { "alias": "nameTemplate"; "required": false; "isSignal": true; }; "kind": { "alias": "kind"; "required": false; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "defaultPage": { "alias": "defaultPage"; "required": false; "isSignal": true; }; "pageCount": { "alias": "pageCount"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "defaultZoom": { "alias": "defaultZoom"; "required": false; "isSignal": true; }; "showZoom": { "alias": "showZoom"; "required": false; "isSignal": true; }; "asideTitle": { "alias": "asideTitle"; "required": false; "isSignal": true; }; "asideWidth": { "alias": "asideWidth"; "required": false; "isSignal": true; }; "asideCollapsible": { "alias": "asideCollapsible"; "required": false; "isSignal": true; }; "asideOpen": { "alias": "asideOpen"; "required": false; "isSignal": true; }; "defaultAsideOpen": { "alias": "defaultAsideOpen"; "required": false; "isSignal": true; }; "fileIndex": { "alias": "fileIndex"; "required": false; "isSignal": true; }; "fileCount": { "alias": "fileCount"; "required": false; "isSignal": true; }; "closeOnScrim": { "alias": "closeOnScrim"; "required": false; "isSignal": true; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "pageChange": "pageChange"; "zoomChange": "zoomChange"; "asideOpenChange": "asideOpenChange"; "prev": "prev"; "next": "next"; "fullscreen": "fullscreen"; "retry": "retry"; }, ["actionsRef", "asideRef", "bodyRef"], ["[iusDocViewerActions]", "[iusDocViewerBody]", "[iusDocViewerAside]"], true, never>;
+}
+
 /**
  * Rol tipográfico → clase de escala (`typography.css`). `body` es alias de
  * `body-base`. Mapa exacto en VARIANT_CLASS/DEFAULT_TAG.
@@ -4554,6 +4739,168 @@ declare class SegmentedControlComponent implements ControlValueAccessor {
     static ngAcceptInputType_disabled: unknown;
 }
 
+/**
+ * SelectNumber — Ius Design v2.
+ *
+ * Variante **compacta y sin label** del Select para elegir un número dentro de
+ * un rango: página actual de un paginador, filas por página, cantidades
+ * acotadas. Sin caja de búsqueda, footprint reducido y valor en
+ * `tabular-nums`. Para listas de texto, búsqueda o multiselección → Select.
+ *
+ * Envoltorio delgado sobre `ius-select` (`compact`, sin búsqueda, sin label,
+ * opciones = rango numérico), igual que el golden: cualquier ajuste de
+ * comportamiento se hace en Select. Implementa `ControlValueAccessor`
+ * numérico y además soporta `[(value)]`.
+ *
+ * Fuente de verdad: `components/inputs/SelectNumber/SelectNumber.jsx` + `.d.ts`
+ * + `SelectNumber.ng-spec.md`.
+ */
+declare class SelectNumberComponent implements ControlValueAccessor, OnInit {
+    private readonly minState;
+    /** Primer número del rango (inclusive). */
+    set min(value: number);
+    get min(): number;
+    private readonly maxState;
+    /** Último número del rango (inclusive). Requerido si no se pasan `options`. */
+    set max(value: number | undefined);
+    get max(): number | undefined;
+    private readonly optionsState;
+    /** Lista explícita de números (ignora `min`/`max`). */
+    set options(value: number[] | undefined);
+    get options(): number[] | undefined;
+    private readonly valueState;
+    private hasExplicitValue;
+    /** Valor controlado (CVA / `[(value)]`). */
+    set value(value: number | null | undefined);
+    get value(): number | null;
+    /** Valor inicial no controlado. Default: el primer número (`min`). */
+    defaultValue?: number;
+    /** Opciones visibles antes de hacer scroll. */
+    maxVisible: number;
+    /** Estado de error. */
+    error: boolean;
+    private readonly disabledState;
+    /** Estado deshabilitado. */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /** Tamaño del campo: small ~34 · medium ~40 (default) · large ~48px. */
+    size: IusSelectSize;
+    /** Estado forzado — **solo demos**. */
+    state?: IusSelectState;
+    /** Botón de limpiar. Off por defecto: un número siempre tiene valor. */
+    showClear: boolean;
+    /** `id` del campo. */
+    id?: string;
+    /** Número elegido (original `onChange`). `null` solo al limpiar con `showClear`. */
+    readonly valueChange: EventEmitter<number | null>;
+    protected readonly nums: _angular_core.Signal<number[]>;
+    protected readonly selectOptions: _angular_core.Signal<SelectOption[]>;
+    protected readonly current: _angular_core.Signal<number | null>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    writeValue(value: number | null): void;
+    registerOnChange(fn: (value: number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onSelect(value: IusSelectValue | IusSelectValue[] | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectNumberComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectNumberComponent, "ius-select-number", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "maxVisible": { "alias": "maxVisible"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ngAcceptInputType_min: unknown;
+    static ngAcceptInputType_maxVisible: unknown;
+    static ngAcceptInputType_error: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_showClear: unknown;
+}
+
+/** Forma del paginador. */
+type IusPaginationVariant = 'numbered' | 'compact';
+/** Tamaño: small ~32 · medium ~40 (default) · large ~48px. */
+type IusPaginationSize = 'small' | 'medium' | 'large';
+/** Fila de página ya normalizada para el template. */
+interface PageRow {
+    ellipsis: boolean;
+    value?: number;
+}
+/**
+ * Pagination — Ius Design v2.
+ *
+ * Navegación entre páginas de una lista o tabla larga. `numbered`: prev/next +
+ * números con elipsis (activa en primario, resto tertiary). `compact`:
+ * first/prev + «Página [SelectNumber] de N» + next/last. Opcionalmente muestra
+ * el conteo «1–25 de 1.234 procesos» y el selector de filas por página.
+ * Controlada (`page` + `pageChange`) o no controlada (`defaultPage`).
+ *
+ * Compone `ius-button`, `ius-icon-button` e `ius-select-number`. El host es el
+ * `<nav>` del golden (`role="navigation"` + `aria-label`).
+ *
+ * Fuente de verdad: `components/navigation/Pagination/Pagination.jsx` + `.d.ts`
+ * + `Pagination.ng-spec.md`.
+ */
+declare class PaginationComponent implements OnInit {
+    /** Forma del paginador. */
+    variant: IusPaginationVariant;
+    /** Página actual (controlado, base 1). */
+    page?: number;
+    /** Página inicial no controlada. */
+    defaultPage: number;
+    /** Total de páginas. Sin él, se calcula con `total` / `pageSize`. */
+    totalPages?: number;
+    /** Total de elementos: deriva `totalPages` y alimenta el conteo. */
+    total?: number;
+    /** Elementos por página. */
+    pageSize: number;
+    /** Con opciones, muestra el selector de filas por página. */
+    pageSizeOptions?: number[];
+    /** Conteo «1–25 de 1.234 procesos» a la izquierda (requiere `total`). */
+    showCount: boolean;
+    /** Sustantivo del conteo. */
+    countNoun: string;
+    /** Páginas vecinas a cada lado de la actual (`numbered`). */
+    siblingCount: number;
+    /** Páginas fijas en cada extremo (`numbered`). */
+    boundaryCount: number;
+    /** Tamaño de la fila. */
+    size: IusPaginationSize;
+    /** Deshabilita toda la navegación. */
+    disabled: boolean;
+    /** Cambio de página, base 1 (original `onPageChange`). */
+    readonly pageChange: EventEmitter<number>;
+    /** Cambio de filas por página (original `onPageSizeChange`). */
+    readonly pageSizeChange: EventEmitter<number>;
+    private readonly internalPage;
+    ngOnInit(): void;
+    protected get preset(): {
+        h: number;
+        icon: string;
+        fs: string;
+        gap: number;
+    };
+    protected get currentPage(): number;
+    protected get effTotalPages(): number;
+    protected get atStart(): boolean;
+    protected get atEnd(): boolean;
+    protected get pageRows(): PageRow[];
+    protected get hasPageSizeOptions(): boolean;
+    protected get showCountBlock(): boolean;
+    protected get countRanged(): boolean;
+    protected get countFrom(): string;
+    protected get countTo(): string;
+    protected fmt(n: number): string;
+    protected goTo(next: number): void;
+    protected onSelectPage(value: number | null): void;
+    protected onSelectPageSize(value: number | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ius-pagination", never, { "variant": { "alias": "variant"; "required": false; }; "page": { "alias": "page"; "required": false; }; "defaultPage": { "alias": "defaultPage"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "total": { "alias": "total"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; "countNoun": { "alias": "countNoun"; "required": false; }; "siblingCount": { "alias": "siblingCount"; "required": false; }; "boundaryCount": { "alias": "boundaryCount"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+    static ngAcceptInputType_defaultPage: unknown;
+    static ngAcceptInputType_pageSize: unknown;
+    static ngAcceptInputType_showCount: unknown;
+    static ngAcceptInputType_siblingCount: unknown;
+    static ngAcceptInputType_boundaryCount: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
 /**
  * Un paso del asistente.
  *
@@ -4593,16 +4940,21 @@ interface WizardApi {
     goTo(next: number | ((prev: number) => number)): void;
 }
 interface UseWizardOptions {
-    /** Pasos del flujo. */
-    steps: WizardStep[];
+    /**
+     * Pasos del flujo. Con un `Signal` la lista es reactiva (el golden recalcula
+     * `total` en cada render): `total`, `current` e `isLast` siguen sus cambios
+     * y el paso se acota al nuevo total.
+     */
+    steps: WizardStep[] | Signal<WizardStep[]>;
     /** Paso inicial (no controlado). Default 1. */
     defaultStep?: number;
     /**
-     * Paso inicial controlado (1-based). En el port Angular el estado siempre
-     * vive en el controller (signal); pásalo para sembrar el paso inicial y
-     * observa los cambios con `onStepChange` / fuérzalos con `goTo`.
+     * Paso controlado (1-based). Con un `Signal` el estado lo gobierna el
+     * consumidor, como en el golden: `api.step` lo lee y `next`/`back`/`goTo` solo
+     * avisan por `onStepChange`, que es quien debe actualizarlo. Un número fijo
+     * solo siembra el paso inicial (no hay re-render que lo vuelva a pasar).
      */
-    step?: number;
+    step?: number | Signal<number>;
     /** Cambio de paso (recibe el nuevo paso 1-based). */
     onStepChange?: (step: number) => void;
     /** Se dispara al pulsar "siguiente" en el último paso (cierre del flujo). */
@@ -4610,18 +4962,24 @@ interface UseWizardOptions {
 }
 /**
  * Controller de estado del Wizard — equivalente Angular del hook `Wizard.use`
- * de React (ng-spec §2). El paso vive en un `signal` interno, así que leer
+ * de React (ng-spec §2). Pasos y paso viven en signals, así que leer
  * `api.step` / `api.current` / `api.isLast` en una plantilla registra la
  * dependencia y refresca los componentes `OnPush` que consumen la `api`.
+ *
+ * El constructor no escribe en ningún signal: se puede crear dentro de un
+ * `computed`.
  */
 declare class WizardController implements WizardApi {
-    readonly steps: WizardStep[];
-    private readonly _step;
-    /** Señal de solo lectura del paso (por si el consumidor la quiere directa). */
+    private readonly stepsSource;
+    private readonly stepSource;
+    /** Solo existe en modo no controlado. */
+    private readonly internal?;
+    /** Señal de solo lectura del paso (1-based, acotado al total). */
     readonly step$: Signal<number>;
     private readonly onStepChange?;
     private readonly onFinish?;
     constructor(options: UseWizardOptions);
+    get steps(): WizardStep[];
     get total(): number;
     get step(): number;
     get index(): number;
@@ -4648,12 +5006,8 @@ declare function createWizard(options: UseWizardOptions): WizardApi;
  * misma `api`. Distinto del `Stepper` (indicador display-only).
  *
  * El estado lo gobierna el controller `createWizard(...)` (ver `wizard.ts`),
- * espejo del hook `Wizard.use` de React (ng-spec §2).
- *
- * Nota del port: el indicador por defecto del golden es `LinearProgressBar`
- * (aún no portado); aquí se inlinea su modo "steps" (`.ius-lpb`, fill/rest)
- * fiel al golden. Cuando exista `ius-linear-progress-bar`, reemplazar por
- * composición sin cambiar la API. `indicator` permite pasar un nodo propio.
+ * espejo del hook `Wizard.use` de React (ng-spec §2). El indicador por defecto
+ * es `ius-linear-progress-bar` en modo pasos; `indicator` lo reemplaza.
  */
 declare class WizardComponent {
     /** API de `createWizard(...)`. */
@@ -4668,9 +5022,6 @@ declare class WizardComponent {
     stepWord: string;
     /** Palabra para "de". */
     ofWord: string;
-    /** Porcentaje del indicador (step/total), espejo del modo stepped del LPB. */
-    protected get percent(): number;
-    protected get ariaNow(): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WizardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardComponent, "ius-wizard", never, { "api": { "alias": "api"; "required": true; }; "showIndicator": { "alias": "showIndicator"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "showStepLabel": { "alias": "showStepLabel"; "required": false; }; "stepWord": { "alias": "stepWord"; "required": false; }; "ofWord": { "alias": "ofWord"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_showIndicator: unknown;
@@ -6257,12 +6608,33 @@ type IusToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right'
 declare const IUS_TOAST_DEFAULT_ICON: Record<IusToastTone, string>;
 /** Auto-cierre por defecto, en ms (golden: `duration === undefined ? 5000`). */
 declare const IUS_TOAST_DEFAULT_DURATION = 5000;
+/**
+ * Contexto con el que se pinta la plantilla `action`.
+ *
+ * En el golden `action` es un `ReactNode` que se arma en cada llamada y lleva
+ * en su closure los datos de ESE toast. Una `TemplateRef` se declara una sola
+ * vez, así que los datos le llegan aquí: una misma plantilla sirve a varios
+ * toasts vivos a la vez.
+ *
+ * ```html
+ * <ng-template #abrirTpl let-reporte let-dismiss="dismiss">
+ *   <ius-text-button size="small" label="Abrir" (clicked)="abrir(reporte); dismiss()" />
+ * </ng-template>
+ * ```
+ */
+interface IusToastActionContext<T = unknown> {
+    /** El `actionContext` del toast (`let-x`). */
+    $implicit: T;
+    /** Cierra este toast con su animación de salida, igual que el ×. */
+    dismiss: () => void;
+}
 /**
  * Opciones con las que `ToastService` dispara un toast.
  *
  * Nota de port: `action` es `React.ReactNode` en el golden; por la regla
  * transversal 6 del monorepo (render/content de React → `TemplateRef`) aquí
- * viaja como plantilla, que es lo único proyectable desde una llamada TS.
+ * viaja como plantilla, que es lo único proyectable desde una llamada TS. Los
+ * datos que el golden captura en el closure viajan en `actionContext`.
  */
 interface IusToastOptions {
     /** id propio; reutilizarlo REEMPLAZA el toast existente (útil para progreso). */
@@ -6276,6 +6648,8 @@ interface IusToastOptions {
     icon?: string | false;
     /** Acción inline (p. ej. un `ius-text-button` "Deshacer"). */
     action?: TemplateRef<unknown>;
+    /** Datos de este toast para la plantilla `action` (ver `IusToastActionContext`). */
+    actionContext?: unknown;
     /** Muestra el × de cierre. Default `true`. */
     closable?: boolean;
     /** ms hasta el auto-cierre. `0`/`null` = persistente. Default 5000. */
@@ -6289,6 +6663,7 @@ interface IusToastItem {
     readonly message?: string;
     readonly icon?: string | false;
     readonly action?: TemplateRef<unknown>;
+    readonly actionContext?: unknown;
     readonly closable: boolean;
     readonly duration: number | null;
 }
@@ -6331,6 +6706,8 @@ declare class ToastComponent {
     readonly icon: _angular_core.InputSignal<string | false | undefined>;
     /** Acción inline como plantilla (vía `ToastService`). */
     readonly action: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Datos para `action`: llegan como `$implicit` de su contexto. */
+    readonly actionContext: _angular_core.InputSignal<unknown>;
     /** Muestra el × de cierre. */
     readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -6345,11 +6722,13 @@ declare class ToastComponent {
     readonly closed: _angular_core.OutputEmitterRef<void>;
     private readonly actionRef;
     protected readonly iconName: _angular_core.Signal<string | null>;
+    private readonly dismiss;
+    protected readonly actionOutletContext: _angular_core.Signal<IusToastActionContext<unknown>>;
     protected readonly hasAction: _angular_core.Signal<boolean>;
     /** Solo hay aro si el auto-cierre está activo (golden: `duration && duration > 0`). */
     protected readonly showRing: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ius-toast", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["actionRef"], ["[iusToastAction]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ius-toast", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "actionContext": { "alias": "actionContext"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["actionRef"], ["[iusToastAction]"], true, never>;
 }
 
 /**
@@ -6407,6 +6786,9 @@ type ToneShortcutOptions = Omit<IusToastOptions, 'tone' | 'title'>;
  * // persistente + acción "Deshacer"
  * const id = this.toasts.show({ tone: 'neutral', title: 'Nota archivada', duration: 0, action: this.undoTpl() });
  * this.toasts.dismiss(id);
+ *
+ * // una plantilla para varios toasts: cada uno lleva sus datos
+ * this.toasts.success('Reporte listo', { action: this.abrirTpl(), actionContext: reporte });
  * ```
  */
 declare class ToastService {
@@ -6956,7 +7338,28 @@ type IusTableSize = 'small' | 'medium' | 'large';
 type IusTableTone = 'info' | 'primary' | 'success' | 'warning' | 'danger' | 'neutral' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
 /** Clave estable de fila: nombre de campo o función. */
 type IusTableRowKey<Row> = string | ((row: Row, index: number) => string | number);
-/** Contexto que recibe el `TemplateRef` de celda (`render` del golden). */
+/** Clave de fila hija: nombre de campo o función `(hija, grupo)`. */
+type IusTableChildRowKey<Row> = string | ((child: Row, parent: Row) => string | number);
+/** Texto accesible fijo o por fila. */
+type IusTableRowLabel<Row> = string | ((row: Row, index: number) => string);
+/** Metadatos de la fila (filas agrupadas). Llega a las celdas y a `rowClick`. */
+interface IusTableRowMeta<Row = any> {
+    /** `true` en una fila hija de un grupo. */
+    isChild: boolean;
+    /** Fila grupo de la hija (`null` en filas de primer nivel). */
+    parent: Row | null;
+    /** Clave del grupo de la hija. */
+    parentKey: string | number | null;
+    /** 0 = primer nivel · 1 = hija. */
+    depth: number;
+    /** `true` si `getChildren` devolvió hijas para la fila. */
+    isGroup: boolean;
+    /** Grupo abierto. */
+    expanded: boolean;
+    /** Índice de la fila (en `data` o entre las hijas de su grupo). */
+    index: number;
+}
+/** Contexto que recibe el `TemplateRef` de celda (`render(row, i, meta)` del golden). */
 interface IusTableCellContext<Row = any> {
     $implicit: Row;
     row: Row;
@@ -6964,12 +7367,23 @@ interface IusTableCellContext<Row = any> {
     column: IusTableColumn<Row>;
     /** `row[column.key]` ya leído, por comodidad. */
     value: unknown;
+    /**
+     * Metadatos de la fila (filas agrupadas). `ius-table` siempre lo entrega;
+     * es opcional en el tipo para no romper contextos armados a mano (pruebas).
+     */
+    meta?: IusTableRowMeta<Row>;
 }
 /** Contexto del `TemplateRef` de encabezado (`header` como nodo en el golden). */
 interface IusTableHeaderContext<Row = any> {
     $implicit: IusTableColumn<Row>;
     column: IusTableColumn<Row>;
 }
+/** Contexto del `TemplateRef` de detalle (`renderExpanded(row, i)` del golden). */
+interface IusTableExpandedContext<Row = any> {
+    $implicit: Row;
+    row: Row;
+    index: number;
+}
 interface IusTableColumn<Row = any> {
     /** Identificador único de la columna. Lee `row[key]` si no hay `render`. */
     key: string;
@@ -6981,8 +7395,12 @@ interface IusTableColumn<Row = any> {
     headerIcon?: string;
     /** `title` nativo del encabezado (tooltip). */
     headerTitle?: string;
-    /** Render de celda a medida (`render(row, i)` del golden → TemplateRef con `{ row, index }`). */
+    /** Render de celda a medida (`render(row, i, meta)` del golden → TemplateRef con `{ row, index, meta }`). */
     render?: TemplateRef<IusTableCellContext<Row>>;
+    /** Valor de orden de la celda. Ordena las **filas hijas** entre sí con `sortColumn`; si falta, compara `row[key]`. */
+    sortValue?: (row: Row) => string | number | null | undefined;
+    /** Marca de celda vacía de esta columna (sin `render` y `row[key]` nulo o `''`). `''` deja la celda en blanco. Gana sobre `emptyCell` de la tabla. */
+    emptyCell?: string;
     /** Alineación del contenido. Default `start` (o `end` si `numeric`). */
     align?: IusTableAlign;
     /** Columna numérica: `tabular-nums` y alineación `end` por defecto. */
@@ -7016,14 +7434,49 @@ interface IusTableSortChange {
     column: string | null;
     direction: IusTableSortDirection | null;
 }
-/** Payload de `rowClick` — `onRowClick(row, index, event)`. */
+/** Payload de `rowClick` — `onRowClick(row, index, event, meta)`. */
 interface IusTableRowClick<Row = any> {
     row: Row;
     index: number;
     event: MouseEvent | KeyboardEvent;
+    meta: IusTableRowMeta<Row>;
 }
 /** Estilo inline por fila (objeto CSS que acepta el binding `[style]`). */
 type IusTableRowStyle = Record<string, string | number | null | undefined>;
+type Key = string | number;
+interface GroupKid<Row> {
+    row: Row;
+    index: number;
+    key: Key;
+}
+interface GroupInfo<Row> {
+    key: Key;
+    kids: GroupKid<Row>[];
+}
+/** Fila ya resuelta para la plantilla: datos, hija o detalle expandido. */
+interface BodyRow<Row> {
+    kind: 'row' | 'detail';
+    track: string;
+    row: Row;
+    index: number;
+    key: Key;
+    meta: IusTableRowMeta<Row>;
+    group: GroupInfo<Row> | null;
+    parentGroup: GroupInfo<Row> | null;
+    disabled: boolean;
+    checked: boolean;
+    indeterminate: boolean;
+    clickable: boolean;
+    cls: string | null;
+    style: IusTableRowStyle | null;
+    accent: string | null;
+    expOk: boolean;
+    open: boolean;
+}
+interface Thumb {
+    pos: number;
+    size: number;
+}
 /**
  * Table — Ius Design v2.
  *
@@ -7036,14 +7489,17 @@ type IusTableRowStyle = Record<string, string | number | null | undefined>;
  * Es una **tabla controlada**: el consumidor mantiene los datos ya ordenados,
  * filtrados y paginados, y el estado de orden/selección; `ius-table` solo
  * pinta la rejilla y emite los cambios (`sortChange`, `selectionChange`,
- * `rowClick`). No ordena ni pagina por dentro.
+ * `rowClick`). No ordena ni pagina por dentro. Admite **filas expandibles**
+ * (`expandable` + `renderExpanded`) y **filas agrupadas** (`getChildren`).
  *
  * **Composición**: para la barra de herramientas y la paginación numerada del
  * pie, envolverla en `ius-list-view` (`bordered=false` en ambos). Compone
- * `ius-checkbox` (selección) y `ius-empty-state` (vacío).
+ * `ius-checkbox` (selección), `ius-icon-button` (disparadores) y
+ * `ius-empty-state` (vacío).
  *
  * Decisiones del port (golden `Table.jsx` / `Table.d.ts`):
- * - `render(row, i)` → `column.render: TemplateRef<IusTableCellContext>`;
+ * - `render(row, i, meta)` → `column.render: TemplateRef<IusTableCellContext>`;
+ *   `renderExpanded(row, i)` → `TemplateRef<IusTableExpandedContext>`;
  *   `header` como nodo → `column.headerTemplate`; `empty` → `emptyTemplate`;
  *   `summary[].value` como nodo → `summary[].template`.
  * - En React la sola presencia de `onRowClick` hace la fila clicable/enfocable.
@@ -7051,9 +7507,19 @@ type IusTableRowStyle = Record<string, string | number | null | undefined>;
  *   `rowClickable` + output `rowClick`.
  * - `rowStyle` es un objeto CSS (o función que lo devuelve) consumido por el
  *   binding `[style]`; se combina con la atenuación de `isRowDisabled`.
+ * - `emptyCell` es texto. Un `TemplateRef` no delata si pinta vacío, así que
+ *   la marca aplica a las celdas sin `render`; con `render`, la plantilla
+ *   decide qué pintar (p. ej. nada en las hijas, usando `meta`).
+ * - `title` de celda: el texto del valor sin `render`. Con `render` el golden usa
+ *   el string que devuelve; un `TemplateRef` no lo expone, así que va
+ *   `headerTitle` (la plantilla puede poner su propio `title`).
+ * - Barra superpuesta: el scroll nativo se oculta y el thumb lo dibuja el
+ *   host, acotado entre cabecera fija y resumen (altos medidos con
+ *   ResizeObserver). Sin prop pública.
  */
 declare class TableComponent<Row = any> {
     private readonly document;
+    private readonly uid;
     private readonly scrollRef;
     private readonly tableRef;
     /** Definición de columnas, en orden de aparición. */
@@ -7069,7 +7535,7 @@ declare class TableComponent<Row = any> {
     /** Muestra la columna de checkboxes + "Seleccionar todo" en la cabecera. */
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Claves seleccionadas (controlado). */
-    readonly selectedKeys: _angular_core.InputSignal<readonly (string | number)[] | null | undefined>;
+    readonly selectedKeys: _angular_core.InputSignal<readonly Key[] | null | undefined>;
     /** Etiqueta accesible del checkbox de fila. Default `Seleccionar fila`. */
     readonly selectAriaLabel: _angular_core.InputSignal<string>;
     /** Hace la fila enfocable y clicable (emite `rowClick`). Equivale a pasar `onRowClick` en el golden. */
@@ -7082,6 +7548,34 @@ declare class TableComponent<Row = any> {
     readonly rowClassName: _angular_core.InputSignal<string | ((row: Row, index: number) => string | undefined) | undefined>;
     /** Estilo inline por fila (o función `(row, i) => estilo`). Se combina con la atenuación de `isRowDisabled`. */
     readonly rowStyle: _angular_core.InputSignal<IusTableRowStyle | ((row: Row, index: number) => IusTableRowStyle | undefined) | undefined>;
+    /** Activa filas expandibles (o función por fila; `false` deja la celda del disparador vacía). Requiere `renderExpanded`. */
+    readonly expandable: _angular_core.InputSignalWithTransform<boolean | ((row: Row, index: number) => boolean), string | boolean | ((row: Row, index: number) => boolean) | null | undefined>;
+    /** Detalle bajo la fila abierta: fila a todo el ancho, fondo `surface-sunken`. */
+    readonly renderExpanded: _angular_core.InputSignal<TemplateRef<IusTableExpandedContext<Row>> | undefined>;
+    /** Claves de las filas abiertas (controlado; `undefined` = no controlado). */
+    readonly expandedKeys: _angular_core.InputSignal<readonly Key[] | null | undefined>;
+    /** Claves abiertas al montar (no controlado). */
+    readonly defaultExpandedKeys: _angular_core.InputSignal<readonly Key[] | undefined>;
+    /** `multiple` permite varias abiertas; `single` cierra la anterior. */
+    readonly expandMode: _angular_core.InputSignal<"single" | "multiple">;
+    /** Etiqueta accesible del botón de abrir (texto o función por fila). */
+    readonly expandAriaLabel: _angular_core.InputSignal<IusTableRowLabel<Row>>;
+    /** Hijas de una fila: si devuelve elementos, la fila es grupo y las abre en las mismas columnas. */
+    readonly getChildren: _angular_core.InputSignal<((row: Row) => readonly Row[] | null | undefined) | undefined>;
+    /** Clave de cada hija (campo o función). Default `claveGrupo·índice`. */
+    readonly childRowKey: _angular_core.InputSignal<IusTableChildRowKey<Row> | undefined>;
+    /** Grupos abiertos (controlado; `undefined` = no controlado). */
+    readonly expandedGroups: _angular_core.InputSignal<readonly Key[] | null | undefined>;
+    /** Grupos abiertos al montar (no controlado). */
+    readonly defaultExpandedGroups: _angular_core.InputSignal<readonly Key[] | undefined>;
+    /** `cascade`: el grupo marca sus hijas (indeterminado si son algunas). `independent`: cada fila por separado. */
+    readonly childSelection: _angular_core.InputSignal<"independent" | "cascade">;
+    /** Etiqueta accesible del disparador del grupo. */
+    readonly groupToggleAriaLabel: _angular_core.InputSignal<IusTableRowLabel<Row>>;
+    /** Fondo de las hijas: `sunken` o `none` (la jerarquía la marca solo la sangría). */
+    readonly childRowTone: _angular_core.InputSignal<"none" | "sunken">;
+    /** Marca de celda vacía. Default `—`; `''` deja la celda en blanco. */
+    readonly emptyCell: _angular_core.InputSignal<string>;
     /** Redimensionado de columnas por arrastre del borde de la cabecera. Default `true`. */
     readonly resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Divisores verticales hairline entre columnas. Default `true`. */
@@ -7108,40 +7602,76 @@ declare class TableComponent<Row = any> {
     readonly stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Fila de pie fija (totales/sumas) por columna. */
     readonly summary: _angular_core.InputSignal<readonly IusTableSummaryCell[] | null | undefined>;
-    /** Alto fijo del área scrollable (px o CSS). Activa el scroll vertical. */
+    /** Alto fijo de la tabla (px o CSS; con `100%` ocupa el alto de su contenedor). Activa el scroll vertical. */
     readonly height: _angular_core.InputSignal<string | number | undefined>;
-    /** Alto máximo (px o CSS). */
+    /** Alto máximo del área con scroll (px o CSS). */
     readonly maxHeight: _angular_core.InputSignal<string | number | undefined>;
     /** Etiqueta accesible de la tabla. */
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Cambio de orden al clicar una cabecera `sortable` (tri-estado asc → desc → ninguno). */
     readonly sortChange: _angular_core.OutputEmitterRef<IusTableSortChange>;
     /** Nuevo conjunto de claves seleccionadas. */
-    readonly selectionChange: _angular_core.OutputEmitterRef<(string | number)[]>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<Key[]>;
     /** Click/Enter/Espacio sobre una fila (requiere `rowClickable`). */
     readonly rowClick: _angular_core.OutputEmitterRef<IusTableRowClick<Row>>;
+    /** Nuevo conjunto de filas abiertas (expandibles). */
+    readonly expandedChange: _angular_core.OutputEmitterRef<Key[]>;
+    /** Nuevo conjunto de grupos abiertos. */
+    readonly expandedGroupsChange: _angular_core.OutputEmitterRef<Key[]>;
     protected readonly scrolledX: _angular_core.WritableSignal<boolean>;
     protected readonly resizing: _angular_core.WritableSignal<boolean>;
+    protected readonly barDrag: _angular_core.WritableSignal<boolean>;
+    protected readonly fills: _angular_core.WritableSignal<boolean>;
+    protected readonly bands: _angular_core.WritableSignal<{
+        head: number;
+        foot: number;
+    }>;
+    protected readonly headH: _angular_core.Signal<string>;
+    protected readonly footH: _angular_core.Signal<string>;
+    protected readonly vThumb: _angular_core.WritableSignal<Thumb | null>;
+    protected readonly hThumb: _angular_core.WritableSignal<Thumb | null>;
     /** Anchos medidos / redimensionados por `key` (px). */
     private readonly colW;
     private readonly measured;
+    private readonly innerExp;
+    private readonly innerGrp;
     protected readonly cols: _angular_core.Signal<IusTableColumn<Row>[]>;
+    protected readonly hasExpand: _angular_core.Signal<boolean>;
+    protected readonly hasGroups: _angular_core.Signal<boolean>;
     protected readonly colCount: _angular_core.Signal<number>;
-    protected readonly selWidth: _angular_core.Signal<52 | 44 | 40>;
+    protected readonly selWidth: _angular_core.Signal<44 | 40 | 52>;
     protected readonly isEmpty: _angular_core.Signal<boolean>;
     protected readonly tableLayout: _angular_core.Signal<"auto" | "fixed">;
     protected readonly skeletonIdx: _angular_core.Signal<number[]>;
     protected readonly showSummary: _angular_core.Signal<boolean>;
     /** Firma de estructura: al cambiar, se descartan los anchos medidos. */
     private readonly colsSig;
+    private readonly expList;
+    private readonly grpList;
+    private readonly expSet;
+    private readonly grpSet;
+    /** Hijas por grupo, ordenadas entre sí con la columna de orden activa. */
+    private readonly groupsInfo;
     private readonly selSet;
+    private readonly cascade;
     private readonly allKeys;
     protected readonly allSelected: _angular_core.Signal<boolean>;
     protected readonly someSelected: _angular_core.Signal<boolean>;
+    protected readonly bodyRows: _angular_core.Signal<BodyRow<Row>[]>;
     private readonly pinInfo;
     constructor();
-    protected keyOf(row: Row, rowKey: IusTableRowKey<Row>, i: number): string | number;
-    protected rowKeyOf(row: Row, i: number): string | number;
+    protected keyOf(row: Row, rowKey: IusTableRowKey<Row>, i: number): Key;
+    private childKeyOf;
+    /** Las hijas se ordenan entre sí con la columna activa; los grupos los ordena el consumidor. */
+    private sortKids;
+    private kidKeys;
+    private selStateOf;
+    private canExpand;
+    protected labelOf(label: IusTableRowLabel<Row>, row: Row, i: number): string;
+    private safeId;
+    protected detailId(k: Key): string;
+    protected childId(k: Key): string;
+    protected childIds(g: GroupInfo<Row> | null): string | undefined;
     protected alignOf(c: IusTableColumn<Row>): IusTableAlign;
     protected dirOf(key: string): IusTableSortDirection | null;
     protected sortIcon(key: string): string;
@@ -7155,32 +7685,44 @@ declare class TableComponent<Row = any> {
     protected pinLeft(key: string): string | null;
     protected pinRight(key: string): string | null;
     protected readonly selKey = "__sel";
+    protected readonly expKey = "__exp";
     protected px(v: number | string | undefined | null): string | null;
     protected cellValue(row: Row, c: IusTableColumn<Row>): unknown;
     protected isBlank(v: unknown): boolean;
+    protected emptyMarkOf(c: IusTableColumn<Row>): string;
     protected cellTitle(row: Row, c: IusTableColumn<Row>): string | null;
-    protected cellContext(row: Row, i: number, c: IusTableColumn<Row>): IusTableCellContext<Row>;
+    protected cellContext(b: BodyRow<Row>, c: IusTableColumn<Row>): IusTableCellContext<Row>;
     protected headerContext(c: IusTableColumn<Row>): IusTableHeaderContext<Row>;
-    protected isDisabled(row: Row, i: number): boolean;
-    protected isSelected(row: Row, i: number): boolean;
-    protected isClickable(row: Row, i: number): boolean;
-    protected rowClass(row: Row, i: number): string | null;
+    protected expandedContext(b: BodyRow<Row>): IusTableExpandedContext<Row>;
+    private isDisabled;
+    private rowClassOf;
     /** `{ ...(disabled ? { opacity: .55 } : null), ...rowStyle }` del golden. */
-    protected rowStyles(row: Row, i: number): IusTableRowStyle | null;
+    private rowStylesOf;
     /** Barra de acento (3px) sobre la primera celda de la fila; `null` = sin barra. */
-    protected accentShadow(row: Row, i: number): string | null;
+    private accentOf;
     protected skelWidth(c: IusTableColumn<Row>, ci: number): string;
     protected summaryCell(key: string): IusTableSummaryCell | undefined;
     protected onScroll(): void;
     protected onHeaderSort(col: IusTableColumn<Row>): void;
-    protected toggleAll(checked: boolean): void;
-    protected toggleRow(key: string | number, checked: boolean): void;
-    protected onRowClick(row: Row, i: number, event: MouseEvent): void;
-    protected onRowKeydown(row: Row, i: number, event: KeyboardEvent): void;
+    /**
+     * Selección controlada (como el Checkbox golden con `checked`): la casilla vuelve
+     * al valor de `selectedKeys` y solo cambia cuando el consumidor lo actualiza. Sin
+     * esto quedaría marcada si la selección no cambia (sin filas, todas deshabilitadas).
+     */
+    protected toggleAll(checked: boolean, cbx: CheckboxComponent): void;
+    protected toggleRow(b: BodyRow<Row>, checked: boolean, cbx: CheckboxComponent): void;
+    protected toggleExpand(k: Key): void;
+    protected toggleGroup(k: Key): void;
+    protected onRowClick(b: BodyRow<Row>, event: MouseEvent): void;
+    protected onRowKeydown(b: BodyRow<Row>, e: KeyboardEvent): void;
+    protected onGroupToggleKeydown(e: KeyboardEvent): void;
+    private focusRow;
+    private syncBars;
+    protected startThumbDrag(axis: 'x' | 'y', e: PointerEvent): void;
     private measureAll;
     protected startResize(e: MouseEvent, col: IusTableColumn<Row>): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "ius-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "selectAriaLabel": { "alias": "selectAriaLabel"; "required": false; "isSignal": true; }; "rowClickable": { "alias": "rowClickable"; "required": false; "isSignal": true; }; "isRowDisabled": { "alias": "isRowDisabled"; "required": false; "isSignal": true; }; "getRowAccent": { "alias": "getRowAccent"; "required": false; "isSignal": true; }; "rowClassName": { "alias": "rowClassName"; "required": false; "isSignal": true; }; "rowStyle": { "alias": "rowStyle"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "columnDividers": { "alias": "columnDividers"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowClick": "rowClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "ius-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "selectAriaLabel": { "alias": "selectAriaLabel"; "required": false; "isSignal": true; }; "rowClickable": { "alias": "rowClickable"; "required": false; "isSignal": true; }; "isRowDisabled": { "alias": "isRowDisabled"; "required": false; "isSignal": true; }; "getRowAccent": { "alias": "getRowAccent"; "required": false; "isSignal": true; }; "rowClassName": { "alias": "rowClassName"; "required": false; "isSignal": true; }; "rowStyle": { "alias": "rowStyle"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "renderExpanded": { "alias": "renderExpanded"; "required": false; "isSignal": true; }; "expandedKeys": { "alias": "expandedKeys"; "required": false; "isSignal": true; }; "defaultExpandedKeys": { "alias": "defaultExpandedKeys"; "required": false; "isSignal": true; }; "expandMode": { "alias": "expandMode"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; "isSignal": true; }; "getChildren": { "alias": "getChildren"; "required": false; "isSignal": true; }; "childRowKey": { "alias": "childRowKey"; "required": false; "isSignal": true; }; "expandedGroups": { "alias": "expandedGroups"; "required": false; "isSignal": true; }; "defaultExpandedGroups": { "alias": "defaultExpandedGroups"; "required": false; "isSignal": true; }; "childSelection": { "alias": "childSelection"; "required": false; "isSignal": true; }; "groupToggleAriaLabel": { "alias": "groupToggleAriaLabel"; "required": false; "isSignal": true; }; "childRowTone": { "alias": "childRowTone"; "required": false; "isSignal": true; }; "emptyCell": { "alias": "emptyCell"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "columnDividers": { "alias": "columnDividers"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowClick": "rowClick"; "expandedChange": "expandedChange"; "expandedGroupsChange": "expandedGroupsChange"; }, never, never, true, never>;
 }
 
 /** Familia de color de la cifra: default + 6 semánticos + 6 frutas. */
@@ -8579,6 +9121,176 @@ declare class SwitchComponent implements ControlValueAccessor {
     static ngAcceptInputType_disabled: unknown;
 }
 
+/** Tamaño del anillo — small 16 · medium 20 (default) · large 24 px. */
+type IusRadioSize = 'small' | 'medium' | 'large';
+/** Lado del label respecto al anillo. */
+type IusRadioLabelPosition = 'left' | 'right';
+/**
+ * Radio — Ius Design v2 (familia inputs).
+ *
+ * Botón de opción para elegir **una** entre varias excluyentes: anillo gris sin
+ * seleccionar; anillo y punto navy (Primary-900) al elegir; halo gris en hover y
+ * azul en pressed/focus. Fuente de verdad: `Radio.jsx` + `Radio.d.ts` +
+ * `Radio.ng-spec.md` (DELTA sobre `Checkbox.ng-spec.md`).
+ *
+ * Los radios con el mismo `name` son excluyentes (lo asegura el navegador). El
+ * valor escalar del grupo lo maneja el CVA del grupo (`ius-selection-field
+ * type="radio"`); el Radio individual expone `checked`/`checkedChange` y `value`
+ * y conserva el CVA booleano heredado de Checkbox.
+ *
+ * DECISIONES DE PORT (las mismas de Checkbox y Switch):
+ *  1. `state` es solo para demos → fuera de la API pública; el playground
+ *     congela un estado visual con el atributo `data-force`.
+ *  2. El DOM es input → anillo → label siempre y `labelPosition: 'left'` se
+ *     resuelve con `order`: el halo de foco depende del selector adyacente
+ *     `.ius-rad__input:focus-visible + .ius-rad__ctrl`.
+ */
+declare class RadioComponent implements ControlValueAccessor {
+    /** Texto junto al anillo. Sin label si se omite. */
+    label?: string;
+    /** Lado del label respecto al anillo. */
+    labelPosition: IusRadioLabelPosition;
+    /** Nombre del grupo: radios con el mismo `name` son excluyentes. */
+    name?: string;
+    /** Valor que representa la opción. */
+    value?: string;
+    private readonly sizeState;
+    set size(value: IusRadioSize);
+    get size(): IusRadioSize;
+    private readonly checkedState;
+    set checked(value: boolean);
+    get checked(): boolean;
+    /** Estado inicial no controlado (alias de `checked` como valor inicial). */
+    set defaultChecked(value: boolean);
+    private readonly disabledState;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /** Emite `true` al seleccionar (original `onChange(true)`; nunca `change`). */
+    readonly checkedChange: EventEmitter<boolean>;
+    protected readonly inputId: string;
+    private onChangeCb;
+    private onTouchedCb;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onSelect(): void;
+    protected onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "ius-radio", never, { "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ngAcceptInputType_checked: unknown;
+    static ngAcceptInputType_defaultChecked: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/** Molécula de cada opción. */
+type IusSelectionFieldType = 'checkbox' | 'radio' | 'switch';
+/** Tamaño de las moléculas — small · medium (default) · large. */
+type IusSelectionFieldSize = 'small' | 'medium' | 'large';
+/** Disposición de las opciones. */
+type IusSelectionFieldDirection = 'vertical' | 'horizontal';
+/** Lado del label de cada opción. */
+type IusSelectionFieldLabelPosition = 'left' | 'right';
+type IusSelectionOptionValue = string | number;
+/** Escalar en `radio`; arreglo en `checkbox`/`switch`. */
+type IusSelectionFieldValue = IusSelectionOptionValue | IusSelectionOptionValue[] | null;
+interface IusSelectionOption {
+    value: IusSelectionOptionValue;
+    /** Texto de la opción (label de la molécula). */
+    label: string;
+    disabled?: boolean;
+    /** Ícono de ayuda por opción. */
+    showIconHelp?: boolean;
+    iconHelpTitle?: string;
+    iconHelpContent?: string;
+}
+/**
+ * SelectionField — Ius Design v2 (familia inputs).
+ *
+ * Grupo etiquetado de opciones que **compone** `ius-checkbox`, `ius-radio` o
+ * `ius-switch` (según `type`) y aporta el chrome de campo de TextField: label
+ * con required + iconHelp + `:`, helpText/errorText, `error` y `size`. Fuente de
+ * verdad: `SelectionField.jsx` + `SelectionField.d.ts` + `SelectionField.ng-spec.md`.
+ *
+ * `ControlValueAccessor` con forma según `type`: **escalar** en `radio` (`null`
+ * sin selección) y **arreglo** en `checkbox`/`switch` (en el orden en que se
+ * marcaron, como el golden). `valueChange` entrega ese mismo shape.
+ *
+ * Las clases `.ius-tf__*` se replican en el SCSS porque bajo
+ * ViewEncapsulation.Emulated las de TextField no alcanzan a este componente
+ * (mismo criterio que CodeField, MultiTextField y TextArea).
+ */
+declare class SelectionFieldComponent implements ControlValueAccessor {
+    /** Molécula usada para cada opción. */
+    type: IusSelectionFieldType;
+    /** Título del grupo (con `:` final). */
+    label?: string;
+    /**
+     * Punto rojo (•) de obligatorio. Con `formControl`/`ngModel`, Angular solo le
+     * engancha `Validators.required` cuando el atributo `type` no es literalmente
+     * `"checkbox"`: en `checkbox`/`switch` agregue el validador en el control.
+     */
+    required: boolean;
+    /** Pastilla "?" del campo (popover). */
+    showIconHelp: boolean;
+    /** Título del contenido de ayuda del campo. */
+    iconHelpTitle?: string;
+    /** Cuerpo del contenido de ayuda del campo. */
+    iconHelpContent?: string;
+    /** Opciones del grupo. */
+    options: IusSelectionOption[];
+    /** Línea de ayuda bajo el grupo. */
+    helpText?: string;
+    /** Reemplaza `helpText` cuando `error` es `true`. */
+    errorText?: string;
+    /** Mostrar/ocultar la línea de ayuda. */
+    showHelpText: boolean;
+    /** Estado de error (color del hint + errorText). */
+    error: boolean;
+    /** Tamaño de las moléculas. */
+    size: IusSelectionFieldSize;
+    /** Disposición de las opciones. */
+    direction: IusSelectionFieldDirection;
+    /** Lado del label de cada opción. */
+    optionLabelPosition: IusSelectionFieldLabelPosition;
+    /** Nombre del grupo (radio). Se genera si se omite. */
+    name?: string;
+    private readonly valueState;
+    set value(value: IusSelectionFieldValue);
+    get value(): IusSelectionFieldValue;
+    private defaultSeeded;
+    set defaultValue(value: IusSelectionFieldValue | undefined);
+    private readonly disabledState;
+    /** Inhabilita todo el campo. */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /** Nuevo valor con el shape de `type` (original `onChange`). */
+    readonly valueChange: EventEmitter<IusSelectionFieldValue>;
+    private readonly baseId;
+    protected readonly labelId: string;
+    protected readonly hintId: string;
+    private onChange;
+    protected onTouched: () => void;
+    protected get multiple(): boolean;
+    protected get groupName(): string;
+    protected get hint(): string | undefined;
+    protected get showHint(): boolean;
+    protected isChecked(val: IusSelectionOptionValue): boolean;
+    protected toggle(val: IusSelectionOptionValue): void;
+    private commit;
+    writeValue(value: IusSelectionFieldValue): void;
+    registerOnChange(fn: (value: IusSelectionFieldValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectionFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectionFieldComponent, "ius-selection-field", never, { "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "options": { "alias": "options"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "size": { "alias": "size"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "optionLabelPosition": { "alias": "optionLabelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_showIconHelp: unknown;
+    static ngAcceptInputType_showHelpText: unknown;
+    static ngAcceptInputType_error: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
 /** Id de nodo. */
 type IusEntityId = string | number;
 /** Nodo del árbol. `label`/`sublabel` son string (ReactNode del golden → regla 5 del port). */
@@ -9355,7 +10067,7 @@ declare class RepeatableFieldComponent implements ControlValueAccessor {
      * de sus dos ramas).
      */
     protected readonly pie: _angular_core.Signal<string | null>;
-    protected readonly tipoInput: _angular_core.Signal<"text" | "email" | "tel">;
+    protected readonly tipoInput: _angular_core.Signal<"tel" | "email" | "text">;
     protected get anchoTipo(): string;
     /**
      * Única salida de escritura: en modo no controlado guarda, y siempre notifica
@@ -10237,6 +10949,12 @@ declare class DatePickerComponent implements ControlValueAccessor {
     error: boolean;
     disabled: boolean;
     size: 'small' | 'medium' | 'large';
+    /**
+     * Ocupa el ancho del contenedor como los demás campos del formulario, con el
+     * tope de 360px de `.ius-tf` (el Drawer lo quita). En `range` no lleva tope:
+     * las dos fechas y el ícono van siempre en una línea.
+     */
+    fullWidth: boolean;
     defaultOpen: boolean;
     private _open?;
     /** Apertura controlada del panel. */
@@ -10300,13 +11018,14 @@ declare class DatePickerComponent implements ControlValueAccessor {
     protected get hint(): string | undefined;
     protected get showHint(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "ius-date-picker", never, { "mode": { "alias": "mode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "ius-date-picker", never, { "mode": { "alias": "mode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "isDateDisabled": { "alias": "isDateDisabled"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; }, never, never, true, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_minuteStep: unknown;
     static ngAcceptInputType_showHelpText: unknown;
     static ngAcceptInputType_showIconHelp: unknown;
     static ngAcceptInputType_error: unknown;
     static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_fullWidth: unknown;
     static ngAcceptInputType_defaultOpen: unknown;
 }
 
@@ -11149,6 +11868,8 @@ declare class PartyListComponent {
 type IusFileItemLayout = 'row' | 'card';
 type IusFileItemSize = 'small' | 'medium' | 'large';
 type IusFileItemActivateOn = 'single' | 'double';
+/** Estado del archivo: subida en curso · generándose en el servidor · falló. */
+type IusFileItemStatus = 'uploading' | 'processing' | 'error';
 /** Columna de metadatos (row): etiqueta pequeña sobre el valor. */
 interface IusFileItemField {
     key?: string | number;
@@ -11159,6 +11880,11 @@ interface IusFileItemField {
     /** Ancho fijo de la columna (px o CSS). */
     width?: number | string;
     align?: 'start' | 'end';
+    /**
+     * Prioridad al estrecharse la fila (`responsive`): menor sale antes. Default `0`; a igual
+     * prioridad sale antes el de la izquierda (el último field es el que más se conserva).
+     */
+    priority?: number;
 }
 /** Acción rápida revelada en hover (IconButton). */
 interface IusFileItemAction {
@@ -11205,6 +11931,16 @@ interface IusFileItemActionClick {
  * del golden. Fuente de verdad: `FileItem.jsx` + `FileItem.d.ts` +
  * `FileItem.ng-spec.md`.
  *
+ * **Estado del archivo** (`status`): con estado, la fila reemplaza los `fields`
+ * por el indicador (barra, spinner o error) y oculta casilla, dueño, estrella y
+ * menú; no se abre ni se selecciona (`aria-busy` mientras sube o se genera). En
+ * card el indicador va en el pie en lugar del `caption`. «Cancelar» y
+ * «Reintentar» aparecen solo si `(cancel)` / `(retry)` están enlazados.
+ *
+ * **Fila responsive** (`responsive`, solo row): el host es contenedor
+ * `fileitem` y oculta dueño y columnas por prioridad (`data-drop`) al
+ * estrecharse, para que el nombre siga visible.
+ *
  * Decisión de port: el `onContextMenu` del golden se expone como `contextMenu`
  * (regla transversal 3: los outputs nunca llevan el nombre de un evento nativo,
  * y `contextmenu` dispararía doble). Se agrega `actionClick` para escuchar las
@@ -11242,6 +11978,18 @@ declare class FileItemComponent {
     caption?: string;
     /** Dueño/responsable → Avatar en la zona final (row). */
     owner?: IusFileItemOwner;
+    /**
+     * Solo row. La fila mide su propio ancho (container query) y oculta columnas por prioridad
+     * para que el nombre siga visible: ≤ 640 px el dueño · ≤ 580 px el primer field en salir ·
+     * ≤ 500 px el segundo · ≤ 420 px todos. La fila debe tener ancho definido por su contenedor.
+     */
+    responsive: boolean;
+    /** Estado del archivo. Con estado no se abre ni se selecciona; oculta dueño, estrella y menú. */
+    status?: IusFileItemStatus;
+    /** 0–100, solo `uploading`. Sin él la barra es indeterminada. */
+    progress?: number;
+    /** Texto del estado. Default «Subiendo… 45 %» · «Generando…» · «No se pudo completar». */
+    statusLabel?: string;
     /** Acciones rápidas reveladas en hover (IconButton). */
     actions: readonly IusFileItemAction[];
     /** Opciones del menú ⋮ (items de Dropdown). */
@@ -11260,20 +12008,37 @@ declare class FileItemComponent {
     readonly contextMenu: EventEmitter<MouseEvent>;
     /** Acción rápida pulsada (además del `onClick` del item). */
     readonly actionClick: EventEmitter<IusFileItemActionClick>;
+    /** Solo `error`: enlazarlo muestra el botón «Reintentar». Original `onRetry`. */
+    readonly retry: EventEmitter<MouseEvent>;
+    /** Solo `uploading`/`processing`: enlazarlo muestra el botón «Cancelar». Original `onCancel`. */
+    readonly cancel: EventEmitter<MouseEvent>;
     /** Mantiene visibles acciones y menú mientras el ⋮ está abierto. */
     protected readonly menuOpen: _angular_core.WritableSignal<boolean>;
     protected get isCard(): boolean;
+    protected get busy(): boolean;
+    protected get failed(): boolean;
+    protected get blocked(): boolean;
+    protected get pct(): number | null;
+    protected get statusText(): string | null;
+    protected get showCancel(): boolean;
+    protected get showRetry(): boolean;
     protected get activatable(): boolean;
     protected get clickable(): boolean;
     protected get hasStar(): boolean;
     protected get starLabel(): string;
     protected widthOf(f: IusFileItemField): string | null;
+    /**
+     * Orden de salida al estrecharse: menor `priority` sale antes; a igual prioridad, el de la
+     * izquierda. drop 1 y 2 tienen umbral propio; 3+ salen con todo el bloque. Un único field lleva 2.
+     */
+    protected dropRanks(): number[];
     protected trackKey(item: {
         key?: string | number;
     }, index: number): string | number;
     private doOpen;
     protected onHostClick(event: MouseEvent): void;
     protected onHostDblClick(event: MouseEvent): void;
+    /** Solo la fila enfocada abre o selecciona: Enter sobre el menú, la estrella o una acción es de ese botón. */
     protected onKeydown(event: KeyboardEvent): void;
     protected onContextMenu(event: MouseEvent): void;
     /** La casilla y el menú no disparan apertura ni selección por clic en la fila. */
@@ -11281,13 +12046,16 @@ declare class FileItemComponent {
     protected onSelect(next: boolean): void;
     protected onStar(event: MouseEvent): void;
     protected onAction(action: IusFileItemAction, event: MouseEvent): void;
+    protected onRetry(event: MouseEvent): void;
+    protected onCancel(event: MouseEvent): void;
     protected onMenuOpen(open: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileItemComponent, "ius-file-item", never, { "kind": { "alias": "kind"; "required": false; }; "name": { "alias": "name"; "required": false; }; "thumbnail": { "alias": "thumbnail"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "href": { "alias": "href"; "required": false; }; "activateOn": { "alias": "activateOn"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "unread": { "alias": "unread"; "required": false; }; "shared": { "alias": "shared"; "required": false; }; "starred": { "alias": "starred"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "owner": { "alias": "owner"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "opened": "opened"; "clicked": "clicked"; "selectChange": "selectChange"; "starChange": "starChange"; "contextMenu": "contextMenu"; "actionClick": "actionClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileItemComponent, "ius-file-item", never, { "kind": { "alias": "kind"; "required": false; }; "name": { "alias": "name"; "required": false; }; "thumbnail": { "alias": "thumbnail"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "href": { "alias": "href"; "required": false; }; "activateOn": { "alias": "activateOn"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "unread": { "alias": "unread"; "required": false; }; "shared": { "alias": "shared"; "required": false; }; "starred": { "alias": "starred"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "owner": { "alias": "owner"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "status": { "alias": "status"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "statusLabel": { "alias": "statusLabel"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "opened": "opened"; "clicked": "clicked"; "selectChange": "selectChange"; "starChange": "starChange"; "contextMenu": "contextMenu"; "actionClick": "actionClick"; "retry": "retry"; "cancel": "cancel"; }, never, never, true, never>;
     static ngAcceptInputType_selectable: unknown;
     static ngAcceptInputType_selected: unknown;
     static ngAcceptInputType_unread: unknown;
     static ngAcceptInputType_shared: unknown;
+    static ngAcceptInputType_responsive: unknown;
     static ngAcceptInputType_disabled: unknown;
 }
 
@@ -11449,6 +12217,8 @@ interface IusDetailSidePanelSection {
     /** Abierta al montar (solo con `accordion`). */
     defaultOpen?: boolean;
 }
+/** Lado del contenido en que va la ficha; `bottom` para vistas angostas. */
+type IusDetailSidePanelSide = 'end' | 'start' | 'bottom';
 /**
  * DetailSidePanel — Ius Design v2 (familia layout).
  *
@@ -11486,8 +12256,16 @@ declare class DetailSidePanelComponent {
     collapseLabel: string;
     /** aria/tooltip del toggle expandir (riel). */
     expandLabel: string;
-    /** Ícono del botón de reabrir en el riel. */
-    expandIcon: string;
+    /** Ícono del botón de reabrir en el riel. Default según `side`. */
+    expandIcon?: string;
+    /**
+     * `end` (derecha del contenido) · `start` (izquierda: borde y toggle al inicio) ·
+     * `bottom` (bajo el contenido, alto `height`, plegado a franja horizontal).
+     * Los íconos de plegar/abrir siguen el lado.
+     */
+    side: IusDetailSidePanelSide;
+    /** Alto con `side="bottom"` (px o CSS) → `--_ds-h`. Default 40%. */
+    height?: number | string;
     /** Secciones del cuerpo. Alternativa al contenido proyectado. */
     sections?: readonly IusDetailSidePanelSection[];
     /** Monta las `sections` como Accordion plegable (`variant divided`). */
@@ -11501,6 +12279,10 @@ declare class DetailSidePanelComponent {
     private readonly internal;
     protected get isCollapsed(): boolean;
     protected get widthCss(): string;
+    protected get heightCss(): string | null;
+    protected get isStart(): boolean;
+    protected get collapseIcon(): string;
+    protected get openIcon(): string;
     protected get hasSections(): boolean;
     protected get useAccordion(): boolean;
     protected get showHead(): boolean;
@@ -11513,7 +12295,7 @@ declare class DetailSidePanelComponent {
     protected toggle(): void;
     protected readonly railWidth = "52px";
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DetailSidePanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DetailSidePanelComponent, "ius-detail-side-panel", never, { "width": { "alias": "width"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "defaultCollapsed": { "alias": "defaultCollapsed"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "accordion": { "alias": "accordion"; "required": false; }; "accordionMultiple": { "alias": "accordionMultiple"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DetailSidePanelComponent, "ius-detail-side-panel", never, { "width": { "alias": "width"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "defaultCollapsed": { "alias": "defaultCollapsed"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "side": { "alias": "side"; "required": false; }; "height": { "alias": "height"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "accordion": { "alias": "accordion"; "required": false; }; "accordionMultiple": { "alias": "accordionMultiple"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_collapsible: unknown;
     static ngAcceptInputType_defaultCollapsed: unknown;
     static ngAcceptInputType_accordion: unknown;
@@ -11785,5 +12567,556 @@ declare class StageDetailDrawerComponent {
     static ngAcceptInputType_closeOnEsc: unknown;
 }
 
-export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DateFilterComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFormFooterDirective, IusInsightActionsDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };
-export type { ActuacionEntry, ActuacionMeta, ActuacionStatus, AlertSize, AlertTone, AlertVariant, CategoryColors, CategoryDef, CategoryHueSource, CategoryKey, CategoryOption, ChartCategoricalTone, ChartCurve, ChartPoint, ChartSemanticTone, ChartTone, Clase, ClaseDef, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, EventIconSource, EventKind, EventKindOption, FileKind, FileKindDef, FileKindDomain, FileKindFs, FileKindMeta, FileKindOption, FileTypeHue, FuenteColors, FuenteDef, FuenteKey, FuenteOption, GestionStatus, Hue, IllustrationEntry, IllustrationName, IllustrationSize, IusAccordionAction, IusAccordionActionEvent, IusAccordionItem, IusAccordionItemContext, IusAccordionSize, IusAccordionVariant, IusAccountItemAction, IusAccountItemState, IusAnswerFeedbackSize, IusAnswerFeedbackValue, IusAppLayoutAccent, IusAutocompleteItemContext, IusAutocompletePlacement, IusAutocompleteSize, IusAutocompleteSource, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusAvatarStackItem, IusAvatarStackItemClick, IusAvatarStackStyle, IusBarChartOrientation, IusBarSeries, IusBreadcrumbItem, IusBreadcrumbNavigate, IusBreadcrumbSeparator, IusBreadcrumbSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCalendarMode, IusCalendarValue, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCardAs, IusCardPadding, IusCardRadius, IusCardVariant, IusCarouselImage, IusCarouselImageInput, IusCarouselObjectFit, IusCarouselOrder, IusCarouselOverlay, IusCarouselTransition, IusCheckboxLabelPosition, IusCheckboxSize, IusChipSize, IusChipState, IusCircularProgressSize, IusCircularProgressTone, IusCodeFieldSize, IusDateFilterMode, IusDateFilterPlacement, IusDateFilterSize, IusDateFilterValue, IusDatePickerMode, IusDatePickerState, IusDatePickerValue, IusDatePreset, IusDateRange, IusDateTimeValue, IusDetailSidePanelSection, IusDividerOrientation, IusDividerTextAlign, IusDividerVariant, IusDonutLegendPosition, IusDonutSegment, IusDrawerSide, IusDrawerSize, IusDropdownItem, IusDropdownTone, IusDropdownVariant, IusEleniaBubblePosition, IusEleniaBubbleSize, IusEleniaOrbMood, IusEleniaOrbSurface, IusEmptyStateAction, IusEmptyStateSize, IusEmptyStateTone, IusEmptyStateVariant, IusEntityDesc, IusEntityDescKind, IusEntityFacet, IusEntityFilter, IusEntityFilterOption, IusEntityGroup, IusEntityId, IusEntityItemHeights, IusEntityNode, IusEntityRowAccent, IusEntityRowAction, IusEntityRowKind, IusEntityRowNoveltyTone, IusEntityRowState, IusEntityRowTag, IusEntitySection, IusEntityStateSegment, IusEventAssignee, IusEventPillFill, IusEventPillSize, IusEventPillVariant, IusFileItemAction, IusFileItemActionClick, IusFileItemActivateOn, IusFileItemField, IusFileItemLayout, IusFileItemOwner, IusFileItemSize, IusFileItemTag, IusFileTypeIconSize, IusFileTypeIconVariant, IusFileUploadVariant, IusFilterField, IusFilterFieldOption, IusFilterFieldType, IusFilterRule, IusFilterValue, IusFlexAlign, IusFlexDirection, IusFlexGap, IusFlexJustify, IusFormColumns, IusFormError, IusFormFieldSpan, IusFormSectionVariant, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusInsightTone, IusInsightVariant, IusInsigniaSize, IusInsigniaTone, IusInsigniaVariant, IusLineChartPoints, IusLineSeries, IusLinearProgressSegment, IusLinearProgressSize, IusLinearProgressTone, IusListCardAction, IusListCardField, IusListCardMarker, IusListCardMenuItem, IusListCardSize, IusListCardStatus, IusListCardTag, IusListCardTone, IusListViewAction, IusListViewSize, IusListViewSortOption, IusLoadingMarkSurface, IusLoadingVariant, IusMenuItemSize, IusMenuItemState, IusMenuItemVariant, IusMenuOption, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPageHeaderDensity, IusPageHeaderTitleLevel, IusPartyListConnector, IusPartyListSize, IusPersonId, IusPersonItemAction, IusPersonItemSize, IusPersonItemState, IusPersonItemVariant, IusPersonOption, IusPersonPickerSelectedContext, IusPlanUsageAction, IusPlanUsageLegend, IusPlanUsageStatus, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusRepeatableControlContext, IusRepeatableInputMode, IusRepeatableItem, IusRepeatableSize, IusRepeatableTypeOption, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSectionHeaderAccent, IusSectionHeaderVariant, IusSectionTitleAs, IusSectionTitleHelpTrigger, IusSectionTitleSize, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSkeletonAnimation, IusSkeletonVariant, IusSparklineVariant, IusSplitterAccent, IusSplitterOrientation, IusStageDetailAccent, IusStageDetailAssignee, IusStageDetailState, IusStatAlign, IusStatSize, IusStatTone, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusStepperAccent, IusStepperAssignee, IusStepperCollapsedControl, IusStepperContextRow, IusStepperDetailDisplay, IusStepperOrientation, IusStepperPopoverAction, IusStepperSize, IusStepperStage, IusStepperStageEvent, IusStepperState, IusStepperSubstage, IusSwitchLabelPosition, IusSwitchSize, IusTabItem, IusTabTag, IusTableAlign, IusTableCellContext, IusTableColumn, IusTableHeaderContext, IusTableRowClick, IusTableRowKey, IusTableRowStyle, IusTableSize, IusTableSortChange, IusTableSortDirection, IusTableSummaryCell, IusTableTone, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldInputMode, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTimeValue, IusTimelineAccent, IusTimelineAssignee, IusTimelineAttachment, IusTimelineAttachmentClick, IusTimelineItem, IusTimelineItemState, IusTimelineSize, IusTimelineTag, IusTimelineTagTone, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, IusUploadFile, IusUploadStatus, IusUploader, IusUploaderHelpers, IusUserMenuAccount, IusUserMenuAccountOption, IusUserMenuItem, IusUserMenuOrigin, IusUserMenuService, IusUserMenuUser, Naturaleza, NaturalezaDef, NaturalezaOption, NaturalezaTone, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, SourceKey, SourceMeta, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };
+/** Familia de color: colorea el ícono y la barra; con `blocking`, también el texto. */
+type IusFooterStatusTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+/** Tamaño. Sin `size` explícito hereda `--ius-control-size` del ancestro. */
+type IusFooterStatusSize = 'small' | 'medium';
+/**
+ * Marca la salida del bloqueo (TextButton/Button), alineada al centro de la fila
+ * inmediatamente después del texto: `<ius-text-button iusFooterStatusAction …/>`.
+ */
+declare class IusFooterStatusActionDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusFooterStatusActionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusFooterStatusActionDirective, "[iusFooterStatusAction]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * FooterStatus — Ius Design v2 (familia feedback).
+ *
+ * Línea de estado del pie de acción (`footer` de Drawer/Modal, pie de Form, pie de
+ * página): texto plano sobre la superficie del pie, sin píldora ni caja tintada.
+ * La frase se compone por partes —`label` · `value` (+`separator`+`total`) · `unit`—
+ * y `meter` la ilustra con una `ius-linear-progress-bar`. Con `blocking` pasa a
+ * `role="alert"` y texto tonal; el primario lo deshabilita la vista, no el componente.
+ * Refluye a dos líneas, nunca trunca. Fuente de verdad: `FooterStatus.jsx` + ng-spec.
+ *
+ * Etiqueta de categoría → Tag; callout del cuerpo → Alert.
+ */
+declare class FooterStatusComponent {
+    readonly tone: _angular_core.InputSignal<IusFooterStatusTone>;
+    /** Ligadura Material Symbols; `false` oculta el ícono; omitir = default por tono. */
+    readonly icon: _angular_core.InputSignal<string | false | undefined>;
+    /** Texto antes de la cifra («Ocupa», «El lote supera el cupo:»). */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Cifra principal; un `number` se formatea en es-CO (`1.234`). */
+    readonly value: _angular_core.InputSignal<string | number | null | undefined>;
+    /** Cifra de referencia: `value <separator> total`. */
+    readonly total: _angular_core.InputSignal<string | number | null | undefined>;
+    /** Conector entre cifras; `''` las deja adyacentes. */
+    readonly separator: _angular_core.InputSignal<string>;
+    /** Texto después de la cifra («cupos disponibles»). */
+    readonly unit: _angular_core.InputSignal<string | undefined>;
+    /** Barra horizontal bajo el texto. */
+    readonly meter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Varios valores en la barra, sobre `total`. Requiere `meter`. */
+    readonly segments: _angular_core.InputSignal<IusLinearProgressSegment[] | undefined>;
+    /** Leyenda (punto + etiqueta + valor) de la barra segmentada. */
+    readonly meterLegend: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** La condición impide confirmar: `role="alert"` + texto tonal. */
+    readonly blocking: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly size: _angular_core.InputSignal<IusFooterStatusSize>;
+    private readonly actionRef;
+    protected readonly hasAction: _angular_core.Signal<boolean>;
+    protected readonly glyph: _angular_core.Signal<string | null>;
+    protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly showTotal: _angular_core.Signal<boolean>;
+    protected readonly before: _angular_core.Signal<string>;
+    protected readonly valueText: _angular_core.Signal<string>;
+    protected readonly connector: _angular_core.Signal<string>;
+    protected readonly totalText: _angular_core.Signal<string>;
+    protected readonly after: _angular_core.Signal<string>;
+    private readonly hasSegments;
+    protected readonly showMeter: _angular_core.Signal<boolean>;
+    /** `max` de la barra: el `total`, o el default de LinearProgressBar si no es numérico. */
+    protected readonly meterMax: _angular_core.Signal<number>;
+    protected readonly meterValue: _angular_core.Signal<number>;
+    /** La barra simple no admite gris: en `neutral` se rinde como segmento único. */
+    protected readonly meterSegments: _angular_core.Signal<IusLinearProgressSegment[] | undefined>;
+    protected readonly meterTone: _angular_core.Signal<IusLinearProgressTone>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FooterStatusComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FooterStatusComponent, "ius-footer-status", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "meter": { "alias": "meter"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "meterLegend": { "alias": "meterLegend"; "required": false; "isSignal": true; }; "blocking": { "alias": "blocking"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["actionRef"], ["[iusFooterStatusAction]"], true, never>;
+}
+
+type KanbanMenuRow = {
+    sep: true;
+    key: string;
+} | {
+    sep: false;
+    key: string | number;
+    action: IusKanbanCardAction;
+};
+
+/** Color del módulo / de la insignia: 6 semánticos + 6 frutas categóricas. */
+type IusKanbanTone = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'neutral' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
+/** Tono de una línea del cuerpo (texto + ícono prefijo). */
+type IusKanbanLineTone = 'neutral' | 'muted' | 'info' | 'success' | 'warning' | 'danger' | 'primary';
+type IusKanbanCardLayout = 'stacked' | 'row';
+/** Solo demos: fuerza un estado visual primario. */
+type IusKanbanCardState = 'hover' | 'focused';
+type IusKanbanId = string | number;
+/** Acción secundaria del menú ⋮ (también la usa KanbanColumn). */
+interface IusKanbanCardAction {
+    key?: string | number;
+    icon?: string;
+    label?: string;
+    onClick?: (event: MouseEvent) => void;
+    /** Agrupa el menú con divisores. */
+    group?: string;
+    /** Acción destructiva (rojo). */
+    danger?: boolean;
+}
+/** Insignia superior derecha (prioridad/novedad). Solo indicador. */
+interface IusKanbanCardFlag {
+    /** Default `dot`. */
+    variant?: IusInsigniaVariant;
+    /** Default `warning`. */
+    tone?: IusKanbanTone;
+    /** Default `small`. */
+    size?: IusInsigniaSize;
+    count?: number | string;
+    ring?: boolean;
+    label?: string;
+    ariaLabel?: string;
+}
+/** Texto de una línea: string/número o `TemplateRef` (equivalente del nodo React). */
+type IusKanbanCardText = string | number | TemplateRef<unknown>;
+interface IusKanbanCardLineObject {
+    text?: IusKanbanCardText;
+    /** Ícono Material Symbols como **prefijo** (a la izquierda de la línea). */
+    icon?: string;
+    /** Color del texto + ícono. */
+    tone?: IusKanbanLineTone;
+}
+/** Una línea: texto simple, `TemplateRef` u objeto `{text, icon, tone}`. */
+type IusKanbanCardLine = IusKanbanCardText | IusKanbanCardLineObject;
+/** Config de `ius-tag` para la fila de tags (size `small` por defecto). */
+interface IusKanbanCardTagConfig {
+    label?: string;
+    tone?: IusTagTone;
+    variant?: IusTagVariant;
+    size?: IusTagSize;
+    shape?: IusTagShape;
+    role?: IusTagRole;
+    icon?: string;
+    dot?: boolean;
+    count?: number | string;
+}
+/** Un tag: string, config de Tag o `TemplateRef`. */
+type IusKanbanCardTag = string | IusKanbanCardTagConfig | TemplateRef<unknown>;
+/** Responsable: chip Avatar + nombre en el pie (junto al caption). */
+interface IusKanbanCardAssignee {
+    name?: string;
+    src?: string;
+    avatar?: string;
+    monogram?: string;
+    icon?: string;
+    color?: IusAvatarColor;
+}
+type LineKind = 'overline' | 'title' | 'subtitle' | 'paragraph' | 'caption';
+interface ResolvedLine extends IusKanbanCardLineObject {
+    kind: LineKind;
+    textTpl: TemplateRef<unknown> | null;
+}
+interface ResolvedTag {
+    tpl: TemplateRef<unknown> | null;
+    cfg: IusKanbanCardTagConfig;
+}
+/** Slot al inicio proyectado (Avatar, ícono de tipo, Checkbox…). */
+declare class IusKanbanCardLeadingDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusKanbanCardLeadingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusKanbanCardLeadingDirective, "[iusKanbanCardLeading]", never, {}, {}, never, never, true, never>;
+}
+/** Slot al final proyectado (Switch «obligatorio», control…). */
+declare class IusKanbanCardTrailingDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusKanbanCardTrailingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusKanbanCardTrailingDirective, "[iusKanbanCardTrailing]", never, {}, {}, never, never, true, never>;
+}
+/** Contenido libre proyectado: reemplaza el cuerpo de líneas (`children` del golden). */
+declare class IusKanbanCardBodyDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusKanbanCardBodyDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusKanbanCardBodyDirective, "[iusKanbanCardBody]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KanbanCard — Ius Design v2 (familia kanban).
+ *
+ * Ítem arrastrable **presentacional**: el arrastre lo cablea KanbanBoard
+ * (`cdkDrag` en el contenedor; el grip es `cdkDragHandle`). Cuerpo flexible de
+ * líneas `overline·title·subtitle·paragraph·tags·caption`, cada una string,
+ * `TemplateRef` o `{text, icon, tone}`. `layout="row"` + `handle` = fila
+ * reordenable de un constructor.
+ *
+ * Slots `leading`/`trailing`/cuerpo libre: por proyección
+ * (`[iusKanbanCardLeading]`…) o por `TemplateRef` (lo que usa el board desde los
+ * ítems), con `templateContext` como contexto.
+ *
+ * Host = la tarjeta; `cardRef` expone la raíz (el forwardRef que el golden no
+ * tiene). `clicked` no dispara tras un arrastre. Para tarjetas estáticas que
+ * navegan a detalle → ListCard.
+ * Fuente de verdad: `KanbanCard.jsx` + `KanbanCard.d.ts` + `KanbanCard.ng-spec.md`.
+ */
+declare class KanbanCardComponent {
+    /** Raíz de la tarjeta (equivalente del `cardRef` del golden). */
+    readonly cardRef: ElementRef<HTMLElement>;
+    /** Línea superior tipo eyebrow (categoría, código…). */
+    readonly overline: _angular_core.InputSignal<IusKanbanCardLine | undefined>;
+    /** Título / nombre. */
+    readonly title: _angular_core.InputSignal<IusKanbanCardLine | undefined>;
+    /** Subtítulo corto (origen del lead, tipo de campo…). */
+    readonly subtitle: _angular_core.InputSignal<IusKanbanCardLine | undefined>;
+    /** Párrafo / cuerpo largo (hasta 3 líneas). */
+    readonly paragraph: _angular_core.InputSignal<IusKanbanCardLine | undefined>;
+    /** Pie fechado, normalmente con tono (umbral de inactividad). */
+    readonly caption: _angular_core.InputSignal<IusKanbanCardLine | undefined>;
+    /** Fila de Tags bajo el cuerpo. */
+    readonly tags: _angular_core.InputSignal<readonly IusKanbanCardTag[] | undefined>;
+    /** Responsable: config (Avatar + nombre) o `TemplateRef`. */
+    readonly assignee: _angular_core.InputSignal<TemplateRef<unknown> | IusKanbanCardAssignee | undefined>;
+    /** Insignia superior derecha (prioridad/novedad). */
+    readonly flag: _angular_core.InputSignal<IusKanbanCardFlag | undefined>;
+    /** Slot al inicio por `TemplateRef` (alternativa a `[iusKanbanCardLeading]`). */
+    readonly leading: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Slot al final por `TemplateRef` (alternativa a `[iusKanbanCardTrailing]`). */
+    readonly trailing: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Cuerpo libre por `TemplateRef` (alternativa a `[iusKanbanCardBody]`). */
+    readonly content: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Contexto con el que se estampan `leading`/`trailing`/`content`. */
+    readonly templateContext: _angular_core.InputSignal<unknown>;
+    /** `stacked` (tarjeta vertical) · `row` (fila horizontal compacta). */
+    readonly layout: _angular_core.InputSignal<IusKanbanCardLayout>;
+    /** Grip `drag_indicator`: el arrastre nace del grip, no de toda la card. */
+    readonly handle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Color del módulo para el anillo de selección. */
+    readonly accent: _angular_core.InputSignal<IusKanbanTone>;
+    /** Seleccionada: anillo accent. */
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Origen del arrastre: atenuada. */
+    readonly dragging: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Solo demos: fuerza `hover` · `focused`. */
+    readonly state: _angular_core.InputSignal<IusKanbanCardState | undefined>;
+    /** Acciones secundarias → menú ⋮ en Popover. */
+    readonly actions: _angular_core.InputSignal<readonly IusKanbanCardAction[] | undefined>;
+    /** La marca arrastrable el orquestador (cursor grab y grip activo). */
+    readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Id del ítem (se refleja en `data-item-id`). */
+    readonly itemId: _angular_core.InputSignal<IusKanbanId | undefined>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fuerza si la card es interactiva. Por defecto lo es cuando `(clicked)` está
+     * enlazado (el `onClick` del golden); el board lo fija según `multiSelect`.
+     */
+    readonly clickable: _angular_core.InputSignal<boolean | undefined>;
+    /** Clic en la card (abrir detalle). No dispara tras arrastrar. */
+    readonly clicked: EventEmitter<MouseEvent | KeyboardEvent>;
+    private readonly leadingRef;
+    private readonly trailingRef;
+    private readonly bodyRef;
+    protected readonly menuOpen: _angular_core.WritableSignal<boolean>;
+    private didDrag;
+    protected readonly hasLeading: _angular_core.Signal<boolean>;
+    protected readonly hasTrailing: _angular_core.Signal<boolean>;
+    protected readonly hasCustomBody: _angular_core.Signal<boolean>;
+    protected readonly lines: _angular_core.Signal<ResolvedLine[]>;
+    protected readonly captionLine: _angular_core.Signal<ResolvedLine | null>;
+    protected readonly resolvedTags: _angular_core.Signal<ResolvedTag[]>;
+    protected readonly assigneeTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    protected readonly assigneeCfg: _angular_core.Signal<IusKanbanCardAssignee | null>;
+    protected readonly menuRows: _angular_core.Signal<KanbanMenuRow[]>;
+    protected readonly hasActions: _angular_core.Signal<boolean>;
+    protected readonly hasCorner: _angular_core.Signal<boolean>;
+    protected get isClickable(): boolean;
+    constructor();
+    protected flagAriaLabel(flag: IusKanbanCardFlag): string | undefined;
+    /** El Popover solo abre por clic: Enter/Espacio sobre el ⋮ hacen lo mismo. */
+    protected toggleMenu(event: Event): void;
+    protected onAction(action: IusKanbanCardAction, event: MouseEvent): void;
+    protected onClick(event: MouseEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanCardComponent, "ius-kanban-card", never, { "overline": { "alias": "overline"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "paragraph": { "alias": "paragraph"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "assignee": { "alias": "assignee"; "required": false; "isSignal": true; }; "flag": { "alias": "flag"; "required": false; "isSignal": true; }; "leading": { "alias": "leading"; "required": false; "isSignal": true; }; "trailing": { "alias": "trailing"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "templateContext": { "alias": "templateContext"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "handle": { "alias": "handle"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "dragging": { "alias": "dragging"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "itemId": { "alias": "itemId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, ["leadingRef", "trailingRef", "bodyRef"], ["[iusKanbanCardLeading]", "[iusKanbanCardBody]", "[iusKanbanCardTrailing]"], true, never>;
+}
+
+/**
+ * KanbanColumn — Ius Design v2 (familia kanban).
+ *
+ * Silo de un board: cabecera (punto + título + contador + ⋮) sobre la lista
+ * vertical de KanbanCards (proyectadas), estado vacío (EmptyState compact) y
+ * pie «Agregar». `bare` = lista contenedora sin cromo que crece con su contenido
+ * y no corta la rueda (el scroll lo pone el ancestro). `collapsible` la pliega a
+ * una franja de 44px que sigue siendo destino de arrastre.
+ *
+ * **Presentacional**: el arrastre lo cablea KanbanBoard con CDK drag-drop
+ * (`cdkDropList` sobre el host con `.ius-kbcol__body`/`.ius-kbcol__strip` como
+ * contenedor y `cdkDrag` para el reorden de columnas; la cabecera y la franja
+ * son su `cdkDragHandle`). `bodyRef` expone el cuerpo desplazable.
+ * Fuente de verdad: `KanbanColumn.jsx` + `KanbanColumn.d.ts` + `KanbanColumn.ng-spec.md`.
+ */
+declare class KanbanColumnComponent {
+    /** Título de la etapa. */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /** Color del punto de cabecera y del contador. */
+    readonly tone: _angular_core.InputSignal<IusKanbanTone>;
+    /** Contador (píldora). Suele ser el nº de tarjetas. */
+    readonly count: _angular_core.InputSignal<number | undefined>;
+    /** Color del módulo para el resaltado de drop y el placeholder. */
+    readonly accent: _angular_core.InputSignal<IusKanbanTone>;
+    /** Acciones de columna → menú ⋮. */
+    readonly actions: _angular_core.InputSignal<readonly IusKanbanCardAction[] | undefined>;
+    readonly addLabel: _angular_core.InputSignalWithTransform<string, string | undefined>;
+    /**
+     * Muestra el pie «Agregar». Por defecto aparece cuando `(addItem)` está
+     * enlazado (el `onAddItem` del golden); el board lo fija explícito.
+     */
+    readonly addable: _angular_core.InputSignal<boolean | undefined>;
+    /** Sin tarjetas: estado vacío (EmptyState compact). */
+    readonly empty: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly emptyLabel: _angular_core.InputSignalWithTransform<string, string | undefined>;
+    readonly emptyIcon: _angular_core.InputSignalWithTransform<string, string | undefined>;
+    /** Sin cabecera/fondo: lista contenedora, sin scroll propio. */
+    readonly bare: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Ancho fijo (px). Ignorado en `bare`. */
+    readonly width: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Botón de plegar en la cabecera. Ignorado en `bare`. */
+    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Plegada (controlado). */
+    readonly collapsed: _angular_core.InputSignal<boolean | undefined>;
+    /** Plegada al montar (no controlado). */
+    readonly defaultCollapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Cabecera arrastrable (reorden de columnas). */
+    readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Esta columna se está arrastrando. */
+    readonly dragging: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Destino de drop actual (resaltado). */
+    readonly over: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Botón «Agregar» del pie. */
+    readonly addItem: EventEmitter<MouseEvent>;
+    /** Se pidió plegar (`true`) o desplegar (`false`). */
+    readonly collapsedChange: EventEmitter<boolean>;
+    /** Cuerpo desplazable (el `bodyRef` del golden). */
+    readonly bodyRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    private readonly innerCollapsed;
+    protected readonly menuOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly isCollapsed: _angular_core.Signal<boolean>;
+    protected readonly hostWidth: _angular_core.Signal<string>;
+    protected readonly countTone: _angular_core.Signal<IusKanbanTone>;
+    protected readonly emptyTone: _angular_core.Signal<IusEmptyStateTone | undefined>;
+    protected readonly menuRows: _angular_core.Signal<KanbanMenuRow[]>;
+    protected readonly hasActions: _angular_core.Signal<boolean>;
+    protected get showAdd(): boolean;
+    protected setCollapsed(value: boolean, event: MouseEvent): void;
+    protected onAction(action: IusKanbanCardAction, event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanColumnComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanColumnComponent, "ius-kanban-column", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "addLabel": { "alias": "addLabel"; "required": false; "isSignal": true; }; "addable": { "alias": "addable"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "emptyIcon": { "alias": "emptyIcon"; "required": false; "isSignal": true; }; "bare": { "alias": "bare"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "defaultCollapsed": { "alias": "defaultCollapsed"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "dragging": { "alias": "dragging"; "required": false; "isSignal": true; }; "over": { "alias": "over"; "required": false; "isSignal": true; }; }, { "addItem": "addItem"; "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
+}
+
+type IusKanbanBoardVariant = 'board' | 'list';
+interface IusKanbanBoardColumn {
+    /** Id único de la columna/etapa. */
+    id: string;
+    title?: string;
+    /** Color del punto + contador de la cabecera. */
+    tone?: IusKanbanTone;
+    /** Acento propio (anula el del board para esta columna). */
+    accent?: IusKanbanTone;
+    /** Contador explícito (por defecto = nº de tarjetas). */
+    count?: number;
+    /** Acciones de columna → menú ⋮. */
+    actions?: IusKanbanCardAction[];
+    /** Ancho propio (px). */
+    width?: number;
+    addLabel?: string;
+    emptyLabel?: string;
+    /** Columna sin cromo (lista contenedora). */
+    bare?: boolean;
+    /** Plegable a franja; plegada sigue siendo destino de drop (la tarjeta va al final). */
+    collapsible?: boolean;
+    /** Plegada (controlado; usar con `(columnCollapse)`). */
+    collapsed?: boolean;
+    /** Plegada al montar (no controlado). */
+    defaultCollapsed?: boolean;
+}
+/** Contexto de `leading`/`trailing`/`content` de un ítem: `let-item`. */
+interface IusKanbanItemContext {
+    $implicit: IusKanbanBoardItem;
+}
+/** Ítem: `id` (+ `columnId` en board) y las props de KanbanCard. */
+interface IusKanbanBoardItem {
+    id: IusKanbanId;
+    /** Columna a la que pertenece (ignorado en `list`). */
+    columnId?: string;
+    overline?: IusKanbanCardLine;
+    title?: IusKanbanCardLine;
+    subtitle?: IusKanbanCardLine;
+    paragraph?: IusKanbanCardLine;
+    caption?: IusKanbanCardLine;
+    tags?: IusKanbanCardTag[];
+    assignee?: IusKanbanCardAssignee | TemplateRef<unknown>;
+    flag?: IusKanbanCardFlag;
+    leading?: TemplateRef<IusKanbanItemContext>;
+    trailing?: TemplateRef<IusKanbanItemContext>;
+    /** Cuerpo libre (el `children` del golden). */
+    content?: TemplateRef<IusKanbanItemContext>;
+    actions?: IusKanbanCardAction[];
+    ariaLabel?: string;
+    layout?: IusKanbanCardLayout;
+    handle?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    /** Clic propio del ítem (gana sobre `(itemClick)`). */
+    onClick?: (event: MouseEvent | KeyboardEvent) => void;
+}
+interface IusKanbanItemMoveInfo {
+    /** Columna de origen (undefined en `list`). */
+    from?: string;
+    /** Columna destino (undefined en `list`). */
+    to?: string;
+    /** Índice final dentro de la columna destino (-1 = al final, «Mover todas a…»). */
+    index: number;
+}
+interface IusKanbanItemMoveEvent {
+    itemId: IusKanbanId;
+    info: IusKanbanItemMoveInfo;
+}
+interface IusKanbanItemsMoveEvent {
+    itemIds: IusKanbanId[];
+    info: IusKanbanItemMoveInfo;
+}
+/** Lo que el golden esparce como `dragProps` en `renderCard`. */
+interface IusKanbanCardDragProps {
+    draggable: boolean;
+    dragging: boolean;
+    itemId: IusKanbanId;
+    accent: IusKanbanTone;
+    layout: IusKanbanCardLayout;
+    handle: boolean;
+}
+/** Contexto de `renderCard`: `let-item let-drag="drag"`. */
+interface IusKanbanRenderCardContext {
+    $implicit: IusKanbanBoardItem;
+    drag: IusKanbanCardDragProps;
+}
+/**
+ * KanbanBoard — Ius Design v2 (familia kanban). **Orquestador de drag-and-drop.**
+ *
+ * `variant="board"`: columnas (pipeline) — mover tarjetas entre/dentro de etapas
+ * y reordenar columnas por la cabecera. `variant="list"`: sortable vertical de
+ * una sola lista sin cromo (campos de plantilla, checklist); crece con su
+ * contenido y deja pasar la rueda al ancestro (`ius-scroll-area`).
+ *
+ * DnD con `@angular/cdk/drag-drop`: `cdkDropList` por columna (conectadas por
+ * `cdkDropListGroup`), `cdkDrag` por tarjeta y lista horizontal de columnas; el
+ * índice sale del CDK. Estado de orden **no controlado** (resincroniza si
+ * `items`/`columns` cambian por referencia) y avisa por outputs. Multi-selección
+ * Cmd/Ctrl-click (arrastrar una seleccionada mueve la pila), «Mover todas a…»
+ * en el ⋮ y columnas plegables.
+ * Fuente de verdad: `KanbanBoard.jsx` + `KanbanBoard.d.ts` + `KanbanBoard.ng-spec.md`.
+ */
+declare class KanbanBoardComponent {
+    private readonly injector;
+    /** Columnas/etapas (board). En `list` solo se toma la primera como config. */
+    readonly columns: _angular_core.InputSignal<readonly IusKanbanBoardColumn[]>;
+    /** Ítems; cada uno con `id` y, en board, `columnId`. */
+    readonly items: _angular_core.InputSignal<readonly IusKanbanBoardItem[]>;
+    /** Color del módulo (anillos de selección/drop). */
+    readonly accent: _angular_core.InputSignal<IusKanbanTone>;
+    readonly variant: _angular_core.InputSignal<IusKanbanBoardVariant>;
+    /** Permite arrastrar tarjetas. */
+    readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Reordenar columnas arrastrando su cabecera (solo board). */
+    readonly reorderColumns: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Default `stacked` (board) / `row` (list). */
+    readonly cardLayout: _angular_core.InputSignal<IusKanbanCardLayout | undefined>;
+    /** Default false (board) / true (list). */
+    readonly cardHandle: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Render custom de cada tarjeta. Contexto `let-item let-drag="drag"`: aplicar
+     * `drag.draggable/dragging/handle/itemId/accent/layout` al `ius-kanban-card`.
+     */
+    readonly renderCard: _angular_core.InputSignal<TemplateRef<IusKanbanRenderCardContext> | undefined>;
+    /** Ancho por defecto de columna (px). */
+    readonly columnWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Id de la tarjeta seleccionada (anillo accent). */
+    readonly selectedItemId: _angular_core.InputSignal<IusKanbanId | undefined>;
+    /** Cmd/Ctrl-click selecciona varias; arrastrar una seleccionada mueve la pila. */
+    readonly multiSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Inyecta «Mover todas a …» en el ⋮ de cada columna con tarjetas. */
+    readonly bulkMove: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly addColumnLabel: _angular_core.InputSignal<string>;
+    /** Tarjeta movida. */
+    readonly itemMove: EventEmitter<IusKanbanItemMoveEvent>;
+    /** Pila movida (multi-selección o «Mover todas a…»). Si no se enlaza, el bulk emite `itemMove` por id. */
+    readonly itemsMove: EventEmitter<IusKanbanItemsMoveEvent>;
+    /** Clic en una tarjeta (abrir detalle/Drawer). */
+    readonly itemClick: EventEmitter<IusKanbanBoardItem>;
+    /** Cambió la multi-selección. */
+    readonly selectionChange: EventEmitter<IusKanbanId[]>;
+    /** Se pidió plegar/desplegar una columna `collapsible`. */
+    readonly columnCollapse: EventEmitter<{
+        columnId: string;
+        collapsed: boolean;
+    }>;
+    /** Columna reordenada (al soltar). */
+    readonly columnMove: EventEmitter<{
+        columnId: string;
+        index: number;
+    }>;
+    /** Botón «Agregar» al pie de cada columna (undefined en `list`). */
+    readonly addItem: EventEmitter<string | undefined>;
+    /** Botón para crear columna al final del board. */
+    readonly addColumn: EventEmitter<MouseEvent>;
+    protected readonly isList: _angular_core.Signal<boolean>;
+    protected readonly effLayout: _angular_core.Signal<IusKanbanCardLayout>;
+    protected readonly effHandle: _angular_core.Signal<boolean>;
+    protected readonly cols: _angular_core.WritableSignal<IusKanbanBoardColumn[]>;
+    private readonly data;
+    private readonly collapsedMap;
+    private readonly sel;
+    /** Ids que viajan en el arrastre en curso (la pila si hay multi-selección). */
+    private readonly dragIds;
+    protected readonly overCol: _angular_core.WritableSignal<string | null>;
+    /** Alto de la tarjeta tomada: el placeholder lo copia (el golden lo estima de una card). */
+    protected readonly phHeight: _angular_core.WritableSignal<number | null>;
+    private readonly dragInjectors;
+    protected readonly columnActions: _angular_core.Signal<Map<string, IusKanbanCardAction[]>>;
+    protected orderOf(colId: string): IusKanbanId[];
+    protected itemOf(id: IusKanbanId): IusKanbanBoardItem | undefined;
+    protected countOf(col: IusKanbanBoardColumn): number | undefined;
+    protected isColCollapsed(col: IusKanbanBoardColumn): boolean;
+    /** Vacía = sin tarjetas y sin un arrastre encima (el golden pinta ahí el placeholder). */
+    protected isEmpty(col: IusKanbanBoardColumn): boolean;
+    protected isInteractive(item: IusKanbanBoardItem): boolean;
+    protected isSelected(item: IusKanbanBoardItem): boolean;
+    protected isDragging(id: IusKanbanId): boolean;
+    protected itemContext(item: IusKanbanBoardItem): IusKanbanItemContext;
+    protected renderContext(item: IusKanbanBoardItem): IusKanbanRenderCardContext;
+    /**
+     * Injector del `renderCard`: el template del consumidor se declara fuera del
+     * board, así que la card que pinta solo ve su `cdkDrag` (grip y supresión de
+     * clic tras arrastrar) si se le inyecta aquí.
+     */
+    protected dragInjector(drag: CdkDrag): Injector;
+    protected onCardClick(item: IusKanbanBoardItem, event: MouseEvent | KeyboardEvent): void;
+    private clearSelection;
+    /** Selección en orden del tablero, incluyendo el ancla arrastrada. */
+    private orderedSelection;
+    protected measure(event: Event): void;
+    protected onDragStarted(event: CdkDragStart<IusKanbanId>, colId: string): void;
+    protected onListExited(colId: string): void;
+    protected onItemDrop(event: CdkDragDrop<string, string, IusKanbanId>): void;
+    /**
+     * Índice de inserción de la pila entre las tarjetas que NO viajan: se aplica el
+     * movimiento del ancla que reporta el CDK y se cuentan las ajenas que quedan
+     * antes. En una columna plegada va al final.
+     */
+    private dropIndex;
+    /** Mueve 1..n ids a `to` en `index`, contiguos y en su orden relativo. */
+    private performMoveIds;
+    /** «Mover todas a …» del menú ⋮ de columna. */
+    private moveAll;
+    protected onColumnDrop(event: CdkDragDrop<unknown, unknown, string>): void;
+    protected toggleCollapse(col: IusKanbanBoardColumn, collapsed: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanBoardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanBoardComponent, "ius-kanban-board", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "reorderColumns": { "alias": "reorderColumns"; "required": false; "isSignal": true; }; "cardLayout": { "alias": "cardLayout"; "required": false; "isSignal": true; }; "cardHandle": { "alias": "cardHandle"; "required": false; "isSignal": true; }; "renderCard": { "alias": "renderCard"; "required": false; "isSignal": true; }; "columnWidth": { "alias": "columnWidth"; "required": false; "isSignal": true; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "bulkMove": { "alias": "bulkMove"; "required": false; "isSignal": true; }; "addColumnLabel": { "alias": "addColumnLabel"; "required": false; "isSignal": true; }; }, { "itemMove": "itemMove"; "itemsMove": "itemsMove"; "itemClick": "itemClick"; "selectionChange": "selectionChange"; "columnCollapse": "columnCollapse"; "columnMove": "columnMove"; "addItem": "addItem"; "addColumn": "addColumn"; }, never, never, true, never>;
+}
+
+export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DateFilterComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FooterStatusComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_DOCUMENT_VIEWER_ZOOM_STEPS, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDocViewerActionsDirective, IusDocViewerAsideDirective, IusDocViewerBodyDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFooterStatusActionDirective, IusFormFooterDirective, IusInsightActionsDirective, IusKanbanCardBodyDirective, IusKanbanCardLeadingDirective, IusKanbanCardTrailingDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, KanbanBoardComponent, KanbanCardComponent, KanbanColumnComponent, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PaginationComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RadioComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SelectNumberComponent, SelectionFieldComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, resolveViewKind, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };
+export type { ActuacionEntry, ActuacionMeta, ActuacionStatus, AlertSize, AlertTone, AlertVariant, CategoryColors, CategoryDef, CategoryHueSource, CategoryKey, CategoryOption, ChartCategoricalTone, ChartCurve, ChartPoint, ChartSemanticTone, ChartTone, Clase, ClaseDef, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, EventIconSource, EventKind, EventKindOption, FileKind, FileKindDef, FileKindDomain, FileKindFs, FileKindMeta, FileKindOption, FileTypeHue, FuenteColors, FuenteDef, FuenteKey, FuenteOption, GestionStatus, Hue, IllustrationEntry, IllustrationName, IllustrationSize, IusAccordionAction, IusAccordionActionEvent, IusAccordionItem, IusAccordionItemContext, IusAccordionSize, IusAccordionVariant, IusAccountItemAction, IusAccountItemState, IusAnswerFeedbackSize, IusAnswerFeedbackValue, IusAppLayoutAccent, IusAutocompleteItemContext, IusAutocompletePlacement, IusAutocompleteSize, IusAutocompleteSource, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusAvatarStackItem, IusAvatarStackItemClick, IusAvatarStackStyle, IusBarChartOrientation, IusBarSeries, IusBreadcrumbItem, IusBreadcrumbNavigate, IusBreadcrumbSeparator, IusBreadcrumbSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCalendarMode, IusCalendarValue, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCardAs, IusCardPadding, IusCardRadius, IusCardVariant, IusCarouselImage, IusCarouselImageInput, IusCarouselObjectFit, IusCarouselOrder, IusCarouselOverlay, IusCarouselTransition, IusCheckboxLabelPosition, IusCheckboxSize, IusChipSize, IusChipState, IusCircularProgressSize, IusCircularProgressTone, IusCodeFieldSize, IusDateFilterMode, IusDateFilterPlacement, IusDateFilterSize, IusDateFilterValue, IusDatePickerMode, IusDatePickerState, IusDatePickerValue, IusDatePreset, IusDateRange, IusDateTimeValue, IusDetailSidePanelSection, IusDetailSidePanelSide, IusDividerOrientation, IusDividerTextAlign, IusDividerVariant, IusDocumentViewerCloseReason, IusDocumentViewerKind, IusDocumentViewerVariant, IusDonutLegendPosition, IusDonutSegment, IusDrawerSide, IusDrawerSize, IusDropdownItem, IusDropdownTone, IusDropdownVariant, IusEleniaBubblePosition, IusEleniaBubbleSize, IusEleniaOrbMood, IusEleniaOrbSurface, IusEmptyStateAction, IusEmptyStateSize, IusEmptyStateTone, IusEmptyStateVariant, IusEntityDesc, IusEntityDescKind, IusEntityFacet, IusEntityFilter, IusEntityFilterOption, IusEntityGroup, IusEntityId, IusEntityItemHeights, IusEntityNode, IusEntityRowAccent, IusEntityRowAction, IusEntityRowKind, IusEntityRowNoveltyTone, IusEntityRowState, IusEntityRowTag, IusEntitySection, IusEntityStateSegment, IusEventAssignee, IusEventPillFill, IusEventPillSize, IusEventPillVariant, IusFileItemAction, IusFileItemActionClick, IusFileItemActivateOn, IusFileItemField, IusFileItemLayout, IusFileItemOwner, IusFileItemSize, IusFileItemStatus, IusFileItemTag, IusFileTypeIconSize, IusFileTypeIconVariant, IusFileUploadVariant, IusFilterField, IusFilterFieldOption, IusFilterFieldType, IusFilterRule, IusFilterValue, IusFlexAlign, IusFlexDirection, IusFlexGap, IusFlexJustify, IusFooterStatusSize, IusFooterStatusTone, IusFormColumns, IusFormError, IusFormFieldSpan, IusFormSectionVariant, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusInsightTone, IusInsightVariant, IusInsigniaSize, IusInsigniaTone, IusInsigniaVariant, IusKanbanBoardColumn, IusKanbanBoardItem, IusKanbanBoardVariant, IusKanbanCardAction, IusKanbanCardAssignee, IusKanbanCardDragProps, IusKanbanCardFlag, IusKanbanCardLayout, IusKanbanCardLine, IusKanbanCardLineObject, IusKanbanCardState, IusKanbanCardTag, IusKanbanCardTagConfig, IusKanbanCardText, IusKanbanId, IusKanbanItemContext, IusKanbanItemMoveEvent, IusKanbanItemMoveInfo, IusKanbanItemsMoveEvent, IusKanbanLineTone, IusKanbanRenderCardContext, IusKanbanTone, IusLineChartPoints, IusLineSeries, IusLinearProgressSegment, IusLinearProgressSize, IusLinearProgressTone, IusListCardAction, IusListCardField, IusListCardMarker, IusListCardMenuItem, IusListCardSize, IusListCardStatus, IusListCardTag, IusListCardTone, IusListViewAction, IusListViewSize, IusListViewSortOption, IusLoadingMarkSurface, IusLoadingVariant, IusMenuItemSize, IusMenuItemState, IusMenuItemVariant, IusMenuOption, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPageHeaderDensity, IusPageHeaderTitleLevel, IusPaginationSize, IusPaginationVariant, IusPartyListConnector, IusPartyListSize, IusPersonId, IusPersonItemAction, IusPersonItemSize, IusPersonItemState, IusPersonItemVariant, IusPersonOption, IusPersonPickerSelectedContext, IusPlanUsageAction, IusPlanUsageLegend, IusPlanUsageStatus, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusRadioLabelPosition, IusRadioSize, IusRepeatableControlContext, IusRepeatableInputMode, IusRepeatableItem, IusRepeatableSize, IusRepeatableTypeOption, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSectionHeaderAccent, IusSectionHeaderVariant, IusSectionTitleAs, IusSectionTitleHelpTrigger, IusSectionTitleSize, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusSelectionFieldDirection, IusSelectionFieldLabelPosition, IusSelectionFieldSize, IusSelectionFieldType, IusSelectionFieldValue, IusSelectionOption, IusSelectionOptionValue, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSkeletonAnimation, IusSkeletonVariant, IusSparklineVariant, IusSplitterAccent, IusSplitterOrientation, IusStageDetailAccent, IusStageDetailAssignee, IusStageDetailState, IusStatAlign, IusStatSize, IusStatTone, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusStepperAccent, IusStepperAssignee, IusStepperCollapsedControl, IusStepperContextRow, IusStepperDetailDisplay, IusStepperOrientation, IusStepperPopoverAction, IusStepperSize, IusStepperStage, IusStepperStageEvent, IusStepperState, IusStepperSubstage, IusSwitchLabelPosition, IusSwitchSize, IusTabItem, IusTabTag, IusTableAlign, IusTableCellContext, IusTableChildRowKey, IusTableColumn, IusTableExpandedContext, IusTableHeaderContext, IusTableRowClick, IusTableRowKey, IusTableRowLabel, IusTableRowMeta, IusTableRowStyle, IusTableSize, IusTableSortChange, IusTableSortDirection, IusTableSummaryCell, IusTableTone, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldInputMode, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTimeValue, IusTimelineAccent, IusTimelineAssignee, IusTimelineAttachment, IusTimelineAttachmentClick, IusTimelineItem, IusTimelineItemState, IusTimelineSize, IusTimelineTag, IusTimelineTagTone, IusToastActionContext, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, IusUploadFile, IusUploadStatus, IusUploader, IusUploaderHelpers, IusUserMenuAccount, IusUserMenuAccountOption, IusUserMenuItem, IusUserMenuOrigin, IusUserMenuService, IusUserMenuUser, Naturaleza, NaturalezaDef, NaturalezaOption, NaturalezaTone, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, SourceKey, SourceMeta, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };