@litigiovirtual/ius-design-components 2.1.9 → 2.1.11

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

@@ -556,6 +556,11 @@ declare class TextFieldComponent implements ControlValueAccessor {
     error: boolean;
     /** `name` del input. */
     name?: string;
+    /** `autocomplete` del input (passthrough, como ariaLabel en Button). Necesario para
+     *  que el gestor de credenciales del navegador ofrezca lo guardado: un correo suelto
+     *  sin `autocomplete="username"` no dispara las sugerencias (un type=password sí,
+     *  por heurística propia del navegador — por eso el paso 2 funcionaba y el 1 no). */
+    autocomplete?: string;
     /** `type` del input. La variación password enmascara y agrega el toggle de revelado. */
     type: IusTextFieldType;
     private readonly sizeState;
@@ -590,7 +595,7 @@ declare class TextFieldComponent implements ControlValueAccessor {
     protected toggleReveal(): void;
     protected clear(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "ius-text-field", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "error": { "alias": "error"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "ius-text-field", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "error": { "alias": "error"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; }, never, never, true, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_showHelpText: unknown;
     static ngAcceptInputType_showIconHelp: unknown;
@@ -1176,6 +1181,710 @@ declare class NavUserComponent {
     static ngAcceptInputType_open: unknown;
 }
 
+/** Estado forzado — solo demos. */
+type IusAccountItemState = 'hover' | 'pressed';
+/** Acción del menú ⋮ de la fila (espejo de `IusDropdownItem`/`IusMenuOption`). */
+interface IusAccountItemAction {
+    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;
+}
+/** Nombre rico proyectado (alternativa al input `name`). */
+declare class IusAccountItemNameDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemNameDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemNameDirective, "[iusAccountItemName]", never, {}, {}, never, never, true, never>;
+}
+/** Subtítulo rico proyectado (alternativa al input `subtitle`). */
+declare class IusAccountItemSubtitleDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemSubtitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemSubtitleDirective, "[iusAccountItemSubtitle]", never, {}, {}, never, never, true, never>;
+}
+/** Nodo libre al borde derecho (Tag, contador, chip de estado). */
+declare class IusAccountItemTrailingDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemTrailingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemTrailingDirective, "[iusAccountItemTrailing]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * AccountItem — Ius Design v2 (familia data-display).
+ *
+ * Fila-tarjeta de una **cuenta a la que el usuario puede cambiar**: la unidad de
+ * la vista «Cambiar de cuenta» del UserMenu. Avatar de la cuenta + nombre (+
+ * subtítulo opcional: tipo, rol o dominio), seleccionable, con la cuenta activa
+ * marcada con un check. Fuente de verdad: `AccountItem.jsx` +
+ * `AccountItem.d.ts` + `AccountItem.ng-spec.md`.
+ *
+ * La superficie la pone **`ius-card`** (`outlined · radius lg · padding none`),
+ * como manda la ng-spec: no se reescribe a mano. AccountItem solo aporta el
+ * layout de la fila y sus **estados tintados info** (hover / pressed /
+ * selected), que pisan la elevación por defecto de Card.
+ *
+ * `actions` compone `ius-dropdown` (trigger IconButton `more_vert` proyectado)
+ * en un slot de **ancho fijo** (`--_ai-actions-w`), para que todas las listas de
+ * cuentas del ecosistema queden alineadas. `[iusAccountItemTrailing]` acepta un
+ * nodo libre en el mismo borde y convive con `actions`. Con `disabled` las
+ * acciones quedan **visibles pero inertes** (la fila pierde `pointer-events`),
+ * regla única del sistema.
+ *
+ * **Nota de port — el `split` del golden.** El golden alterna su DOM según el
+ * contenido: sin `actions`/`trailing` la raíz **es** el `<button>` de `onClick`;
+ * con ellos la raíz pasa a `div` y el área primaria se vuelve un botón interno
+ * (anidar un IconButton dentro de un `<button>` es HTML inválido y rompe el
+ * teclado). Aquí se adopta **siempre** la segunda forma — la raíz es
+ * `<ius-card>` (div) y el área primaria es un `<button>` interno:
+ *
+ *  - En Angular alternar la etiqueta raíz exige un `@if`/`@else`, y el contenido
+ *    proyectado (`[iusAccountItemName]`, `[iusAccountItemSubtitle]`) solo se
+ *    instancia en UNA rama: al cambiar `actions`/`trailing` en caliente —lo que
+ *    hace el playground— la proyección se perdería.
+ *  - El resultado accesible es el mismo que el del golden: un único botón real
+ *    que cubre la fila, con su `aria-label` y su `aria-pressed`, y el ⋮ como
+ *    control hermano alcanzable por teclado aparte. Nunca hay control anidado
+ *    en control, ni en el caso simple.
+ *  - Visualmente es idéntico: los estados se pintan sobre TODA la fila desde la
+ *    raíz (`data-actionable` + `:has(.ius-acctitem__main:active/:focus-visible)`),
+ *    que es exactamente lo que hace la rama `split` del golden.
+ *
+ * Para fila de acción/navegación → MenuItem; control de cuenta del HeaderBar →
+ * NavUser. Primera carga → envolver en Skeleton (AccountItem no lleva
+ * `loading` propio).
+ */
+declare class AccountItemComponent {
+    /** Nombre de la cuenta. Para markup rico proyectar `[iusAccountItemName]`. */
+    name?: string;
+    /**
+     * Subtítulo opcional (tipo, rol, dominio…). Ej. `Personal`. Para markup rico
+     * proyectar `[iusAccountItemSubtitle]`.
+     */
+    subtitle?: string;
+    /** URL de la fotografía de la cuenta (pasa a `ius-avatar` como `src`). */
+    avatar?: string;
+    /** Ícono Material Symbols del medallón (sin foto/monograma/nombre cae a `account_circle`). */
+    icon?: string;
+    /** Monograma explícito. */
+    monogram?: string;
+    /** Familia de color del medallón; `auto` es estable por nombre. */
+    color: IusAvatarColor;
+    /** Forma del medallón. */
+    shape: IusAvatarShape;
+    /** Cuenta activa: fondo resaltado + check. */
+    selected: boolean;
+    /** Deshabilitada: la fila entera queda inerte (las acciones, visibles). */
+    disabled: boolean;
+    /** Acciones secundarias en el menú ⋮ del borde derecho. */
+    actions: IusAccountItemAction[];
+    /** aria del menú de acciones. */
+    actionsLabel: string;
+    /** Estado forzado — solo demos. */
+    state?: IusAccountItemState;
+    /** Nombre accesible del área primaria (anula el derivado del nombre). */
+    ariaLabel?: string;
+    /** Fila pulsada (original `onClick`). */
+    readonly clicked: EventEmitter<MouseEvent>;
+    private readonly nameRef;
+    private readonly subtitleRef;
+    private readonly trailingRef;
+    /** Fila viva: hay quien escuche el clic y no está deshabilitada. */
+    protected get actionable(): boolean;
+    protected get hasSubtitle(): boolean;
+    protected get hasTrailing(): boolean;
+    protected get showMenu(): boolean;
+    /** El monograma explícito gana: entonces el nombre no alimenta las iniciales. */
+    protected get avatarName(): string | undefined;
+    /** Sin foto/monograma/nombre, el medallón cae al ícono genérico de cuenta. */
+    protected get effIcon(): string | undefined;
+    /** `Cuenta <nombre>` como nombre accesible por defecto (verbatim del golden). */
+    protected get label(): string;
+    /** El golden solo declara `aria-pressed` cuando la cuenta está activa. */
+    protected get ariaPressed(): string | null;
+    /** aria del IconButton ⋮ — nombra la cuenta cuando la hay. */
+    protected get menuLabel(): string;
+    protected onMainClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccountItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccountItemComponent, "ius-account-item", never, { "name": { "alias": "name"; "required": false; }; "subtitle": { "alias": "subtitle"; "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; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsLabel": { "alias": "actionsLabel"; "required": false; }; "state": { "alias": "state"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "clicked": "clicked"; }, ["nameRef", "subtitleRef", "trailingRef"], ["[iusAccountItemName]", "[iusAccountItemSubtitle]", "[iusAccountItemTrailing]"], true, never>;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/** Tono del relleno. */
+type IusLinearProgressTone = 'info' | 'primary' | 'success' | 'warning' | 'danger';
+/** Grosor de la barra — 4 · 6 · 8 · 12 px. */
+type IusLinearProgressSize = 'small' | 'medium' | 'large' | 'xl';
+/** Porción de una barra segmentada (bolsas de un plan). */
+interface IusLinearProgressSegment {
+    value: number;
+    label?: string;
+    /** Texto del valor en la leyenda; anula el formateo `es-CO` (GB, horas…). */
+    valueLabel?: string;
+    tone?: string;
+    /** Color a medida; gana sobre `tone`. */
+    color?: string;
+}
+/** Color de un segmento: `color` a medida > `tone` del catálogo > ciclo por posición. */
+declare function iusSegColor(seg: IusLinearProgressSegment, index: number): string;
+/**
+ * LinearProgressBar — Ius Design v2 (familia feedback).
+ *
+ * Barra lineal con cuatro modos, en este orden de precedencia:
+ * `indeterminate` > `segments` > `step/steps` > `value/max`. El modo segmentado
+ * apila bolsas de un plan (con leyenda opcional) y lo no asignado queda como
+ * pista gris. Fuente de verdad: `LinearProgressBar.jsx` + `.d.ts` + ng-spec.
+ *
+ * Para calificación discreta → Rate; estado transitorio de un botón → `dynamic`
+ * del Button.
+ */
+declare class LinearProgressBarComponent implements OnChanges, OnDestroy {
+    /** Progreso sobre `max`. */
+    value: number;
+    max: number;
+    /** Modo pasos: el porcentaje sale de `step/steps`. */
+    step?: number;
+    steps?: number;
+    /** Modo segmentado (stacked). */
+    segments?: IusLinearProgressSegment[];
+    /** Leyenda (punto + etiqueta + valor) bajo la barra segmentada. */
+    showLegend: boolean;
+    /** Los segmentos crecen desde 0 al montar (respeta reduced-motion). */
+    animate: boolean;
+    /** Retraso en ms antes de animar — para esperar a que abra un sheet. */
+    animateDelay: number;
+    tone: IusLinearProgressTone;
+    size: IusLinearProgressSize;
+    /** Relleno deslizante; ignora `value`. */
+    indeterminate: boolean;
+    /** Etiqueta sobre la barra, a la izquierda. */
+    label?: string;
+    /** Valor a la derecha (`N%` o `step/steps`). */
+    showValue: boolean;
+    ariaLabel?: string;
+    private readonly zone;
+    private readonly formato;
+    /** Los segmentos parten en 0 y crecen; sin animación nacen ya medidos. */
+    protected readonly montado: _angular_core.WritableSignal<boolean>;
+    private raf?;
+    private timer?;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    protected get esSegmentado(): boolean;
+    /** Suma de las porciones; la barra nunca se pasa de aquí. */
+    protected get sumaSegmentos(): number;
+    /** El `max` manda solo si deja hueco libre; si no, el total es la suma. */
+    protected get totalSegmentos(): number;
+    /** Hueco sin asignar: se pinta como pista gris. */
+    protected get restante(): number;
+    protected get porcentaje(): number;
+    protected get porcentajeRedondeado(): number;
+    protected get hayMeta(): boolean;
+    /** El valor de la derecha: `paso/pasos` en modo pasos, `N%` en el resto. */
+    protected get textoValor(): string;
+    protected get ariaLabelEfectivo(): string;
+    protected get valorMaximoAria(): number;
+    protected get valorActualAria(): number;
+    /** Ancho de una porción; en 0 mientras no haya montado, para que crezca. */
+    protected anchoSegmento(seg: IusLinearProgressSegment): string;
+    protected colorSegmento(seg: IusLinearProgressSegment, index: number): string;
+    /** El `valueLabel` del segmento se imprime tal cual; el número se localiza. */
+    protected valorLeyenda(seg: IusLinearProgressSegment): string;
+    private fmt;
+    private programarCrecimiento;
+    private cancelarCrecimiento;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinearProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinearProgressBarComponent, "ius-linear-progress-bar", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "showLegend": { "alias": "showLegend"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "animateDelay": { "alias": "animateDelay"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "size": { "alias": "size"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_value: unknown;
+    static ngAcceptInputType_max: unknown;
+    static ngAcceptInputType_step: unknown;
+    static ngAcceptInputType_steps: unknown;
+    static ngAcceptInputType_showLegend: unknown;
+    static ngAcceptInputType_animate: unknown;
+    static ngAcceptInputType_animateDelay: unknown;
+    static ngAcceptInputType_indeterminate: unknown;
+    static ngAcceptInputType_showValue: unknown;
+}
+
+/**
+ * Opción de menú — tipo **compartido** por Menu, Dropdown y ContextMenu.
+ *
+ * `trailing` acepta texto plano o un `TemplateRef` (equivalente Angular del
+ * slot/ReactNode del golden, según la regla de port `render` → `TemplateRef`).
+ */
+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;
+}
+/**
+ * Menu — Ius Design v2 (familia overlays). **SUPERFICIE compartida de menú.**
+ *
+ * Lista de **MenuItem** con encabezado opcional, divisores, grupos, ítems
+ * peligrosos/deshabilitados y modo selección única (check a la derecha). Es el
+ * cuerpo que **Dropdown** ancla a un disparador y **ContextMenu** ancla al
+ * cursor: por sí sola **no se posiciona ni gestiona apertura**.
+ *
+ * Fuente de verdad: `Menu.jsx` + `Menu.d.ts` + `Menu.ng-spec.md`. Las filas se
+ * renderizan con `size="small"` y `variant="menu"`, como el golden.
+ */
+declare class MenuComponent {
+    /** Opciones del menú (tipo compartido con Dropdown/ContextMenu). */
+    readonly items: _angular_core.InputSignal<readonly IusMenuOption[]>;
+    /** Selección única: marca `value` con un check. */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Valor elegido en modo `selectable`. */
+    readonly value: _angular_core.InputSignal<string | number | undefined>;
+    /** Encabezado visual del menú. */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Etiqueta accesible de la superficie. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Modo `selectable` — espejo de `onChange`. */
+    readonly valueChange: _angular_core.OutputEmitterRef<{
+        value: string | number | undefined;
+        item: IusMenuOption;
+    }>;
+    /** Tras activar un ítem — Dropdown/ContextMenu lo usan para cerrar. */
+    readonly itemClick: _angular_core.OutputEmitterRef<{
+        item: IusMenuOption;
+        event: MouseEvent;
+    }>;
+    /**
+     * Aplana `items` a filas pintables insertando los divisores de grupo: al
+     * cambiar `group` respecto de la fila anterior se mete un separador (el
+     * primer ítem nunca lo lleva), y `separator: true` es un divisor explícito.
+     */
+    protected readonly rows: _angular_core.Signal<IusMenuRow[]>;
+    /** `trailing` como TemplateRef (slot rico) — si no, se pinta como texto. */
+    protected trailingTpl(item: IusMenuOption): TemplateRef<unknown> | null;
+    /** `trailing` como texto plano (atajo, valor corto). */
+    protected trailingText(item: IusMenuOption): string | null;
+    protected onItemClick(row: IusMenuRow, event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "ius-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+/** Familia de color del disparador por defecto. */
+type IusDropdownTone = 'primary' | 'neutral';
+/** Tratamiento del disparador por defecto. */
+type IusDropdownVariant = 'ghost' | 'outline';
+/** Opción del Dropdown — el tipo compartido de Menu/ContextMenu. */
+type IusDropdownItem = IusMenuOption;
+/**
+ * Marca un disparador propio, en lugar del ghost texto+chevron por defecto:
+ * `<ius-dropdown><ius-icon-button iusDropdownTrigger …/></ius-dropdown>`.
+ */
+declare class IusDropdownTriggerDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDropdownTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDropdownTriggerDirective, "[iusDropdownTrigger]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Dropdown — Ius Design v2 (familia overlays).
+ *
+ * Menú desplegable accionable: un disparador abre un **Popover** (sin rabito,
+ * `bottom-start` por defecto) con una superficie **Menu**. Dos modos: **acciones**
+ * (cada ítem ejecuta y cierra) y **selección única** (`selectable`, check en la
+ * activa y la etiqueta elegida en el disparador).
+ *
+ * El disparador por defecto es un botón ghost texto+chevron (el chevron gira al
+ * abrir); `variant="outline"` replica el contenedor del botón de QueryBuilder
+ * (mismo borde/radio/padding/altura) para encajar en barras y SegmentGroup. Con
+ * `[iusDropdownTrigger]` se proyecta un disparador propio.
+ *
+ * No es campo de formulario — eso es **Select**; para una sola acción →
+ * Button/IconButton. Fuente de verdad: `Dropdown.jsx` + `Dropdown.d.ts` +
+ * `Dropdown.ng-spec.md`.
+ */
+declare class DropdownComponent {
+    /** Opciones del menú (mismo shape que `MenuOption`). */
+    readonly items: _angular_core.InputSignal<readonly IusMenuOption[]>;
+    /** Selección única: marca la opción activa con un check. */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Valor elegido en modo `selectable`. */
+    readonly value: _angular_core.InputSignal<string | number | undefined>;
+    /** Encabezado del menú (y texto del disparador por defecto si no hay elegida). */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Texto del disparador por defecto (gana sobre la opción elegida y `label`). */
+    readonly triggerLabel: _angular_core.InputSignal<string | undefined>;
+    /** Ícono Material Symbols del disparador por defecto. */
+    readonly triggerIcon: _angular_core.InputSignal<string | undefined>;
+    /** Familia de color del disparador por defecto. */
+    readonly tone: _angular_core.InputSignal<IusDropdownTone>;
+    /** Tratamiento del disparador por defecto. */
+    readonly variant: _angular_core.InputSignal<IusDropdownVariant>;
+    /** Colocación del panel respecto del disparador. */
+    readonly placement: _angular_core.InputSignal<IusPopoverPlacement>;
+    /** Modo controlado (`undefined` = no controlado con `defaultOpen`). */
+    readonly open: _angular_core.InputSignal<boolean | undefined>;
+    /** Estado inicial del modo no controlado. */
+    readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Etiqueta accesible del disparador por defecto. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Modo `selectable` — espejo de `onChange`. */
+    readonly valueChange: _angular_core.OutputEmitterRef<{
+        value: string | number | undefined;
+        item: IusDropdownItem;
+    }>;
+    /** Apertura/cierre del panel. */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly customTrigger: _angular_core.Signal<IusDropdownTriggerDirective | undefined>;
+    /** `null` = el usuario todavía no ha abierto/cerrado → manda `defaultOpen`. */
+    private readonly internalOpen;
+    /** Controlado por `open` si viene definido; si no, estado interno. */
+    protected readonly isOpen: _angular_core.Signal<boolean>;
+    /** Opción activa en modo `selectable` — alimenta el texto del disparador. */
+    private readonly current;
+    /** `triggerLabel` › etiqueta de la opción elegida › `label`. */
+    protected readonly triggerText: _angular_core.Signal<string | undefined>;
+    /** El encabezado del menú solo aplica en modo selección (como el golden). */
+    protected readonly menuLabel: _angular_core.Signal<string | undefined>;
+    protected onOpenChange(open: boolean): void;
+    protected onValueChange(payload: {
+        value: string | number | undefined;
+        item: IusMenuOption;
+    }): void;
+    /** Activar un ítem cierra el panel (acciones y selección). */
+    protected onItemClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ius-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; }, ["customTrigger"], ["[iusDropdownTrigger]"], true, never>;
+}
+
+/** 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';
+/**
+ * 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 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>;
+}
+
+/** Estado del servicio contratado. */
+type IusPlanUsageStatus = 'active' | 'inactive' | 'suspended' | 'overdue';
+/** Dónde se muestra la distribución de segmentos. */
+type IusPlanUsageLegend = 'popover' | 'inline';
+/** Acción del encabezado (a la derecha del estado). */
+interface IusPlanUsageAction {
+    key: string;
+    icon: string;
+    ariaLabel: string;
+    tooltip?: string;
+    variant?: IusIconButtonVariant;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent) => void;
+}
+/**
+ * PlanUsageItem — Ius Design v2 (familia data-display).
+ *
+ * Consumo de un servicio/plan: servicio (overline) · plan + estado · barra de
+ * uso con su distribución · totales. Tiene dos modos excluyentes: **plan**
+ * (`segments`, con barra y caption de disponibles) y **medido** (`note`, sin
+ * barra). Fuente de verdad: `PlanUsageItem.jsx` + `.d.ts` + ng-spec.
+ *
+ * Card rica: NO se monta sobre `ius-card`. Barra suelta → LinearProgressBar;
+ * estado suelto → Insignia.
+ */
+declare class PlanUsageItemComponent {
+    /** Overline: el servicio (p. ej. «Vigilancia judicial»). */
+    service?: string;
+    /** Nombre del plan o modo de consumo. */
+    plan?: string;
+    /** Ayuda del plan, en un popover sobre el «?». */
+    planHelp?: string;
+    status: IusPlanUsageStatus;
+    /** Modo plan: máximo de la barra. */
+    total?: number;
+    /** Modo plan: alimenta el caption «Disponible X de Y». */
+    available?: number;
+    /** Modo plan: porciones de la barra. Su presencia es lo que enciende la barra. */
+    segments?: IusLinearProgressSegment[];
+    /** Grosor SOLO de la barra; no cambia la densidad del ítem. */
+    barSize: IusLinearProgressSize;
+    legend: IusPlanUsageLegend;
+    /** Modo medido (sin barra): «Consumo este mes 300». */
+    note?: string;
+    /** Acciones del encabezado, en orden, tras el estado. */
+    actions?: IusPlanUsageAction[];
+    /** Acciones inline antes de colapsar en ⋮ (deja `max-1` inline + menú). */
+    maxInlineActions: number;
+    /** Retraso de la animación de la barra — para esperar a que abra el sheet. */
+    animateDelay: number;
+    /** Separador superior. */
+    divided: boolean;
+    /**
+     * Atajo DEPRECADO de una sola acción (original `onOptions`). Se normaliza a
+     * una entrada de `actions`; si vienen ambos, `actions` gana. Preferir `actions`.
+     */
+    readonly options: EventEmitter<MouseEvent>;
+    /** Solo acompaña a `options` (deprecado). */
+    optionsAriaLabel: string;
+    /** Solo acompaña a `options` (deprecado). */
+    optionsTooltip?: string;
+    private readonly formato;
+    protected get estado(): {
+        tone: IusInsigniaTone;
+        label: string;
+    };
+    /** La barra existe solo si hay porciones que pintar. */
+    protected get hayBarra(): boolean;
+    protected get leyendaInline(): boolean;
+    protected get leyendaEnPopover(): boolean;
+    /** `actions` manda; sin ellas, el `options` deprecado se vuelve una acción única. */
+    private get acciones();
+    /** Por encima del máximo, deja `max-1` visibles y el resto va al menú ⋮. */
+    protected get accionesInline(): IusPlanUsageAction[];
+    protected get accionesOverflow(): IusPlanUsageAction[];
+    protected get itemsOverflow(): IusDropdownItem[];
+    /**
+     * El caption de totales y la nota son excluyentes: con barra y totales, el
+     * caption gana y la nota no se pinta.
+     */
+    protected get hayCaption(): boolean;
+    protected get hayNota(): boolean;
+    protected colorSegmento(seg: IusLinearProgressSegment, index: number): string;
+    /** `valueLabel` se imprime tal cual (GB, horas…); el número se localiza. */
+    protected valorLeyenda(seg: IusLinearProgressSegment): string;
+    protected fmt(v?: number): string;
+    protected onAccion(accion: IusPlanUsageAction, event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PlanUsageItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PlanUsageItemComponent, "ius-plan-usage-item", never, { "service": { "alias": "service"; "required": false; }; "plan": { "alias": "plan"; "required": false; }; "planHelp": { "alias": "planHelp"; "required": false; }; "status": { "alias": "status"; "required": false; }; "total": { "alias": "total"; "required": false; }; "available": { "alias": "available"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "barSize": { "alias": "barSize"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "note": { "alias": "note"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "maxInlineActions": { "alias": "maxInlineActions"; "required": false; }; "animateDelay": { "alias": "animateDelay"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "optionsAriaLabel": { "alias": "optionsAriaLabel"; "required": false; }; "optionsTooltip": { "alias": "optionsTooltip"; "required": false; }; }, { "options": "options"; }, never, never, true, never>;
+    static ngAcceptInputType_total: unknown;
+    static ngAcceptInputType_available: unknown;
+    static ngAcceptInputType_maxInlineActions: unknown;
+    static ngAcceptInputType_animateDelay: unknown;
+    static ngAcceptInputType_divided: unknown;
+}
+
+/** Cuenta activa del encabezado. */
+interface IusUserMenuAccount {
+    name?: string;
+    /** Identificador visible; su presencia habilita el chip que copia al portapapeles. */
+    id?: string | number;
+    role?: string;
+    icon?: string;
+    monogram?: string;
+    color?: IusAvatarColor;
+    avatar?: string;
+}
+/** Identidad de la persona. */
+interface IusUserMenuUser {
+    name?: string;
+    email?: string;
+    avatar?: string;
+}
+/** Consumo de un servicio — se pinta con `ius-plan-usage-item`. */
+interface IusUserMenuService {
+    service?: string;
+    plan?: string;
+    planHelp?: string;
+    status?: IusPlanUsageStatus;
+    total?: number;
+    available?: number;
+    segments?: IusLinearProgressSegment[];
+    barSize?: IusLinearProgressSize;
+    legend?: IusPlanUsageLegend;
+    note?: string;
+}
+/** Acción de cuenta del cuerpo — se pinta con `ius-menu-item`. */
+interface IusUserMenuItem {
+    key?: string | number;
+    icon?: string;
+    label?: string;
+    danger?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent) => void;
+}
+/** Cuenta de la vista «Cambiar de cuenta» — se pinta con `ius-account-item`. */
+interface IusUserMenuAccountOption {
+    id?: string | number;
+    name?: string;
+    subtitle?: string;
+    avatar?: string;
+    icon?: string;
+    monogram?: string;
+    color?: IusAvatarColor;
+    selected?: boolean;
+    disabled?: boolean;
+    actions?: IusAccountItemAction[];
+}
+/** Origen de la entrada del panel. */
+type IusUserMenuOrigin = 'right' | 'top-right';
+/** Reemplaza el pie por defecto (perfil · cambiar de cuenta · cerrar sesión). */
+declare class IusUserMenuFooterDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusUserMenuFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusUserMenuFooterDirective, "[iusUserMenuFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * UserMenu — Ius Design v2 (familia navigation).
+ *
+ * Panel global de **cuenta y sesión** que abre el `NavUser` del HeaderBar. De
+ * arriba abajo: encabezado de cuenta (nombre, ID copiable, rol y correo),
+ * consumos del plan (`ius-plan-usage-item` + «Mostrar más»), acciones de cuenta
+ * (`ius-menu-item`) y un pie fijo para cambiar de cuenta / cerrar sesión. Con
+ * `accounts` el propio panel conmuta a su **vista de cambio** en vez de emitir
+ * `switchAccount`. Fuente de verdad: `UserMenu.jsx` + `.d.ts` + ng-spec.
+ *
+ * Es presentacional: **no filtra por rol** — quien lo usa pasa en `menu` solo
+ * las entradas permitidas. Se monta vía CDK Overlay salvo en modo `inline`.
+ */
+declare class UserMenuComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Panel con scrim; se portalea al overlay al abrir. La consulta NO es estática:
+     * solo hace falta desde `ngAfterViewInit`, que es donde ocurre la primera
+     * sincronización.
+     */
+    private tpl;
+    protected footerSlot?: IusUserMenuFooterDirective;
+    account?: IusUserMenuAccount;
+    user?: IusUserMenuUser;
+    /** Consumos del plan. Sin ellos, la sección no existe. */
+    services: IusUserMenuService[];
+    /** Cuántos consumos se ven colapsado; el resto queda tras «Mostrar más». */
+    collapsedCount: number;
+    defaultExpanded: boolean;
+    /** Acciones de cuenta. Solo las permitidas: el componente no filtra por rol. */
+    menu: IusUserMenuItem[];
+    /** Cuentas de la vista de cambio; su presencia la habilita. */
+    accounts: IusUserMenuAccountOption[];
+    private _open;
+    /** Apertura controlada por quien lo usa. */
+    set open(value: boolean);
+    get open(): boolean;
+    /** Sin portal ni scrim, embebido en el flujo (cards del DS, composición). */
+    inline: boolean;
+    scrim: boolean;
+    closeOnScrim: boolean;
+    closeOnEsc: boolean;
+    /** Desplaza el panel y el scrim para no tapar el HeaderBar (p. ej. 52). */
+    offsetTop: number;
+    /** `top-right` ancla el panel a su lanzador del HeaderBar; `right` es sheet. */
+    origin: IusUserMenuOrigin;
+    /** «Perfil, preferencias y seguridad». */
+    readonly profile: EventEmitter<MouseEvent>;
+    /** Cuenta elegida en la vista de cambio. */
+    readonly selectAccount: EventEmitter<{
+        account: IusUserMenuAccountOption;
+        index: number;
+        event: MouseEvent;
+    }>;
+    readonly createAccount: EventEmitter<MouseEvent>;
+    /** Solo se emite SIN `accounts`: con ellas el panel conmuta a su vista. */
+    readonly switchAccount: EventEmitter<MouseEvent>;
+    readonly logout: EventEmitter<MouseEvent>;
+    /** Cierre solicitado: scrim o Esc. */
+    readonly closed: EventEmitter<void>;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    /** Estado de animación: visible entra; asentado suelta el transform. */
+    protected readonly visible: _angular_core.WritableSignal<boolean>;
+    protected readonly asentado: _angular_core.WritableSignal<boolean>;
+    protected readonly expandido: _angular_core.WritableSignal<boolean>;
+    protected readonly vista: _angular_core.WritableSignal<"main" | "switch">;
+    protected readonly copiado: _angular_core.WritableSignal<boolean>;
+    private overlayRef;
+    private keydownSub;
+    private viewReady;
+    private abierto;
+    private timers;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected get cuenta(): IusUserMenuAccount;
+    protected get usuario(): IusUserMenuUser;
+    /** Sin foto, monograma ni nombre, el medallón cae al ícono genérico. */
+    protected get iconoCuenta(): string | undefined;
+    /** Con monograma explícito no se deriva de `name`: no conviven dos convenciones. */
+    protected get nombreMedallon(): string | undefined;
+    protected get puedeExpandir(): boolean;
+    protected get consumosVisibles(): IusUserMenuService[];
+    protected get restantes(): number;
+    /** Con cuentas conmuta la vista; sin ellas delega en quien lo usa. */
+    protected get puedeCambiar(): boolean;
+    protected get hayPie(): boolean;
+    protected get estilosPanel(): Record<string, string> | null;
+    protected get estilosScrim(): Record<string, string> | null;
+    protected get origenEfectivo(): string | null;
+    protected onCopiarId(): void;
+    protected onToggleConsumos(): void;
+    protected onItemMenu(item: IusUserMenuItem, event: MouseEvent): void;
+    protected onCambiarCuenta(event: MouseEvent): void;
+    protected onVolver(): void;
+    protected onElegirCuenta(cuenta: IusUserMenuAccountOption, index: number, event: MouseEvent): void;
+    protected onScrimClick(): void;
+    private sync;
+    private attach;
+    private detach;
+    private clearTimers;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserMenuComponent, "ius-user-menu", never, { "account": { "alias": "account"; "required": false; }; "user": { "alias": "user"; "required": false; }; "services": { "alias": "services"; "required": false; }; "collapsedCount": { "alias": "collapsedCount"; "required": false; }; "defaultExpanded": { "alias": "defaultExpanded"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "accounts": { "alias": "accounts"; "required": false; }; "open": { "alias": "open"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "scrim": { "alias": "scrim"; "required": false; }; "closeOnScrim": { "alias": "closeOnScrim"; "required": false; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; }; "offsetTop": { "alias": "offsetTop"; "required": false; }; "origin": { "alias": "origin"; "required": false; }; }, { "profile": "profile"; "selectAccount": "selectAccount"; "createAccount": "createAccount"; "switchAccount": "switchAccount"; "logout": "logout"; "closed": "closed"; }, ["footerSlot"], ["[iusUserMenuFooter]"], true, never>;
+    static ngAcceptInputType_collapsedCount: unknown;
+    static ngAcceptInputType_defaultExpanded: unknown;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_inline: unknown;
+    static ngAcceptInputType_scrim: unknown;
+    static ngAcceptInputType_closeOnScrim: unknown;
+    static ngAcceptInputType_closeOnEsc: unknown;
+    static ngAcceptInputType_offsetTop: unknown;
+}
+
 /**
  * HeaderBar — Ius Design v2.
  *
@@ -2087,8 +2796,9 @@ type IusListCardSize = 'small' | 'medium' | 'large';
 interface IusListCardField {
     /** Etiqueta superior (opcional; omítela para un valor suelto como el monto). */
     label?: string;
-    /** Valor mostrado debajo de la etiqueta. */
-    value: string;
+    /** Valor mostrado debajo de la etiqueta; `TemplateRef` para contenido rico
+     *  (equivalente Angular del `ReactNode` del golden — p.ej. un Tag). */
+    value: string | TemplateRef<unknown>;
     /** Ícono Material Symbols antes del valor (p.ej. correo, teléfono). */
     icon?: string;
     /** Resalta el valor (display, semibold, color primario) — p.ej. el monto. */
@@ -2251,233 +2961,68 @@ declare class ListCardComponent implements AfterViewInit, OnChanges, OnDestroy {
     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;
-}
-
-/**
- * Opción de menú — tipo **compartido** por Menu, Dropdown y ContextMenu.
- *
- * `trailing` acepta texto plano o un `TemplateRef` (equivalente Angular del
- * slot/ReactNode del golden, según la regla de port `render` → `TemplateRef`).
- */
-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;
-}
-/**
- * Menu — Ius Design v2 (familia overlays). **SUPERFICIE compartida de menú.**
- *
- * Lista de **MenuItem** con encabezado opcional, divisores, grupos, ítems
- * peligrosos/deshabilitados y modo selección única (check a la derecha). Es el
- * cuerpo que **Dropdown** ancla a un disparador y **ContextMenu** ancla al
- * cursor: por sí sola **no se posiciona ni gestiona apertura**.
- *
- * Fuente de verdad: `Menu.jsx` + `Menu.d.ts` + `Menu.ng-spec.md`. Las filas se
- * renderizan con `size="small"` y `variant="menu"`, como el golden.
- */
-declare class MenuComponent {
-    /** Opciones del menú (tipo compartido con Dropdown/ContextMenu). */
-    readonly items: _angular_core.InputSignal<readonly IusMenuOption[]>;
-    /** Selección única: marca `value` con un check. */
-    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Valor elegido en modo `selectable`. */
-    readonly value: _angular_core.InputSignal<string | number | undefined>;
-    /** Encabezado visual del menú. */
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    /** Etiqueta accesible de la superficie. */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /** Modo `selectable` — espejo de `onChange`. */
-    readonly valueChange: _angular_core.OutputEmitterRef<{
-        value: string | number | undefined;
-        item: IusMenuOption;
-    }>;
-    /** Tras activar un ítem — Dropdown/ContextMenu lo usan para cerrar. */
-    readonly itemClick: _angular_core.OutputEmitterRef<{
-        item: IusMenuOption;
-        event: MouseEvent;
-    }>;
-    /**
-     * Aplana `items` a filas pintables insertando los divisores de grupo: al
-     * cambiar `group` respecto de la fila anterior se mete un separador (el
-     * primer ítem nunca lo lleva), y `separator: true` es un divisor explícito.
-     */
-    protected readonly rows: _angular_core.Signal<IusMenuRow[]>;
-    /** `trailing` como TemplateRef (slot rico) — si no, se pinta como texto. */
-    protected trailingTpl(item: IusMenuOption): TemplateRef<unknown> | null;
-    /** `trailing` como texto plano (atajo, valor corto). */
-    protected trailingText(item: IusMenuOption): string | null;
-    protected onItemClick(row: IusMenuRow, event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "ius-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "itemClick": "itemClick"; }, never, never, true, never>;
-}
-
-/** Familia de color del disparador por defecto. */
-type IusDropdownTone = 'primary' | 'neutral';
-/** Tratamiento del disparador por defecto. */
-type IusDropdownVariant = 'ghost' | 'outline';
-/** Opción del Dropdown — el tipo compartido de Menu/ContextMenu. */
-type IusDropdownItem = IusMenuOption;
-/**
- * Marca un disparador propio, en lugar del ghost texto+chevron por defecto:
- * `<ius-dropdown><ius-icon-button iusDropdownTrigger …/></ius-dropdown>`.
- */
-declare class IusDropdownTriggerDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusDropdownTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusDropdownTriggerDirective, "[iusDropdownTrigger]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Dropdown — Ius Design v2 (familia overlays).
- *
- * Menú desplegable accionable: un disparador abre un **Popover** (sin rabito,
- * `bottom-start` por defecto) con una superficie **Menu**. Dos modos: **acciones**
- * (cada ítem ejecuta y cierra) y **selección única** (`selectable`, check en la
- * activa y la etiqueta elegida en el disparador).
- *
- * El disparador por defecto es un botón ghost texto+chevron (el chevron gira al
- * abrir); `variant="outline"` replica el contenedor del botón de QueryBuilder
- * (mismo borde/radio/padding/altura) para encajar en barras y SegmentGroup. Con
- * `[iusDropdownTrigger]` se proyecta un disparador propio.
- *
- * No es campo de formulario — eso es **Select**; para una sola acción →
- * Button/IconButton. Fuente de verdad: `Dropdown.jsx` + `Dropdown.d.ts` +
- * `Dropdown.ng-spec.md`.
- */
-declare class DropdownComponent {
-    /** Opciones del menú (mismo shape que `MenuOption`). */
-    readonly items: _angular_core.InputSignal<readonly IusMenuOption[]>;
-    /** Selección única: marca la opción activa con un check. */
-    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Valor elegido en modo `selectable`. */
-    readonly value: _angular_core.InputSignal<string | number | undefined>;
-    /** Encabezado del menú (y texto del disparador por defecto si no hay elegida). */
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    /** Texto del disparador por defecto (gana sobre la opción elegida y `label`). */
-    readonly triggerLabel: _angular_core.InputSignal<string | undefined>;
-    /** Ícono Material Symbols del disparador por defecto. */
-    readonly triggerIcon: _angular_core.InputSignal<string | undefined>;
-    /** Familia de color del disparador por defecto. */
-    readonly tone: _angular_core.InputSignal<IusDropdownTone>;
-    /** Tratamiento del disparador por defecto. */
-    readonly variant: _angular_core.InputSignal<IusDropdownVariant>;
-    /** Colocación del panel respecto del disparador. */
-    readonly placement: _angular_core.InputSignal<IusPopoverPlacement>;
-    /** Modo controlado (`undefined` = no controlado con `defaultOpen`). */
-    readonly open: _angular_core.InputSignal<boolean | undefined>;
-    /** Estado inicial del modo no controlado. */
-    readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Etiqueta accesible del disparador por defecto. */
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    /** Modo `selectable` — espejo de `onChange`. */
-    readonly valueChange: _angular_core.OutputEmitterRef<{
-        value: string | number | undefined;
-        item: IusDropdownItem;
+     * 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;
     }>;
-    /** 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>;
+    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;
+    /** Discrimina el valor rico del field (el template no puede usar instanceof). */
+    protected fieldTpl(field: IusListCardField): TemplateRef<unknown> | null;
+    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;
 }
 
 /** Escala del campo — small ~34 · medium ~40 (default) · large ~48px. */
@@ -4381,50 +4926,6 @@ declare class DividerComponent implements AfterViewInit {
     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';
-/**
- * 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 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. */
@@ -6036,136 +6537,5 @@ declare class AccordionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "ius-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "chevronIcon": { "alias": "chevronIcon"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>;
 }
 
-/** Estado forzado — solo demos. */
-type IusAccountItemState = 'hover' | 'pressed';
-/** Acción del menú ⋮ de la fila (espejo de `IusDropdownItem`/`IusMenuOption`). */
-interface IusAccountItemAction {
-    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;
-}
-/** Nombre rico proyectado (alternativa al input `name`). */
-declare class IusAccountItemNameDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemNameDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemNameDirective, "[iusAccountItemName]", never, {}, {}, never, never, true, never>;
-}
-/** Subtítulo rico proyectado (alternativa al input `subtitle`). */
-declare class IusAccountItemSubtitleDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemSubtitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemSubtitleDirective, "[iusAccountItemSubtitle]", never, {}, {}, never, never, true, never>;
-}
-/** Nodo libre al borde derecho (Tag, contador, chip de estado). */
-declare class IusAccountItemTrailingDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusAccountItemTrailingDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusAccountItemTrailingDirective, "[iusAccountItemTrailing]", never, {}, {}, never, never, true, never>;
-}
-/**
- * AccountItem — Ius Design v2 (familia data-display).
- *
- * Fila-tarjeta de una **cuenta a la que el usuario puede cambiar**: la unidad de
- * la vista «Cambiar de cuenta» del UserMenu. Avatar de la cuenta + nombre (+
- * subtítulo opcional: tipo, rol o dominio), seleccionable, con la cuenta activa
- * marcada con un check. Fuente de verdad: `AccountItem.jsx` +
- * `AccountItem.d.ts` + `AccountItem.ng-spec.md`.
- *
- * La superficie la pone **`ius-card`** (`outlined · radius lg · padding none`),
- * como manda la ng-spec: no se reescribe a mano. AccountItem solo aporta el
- * layout de la fila y sus **estados tintados info** (hover / pressed /
- * selected), que pisan la elevación por defecto de Card.
- *
- * `actions` compone `ius-dropdown` (trigger IconButton `more_vert` proyectado)
- * en un slot de **ancho fijo** (`--_ai-actions-w`), para que todas las listas de
- * cuentas del ecosistema queden alineadas. `[iusAccountItemTrailing]` acepta un
- * nodo libre en el mismo borde y convive con `actions`. Con `disabled` las
- * acciones quedan **visibles pero inertes** (la fila pierde `pointer-events`),
- * regla única del sistema.
- *
- * **Nota de port — el `split` del golden.** El golden alterna su DOM según el
- * contenido: sin `actions`/`trailing` la raíz **es** el `<button>` de `onClick`;
- * con ellos la raíz pasa a `div` y el área primaria se vuelve un botón interno
- * (anidar un IconButton dentro de un `<button>` es HTML inválido y rompe el
- * teclado). Aquí se adopta **siempre** la segunda forma — la raíz es
- * `<ius-card>` (div) y el área primaria es un `<button>` interno:
- *
- *  - En Angular alternar la etiqueta raíz exige un `@if`/`@else`, y el contenido
- *    proyectado (`[iusAccountItemName]`, `[iusAccountItemSubtitle]`) solo se
- *    instancia en UNA rama: al cambiar `actions`/`trailing` en caliente —lo que
- *    hace el playground— la proyección se perdería.
- *  - El resultado accesible es el mismo que el del golden: un único botón real
- *    que cubre la fila, con su `aria-label` y su `aria-pressed`, y el ⋮ como
- *    control hermano alcanzable por teclado aparte. Nunca hay control anidado
- *    en control, ni en el caso simple.
- *  - Visualmente es idéntico: los estados se pintan sobre TODA la fila desde la
- *    raíz (`data-actionable` + `:has(.ius-acctitem__main:active/:focus-visible)`),
- *    que es exactamente lo que hace la rama `split` del golden.
- *
- * Para fila de acción/navegación → MenuItem; control de cuenta del HeaderBar →
- * NavUser. Primera carga → envolver en Skeleton (AccountItem no lleva
- * `loading` propio).
- */
-declare class AccountItemComponent {
-    /** Nombre de la cuenta. Para markup rico proyectar `[iusAccountItemName]`. */
-    name?: string;
-    /**
-     * Subtítulo opcional (tipo, rol, dominio…). Ej. `Personal`. Para markup rico
-     * proyectar `[iusAccountItemSubtitle]`.
-     */
-    subtitle?: string;
-    /** URL de la fotografía de la cuenta (pasa a `ius-avatar` como `src`). */
-    avatar?: string;
-    /** Ícono Material Symbols del medallón (sin foto/monograma/nombre cae a `account_circle`). */
-    icon?: string;
-    /** Monograma explícito. */
-    monogram?: string;
-    /** Familia de color del medallón; `auto` es estable por nombre. */
-    color: IusAvatarColor;
-    /** Forma del medallón. */
-    shape: IusAvatarShape;
-    /** Cuenta activa: fondo resaltado + check. */
-    selected: boolean;
-    /** Deshabilitada: la fila entera queda inerte (las acciones, visibles). */
-    disabled: boolean;
-    /** Acciones secundarias en el menú ⋮ del borde derecho. */
-    actions: IusAccountItemAction[];
-    /** aria del menú de acciones. */
-    actionsLabel: string;
-    /** Estado forzado — solo demos. */
-    state?: IusAccountItemState;
-    /** Nombre accesible del área primaria (anula el derivado del nombre). */
-    ariaLabel?: string;
-    /** Fila pulsada (original `onClick`). */
-    readonly clicked: EventEmitter<MouseEvent>;
-    private readonly nameRef;
-    private readonly subtitleRef;
-    private readonly trailingRef;
-    /** Fila viva: hay quien escuche el clic y no está deshabilitada. */
-    protected get actionable(): boolean;
-    protected get hasSubtitle(): boolean;
-    protected get hasTrailing(): boolean;
-    protected get showMenu(): boolean;
-    /** El monograma explícito gana: entonces el nombre no alimenta las iniciales. */
-    protected get avatarName(): string | undefined;
-    /** Sin foto/monograma/nombre, el medallón cae al ícono genérico de cuenta. */
-    protected get effIcon(): string | undefined;
-    /** `Cuenta <nombre>` como nombre accesible por defecto (verbatim del golden). */
-    protected get label(): string;
-    /** El golden solo declara `aria-pressed` cuando la cuenta está activa. */
-    protected get ariaPressed(): string | null;
-    /** aria del IconButton ⋮ — nombra la cuenta cuando la hay. */
-    protected get menuLabel(): string;
-    protected onMainClick(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccountItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccountItemComponent, "ius-account-item", never, { "name": { "alias": "name"; "required": false; }; "subtitle": { "alias": "subtitle"; "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; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsLabel": { "alias": "actionsLabel"; "required": false; }; "state": { "alias": "state"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "clicked": "clicked"; }, ["nameRef", "subtitleRef", "trailingRef"], ["[iusAccountItemName]", "[iusAccountItemSubtitle]", "[iusAccountItemTrailing]"], true, never>;
-    static ngAcceptInputType_selected: unknown;
-    static ngAcceptInputType_disabled: unknown;
-}
-
-export { AccordionComponent, AccountItemComponent, AlertComponent, AppLayoutComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, 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, SettingsNavComponent, ShowMoreComponent, SplitterComponent, StatusChipComponent, StatusStateComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, ToastComponent, ToastService, ToastViewportComponent, 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, IusAccordionItem, IusAccordionVariant, IusAccountItemAction, IusAccountItemState, IusAppLayoutAccent, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCardAs, IusCardPadding, IusCardRadius, IusCardVariant, 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, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSplitterAccent, IusSplitterOrientation, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTabItem, IusTabTag, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };
+export { AccordionComponent, AccountItemComponent, AlertComponent, AppLayoutComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SplitterComponent, StatusChipComponent, StatusStateComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, iusSegColor, 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, IusAccordionItem, IusAccordionVariant, IusAccountItemAction, IusAccountItemState, IusAppLayoutAccent, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCardAs, IusCardPadding, IusCardRadius, IusCardVariant, 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, IusLinearProgressSegment, IusLinearProgressSize, IusLinearProgressTone, IusListCardAction, IusListCardField, IusListCardMarker, IusListCardMenuItem, IusListCardSize, IusListCardStatus, IusListCardTag, IusListCardTone, IusListViewAction, IusListViewSize, IusListViewSortOption, IusLoadingMarkSurface, IusLoadingVariant, IusMenuItemSize, IusMenuItemState, IusMenuItemVariant, IusMenuOption, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPersonId, IusPersonItemAction, IusPersonItemSize, IusPersonItemState, IusPersonItemVariant, IusPersonOption, IusPersonPickerSelectedContext, IusPlanUsageAction, IusPlanUsageLegend, IusPlanUsageStatus, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSplitterAccent, IusSplitterOrientation, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTabItem, IusTabTag, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, IusUserMenuAccount, IusUserMenuAccountOption, IusUserMenuItem, IusUserMenuOrigin, IusUserMenuService, IusUserMenuUser, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };