@litigiovirtual/ius-design-components 2.0.6 → 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. */
+/** 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[];
+/**
+ * Cómo se pinta un estado: rótulo, tono semántico e ícono Material Symbols
+ * (ligadura, p. ej. `check_circle`).
+ */
+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;
+}
+/**
+ * Mapa de una entidad: `status → StatusMeta`. El **orden de declaración** de las
+ * claves es el orden del ciclo de vida.
+ */
+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;
+}
+/**
+ * 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 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[];
+/**
+ * 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.
+ */
+declare const STATUS_VOCABS_PENDING: readonly string[];
+/**
+ * Estados (claves) de una entidad, en orden de ciclo.
+ * `[]` si la entidad no existe.
+ */
+declare function statusOrder(vocab: string): string[];
+/**
+ * Mapa `status → StatusMeta` de una entidad.
+ * `null` si la entidad no está en el catálogo (retorno nullable, a propósito).
+ */
+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;
-    /** `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). */
+    /** 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;
-    /** Callback opcional al teclear este segmento (además del `valueChange` del conjunto). */
-    onChange?: (value: string, event: Event) => void;
+    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>;
 }
 /**
- * MultiTextField — Ius Design v2 (familia inputs).
+ * ListCard — Ius Design v2 (familia data-display).
  *
- * 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`).
+ * 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`.
  *
- * `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.
+ * 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.
  *
- * 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.
+ * `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 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;
+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;
 }
 
-/** 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`):
+ * Opción de menú — tipo **compartido** por Menu, Dropdown y ContextMenu.
  *
- * ```html
- * <ius-modal ...>
- *   …cuerpo…
- *   <div iusModalFooter>…acciones a medida…</div>
- * </ius-modal>
- * ```
+ * `trailing` acepta texto plano o un `TemplateRef` (equivalente Angular del
+ * slot/ReactNode del golden, según la regla de port `render` → `TemplateRef`).
  */
-declare class IusModalFooterDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusModalFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusModalFooterDirective, "[iusModalFooter]", never, {}, {}, never, never, true, never>;
+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;
 }
 /**
- * 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"`.
+ * Menu — Ius Design v2 (familia overlays). **SUPERFICIE compartida de menú.**
  *
- * 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.
+ * 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.
  */
-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;
-    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;
-}
-
-/**
- * Rol tipográfico → clase de escala (`typography.css`). `body` es alias de
- * `body-base`. Mapa exacto en VARIANT_CLASS/DEFAULT_TAG.
- */
-type IusTextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body-lg' | 'emphasis-lg' | 'body-base' | 'emphasis-base' | 'body' | 'caption' | 'body-sm' | 'label' | 'overline';
-/**
- * Alias de color de texto → `--ius-text-*`. `danger`→`--ius-text-error`,
- * `inverse`→`--ius-text-on-primary`.
- */
-type IusTextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'danger' | 'warning' | 'info' | 'link';
-type IusTextWeight = 'regular' | 'medium' | 'bold';
-type IusTextAlign = 'left' | 'center' | 'right' | 'justify';
-/**
- * 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.
- */
-type IusTextTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span' | 'label' | 'div' | 'strong' | 'em' | 'small';
-/**
- * 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).
- */
-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 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>;
 }
 
-/** Degradado base según el fondo. */
-type IusLoadingMarkSurface = 'light' | 'dark';
+/** 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;
 /**
- *
- * 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.
- *
+ * Marca un disparador propio, en lugar del ghost texto+chevron por defecto:
+ * `<ius-dropdown><ius-icon-button iusDropdownTrigger …/></ius-dropdown>`.
  */
-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. */
-    icon?: string;
-    /** Etiqueta accesible cuando `iconOnly` oculta el texto. */
-    ariaLabel?: string;
-    title?: string;
-    /** Deshabilita sólo esta opción. */
-    disabled?: boolean;
+declare class IusDropdownTriggerDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDropdownTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDropdownTriggerDirective, "[iusDropdownTrigger]", never, {}, {}, never, never, true, never>;
 }
 /**
- * SegmentedControl — Ius Design v2.
+ * Dropdown — Ius Design v2 (familia overlays).
  *
- * 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.
+ * 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).
  *
- * `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.
+ * 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.
  *
- * Fuente de verdad: `components/inputs/SegmentedControl/SegmentedControl.jsx` + `.d.ts`.
+ * 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 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 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. */
@@ -2365,6 +2472,12 @@ interface SelectOptionGroup {
     label: string;
     options: SelectOption[];
 }
+/**
+ * Fábrica de opciones para `creatable`: recibe el texto escrito en el pie del
+ * menú y devuelve la opción a insertar. Devolver `void`/`undefined` usa el
+ * texto como `value` y `label` (espejo de `onCreate` del golden).
+ */
+type IusSelectCreateFactory = (label: string) => SelectOption | void;
 interface VisibleGroup {
     label: string | null;
     items: {
@@ -2381,9 +2494,10 @@ interface VisibleModel {
  *
  * Campo desplegable que reúne el shell del **TextField** (label + required +
  * iconHelp + prefixIcon + sufix chevron + estados + helpText/errorText, `size`)
- * y abre un menú con **scroll**, **búsqueda en vivo** (caja dentro del menú) y
- * **selección única o múltiple**. Implementa `ControlValueAccessor` completo
- * (valor escalar en single / array en múltiple) y además soporta `[(value)]`.
+ * y abre un menú con **scroll**, **búsqueda en vivo** (caja dentro del menú),
+ * **selección única o múltiple** y —con `creatable`— un **pie para agregar
+ * opciones nuevas en vivo**. Implementa `ControlValueAccessor` completo (valor
+ * escalar en single / array en múltiple) y además soporta `[(value)]`.
  *
  * - Single: muestra la etiqueta elegida; la opción se resalta en azul (fill).
  * - Múltiple: chips removibles dentro del campo + check por opción elegida.
@@ -2393,9 +2507,10 @@ interface VisibleModel {
  * Notas del port a Angular:
  * - El shell `.ius-tf` del TextField está *scoped* (`:host`) en su componente,
  *   así que su CSS se re-porta aquí (mismo patrón que el resto del monorepo).
- * - El golden compone `OptionItem` (filas) y `Chip` (chips de múltiple): ya
- *   portados como `ius-option-item` / `ius-chip`, se componen aquí directamente
- *   (sin CSS inlineado). Los chips de múltiple usan `ius-chip removable`.
+ * - El golden compone `OptionItem` (filas), `Chip` (chips de múltiple),
+ *   `Popover` (ícono de ayuda) y `TextButton` (acción del pie `creatable`):
+ *   todos ya portados, se componen aquí como `ius-option-item` / `ius-chip` /
+ *   `ius-popover` / `ius-text-button` (sin CSS inlineado ni reimplementación).
  * - El menú se portalea a `document.body` vía **CDK Overlay**
  *   (`flexibleConnectedTo` el trigger + `scrollStrategy: reposition`), con
  *   flip abajo/arriba e igualando el ancho del campo — espejo de
@@ -2403,6 +2518,24 @@ interface VisibleModel {
  *   estilos del menú siguen aplicando dentro del overlay porque Angular
  *   inyecta el `<style>` scopeado en el `<head>` global (mismo patrón que
  *   `ius-modal`, ver `src/lib/modal/modal.component.ts`).
+ *
+ * **Creatable — decisiones del port** (para diseño):
+ * - El golden implementa `creatable` como un **pie propio del menú** con su
+ *   campo de texto (`draft`) + `TextButton prefixIcon="add"`, *independiente*
+ *   de la caja de búsqueda (conviven). NO es el patrón «la opción nueva
+ *   aparece dentro de la lista cuando la búsqueda no matchea ninguna opción»;
+ *   si diseño quisiera ese otro patrón, primero hay que cambiar el golden.
+ * - `onCreate` del golden **retorna** la opción a insertar. Un `EventEmitter`
+ *   de Angular no puede devolver un valor al emisor, así que el contrato se
+ *   parte en dos: `createFactory` (input — la mitad que retorna) + `created`
+ *   (output — la mitad que avisa). Ver el TSDoc de cada uno.
+ *
+ * **Divergencia doc-vs-golden anotada** (manda el golden):
+ * - `listMaxH` usa la escala de fila del golden (32/38/46 px por
+ *   small/medium/large). El box-model real de `OptionItem` da 32/36/42; el
+ *   golden la llama «approx option row height by size» y deja aire de sobra
+ *   para el `gap` entre filas. Se conserva la del golden para que `maxVisible`
+ *   recorte igual que en el DS.
  */
 declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy {
     private readonly optionsState;
@@ -2453,6 +2586,26 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     searchPlaceholder: string;
     /** Mensaje cuando la búsqueda no arroja resultados. */
     emptyText: string;
+    /**
+     * Permitir **agregar opciones** desde un pie dentro del menú (campo de texto
+     * + botón «Agregar» con ícono `add`). Las opciones nuevas se anexan a la
+     * lista en vivo —a un grupo sin encabezado al final si la lista está
+     * agrupada— y no duplican `value` existentes. Convive con `searchable`.
+     */
+    creatable: boolean;
+    /** Placeholder del campo de «agregar» (solo con `creatable`). */
+    createPlaceholder: string;
+    /** Texto del botón de «agregar» (solo con `creatable`). */
+    createLabel: string;
+    /**
+     * Fábrica de la opción a insertar — equivalente Angular de `onCreate` del
+     * golden, que **retorna** la opción. Un `EventEmitter` no puede devolver un
+     * valor al emisor, así que la mitad «que retorna» del contrato vive aquí
+     * como input y la mitad «que avisa» vive en el output `created`.
+     * Recibe el texto escrito (ya con `trim`) y devuelve `{value,label,icon?}`;
+     * devolver `void`/`undefined` usa el texto como `value` y `label`.
+     */
+    createFactory?: IusSelectCreateFactory;
     /** Opciones visibles antes de hacer scroll. */
     maxVisible: number;
     /** Texto de ayuda bajo el campo (estado normal). */
@@ -2461,11 +2614,11 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     errorText?: string;
     /** Mostrar/ocultar el texto de ayuda. */
     showHelpText: boolean;
-    /** Ícono de ayuda `?` junto al label. */
+    /** Ícono de ayuda `?` junto al label (abre `ius-popover` al hover/foco). */
     showIconHelp: boolean;
-    /** Título del contenido de ayuda. */
+    /** Título del popover de ayuda. */
     iconHelpTitle?: string;
-    /** Cuerpo del contenido de ayuda. */
+    /** Cuerpo del popover de ayuda. */
     iconHelpContent?: string;
     /**
      * Mostrar el botón de limpiar (`cancel`). Solo aparece con valor y campo
@@ -2488,19 +2641,37 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     readonly cleared: EventEmitter<void>;
     /** Cambio de apertura del menú (original `onOpenChange`). */
     readonly openChange: EventEmitter<boolean>;
+    /**
+     * Opción agregada por `creatable` — mitad «aviso» del `onCreate` del golden
+     * (la mitad «que retorna la opción» es el input `createFactory`). Solo emite
+     * cuando la opción se anexó de verdad: un texto cuyo `value` ya existe en la
+     * lista no emite nada.
+     */
+    readonly created: EventEmitter<SelectOption>;
     private readonly internalOpen;
     protected readonly query: _angular_core.WritableSignal<string>;
     protected readonly activeIndex: _angular_core.WritableSignal<number>;
+    /** Texto en curso del pie `creatable` (se limpia al agregar y al cerrar). */
+    protected readonly draft: _angular_core.WritableSignal<string>;
+    /** Opciones agregadas en vivo por `creatable` (se anexan a `options`). */
+    private readonly createdOptions;
     /** Ancho del menú (portal CDK) — igualado al ancho del campo. */
     protected readonly menuWidth: _angular_core.WritableSignal<number>;
     private readonly field;
     private readonly menu;
     private readonly search;
+    private readonly createInput;
     private readonly menuTpl;
-    protected readonly baseId: string;
-    protected readonly helpId: string;
+    /**
+     * `id` de respaldo. `baseId` NO puede ser un inicializador de campo: esos
+     * corren en el constructor, antes de que Angular asigne los `@Input`, así que
+     * `this.id` valdría siempre `undefined` y el `id` del consumidor se perdería.
+     */
+    private readonly fallbackId;
+    protected get baseId(): string;
+    protected get helpId(): string;
     /** `id` único del menú — target de `aria-controls` en el trigger. */
-    protected readonly menuId: string;
+    protected get menuId(): string;
     private onChange;
     private onTouched;
     private readonly overlay;
@@ -2511,31 +2682,65 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     private typeaheadTimer;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly isError: _angular_core.Signal<boolean>;
+    /**
+     * Apertura efectiva. `state="open"` entra aquí (y no solo en `ngOnInit`) para
+     * que forzar el estado desde un especimen funcione en caliente, igual que el
+     * card remontado del proyecto de diseño.
+     */
     protected readonly isOpen: _angular_core.Signal<boolean>;
     /** `data-focused` del host (espejo del golden): abierto, forzado o error. */
     protected readonly focusedAttr: _angular_core.Signal<true | null>;
+    /**
+     * Opciones efectivas = las de `options` + las agregadas en vivo por
+     * `creatable`. Si la lista viene agrupada, las nuevas van a un grupo sin
+     * encabezado al final (espejo de `mergedOptions` del golden).
+     */
+    private readonly mergedOptions;
     private readonly allFlat;
     protected readonly visible: _angular_core.Signal<VisibleModel>;
+    /** El botón «Agregar» se habilita solo con texto no vacío (golden). */
+    protected readonly createDisabled: _angular_core.Signal<boolean>;
     protected readonly hasValue: _angular_core.Signal<boolean>;
     protected readonly valueArray: _angular_core.Signal<IusSelectValue[]>;
     protected readonly singleValue: _angular_core.Signal<IusSelectValue | null>;
     protected get hint(): string | undefined;
     protected get showHint(): boolean;
     protected get showClearComputed(): boolean;
-    protected get helpIconTitle(): string | undefined;
     /**
-     * Alto de fila usado para `maxVisible × itemH` — deriva del box-model real
-     * de `OptionItem` (`option-item.component.scss`): `--_opt-py` (padding
-     * vertical, top+bottom) + `--ius-lh-base` (line-height, fija en 20px, no
-     * cambia por tamaño — solo el font-size lo hace). small py=6px → 32px ·
-     * medium py=8px (`--ius-space-xs`) → 36px · large py=11px → 42px. No
-     * incluye el `gap` entre filas de `.ius-selectmenu__list`
-     * (`--ius-space-xxs`) — constante estructural documentada, no medida en
+     * ¿El campo es "clearable-capable"? Espejo de `clearReserved` del golden: solo
+     * entonces el botón de limpiar entra en el flujo (y dentro de ese caso el slot
+     * se reserva con `visibility`). Con `showClear=false` o `disabled` el golden no
+     * pinta el botón, así que tampoco debe quedar el hueco.
+     */
+    protected get clearReserved(): boolean;
+    /** El popover de ayuda solo tiene sentido con título o contenido. */
+    protected get iconHelpEmpty(): boolean;
+    /**
+     * Tamaño de los chips de múltiple. El golden usa un chip **más pequeño que
+     * el campo**: `large → medium`, el resto `small`
+     * (`chipSize` en `Select.jsx`).
+     */
+    protected get chipSize(): 'small' | 'medium';
+    /** Tamaño del `TextButton` del pie `creatable` (golden: `large → medium`). */
+    protected get createButtonSize(): 'small' | 'medium';
+    /**
+     * Alto de fila usado para `maxVisible × itemH`. Escala del golden
+     * (`Select.jsx`: «approx option row height by size») — small 32 · medium 38
+     * · large 46 px. Es una aproximación *deliberadamente* mayor que el
+     * box-model real de `OptionItem` (`--_opt-py`×2 + `--ius-lh-base` = 32/36/42)
+     * porque deja aire para el `gap` (`--ius-space-xxs`) entre filas de
+     * `.ius-selectmenu__list`. Constante estructural del golden, no medida en
      * runtime.
      */
     protected get listMaxH(): number;
     protected labelFor(val: IusSelectValue): string;
     protected isChosen(val: IusSelectValue): boolean;
+    /**
+     * Única fuente del ciclo de vida del overlay: se monta y se desmonta según
+     * `isOpen()`, venga de donde venga (interno, `[open]` controlado o
+     * `state="open"` de un especimen). `attachOverlay` ya es idempotente.
+     */
+    private readonly openSync;
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: IusSelectValue | IusSelectValue[] | null): void;
@@ -2547,13 +2752,44 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     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 la caja de búsqueda (ahí escribir filtra, no
-     * hace typeahead) y cuando hay modificadores (Ctrl/Alt/Meta).
+     * 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. */
@@ -2575,13 +2811,14 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     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; }; "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"; }, never, never, true, 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;
@@ -2590,417 +2827,2486 @@ declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy
     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>;
+}
 /**
- * Un paso del asistente.
+ * 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).
  *
- * `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í.
+ * **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.
  */
-interface WizardStep {
-    /** Identificador opcional del paso. */
-    key?: string;
-    /** Nombre visible del paso (etiqueta "Paso X de N · label"). */
+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;
-    /** Contenido del paso (típicamente un formulario), como plantilla. */
-    content?: TemplateRef<unknown> | null;
+    /** 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;
 }
-/** 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;
+/** 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>;
 }
-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;
+/** 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;
+    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;
+    protected onPopoverOpenChange(open: boolean): void;
+    private setOpen;
+    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_searchable: unknown;
+    static ngAcceptInputType_showSelected: unknown;
+    static ngAcceptInputType_mask: unknown;
+    static ngAcceptInputType_defaultOpen: 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;
+}
+/**
+ * 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.
+ */
+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;
+}
+
+/** 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>
+ * ```
+ */
+declare class IusModalFooterDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusModalFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusModalFooterDirective, "[iusModalFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * 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.
+ *
+ */
+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;
+    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;
+}
+
+/**
+ * Rol tipográfico → clase de escala (`typography.css`). `body` es alias de
+ * `body-base`. Mapa exacto en VARIANT_CLASS/DEFAULT_TAG.
+ */
+type IusTextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body-lg' | 'emphasis-lg' | 'body-base' | 'emphasis-base' | 'body' | 'caption' | 'body-sm' | 'label' | 'overline';
+/**
+ * Alias de color de texto → `--ius-text-*`. `danger`→`--ius-text-error`,
+ * `inverse`→`--ius-text-on-primary`.
+ */
+type IusTextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'danger' | 'warning' | 'info' | 'link';
+type IusTextWeight = 'regular' | 'medium' | 'bold';
+type IusTextAlign = 'left' | 'center' | 'right' | 'justify';
+/**
+ * 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.
+ */
+type IusTextTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span' | 'label' | 'div' | 'strong' | 'em' | 'small';
+/**
+ * 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).
+ */
+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;
+}
+
+/** Degradado base según el fondo. */
+type IusLoadingMarkSurface = 'light' | 'dark';
+/**
+ *
+ * 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.
+ *
+ */
+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. */
+    icon?: string;
+    /** Etiqueta accesible cuando `iconOnly` oculta el texto. */
+    ariaLabel?: string;
+    title?: string;
+    /** Deshabilita sólo esta opción. */
+    disabled?: 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.
+ *
+ * `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: `components/inputs/SegmentedControl/SegmentedControl.jsx` + `.d.ts`.
+ */
+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;
+}
+/**
+ * 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;
+}
+/**
+ * `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;
+
+/**
+ * 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 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;
+}
+
+/**
+ * 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`.
+ *
+ * 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.
+ *
+ * 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).
+ */
+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';
+/**
+ * Estado forzado — **solo demos/especímenes del DS**. En producción usar
+ * `selected`/`multi`/`active`/`disabled`. Sobrescribe la interacción real.
+ */
+type IusOptionItemState = 'idle' | 'hover' | 'pressed' | 'disabled' | 'selected' | 'selectedVar' | 'selectedHovered';
+/**
+ * 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).
+ */
+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';
+/**
+ * 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 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';
+/**
+ * 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 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.
+ *
+ * Etiqueta: contenido proyectado (solo horizontal). textAlign mueve el trazo
+ * corto (stub) al lado del título, como el golden.
+ */
+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';
 /**
- * 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`.
+ * 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`.
+ *
+ * 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 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;
+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';
+/**
+ * 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>;
 }
 /**
- * `createWizard(options)` — fábrica del estado del asistente (equivalente a
- * `Wizard.use(...)`). Devuelve la `WizardApi` que leen `<ius-wizard>` y
- * `<ius-wizard-nav>`.
+ * 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 createWizard(options: UseWizardOptions): WizardApi;
+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';
+/** Estado forzado — **solo demos/especímenes**. En producción usar `disabled`. */
+type IusSearchBarState = 'hover' | 'focused' | 'disabled';
 /**
- * Wizard (body) — Ius Design v2.
+ * SearchBar — 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).
+ * Barra de **búsqueda** (filtrado de tablas, listas y resultados: proceso,
+ * radicado, deudor). Compone: `input[type=search]` + botón circular de limpiar
+ * (slot reservado) + botón de lupa. Tratamiento de color poco intrusivo:
+ * vacía = relleno gris discreto · con criterio = blanco + borde hairline ·
+ * foco = blanco + borde de marca + lupa azul · disabled = gris atenuado.
  *
- * El estado lo gobierna el controller `createWizard(...)` (ver `wizard.ts`),
- * espejo del hook `Wizard.use` de React (ng-spec §2).
+ * **Cuándo NO usarlo:** como campo de formulario con label/validación (eso es
+ * `ius-text-field`), para elegir de una lista cerrada (`ius-select`) o para
+ * filtros estructurados por chips (FilterBar).
  *
- * 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.
+ * Implementa `ControlValueAccessor` completo (`string`) para `[(ngModel)]` /
+ * `formControl`, y además soporta `[(value)]`.
+ *
+ * Fuente de verdad: `components/inputs/SearchBar/SearchBar.jsx` + `.d.ts` +
+ * `SearchBar.ng-spec.md` + `searchbar.card.html` / `playground.card.html`.
+ *
+ * ── Notas del port a Angular ─────────────────────────────────────────────
+ * - `.ius-sb` (raíz del golden) **es el host**: no hay div envolvente, porque
+ *   uno rompería `:focus-within` y el `role="search"` del contenedor real.
+ * - El botón de limpiar **nunca sale del flujo**: solo alterna `visibility` +
+ *   `pointer-events` (`.ius-sb__clear--hidden`), así aparecer/desaparecer no
+ *   desplaza el input ni la lupa (geometría estable).
+ * - `blur` → `onTouched()` es un añadido del port (el golden React no tiene
+ *   `onBlur`); lo exige el `ControlValueAccessor`.
+ * - Limpiar emite `valueChange('')` además de `cleared` (el golden solo llama
+ *   `onClear`): el CVA obliga a propagar el valor nuevo al modelo. Mismo
+ *   criterio que `ius-text-field`.
+ *
+ * ── Divergencias doc vs golden (manda el golden; para diseño) ────────────
+ * - `searchbar.card.html` §06 lista `--ius-radius-md (8px)` como radio de la
+ *   barra, pero el CSS golden usa `var(--ius-radius-lg)` (14px). Se porta el
+ *   golden.
+ * - `SearchBar.prompt.md` y §06 anuncian **anillo de foco** (`--ius-focus-ring`)
+ *   en la barra enfocada; el CSS golden lo niega explícitamente
+ *   ("sin sombra exterior") y solo aplica el anillo al `:focus-visible` de los
+ *   botones internos. Se porta el golden.
+ * - §02 "Anatomía" numera la lupa como pieza 1 (sugiere lupa a la izquierda),
+ *   pero el golden renderiza `input → limpiar → lupa`, así que la lupa queda a
+ *   la **derecha**. Se porta el golden.
  */
-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 SearchBarComponent implements ControlValueAccessor {
+    private readonly valueState;
+    /** Marca si el consumidor ató el valor (input `value`, `[(value)]` o CVA). */
+    private readonly boundValue;
+    /** Criterio de búsqueda (controlado). Habilita `[(value)]`. */
+    set value(value: string | null | undefined);
+    get value(): string;
+    /** Criterio inicial (no controlado). Equivale a `defaultValue` del golden. */
+    set defaultValue(value: string | null | undefined);
+    private readonly sizeState;
+    /** Escala de la barra. Sin valor explícito hereda `--ius-control-size`. */
+    set size(value: IusSearchBarSize);
+    get size(): IusSearchBarSize;
+    /** `disabled` recibido como input del template. */
+    private readonly disabledInput;
+    /** `disabled` impuesto por el formulario (`setDisabledState`). */
+    private readonly disabledByForm;
+    /**
+     * Estado deshabilitado. El efectivo es
+     * `input || setDisabledState() || state === 'disabled'`, así una fuente no
+     * pisa a la otra (un `[disabled]="false"` no reactiva un control que el
+     * formulario deshabilitó, ni al revés).
+     */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /** Estado visual forzado — **solo demos/especímenes** del DS. */
+    protected readonly stateInput: _angular_core.WritableSignal<IusSearchBarState | undefined>;
+    /**
+     * Fuerza un estado visual (`hover` · `focused` · `disabled`).
+     * **Solo demos/especímenes**: en producción usa `disabled` y deja que el
+     * navegador resuelva hover/foco. Con `hover`/`focused`, la barra vacía y
+     * *sin* valor atado, el golden pinta un criterio de relleno para que se vea
+     * el círculo de limpiar (ver `IUS_SB_DEMO_VALUE`).
+     */
+    set state(value: IusSearchBarState | undefined);
+    get state(): IusSearchBarState | undefined;
+    /** Texto guía dentro del input. Di qué se puede buscar. */
+    placeholder: string;
+    /** Etiqueta accesible del input. */
+    ariaLabel: string;
+    /** `name` del input nativo. */
+    name?: string;
+    /** `id` del input nativo. Si se omite se genera uno estable. */
+    id?: string;
+    /** Cambio de criterio en cada tecla (original `onChange`). Habilita `[(value)]`. */
+    readonly valueChange: EventEmitter<string>;
+    /**
+     * Disparo de búsqueda: Enter o clic en la lupa (original `onSearch`).
+     *
+     * Nota: `input[type=search]` tiene un evento DOM nativo homónimo, pero al
+     * declararse como `@Output` Angular enlaza **solo** este emisor en
+     * `(search)` (no añade listener de DOM), así que no hay doble disparo.
+     */
+    readonly search: EventEmitter<string>;
+    /** Al limpiar con el botón circular (original `onClear`). */
+    readonly cleared: EventEmitter<void>;
+    private readonly inputRef;
+    private readonly autoId;
+    /** Estado forzado que el golden considera "con criterio" (demos). */
+    private readonly demoFilled;
+    /** Disabled efectivo (input + formulario + estado forzado de demo). */
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    /** ¿Hay criterio? Gobierna `data-filled` y la visibilidad del círculo ×. */
+    protected readonly filled: _angular_core.Signal<boolean>;
+    /** Valor que se pinta en el input (solo difiere del real en demos). */
+    protected readonly displayValue: _angular_core.Signal<string>;
+    protected get inputId(): string;
+    private onChangeFn;
+    private onTouchedFn;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onInput(event: Event): void;
+    protected onBlur(): void;
+    /** Enter en el input o clic en la lupa. */
+    protected triggerSearch(): void;
+    /** Botón circular ×: limpia, notifica y devuelve el foco al input. */
+    protected clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchBarComponent, "ius-search-bar", never, { "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "state": { "alias": "state"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "valueChange": "valueChange"; "search": "search"; "cleared": "cleared"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
 }
 
+/** Tamaño del campo — small · medium (default) · large. */
+type IusTextAreaSize = 'small' | 'medium' | 'large';
+/** Estado forzado visualmente — solo demos / especímenes. */
+type IusTextAreaState = 'hover' | 'focused' | 'error' | 'disabled';
 /**
- * WizardNav (footer) — Ius Design v2.
+ * TextArea — Ius Design v2 (familia inputs).
  *
- * 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).
+ * Variante **multilínea** de TextField para texto largo de redacción libre
+ * (notas de impulso, observaciones de audiencia, descripciones, comentarios).
+ * Reusa el wrapper `.ius-tf` (label + required + iconHelp + 5 estados + `size`
+ * + helpText/errorText) y **crece con el contenido** desde `rows` hasta
+ * `maxRows`, tras lo cual hace scroll interno. Implementa
+ * `ControlValueAccessor` completo (`[(ngModel)]` / `formControl`) con `string`
+ * como valor.
  *
- * 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`.
+ * Compone `ius-popover` para la pastilla «?» (`showIconHelp`), igual que
+ * TextField.
  *
- * 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).
+ * **Cuándo NO usarlo**: una sola línea → `ius-text-field`; datos segmentados →
+ * `ius-multi-text-field`; códigos OTP → `ius-code-field`.
+ *
+ * Fuente de verdad: `components/inputs/TextArea/TextArea.jsx` + `TextArea.d.ts`
+ * (delta sobre `TextField.ng-spec.md`) del proyecto Claude Design.
+ *
+ * ---
+ * **Divergencias doc-vs-golden** (manda el `.jsx` golden; quedan anotadas para
+ * que diseño las resuelva):
+ *
+ * 1. **Scrollbar.** `TextArea.ng-spec.md` dice «luego scroll interno con
+ *    `.ius-scroll`»; el CSS golden **no** usa `.ius-scroll`: pinta su propio
+ *    scrollbar en el `<textarea>` (`::-webkit-scrollbar` de 6px, pulgar
+ *    `--ius-neutral-5` con radio pill, `scrollbar-width: thin`). Se portó el
+ *    golden.
+ * 2. **`resizable`.** El `.d.ts` y el `.prompt.md` hablan del «control nativo
+ *    de arrastre (esquina inferior derecha)»; el golden desactiva el grip
+ *    nativo (`resize: none`) y dibuja una **manija propia** `.ius-tf__resize`
+ *    (ícono `drag_handle` rotado −45°, arrastre por pointer events, solo
+ *    vertical). Se portó el golden.
+ * 3. **Tokens.** El panel «Tokens que consume» de `textarea.card.html` cita
+ *    `--ius-neutral-white` y `--ius-stroke` para fondo/borde; el CSS golden
+ *    hereda de `.ius-tf`: fondo `--ius-neutral-2` y borde `transparent` en
+ *    reposo. Se portó el golden.
+ * 4. **`id` / `className` / `style`** del `.d.ts` no se exponen: el host ya es
+ *    el elemento estilable y el `id` del `<textarea>` se genera para enlazar el
+ *    `<label for>` (mismo criterio que `ius-text-field`).
+ *
+ * Nota de implementación: las clases `.ius-tf__*` (label/help/hint/field) se
+ * **replican** en este SCSS porque bajo `ViewEncapsulation.Emulated` las de
+ * TextField no alcanzan a otro componente — mismo precedente que
+ * `ius-multi-text-field` y `ius-code-field`.
  */
-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;
+declare class TextAreaComponent implements ControlValueAccessor {
+    private readonly zone;
+    /** Label sobre el campo (se pinta con `:` final). Sin label si se omite. */
+    label?: string;
+    /** Placeholder dentro del área de texto. */
+    placeholder?: string;
+    /** Punto rojo (•) a la izquierda del label. */
+    required: boolean;
+    /** Línea de ayuda bajo el campo (estado normal). */
+    helpText?: string;
+    /** Reemplaza `helpText` cuando `error` es `true`. */
+    errorText?: string;
+    /** Mostrar/ocultar la línea de ayuda. */
+    showHelpText: boolean;
+    /** Pastilla «?» junto al label (compone `ius-popover` en hover/foco). */
+    showIconHelp: boolean;
+    /** Título del contenido de ayuda (popover). */
+    iconHelpTitle?: string;
+    /** Cuerpo del contenido de ayuda (popover). */
+    iconHelpContent?: string;
+    /** `name` del `<textarea>` (envío como formulario nativo). */
+    name?: string;
+    protected readonly rowsState: _angular_core.WritableSignal<number>;
+    /** Líneas mínimas visibles. Default `3`. */
+    set rows(value: number | string | null | undefined);
+    get rows(): number;
+    private readonly maxRowsState;
+    /** Tope de líneas antes de hacer scroll interno. Sin tope si se omite. */
+    set maxRows(value: number | string | null | undefined);
+    get maxRows(): number | undefined;
+    protected readonly autoGrowState: _angular_core.WritableSignal<boolean>;
     /**
-     * Handler del botón final. Con `finishDynamic` debe devolver una `Promise`
-     * (su resolución decide success/error del Button).
+     * Crecer con el contenido entre `rows` y `maxRows`. Default `true`.
+     * Con `false` la altura queda fija en `rows`. `resizable` lo anula.
      */
-    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;
+    set autoGrow(value: boolean);
+    get autoGrow(): boolean;
+    protected readonly resizableState: _angular_core.WritableSignal<boolean>;
+    /**
+     * Permitir redimensionar a mano arrastrando la manija inferior derecha.
+     * **Excluyente con `autoGrow`** (al activarlo, el auto-crecimiento se apaga).
+     * Default `false`.
+     */
+    set resizable(value: boolean);
+    get resizable(): boolean;
+    protected readonly maxLengthState: _angular_core.WritableSignal<number | undefined>;
+    /** Límite de caracteres (`maxlength` nativo). */
+    set maxLength(value: number | string | null | undefined);
+    get maxLength(): number | undefined;
+    /** Mostrar el contador `n / max` bajo el campo (requiere `maxLength`). */
+    showCount: boolean;
+    private readonly errorState;
+    /** Estado de error (colores + `errorText`). */
+    set error(value: boolean);
+    get error(): boolean;
+    private readonly disabledState;
+    /** Estado deshabilitado (también lo escribe el CVA vía `setDisabledState`). */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    protected readonly sizeState: _angular_core.WritableSignal<IusTextAreaSize>;
+    /** Tamaño: `small` · `medium` (default) · `large`. */
+    set size(value: IusTextAreaSize);
+    get size(): IusTextAreaSize;
+    protected readonly stateState: _angular_core.WritableSignal<IusTextAreaState | undefined>;
+    /**
+     * Forzar visualmente un estado completo. **Solo demos / especímenes** — no
+     * usar en producción: no altera la interacción real, solo la piel.
+     */
+    set state(value: IusTextAreaState | undefined);
+    get state(): IusTextAreaState | undefined;
+    /** Además del CVA: notifica cada cambio de valor del `<textarea>`. */
+    readonly valueChange: EventEmitter<string>;
+    protected readonly value: _angular_core.WritableSignal<string>;
+    protected readonly focused: _angular_core.WritableSignal<boolean>;
+    protected readonly areaId: string;
+    protected readonly helpId: string;
+    private readonly area;
+    private onChange;
+    private onTouched;
+    /** Cancela los listeners del arrastre en curso (no-op si no hay ninguno). */
+    private stopResize;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly isError: _angular_core.Signal<boolean>;
+    protected readonly isFocused: _angular_core.Signal<boolean>;
+    protected get hint(): string | undefined;
+    protected get showHint(): boolean;
+    /** Texto del contador `n / max`, o `null` si no aplica. */
+    protected get count(): string | null;
+    /** `min-height` inline del golden cuando la altura se arrastra a mano. */
+    protected get resizableMinHeight(): string | null;
+    constructor();
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onInput(event: Event): void;
+    protected onFocus(): void;
+    protected onBlur(): void;
+    /**
+     * Arrastre vertical de la manija (`.ius-tf__resize`). Port del `startResize`
+     * golden: los listeners viven en `window` y se registran fuera de la zona
+     * para no disparar change detection en cada `pointermove`.
+     */
+    protected startResize(event: PointerEvent): void;
+    /**
+     * Ajusta la altura al contenido entre `rows` y `maxRows` (port literal del
+     * `adjust()` golden). Se desactiva con `autoGrow=false` o `resizable=true`,
+     * casos en que la altura la fija el atributo `rows` / el arrastre.
+     */
+    private adjust;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextAreaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextAreaComponent, "ius-text-area", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "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; }; "name": { "alias": "name"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "autoGrow": { "alias": "autoGrow"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_showHelpText: unknown;
+    static ngAcceptInputType_showIconHelp: unknown;
+    static ngAcceptInputType_autoGrow: unknown;
+    static ngAcceptInputType_resizable: unknown;
+    static ngAcceptInputType_showCount: unknown;
+    static ngAcceptInputType_error: unknown;
+    static ngAcceptInputType_disabled: 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.
+ * Tono semántico del estado. ALIAS de `StatusTone` (foundation
+ * `status-catalog`): el vocabulario NO se re-declara aquí, solo se le pone el
+ * nombre `Ius*` que usa el resto de la librería.
+ */
+type IusStatusChipTone = StatusTone;
+/** Escala tipográfica del chip: `small` = `--ius-fs-sm` · `medium` = `--ius-fs-base`. */
+type IusStatusChipSize = 'small' | 'medium';
+/**
+ * StatusChip — Ius Design v2 (familia data-display).
  *
- * 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).
+ * **Átomo visual de estado**: marca semántica (punto de 8px, o ícono) + el
+ * rótulo EN EL COLOR DEL TONO, **sin píldora**. Es el patrón reconocible de
+ * "estado", reusable por cualquier entidad del sistema (actuación, tarea,
+ * factura, plan, usuario…). No es interactivo: no tiene outputs, ni foco, ni
+ * máquina de estado.
  *
- * 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).
+ * **QUÉ COMPONE.** Nada visual: es una hoja. Lo que SÍ consume es la foundation
+ * `status-catalog` (`resolveStatus`), donde vive el **vocabulario** — qué
+ * estados existen por entidad y con qué `label · tone · icon`. El átomo solo
+ * pinta: se le pasa `vocab` + `status` y resuelve; o se le pasan
+ * `tone`/`label`/`icon` directo (escape hatch genérico). `vocab` por defecto =
+ * `actuacion` (ciclo `nueva → vista → gestion → cerrada`). La actuación **no
+ * vence**: el vencimiento es estado de sus TAREAS (`vocab="gestion"`), por eso
+ * `gestion` de actuación es `primary` y no `warning`.
+ *
+ * **Resolución (orden del golden).**
+ *  - `meta   = resolveStatus(vocab, status, customMap)`
+ *  - `tono   = tone || meta?.tone || 'neutral'`
+ *  - `rótulo = <ng-content> › label › meta?.label › status crudo`
+ *  - `glifo  = icon===true ? meta?.icon : (string ? ese glifo : ninguno → punto)`
+ *
+ * Un `vocab`/`status` **desconocido nunca falla**: `meta` queda `null` y el chip
+ * cae a `neutral` con el `status` crudo como rótulo.
+ *
+ * **CUÁNDO NO USARLO.**
+ *  - Etiqueta / categoría / filtro (píldora con fondo) → `ius-tag`.
+ *  - Punto o contador atómico SIN texto → `ius-insignia`.
+ *  - Página completa de error/vacío (404, 500) → `ius-status-state`.
+ *  - Token de un evento de agenda con hora → `EventPill` (aún no portado).
+ *  - Un color de IDENTIDAD/categoría (hue "fruta") → `CategoryPalette`: esto es
+ *    ESTADO, y el estado siempre es una familia semántica.
+ *
+ * **A11y.** El host lleva `role="status"`; la marca (punto/ícono) es
+ * `aria-hidden="true"` porque el color NO puede ser el único canal de
+ * información: el rótulo textual es quien comunica el estado.
+ *
+ * `id` / `class` / `style` son passthrough natural del host de Angular: no hay
+ * inputs para ellos.
+ *
+ * FUENTE DE VERDAD. Proyecto Claude Design →
+ * `components/data-display/StatusChip/StatusChip.jsx` + `.d.ts` + `.ng-spec.md`
+ * + `statuschip.card.html` + `playground.card.html`.
+ *
+ * DIVERGENCIAS / DECISIONES DE PORT (para que diseño las resuelva):
+ *  1. `label` es `string` (el golden lo tipa `ReactNode`). Regla 5 del port. Si
+ *     hace falta contenido rico se PROYECTA (`<ng-content>`), que gana sobre
+ *     `label`.
+ *  2. `icon` como **atributo sin valor** (`<ius-status-chip icon>`) llega como
+ *     `''`, no como `true`: se interpreta como `true` (ícono del catálogo), que
+ *     es la traducción fiel del `<StatusChip icon />` de React. También se
+ *     aceptan los strings `'true'` / `'false'`. Un string no vacío distinto de
+ *     esos dos es el glifo Material Symbols. NO se usa `booleanAttribute`:
+ *     destruiría el caso string.
+ *  3. `data-size` se omite cuando vale el default (`small`), igual que `ius-tag`
+ *     e `ius-insignia`; el golden lo emite siempre. Es equivalente visualmente
+ *     (el bloque base del CSS ES el de `small`), pero el DOM difiere.
+ *  4. El golden no expone `aria-label`; se confía en el rótulo textual. Si un
+ *     consumidor necesitara un rótulo accesible distinto del visible, lo pone
+ *     él sobre el host (passthrough).
  */
-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 StatusChipComponent implements AfterViewInit {
+    /**
+     * Entidad cuyo vocabulario (en `status-catalog`) resuelve el `status`.
+     * Default `'actuacion'`. Una entidad fuera del catálogo no falla: el chip cae
+     * a `neutral`.
+     */
+    readonly vocab: _angular_core.InputSignal<string>;
+    /**
+     * Clave del estado DENTRO del `vocab` (p. ej. `'gestion'`). Resuelve rótulo +
+     * tono + ícono. La urgencia de una tarea (`por_vencer`/`vencida`) se DERIVA de
+     * la fecha límite en el consumidor ANTES de llegar aquí.
+     */
+    readonly status: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fuerza el tono y sobrescribe el del catálogo. Escape hatch genérico para
+     * estados que todavía no tienen vocabulario.
+     */
+    readonly tone: _angular_core.InputSignal<StatusTone | undefined>;
+    /**
+     * Sobrescribe el rótulo. Alternativa a proyectar contenido; si hay
+     * `<ng-content>`, la proyección GANA. Si no resuelve nada, se muestra el
+     * `status` crudo.
+     */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Marca del chip. `false`/ausente → punto de 8px (default). `true` (o el
+     * atributo sin valor `icon`) → ícono del estado tomado del catálogo. Un string
+     * no vacío → ese glifo Material Symbols Rounded (p. ej. `'event_busy'`).
+     * Es `boolean | string` a propósito: no lleva `booleanAttribute`.
+     */
+    readonly icon: _angular_core.InputSignal<string | boolean | undefined>;
+    /** Escala tipográfica: `small` (`fs-sm`, default) · `medium` (`fs-base`). */
+    readonly size: _angular_core.InputSignal<IusStatusChipSize>;
+    /**
+     * Extiende / sobrescribe el vocabulario EN RUNTIME (`status → StatusMeta`).
+     * Gana sobre el catálogo central. Si un estado pasado por aquí se vuelve
+     * común, se PROMUEVE a `status-catalog`.
+     */
+    readonly customMap: _angular_core.InputSignal<Readonly<Record<string, StatusMeta>> | undefined>;
+    /**
+     * Retro-compat con el estático `StatusChip.states` del golden: alias al
+     * vocabulario `actuacion` del catálogo. NO re-declara nada; es la misma
+     * referencia que `STATUS_VOCAB.actuacion`.
+     */
+    static readonly states: StatusVocabMap;
+    /**
+     * Retro-compat con el estático `StatusChip.order` del golden: claves de
+     * `actuacion` en orden de ciclo, leídas del catálogo con `statusOrder`.
+     */
+    static readonly order: readonly ActuacionStatus[];
+    /**
+     * Span donde se estampa `<ng-content>`. Se inspecciona UNA sola vez para saber
+     * si el consumidor proyectó rótulo (patrón de `ius-divider`: bajo OnPush
+     * `<ng-content>` no se re-evalúa, así que no hay forma reactiva de saberlo).
+     */
+    private proyeccionRef;
+    /** `true` si el consumidor proyectó contenido no vacío. */
+    protected readonly hayProyeccion: _angular_core.WritableSignal<boolean>;
+    /** Entrada del catálogo, o `null` si el `vocab`/`status` no se reconoce. */
+    protected readonly meta: _angular_core.Signal<StatusMeta | null>;
+    /**
+     * Tono aplicado: `tone` explícito › tono del catálogo › `neutral`.
+     * Se usa `||` (no `??`) para calcar el fallback del golden.
+     */
+    protected readonly tonoEfectivo: _angular_core.Signal<StatusTone>;
+    /**
+     * Rótulo cuando NO hay proyección: `label` › `meta.label` › `status` crudo.
+     * Se usa `??` porque el golden compara con `!= null`: un `label=""` explícito
+     * es un override válido a cadena vacía.
+     */
+    protected readonly rotulo: _angular_core.Signal<string>;
+    /**
+     * Glifo Material Symbols a pintar en lugar del punto, o `null` para el punto.
+     * Se parsea a mano porque `icon` es `boolean | string`: cualquier transform
+     * booleano destruiría el caso "glifo arbitrario".
+     */
+    protected readonly glifo: _angular_core.Signal<string | null>;
+    /** Detección única de proyección (igual que `ius-divider`). */
     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;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusChipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusChipComponent, "ius-status-chip", never, { "vocab": { "alias": "vocab"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "customMap": { "alias": "customMap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-/** Tamaño de la fila — heredado del Select. small · medium (default) · large. */
-type IusOptionItemSize = 'small' | 'medium' | 'large';
+/** Tipo del campo → fija los operadores y el control de valor. */
+type IusFilterFieldType = 'text' | 'enum' | 'number' | 'date';
+/** Escala de los controles del panel. */
+type IusQueryBuilderSize = 'small' | 'medium';
+/** Valor escalar de una regla (el golden nunca castea a número). */
+type IusFilterValue = string | number;
+/** Opción de un campo `type: 'enum'`. */
+interface IusFilterFieldOption {
+    /** Valor único que viaja en la regla. */
+    value: IusFilterValue;
+    /**
+     * Etiqueta visible. En el golden es `ReactNode`; en Angular se degrada a
+     * `string` (regla 5 del port: un ReactNode dentro de un objeto de datos
+     * baja a texto plano).
+     */
+    label: string;
+}
+/** Campo filtrable: define los operadores disponibles y el control de valor. */
+interface IusFilterField {
+    /** Clave del campo (lo que viaja en `IusFilterRule.field`). */
+    value: string;
+    /**
+     * Etiqueta visible en el selector de campo. `ReactNode` en el golden →
+     * `string` aquí (regla 5 del port).
+     */
+    label: string;
+    /** Tipo del campo. Default `text`. */
+    type?: IusFilterFieldType;
+    /**
+     * Ícono Material Symbols del campo. **Reservado**: el selector de campo no
+     * lo muestra (el golden lo omite a propósito para no meter ruido en el
+     * menú). Se conserva en el contrato por paridad con `FilterField.icon`.
+     */
+    icon?: string;
+    /** Opciones para `type: 'enum'`. */
+    options?: IusFilterFieldOption[];
+    /** Placeholder del control de valor (solo `text` / `number`). */
+    placeholder?: string;
+}
+/** Regla aplicada: campo · operador · valor. Combinación siempre Y (AND). */
+interface IusFilterRule {
+    /** Clave del campo (`IusFilterField.value`). */
+    field: string;
+    /** Clave del operador (ver `IUS_FILTER_OPERATORS`). */
+    operator: string;
+    /** Valor del criterio. */
+    value: IusFilterValue;
+}
 /**
- * Estado forzado — **solo demos/especímenes del DS**. En producción usar
- * `selected`/`multi`/`active`/`disabled`. Sobrescribe la interacción real.
+ * Operadores contextuales por tipo de campo — espejo literal de `OPERATORS`
+ * del golden. El primero de cada lista es el default al elegir el campo.
+ * Se exporta para que el consumidor pueda pintar las reglas aplicadas (chips,
+ * resumen…) con la misma etiqueta que usa el panel.
  */
-type IusOptionItemState = 'idle' | 'hover' | 'pressed' | 'disabled' | 'selected' | 'selectedVar' | 'selectedHovered';
+declare const IUS_FILTER_OPERATORS: Readonly<Record<IusFilterFieldType, SelectOption[]>>;
 /**
- * OptionItem — Ius Design.
+ * Fila del borrador. `id` es un **contador incremental de módulo** (el `RID`
+ * del golden): es la identidad que usa el `track` del `@for`. Nunca se traquea
+ * por índice — al quitar una fila intermedia Angular reciclaría los
+ * `ius-select`/`ius-text-field` y los valores se cruzarían entre filas.
+ */
+interface DraftRow {
+    id: number;
+    field: string;
+    operator: string;
+    value: IusFilterValue;
+}
+/**
+ * QueryBuilder — Ius Design v2 (familia navigation).
  *
- * Á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.
+ * Constructor de **filtros secundarios estructurados** (estilo Linear/Vercel):
+ * un botón "Filtros" con contador abre un **Popover** con **filas de criterio**
+ * —campo · operador · valor · quitar— más un footer "Añadir filtro · Limpiar
+ * todo · Aplicar", y un estado vacío.
  *
- * 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.
+ * Decisiones de UX fijas (vienen del golden, no son configurables):
+ * - **Operadores contextuales** por tipo de campo (text → Contiene/Es igual/No
+ *   contiene · enum → Es/No es · number → Igual/≥/≤ · date → Entre/Antes/Después).
+ * - **Staged**: el panel arma un *borrador* y solo confirma al pulsar "Aplicar"
+ *   (nunca filtra en vivo). Al abrir, el borrador se re-siembra desde lo aplicado.
+ * - **Solo Y (AND)** y **un criterio por campo**: los campos ya usados se
+ *   deshabilitan en el selector y al cubrirlos todos se apaga "Añadir filtro".
  *
- * 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).
+ * Compone (no reimplementa) `ius-popover`, `ius-select`, `ius-text-field`,
+ * `ius-icon-button`, `ius-button` y `ius-text-button`.
+ *
+ * **Cuándo NO usarlo**: filtro primario rápido por chips → `FilterBar`; rango
+ * de fechas → control dedicado con DatePicker; búsqueda libre → `SearchBar`;
+ * captura de datos → un formulario.
+ *
+ * Fuente de verdad: `components/navigation/QueryBuilder/QueryBuilder.jsx` +
+ * `QueryBuilder.d.ts` + `QueryBuilder.ng-spec.md` del proyecto Claude Design.
+ *
+ * ---
+ * **Divergencias doc-vs-golden anotadas** (manda el golden, diseño decide):
+ * 1. `applyLabel` NO es el texto del botón de confirmar en el caso general: el
+ *    golden lo calcula («Aplicar N filtro/filtros» con reglas válidas; «Quitar
+ *    filtros» si no hay ninguna válida pero sí aplicadas) y solo cae a
+ *    `applyLabel` cuando el borrador y lo aplicado están vacíos. La ng-spec lo
+ *    presenta como una etiqueta llana.
+ * 2. Los textos "y" (conjunción), "Selecciona un valor", "Escribe un valor" /
+ *    "Escribe un número" y "Quitar filtro" están **fijos en el golden**: no hay
+ *    input para traducirlos. Si diseño los quiere configurables, primero
+ *    cambia el golden.
+ * 3. El campo `type: 'number'` usa un TextField de texto plano (el golden no
+ *    pasa `type="number"`), así que el valor viaja siempre como `string`.
+ * 4. `FilterField.icon` está en el contrato pero el golden **no lo pinta**.
+ *
+ * **Decisiones del port a Angular**:
+ * - El Popover se usa en modo controlado (`[open]` + `(openChange)`) y **sin**
+ *   `dismissable`, igual que el golden (que tampoco lo activa). Además, aquí es
+ *   obligatorio: el menú del `ius-select` vive en OTRO overlay del CDK, así que
+ *   `outsidePointerEvents()` del Popover lo leería como "clic fuera" y cerraría
+ *   el panel al elegir cualquier opción. El panel se cierra con el propio botón
+ *   "Filtros" o con "Aplicar".
+ * - El ancho/padding del panel (`popoverStyle` del golden) se porta como la
+ *   piel `.ius-popover.ius-querybuilder-pop` en `popover/popover.component.scss`
+ *   (mismo patrón que `.ius-tooltip` y `.ius-dropdown-pop`): el panel se estampa
+ *   desde el template del Popover y lleva SU encapsulación.
+ * - El valor de texto se escribe con `[ngModel]` porque `TextFieldComponent`
+ *   expone su valor solo por `ControlValueAccessor`. Hace falta para poder
+ *   **vaciar** el control cuando cambia el campo de la fila.
  */
-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;
+declare class QueryBuilderComponent {
+    /** Campos filtrables: definen los operadores y el control de valor. */
+    readonly fields: _angular_core.InputSignal<readonly IusFilterField[]>;
+    /**
+     * Reglas aplicadas — **modo controlado**. Si se enlaza, el componente no
+     * guarda estado propio: hay que reaccionar a `apply` y volver a enlazar.
+     */
+    readonly value: _angular_core.InputSignal<readonly IusFilterRule[] | undefined>;
+    /** Reglas iniciales del modo **no controlado**. */
+    readonly defaultValue: _angular_core.InputSignal<readonly IusFilterRule[] | undefined>;
+    /** Texto del botón disparador. */
+    readonly triggerLabel: _angular_core.InputSignal<string>;
+    /** Colocación del panel respecto del disparador. */
+    readonly placement: _angular_core.InputSignal<IusPopoverPlacement>;
+    /** Escala de los controles del panel (se propaga a Select/TextField/botones). */
+    readonly size: _angular_core.InputSignal<IusQueryBuilderSize>;
+    /**
+     * Máximo de filas. Default = `fields.length` (un criterio por campo: no se
+     * repite campo y al cubrirlos todos se desactiva "Añadir filtro"). Fíjalo
+     * solo para un tope distinto.
+     */
+    readonly maxRows: _angular_core.InputSignal<number | undefined>;
+    /** Etiqueta del botón que añade una fila. */
+    readonly addLabel: _angular_core.InputSignal<string>;
+    /** Etiqueta del botón que vacía el borrador. */
+    readonly clearLabel: _angular_core.InputSignal<string>;
+    /**
+     * Etiqueta del botón de confirmar **solo cuando no hay nada que aplicar ni
+     * aplicado**. Ver la divergencia 1 del comentario de cabecera.
+     */
+    readonly applyLabel: _angular_core.InputSignal<string>;
+    /** Título del estado vacío del panel. */
+    readonly emptyTitle: _angular_core.InputSignal<string>;
+    /** Pista del estado vacío del panel. */
+    readonly emptyHint: _angular_core.InputSignal<string>;
+    /**
+     * Reglas válidas al pulsar "Aplicar" (espejo de `onApply`). Nombre fijado
+     * por la ng-spec; no colisiona con ningún evento del DOM.
+     */
+    readonly apply: _angular_core.OutputEmitterRef<IusFilterRule[]>;
+    /** `null` = todavía no se ha aplicado nada → manda `defaultValue`. */
+    private readonly internalApplied;
+    /** Apertura del panel (el Popover se usa en modo controlado). */
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /** Borrador del panel: lo que se está armando, aún sin aplicar. */
+    protected readonly draft: _angular_core.WritableSignal<readonly DraftRow[]>;
+    /** Reglas efectivamente aplicadas (controlado › interno › `defaultValue`). */
+    protected readonly applied: _angular_core.Signal<readonly IusFilterRule[]>;
+    /** Contador del disparador. */
+    protected readonly count: _angular_core.Signal<number>;
+    /** Índice campo → definición, para resolver tipo/opciones sin recorrer. */
+    private readonly fieldIndex;
+    /**
+     * Opciones del selector de campo, por fila: un campo ya usado en OTRA fila
+     * se deshabilita (un criterio por campo). Memorizado para no crear arrays
+     * nuevos en cada ciclo de detección (dispararía el setter de `ius-select`).
+     */
+    protected readonly fieldOptions: _angular_core.Signal<Record<number, SelectOption[]>>;
+    /** Opciones del control de valor para los campos `enum`, por campo. */
+    protected readonly enumOptions: _angular_core.Signal<Record<string, SelectOption[]>>;
+    /** Tope efectivo de filas. */
+    protected readonly maxRowsEff: _angular_core.Signal<number>;
+    /** Ya no caben más filas → "Añadir filtro" apagado. */
+    protected readonly atCap: _angular_core.Signal<boolean>;
+    /** Filas del borrador con valor utilizable. */
+    protected readonly validCount: _angular_core.Signal<number>;
+    /** Texto del botón de confirmar (lógica del golden; ver divergencia 1). */
+    protected readonly applyText: _angular_core.Signal<string>;
+    /** Sin nada que aplicar y sin nada aplicado → no hay acción posible. */
+    protected readonly applyDisabled: _angular_core.Signal<boolean>;
+    /** El selector de campo se vuelve buscable con listas largas (golden: `> 6`). */
+    protected readonly fieldsSearchable: _angular_core.Signal<boolean>;
+    /** Tipo del campo (default `text`, como el golden). */
+    protected typeOf(fieldValue: string): IusFilterFieldType;
+    /** Operadores contextuales del campo — referencia estable por tipo. */
+    protected operatorOptions(fieldValue: string): SelectOption[];
+    /** Opciones del selector de campo de una fila (referencia memorizada). */
+    protected fieldOptionsFor(rid: number): SelectOption[];
+    /** Opciones del valor `enum` de un campo. */
+    protected valueOptions(fieldValue: string): SelectOption[];
+    /** El valor `enum` también se vuelve buscable con listas largas (golden: > 6). */
+    protected valueSearchable(fieldValue: string): boolean;
+    /** Placeholder del control de texto (golden: el del campo o uno por tipo). */
+    protected valuePlaceholder(fieldValue: string): string;
+    /** Valor para el `ius-select` de `enum`: `''` → `null` (muestra placeholder). */
+    protected selectValue(value: IusFilterValue): IusSelectValue | null;
+    /** Valor para el `ius-text-field` (siempre `string`). */
+    protected textValue(value: IusFilterValue): string;
+    /**
+     * Al **abrir**, el borrador se re-siembra desde las reglas aplicadas (espejo
+     * del `useEffect([open])` del golden): lo que se dejó a medias sin aplicar se
+     * descarta.
+     */
+    protected onOpenChange(open: boolean): void;
+    /** Crea una fila nueva (espejo de `mkRow`). */
+    private mkRow;
+    /** Parche inmutable de una fila por `id`. */
+    private patch;
+    /** Cambiar el campo resetea operador (al default del tipo) y valor. */
+    protected onFieldChange(rid: number, next: IusSelectValue | IusSelectValue[] | null): void;
+    /** Cambio de operador. */
+    protected onOperatorChange(rid: number, next: IusSelectValue | IusSelectValue[] | null): void;
+    /** Cambio del valor `enum`. */
+    protected onValueChange(rid: number, next: IusSelectValue | IusSelectValue[] | null): void;
+    /** Cambio del valor de texto/número (incluye el botón de limpiar). */
+    protected onTextValueChange(rid: number, next: string): void;
+    /** Normaliza la salida del `ius-select` (single) a escalar. */
+    private scalar;
+    /** Añade una fila con el primer campo libre (respetando `maxRows`). */
+    protected addRow(): void;
+    /** Quita una fila por su `id` (nunca por índice). */
+    protected removeRow(rid: number): void;
+    /** Vacía el borrador (todavía no aplica nada: hay que confirmar). */
+    protected clearAll(): void;
+    /** Confirma el borrador: emite las reglas válidas y cierra el panel. */
+    protected applyDraft(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryBuilderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryBuilderComponent, "ius-query-builder", never, { "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "addLabel": { "alias": "addLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyHint": { "alias": "emptyHint"; "required": false; "isSignal": true; }; }, { "apply": "apply"; }, never, never, true, never>;
 }
 
-/** 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';
 /**
- * Chip — Ius Design.
+ * SegmentGroup — Ius Design v2 (familia layout).
  *
- * 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.
+ * Agrupa **dos o más controles tipo píldora** ya existentes (`ius-button`
+ * `variant="outline"`, `ius-dropdown` `variant="outline"`, el disparador de
+ * `ius-query-builder`…) en un **bloque segmentado**: el grupo aporta el ÚNICO
+ * shell (borde 1px + radio), los controles internos pierden borde/radio/fondo
+ * propios, el borde compartido se convierte en un **divisor de 1px** y las
+ * esquinas redondeadas quedan solo en el exterior (izquierdas del primero,
+ * derechas del último). Es puramente visual: **cada hijo conserva su propio
+ * clic, su propio menú y su propio estado**; el grupo no tiene outputs.
  *
- * 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**.
+ * Compone: nada. Solo proyecta (`<ng-content>`) y re-estiliza a sus hijos.
  *
- * 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).
+ * **Cuándo NO usarlo**
+ * - Elegir UNA opción entre varias → `ius-segmented-control` (eso sí es un
+ *   input con selección única).
+ * - Una acción primaria suelta → `ius-button` a secas.
+ * - Barra de filtros de chips removibles → FilterBar/`ius-chip`.
+ *
+ * **Requisito de los hijos.** Todos con tratamiento outline y la misma altura.
+ * OJO: en esta librería `ius-button variant="outline"` es el outline VERDE
+ * (`--ius-success-*`, port verbatim de `Button.jsx`) y es más alto que los
+ * disparadores outline de Dropdown/QueryBuilder (padding `sm lg` vs `xs sm`).
+ * El grupo estira a todos al alto del más alto, pero el color del texto del
+ * Button sigue siendo el suyo. La `SegmentGroup.prompt.md` describe el outline
+ * como «borde 1px stroke + radio md», que es el de Dropdown/QueryBuilder, no el
+ * del Button: divergencia de diseño a resolver por diseño, no por el port.
+ *
+ * **Divergencias doc-vs-golden** (manda el `.jsx`, según regla del repo):
+ * - `segmentgroup.card.html` (panel «Tokens que consume») cita
+ *   `--ius-surface-card` para el fondo y `--ius-radius-lg` (14px) para las
+ *   esquinas. `SegmentGroup.jsx` usa `--ius-neutral-white` y
+ *   `--ius-radius-md` (8px). Se portó el JSX. El fondo es equivalente
+ *   (`--ius-surface-card` → `--ius-neutral-white`), pero el radio SÍ difiere:
+ *   8px reales frente a 14px documentados. Pendiente de que diseño elija.
+ *
+ * Fuente de verdad: `components/layout/SegmentGroup/SegmentGroup.jsx` +
+ * `SegmentGroup.d.ts` + `SegmentGroup.ng-spec.md` (proyecto Claude Design).
+ *
+ * @example
+ * ```html
+ * <ius-segment-group ariaLabel="Filtros de la lista">
+ *   <ius-dropdown variant="outline" triggerIcon="calendar_month"
+ *                 triggerLabel="Últimos 30 días" [items]="rangos" selectable />
+ *   <ius-query-builder [fields]="campos" (apply)="aplicar($event)" />
+ * </ius-segment-group>
+ * ```
  */
-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;
+declare class SegmentGroupComponent {
+    /**
+     * Etiqueta accesible del grupo — se emite como `aria-label` sobre el
+     * `role="group"` del host. Sin ella el grupo queda sin nombre accesible:
+     * decláralo siempre que el conjunto tenga un significado propio
+     * («Herramientas de la lista», «Filtros»…).
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentGroupComponent, "ius-segment-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-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';
+/** 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';
 /**
- * Flex — primitivo de maquetación (ng-spec components/layout/Flex).
+ * Splitter — Ius Design v2.
  *
- * 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.
+ * 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.
  *
- * 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.
+ * Las dos áreas se proyectan por atributo — el consumidor marca sus dos hijos
+ * (equivale al `children: [first, second]` del golden React):
  *
- * 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>.
+ * ```html
+ * <ius-splitter [min]="160" [minSecond]="240" accent="info">
+ *   <aside iusSplitterFirst>…</aside>
+ *   <section iusSplitterSecond>…</section>
+ * </ius-splitter>
+ * ```
  *
- * Solo estructura: no aporta cáscara de página (AppLayout), superficie (Card)
- * ni tipografía (Text). Sin outputs, sin estado, sin user-select.
+ * 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 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>;
+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;
 }
 
-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.
+ * 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.
  *
- * Etiqueta: contenido proyectado (solo horizontal). textAlign mueve el trazo
- * corto (stub) al lado del título, como el golden.
+ * 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 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 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, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IconButtonComponent, IllustrationComponent, IusAlertActionsDirective, IusAlertTrailingDirective, IusModalFooterDirective, IusTagPrefixDirective, IusTagSuffixDirective, LoadingComponent, LoadingMarkComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PopoverComponent, ScrollAreaComponent, SegmentedControlComponent, SelectComponent, ShowMoreComponent, StatusStateComponent, TagComponent, TextButtonComponent, TextComponent, TextFieldComponent, TooltipComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveIllustration, voiceEnv };
-export type { AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, 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, IusEleniaBubblePosition, IusEleniaBubbleSize, IusEleniaOrbMood, IusEleniaOrbSurface, IusEmptyStateAction, IusEmptyStateSize, IusEmptyStateTone, IusEmptyStateVariant, IusFlexAlign, IusFlexDirection, IusFlexGap, IusFlexJustify, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusLoadingMarkSurface, IusLoadingVariant, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusScrollAxis, IusScrollSize, IusSegmentedSize, IusSegmentedVariant, IusSelectSize, IusSelectState, IusSelectValue, IusShowMoreAlign, IusStatusKind, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTooltipTrigger, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, UseWizardOptions, WizardApi, WizardStep };
+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 };