@litigiovirtual/ius-design-components 2.0.5 → 2.1.0

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

@@ -849,7 +849,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). */
@@ -869,7 +869,7 @@ declare class AlertComponent {
     /** Alineación (auto: `center` si hay `trailing` sin `actions`). */
     readonly align: _angular_core.InputSignal<"start" | "center" | 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;
@@ -1900,446 +1900,553 @@ declare class TagComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ius-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "closed": "closed"; }, ["prefixRef", "suffixRef"], ["[iusTagPrefix]", "*", "[iusTagSuffix]"], true, never>;
 }
 
-/** Tamaño del campo: small ~34 · medium ~40 (default) · large ~48 px. */
-type IusMultiTextFieldSize = 'small' | 'medium' | 'large';
-/** Estado forzado — solo demos / especímenes. */
-type IusMultiTextFieldState = 'hover' | 'focused' | 'error' | 'disabled';
-/** Un segmento (`<input>`) del MultiTextField. */
-interface IusMultiTextFieldSlot {
-    /** Placeholder del segmento. */
-    placeholder?: string;
-    /** `name` del input (envío como form). */
-    name?: string;
-    /** Tipo del `<input>`. Default `text`. */
-    type?: 'text' | 'number' | 'tel' | 'password';
-    /** Valor controlado del segmento. */
-    value?: string;
-    /** Valor inicial (no controlado). */
-    defaultValue?: string;
-    /** Ancho fijo. Número → px; string → CSS literal. */
-    width?: number | string;
-    /** `flex` (`'1 1 auto'`, `'0 0 60px'`, …) si necesitas más control que `width`. */
-    flex?: string | number;
-    /** Largo máximo de caracteres (habilita auto-avance). */
-    maxLength?: number;
-    /** Etiqueta accesible del segmento (si el placeholder no basta). */
-    ariaLabel?: string;
-    /** Callback opcional al teclear este segmento (además del `valueChange` del conjunto). */
-    onChange?: (value: string, event: Event) => void;
-}
+/** Tono semántico de un estado (nunca un hue "fruta"). */
+type StatusTone = 'info' | 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+/** Los 6 tonos semánticos, en el orden del contrato. Útil para matrices/demos. */
+declare const STATUS_TONES: readonly StatusTone[];
 /**
- * MultiTextField — Ius Design v2 (familia inputs).
- *
- * Variación de **TextField** que acopla varios `<input>` dentro de una misma
- * caja separados por divisores verticales — para datos compuestos (tarjeta
- * MM | AAAA + CVV, teléfono con prefijo, NIT + DV…). Reusa el wrapper `.ius-tf`
- * (label con required + iconHelp, 5 estados, size, helpText/errorText) y un
- * **único** botón de limpiar que vacía todos los segmentos. Fuente de verdad:
- * `MultiTextField.jsx` + `MultiTextField.d.ts` (delta sobre `TextField.ng-spec`).
- *
- * `ControlValueAccessor` **a nivel de conjunto**: el valor es el array de
- * valores por segmento (`string[]`); también se emite en `valueChange`. Cada
- * slot puede además traer su propio `onChange`. Auto-avance al llenar el
- * `maxLength` y Backspace en segmento vacío retrocede.
- *
- * Nota: las clases `.ius-tf__*` (label/help/hint/field/clear) se replican en el
- * SCSS porque bajo `ViewEncapsulation.Emulated` las de TextField no alcanzan a
- * otro componente. `showIconHelp` usa `title` nativo como respaldo hasta que
- * exista `ius-popover`. `[data-force]` congela un estado visual en demos.
+ * Cómo se pinta un estado: rótulo, tono semántico e ícono Material Symbols
+ * (ligadura, p. ej. `check_circle`).
  */
-declare class MultiTextFieldComponent implements ControlValueAccessor {
-    protected readonly slotsState: _angular_core.WritableSignal<IusMultiTextFieldSlot[]>;
-    /** Segmentos; cada uno un `<input>` separado por un divisor vertical. */
-    set slots(value: IusMultiTextFieldSlot[]);
-    get slots(): IusMultiTextFieldSlot[];
-    /** Label común a todos los segmentos. */
-    label?: string;
-    /** Indicador de obligatorio (•). */
-    required: boolean;
-    /** Ícono de ayuda `?` junto al label (respaldo: `title` nativo). */
-    showIconHelp: boolean;
-    /** Título del contenido de ayuda. */
-    iconHelpTitle?: string;
-    /** Cuerpo del contenido de ayuda. */
-    iconHelpContent?: string;
-    /** Línea de ayuda bajo el campo. */
-    helpText?: string;
-    /** Reemplaza `helpText` cuando `error` es `true`. */
-    errorText?: string;
-    /** Mostrar/ocultar la línea de ayuda. */
-    showHelpText: boolean;
-    /** Forzar visibilidad del botón limpiar (por defecto: auto con valor). */
-    showClear?: boolean;
-    private readonly errorState;
-    /** Estado de error global. */
-    set error(value: boolean);
-    get error(): boolean;
-    private readonly disabledState;
-    /** Estado deshabilitado global. */
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    protected readonly sizeState: _angular_core.WritableSignal<IusMultiTextFieldSize>;
-    set size(value: IusMultiTextFieldSize);
-    get size(): IusMultiTextFieldSize;
-    protected readonly stateState: _angular_core.WritableSignal<IusMultiTextFieldState | undefined>;
-    /** Forzar visualmente un estado completo (solo demos). */
-    set state(value: IusMultiTextFieldState | undefined);
-    get state(): IusMultiTextFieldState | undefined;
-    /** `id` base del campo (los segmentos serán `id-0`, `id-1`, …). */
-    id?: string;
-    /** Valores del conjunto (array por segmento). */
-    readonly valueChange: EventEmitter<string[]>;
-    /** Al pulsar el botón de limpiar (después de vaciar). */
-    readonly cleared: EventEmitter<void>;
-    protected readonly values: _angular_core.WritableSignal<string[]>;
-    protected readonly focused: _angular_core.WritableSignal<boolean>;
-    /** Tras limpiar en un estado demo, suprime el "valor" simulado. */
-    private readonly suppressDemoValue;
-    /** Último valor escrito por el CVA (por si llega antes que los slots). */
-    private readonly pendingValue;
-    private readonly baseIdState;
-    private readonly slotInputs;
-    private onChange;
-    private onTouched;
-    protected readonly isDisabled: _angular_core.Signal<boolean>;
-    protected readonly isError: _angular_core.Signal<boolean>;
-    protected readonly isFocused: _angular_core.Signal<boolean>;
-    protected readonly hasAnyValue: _angular_core.Signal<boolean>;
-    protected readonly demoHasValue: _angular_core.Signal<boolean>;
-    protected get baseId(): string;
-    protected get helpId(): string;
-    protected get hint(): string | undefined;
-    protected get showHint(): boolean;
-    protected get helpIconTitle(): string | undefined;
-    /** El botón de limpiar está activo (visible y operable). */
-    protected get clearActive(): boolean;
-    /** Se reserva el hueco del clear (visibility) para no desplazar los segmentos. */
-    protected get clearReserved(): boolean;
-    protected currentValue(i: number): string;
-    /** flex del segmento: width > flex > (maxLength → base auto) > CSS (1 1 auto). */
-    protected slotFlex(slot: IusMultiTextFieldSlot): string | null;
-    /** width del segmento: solo cuando se deriva del maxLength. */
-    protected slotWidth(slot: IusMultiTextFieldSlot): string | null;
-    writeValue(value: string[] | null): void;
-    registerOnChange(fn: (value: string[]) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    private syncValues;
-    private commit;
-    private focusSlot;
-    protected onSlotInput(i: number, event: Event): void;
-    protected onSlotKeyDown(i: number, event: KeyboardEvent): void;
-    protected onFocus(): void;
-    protected onBlur(): void;
-    protected clear(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiTextFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiTextFieldComponent, "ius-multi-text-field", never, { "slots": { "alias": "slots"; "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; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; }, never, never, true, never>;
-    static ngAcceptInputType_required: unknown;
-    static ngAcceptInputType_showIconHelp: unknown;
-    static ngAcceptInputType_showHelpText: unknown;
-    static ngAcceptInputType_error: unknown;
-    static ngAcceptInputType_disabled: unknown;
+interface StatusMeta {
+    /** Rótulo humano del estado. `string` (el golden usa `ReactNode`; ver §1 de la cabecera). */
+    label: string;
+    /** Familia semántica del estado. */
+    tone: StatusTone;
+    /** Ligadura Material Symbols Rounded. */
+    icon: string;
 }
-
-/** Ancho máximo del diálogo — small 380 · medium 520 (default) · large 680px. */
-type IusModalSize = 'small' | 'medium' | 'large';
-/** Tono del círculo del ícono del header. */
-type IusModalIconTone = 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'neutral';
-/** Motivo del cierre emitido por `closed`. */
-type IusModalCloseReason = 'close' | 'esc' | 'scrim' | 'secondary';
 /**
- * Marca el footer libre proyectado. Tiene prioridad sobre el footer de
- * conveniencia (`primaryLabel`/`secondaryLabel`):
- *
- * ```html
- * <ius-modal ...>
- *   …cuerpo…
- *   <div iusModalFooter>…acciones a medida…</div>
- * </ius-modal>
- * ```
+ * Mapa de una entidad: `status → StatusMeta`. El **orden de declaración** de las
+ * claves es el orden del ciclo de vida.
  */
-declare class IusModalFooterDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusModalFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusModalFooterDirective, "[iusModalFooter]", never, {}, {}, never, never, true, never>;
+type StatusVocabMap = Readonly<Record<string, StatusMeta>>;
+/** Opción lista para dropdown / filtro / orden por estado. */
+interface StatusOption {
+    /** Clave del estado (la que viaja al backend). */
+    value: string;
+    /** Rótulo humano. */
+    label: string;
+    /** Familia semántica. */
+    tone: StatusTone;
+    /** Ligadura Material Symbols Rounded. */
+    icon: string;
+}
+/** Par de variables de color de un tono: texto/ícono y punto (marca). */
+interface StatusToneVars {
+    /** Color del texto y del ícono. Siempre un `var(--ius-*)`. */
+    fg: string;
+    /** Color del punto/marca. Siempre un `var(--ius-*)`. */
+    mark: string;
 }
 /**
- * Modal — Ius Design v2.
- *
- * Diálogo centrado sobre un scrim que exige atención/decisión (confirmaciones,
- * avisos accionables) sin abandonar la pantalla. Se monta vía **CDK Overlay** en
- * `document.body` (no acepta `container`): portal + **scroll-lock** del fondo +
- * **focus-trap** dentro (`cdkTrapFocus`). `Esc`/scrim cierran (configurable).
- * `role="dialog"` `aria-modal="true"`.
- *
- * Compone `ius-button` (footer) e `ius-icon-button` (cerrar) — no introduce
- * controles propios. Para tareas con varios campos usar Drawer; para avisos no
- * bloqueantes usar Alert/Toast.
+ * Catálogo: entidad → `{ status → StatusMeta }`.
  *
+ * El **orden de declaración** de cada estado es el orden del ciclo. El catálogo
+ * es ABIERTO: se agregan entidades aquí sin tocar `StatusChip` (ver
+ * `STATUS_VOCABS_PENDING`). Un módulo puede además extender en runtime pasando
+ * `customMap` a `resolveStatus`.
  */
-declare class ModalComponent implements AfterViewInit, OnDestroy {
-    private readonly overlay;
-    private readonly viewContainerRef;
-    /** Template con scrim + diálogo; se portalea al overlay al abrir. */
-    private tpl;
-    /** Footer libre proyectado (`[iusModalFooter]`). Si existe, gana al de conveniencia. */
-    protected customFooter?: IusModalFooterDirective;
-    private _open;
-    /** Apertura controlada. */
-    set open(value: boolean);
-    get open(): boolean;
-    /** Ancho máximo (380·520·680; ≤480px full-width). */
-    size: IusModalSize;
-    /** Título del header. */
-    title?: string;
-    /** Descripción breve bajo el título. */
-    description?: string;
-    /** Ligadura Material Symbols al inicio del header (círculo suave del tono). */
-    icon?: string;
-    /** Tono del círculo del ícono. */
-    iconTone: IusModalIconTone;
-    /** Botón de cerrar (×) en el header. */
-    showClose: boolean;
-    /** Texto del botón primario de conveniencia. */
-    primaryLabel?: string;
-    /** Loading del primario. */
-    primaryLoading: boolean;
-    /** Deshabilita el primario. */
-    primaryDisabled: boolean;
-    /** Acción destructiva: el primario de conveniencia usa `variant="danger"` (rojo). */
-    destructive: boolean;
-    /** Texto del botón secundario. `null` lo oculta. */
-    secondaryLabel: string | null;
-    /** Divisores entre header/body/footer. */
-    dividers: boolean;
-    /** Cerrar al hacer clic en el scrim. */
-    closeOnScrim: boolean;
-    /** Cerrar con Escape. */
-    closeOnEsc: boolean;
-    /** z-index del scrim. */
-    zIndex: number;
-    /** Etiqueta accesible si no hay `title`. */
-    ariaLabel?: string;
-    /** Cierre con el motivo (`onClose` del golden). */
-    readonly closed: EventEmitter<IusModalCloseReason>;
-    /** Clic en el primario de conveniencia (`onPrimary`). */
-    readonly primary: EventEmitter<MouseEvent>;
-    /** Clic en el secundario de conveniencia (`onSecondary`). Si nadie lo escucha, cierra. */
-    readonly secondary: EventEmitter<void>;
-    private overlayRef;
-    private keydownSub;
-    private viewReady;
-    protected get hasHead(): boolean;
-    protected get iconColors(): {
-        bg: string;
-        fg: string;
+declare const STATUS_VOCAB: {
+    readonly actuacion: {
+        readonly nueva: {
+            readonly label: "Nueva";
+            readonly tone: "info";
+            readonly icon: "fiber_new";
+        };
+        readonly vista: {
+            readonly label: "Vista";
+            readonly tone: "neutral";
+            readonly icon: "drafts";
+        };
+        readonly gestion: {
+            readonly label: "En gestión";
+            readonly tone: "primary";
+            readonly icon: "pending_actions";
+        };
+        readonly cerrada: {
+            readonly label: "Cerrada";
+            readonly tone: "success";
+            readonly icon: "check_circle";
+        };
     };
-    protected get showSecondary(): boolean;
-    /** Footer de conveniencia sólo si no hay footer libre y hay algo que mostrar. */
-    protected get hasConvenienceFooter(): boolean;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private sync;
-    private attach;
-    private detach;
-    protected onScrimMouseDown(event: MouseEvent): void;
-    protected onCloseClick(): void;
-    protected onPrimary(event: MouseEvent): void;
-    protected onSecondary(): void;
-    private emitClose;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "ius-modal", never, { "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconTone": { "alias": "iconTone"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "primaryLabel": { "alias": "primaryLabel"; "required": false; }; "primaryLoading": { "alias": "primaryLoading"; "required": false; }; "primaryDisabled": { "alias": "primaryDisabled"; "required": false; }; "destructive": { "alias": "destructive"; "required": false; }; "secondaryLabel": { "alias": "secondaryLabel"; "required": false; }; "dividers": { "alias": "dividers"; "required": false; }; "closeOnScrim": { "alias": "closeOnScrim"; "required": false; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "closed": "closed"; "primary": "primary"; "secondary": "secondary"; }, ["customFooter"], ["*", "[iusModalFooter]"], true, never>;
-    static ngAcceptInputType_open: unknown;
-    static ngAcceptInputType_showClose: unknown;
-    static ngAcceptInputType_primaryLoading: unknown;
-    static ngAcceptInputType_primaryDisabled: unknown;
-    static ngAcceptInputType_destructive: unknown;
-    static ngAcceptInputType_dividers: unknown;
-    static ngAcceptInputType_closeOnScrim: unknown;
-    static ngAcceptInputType_closeOnEsc: unknown;
-    static ngAcceptInputType_zIndex: unknown;
-}
-
+    readonly gestion: {
+        readonly por_hacer: {
+            readonly label: "Por hacer";
+            readonly tone: "info";
+            readonly icon: "radio_button_unchecked";
+        };
+        readonly en_curso: {
+            readonly label: "En curso";
+            readonly tone: "primary";
+            readonly icon: "pending";
+        };
+        readonly por_vencer: {
+            readonly label: "Por vencer";
+            readonly tone: "warning";
+            readonly icon: "schedule";
+        };
+        readonly vencida: {
+            readonly label: "Vencida";
+            readonly tone: "danger";
+            readonly icon: "event_busy";
+        };
+        readonly hecha: {
+            readonly label: "Hecha";
+            readonly tone: "success";
+            readonly icon: "check_circle";
+        };
+    };
+};
+/** Entidades con vocabulario definido HOY en el catálogo. */
+type StatusVocabName = keyof typeof STATUS_VOCAB;
+/** Estados del vocabulario `actuacion` (validado). */
+type ActuacionStatus = keyof (typeof STATUS_VOCAB)['actuacion'];
+/** Estados del vocabulario `gestion` (propuesto — confirmar con backend). */
+type GestionStatus = keyof (typeof STATUS_VOCAB)['gestion'];
+/** Entidades con vocabulario definido. */
+declare const STATUS_VOCABS: readonly StatusVocabName[];
 /**
- * Rol tipográfico → clase de escala (`typography.css`). `body` es alias de
- * `body-base`. Mapa exacto en VARIANT_CLASS/DEFAULT_TAG.
+ * Entidades que TIENEN estado pero cuyo vocabulario aún NO está en el catálogo:
+ * sus estados/tonos son decisión humana pendiente con el backend (§6 del
+ * golden). Se listan para documentar el hueco, no para inventarlo. Al validarse
+ * se agregan a `STATUS_VOCAB` y se quitan de aquí; `StatusChip` no se toca.
  */
-type IusTextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body-lg' | 'emphasis-lg' | 'body-base' | 'emphasis-base' | 'body' | 'caption' | 'body-sm' | 'label' | 'overline';
+declare const STATUS_VOCABS_PENDING: readonly string[];
 /**
- * Alias de color de texto → `--ius-text-*`. `danger`→`--ius-text-error`,
- * `inverse`→`--ius-text-on-primary`.
+ * Estados (claves) de una entidad, en orden de ciclo.
+ * `[]` si la entidad no existe.
  */
-type IusTextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'danger' | 'warning' | 'info' | 'link';
-type IusTextWeight = 'regular' | 'medium' | 'bold';
-type IusTextAlign = 'left' | 'center' | 'right' | 'justify';
+declare function statusOrder(vocab: string): string[];
 /**
- * Tag polimórfico soportado. Adaptación Angular del `as` (React acepta cualquier
- * `keyof JSX.IntrinsicElements`; aquí un set finito para elegir el template, tal
- * como recomienda la ng-spec §3). Cubre los tags del sistema + inline comunes.
+ * Mapa `status → StatusMeta` de una entidad.
+ * `null` si la entidad no está en el catálogo (retorno nullable, a propósito).
  */
-type IusTextTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span' | 'label' | 'div' | 'strong' | 'em' | 'small';
+declare function statusVocab(vocab: string): StatusVocabMap | null;
+/**
+ * Resuelve un estado a `StatusMeta` en este orden:
+ *   1. `customMap[status]` — extensión en runtime del módulo consumidor;
+ *   2. catálogo central de la entidad;
+ *   3. `null` — entidad o estado desconocido: el consumidor decide (el átomo
+ *      `StatusChip` cae a `neutral` con el `status` crudo como rótulo).
+ *
+ * @param vocab Entidad (p. ej. `'actuacion'`).
+ * @param status Clave del estado YA resuelta por el consumidor (la urgencia de
+ *   una tarea se deriva antes de llamar aquí).
+ * @param customMap Vocabulario extra del módulo; gana sobre el catálogo.
+ */
+declare function resolveStatus(vocab: string, status: string | null | undefined, customMap?: Readonly<Record<string, StatusMeta>>): StatusMeta | null;
+/**
+ * Opciones listas para dropdown / filtro / orden de una entidad, en orden de
+ * ciclo. `[]` si la entidad no existe.
+ */
+declare function statusOptions(vocab: string): StatusOption[];
+/**
+ * Tono semántico → `{ fg, mark }` (strings `var(--ius-*)`).
+ * Único punto del sistema que conoce las vars de color del estado.
+ * Un tono desconocido, `null` o `undefined` cae a `neutral` (nunca falla).
+ */
+declare function statusToneVars(tone: StatusTone | null | undefined): StatusToneVars;
+
+/** Tono semántico del estado. */
+type IusListCardTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'primary';
+/** Densidad de la fila. */
+type IusListCardSize = 'small' | 'medium' | 'large';
+/** Columna de metadatos (label arriba / valor abajo). */
+interface IusListCardField {
+    /** Etiqueta superior (opcional; omítela para un valor suelto como el monto). */
+    label?: string;
+    /** Valor mostrado debajo de la etiqueta. */
+    value: string;
+    /** Ícono Material Symbols antes del valor (p.ej. correo, teléfono). */
+    icon?: string;
+    /** Resalta el valor (display, semibold, color primario) — p.ej. el monto. */
+    emphasis?: boolean;
+    /** Alinea el campo a la derecha. */
+    align?: 'start' | 'end';
+    /**
+     * Ancho fijo de ESTA columna (px o CSS). Para que toda la lista comparta la
+     * misma rejilla, el ListView emitirá `--_lc-col-N` (cuando exista); un
+     * `width` aquí gana sobre la rejilla.
+     */
+    width?: number | string;
+    /** Oculta el campo cuando la fila está en hover (para dar lugar a las acciones). */
+    hideOnHover?: boolean;
+    key?: string | number;
+}
+/** Estado al final de la fila — delega en `ius-status-chip`. */
+interface IusListCardStatus {
+    label?: string;
+    /** Tono semántico (escape hatch directo cuando no hay vocab). Default `'neutral'`. */
+    tone?: IusListCardTone;
+    /** `true` = ícono del estado (según catálogo) en vez del punto; string = ícono propio. */
+    icon?: boolean | string;
+    /** Vocabulario del catálogo de estados a resolver (p.ej. `'actuacion'`, `'gestion'`). */
+    vocab?: string;
+    /** Clave de estado dentro del `vocab` (p.ej. `'gestion'`, `'cerrada'`). */
+    status?: string;
+    /** Extensión de vocabulario en runtime (espejo de `customMap` del golden). */
+    customMap?: Readonly<Record<string, StatusMeta>>;
+    /** Oculta el estado en hover (p.ej. factura: "No pagada" → acciones). */
+    hideOnHover?: boolean;
+}
+/**
+ * Marcador de acceso PERSISTENTE en la fila (NO se oculta en hover), a
+ * diferencia de `actions`. Para accesos a documentos/recursos siempre visibles:
+ * p.ej. escudo = documento del estado, documento = providencia.
+ */
+interface IusListCardMarker {
+    /** Ícono Material Symbols. */
+    icon: string;
+    /** Etiqueta accesible / tooltip. */
+    label?: string;
+    ariaLabel?: string;
+    tooltip?: string;
+    /** Variante del IconButton. Default `'tertiary'`. */
+    variant?: IusIconButtonVariant;
+    onClick?: (event: MouseEvent) => void;
+    key?: string | number;
+}
+/** Acción utilitaria revelada en hover (IconButton). */
+interface IusListCardAction {
+    /** Ícono Material Symbols. */
+    icon: string;
+    /** Etiqueta accesible / tooltip. */
+    label?: string;
+    ariaLabel?: string;
+    /** Tooltip en hover (si no, usa `label`). */
+    tooltip?: string;
+    onClick?: (event: MouseEvent) => void;
+    key?: string | number;
+}
+/** Opción del menú de overflow (⋮). Espejo de `IusDropdownItem`/`IusMenuOption`. */
+interface IusListCardMenuItem {
+    key?: string | number;
+    icon?: string;
+    label?: string;
+    /** Agrupa: al cambiar de `group` inserta un divisor. */
+    group?: string | number;
+    /** Inserta un divisor en su lugar. */
+    separator?: boolean;
+    danger?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent) => void;
+}
+/** Tag inline en la fila de título (subconjunto de props de `ius-tag`). */
+interface IusListCardTag {
+    label?: string;
+    tone?: IusTagTone;
+    variant?: IusTagVariant;
+    /** Ícono Material Symbols como prefijo. */
+    icon?: string;
+    /** Punto de acento (si se omite, el rol `status` ya lo activa). */
+    dot?: boolean;
+    key?: string | number;
+}
+/** Marca el bloque inicial proyectado (típicamente `<ius-avatar iusListCardLeading>`). */
+declare class IusListCardLeadingDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListCardLeadingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListCardLeadingDirective, "[iusListCardLeading]", never, {}, {}, never, never, true, never>;
+}
+/** Overline rico proyectado (alternativa al input `overline`). */
+declare class IusListCardOverlineDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListCardOverlineDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListCardOverlineDirective, "[iusListCardOverline]", never, {}, {}, never, never, true, never>;
+}
+/** Título rico proyectado (alternativa al input `title`). */
+declare class IusListCardTitleDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListCardTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListCardTitleDirective, "[iusListCardTitle]", never, {}, {}, never, never, true, never>;
+}
+/** Subtítulo rico proyectado — admite markup (`<b>` resalta cifras). */
+declare class IusListCardSubtitleDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListCardSubtitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListCardSubtitleDirective, "[iusListCardSubtitle]", never, {}, {}, never, never, true, never>;
+}
+/** Párrafo largo proyectado — ocupa toda la fila (empuja `fields` a 2ª línea). */
+declare class IusListCardParagraphDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListCardParagraphDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListCardParagraphDirective, "[iusListCardParagraph]", never, {}, {}, never, never, true, never>;
+}
 /**
- * Text — Ius Design v2. Primitiva tipográfica (display-only, sin estado).
- *
- * Wrapper delgado sobre la escala de `typography.css`: mapea `variant` → clase y
- * expone `color / weight / as / align / italic / truncate / tabularNums` con
- * tokens `--ius-*` (cero valores crudos). Contrato único para todo texto plano.
- *
- * El host `ius-text` usa `display: contents`, así que no genera caja propia: el
- * tag renderizado (h1…h5 / p / span / label…) se comporta como hijo directo.
- *
- * Port completo: los 14 variants mapean a su clase real de `typography.css`
- * (incl. `.ius-label`/`.ius-overline`) y los 10 colores a su token `--ius-text-*`
- * (incl. `--ius-text-warning`/`--ius-text-info`), sincronizados desde Claude Design.
- *
- * Fuente de verdad: `components/data-display/Text/Text.jsx` + `Text.d.ts`
- * (contrato en `Text.ng-spec.md` §4).
+ * ListCard — Ius Design v2 (familia data-display).
+ *
+ * Fila-tarjeta horizontal y flexible para listas cuyos ítems navegan a un
+ * detalle. Layout por slots:
+ * `[leading]·[overline·título·subtítulo·paragraph]·[fields]·[status]·[markers]·[actions+⋮(hover)]·[chevron]`.
+ * Fuente de verdad: `ListCard.jsx` + `ListCard.d.ts` + `ListCard.ng-spec.md`.
+ * Card rica: resuelve su propia composición, NO se monta sobre `Card`.
+ *
+ * Compone `ius-avatar` (leading, proyectado), `ius-tag` (tags inline) y
+ * `ius-icon-button` (acciones/markers). Host = la tarjeta (patrón Tag): con
+ * `(clicked)` enlazado se vuelve navegable (role=button, tabindex, Enter en
+ * keydown + Espacio en keyup) y muestra chevron por defecto.
+ *
+ * `status` delega en `ius-status-chip` (vocab+status contra el catálogo, o
+ * tone/label/icon directo) y `menu` (⋮) compone `ius-dropdown` (trigger
+ * IconButton `more_vert` proyectado, hover-only con `data-menu-open` mientras
+ * el panel está abierto).
+ *
+ * No usar para el árbol denso de navegación (EntityRow) ni como ítem de menú
+ * (MenuItem). Primera carga → envolver en Skeleton (patrón externo).
  */
-declare class TextComponent {
-    /** Rol tipográfico → clase de escala + tag por defecto. */
-    variant: IusTextVariant;
-    /** Color semántico (alias → `--ius-text-*`). Sin valor: hereda el de la clase. */
-    color?: IusTextColor;
-    /** Peso: override del peso por defecto del variant → `--ius-fw-*`. */
-    weight?: IusTextWeight;
-    /** Tag polimórfico: override del tag semántico por defecto del variant. */
-    as?: IusTextTag;
-    /** Alineación (`text-align`). */
-    align?: IusTextAlign;
-    /** Itálico (clase modificadora en body-base/caption/body-sm; inline en el resto). */
-    italic: boolean;
-    /** Trunca a una línea con elipsis. */
-    truncate: boolean;
-    /** Números tabulares (montos/radicados es-CO). */
-    tabularNums: boolean;
-    /** `for` del `<label>` (sólo aplica cuando el tag renderizado es `label`). */
-    for?: string;
-    /** Tag efectivo (as > default del variant > span). */
-    protected get tag(): IusTextTag;
-    private get variantClass();
-    /** `ius-text` base + clase de escala (+ modificador itálico si aplica). */
-    protected get klass(): string;
-    /** Overrides por token (color/weight/align/italic-inline/tabular/truncate). */
-    protected get styleObject(): Record<string, string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "ius-text", never, { "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "as": { "alias": "as"; "required": false; }; "align": { "alias": "align"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "truncate": { "alias": "truncate"; "required": false; }; "tabularNums": { "alias": "tabularNums"; "required": false; }; "for": { "alias": "for"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_italic: unknown;
-    static ngAcceptInputType_truncate: unknown;
-    static ngAcceptInputType_tabularNums: unknown;
+declare class ListCardComponent implements AfterViewInit, OnChanges, OnDestroy {
+    private readonly el;
+    /** Etiqueta pequeña sobre el título (fecha, "Activo", categoría…). */
+    overline?: string;
+    /** Ícono Material Symbols antes del overline. */
+    overlineIcon?: string;
+    /** Título en negrita (radicado, nombre, "Visa ****0123", plan…). */
+    title?: string;
+    /** Ícono Material Symbols antes del título. */
+    titleIcon?: string;
+    /** Tags inline junto al título (se renderizan con `ius-tag` size small). */
+    tags: IusListCardTag[];
+    /** Subtítulo simple; para markup rico proyectar `[iusListCardSubtitle]`. */
+    subtitle?: string;
+    /** Ícono Material Symbols antes del subtítulo. */
+    subtitleIcon?: string;
+    /**
+     * Párrafo de texto largo (descripción, nota). Tiene prioridad de ancho: ocupa
+     * toda la fila, de modo que un párrafo denso empuja `fields` a la 2ª línea.
+     * Para markup rico proyectar `[iusListCardParagraph]`.
+     */
+    paragraph?: string;
+    /** Columnas de metadatos (label arriba / valor abajo). */
+    fields: IusListCardField[];
+    /** Estado al final: `{vocab,status}` contra el catálogo o `{tone,label,icon}` directo. */
+    status?: IusListCardStatus;
+    /** Acciones reveladas en hover (IconButton por defecto). */
+    actions: IusListCardAction[];
+    /**
+     * Opciones de uso frecuente en un menú de overflow (⋮, `more_vert`).
+     * Hover-only; se mantiene visible mientras su menú está abierto.
+     */
+    menu: IusListCardMenuItem[];
+    /** Accesos PERSISTENTES (no hover): escudo/documento, etc. (IconButton). */
+    markers: IusListCardMarker[];
+    /** Muestra el chevron de navegación. Default: `true` si hay `(clicked)`. */
+    chevron?: boolean;
+    /** No leído: punto navy al inicio + título en negrita. */
+    unread: boolean;
+    /** Densidad. `medium` (default) hereda `--ius-density` del contexto. */
+    size: IusListCardSize;
+    /** Render personalizado de cada acción (original `renderAction`). */
+    renderAction?: TemplateRef<{
+        $implicit: IusListCardAction;
+        index: number;
+    }>;
+    ariaLabel?: string;
+    /** Click de la fila — navega a detalle (original `onClick`). */
+    readonly clicked: EventEmitter<MouseEvent>;
+    private readonly leadingRef;
+    private readonly overlineRef;
+    private readonly titleRef;
+    private readonly subtitleRef;
+    private readonly paragraphRef;
+    protected get hasLeading(): boolean;
+    protected get hasOverline(): boolean;
+    protected get hasTitleRow(): boolean;
+    protected get titleRefPresent(): boolean;
+    protected get hasSubtitle(): boolean;
+    protected get hasParagraph(): boolean;
+    /** Navegable cuando el consumidor enlazó `(clicked)` (espejo de `onClick`). */
+    protected get clickable(): boolean;
+    /** Chevron: valor explícito o sigue a `clickable`. */
+    protected get showChevron(): boolean;
+    protected get hasTrail(): boolean;
+    protected get statusChipSize(): 'small' | 'medium';
+    /** Refleja la apertura del Dropdown en `data-menu-open` (hover-reveal persistente). */
+    protected readonly menuOpen: _angular_core.WritableSignal<boolean>;
+    protected onMenuOpenChange(open: boolean): void;
+    protected onAction(action: IusListCardAction, event: MouseEvent): void;
+    protected onMarker(marker: IusListCardMarker, event: MouseEvent): void;
+    protected fieldWidth(field: IusListCardField): string | null;
+    protected onHostClick(event: MouseEvent): void;
+    /** Enter en keydown y Espacio en keyup activan SOLO con el foco en la fila. */
+    protected onKeyActivate(event: Event): void;
+    /** Espacio en keydown: solo evita el scroll; la activación ocurre en keyup. */
+    protected onSpaceDown(event: Event): void;
+    /** `true` cuando el bloque de `fields` cayó a la 2ª línea → divisor a lo ancho. */
+    protected readonly wrapped: _angular_core.WritableSignal<boolean>;
+    private resizeObserver?;
+    private rafId;
+    private viewReady;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private scheduleMeasure;
+    private measureWrap;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListCardComponent, "ius-list-card", never, { "overline": { "alias": "overline"; "required": false; }; "overlineIcon": { "alias": "overlineIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "subtitleIcon": { "alias": "subtitleIcon"; "required": false; }; "paragraph": { "alias": "paragraph"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "status": { "alias": "status"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; "chevron": { "alias": "chevron"; "required": false; }; "unread": { "alias": "unread"; "required": false; }; "size": { "alias": "size"; "required": false; }; "renderAction": { "alias": "renderAction"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "clicked": "clicked"; }, ["leadingRef", "overlineRef", "titleRef", "subtitleRef", "paragraphRef"], ["[iusListCardLeading]", "[iusListCardOverline]", "[iusListCardTitle]", "[iusListCardSubtitle]", "[iusListCardParagraph]"], true, never>;
+    static ngAcceptInputType_unread: unknown;
 }
 
-/** Degradado base según el fondo. */
-type IusLoadingMarkSurface = 'light' | 'dark';
 /**
+ * Opción de menú — tipo **compartido** por Menu, Dropdown y ContextMenu.
  *
- * Cargador de **identidad** Litigiovirtual: tres fichas se deslizan por el
- * cuadrado mientras el conjunto gira y un **cometa** de luz cian orbita el
- * contorno sobre el degradado base navy→cian. Para splash, arranque y esperas
- * largas donde la marca debe estar presente. Para una espera neutra/compacta
- * dentro de la UI botón, fila, panel, usar Loading/CircularProgress; este no
- * lleva etiqueta ni se incrusta en controles.
- *
+ * `trailing` acepta texto plano o un `TemplateRef` (equivalente Angular del
+ * slot/ReactNode del golden, según la regla de port `render` → `TemplateRef`).
  */
-declare class LoadingMarkComponent {
-    /** Lado del cuadro en px. */
-    size: number;
-    /** `light` navy sólido (default) · `dark` navy→cian sobre superficie navy. */
-    surface: IusLoadingMarkSurface;
-    /** Congela la animación (figura estática). También respeta reduced-motion. */
-    paused: boolean;
-    /** Etiqueta accesible. */
-    ariaLabel: string;
-    private readonly id;
-    protected readonly baseId: string;
-    protected readonly glowId: string;
-    protected readonly softId: string;
-    protected readonly maskId: string;
-    /** Parada inicial del degradado base (siempre navy). */
-    protected get baseFrom(): string;
-    /** Parada final: navy en `light`; abre a `--ius-primary-600` en `dark`. */
-    protected get baseTo(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingMarkComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadingMarkComponent, "ius-loading-mark", never, { "size": { "alias": "size"; "required": false; }; "surface": { "alias": "surface"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_size: unknown;
-    static ngAcceptInputType_paused: unknown;
-}
-
-/** Escala del sistema — small ~34 · medium ~40 (default) · large ~48px. */
-type IusSegmentedSize = 'small' | 'medium' | 'large';
-/** `subtle` = pastilla blanca elevada (default) · `solid` = pastilla navy de marca. */
-type IusSegmentedVariant = 'subtle' | 'solid';
-/** Opción del control (2–5, cortas, todas visibles). */
-interface SegmentedOption {
-    /** Valor único (lo que recibe `valueChange`). */
-    value: string;
-    /** Etiqueta visible (omitible en `iconOnly`). */
-    label?: string;
-    /** Ligadura Material Symbols Rounded. */
+interface IusMenuOption {
+    /** Valor lógico — el que viaja en `valueChange` y marca el check. */
+    value?: string | number;
+    /** Clave de `@for`; si falta se usa `value` y, en último caso, el índice. */
+    key?: string | number;
+    /** Ícono Material Symbols a la izquierda. */
     icon?: string;
-    /** Etiqueta accesible cuando `iconOnly` oculta el texto. */
-    ariaLabel?: string;
-    title?: string;
-    /** Deshabilita sólo esta opción. */
+    /** Texto de la fila. */
+    label?: string;
+    /** Contenido al final de la fila (atajo, valor, chevron). */
+    trailing?: string | TemplateRef<unknown>;
+    /** Al cambiar de grupo se inserta un divisor. */
+    group?: string | number;
+    /** Divisor explícito (la fila no se renderiza). */
+    separator?: boolean;
+    /** Acción destructiva (rojo). */
+    danger?: boolean;
+    /** Fila inerte. */
     disabled?: boolean;
+    /** Acción propia de la opción. */
+    onClick?: (event: MouseEvent) => void;
+}
+/** Fila resuelta o divisor — lo que realmente pinta la plantilla. */
+interface IusMenuRow {
+    kind: 'separator' | 'item';
+    key: string;
+    item?: IusMenuOption;
+    selected?: boolean;
 }
 /**
- * SegmentedControl — Ius Design v2.
- *
- * Selector **único** de pocas opciones cortas, mutuamente excluyentes y **todas
- * visibles a la vez** (Mes/Semana/Día, filtros de estado, conmutadores de modo).
- * Para 0–1 opción → Switch; para muchas/largas → Select; para acciones → Button.
+ * Menu — Ius Design v2 (familia overlays). **SUPERFICIE compartida de menú.**
  *
- * `role="radiogroup"` + `role="radio"` con `aria-checked`; navegación con
- * ←/→/↑/↓/Home/End (mueve foco y selección) y roving `tabindex`. Implementa
- * `ControlValueAccessor` (`string`) y además soporta `[(value)]` directo.
+ * Lista de **MenuItem** con encabezado opcional, divisores, grupos, ítems
+ * peligrosos/deshabilitados y modo selección única (check a la derecha). Es el
+ * cuerpo que **Dropdown** ancla a un disparador y **ContextMenu** ancla al
+ * cursor: por sí sola **no se posiciona ni gestiona apertura**.
  *
- * Fuente de verdad: `components/inputs/SegmentedControl/SegmentedControl.jsx` + `.d.ts`.
+ * Fuente de verdad: `Menu.jsx` + `Menu.d.ts` + `Menu.ng-spec.md`. Las filas se
+ * renderizan con `size="small"` y `variant="menu"`, como el golden.
  */
-declare class SegmentedControlComponent implements ControlValueAccessor {
-    /** Opciones mutuamente excluyentes (2–5 cortas; todas visibles). */
-    options: SegmentedOption[];
-    /** Escala del sistema. */
-    size: IusSegmentedSize;
-    /** Jerarquía visual de la pastilla seleccionada. */
-    variant: IusSegmentedVariant;
-    /** Ocupa todo el ancho, repartiendo las opciones por igual. */
-    fullWidth: boolean;
-    /** Sólo íconos (oculta labels; usa ariaLabel/label como título accesible). */
-    iconOnly: boolean;
-    /** Etiqueta accesible del grupo. */
-    ariaLabel?: string;
-    /** `name` de los radios. */
-    name?: string;
-    private readonly valueState;
-    /** Valor seleccionado (controlado / CVA). */
-    set value(v: string | undefined);
-    get value(): string | undefined;
-    private readonly disabledState;
-    /** Deshabilita todo el control. */
-    set disabled(v: boolean);
-    get disabled(): boolean;
-    /** Cambio de selección (original `onChange`). Habilita `[(value)]`. */
-    readonly valueChange: EventEmitter<string>;
-    protected readonly selected: _angular_core.Signal<string | undefined>;
-    private readonly optRefs;
-    private onChange;
-    private onTouched;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    protected isEnabled(o: SegmentedOption): boolean;
-    /** Roving tabindex (espejo del golden: seleccionado, o el primero si no hay valor). */
-    protected tabIndexFor(o: SegmentedOption, index: number): number;
-    private commit;
-    private focusAndSelect;
-    private focusByOffset;
-    protected onOptionClick(o: SegmentedOption): void;
-    protected onKeyDown(event: KeyboardEvent, index: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlComponent, "ius-segmented-control", never, { "options": { "alias": "options"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
-    static ngAcceptInputType_fullWidth: unknown;
-    static ngAcceptInputType_iconOnly: unknown;
-    static ngAcceptInputType_disabled: unknown;
+declare class MenuComponent {
+    /** Opciones del menú (tipo compartido con Dropdown/ContextMenu). */
+    readonly items: _angular_core.InputSignal<readonly IusMenuOption[]>;
+    /** Selección única: marca `value` con un check. */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Valor elegido en modo `selectable`. */
+    readonly value: _angular_core.InputSignal<string | number | undefined>;
+    /** Encabezado visual del menú. */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Etiqueta accesible de la superficie. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Modo `selectable` — espejo de `onChange`. */
+    readonly valueChange: _angular_core.OutputEmitterRef<{
+        value: string | number | undefined;
+        item: IusMenuOption;
+    }>;
+    /** Tras activar un ítem — Dropdown/ContextMenu lo usan para cerrar. */
+    readonly itemClick: _angular_core.OutputEmitterRef<{
+        item: IusMenuOption;
+        event: MouseEvent;
+    }>;
+    /**
+     * Aplana `items` a filas pintables insertando los divisores de grupo: al
+     * cambiar `group` respecto de la fila anterior se mete un separador (el
+     * primer ítem nunca lo lleva), y `separator: true` es un divisor explícito.
+     */
+    protected readonly rows: _angular_core.Signal<IusMenuRow[]>;
+    /** `trailing` como TemplateRef (slot rico) — si no, se pinta como texto. */
+    protected trailingTpl(item: IusMenuOption): TemplateRef<unknown> | null;
+    /** `trailing` como texto plano (atajo, valor corto). */
+    protected trailingText(item: IusMenuOption): string | null;
+    protected onItemClick(row: IusMenuRow, event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "ius-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+/** Familia de color del disparador por defecto. */
+type IusDropdownTone = 'primary' | 'neutral';
+/** Tratamiento del disparador por defecto. */
+type IusDropdownVariant = 'ghost' | 'outline';
+/** Opción del Dropdown — el tipo compartido de Menu/ContextMenu. */
+type IusDropdownItem = IusMenuOption;
+/**
+ * Marca un disparador propio, en lugar del ghost texto+chevron por defecto:
+ * `<ius-dropdown><ius-icon-button iusDropdownTrigger …/></ius-dropdown>`.
+ */
+declare class IusDropdownTriggerDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDropdownTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDropdownTriggerDirective, "[iusDropdownTrigger]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Dropdown — Ius Design v2 (familia overlays).
+ *
+ * Menú desplegable accionable: un disparador abre un **Popover** (sin rabito,
+ * `bottom-start` por defecto) con una superficie **Menu**. Dos modos: **acciones**
+ * (cada ítem ejecuta y cierra) y **selección única** (`selectable`, check en la
+ * activa y la etiqueta elegida en el disparador).
+ *
+ * El disparador por defecto es un botón ghost texto+chevron (el chevron gira al
+ * abrir); `variant="outline"` replica el contenedor del botón de QueryBuilder
+ * (mismo borde/radio/padding/altura) para encajar en barras y SegmentGroup. Con
+ * `[iusDropdownTrigger]` se proyecta un disparador propio.
+ *
+ * No es campo de formulario — eso es **Select**; para una sola acción →
+ * Button/IconButton. Fuente de verdad: `Dropdown.jsx` + `Dropdown.d.ts` +
+ * `Dropdown.ng-spec.md`.
+ */
+declare class DropdownComponent {
+    /** Opciones del menú (mismo shape que `MenuOption`). */
+    readonly items: _angular_core.InputSignal<readonly IusMenuOption[]>;
+    /** Selección única: marca la opción activa con un check. */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Valor elegido en modo `selectable`. */
+    readonly value: _angular_core.InputSignal<string | number | undefined>;
+    /** Encabezado del menú (y texto del disparador por defecto si no hay elegida). */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Texto del disparador por defecto (gana sobre la opción elegida y `label`). */
+    readonly triggerLabel: _angular_core.InputSignal<string | undefined>;
+    /** Ícono Material Symbols del disparador por defecto. */
+    readonly triggerIcon: _angular_core.InputSignal<string | undefined>;
+    /** Familia de color del disparador por defecto. */
+    readonly tone: _angular_core.InputSignal<IusDropdownTone>;
+    /** Tratamiento del disparador por defecto. */
+    readonly variant: _angular_core.InputSignal<IusDropdownVariant>;
+    /** Colocación del panel respecto del disparador. */
+    readonly placement: _angular_core.InputSignal<IusPopoverPlacement>;
+    /** Modo controlado (`undefined` = no controlado con `defaultOpen`). */
+    readonly open: _angular_core.InputSignal<boolean | undefined>;
+    /** Estado inicial del modo no controlado. */
+    readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Etiqueta accesible del disparador por defecto. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Modo `selectable` — espejo de `onChange`. */
+    readonly valueChange: _angular_core.OutputEmitterRef<{
+        value: string | number | undefined;
+        item: IusDropdownItem;
+    }>;
+    /** Apertura/cierre del panel. */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly customTrigger: _angular_core.Signal<IusDropdownTriggerDirective | undefined>;
+    /** `null` = el usuario todavía no ha abierto/cerrado → manda `defaultOpen`. */
+    private readonly internalOpen;
+    /** Controlado por `open` si viene definido; si no, estado interno. */
+    protected readonly isOpen: _angular_core.Signal<boolean>;
+    /** Opción activa en modo `selectable` — alimenta el texto del disparador. */
+    private readonly current;
+    /** `triggerLabel` › etiqueta de la opción elegida › `label`. */
+    protected readonly triggerText: _angular_core.Signal<string | undefined>;
+    /** El encabezado del menú solo aplica en modo selección (como el golden). */
+    protected readonly menuLabel: _angular_core.Signal<string | undefined>;
+    protected onOpenChange(open: boolean): void;
+    protected onValueChange(payload: {
+        value: string | number | undefined;
+        item: IusMenuOption;
+    }): void;
+    /** Activar un ítem cierra el panel (acciones y selección). */
+    protected onItemClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ius-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; }, ["customTrigger"], ["[iusDropdownTrigger]"], true, never>;
 }
 
 /** Escala del campo — small ~34 · medium ~40 (default) · large ~48px. */
@@ -2636,934 +2743,1599 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     private readonly openSync;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    writeValue(value: IusSelectValue | IusSelectValue[] | null): void;
-    registerOnChange(fn: (value: IusSelectValue | IusSelectValue[] | null) => void): void;
+    writeValue(value: IusSelectValue | IusSelectValue[] | null): void;
+    registerOnChange(fn: (value: IusSelectValue | IusSelectValue[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private commit;
+    protected handleSelect(opt: SelectOption): void;
+    protected removeChip(val: IusSelectValue): void;
+    protected clear(event: Event): void;
+    protected toggleOpen(): void;
+    /**
+     * Solo actualiza estado y notifica. El montaje/desmontaje del overlay NO va
+     * aquí: lo gobierna `openSync` a partir de `isOpen()`. Si se hiciera aquí, en
+     * modo controlado (`[open]`) el menú se abriría sin permiso del padre y, al
+     * revés, cambiar `[open]` desde fuera no montaría nada.
+     */
+    private setOpen;
+    /**
+     * El alto del menú cambió (filtro de búsqueda, alta de una opción por el pie
+     * `creatable`): re-evalúa flip/posición del overlay en el siguiente frame,
+     * cuando el DOM ya midió el alto nuevo.
+     */
+    private schedulePositionUpdate;
+    protected onSearch(event: Event): void;
+    protected onCreateInput(event: Event): void;
+    /**
+     * `Enter` agrega la opción; `Escape` **con texto** solo limpia el borrador y
+     * frena la propagación para que el listener de `document` no cierre el menú
+     * (espejo del golden). Sin texto, `Escape` sigue cerrando el menú.
+     */
+    protected onCreateKeyDown(event: KeyboardEvent): void;
+    /**
+     * Agrega la opción escrita en el pie: la construye con `createFactory` (o
+     * envuelve el texto), la anexa si su `value` no existe ya, emite `created`,
+     * limpia el borrador y devuelve el foco al campo del pie.
+     */
+    protected addItem(): void;
+    private moveActive;
+    /**
+     * ¿Es una tecla imprimible de una sola posición (typeahead)? Se ignora
+     * cuando el foco está en una caja de texto del menú — la de búsqueda **o**
+     * la del pie `creatable`: ahí escribir filtra o redacta el nombre nuevo, y
+     * mover el resaltado sería un efecto colateral indeseado. También se ignora
+     * con modificadores (Ctrl/Alt/Meta).
+     *
+     * (Hoy el pie de `creatable` no enruta a `onTriggerKeyDown` —vive en el
+     * overlay y tiene su propio handler—, pero la guarda se deja explícita para
+     * que reenrutarlo mañana no reintroduzca el bug.)
+     */
+    private isTypeaheadKey;
+    /** Quita diacríticos y normaliza a minúsculas para comparar etiquetas. */
+    private normalizeLabel;
+    /**
+     * Typeahead: acumula el carácter en un buffer (expira a los ~700ms) y
+     * salta el resaltado/apertura a la primera opción habilitada cuya etiqueta
+     * empiece por el buffer. Con el menú abierto solo mueve el resaltado; con
+     * el menú cerrado (single) lo abre y resalta el match (sin seleccionar).
+     */
+    private handleTypeahead;
+    protected onTriggerKeyDown(event: KeyboardEvent): void;
+    protected onDocumentMouseDown(event: MouseEvent): void;
+    protected onEscape(): void;
+    /** Difiere el attach un frame (deja que `@if`/inputs terminen de asentarse). */
+    private scheduleOpen;
+    private attachOverlay;
+    private detachOverlay;
+    private updateMenuWidth;
+    private readonly onWindowResize;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ius-select", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "state": { "alias": "state"; "required": false; }; "open": { "alias": "open"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "creatable": { "alias": "creatable"; "required": false; }; "createPlaceholder": { "alias": "createPlaceholder"; "required": false; }; "createLabel": { "alias": "createLabel"; "required": false; }; "createFactory": { "alias": "createFactory"; "required": false; }; "maxVisible": { "alias": "maxVisible"; "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; }; "showClear": { "alias": "showClear"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; "openChange": "openChange"; "created": "created"; }, never, never, true, never>;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_error: unknown;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_searchable: unknown;
+    static ngAcceptInputType_creatable: unknown;
+    static ngAcceptInputType_maxVisible: unknown;
+    static ngAcceptInputType_showHelpText: unknown;
+    static ngAcceptInputType_showIconHelp: unknown;
+    static ngAcceptInputType_showClear: unknown;
+    static ngAcceptInputType_defaultOpen: unknown;
+    static ngAcceptInputType_compact: unknown;
+}
+
+/** Estilo de la paginación. */
+type IusListViewPaginationVariant = 'compact' | 'numbered';
+
+/** Escala del header/footer/paginación. */
+type IusListViewSize = 'small' | 'medium' | 'large';
+/** Acción utilitaria del header (IconButton tertiary). */
+interface IusListViewAction {
+    /** Ícono Material Symbols Rounded. */
+    icon: string;
+    /** Etiqueta accesible / tooltip. */
+    label?: string;
+    ariaLabel?: string;
+    onClick?: (event: MouseEvent) => void;
+    disabled?: boolean;
+    key?: string | number;
+}
+/** Opción del dropdown de orden. */
+interface IusListViewSortOption {
+    value: string | number;
+    label: string;
+    /** Agrupa opciones (inserta divisor al cambiar de grupo). */
+    group?: string | number;
+}
+/** Marca el slot de filtros secundarios (Tags) del header. */
+declare class IusListViewFiltersDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListViewFiltersDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListViewFiltersDirective, "[iusListViewFilters]", never, {}, {}, never, never, true, never>;
+}
+/** Escape-hatch al inicio del header integrado. */
+declare class IusListViewHeaderStartDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListViewHeaderStartDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListViewHeaderStartDirective, "[iusListViewHeaderStart]", never, {}, {}, never, never, true, never>;
+}
+/** Escape-hatch al final del header integrado. */
+declare class IusListViewHeaderEndDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListViewHeaderEndDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListViewHeaderEndDirective, "[iusListViewHeaderEnd]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Fila-toolbar full-width que reemplaza el header integrado cuando NO hay
+ * selección activa (búsqueda + filtros + controles del listado).
+ */
+declare class IusListViewToolbarDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListViewToolbarDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListViewToolbarDirective, "[iusListViewToolbar]", never, {}, {}, never, never, true, never>;
+}
+/** Escape-hatch al inicio del footer. */
+declare class IusListViewFooterStartDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListViewFooterStartDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListViewFooterStartDirective, "[iusListViewFooterStart]", never, {}, {}, never, never, true, never>;
+}
+/** Escape-hatch al final del footer. */
+declare class IusListViewFooterEndDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusListViewFooterEndDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusListViewFooterEndDirective, "[iusListViewFooterEnd]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * ListView — Ius Design v2 (familia data-display).
+ *
+ * **Cáscara de lista** en tres zonas — header (acciones de lista) · body
+ * (scroll con las filas) · footer (conteo sutil + paginación) — para cualquier
+ * listado que navega al detalle. No conoce los datos: el consumidor proyecta
+ * las filas (normalmente `ius-list-card`) y maneja orden/filtrado/paginación.
+ * Fuente de verdad: `ListView.jsx` + `ListView.d.ts` + `ListView.ng-spec.md`.
+ *
+ * Header híbrido: controles integrados (seleccionar todo, orden, acciones) +
+ * slots (`iusListViewHeaderStart/End`, `iusListViewFilters`,
+ * `iusListViewToolbar` full-width). Con `selectedCount > 0` el header conmuta a
+ * **modo selección** (conteo + acciones masivas + "Limpiar"). Paginación
+ * numerada homogénea SIEMPRE en el footer (sin scroll infinito).
+ *
+ * `fieldWidths` fija la rejilla de columnas de los `ListCard` descendientes
+ * (emite `--_lc-col-N` en el body). `fit` confina el scroll en el body (el
+ * ancestro debe darle alto acotado). Compone Checkbox, IconButton, TextButton.
+ *
+ * El orden compone `ius-dropdown` (selección única, trigger ghost `swap_vert`
+ * tone neutral, como el golden).
+ *
+ * FALLBACK (API idéntica, reemplazar cuando exista el port):
+ * - paginación: `ius-list-view-pagination` (port interno de Pagination.jsx
+ *   sobre ius-button/ius-icon-button/ius-select compact). Reemplazar por
+ *   `ius-pagination` cuando exista.
+ */
+declare class ListViewComponent {
+    /** Oculta por completo el header. */
+    hideHeader: boolean;
+    /** Muestra el checkbox "Seleccionar todo". */
+    selectable: boolean;
+    /** Todas las filas visibles están seleccionadas. */
+    allSelected: boolean;
+    /** Estado indeterminado (algunas seleccionadas). */
+    someSelected: boolean;
+    /** Texto junto al checkbox de selección. */
+    selectLabel: string;
+    /** Opciones de orden → dropdown de selección única en el header. */
+    sortOptions: IusListViewSortOption[];
+    sortValue?: string | number;
+    /** Acciones utilitarias de lista (refrescar, marcar leídos…) → IconButtons. */
+    actions: IusListViewAction[];
+    /** Nº de filas seleccionadas; > 0 activa el modo selección del header. */
+    selectedCount: number;
+    /** Acciones masivas mostradas en modo selección. */
+    selectionActions: IusListViewAction[];
+    /** Separación entre filas (px o CSS). */
+    gap: number | string;
+    /** Padding interno del body. */
+    bodyPadding: number | string;
+    /** Contenedor con superficie + borde + radio y divisores internos. */
+    bordered: boolean;
+    /** Tope sup/inf del track del scrollbar (evita choque con el radio). */
+    scrollTrackMargin: number | string;
+    /** Confina el scroll en la lista (contrato de alto — ver ng-spec). */
+    fit: boolean;
+    /** Rejilla de columnas de `fields` para TODOS los ListCard (hasta 6). */
+    fieldWidths?: Array<number | string | null>;
+    /** Oculta el footer. */
+    hideFooter: boolean;
+    /** Total de elementos (conteo sutil / paginación). */
+    total?: number;
+    /** Sustantivo del conteo. Ej. `procesos`. */
+    countNoun: string;
+    /** Activa la paginación en el footer. */
+    pagination: boolean;
+    paginationVariant: IusListViewPaginationVariant;
+    page?: number;
+    pageSize: number;
+    pageSizeOptions?: number[];
+    size: IusListViewSize;
+    /** Checkbox "Seleccionar todo" (original `onSelectAll`). */
+    readonly selectAll: EventEmitter<boolean>;
+    /** Cambio de orden (original `onSortChange`). */
+    readonly sortChange: EventEmitter<string | number>;
+    /** Limpiar selección (original `onClearSelection`; su enlace muestra "Limpiar"). */
+    readonly clearSelection: EventEmitter<void>;
+    /** Cambio de página (original `onPageChange`). */
+    readonly pageChange: EventEmitter<number>;
+    /** Cambio de tamaño de página (original `onPageSizeChange`). */
+    readonly pageSizeChange: EventEmitter<number>;
+    private readonly filtersRef;
+    private readonly headerStartRef;
+    private readonly headerEndRef;
+    private readonly toolbarRef;
+    private readonly footerStartRef;
+    private readonly footerEndRef;
+    protected get hasFilters(): boolean;
+    protected get hasToolbar(): boolean;
+    protected get inSelection(): boolean;
+    protected get iconSize(): 'small' | 'medium';
+    /** "Limpiar" aparece cuando el consumidor enlazó `(clearSelection)`. */
+    protected get showClear(): boolean;
+    protected get selCountText(): string;
+    protected get countText(): string | null;
+    protected get showFooter(): boolean;
+    protected px(value: number | string | null | undefined): string | null;
+    /** Var `--_lc-col-N` de la rejilla (null deja la columna en auto). */
+    protected colVar(index: number): string | null;
+    protected onAction(action: IusListViewAction, event: MouseEvent): void;
+    /** Sin opción vigente el trigger cae a "Ordenar" (con vigente, el Dropdown muestra su label). */
+    protected get sortTriggerFallback(): string | undefined;
+    protected onSortChange(payload: {
+        value: string | number | undefined;
+        item: IusDropdownItem;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListViewComponent, "ius-list-view", never, { "hideHeader": { "alias": "hideHeader"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "allSelected": { "alias": "allSelected"; "required": false; }; "someSelected": { "alias": "someSelected"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; "sortOptions": { "alias": "sortOptions"; "required": false; }; "sortValue": { "alias": "sortValue"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "selectedCount": { "alias": "selectedCount"; "required": false; }; "selectionActions": { "alias": "selectionActions"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "bodyPadding": { "alias": "bodyPadding"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "scrollTrackMargin": { "alias": "scrollTrackMargin"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "fieldWidths": { "alias": "fieldWidths"; "required": false; }; "hideFooter": { "alias": "hideFooter"; "required": false; }; "total": { "alias": "total"; "required": false; }; "countNoun": { "alias": "countNoun"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; }; "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "selectAll": "selectAll"; "sortChange": "sortChange"; "clearSelection": "clearSelection"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["filtersRef", "headerStartRef", "headerEndRef", "toolbarRef", "footerStartRef", "footerEndRef"], ["[iusListViewToolbar]", "[iusListViewHeaderStart]", "[iusListViewFilters]", "[iusListViewHeaderEnd]", "*", "[iusListViewFooterStart]", "[iusListViewFooterEnd]"], true, never>;
+    static ngAcceptInputType_hideHeader: unknown;
+    static ngAcceptInputType_selectable: unknown;
+    static ngAcceptInputType_allSelected: unknown;
+    static ngAcceptInputType_someSelected: unknown;
+    static ngAcceptInputType_selectedCount: unknown;
+    static ngAcceptInputType_bordered: unknown;
+    static ngAcceptInputType_fit: unknown;
+    static ngAcceptInputType_hideFooter: unknown;
+    static ngAcceptInputType_pagination: unknown;
+    static ngAcceptInputType_pageSize: unknown;
+}
+
+/** Doble rol de la fila: seleccionable (option) o valor eliminable (chip). */
+type IusPersonItemVariant = 'option' | 'chip';
+/** Escala de avatar + texto. */
+type IusPersonItemSize = 'small' | 'medium' | 'large';
+/** Estado forzado — solo demos. */
+type IusPersonItemState = 'hover' | 'pressed';
+/** Acción del menú ⋮ del chip (espejo de `IusDropdownItem`/`IusMenuOption`). */
+interface IusPersonItemAction {
+    key?: string | number;
+    icon?: string;
+    label?: string;
+    /** Agrupa: al cambiar de `group` inserta un divisor. */
+    group?: string | number;
+    /** Inserta un divisor en su lugar. */
+    separator?: boolean;
+    danger?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent) => void;
+}
+/** Slot a la derecha antes de la X. */
+declare class IusPersonItemTrailingDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusPersonItemTrailingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusPersonItemTrailingDirective, "[iusPersonItemTrailing]", never, {}, {}, never, never, true, never>;
+}
+/** Nombre rico proyectado (alternativa al input `name`). */
+declare class IusPersonItemNameDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusPersonItemNameDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusPersonItemNameDirective, "[iusPersonItemName]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * PersonItem — Ius Design v2 (familia data-display).
+ *
+ * Fila-tarjeta genérica de **persona**: avatar + nombre + hasta 2 líneas
+ * (documento, correo, cargo). Doble rol: `option` (fila seleccionable con
+ * estados tintados info + check) / `chip` (valor eliminable con X estilo Chip
+ * y, opcionalmente, menú ⋮ de acciones). Fuente de verdad: `PersonItem.jsx` +
+ * `PersonItem.d.ts` + `PersonItem.ng-spec.md`. Compone `ius-avatar`.
+ *
+ * Host = la tarjeta (patrón Tag/ListCard): con `(clicked)` enlazado y sin
+ * `disabled` se vuelve botón ARIA (role, tabindex, Enter/Espacio). La X de
+ * eliminar aparece al enlazar `(removed)`.
+ *
+ * `actions` (chip) compone `ius-dropdown` (trigger IconButton `more_vert`
+ * proyectado, antes de la X).
+ *
+ * FALLBACK (API idéntica, reemplazar cuando exista el port):
+ * - superficie: el golden compone `Card` (outlined · radius lg · padding none ·
+ *   interactive) — aquí la superficie se replica en `:host` con el CSS verbatim
+ *   de Card.jsx (solo los estados que PersonItem usa; los tintes info de option
+ *   los sobreescriben igual que el golden). Reemplazar por `ius-card`.
+ *
+ * Para cuenta a la que cambiar → AccountItem; fila de acción → MenuItem; pill
+ * de texto simple → Chip/Tag.
+ */
+declare class PersonItemComponent {
+    private readonly el;
+    /** Nombre (línea principal, negrita). Para markup rico proyectar `[iusPersonItemName]`. */
+    name?: string;
+    /** Hasta 2 líneas secundarias; `TemplateRef` para contenido rico (no se enmascara). */
+    lines?: Array<string | TemplateRef<unknown>>;
+    /** URL de la fotografía (pasa a `ius-avatar` como `src`). */
+    avatar?: string;
+    /** Ícono Material Symbols del medallón (sin foto/monograma/nombre cae a `person`). */
+    icon?: string;
+    /** Monograma explícito. */
+    monogram?: string;
+    /** Familia de color del medallón. */
+    color: IusAvatarColor;
+    /** Forma del medallón; default square (option) / circle (chip). */
+    shape?: IusAvatarShape;
+    /** Fila seleccionable (`option`) o valor eliminable (`chip`). */
+    variant: IusPersonItemVariant;
+    /** Escala de avatar + texto; `medium` hereda `--ius-density` del contexto. */
+    size: IusPersonItemSize;
+    /** (option) fila elegida: fondo resaltado. */
+    selected: boolean;
+    /** (option) check cuando `selected`. */
+    showCheck: boolean;
+    /** Enmascara las líneas string (email → inicial+dominio; documento → 1ª+últimas 3). */
+    mask: boolean;
+    disabled: boolean;
+    /** (chip) Acciones secundarias en menú ⋮ antes de la X. */
+    actions: IusPersonItemAction[];
+    /** aria del menú de acciones. */
+    actionsLabel: string;
+    /** aria del botón X. */
+    removeLabel: string;
+    /** Estado forzado — solo demos. */
+    state?: IusPersonItemState;
+    ariaLabel?: string;
+    /** (option) fila pulsada (original `onClick`); su enlace vuelve la fila botón. */
+    readonly clicked: EventEmitter<MouseEvent>;
+    /** X pulsada (original `onRemove`); su enlace muestra la X. */
+    readonly removed: EventEmitter<MouseEvent>;
+    private readonly trailingRef;
+    private readonly nameRef;
+    protected get hasTrailing(): boolean;
+    protected get clickable(): boolean;
+    protected get showRemove(): boolean;
+    protected get isChip(): boolean;
+    protected get avatarShape(): IusAvatarShape;
+    protected get avatarSize(): 'small' | 'medium' | 'large';
+    protected get menuIbSize(): 'small' | 'medium';
+    /** Sin foto/monograma/nombre, el medallón cae al ícono genérico `person`. */
+    protected get effIcon(): string | undefined;
+    protected get avatarName(): string | undefined;
+    protected get hasName(): boolean;
+    /** Líneas visibles (mask aplicado solo a strings, como el golden). */
+    protected get displayLines(): Array<{
+        text?: string;
+        tpl?: TemplateRef<unknown>;
+    }>;
+    protected get showMenu(): boolean;
+    protected onRemoveMouseDown(event: MouseEvent): void;
+    protected onRemoveClick(event: MouseEvent): void;
+    protected onHostClick(event: MouseEvent): void;
+    protected onKeyActivate(event: Event): void;
+    protected onSpaceDown(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PersonItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PersonItemComponent, "ius-person-item", never, { "name": { "alias": "name"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "monogram": { "alias": "monogram"; "required": false; }; "color": { "alias": "color"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "showCheck": { "alias": "showCheck"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsLabel": { "alias": "actionsLabel"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "state": { "alias": "state"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "clicked": "clicked"; "removed": "removed"; }, ["trailingRef", "nameRef"], ["[iusPersonItemName]", "[iusPersonItemTrailing]"], true, never>;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_showCheck: unknown;
+    static ngAcceptInputType_mask: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/** Costado desde el que entra el panel. */
+type IusDrawerSide = 'right' | 'left';
+/** Ancho del panel — sm 400 · md 440 · lg 560 · xl 720 px (≤480 full-width). */
+type IusDrawerSize = 'sm' | 'md' | 'lg' | 'xl';
+/** Título rico proyectado (alternativa al input `title`). */
+declare class IusDrawerTitleDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDrawerTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDrawerTitleDirective, "[iusDrawerTitle]", never, {}, {}, never, never, true, never>;
+}
+/** Acciones del header (antes del ×). */
+declare class IusDrawerHeaderActionsDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDrawerHeaderActionsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDrawerHeaderActionsDirective, "[iusDrawerHeaderActions]", never, {}, {}, never, never, true, never>;
+}
+/** Footer sticky (Button primario + Cancelar). */
+declare class IusDrawerFooterDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDrawerFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDrawerFooterDirective, "[iusDrawerFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Drawer (Side Sheet) — Ius Design v2 (familia overlays).
+ *
+ * Panel lateral para flujos de **crear/editar** (varios campos): scrim + panel
+ * que entra desde `side` con header (volver + título + acciones + ×), body con
+ * scroll propio y footer sticky. Fuente de verdad: `Drawer.jsx` + `Drawer.d.ts`
+ * + `Drawer.ng-spec.md`. Confirmaciones breves → Modal.
+ *
+ * Se monta vía **CDK Overlay** en `document.body` (no acepta `container`):
+ * portal + scroll-lock del fondo (`block()`) + focus-trap (`cdkTrapFocus`, que
+ * además restaura el foco al cerrar). `Esc`/scrim cierran (configurable).
+ * La animación replica el golden: `data-visible` desliza, y `data-entered`
+ * suelta el transform al asentarse para que el texto rasterice nítido.
+ *
+ * La flecha de volver emite `back` si está enlazado; si no, cierra.
+ */
+declare class DrawerComponent implements AfterViewInit, OnDestroy {
+    private readonly overlay;
+    private readonly viewContainerRef;
+    /** Template con scrim + panel; se portalea al overlay al abrir. */
+    private tpl;
+    protected titleSlot?: IusDrawerTitleDirective;
+    protected actionsSlot?: IusDrawerHeaderActionsDirective;
+    protected footerSlot?: IusDrawerFooterDirective;
+    private _open?;
+    /** Apertura controlada (undefined = no controlado con `defaultOpen`). */
+    set open(value: boolean | undefined);
+    get open(): boolean | undefined;
+    /** Estado inicial del modo no controlado. */
+    defaultOpen: boolean;
+    /** Costado desde el que entra. */
+    side: IusDrawerSide;
+    /** Ancho del panel; lg/xl dan aire a formularios de 2 columnas. */
+    size: IusDrawerSize;
+    /** Título del header. Para markup rico proyectar `[iusDrawerTitle]`. */
+    title?: string;
+    centerTitle: boolean;
+    /** Flecha de volver; default: visible si `(back)` está enlazado. */
+    showBack?: boolean;
+    /** × a la derecha. */
+    showClose: boolean;
+    closeOnScrim: boolean;
+    closeOnEsc: boolean;
+    showScrim: boolean;
+    ariaLabel?: string;
+    /** Cierre solicitado (original `onClose`): ×, scrim, Esc o volver sin `(back)`. */
+    readonly closed: EventEmitter<void>;
+    /** Espejo de `onOpenChange`. */
+    readonly openChange: EventEmitter<boolean>;
+    /** Flecha de volver (original `onBack`); si no se enlaza, la flecha cierra. */
+    readonly back: EventEmitter<void>;
+    protected readonly titleId: string;
+    /** Estado de animación: visible desliza; entered suelta el transform. */
+    protected readonly visible: _angular_core.WritableSignal<boolean>;
+    protected readonly entered: _angular_core.WritableSignal<boolean>;
+    private overlayRef;
+    private keydownSub;
+    private internalOpen;
+    private viewReady;
+    private timers;
+    protected get isOpen(): boolean;
+    protected get showBackBtn(): boolean;
+    protected get hasTitle(): boolean;
+    protected get hasActionsZone(): boolean;
+    protected get hasHeader(): boolean;
+    protected get labelledBy(): string | null;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected requestClose(): void;
+    protected onBackClick(): void;
+    protected onScrimClick(): void;
+    private sync;
+    private attach;
+    private detach;
+    private clearTimers;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "ius-drawer", never, { "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "side": { "alias": "side"; "required": false; }; "size": { "alias": "size"; "required": false; }; "title": { "alias": "title"; "required": false; }; "centerTitle": { "alias": "centerTitle"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "closeOnScrim": { "alias": "closeOnScrim"; "required": false; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; }; "showScrim": { "alias": "showScrim"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "closed": "closed"; "openChange": "openChange"; "back": "back"; }, ["titleSlot", "actionsSlot", "footerSlot"], ["[iusDrawerTitle]", "[iusDrawerHeaderActions]", "*", "[iusDrawerFooter]"], true, never>;
+    static ngAcceptInputType_defaultOpen: unknown;
+    static ngAcceptInputType_centerTitle: unknown;
+    static ngAcceptInputType_showClose: unknown;
+    static ngAcceptInputType_closeOnScrim: unknown;
+    static ngAcceptInputType_closeOnEsc: unknown;
+    static ngAcceptInputType_showScrim: unknown;
+}
+
+/** Identificador de una persona (id o value de la opción). */
+type IusPersonId = string | number;
+/** Persona elegible del picker. */
+interface IusPersonOption {
+    id?: IusPersonId;
+    value?: IusPersonId;
+    name?: string;
+    /** Hasta 2 líneas secundarias (documento, correo, cargo…). */
+    lines?: string[];
+    avatar?: string;
+    monogram?: string;
+    icon?: string;
+    color?: IusAvatarColor;
+    shape?: IusAvatarShape;
+    disabled?: boolean;
+    /** `false` = el chip seleccionado no muestra la X. */
+    removable?: boolean;
+    /** Acciones del chip seleccionado (menú ⋮ del PersonItem). */
+    actions?: IusPersonItemAction[];
+}
+/** Contexto del template `renderSelected`. */
+interface IusPersonPickerSelectedContext {
+    $implicit: IusPersonOption;
+    remove: () => void;
+}
+/**
+ * PersonPicker — Ius Design v2 (familia inputs, CVA).
+ *
+ * Selector de **personas** al estilo del Select: un trigger (campo con chevron)
+ * abre en un `ius-popover` la búsqueda en vivo + la lista con scroll de
+ * `ius-person-item` (option); los elegidos se muestran como chips eliminables
+ * bajo el trigger. Fuente de verdad: `PersonPicker.jsx` + `PersonPicker.d.ts` +
+ * `PersonPicker.ng-spec.md`. Single cierra al elegir; multi mantiene abierto y
+ * marca check. Búsqueda por nombre + líneas, normalizada NFD sin diacríticos.
+ *
+ * El panel iguala el ancho del trigger (medición con ResizeObserver) — usa la
+ * piel `panelClass="ius-personpicker-pop"` del Popover para soltar el
+ * `max-width` del panel (mismo patrón que la piel Tooltip). La búsqueda
+ * compone `ius-search-bar`.
+ *
+ * Para enum corto y cerrado → Select; cambiar de cuenta → UserMenu.
+ */
+declare class PersonPickerComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    /** Personas elegibles. */
+    options: IusPersonOption[];
+    /** Varias personas (arreglo) o una sola (id). */
+    multiple: boolean;
+    /** Texto del trigger sin selección. */
+    placeholder: string;
+    /** Búsqueda en vivo dentro del menú. */
+    searchable: boolean;
+    searchPlaceholder: string;
+    emptyText: string;
+    /** Chips de seleccionados bajo el trigger. */
+    showSelected: boolean;
+    /** Etiqueta del bloque de seleccionados; `null`/`''` la oculta. */
+    selectedLabel: string | null;
+    /** Acciones por seleccionado (arreglo fijo o por opción). */
+    selectedActions?: IusPersonItemAction[] | ((opt: IusPersonOption) => IusPersonItemAction[]);
+    /** Control total del chip seleccionado (contexto `{$implicit, remove}`). */
+    renderSelected?: TemplateRef<IusPersonPickerSelectedContext>;
+    /** Propaga el enmascarado de PersonItem. */
+    mask: boolean;
+    /** Propaga a búsqueda y PersonItem; escala el trigger (34/40/48). */
+    size: IusPersonItemSize;
+    /** Alto máximo de la lista con scroll. */
+    maxHeight: number | string;
+    /** Alto máximo del bloque de seleccionados (activa su scroll propio). */
+    selectedMaxHeight?: number | string;
+    defaultOpen: boolean;
+    private _open?;
+    /** Apertura controlada del menú. */
+    set open(value: boolean | undefined);
+    get open(): boolean | undefined;
+    private readonly inputDisabled;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private readonly valueState;
+    /** Valor controlado: arreglo en multi, id único en single (CVA / `[(value)]`). */
+    set value(value: IusPersonId[] | IusPersonId | null | undefined);
+    get value(): IusPersonId[] | IusPersonId | null;
+    /** CVA `onChange` (original `onChange`). */
+    readonly valueChange: EventEmitter<IusPersonId | IusPersonId[] | null>;
+    /** Abrir/cerrar el menú. */
+    readonly openChange: EventEmitter<boolean>;
+    private triggerEl?;
+    protected readonly query: _angular_core.WritableSignal<string>;
+    protected readonly menuWidth: _angular_core.WritableSignal<number | null>;
+    private readonly innerOpen;
+    private readonly cvaDisabled;
+    private resizeObserver?;
+    private initialized;
+    private onChangeFn;
+    private onTouchedFn;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: IusPersonId[] | IusPersonId | null): void;
+    registerOnChange(fn: (value: IusPersonId[] | IusPersonId | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    private commit;
-    protected handleSelect(opt: SelectOption): void;
-    protected removeChip(val: IusSelectValue): void;
-    protected clear(event: Event): void;
+    protected get effDisabled(): boolean;
+    protected get isOpen(): boolean;
+    protected optId(opt: IusPersonOption): IusPersonId | undefined;
+    protected get selectedIds(): IusPersonId[];
+    protected isSelected(opt: IusPersonOption): boolean;
+    protected get selectedOptions(): IusPersonOption[];
+    protected get filtered(): IusPersonOption[];
+    protected get triggerText(): string;
+    protected get selectedLabelVisible(): boolean;
+    protected chipActions(opt: IusPersonOption): IusPersonItemAction[];
+    protected selectedCtx(opt: IusPersonOption): IusPersonPickerSelectedContext;
+    protected px(value: number | string | null | undefined): string | null;
     protected toggleOpen(): void;
-    /**
-     * Solo actualiza estado y notifica. El montaje/desmontaje del overlay NO va
-     * aquí: lo gobierna `openSync` a partir de `isOpen()`. Si se hiciera aquí, en
-     * modo controlado (`[open]`) el menú se abriría sin permiso del padre y, al
-     * revés, cambiar `[open]` desde fuera no montaría nada.
-     */
+    protected onPopoverOpenChange(open: boolean): void;
     private setOpen;
-    /**
-     * El alto del menú cambió (filtro de búsqueda, alta de una opción por el pie
-     * `creatable`): re-evalúa flip/posición del overlay en el siguiente frame,
-     * cuando el DOM ya midió el alto nuevo.
-     */
-    private schedulePositionUpdate;
-    protected onSearch(event: Event): void;
-    protected onCreateInput(event: Event): void;
-    /**
-     * `Enter` agrega la opción; `Escape` **con texto** solo limpia el borrador y
-     * frena la propagación para que el listener de `document` no cierre el menú
-     * (espejo del golden). Sin texto, `Escape` sigue cerrando el menú.
-     */
-    protected onCreateKeyDown(event: KeyboardEvent): void;
-    /**
-     * Agrega la opción escrita en el pie: la construye con `createFactory` (o
-     * envuelve el texto), la anexa si su `value` no existe ya, emite `created`,
-     * limpia el borrador y devuelve el foco al campo del pie.
-     */
-    protected addItem(): void;
-    private moveActive;
-    /**
-     * ¿Es una tecla imprimible de una sola posición (typeahead)? Se ignora
-     * cuando el foco está en una caja de texto del menú — la de búsqueda **o**
-     * la del pie `creatable`: ahí escribir filtra o redacta el nombre nuevo, y
-     * mover el resaltado sería un efecto colateral indeseado. También se ignora
-     * con modificadores (Ctrl/Alt/Meta).
-     *
-     * (Hoy el pie de `creatable` no enruta a `onTriggerKeyDown` —vive en el
-     * overlay y tiene su propio handler—, pero la guarda se deja explícita para
-     * que reenrutarlo mañana no reintroduzca el bug.)
-     */
-    private isTypeaheadKey;
-    /** Quita diacríticos y normaliza a minúsculas para comparar etiquetas. */
-    private normalizeLabel;
-    /**
-     * Typeahead: acumula el carácter en un buffer (expira a los ~700ms) y
-     * salta el resaltado/apertura a la primera opción habilitada cuya etiqueta
-     * empiece por el buffer. Con el menú abierto solo mueve el resaltado; con
-     * el menú cerrado (single) lo abre y resalta el match (sin seleccionar).
-     */
-    private handleTypeahead;
-    protected onTriggerKeyDown(event: KeyboardEvent): void;
-    protected onDocumentMouseDown(event: MouseEvent): void;
-    protected onEscape(): void;
-    /** Difiere el attach un frame (deja que `@if`/inputs terminen de asentarse). */
-    private scheduleOpen;
-    private attachOverlay;
-    private detachOverlay;
-    private updateMenuWidth;
-    private readonly onWindowResize;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ius-select", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "state": { "alias": "state"; "required": false; }; "open": { "alias": "open"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "creatable": { "alias": "creatable"; "required": false; }; "createPlaceholder": { "alias": "createPlaceholder"; "required": false; }; "createLabel": { "alias": "createLabel"; "required": false; }; "createFactory": { "alias": "createFactory"; "required": false; }; "maxVisible": { "alias": "maxVisible"; "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; }; "showClear": { "alias": "showClear"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; "openChange": "openChange"; "created": "created"; }, never, never, true, never>;
+    private measure;
+    protected onQueryChange(value: string): void;
+    protected clearQuery(): void;
+    private commit;
+    protected toggle(opt: IusPersonOption): void;
+    protected remove(opt: IusPersonOption): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PersonPickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PersonPickerComponent, "ius-person-picker", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "showSelected": { "alias": "showSelected"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "selectedActions": { "alias": "selectedActions"; "required": false; }; "renderSelected": { "alias": "renderSelected"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "selectedMaxHeight": { "alias": "selectedMaxHeight"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; }, never, never, true, never>;
     static ngAcceptInputType_multiple: unknown;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_error: unknown;
-    static ngAcceptInputType_open: unknown;
-    static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_searchable: unknown;
-    static ngAcceptInputType_creatable: unknown;
-    static ngAcceptInputType_maxVisible: unknown;
-    static ngAcceptInputType_showHelpText: unknown;
-    static ngAcceptInputType_showIconHelp: unknown;
-    static ngAcceptInputType_showClear: unknown;
+    static ngAcceptInputType_showSelected: unknown;
+    static ngAcceptInputType_mask: unknown;
     static ngAcceptInputType_defaultOpen: unknown;
-    static ngAcceptInputType_compact: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }
 
+/** Tamaño del campo: small ~34 · medium ~40 (default) · large ~48 px. */
+type IusMultiTextFieldSize = 'small' | 'medium' | 'large';
+/** Estado forzado — solo demos / especímenes. */
+type IusMultiTextFieldState = 'hover' | 'focused' | 'error' | 'disabled';
+/** Un segmento (`<input>`) del MultiTextField. */
+interface IusMultiTextFieldSlot {
+    /** Placeholder del segmento. */
+    placeholder?: string;
+    /** `name` del input (envío como form). */
+    name?: string;
+    /** Tipo del `<input>`. Default `text`. */
+    type?: 'text' | 'number' | 'tel' | 'password';
+    /** Valor controlado del segmento. */
+    value?: string;
+    /** Valor inicial (no controlado). */
+    defaultValue?: string;
+    /** Ancho fijo. Número → px; string → CSS literal. */
+    width?: number | string;
+    /** `flex` (`'1 1 auto'`, `'0 0 60px'`, …) si necesitas más control que `width`. */
+    flex?: string | number;
+    /** Largo máximo de caracteres (habilita auto-avance). */
+    maxLength?: number;
+    /** Etiqueta accesible del segmento (si el placeholder no basta). */
+    ariaLabel?: string;
+    /** Callback opcional al teclear este segmento (además del `valueChange` del conjunto). */
+    onChange?: (value: string, event: Event) => void;
+}
 /**
- * Un paso del asistente.
+ * MultiTextField — Ius Design v2 (familia inputs).
  *
- * `content` (que en el golden React es un `ReactNode`) se resuelve en Angular
- * con un `TemplateRef` por paso (ng-spec §2 / §7): el consumidor declara un
- * `<ng-template>` por paso y lo pasa aquí.
+ * Variación de **TextField** que acopla varios `<input>` dentro de una misma
+ * caja separados por divisores verticales — para datos compuestos (tarjeta
+ * MM | AAAA + CVV, teléfono con prefijo, NIT + DV…). Reusa el wrapper `.ius-tf`
+ * (label con required + iconHelp, 5 estados, size, helpText/errorText) y un
+ * **único** botón de limpiar que vacía todos los segmentos. Fuente de verdad:
+ * `MultiTextField.jsx` + `MultiTextField.d.ts` (delta sobre `TextField.ng-spec`).
+ *
+ * `ControlValueAccessor` **a nivel de conjunto**: el valor es el array de
+ * valores por segmento (`string[]`); también se emite en `valueChange`. Cada
+ * slot puede además traer su propio `onChange`. Auto-avance al llenar el
+ * `maxLength` y Backspace en segmento vacío retrocede.
+ *
+ * Nota: las clases `.ius-tf__*` (label/help/hint/field/clear) se replican en el
+ * SCSS porque bajo `ViewEncapsulation.Emulated` las de TextField no alcanzan a
+ * otro componente. `showIconHelp` usa `title` nativo como respaldo hasta que
+ * exista `ius-popover`. `[data-force]` congela un estado visual en demos.
  */
-interface WizardStep {
-    /** Identificador opcional del paso. */
-    key?: string;
-    /** Nombre visible del paso (etiqueta "Paso X de N · label"). */
+declare class MultiTextFieldComponent implements ControlValueAccessor {
+    protected readonly slotsState: _angular_core.WritableSignal<IusMultiTextFieldSlot[]>;
+    /** Segmentos; cada uno un `<input>` separado por un divisor vertical. */
+    set slots(value: IusMultiTextFieldSlot[]);
+    get slots(): IusMultiTextFieldSlot[];
+    /** Label común a todos los segmentos. */
     label?: string;
-    /** Contenido del paso (típicamente un formulario), como plantilla. */
-    content?: TemplateRef<unknown> | null;
-}
-/** API que devuelve `createWizard(...)` y consumen `<ius-wizard>` y `<ius-wizard-nav>`. */
-interface WizardApi {
-    /** Pasos del flujo. */
-    readonly steps: WizardStep[];
-    /** Total de pasos. */
-    readonly total: number;
-    /** Paso actual (1-based). Reactivo (signal-backed). */
-    readonly step: number;
-    /** Índice actual (0-based). */
-    readonly index: number;
-    /** Paso actual (`steps[index]`). */
-    readonly current: WizardStep | null;
-    /** `true` en el primer paso. */
-    readonly isFirst: boolean;
-    /** `true` en el último paso. */
-    readonly isLast: boolean;
-    /** Avanza un paso; en el último, dispara `onFinish`. */
-    next(): void;
-    /** Retrocede un paso (no baja de 1). */
-    back(): void;
-    /** Salta a un paso (1-based), o función `(prev) => next`. */
-    goTo(next: number | ((prev: number) => number)): void;
-}
-interface UseWizardOptions {
-    /** Pasos del flujo. */
-    steps: 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`.
-     */
-    step?: 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). */
-    onFinish?: () => void;
-}
-/**
- * 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
- * `api.step` / `api.current` / `api.isLast` en una plantilla registra la
- * dependencia y refresca los componentes `OnPush` que consumen la `api`.
- */
-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). */
-    readonly step$: Signal<number>;
-    private readonly onStepChange?;
-    private readonly onFinish?;
-    constructor(options: UseWizardOptions);
-    get total(): number;
-    get step(): number;
-    get index(): number;
-    get current(): WizardStep | null;
-    get isFirst(): boolean;
-    get isLast(): boolean;
-    goTo: (next: number | ((prev: number) => number)) => void;
-    next: () => void;
-    back: () => void;
+    /** Indicador de obligatorio (•). */
+    required: boolean;
+    /** Ícono de ayuda `?` junto al label (respaldo: `title` nativo). */
+    showIconHelp: boolean;
+    /** Título del contenido de ayuda. */
+    iconHelpTitle?: string;
+    /** Cuerpo del contenido de ayuda. */
+    iconHelpContent?: string;
+    /** Línea de ayuda bajo el campo. */
+    helpText?: string;
+    /** Reemplaza `helpText` cuando `error` es `true`. */
+    errorText?: string;
+    /** Mostrar/ocultar la línea de ayuda. */
+    showHelpText: boolean;
+    /** Forzar visibilidad del botón limpiar (por defecto: auto con valor). */
+    showClear?: boolean;
+    private readonly errorState;
+    /** Estado de error global. */
+    set error(value: boolean);
+    get error(): boolean;
+    private readonly disabledState;
+    /** Estado deshabilitado global. */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    protected readonly sizeState: _angular_core.WritableSignal<IusMultiTextFieldSize>;
+    set size(value: IusMultiTextFieldSize);
+    get size(): IusMultiTextFieldSize;
+    protected readonly stateState: _angular_core.WritableSignal<IusMultiTextFieldState | undefined>;
+    /** Forzar visualmente un estado completo (solo demos). */
+    set state(value: IusMultiTextFieldState | undefined);
+    get state(): IusMultiTextFieldState | undefined;
+    /** `id` base del campo (los segmentos serán `id-0`, `id-1`, …). */
+    id?: string;
+    /** Valores del conjunto (array por segmento). */
+    readonly valueChange: EventEmitter<string[]>;
+    /** Al pulsar el botón de limpiar (después de vaciar). */
+    readonly cleared: EventEmitter<void>;
+    protected readonly values: _angular_core.WritableSignal<string[]>;
+    protected readonly focused: _angular_core.WritableSignal<boolean>;
+    /** Tras limpiar en un estado demo, suprime el "valor" simulado. */
+    private readonly suppressDemoValue;
+    /** Último valor escrito por el CVA (por si llega antes que los slots). */
+    private readonly pendingValue;
+    private readonly baseIdState;
+    private readonly slotInputs;
+    private onChange;
+    private onTouched;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly isError: _angular_core.Signal<boolean>;
+    protected readonly isFocused: _angular_core.Signal<boolean>;
+    protected readonly hasAnyValue: _angular_core.Signal<boolean>;
+    protected readonly demoHasValue: _angular_core.Signal<boolean>;
+    protected get baseId(): string;
+    protected get helpId(): string;
+    protected get hint(): string | undefined;
+    protected get showHint(): boolean;
+    protected get helpIconTitle(): string | undefined;
+    /** El botón de limpiar está activo (visible y operable). */
+    protected get clearActive(): boolean;
+    /** Se reserva el hueco del clear (visibility) para no desplazar los segmentos. */
+    protected get clearReserved(): boolean;
+    protected currentValue(i: number): string;
+    /** flex del segmento: width > flex > (maxLength → base auto) > CSS (1 1 auto). */
+    protected slotFlex(slot: IusMultiTextFieldSlot): string | null;
+    /** width del segmento: solo cuando se deriva del maxLength. */
+    protected slotWidth(slot: IusMultiTextFieldSlot): string | null;
+    writeValue(value: string[] | null): void;
+    registerOnChange(fn: (value: string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private syncValues;
+    private commit;
+    private focusSlot;
+    protected onSlotInput(i: number, event: Event): void;
+    protected onSlotKeyDown(i: number, event: KeyboardEvent): void;
+    protected onFocus(): void;
+    protected onBlur(): void;
+    protected clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiTextFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiTextFieldComponent, "ius-multi-text-field", never, { "slots": { "alias": "slots"; "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; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; }, never, never, true, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_showIconHelp: unknown;
+    static ngAcceptInputType_showHelpText: unknown;
+    static ngAcceptInputType_error: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }
-/**
- * `createWizard(options)` — fábrica del estado del asistente (equivalente a
- * `Wizard.use(...)`). Devuelve la `WizardApi` que leen `<ius-wizard>` y
- * `<ius-wizard-nav>`.
- */
-declare function createWizard(options: UseWizardOptions): WizardApi;
 
+/** Ancho máximo del diálogo — small 380 · medium 520 (default) · large 680px. */
+type IusModalSize = 'small' | 'medium' | 'large';
+/** Tono del círculo del ícono del header. */
+type IusModalIconTone = 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'neutral';
+/** Motivo del cierre emitido por `closed`. */
+type IusModalCloseReason = 'close' | 'esc' | 'scrim' | 'secondary';
 /**
- * Wizard (body) — Ius Design v2.
- *
- * Cuerpo del asistente: indicador de progreso + etiqueta "Paso X de N · label"
- * + el contenido del paso activo. **Agnóstico del contenedor** — vive en el
- * body de un Drawer/Modal o de una página; el footer (`ius-wizard-nav`) lee la
- * 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).
+ * Marca el footer libre proyectado. Tiene prioridad sobre el footer de
+ * conveniencia (`primaryLabel`/`secondaryLabel`):
  *
- * 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.
+ * ```html
+ * <ius-modal ...>
+ *   …cuerpo…
+ *   <div iusModalFooter>…acciones a medida…</div>
+ * </ius-modal>
+ * ```
  */
-declare class WizardComponent {
-    /** API de `createWizard(...)`. */
-    api: WizardApi;
-    /** Muestra el indicador de progreso (por defecto la barra "steps"). */
-    showIndicator: boolean;
-    /** Indicador personalizado (reemplaza la barra por defecto). */
-    indicator?: TemplateRef<unknown>;
-    /** Muestra la etiqueta "Paso X de N · label". */
-    showStepLabel: boolean;
-    /** Palabra para "Paso". */
-    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;
-    static ngAcceptInputType_showStepLabel: unknown;
+declare class IusModalFooterDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusModalFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusModalFooterDirective, "[iusModalFooter]", never, {}, {}, never, never, true, never>;
 }
-
 /**
- * WizardNav (footer) — Ius Design v2.
- *
- * Footer de navegación del asistente: **Atrás** (secondary, deshabilitado en el
- * primero — o `hideBackOnFirst` para ocultarlo) + **Siguiente** (primary, ícono
- * `arrow_forward`); en el último paso, Siguiente pasa a **Guardar**
- * (`finishDynamic` activa el modo dynamic loading → success del Button).
- *
- * Pensado para el slot `footer` del Drawer/Modal o el footer propio de una
- * página. Lee la misma `api` que `<ius-wizard>`. Compone `ius-button`.
+ * Modal — Ius Design v2.
  *
- * El handler final se pasa como `finishAction` (con `finishDynamic` debe
- * devolver una `Promise` para integrarse con el modo dynamic del Button);
- * además se emite el output `finish` (ng-spec §4).
- */
-declare class WizardNavComponent {
-    /** API de `createWizard(...)`. */
-    api: WizardApi;
-    /** Etiqueta del botón atrás. */
-    backLabel: string;
-    /** Etiqueta del botón siguiente. */
-    nextLabel: string;
-    /** Etiqueta del botón final (último paso). */
-    finishLabel: string;
-    /** Ícono al final del botón siguiente. */
-    nextIcon: string;
-    /** El botón final usa el modo `dynamic` del Button (loading → success). */
-    finishDynamic: boolean;
-    /** Deshabilita "siguiente" (p. ej. validación del paso pendiente). */
-    nextDisabled: boolean;
-    /** Oculta el botón atrás en el primer paso (en vez de deshabilitarlo). */
-    hideBackOnFirst: boolean;
-    /**
-     * Handler del botón final. Con `finishDynamic` debe devolver una `Promise`
-     * (su resolución decide success/error del Button).
-     */
-    finishAction?: () => void | IusButtonActionResult | Promise<IusButtonActionResult | void>;
-    /** Se dispara al pulsar el botón final (original `onFinish`). */
-    readonly finish: EventEmitter<void>;
-    /** `action` para el modo dynamic del Button: emite `finish` y espera el handler. */
-    protected readonly runFinish: () => Promise<IusButtonActionResult | void>;
-    /** Click del botón final en modo NO dynamic. */
-    protected onFinishClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WizardNavComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardNavComponent, "ius-wizard-nav", never, { "api": { "alias": "api"; "required": true; }; "backLabel": { "alias": "backLabel"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "finishLabel": { "alias": "finishLabel"; "required": false; }; "nextIcon": { "alias": "nextIcon"; "required": false; }; "finishDynamic": { "alias": "finishDynamic"; "required": false; }; "nextDisabled": { "alias": "nextDisabled"; "required": false; }; "hideBackOnFirst": { "alias": "hideBackOnFirst"; "required": false; }; "finishAction": { "alias": "finishAction"; "required": false; }; }, { "finish": "finish"; }, never, never, true, never>;
-    static ngAcceptInputType_finishDynamic: unknown;
-    static ngAcceptInputType_nextDisabled: unknown;
-    static ngAcceptInputType_hideBackOnFirst: unknown;
-}
-
-/** Eje con scroll. */
-type IusScrollAxis = 'y' | 'x' | 'both';
-/** Grosor de la barra — `thin` es alias de `small`. */
-type IusScrollSize = 'small' | 'medium' | 'large' | 'thin';
-/**
- * ScrollArea — Ius Design v2.
+ * Diálogo centrado sobre un scrim que exige atención/decisión (confirmaciones,
+ * avisos accionables) sin abandonar la pantalla. Se monta vía **CDK Overlay** en
+ * `document.body` (no acepta `container`): portal + **scroll-lock** del fondo +
+ * **focus-trap** dentro (`cdkTrapFocus`). `Esc`/scrim cierran (configurable).
+ * `role="dialog"` `aria-modal="true"`.
  *
- * Contenedor con scroll **canónico** del sistema: aplica la barra unificada
- * (utilidad global `.ius-scroll` de `tokens/scrollbar.css`) para que cualquier
- * área desplazable tenga el mismo thumb pill `neutral-4` (hover `neutral-5`,
- * track transparente) sin reescribir reglas `::-webkit-scrollbar`. **No** para
- * el scroll de toda la página (eso lo maneja el documento).
+ * Compone `ius-button` (footer) e `ius-icon-button` (cerrar) — no introduce
+ * controles propios. Para tareas con varios campos usar Drawer; para avisos no
+ * bloqueantes usar Alert/Toast.
  *
- * Nota del port: el `as` polimórfico del golden no aplica — el host es siempre
- * `<ius-scroll-area>` (`.ius-sa`). El `viewRef` de React se expone como
- * `getViewport()` (equivalente a un `@ViewChild` del viewport).
  */
-declare class ScrollAreaComponent implements AfterViewInit, OnChanges, OnDestroy {
-    /** Eje con scroll. */
-    axis: IusScrollAxis;
-    /** Grosor de barra; `thin` = alias de `small`. */
-    size: IusScrollSize;
-    /** Thumb solo visible en hover/foco (lienzos amplios). */
-    autoHide: boolean;
-    /** Máscara de gradiente en los bordes con scroll disponible. */
-    fade: boolean;
-    /** Límite que dispara el scroll vertical (número → px). */
-    maxHeight?: number | string;
-    /** Límite que dispara el scroll horizontal (número → px). */
-    maxWidth?: number | string;
-    /** Clase(s) extra para el viewport. */
-    viewClassName?: string;
-    /** Reenvía el evento nativo `scroll` del viewport (opcional, ng-spec §3). */
-    readonly scrolled: EventEmitter<Event>;
-    private readonly view;
-    private ro;
-    private readonly onScroll;
-    /** Clases del viewport: base + barra unificada + variante de tamaño/autoHide. */
-    protected get viewClasses(): string;
-    protected get maxHeightCss(): string | null;
-    protected get maxWidthCss(): string | null;
-    private toCss;
+declare class ModalComponent implements AfterViewInit, OnDestroy {
+    private readonly overlay;
+    private readonly viewContainerRef;
+    /** Template con scrim + diálogo; se portalea al overlay al abrir. */
+    private tpl;
+    /** Footer libre proyectado (`[iusModalFooter]`). Si existe, gana al de conveniencia. */
+    protected customFooter?: IusModalFooterDirective;
+    private _open;
+    /** Apertura controlada. */
+    set open(value: boolean);
+    get open(): boolean;
+    /** Ancho máximo (380·520·680; ≤480px full-width). */
+    size: IusModalSize;
+    /** Título del header. */
+    title?: string;
+    /** Descripción breve bajo el título. */
+    description?: string;
+    /** Ligadura Material Symbols al inicio del header (círculo suave del tono). */
+    icon?: string;
+    /** Tono del círculo del ícono. */
+    iconTone: IusModalIconTone;
+    /** Botón de cerrar (×) en el header. */
+    showClose: boolean;
+    /** Texto del botón primario de conveniencia. */
+    primaryLabel?: string;
+    /** Loading del primario. */
+    primaryLoading: boolean;
+    /** Deshabilita el primario. */
+    primaryDisabled: boolean;
+    /** Acción destructiva: el primario de conveniencia usa `variant="danger"` (rojo). */
+    destructive: boolean;
+    /** Texto del botón secundario. `null` lo oculta. */
+    secondaryLabel: string | null;
+    /** Divisores entre header/body/footer. */
+    dividers: boolean;
+    /** Cerrar al hacer clic en el scrim. */
+    closeOnScrim: boolean;
+    /** Cerrar con Escape. */
+    closeOnEsc: boolean;
+    /** z-index del scrim. */
+    zIndex: number;
+    /** Etiqueta accesible si no hay `title`. */
+    ariaLabel?: string;
+    /** Cierre con el motivo (`onClose` del golden). */
+    readonly closed: EventEmitter<IusModalCloseReason>;
+    /** Clic en el primario de conveniencia (`onPrimary`). */
+    readonly primary: EventEmitter<MouseEvent>;
+    /** Clic en el secundario de conveniencia (`onSecondary`). Si nadie lo escucha, cierra. */
+    readonly secondary: EventEmitter<void>;
+    private overlayRef;
+    private keydownSub;
+    private viewReady;
+    protected get hasHead(): boolean;
+    protected get iconColors(): {
+        bg: string;
+        fg: string;
+    };
+    protected get showSecondary(): boolean;
+    /** Footer de conveniencia sólo si no hay footer libre y hay algo que mostrar. */
+    protected get hasConvenienceFooter(): boolean;
     ngAfterViewInit(): void;
-    ngOnChanges(): void;
     ngOnDestroy(): void;
-    /** Acceso al viewport (equivalente al `viewRef` del golden). */
-    getViewport(): HTMLElement | null;
-    private updateFade;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollAreaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollAreaComponent, "ius-scroll-area", never, { "axis": { "alias": "axis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "viewClassName": { "alias": "viewClassName"; "required": false; }; }, { "scrolled": "scrolled"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_autoHide: unknown;
-    static ngAcceptInputType_fade: unknown;
+    private sync;
+    private attach;
+    private detach;
+    protected onScrimMouseDown(event: MouseEvent): void;
+    protected onCloseClick(): void;
+    protected onPrimary(event: MouseEvent): void;
+    protected onSecondary(): void;
+    private emitClose;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "ius-modal", never, { "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconTone": { "alias": "iconTone"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "primaryLabel": { "alias": "primaryLabel"; "required": false; }; "primaryLoading": { "alias": "primaryLoading"; "required": false; }; "primaryDisabled": { "alias": "primaryDisabled"; "required": false; }; "destructive": { "alias": "destructive"; "required": false; }; "secondaryLabel": { "alias": "secondaryLabel"; "required": false; }; "dividers": { "alias": "dividers"; "required": false; }; "closeOnScrim": { "alias": "closeOnScrim"; "required": false; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "closed": "closed"; "primary": "primary"; "secondary": "secondary"; }, ["customFooter"], ["*", "[iusModalFooter]"], true, never>;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_showClose: unknown;
+    static ngAcceptInputType_primaryLoading: unknown;
+    static ngAcceptInputType_primaryDisabled: unknown;
+    static ngAcceptInputType_destructive: unknown;
+    static ngAcceptInputType_dividers: unknown;
+    static ngAcceptInputType_closeOnScrim: unknown;
+    static ngAcceptInputType_closeOnEsc: unknown;
+    static ngAcceptInputType_zIndex: unknown;
 }
 
-/** Tamaño de la fila — heredado del Select. small · medium (default) · large. */
-type IusOptionItemSize = 'small' | 'medium' | 'large';
 /**
- * Estado forzado — **solo demos/especímenes del DS**. En producción usar
- * `selected`/`multi`/`active`/`disabled`. Sobrescribe la interacción real.
+ * Rol tipográfico → clase de escala (`typography.css`). `body` es alias de
+ * `body-base`. Mapa exacto en VARIANT_CLASS/DEFAULT_TAG.
  */
-type IusOptionItemState = 'idle' | 'hover' | 'pressed' | 'disabled' | 'selected' | 'selectedVar' | 'selectedHovered';
+type IusTextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body-lg' | 'emphasis-lg' | 'body-base' | 'emphasis-base' | 'body' | 'caption' | 'body-sm' | 'label' | 'overline';
 /**
- * OptionItem — Ius Design.
- *
- * Átomo de **fila de opción** dentro del menú (MenuInput) del **Select** (y
- * SelectNumber, y cualquier lista de opciones del sistema). **No se usa suelto en
- * formularios** — es la pieza interna que renderiza cada opción. Cubre los 7
- * estados del especimen Figma: Default · Hovered · Pressed · Disabled · Selected
- * (multi, check circular al final) · Selected Var (single, relleno azul) ·
- * Selected Hovered.
- *
- * Regla de marca: `multi` + `selected` → check (Selected); single + `selected` →
- * relleno azul (Selected Var). `active` es el resaltado de navegación por teclado
- * (mismo fondo que hover) sin marcar la opción como elegida.
- *
- * Fuente de verdad: `components/inputs/OptionItem/OptionItem.jsx` + `.d.ts` +
- * `OptionItem.ng-spec.md`. Todo sale de tokens `--ius-*` (los px 6/11/22 son los
- * mismos valores crudos que fija el golden para el alto de fila y el disco del
- * check — excepción documentada por la fuente de verdad).
+ * Alias de color de texto → `--ius-text-*`. `danger`→`--ius-text-error`,
+ * `inverse`→`--ius-text-on-primary`.
  */
-declare class OptionItemComponent {
-    /** Texto de la opción. Alternativa a la proyección de contenido. */
-    label?: string;
-    /** Ícono Material Symbols a la izquierda (opcional). */
-    icon?: string;
-    /** La opción está elegida. */
-    selected: boolean;
-    /** Selección múltiple: con `selected` → check circular (si no, relleno azul). */
-    multi: boolean;
-    /** Resaltado de navegación por teclado (activa, sin elegir aún). */
-    active: boolean;
-    /** Opción no seleccionable. */
-    disabled: boolean;
-    /** Tamaño de la fila, heredado del Select. */
-    size: IusOptionItemSize;
-    /** Valor de la opción (para `role="option"` / aria). */
-    value?: string | number;
-    /** Estado forzado — **solo demos/especímenes**. */
-    state?: IusOptionItemState;
-    /** Al elegir la opción (original `onSelect`). */
-    readonly selectClicked: EventEmitter<void>;
-    /** ¿Hay un estado forzado activo (demo)? */
-    protected get forced(): boolean;
-    /** ¿La opción se ve como elegida (real o forzada)? */
-    protected get isSelected(): boolean;
-    /** ¿Elegida en modo múltiple (check) vs single (relleno)? */
-    protected get isMultiSel(): boolean;
-    /** Marca de elegido: `check` (multi) o `fill` (single). */
-    protected get variant(): 'check' | 'fill';
-    /** Deshabilitada (real o forzada). */
-    protected get isDisabled(): boolean;
-    /** ¿Mostrar el disco de check al final (solo multi elegido)? */
-    protected get showCheck(): boolean;
-    protected handleClick(): void;
-    protected onMouseDown(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionItemComponent, "ius-option-item", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "selectClicked": "selectClicked"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_selected: unknown;
-    static ngAcceptInputType_multi: unknown;
-    static ngAcceptInputType_active: unknown;
-    static ngAcceptInputType_disabled: unknown;
-}
-
-/** Tamaño del chip — small ~24 · medium ~28 (default) · large ~32px (alineado a inputs). */
-type IusChipSize = 'small' | 'medium' | 'large';
-/** Estado forzado — **solo demos/especímenes del DS**. Sobrescribe la interacción real. */
-type IusChipState = 'idle' | 'hover' | 'disabled';
+type IusTextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'danger' | 'warning' | 'info' | 'link';
+type IusTextWeight = 'regular' | 'medium' | 'bold';
+type IusTextAlign = 'left' | 'center' | 'right' | 'justify';
 /**
- * Chip — Ius Design.
- *
- * Etiqueta compacta tipo "pill" que representa un valor seleccionado. Dos modos:
- * - **Eliminable** (`removable`): relleno azul + botón × circular. Para inputs y
- *   formularios (lo usan Select / CascaderSelect en multiselección) — cada chip es
- *   un valor elegido que el usuario puede quitar.
- * - **No eliminable** (default): blanco con borde. Para vistas de solo lectura /
- *   display.
- *
- * Tres estados (Default · Hovered · Disabled) y tres tamaños. Admite un ícono a la
- * izquierda. **No** es interactivo (no clickable/toggle) ni maneja color de estado
- * → para eso usar **Tag**.
- *
- * Fuente de verdad: `components/data-display/Chip/Chip.jsx` + `.d.ts` + ng-spec.
- * Todo sale de tokens `--ius-*`; los px de la pill (3/4/5 py, 8/10/12 px, 16/18/20
- * de la ×) son los valores que fija el golden para el alto por tamaño (excepción
- * documentada por la fuente de verdad).
+ * Tag polimórfico soportado. Adaptación Angular del `as` (React acepta cualquier
+ * `keyof JSX.IntrinsicElements`; aquí un set finito para elegir el template, tal
+ * como recomienda la ng-spec §3). Cubre los tags del sistema + inline comunes.
  */
-declare class ChipComponent {
-    /** Texto del chip. Alternativa a la proyección de contenido. */
-    label?: string;
-    /** Ícono Material Symbols a la izquierda (opcional). */
-    icon?: string;
-    /** Muestra el botón × y habilita quitar el chip (relleno azul). */
-    removable: boolean;
-    /** Tamaño de la pill. */
-    size: IusChipSize;
-    /** Deshabilitado (atenuado, × no funcional). */
-    disabled: boolean;
-    /** Estado forzado — **solo demos/especímenes**. */
-    state?: IusChipState;
-    /** aria-label del botón quitar. */
-    removeLabel: string;
-    /** Al pulsar la × (original `onRemove`). */
-    readonly removed: EventEmitter<void>;
-    /** Deshabilitado (real o forzado). */
-    protected get isDisabled(): boolean;
-    /** `data-state` solo cuando hay un estado forzado (≠ idle). */
-    protected get forcedState(): IusChipState | null;
-    protected handleRemove(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "ius-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "state": { "alias": "state"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_removable: unknown;
-    static ngAcceptInputType_disabled: unknown;
-}
-
-type IusFlexDirection = 'row' | 'column';
-type IusFlexGap = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
-type IusFlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-type IusFlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+type IusTextTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span' | 'label' | 'div' | 'strong' | 'em' | 'small';
 /**
- * Flex — primitivo de maquetación (ng-spec components/layout/Flex).
- *
- * Contenedor flexbox cuyo `gap` está RESTRINGIDO a la escala --ius-space-*
- * (no existe gap numérico libre: esa restricción es el punto del componente).
- * Reemplaza el `<div style="display:flex; gap:…">` a mano.
+ * Text — Ius Design v2. Primitiva tipográfica (display-only, sin estado).
  *
- * Sin estilos propios: todas las reglas viven en la librería de estilos
- * (tokens.css › sección layout.css, clases .ius-flex + data-attrs) — este
- * componente es azúcar que emite la clase y los atributos.
+ * Wrapper delgado sobre la escala de `typography.css`: mapea `variant` → clase y
+ * expone `color / weight / as / align / italic / truncate / tabularNums` con
+ * tokens `--ius-*` (cero valores crudos). Contrato único para todo texto plano.
  *
- * El `as` de la spec se resuelve con el selector de ATRIBUTO, sin nodo extra:
- *   <nav ius-flex gap="sm">…</nav>  ·  <ul ius-flex direction="column">…</ul>
- * La forma de elemento también es válida: <ius-flex gap="lg">…</ius-flex>.
+ * El host `ius-text` usa `display: contents`, así que no genera caja propia: el
+ * tag renderizado (h1…h5 / p / span / label…) se comporta como hijo directo.
  *
- * Solo estructura: no aporta cáscara de página (AppLayout), superficie (Card)
- * ni tipografía (Text). Sin outputs, sin estado, sin user-select.
- */
-declare class FlexComponent {
-    /** Eje principal; 'column' = patrón stack. Solo emite data-dir en column. */
-    direction: IusFlexDirection;
-    /** Separación entre hijos — SOLO escala --ius-space-*. */
-    gap: IusFlexGap;
-    /** align-items; sin valor no se emite (default del navegador: stretch). */
-    align?: IusFlexAlign;
-    /** justify-content; sin valor no se emite (default: flex-start). */
-    justify?: IusFlexJustify;
-    /** flex-wrap: wrap (patrón cluster). */
-    wrap: boolean;
-    /** inline-flex en vez de flex (grupos que fluyen dentro de texto). */
-    inline: boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexComponent, "ius-flex, [ius-flex]", never, { "direction": { "alias": "direction"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-type IusDividerOrientation = 'horizontal' | 'vertical';
-type IusDividerVariant = 'solid' | 'dashed';
-type IusDividerTextAlign = 'start' | 'center' | 'end';
-/**
- * Divider — separador NEUTRO (ng-spec components/data-display/Divider).
- * Línea fina 1px --ius-neutral-3, horizontal (con etiqueta opcional proyectada)
- * o vertical (rellena el alto del contenedor). Para separadores con tono
- * semántico → Alert o borde propio. Sin outputs.
+ * Port completo: los 14 variants mapean a su clase real de `typography.css`
+ * (incl. `.ius-label`/`.ius-overline`) y los 10 colores a su token `--ius-text-*`
+ * (incl. `--ius-text-warning`/`--ius-text-info`), sincronizados desde Claude Design.
  *
- * Etiqueta: contenido proyectado (solo horizontal). textAlign mueve el trazo
- * corto (stub) al lado del título, como el golden.
+ * Fuente de verdad: `components/data-display/Text/Text.jsx` + `Text.d.ts`
+ * (contrato en `Text.ng-spec.md` §4).
  */
-declare class DividerComponent implements AfterViewInit {
-    /** Eje; vertical rellena el alto del contenedor (sin etiqueta). */
-    orientation: IusDividerOrientation;
-    /** dashed = separación suave. */
-    variant: IusDividerVariant;
-    /** Alineación de la etiqueta (solo horizontal con etiqueta). */
-    textAlign: IusDividerTextAlign;
-    private labelWrap;
-    protected readonly hasLabel: _angular_core.WritableSignal<boolean>;
-    ngAfterViewInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DividerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "ius-divider", never, { "orientation": { "alias": "orientation"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; }, {}, never, ["*"], true, never>;
+declare class TextComponent {
+    /** Rol tipográfico → clase de escala + tag por defecto. */
+    variant: IusTextVariant;
+    /** Color semántico (alias → `--ius-text-*`). Sin valor: hereda el de la clase. */
+    color?: IusTextColor;
+    /** Peso: override del peso por defecto del variant → `--ius-fw-*`. */
+    weight?: IusTextWeight;
+    /** Tag polimórfico: override del tag semántico por defecto del variant. */
+    as?: IusTextTag;
+    /** Alineación (`text-align`). */
+    align?: IusTextAlign;
+    /** Itálico (clase modificadora en body-base/caption/body-sm; inline en el resto). */
+    italic: boolean;
+    /** Trunca a una línea con elipsis. */
+    truncate: boolean;
+    /** Números tabulares (montos/radicados es-CO). */
+    tabularNums: boolean;
+    /** `for` del `<label>` (sólo aplica cuando el tag renderizado es `label`). */
+    for?: string;
+    /** Tag efectivo (as > default del variant > span). */
+    protected get tag(): IusTextTag;
+    private get variantClass();
+    /** `ius-text` base + clase de escala (+ modificador itálico si aplica). */
+    protected get klass(): string;
+    /** Overrides por token (color/weight/align/italic-inline/tabular/truncate). */
+    protected get styleObject(): Record<string, string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "ius-text", never, { "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "as": { "alias": "as"; "required": false; }; "align": { "alias": "align"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "truncate": { "alias": "truncate"; "required": false; }; "tabularNums": { "alias": "tabularNums"; "required": false; }; "for": { "alias": "for"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_italic: unknown;
+    static ngAcceptInputType_truncate: unknown;
+    static ngAcceptInputType_tabularNums: unknown;
 }
 
-/** Tratamiento del indicador: punto de color · píldora tonal · píldora neutra. */
-type IusInsigniaVariant = 'dot' | 'count' | 'count-soft';
-/** Familia de color: 6 semánticas + 6 frutas categóricas. */
-type IusInsigniaTone = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'neutral' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
-/** Tamaño. */
-type IusInsigniaSize = 'small' | 'medium' | 'large';
+/** Degradado base según el fondo. */
+type IusLoadingMarkSurface = 'light' | 'dark';
 /**
- * Insignia — Ius Design v2 (familia feedback).
  *
- * Indicador atómico de estado o actividad: punto de color (`dot`) o píldora de
- * contador (`count` tonal · `count-soft` suave), con `label` opcional al lado.
- * Display puro — sin outputs. Fuente de verdad: `Insignia.jsx` + `Insignia.d.ts`
- * + `Insignia.ng-spec.md`.
+ * Cargador de **identidad** Litigiovirtual: tres fichas se deslizan por el
+ * cuadrado mientras el conjunto gira y un **cometa** de luz cian orbita el
+ * contorno sobre el degradado base navy→cian. Para splash, arranque y esperas
+ * largas donde la marca debe estar presente. Para una espera neutra/compacta
+ * dentro de la UI botón, fila, panel, usar Loading/CircularProgress; este no
+ * lleva etiqueta ni se incrusta en controles.
  *
- * Para etiqueta con texto contenedor → Tag; para token removible en un campo →
- * Chip. La consume MenuItem (badge) y la barra de navegación.
  */
-declare class InsigniaComponent {
-    /** Punto de color · píldora tonal · píldora neutra. */
-    readonly variant: _angular_core.InputSignal<IusInsigniaVariant>;
-    /** Familia de color. */
-    readonly tone: _angular_core.InputSignal<IusInsigniaTone>;
-    /** Tamaño. */
-    readonly size: _angular_core.InputSignal<IusInsigniaSize>;
-    /** Texto junto al indicador (alternativa a proyectar contenido). */
-    readonly label: _angular_core.InputSignal<string | number | undefined>;
-    /** Valor del contador (variantes `count` / `count-soft`). */
-    readonly count: _angular_core.InputSignal<string | number | undefined>;
-    /** Tope antes de mostrar `N+`. */
-    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
-    /** Halo suave alrededor del punto (solo `dot`). */
-    readonly ring: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Recomendada cuando no hay `label`. */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /** `count`/`count-soft` renderizan píldora; `dot` renderiza punto. */
-    protected readonly isCount: _angular_core.Signal<boolean>;
-    /** El halo es exclusivo del punto (el golden lo ignora en las píldoras). */
-    protected readonly showRing: _angular_core.Signal<boolean>;
-    /** `count > max` → `${max}+`; los valores string pasan tal cual. */
-    protected readonly displayCount: _angular_core.Signal<string | number | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InsigniaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InsigniaComponent, "ius-insignia", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "ring": { "alias": "ring"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+declare class LoadingMarkComponent {
+    /** Lado del cuadro en px. */
+    size: number;
+    /** `light` navy sólido (default) · `dark` navy→cian sobre superficie navy. */
+    surface: IusLoadingMarkSurface;
+    /** Congela la animación (figura estática). También respeta reduced-motion. */
+    paused: boolean;
+    /** Etiqueta accesible. */
+    ariaLabel: string;
+    private readonly id;
+    protected readonly baseId: string;
+    protected readonly glowId: string;
+    protected readonly softId: string;
+    protected readonly maskId: string;
+    /** Parada inicial del degradado base (siempre navy). */
+    protected get baseFrom(): string;
+    /** Parada final: navy en `light`; abre a `--ius-primary-600` en `dark`. */
+    protected get baseTo(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingMarkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadingMarkComponent, "ius-loading-mark", never, { "size": { "alias": "size"; "required": false; }; "surface": { "alias": "surface"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_size: unknown;
+    static ngAcceptInputType_paused: unknown;
 }
 
-/** Contexto de uso: fila de overlay (neutral) · fila del NavRail (verde marca). */
-type IusMenuItemVariant = 'menu' | 'rail';
-/** Tamaño de la fila. */
-type IusMenuItemSize = 'small' | 'medium' | 'large';
-/** Estado forzado — **solo demos/especímenes del DS**. */
-type IusMenuItemState = 'hover' | 'pressed';
-/**
- * Marca contenido libre al final de la fila (chevron, valor, atajo):
- * `<ius-menu-item><span iusMenuItemTrailing>⌘K</span></ius-menu-item>`.
- */
-declare class IusMenuItemTrailingDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusMenuItemTrailingDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusMenuItemTrailingDirective, "[iusMenuItemTrailing]", never, {}, {}, never, never, true, never>;
+/** Escala del sistema — small ~34 · medium ~40 (default) · large ~48px. */
+type IusSegmentedSize = 'small' | 'medium' | 'large';
+/** `subtle` = pastilla blanca elevada (default) · `solid` = pastilla navy de marca. */
+type IusSegmentedVariant = 'subtle' | 'solid';
+/** Opción del control (2–5, cortas, todas visibles). */
+interface SegmentedOption {
+    /** Valor único (lo que recibe `valueChange`). */
+    value: string;
+    /** Etiqueta visible (omitible en `iconOnly`). */
+    label?: string;
+    /** Ligadura Material Symbols Rounded. */
+    icon?: string;
+    /** Etiqueta accesible cuando `iconOnly` oculta el texto. */
+    ariaLabel?: string;
+    title?: string;
+    /** Deshabilita sólo esta opción. */
+    disabled?: boolean;
 }
 /**
- * MenuItem — Ius Design v2 (familia navigation).
+ * SegmentedControl — Ius Design v2.
  *
- * Fila de acción o navegación: ícono + etiqueta + badge/trailing. Unidad
- * compartida por la superficie **Menu** (overlays) y el **NavRail**:
- * `variant="menu"` es neutral; `variant="rail"` lleva el ícono verde de marca y
- * el pressed verde sólido sobre blanco (firma del rail). `danger` (rojo) solo
- * aplica a `menu` — el caso canónico es «Cerrar sesión».
+ * Selector **único** de pocas opciones cortas, mutuamente excluyentes y **todas
+ * visibles a la vez** (Mes/Semana/Día, filtros de estado, conmutadores de modo).
+ * Para 0–1 opción → Switch; para muchas/largas → Select; para acciones → Button.
  *
- * Con `href` renderiza `<a>`; si no, `<button type="button">`. Por eso el host
- * es `display: contents`: el elemento real de la fila (y por tanto el foco, el
- * `:hover` y la semántica) es el `<a>`/`<button>` interno, tal como el golden.
+ * `role="radiogroup"` + `role="radio"` con `aria-checked`; navegación con
+ * ←/→/↑/↓/Home/End (mueve foco y selección) y roving `tabindex`. Implementa
+ * `ControlValueAccessor` (`string`) y además soporta `[(value)]` directo.
  *
- * Fuente de verdad: `MenuItem.jsx` + `MenuItem.d.ts` + `MenuItem.ng-spec.md`.
- * Compone Insignia para el badge. Para botón con texto → Button; píldora de
- * valor → Tag/Chip.
+ * Fuente de verdad: `components/inputs/SegmentedControl/SegmentedControl.jsx` + `.d.ts`.
  */
-declare class MenuItemComponent {
-    /** Ícono Material Symbols a la izquierda. */
-    readonly icon: _angular_core.InputSignal<string | undefined>;
-    /** Texto de la fila (alternativa a proyectar contenido). */
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    /** `number` → Insignia contador; `true` → punto; `null`/`false` → sin badge. */
-    readonly badge: _angular_core.InputSignal<number | boolean | null | undefined>;
-    /** Contexto de uso (menu neutral · rail verde marca). */
-    readonly variant: _angular_core.InputSignal<IusMenuItemVariant>;
-    /** Tamaño de la fila. */
-    readonly size: _angular_core.InputSignal<IusMenuItemSize>;
-    /** Fondo persistente + `aria-current`. */
-    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Fila inerte. */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Acción destructiva (rojo). Solo `variant="menu"`. */
-    readonly danger: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Estado forzado — **solo demos**. */
-    readonly state: _angular_core.InputSignal<IusMenuItemState | undefined>;
-    /** Renderiza la fila como `<a href>`. */
-    readonly href: _angular_core.InputSignal<string | undefined>;
-    /** Etiqueta accesible cuando el texto no basta. */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /** Rol ARIA del elemento de fila — Menu lo fija en `menuitem`. */
-    readonly itemRole: _angular_core.InputSignal<string | undefined>;
-    /** Al activar la fila (espejo de `onClick`). */
-    readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
-    protected readonly trailingRef: _angular_core.Signal<IusMenuItemTrailingDirective | undefined>;
-    /** El `<a>` solo se usa si hay `href` y la fila no está deshabilitada. */
-    protected readonly isLink: _angular_core.Signal<boolean>;
-    /** `null`/`undefined`/`false` = sin badge (el 0 sí se muestra, como el golden). */
-    protected readonly hasBadge: _angular_core.Signal<boolean>;
-    /** `true` → punto; número → píldora de contador. */
-    protected readonly badgeVariant: _angular_core.Signal<IusInsigniaVariant>;
-    /** El punto del rail es informativo (azul); en menu avisa (rojo). */
-    protected readonly badgeTone: _angular_core.Signal<IusInsigniaTone>;
-    /** Valor del contador (solo cuando el badge es numérico). */
-    protected readonly badgeCount: _angular_core.Signal<number | undefined>;
-    protected onClick(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "ius-menu-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "itemRole": { "alias": "itemRole"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, ["trailingRef"], ["*", "[iusMenuItemTrailing]"], true, never>;
+declare class SegmentedControlComponent implements ControlValueAccessor {
+    /** Opciones mutuamente excluyentes (2–5 cortas; todas visibles). */
+    options: SegmentedOption[];
+    /** Escala del sistema. */
+    size: IusSegmentedSize;
+    /** Jerarquía visual de la pastilla seleccionada. */
+    variant: IusSegmentedVariant;
+    /** Ocupa todo el ancho, repartiendo las opciones por igual. */
+    fullWidth: boolean;
+    /** Sólo íconos (oculta labels; usa ariaLabel/label como título accesible). */
+    iconOnly: boolean;
+    /** Etiqueta accesible del grupo. */
+    ariaLabel?: string;
+    /** `name` de los radios. */
+    name?: string;
+    private readonly valueState;
+    /** Valor seleccionado (controlado / CVA). */
+    set value(v: string | undefined);
+    get value(): string | undefined;
+    private readonly disabledState;
+    /** Deshabilita todo el control. */
+    set disabled(v: boolean);
+    get disabled(): boolean;
+    /** Cambio de selección (original `onChange`). Habilita `[(value)]`. */
+    readonly valueChange: EventEmitter<string>;
+    protected readonly selected: _angular_core.Signal<string | undefined>;
+    private readonly optRefs;
+    private onChange;
+    private onTouched;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected isEnabled(o: SegmentedOption): boolean;
+    /** Roving tabindex (espejo del golden: seleccionado, o el primero si no hay valor). */
+    protected tabIndexFor(o: SegmentedOption, index: number): number;
+    private commit;
+    private focusAndSelect;
+    private focusByOffset;
+    protected onOptionClick(o: SegmentedOption): void;
+    protected onKeyDown(event: KeyboardEvent, index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlComponent, "ius-segmented-control", never, { "options": { "alias": "options"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ngAcceptInputType_fullWidth: unknown;
+    static ngAcceptInputType_iconOnly: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/**
+ * Un paso del asistente.
+ *
+ * `content` (que en el golden React es un `ReactNode`) se resuelve en Angular
+ * con un `TemplateRef` por paso (ng-spec §2 / §7): el consumidor declara un
+ * `<ng-template>` por paso y lo pasa aquí.
+ */
+interface WizardStep {
+    /** Identificador opcional del paso. */
+    key?: string;
+    /** Nombre visible del paso (etiqueta "Paso X de N · label"). */
+    label?: string;
+    /** Contenido del paso (típicamente un formulario), como plantilla. */
+    content?: TemplateRef<unknown> | null;
+}
+/** API que devuelve `createWizard(...)` y consumen `<ius-wizard>` y `<ius-wizard-nav>`. */
+interface WizardApi {
+    /** Pasos del flujo. */
+    readonly steps: WizardStep[];
+    /** Total de pasos. */
+    readonly total: number;
+    /** Paso actual (1-based). Reactivo (signal-backed). */
+    readonly step: number;
+    /** Índice actual (0-based). */
+    readonly index: number;
+    /** Paso actual (`steps[index]`). */
+    readonly current: WizardStep | null;
+    /** `true` en el primer paso. */
+    readonly isFirst: boolean;
+    /** `true` en el último paso. */
+    readonly isLast: boolean;
+    /** Avanza un paso; en el último, dispara `onFinish`. */
+    next(): void;
+    /** Retrocede un paso (no baja de 1). */
+    back(): void;
+    /** Salta a un paso (1-based), o función `(prev) => next`. */
+    goTo(next: number | ((prev: number) => number)): void;
+}
+interface UseWizardOptions {
+    /** Pasos del flujo. */
+    steps: 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`.
+     */
+    step?: 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). */
+    onFinish?: () => void;
 }
-
 /**
- * Opción de menú — tipo **compartido** por Menu, Dropdown y ContextMenu.
- *
- * `trailing` acepta texto plano o un `TemplateRef` (equivalente Angular del
- * slot/ReactNode del golden, según la regla de port `render` → `TemplateRef`).
+ * 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
+ * `api.step` / `api.current` / `api.isLast` en una plantilla registra la
+ * dependencia y refresca los componentes `OnPush` que consumen la `api`.
  */
-interface IusMenuOption {
-    /** Valor lógico — el que viaja en `valueChange` y marca el check. */
-    value?: string | number;
-    /** Clave de `@for`; si falta se usa `value` y, en último caso, el índice. */
-    key?: string | number;
-    /** Ícono Material Symbols a la izquierda. */
-    icon?: string;
-    /** Texto de la fila. */
-    label?: string;
-    /** Contenido al final de la fila (atajo, valor, chevron). */
-    trailing?: string | TemplateRef<unknown>;
-    /** Al cambiar de grupo se inserta un divisor. */
-    group?: string | number;
-    /** Divisor explícito (la fila no se renderiza). */
-    separator?: boolean;
-    /** Acción destructiva (rojo). */
-    danger?: boolean;
-    /** Fila inerte. */
-    disabled?: boolean;
-    /** Acción propia de la opción. */
-    onClick?: (event: MouseEvent) => void;
-}
-/** Fila resuelta o divisor — lo que realmente pinta la plantilla. */
-interface IusMenuRow {
-    kind: 'separator' | 'item';
-    key: string;
-    item?: IusMenuOption;
-    selected?: boolean;
+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). */
+    readonly step$: Signal<number>;
+    private readonly onStepChange?;
+    private readonly onFinish?;
+    constructor(options: UseWizardOptions);
+    get total(): number;
+    get step(): number;
+    get index(): number;
+    get current(): WizardStep | null;
+    get isFirst(): boolean;
+    get isLast(): boolean;
+    goTo: (next: number | ((prev: number) => number)) => void;
+    next: () => void;
+    back: () => void;
 }
 /**
- * Menu — Ius Design v2 (familia overlays). **SUPERFICIE compartida de menú.**
- *
- * Lista de **MenuItem** con encabezado opcional, divisores, grupos, ítems
- * peligrosos/deshabilitados y modo selección única (check a la derecha). Es el
- * cuerpo que **Dropdown** ancla a un disparador y **ContextMenu** ancla al
- * cursor: por sí sola **no se posiciona ni gestiona apertura**.
- *
- * Fuente de verdad: `Menu.jsx` + `Menu.d.ts` + `Menu.ng-spec.md`. Las filas se
- * renderizan con `size="small"` y `variant="menu"`, como el golden.
+ * `createWizard(options)` — fábrica del estado del asistente (equivalente a
+ * `Wizard.use(...)`). Devuelve la `WizardApi` que leen `<ius-wizard>` y
+ * `<ius-wizard-nav>`.
  */
-declare class MenuComponent {
-    /** Opciones del menú (tipo compartido con Dropdown/ContextMenu). */
-    readonly items: _angular_core.InputSignal<readonly IusMenuOption[]>;
-    /** Selección única: marca `value` con un check. */
-    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Valor elegido en modo `selectable`. */
-    readonly value: _angular_core.InputSignal<string | number | undefined>;
-    /** Encabezado visual del menú. */
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    /** Etiqueta accesible de la superficie. */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /** Modo `selectable` — espejo de `onChange`. */
-    readonly valueChange: _angular_core.OutputEmitterRef<{
-        value: string | number | undefined;
-        item: IusMenuOption;
-    }>;
-    /** Tras activar un ítem — Dropdown/ContextMenu lo usan para cerrar. */
-    readonly itemClick: _angular_core.OutputEmitterRef<{
-        item: IusMenuOption;
-        event: MouseEvent;
-    }>;
-    /**
-     * Aplana `items` a filas pintables insertando los divisores de grupo: al
-     * cambiar `group` respecto de la fila anterior se mete un separador (el
-     * primer ítem nunca lo lleva), y `separator: true` es un divisor explícito.
-     */
-    protected readonly rows: _angular_core.Signal<IusMenuRow[]>;
-    /** `trailing` como TemplateRef (slot rico) — si no, se pinta como texto. */
-    protected trailingTpl(item: IusMenuOption): TemplateRef<unknown> | null;
-    /** `trailing` como texto plano (atajo, valor corto). */
-    protected trailingText(item: IusMenuOption): string | null;
-    protected onItemClick(row: IusMenuRow, event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "ius-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "itemClick": "itemClick"; }, never, never, true, never>;
-}
+declare function createWizard(options: UseWizardOptions): WizardApi;
 
-/** Familia de color del disparador por defecto. */
-type IusDropdownTone = 'primary' | 'neutral';
-/** Tratamiento del disparador por defecto. */
-type IusDropdownVariant = 'ghost' | 'outline';
-/** Opción del Dropdown — el tipo compartido de Menu/ContextMenu. */
-type IusDropdownItem = IusMenuOption;
 /**
- * Marca un disparador propio, en lugar del ghost texto+chevron por defecto:
- * `<ius-dropdown><ius-icon-button iusDropdownTrigger …/></ius-dropdown>`.
+ * Wizard (body) — Ius Design v2.
+ *
+ * Cuerpo del asistente: indicador de progreso + etiqueta "Paso X de N · label"
+ * + el contenido del paso activo. **Agnóstico del contenedor** — vive en el
+ * body de un Drawer/Modal o de una página; el footer (`ius-wizard-nav`) lee la
+ * 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.
  */
-declare class IusDropdownTriggerDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDropdownTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDropdownTriggerDirective, "[iusDropdownTrigger]", never, {}, {}, never, never, true, never>;
+declare class WizardComponent {
+    /** API de `createWizard(...)`. */
+    api: WizardApi;
+    /** Muestra el indicador de progreso (por defecto la barra "steps"). */
+    showIndicator: boolean;
+    /** Indicador personalizado (reemplaza la barra por defecto). */
+    indicator?: TemplateRef<unknown>;
+    /** Muestra la etiqueta "Paso X de N · label". */
+    showStepLabel: boolean;
+    /** Palabra para "Paso". */
+    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;
+    static ngAcceptInputType_showStepLabel: unknown;
 }
+
 /**
- * Dropdown — Ius Design v2 (familia overlays).
+ * WizardNav (footer) — Ius Design v2.
  *
- * Menú desplegable accionable: un disparador abre un **Popover** (sin rabito,
- * `bottom-start` por defecto) con una superficie **Menu**. Dos modos: **acciones**
- * (cada ítem ejecuta y cierra) y **selección única** (`selectable`, check en la
- * activa y la etiqueta elegida en el disparador).
+ * Footer de navegación del asistente: **Atrás** (secondary, deshabilitado en el
+ * primero — o `hideBackOnFirst` para ocultarlo) + **Siguiente** (primary, ícono
+ * `arrow_forward`); en el último paso, Siguiente pasa a **Guardar**
+ * (`finishDynamic` activa el modo dynamic loading → success del Button).
  *
- * El disparador por defecto es un botón ghost texto+chevron (el chevron gira al
- * abrir); `variant="outline"` replica el contenedor del botón de QueryBuilder
- * (mismo borde/radio/padding/altura) para encajar en barras y SegmentGroup. Con
- * `[iusDropdownTrigger]` se proyecta un disparador propio.
+ * Pensado para el slot `footer` del Drawer/Modal o el footer propio de una
+ * página. Lee la misma `api` que `<ius-wizard>`. Compone `ius-button`.
  *
- * No es campo de formulario — eso es **Select**; para una sola acción →
- * Button/IconButton. Fuente de verdad: `Dropdown.jsx` + `Dropdown.d.ts` +
- * `Dropdown.ng-spec.md`.
+ * El handler final se pasa como `finishAction` (con `finishDynamic` debe
+ * devolver una `Promise` para integrarse con el modo dynamic del Button);
+ * además se emite el output `finish` (ng-spec §4).
  */
-declare class DropdownComponent {
-    /** Opciones del menú (mismo shape que `MenuOption`). */
-    readonly items: _angular_core.InputSignal<readonly IusMenuOption[]>;
-    /** Selección única: marca la opción activa con un check. */
-    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Valor elegido en modo `selectable`. */
-    readonly value: _angular_core.InputSignal<string | number | undefined>;
-    /** Encabezado del menú (y texto del disparador por defecto si no hay elegida). */
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    /** Texto del disparador por defecto (gana sobre la opción elegida y `label`). */
-    readonly triggerLabel: _angular_core.InputSignal<string | undefined>;
-    /** Ícono Material Symbols del disparador por defecto. */
-    readonly triggerIcon: _angular_core.InputSignal<string | undefined>;
-    /** Familia de color del disparador por defecto. */
-    readonly tone: _angular_core.InputSignal<IusDropdownTone>;
-    /** Tratamiento del disparador por defecto. */
-    readonly variant: _angular_core.InputSignal<IusDropdownVariant>;
-    /** Colocación del panel respecto del disparador. */
-    readonly placement: _angular_core.InputSignal<IusPopoverPlacement>;
-    /** Modo controlado (`undefined` = no controlado con `defaultOpen`). */
-    readonly open: _angular_core.InputSignal<boolean | undefined>;
-    /** Estado inicial del modo no controlado. */
-    readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Etiqueta accesible del disparador por defecto. */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /** Modo `selectable` — espejo de `onChange`. */
-    readonly valueChange: _angular_core.OutputEmitterRef<{
-        value: string | number | undefined;
-        item: IusDropdownItem;
-    }>;
-    /** Apertura/cierre del panel. */
-    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
-    protected readonly customTrigger: _angular_core.Signal<IusDropdownTriggerDirective | undefined>;
-    /** `null` = el usuario todavía no ha abierto/cerrado → manda `defaultOpen`. */
-    private readonly internalOpen;
-    /** Controlado por `open` si viene definido; si no, estado interno. */
-    protected readonly isOpen: _angular_core.Signal<boolean>;
-    /** Opción activa en modo `selectable` — alimenta el texto del disparador. */
-    private readonly current;
-    /** `triggerLabel` › etiqueta de la opción elegida › `label`. */
-    protected readonly triggerText: _angular_core.Signal<string | undefined>;
-    /** El encabezado del menú solo aplica en modo selección (como el golden). */
-    protected readonly menuLabel: _angular_core.Signal<string | undefined>;
-    protected onOpenChange(open: boolean): void;
-    protected onValueChange(payload: {
-        value: string | number | undefined;
-        item: IusMenuOption;
-    }): void;
-    /** Activar un ítem cierra el panel (acciones y selección). */
-    protected onItemClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ius-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; }, ["customTrigger"], ["[iusDropdownTrigger]"], true, never>;
+declare class WizardNavComponent {
+    /** API de `createWizard(...)`. */
+    api: WizardApi;
+    /** Etiqueta del botón atrás. */
+    backLabel: string;
+    /** Etiqueta del botón siguiente. */
+    nextLabel: string;
+    /** Etiqueta del botón final (último paso). */
+    finishLabel: string;
+    /** Ícono al final del botón siguiente. */
+    nextIcon: string;
+    /** El botón final usa el modo `dynamic` del Button (loading → success). */
+    finishDynamic: boolean;
+    /** Deshabilita "siguiente" (p. ej. validación del paso pendiente). */
+    nextDisabled: boolean;
+    /** Oculta el botón atrás en el primer paso (en vez de deshabilitarlo). */
+    hideBackOnFirst: boolean;
+    /**
+     * Handler del botón final. Con `finishDynamic` debe devolver una `Promise`
+     * (su resolución decide success/error del Button).
+     */
+    finishAction?: () => void | IusButtonActionResult | Promise<IusButtonActionResult | void>;
+    /** Se dispara al pulsar el botón final (original `onFinish`). */
+    readonly finish: EventEmitter<void>;
+    /** `action` para el modo dynamic del Button: emite `finish` y espera el handler. */
+    protected readonly runFinish: () => Promise<IusButtonActionResult | void>;
+    /** Click del botón final en modo NO dynamic. */
+    protected onFinishClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WizardNavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardNavComponent, "ius-wizard-nav", never, { "api": { "alias": "api"; "required": true; }; "backLabel": { "alias": "backLabel"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "finishLabel": { "alias": "finishLabel"; "required": false; }; "nextIcon": { "alias": "nextIcon"; "required": false; }; "finishDynamic": { "alias": "finishDynamic"; "required": false; }; "nextDisabled": { "alias": "nextDisabled"; "required": false; }; "hideBackOnFirst": { "alias": "hideBackOnFirst"; "required": false; }; "finishAction": { "alias": "finishAction"; "required": false; }; }, { "finish": "finish"; }, never, never, true, never>;
+    static ngAcceptInputType_finishDynamic: unknown;
+    static ngAcceptInputType_nextDisabled: unknown;
+    static ngAcceptInputType_hideBackOnFirst: unknown;
 }
 
-/** Tono semántico de un estado (nunca un hue "fruta"). */
-type StatusTone = 'info' | 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
-/** Los 6 tonos semánticos, en el orden del contrato. Útil para matrices/demos. */
-declare const STATUS_TONES: readonly StatusTone[];
+/** Eje con scroll. */
+type IusScrollAxis = 'y' | 'x' | 'both';
+/** Grosor de la barra — `thin` es alias de `small`. */
+type IusScrollSize = 'small' | 'medium' | 'large' | 'thin';
 /**
- * Cómo se pinta un estado: rótulo, tono semántico e ícono Material Symbols
- * (ligadura, p. ej. `check_circle`).
+ * ScrollArea — Ius Design v2.
+ *
+ * Contenedor con scroll **canónico** del sistema: aplica la barra unificada
+ * (utilidad global `.ius-scroll` de `tokens/scrollbar.css`) para que cualquier
+ * área desplazable tenga el mismo thumb pill `neutral-4` (hover `neutral-5`,
+ * track transparente) sin reescribir reglas `::-webkit-scrollbar`. **No** para
+ * el scroll de toda la página (eso lo maneja el documento).
+ *
+ * Nota del port: el `as` polimórfico del golden no aplica — el host es siempre
+ * `<ius-scroll-area>` (`.ius-sa`). El `viewRef` de React se expone como
+ * `getViewport()` (equivalente a un `@ViewChild` del viewport).
  */
-interface StatusMeta {
-    /** Rótulo humano del estado. `string` (el golden usa `ReactNode`; ver §1 de la cabecera). */
-    label: string;
-    /** Familia semántica del estado. */
-    tone: StatusTone;
-    /** Ligadura Material Symbols Rounded. */
-    icon: string;
+declare class ScrollAreaComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /** Eje con scroll. */
+    axis: IusScrollAxis;
+    /** Grosor de barra; `thin` = alias de `small`. */
+    size: IusScrollSize;
+    /** Thumb solo visible en hover/foco (lienzos amplios). */
+    autoHide: boolean;
+    /** Máscara de gradiente en los bordes con scroll disponible. */
+    fade: boolean;
+    /** Límite que dispara el scroll vertical (número → px). */
+    maxHeight?: number | string;
+    /** Límite que dispara el scroll horizontal (número → px). */
+    maxWidth?: number | string;
+    /** Clase(s) extra para el viewport. */
+    viewClassName?: string;
+    /** Reenvía el evento nativo `scroll` del viewport (opcional, ng-spec §3). */
+    readonly scrolled: EventEmitter<Event>;
+    private readonly view;
+    private ro;
+    private readonly onScroll;
+    /** Clases del viewport: base + barra unificada + variante de tamaño/autoHide. */
+    protected get viewClasses(): string;
+    protected get maxHeightCss(): string | null;
+    protected get maxWidthCss(): string | null;
+    private toCss;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    /** Acceso al viewport (equivalente al `viewRef` del golden). */
+    getViewport(): HTMLElement | null;
+    private updateFade;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollAreaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollAreaComponent, "ius-scroll-area", never, { "axis": { "alias": "axis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "viewClassName": { "alias": "viewClassName"; "required": false; }; }, { "scrolled": "scrolled"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_autoHide: unknown;
+    static ngAcceptInputType_fade: unknown;
 }
+
+/** Tamaño de la fila — heredado del Select. small · medium (default) · large. */
+type IusOptionItemSize = 'small' | 'medium' | 'large';
 /**
- * Mapa de una entidad: `status → StatusMeta`. El **orden de declaración** de las
- * claves es el orden del ciclo de vida.
+ * Estado forzado — **solo demos/especímenes del DS**. En producción usar
+ * `selected`/`multi`/`active`/`disabled`. Sobrescribe la interacción real.
  */
-type StatusVocabMap = Readonly<Record<string, StatusMeta>>;
-/** Opción lista para dropdown / filtro / orden por estado. */
-interface StatusOption {
-    /** Clave del estado (la que viaja al backend). */
-    value: string;
-    /** Rótulo humano. */
-    label: string;
-    /** Familia semántica. */
-    tone: StatusTone;
-    /** Ligadura Material Symbols Rounded. */
-    icon: string;
-}
-/** Par de variables de color de un tono: texto/ícono y punto (marca). */
-interface StatusToneVars {
-    /** Color del texto y del ícono. Siempre un `var(--ius-*)`. */
-    fg: string;
-    /** Color del punto/marca. Siempre un `var(--ius-*)`. */
-    mark: string;
-}
+type IusOptionItemState = 'idle' | 'hover' | 'pressed' | 'disabled' | 'selected' | 'selectedVar' | 'selectedHovered';
 /**
- * Catálogo: entidad → `{ status → StatusMeta }`.
+ * OptionItem — Ius Design.
  *
- * El **orden de declaración** de cada estado es el orden del ciclo. El catálogo
- * es ABIERTO: se agregan entidades aquí sin tocar `StatusChip` (ver
- * `STATUS_VOCABS_PENDING`). Un módulo puede además extender en runtime pasando
- * `customMap` a `resolveStatus`.
+ * Átomo de **fila de opción** dentro del menú (MenuInput) del **Select** (y
+ * SelectNumber, y cualquier lista de opciones del sistema). **No se usa suelto en
+ * formularios** — es la pieza interna que renderiza cada opción. Cubre los 7
+ * estados del especimen Figma: Default · Hovered · Pressed · Disabled · Selected
+ * (multi, check circular al final) · Selected Var (single, relleno azul) ·
+ * Selected Hovered.
+ *
+ * Regla de marca: `multi` + `selected` → check (Selected); single + `selected` →
+ * relleno azul (Selected Var). `active` es el resaltado de navegación por teclado
+ * (mismo fondo que hover) sin marcar la opción como elegida.
+ *
+ * Fuente de verdad: `components/inputs/OptionItem/OptionItem.jsx` + `.d.ts` +
+ * `OptionItem.ng-spec.md`. Todo sale de tokens `--ius-*` (los px 6/11/22 son los
+ * mismos valores crudos que fija el golden para el alto de fila y el disco del
+ * check — excepción documentada por la fuente de verdad).
  */
-declare const STATUS_VOCAB: {
-    readonly actuacion: {
-        readonly nueva: {
-            readonly label: "Nueva";
-            readonly tone: "info";
-            readonly icon: "fiber_new";
-        };
-        readonly vista: {
-            readonly label: "Vista";
-            readonly tone: "neutral";
-            readonly icon: "drafts";
-        };
-        readonly gestion: {
-            readonly label: "En gestión";
-            readonly tone: "primary";
-            readonly icon: "pending_actions";
-        };
-        readonly cerrada: {
-            readonly label: "Cerrada";
-            readonly tone: "success";
-            readonly icon: "check_circle";
-        };
-    };
-    readonly gestion: {
-        readonly por_hacer: {
-            readonly label: "Por hacer";
-            readonly tone: "info";
-            readonly icon: "radio_button_unchecked";
-        };
-        readonly en_curso: {
-            readonly label: "En curso";
-            readonly tone: "primary";
-            readonly icon: "pending";
-        };
-        readonly por_vencer: {
-            readonly label: "Por vencer";
-            readonly tone: "warning";
-            readonly icon: "schedule";
-        };
-        readonly vencida: {
-            readonly label: "Vencida";
-            readonly tone: "danger";
-            readonly icon: "event_busy";
-        };
-        readonly hecha: {
-            readonly label: "Hecha";
-            readonly tone: "success";
-            readonly icon: "check_circle";
-        };
-    };
-};
-/** Entidades con vocabulario definido HOY en el catálogo. */
-type StatusVocabName = keyof typeof STATUS_VOCAB;
-/** Estados del vocabulario `actuacion` (validado). */
-type ActuacionStatus = keyof (typeof STATUS_VOCAB)['actuacion'];
-/** Estados del vocabulario `gestion` (propuesto — confirmar con backend). */
-type GestionStatus = keyof (typeof STATUS_VOCAB)['gestion'];
-/** Entidades con vocabulario definido. */
-declare const STATUS_VOCABS: readonly StatusVocabName[];
+declare class OptionItemComponent {
+    /** Texto de la opción. Alternativa a la proyección de contenido. */
+    label?: string;
+    /** Ícono Material Symbols a la izquierda (opcional). */
+    icon?: string;
+    /** La opción está elegida. */
+    selected: boolean;
+    /** Selección múltiple: con `selected` → check circular (si no, relleno azul). */
+    multi: boolean;
+    /** Resaltado de navegación por teclado (activa, sin elegir aún). */
+    active: boolean;
+    /** Opción no seleccionable. */
+    disabled: boolean;
+    /** Tamaño de la fila, heredado del Select. */
+    size: IusOptionItemSize;
+    /** Valor de la opción (para `role="option"` / aria). */
+    value?: string | number;
+    /** Estado forzado — **solo demos/especímenes**. */
+    state?: IusOptionItemState;
+    /** Al elegir la opción (original `onSelect`). */
+    readonly selectClicked: EventEmitter<void>;
+    /** ¿Hay un estado forzado activo (demo)? */
+    protected get forced(): boolean;
+    /** ¿La opción se ve como elegida (real o forzada)? */
+    protected get isSelected(): boolean;
+    /** ¿Elegida en modo múltiple (check) vs single (relleno)? */
+    protected get isMultiSel(): boolean;
+    /** Marca de elegido: `check` (multi) o `fill` (single). */
+    protected get variant(): 'check' | 'fill';
+    /** Deshabilitada (real o forzada). */
+    protected get isDisabled(): boolean;
+    /** ¿Mostrar el disco de check al final (solo multi elegido)? */
+    protected get showCheck(): boolean;
+    protected handleClick(): void;
+    protected onMouseDown(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionItemComponent, "ius-option-item", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "selectClicked": "selectClicked"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_multi: unknown;
+    static ngAcceptInputType_active: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/** Tamaño del chip — small ~24 · medium ~28 (default) · large ~32px (alineado a inputs). */
+type IusChipSize = 'small' | 'medium' | 'large';
+/** Estado forzado — **solo demos/especímenes del DS**. Sobrescribe la interacción real. */
+type IusChipState = 'idle' | 'hover' | 'disabled';
 /**
- * Entidades que TIENEN estado pero cuyo vocabulario aún NO está en el catálogo:
- * sus estados/tonos son decisión humana pendiente con el backend (§6 del
- * golden). Se listan para documentar el hueco, no para inventarlo. Al validarse
- * se agregan a `STATUS_VOCAB` y se quitan de aquí; `StatusChip` no se toca.
+ * Chip — Ius Design.
+ *
+ * Etiqueta compacta tipo "pill" que representa un valor seleccionado. Dos modos:
+ * - **Eliminable** (`removable`): relleno azul + botón × circular. Para inputs y
+ *   formularios (lo usan Select / CascaderSelect en multiselección) — cada chip es
+ *   un valor elegido que el usuario puede quitar.
+ * - **No eliminable** (default): blanco con borde. Para vistas de solo lectura /
+ *   display.
+ *
+ * Tres estados (Default · Hovered · Disabled) y tres tamaños. Admite un ícono a la
+ * izquierda. **No** es interactivo (no clickable/toggle) ni maneja color de estado
+ * → para eso usar **Tag**.
+ *
+ * Fuente de verdad: `components/data-display/Chip/Chip.jsx` + `.d.ts` + ng-spec.
+ * Todo sale de tokens `--ius-*`; los px de la pill (3/4/5 py, 8/10/12 px, 16/18/20
+ * de la ×) son los valores que fija el golden para el alto por tamaño (excepción
+ * documentada por la fuente de verdad).
  */
-declare const STATUS_VOCABS_PENDING: readonly string[];
+declare class ChipComponent {
+    /** Texto del chip. Alternativa a la proyección de contenido. */
+    label?: string;
+    /** Ícono Material Symbols a la izquierda (opcional). */
+    icon?: string;
+    /** Muestra el botón × y habilita quitar el chip (relleno azul). */
+    removable: boolean;
+    /** Tamaño de la pill. */
+    size: IusChipSize;
+    /** Deshabilitado (atenuado, × no funcional). */
+    disabled: boolean;
+    /** Estado forzado — **solo demos/especímenes**. */
+    state?: IusChipState;
+    /** aria-label del botón quitar. */
+    removeLabel: string;
+    /** Al pulsar la × (original `onRemove`). */
+    readonly removed: EventEmitter<void>;
+    /** Deshabilitado (real o forzado). */
+    protected get isDisabled(): boolean;
+    /** `data-state` solo cuando hay un estado forzado (≠ idle). */
+    protected get forcedState(): IusChipState | null;
+    protected handleRemove(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "ius-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "state": { "alias": "state"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_removable: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+type IusFlexDirection = 'row' | 'column';
+type IusFlexGap = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+type IusFlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type IusFlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
 /**
- * Estados (claves) de una entidad, en orden de ciclo.
- * `[]` si la entidad no existe.
+ * Flex — primitivo de maquetación (ng-spec components/layout/Flex).
+ *
+ * Contenedor flexbox cuyo `gap` está RESTRINGIDO a la escala --ius-space-*
+ * (no existe gap numérico libre: esa restricción es el punto del componente).
+ * Reemplaza el `<div style="display:flex; gap:…">` a mano.
+ *
+ * Sin estilos propios: todas las reglas viven en la librería de estilos
+ * (tokens.css › sección layout.css, clases .ius-flex + data-attrs) — este
+ * componente es azúcar que emite la clase y los atributos.
+ *
+ * El `as` de la spec se resuelve con el selector de ATRIBUTO, sin nodo extra:
+ *   <nav ius-flex gap="sm">…</nav>  ·  <ul ius-flex direction="column">…</ul>
+ * La forma de elemento también es válida: <ius-flex gap="lg">…</ius-flex>.
+ *
+ * Solo estructura: no aporta cáscara de página (AppLayout), superficie (Card)
+ * ni tipografía (Text). Sin outputs, sin estado, sin user-select.
  */
-declare function statusOrder(vocab: string): string[];
+declare class FlexComponent {
+    /** Eje principal; 'column' = patrón stack. Solo emite data-dir en column. */
+    direction: IusFlexDirection;
+    /** Separación entre hijos — SOLO escala --ius-space-*. */
+    gap: IusFlexGap;
+    /** align-items; sin valor no se emite (default del navegador: stretch). */
+    align?: IusFlexAlign;
+    /** justify-content; sin valor no se emite (default: flex-start). */
+    justify?: IusFlexJustify;
+    /** flex-wrap: wrap (patrón cluster). */
+    wrap: boolean;
+    /** inline-flex en vez de flex (grupos que fluyen dentro de texto). */
+    inline: boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexComponent, "ius-flex, [ius-flex]", never, { "direction": { "alias": "direction"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+type IusDividerOrientation = 'horizontal' | 'vertical';
+type IusDividerVariant = 'solid' | 'dashed';
+type IusDividerTextAlign = 'start' | 'center' | 'end';
 /**
- * Mapa `status → StatusMeta` de una entidad.
- * `null` si la entidad no está en el catálogo (retorno nullable, a propósito).
+ * Divider — separador NEUTRO (ng-spec components/data-display/Divider).
+ * Línea fina 1px --ius-neutral-3, horizontal (con etiqueta opcional proyectada)
+ * o vertical (rellena el alto del contenedor). Para separadores con tono
+ * semántico → Alert o borde propio. Sin outputs.
+ *
+ * Etiqueta: contenido proyectado (solo horizontal). textAlign mueve el trazo
+ * corto (stub) al lado del título, como el golden.
  */
-declare function statusVocab(vocab: string): StatusVocabMap | null;
+declare class DividerComponent implements AfterViewInit {
+    /** Eje; vertical rellena el alto del contenedor (sin etiqueta). */
+    orientation: IusDividerOrientation;
+    /** dashed = separación suave. */
+    variant: IusDividerVariant;
+    /** Alineación de la etiqueta (solo horizontal con etiqueta). */
+    textAlign: IusDividerTextAlign;
+    private labelWrap;
+    protected readonly hasLabel: _angular_core.WritableSignal<boolean>;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DividerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "ius-divider", never, { "orientation": { "alias": "orientation"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Tratamiento del indicador: punto de color · píldora tonal · píldora neutra. */
+type IusInsigniaVariant = 'dot' | 'count' | 'count-soft';
+/** Familia de color: 6 semánticas + 6 frutas categóricas. */
+type IusInsigniaTone = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'neutral' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
+/** Tamaño. */
+type IusInsigniaSize = 'small' | 'medium' | 'large';
 /**
- * Resuelve un estado a `StatusMeta` en este orden:
- *   1. `customMap[status]` — extensión en runtime del módulo consumidor;
- *   2. catálogo central de la entidad;
- *   3. `null` — entidad o estado desconocido: el consumidor decide (el átomo
- *      `StatusChip` cae a `neutral` con el `status` crudo como rótulo).
+ * Insignia — Ius Design v2 (familia feedback).
  *
- * @param vocab Entidad (p. ej. `'actuacion'`).
- * @param status Clave del estado YA resuelta por el consumidor (la urgencia de
- *   una tarea se deriva antes de llamar aquí).
- * @param customMap Vocabulario extra del módulo; gana sobre el catálogo.
+ * Indicador atómico de estado o actividad: punto de color (`dot`) o píldora de
+ * contador (`count` tonal · `count-soft` suave), con `label` opcional al lado.
+ * Display puro — sin outputs. Fuente de verdad: `Insignia.jsx` + `Insignia.d.ts`
+ * + `Insignia.ng-spec.md`.
+ *
+ * Para etiqueta con texto contenedor → Tag; para token removible en un campo →
+ * Chip. La consume MenuItem (badge) y la barra de navegación.
  */
-declare function resolveStatus(vocab: string, status: string | null | undefined, customMap?: Readonly<Record<string, StatusMeta>>): StatusMeta | null;
+declare class InsigniaComponent {
+    /** Punto de color · píldora tonal · píldora neutra. */
+    readonly variant: _angular_core.InputSignal<IusInsigniaVariant>;
+    /** Familia de color. */
+    readonly tone: _angular_core.InputSignal<IusInsigniaTone>;
+    /** Tamaño. */
+    readonly size: _angular_core.InputSignal<IusInsigniaSize>;
+    /** Texto junto al indicador (alternativa a proyectar contenido). */
+    readonly label: _angular_core.InputSignal<string | number | undefined>;
+    /** Valor del contador (variantes `count` / `count-soft`). */
+    readonly count: _angular_core.InputSignal<string | number | undefined>;
+    /** Tope antes de mostrar `N+`. */
+    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Halo suave alrededor del punto (solo `dot`). */
+    readonly ring: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Recomendada cuando no hay `label`. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** `count`/`count-soft` renderizan píldora; `dot` renderiza punto. */
+    protected readonly isCount: _angular_core.Signal<boolean>;
+    /** El halo es exclusivo del punto (el golden lo ignora en las píldoras). */
+    protected readonly showRing: _angular_core.Signal<boolean>;
+    /** `count > max` → `${max}+`; los valores string pasan tal cual. */
+    protected readonly displayCount: _angular_core.Signal<string | number | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InsigniaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InsigniaComponent, "ius-insignia", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "ring": { "alias": "ring"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Contexto de uso: fila de overlay (neutral) · fila del NavRail (verde marca). */
+type IusMenuItemVariant = 'menu' | 'rail';
+/** Tamaño de la fila. */
+type IusMenuItemSize = 'small' | 'medium' | 'large';
+/** Estado forzado — **solo demos/especímenes del DS**. */
+type IusMenuItemState = 'hover' | 'pressed';
 /**
- * Opciones listas para dropdown / filtro / orden de una entidad, en orden de
- * ciclo. `[]` si la entidad no existe.
+ * Marca contenido libre al final de la fila (chevron, valor, atajo):
+ * `<ius-menu-item><span iusMenuItemTrailing>⌘K</span></ius-menu-item>`.
  */
-declare function statusOptions(vocab: string): StatusOption[];
+declare class IusMenuItemTrailingDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusMenuItemTrailingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusMenuItemTrailingDirective, "[iusMenuItemTrailing]", never, {}, {}, never, never, true, never>;
+}
 /**
- * Tono semántico → `{ fg, mark }` (strings `var(--ius-*)`).
- * Único punto del sistema que conoce las vars de color del estado.
- * Un tono desconocido, `null` o `undefined` cae a `neutral` (nunca falla).
+ * MenuItem — Ius Design v2 (familia navigation).
+ *
+ * Fila de acción o navegación: ícono + etiqueta + badge/trailing. Unidad
+ * compartida por la superficie **Menu** (overlays) y el **NavRail**:
+ * `variant="menu"` es neutral; `variant="rail"` lleva el ícono verde de marca y
+ * el pressed verde sólido sobre blanco (firma del rail). `danger` (rojo) solo
+ * aplica a `menu` — el caso canónico es «Cerrar sesión».
+ *
+ * Con `href` renderiza `<a>`; si no, `<button type="button">`. Por eso el host
+ * es `display: contents`: el elemento real de la fila (y por tanto el foco, el
+ * `:hover` y la semántica) es el `<a>`/`<button>` interno, tal como el golden.
+ *
+ * Fuente de verdad: `MenuItem.jsx` + `MenuItem.d.ts` + `MenuItem.ng-spec.md`.
+ * Compone Insignia para el badge. Para botón con texto → Button; píldora de
+ * valor → Tag/Chip.
  */
-declare function statusToneVars(tone: StatusTone | null | undefined): StatusToneVars;
+declare class MenuItemComponent {
+    /** Ícono Material Symbols a la izquierda. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Texto de la fila (alternativa a proyectar contenido). */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** `number` → Insignia contador; `true` → punto; `null`/`false` → sin badge. */
+    readonly badge: _angular_core.InputSignal<number | boolean | null | undefined>;
+    /** Contexto de uso (menu neutral · rail verde marca). */
+    readonly variant: _angular_core.InputSignal<IusMenuItemVariant>;
+    /** Tamaño de la fila. */
+    readonly size: _angular_core.InputSignal<IusMenuItemSize>;
+    /** Fondo persistente + `aria-current`. */
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Fila inerte. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Acción destructiva (rojo). Solo `variant="menu"`. */
+    readonly danger: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Estado forzado — **solo demos**. */
+    readonly state: _angular_core.InputSignal<IusMenuItemState | undefined>;
+    /** Renderiza la fila como `<a href>`. */
+    readonly href: _angular_core.InputSignal<string | undefined>;
+    /** Etiqueta accesible cuando el texto no basta. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Rol ARIA del elemento de fila — Menu lo fija en `menuitem`. */
+    readonly itemRole: _angular_core.InputSignal<string | undefined>;
+    /** Al activar la fila (espejo de `onClick`). */
+    readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    protected readonly trailingRef: _angular_core.Signal<IusMenuItemTrailingDirective | undefined>;
+    /** El `<a>` solo se usa si hay `href` y la fila no está deshabilitada. */
+    protected readonly isLink: _angular_core.Signal<boolean>;
+    /** `null`/`undefined`/`false` = sin badge (el 0 sí se muestra, como el golden). */
+    protected readonly hasBadge: _angular_core.Signal<boolean>;
+    /** `true` → punto; número → píldora de contador. */
+    protected readonly badgeVariant: _angular_core.Signal<IusInsigniaVariant>;
+    /** El punto del rail es informativo (azul); en menu avisa (rojo). */
+    protected readonly badgeTone: _angular_core.Signal<IusInsigniaTone>;
+    /** Valor del contador (solo cuando el badge es numérico). */
+    protected readonly badgeCount: _angular_core.Signal<number | undefined>;
+    protected onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "ius-menu-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "itemRole": { "alias": "itemRole"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, ["trailingRef"], ["*", "[iusMenuItemTrailing]"], true, never>;
+}
 
 /** Escala de la barra — small ~34 · medium ~40 (default) · large ~48px. */
 type IusSearchBarSize = 'small' | 'medium' | 'large';
@@ -4327,5 +5099,214 @@ declare class SegmentGroupComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentGroupComponent, "ius-segment-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { AlertComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DropdownComponent, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IconButtonComponent, IllustrationComponent, InsigniaComponent, IusAlertActionsDirective, IusAlertTrailingDirective, IusDropdownTriggerDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusTagPrefixDirective, IusTagSuffixDirective, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, ShowMoreComponent, StatusChipComponent, StatusStateComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TooltipComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
-export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, GestionStatus, IllustrationEntry, IllustrationName, IllustrationSize, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCarouselImage, IusCarouselImageInput, IusCarouselObjectFit, IusCarouselOrder, IusCarouselOverlay, IusCarouselTransition, IusCheckboxLabelPosition, IusCheckboxSize, IusChipSize, IusChipState, IusCircularProgressSize, IusCircularProgressTone, IusCodeFieldSize, IusDividerOrientation, IusDividerTextAlign, IusDividerVariant, IusDropdownItem, IusDropdownTone, IusDropdownVariant, IusEleniaBubblePosition, IusEleniaBubbleSize, IusEleniaOrbMood, IusEleniaOrbSurface, IusEmptyStateAction, IusEmptyStateSize, IusEmptyStateTone, IusEmptyStateVariant, IusFilterField, IusFilterFieldOption, IusFilterFieldType, IusFilterRule, IusFilterValue, IusFlexAlign, IusFlexDirection, IusFlexGap, IusFlexJustify, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusInsigniaSize, IusInsigniaTone, IusInsigniaVariant, IusLoadingMarkSurface, IusLoadingVariant, IusMenuItemSize, IusMenuItemState, IusMenuItemVariant, IusMenuOption, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusShowMoreAlign, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTooltipTrigger, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };
+/** Eje del reparto — `horizontal` = áreas lado a lado (divisor vertical). */
+type IusSplitterOrientation = 'horizontal' | 'vertical';
+/** Color de módulo del divisor en hover / arrastre / foco. */
+type IusSplitterAccent = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'neutral' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
+/**
+ * Splitter — Ius Design v2.
+ *
+ * Separa dos áreas (horizontal o verticalmente) con un divisor que el usuario
+ * **arrastra**. La primera área es la redimensionable; la segunda ocupa el resto.
+ * El tamaño se mantiene internamente en **porcentaje** (así se adapta solo cuando
+ * el contenedor cambia de tamaño) y se **reporta en píxeles** por `changed` /
+ * `resizeEnd`. Para 3+ áreas, anidar splitters.
+ *
+ * Las dos áreas se proyectan por atributo — el consumidor marca sus dos hijos
+ * (equivale al `children: [first, second]` del golden React):
+ *
+ * ```html
+ * <ius-splitter [min]="160" [minSecond]="240" accent="info">
+ *   <aside iusSplitterFirst>…</aside>
+ *   <section iusSplitterSecond>…</section>
+ * </ius-splitter>
+ * ```
+ *
+ * Controlado vs no controlado: si `size` está presente el componente es
+ * **controlado** (no muta su porcentaje solo; el consumidor reacciona a
+ * `changed`); si no, `defaultSize` fija el tamaño inicial y el componente se
+ * gestiona internamente.
+ *
+ * Notas de port:
+ * - El host `<ius-splitter>` **es** el div raíz `.ius-splitter` del golden.
+ * - `aria-orientation` es `vertical` cuando `orientation` es `horizontal` (el
+ *   divisor es la línea vertical) y viceversa: así está en el golden.
+ * - `aria-valuenow` se publica siempre (0 mientras no se ha medido) para no
+ *   dejar el `role="separator"` sin valor en el primer tick.
+ * - El gutter de 1px, el grip de 4x24px y el área de agarre de -6px vienen del
+ *   CSS golden y se portan tal cual (px fuera de escala documentados).
+ * - `ResizeObserver` no recalcula el porcentaje (ya es relativo), pero sí
+ *   reclampa cuando el nuevo total viola `min`/`minSecond`.
+ */
+declare class SplitterComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /** Eje del reparto: `horizontal` = lado a lado (divisor vertical). */
+    orientation: IusSplitterOrientation;
+    /** Tamaño de la primera área (px o `'40%'`). Presente = componente CONTROLADO. */
+    size?: number | string;
+    /** Tamaño inicial de la primera área cuando NO es controlado. */
+    defaultSize: number | string;
+    /** Color de módulo del divisor en hover / arrastre / foco. */
+    accent: IusSplitterAccent;
+    /** Mínimo de la primera área, en px. */
+    min: number;
+    /** Máximo de la primera área, en px. Omitido = contenedor − `minSecond`. */
+    max?: number;
+    /** Mínimo de la segunda área, en px. */
+    minSecond: number;
+    /** Congela el divisor (sin arrastre, sin teclado, sin grip). */
+    disabled: boolean;
+    /** Clase(s) extra para el panel de la primera área. */
+    firstClass?: string;
+    /** Clase(s) extra para el panel de la segunda área. */
+    secondClass?: string;
+    /** Estilos en línea para el panel de la primera área. */
+    firstStyle?: Record<string, string>;
+    /** Estilos en línea para el panel de la segunda área. */
+    secondStyle?: Record<string, string>;
+    /** Tamaño de la primera área en px, durante el arrastre o el teclado. */
+    readonly changed: EventEmitter<number>;
+    /** Tamaño de la primera área en px al terminar el arrastre — para persistir. */
+    readonly resizeEnd: EventEmitter<number>;
+    /** Porcentaje de la primera área; `null` hasta la primera medición. */
+    protected readonly pct: _angular_core.WritableSignal<number | null>;
+    /** Arrastre en curso. */
+    protected readonly dragging: _angular_core.WritableSignal<boolean>;
+    private readonly host;
+    private ro;
+    private viewReady;
+    /** `true` cuando el reparto es lado a lado. */
+    private get horizontal();
+    /** El consumidor manda el tamaño (no se muta el porcentaje en drag/teclado). */
+    private get isControlled();
+    /** Clases del panel de la primera área (base + `firstClass`). */
+    protected get firstClasses(): string;
+    /** Clases del panel de la segunda área (base + `secondClass`). */
+    protected get secondClasses(): string;
+    /** `flex-basis` de la primera área: `%` medido, o el `defaultSize` en crudo. */
+    protected get firstBasis(): string;
+    /** El divisor es la línea perpendicular al eje del reparto (así en el golden). */
+    protected get ariaOrientation(): 'horizontal' | 'vertical';
+    /** Valor del `separator` (porcentaje redondeado). */
+    protected get valueNow(): number;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** Tamaño útil del host en el eje del reparto. */
+    private measure;
+    /** Deriva el porcentaje inicial desde `size` (controlado) o `defaultSize`. */
+    private sync;
+    /** Acota px de la primera área respetando `min`, `max` y `minSecond`. */
+    private clampPx;
+    /**
+     * El contenedor cambió de tamaño: el porcentaje sigue siendo válido, pero el
+     * nuevo total puede violar `min`/`minSecond` → se reclampa.
+     */
+    private onHostResize;
+    /** Traduce la posición del puntero a tamaño de la primera área y lo emite. */
+    private applyFromPointer;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterComponent, "ius-splitter", never, { "orientation": { "alias": "orientation"; "required": false; }; "size": { "alias": "size"; "required": false; }; "defaultSize": { "alias": "defaultSize"; "required": false; }; "accent": { "alias": "accent"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minSecond": { "alias": "minSecond"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "firstClass": { "alias": "firstClass"; "required": false; }; "secondClass": { "alias": "secondClass"; "required": false; }; "firstStyle": { "alias": "firstStyle"; "required": false; }; "secondStyle": { "alias": "secondStyle"; "required": false; }; }, { "changed": "changed"; "resizeEnd": "resizeEnd"; }, never, ["[iusSplitterFirst]", "[iusSplitterSecond]"], true, never>;
+    static ngAcceptInputType_min: unknown;
+    static ngAcceptInputType_max: unknown;
+    static ngAcceptInputType_minSecond: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/**
+ * Color de módulo del divisor del nav (6 semánticos + 6 frutas).
+ * Reusa el contrato del Splitter: es el mismo `accent` que se le pasa.
+ */
+type IusAppLayoutAccent = IusSplitterAccent;
+/**
+ * AppLayout — Ius Design v2.
+ *
+ * Cáscara estructural del ecosistema, de alto completo del viewport: HeaderBar
+ * arriba; debajo, la fila `rail` (NavRail de módulos **o** SettingsNav de
+ * configuración del ecosistema — mutuamente excluyentes) · `nav` (EntityNavigator
+ * **o** SettingsNav de módulo, convive con el rail) · contenido con **scroll
+ * propio** · `overlay` (UserMenu, sheets) por encima de todo.
+ *
+ * Es **solo estructura por slots**: el cambio de módulo y los menús los maneja
+ * el consumidor. Los slots son agnósticos (no imponen qué componente va dentro).
+ *
+ * Slots (por atributo): `header`, `rail`, `nav`, `overlay` y el contenido por
+ * defecto (`children` del golden):
+ *
+ * ```html
+ * <ius-app-layout resizableNav navAccent="uva" (navResizeEnd)="guardar($event)">
+ *   <ius-header-bar header />
+ *   <nav rail>…</nav>
+ *   <aside nav>…</aside>
+ *   <section>… contenido del módulo …</section>
+ *   <ius-user-menu overlay />
+ * </ius-app-layout>
+ * ```
+ *
+ * Notas de port:
+ * - El host `<ius-app-layout>` **es** el div raíz `.ius-applayout` del golden.
+ * - Los slots `[nav]` y el contenido aparecen en **dos ramas** del golden (con y
+ *   sin Splitter), pero un `<ng-content>` con el mismo selector solo puede vivir
+ *   una vez a la vez → se declaran en `<ng-template>` (`#navSlot` / `#mainSlot`)
+ *   y se instancian con `NgTemplateOutlet`, igual que el golden reusa su
+ *   `mainEl`. Las ramas son `@if`/`@else`, así que nunca hay dos instancias
+ *   simultáneas del mismo `ng-content`.
+ * - Angular no puede saber si `[nav]` trae contenido antes de renderizar, así que
+ *   la rama del Splitter se decide **solo** con `resizableNav && !navCollapsed`
+ *   (el golden añade `nav != null`, guarda que aquí no aplica). El consumidor
+ *   activa `resizableNav` únicamente cuando proyecta algo en `[nav]` — que es el
+ *   uso real. Sin `nav`, la rama no-splitter renderiza el envoltorio
+ *   `.ius-applayout__nav` vacío: con `flex: 0 0 auto` colapsa a 0px, así que es
+ *   equivalente visual al condicional del golden.
+ * - Por lo mismo, `.ius-applayout__header` y `.ius-applayout__rail` se renderizan
+ *   siempre (vacíos colapsan a 0). El `overlay` se proyecta directo, sin
+ *   envoltorio, como en el golden.
+ * - El segundo área del Splitter necesita un **elemento real** que reciba el
+ *   atributo de proyección (`<ng-container>` no puede llevarlo) → se añade el
+ *   envoltorio `.ius-applayout__splitsecond`, propio del port, con estilos que
+ *   dejan al `<main>` llenar el panel.
+ * - `navCollapsed` no fija ancho aquí: el golden solo omite el Splitter y el
+ *   riel angosto lo define el propio componente del slot `[nav]`
+ *   (`.ius-applayout__nav` es `flex: 0 0 auto`, respeta el ancho intrínseco).
+ * - El `pane--first` del Splitter trae `overflow: auto` de su CSS golden; es
+ *   correcto y esperado, no se altera.
+ * - `fill` viene en `true` (100vh). Para desactivarlo se usa `[fill]="false"`.
+ */
+declare class AppLayoutComponent {
+    /** Envuelve el slot `[nav]` en un Splitter arrastrable. */
+    resizableNav: boolean;
+    /** Nav colapsado (riel angosto): omite el Splitter y usa el ancho del propio nav. */
+    navCollapsed: boolean;
+    /** Ancho inicial del nav redimensionable (número → px, o `'300px'` / `'22%'`). */
+    navWidth: number | string;
+    /** Mínimo del nav, en px. */
+    navMin: number;
+    /** Máximo del nav, en px. */
+    navMax: number;
+    /** Mínimo del contenido (segunda área), en px. */
+    navMinSecond: number;
+    /** Color del divisor del nav = color del módulo activo. */
+    navAccent: IusAppLayoutAccent;
+    /** Ocupa el alto completo del viewport (100vh). Desactivar con `[fill]="false"`. */
+    fill: boolean;
+    /** Ancho final del nav en px al soltar el divisor — para persistirlo. */
+    readonly navResizeEnd: EventEmitter<number>;
+    /** Fondo del panel de contenido (equivale al `secondStyle` del golden). */
+    protected readonly mainPaneStyle: Record<string, string>;
+    /** El nav va dentro del Splitter solo si es redimensionable y no está colapsado. */
+    protected get splitNav(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppLayoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppLayoutComponent, "ius-app-layout", never, { "resizableNav": { "alias": "resizableNav"; "required": false; }; "navCollapsed": { "alias": "navCollapsed"; "required": false; }; "navWidth": { "alias": "navWidth"; "required": false; }; "navMin": { "alias": "navMin"; "required": false; }; "navMax": { "alias": "navMax"; "required": false; }; "navMinSecond": { "alias": "navMinSecond"; "required": false; }; "navAccent": { "alias": "navAccent"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; }, { "navResizeEnd": "navResizeEnd"; }, never, ["[header]", "[rail]", "[overlay]", "[nav]", "*"], true, never>;
+    static ngAcceptInputType_resizableNav: unknown;
+    static ngAcceptInputType_navCollapsed: unknown;
+    static ngAcceptInputType_navMin: unknown;
+    static ngAcceptInputType_navMax: unknown;
+    static ngAcceptInputType_navMinSecond: unknown;
+    static ngAcceptInputType_fill: unknown;
+}
+
+export { AlertComponent, AppLayoutComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IconButtonComponent, IllustrationComponent, InsigniaComponent, IusAlertActionsDirective, IusAlertTrailingDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusTagPrefixDirective, IusTagSuffixDirective, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PersonItemComponent, PersonPickerComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, ShowMoreComponent, SplitterComponent, StatusChipComponent, StatusStateComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TooltipComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
+export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, GestionStatus, IllustrationEntry, IllustrationName, IllustrationSize, IusAppLayoutAccent, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCarouselImage, IusCarouselImageInput, IusCarouselObjectFit, IusCarouselOrder, IusCarouselOverlay, IusCarouselTransition, IusCheckboxLabelPosition, IusCheckboxSize, IusChipSize, IusChipState, IusCircularProgressSize, IusCircularProgressTone, IusCodeFieldSize, IusDividerOrientation, IusDividerTextAlign, IusDividerVariant, IusDrawerSide, IusDrawerSize, IusDropdownItem, IusDropdownTone, IusDropdownVariant, IusEleniaBubblePosition, IusEleniaBubbleSize, IusEleniaOrbMood, IusEleniaOrbSurface, IusEmptyStateAction, IusEmptyStateSize, IusEmptyStateTone, IusEmptyStateVariant, IusFilterField, IusFilterFieldOption, IusFilterFieldType, IusFilterRule, IusFilterValue, IusFlexAlign, IusFlexDirection, IusFlexGap, IusFlexJustify, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusInsigniaSize, IusInsigniaTone, IusInsigniaVariant, 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, IusPersonId, IusPersonItemAction, IusPersonItemSize, IusPersonItemState, IusPersonItemVariant, IusPersonOption, IusPersonPickerSelectedContext, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusShowMoreAlign, IusSplitterAccent, IusSplitterOrientation, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTooltipTrigger, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };