@litigiovirtual/ius-design-components 2.1.0 → 2.1.7

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

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, OnInit, TemplateRef, Signal } from '@angular/core';
+import { OnDestroy, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, OnInit, TemplateRef, Signal, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SafeHtml } from '@angular/platform-browser';
+import * as _litigiovirtual_ius_design_components from '@litigiovirtual/ius-design-components';
 
 /** Jerarquía visual. `danger` = destructivo (color semántico, no accent). */
 type IusButtonVariant = 'primary' | 'outline' | 'secondary' | 'tertiary' | 'danger';
@@ -613,8 +614,8 @@ type IusCodeFieldSize = 'small' | 'medium' | 'large';
  *
  * Nota: las clases `.ius-tf__*` (label/hint) se replican en el SCSS de este
  * componente porque bajo ViewEncapsulation.Emulated las de TextField no
- * alcanzan a otro componente. `showIconHelp` usa `title` nativo como respaldo
- * (igual que TextField) hasta que exista `ius-popover`.
+ * alcanzan a otro componente. `showIconHelp` compone `ius-popover` (igual que
+ * la base TextField y el golden).
  */
 declare class CodeFieldComponent implements ControlValueAccessor {
     /** Label sobre las casillas (con `:` final). */
@@ -670,7 +671,6 @@ declare class CodeFieldComponent implements ControlValueAccessor {
     private onTouched;
     protected get hint(): string | undefined;
     protected get showHint(): boolean;
-    protected get helpIconTitle(): string | undefined;
     protected get showClearComputed(): boolean;
     protected cellAria(i: number): string;
     writeValue(value: string): void;
@@ -849,7 +849,7 @@ declare class AlertComponent {
     /** Tamaño. */
     readonly size: _angular_core.InputSignal<AlertSize>;
     /** Estilo del borde. */
-    readonly border: _angular_core.InputSignal<"solid" | "none" | "dashed">;
+    readonly border: _angular_core.InputSignal<"none" | "solid" | "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<"status" | "alert">;
+    readonly role: _angular_core.InputSignal<"alert" | "status">;
     /** Al pulsar × (original: `onClose`). */
     readonly closed: _angular_core.OutputEmitterRef<void>;
     private readonly actionsRef;
@@ -959,10 +959,9 @@ type IusCheckboxLabelPosition = 'left' | 'right';
  * `checked`. Implementa `ControlValueAccessor` (`boolean`) para integrarse con
  * `[(ngModel)]` / `formControl`.
  *
- * Nota: `showIconHelp` compone `Popover` en la spec original (React); ese
- * componente aún no está portado en este monorepo, así que aquí se usa un
- * `title` nativo como respaldo accesible (mismo criterio que TextField).
- * Reemplazar por `ius-popover` cuando exista, sin cambiar la API pública.
+ * `showIconHelp` compone `ius-popover` (título + contenido en hover/focus),
+ * igual que el golden `Checkbox.jsx` y que TextField; el ícono conserva
+ * `tabindex="0"` + `aria-label` y el clic no alterna la casilla.
  *
  * `state` (`idle | hover | pressed | focused | disabled`) de la spec es SOLO
  * para demos/especímenes → se omite de la API pública; el playground congela
@@ -1004,7 +1003,6 @@ declare class CheckboxComponent implements ControlValueAccessor {
     /** Glifo Material Symbols dentro de la casilla. */
     protected get glyph(): string;
     protected get ariaChecked(): 'mixed' | 'true' | 'false';
-    protected get helpIconTitle(): string | undefined;
     writeValue(value: boolean): void;
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -1193,8 +1191,8 @@ declare class NavUserComponent {
  *
  * Notas de port:
  * - Alto 52px según el CSS golden (el prompt menciona 60px; el jsx manda).
- * - El punto de novedad de notificaciones compone `Insignia dot` en el golden;
- *   Insignia aún no está portada → se usa un punto inline equivalente.
+ * - El punto de novedad de notificaciones compone `ius-insignia` (dot · danger),
+ *   igual que el golden; la posición sobre la campana la fija este CSS.
  * - Outputs con sufijo `Click` (help/support/… ya son inputs boolean → no se
  *   puede reusar el nombre; se evita además el nativo `click`).
  */
@@ -1250,12 +1248,14 @@ interface Dim {
 /**
  * CircularProgress — Ius Design v2.
  *
- * Anillo de progreso: determinado (`value`) o indeterminado (cometa que gira).
- * Port del golden CircularProgress.jsx (geometría de dos arcos + gradiente
- * cometa). La cuenta regresiva (`duration`/countdown, rAF) del golden NO se
- * porta aún — pendiente; cubre determinado + indeterminado.
+ * Anillo de progreso: determinado (`value`), cuenta regresiva (`duration`) o
+ * indeterminado (cometa que gira). Port del golden CircularProgress.jsx
+ * (geometría de dos arcos + gradiente cometa + `useCountdown` en rAF).
+ *
+ * El centro admite contenido proyectado (equivalente de `children` del golden):
+ * lo usa Toast para meter su botón de cierre dentro del aro de auto-cierre.
  */
-declare class CircularProgressComponent {
+declare class CircularProgressComponent implements OnChanges, OnDestroy {
     value: number;
     max: number;
     indeterminate: boolean;
@@ -1263,7 +1263,30 @@ declare class CircularProgressComponent {
     size: IusCircularProgressSize;
     showValue: boolean;
     ariaLabel?: string;
+    /**
+     * Cuenta regresiva en ms. Si viene > 0 el anillo se vacía de 100 → 0 en ese
+     * tiempo (rAF) en lugar de leer `value`. `null`/`0`/ausente lo desactiva.
+     */
+    duration?: number | null;
+    /** Congela la cuenta regresiva conservando el tiempo restante (hover del Toast). */
+    paused: boolean;
     protected readonly gid: string;
+    private readonly zone;
+    /** % restante de la cuenta regresiva (100 → 0). */
+    private readonly remaining;
+    private startedAt;
+    private msLeft;
+    private rafId;
+    protected get isCountdown(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** Arranca de cero: espejo del primer efecto de `useCountdown`. */
+    private resetCountdown;
+    /** Espejo del segundo efecto de `useCountdown` (respeta `paused`). */
+    private syncCountdown;
+    private readonly tick;
+    /** Corta el rAF y congela el tiempo restante (la pausa del golden). */
+    private stopCountdown;
     protected get dim(): Dim;
     protected get r(): number;
     protected get cx(): number;
@@ -1284,9 +1307,10 @@ declare class CircularProgressComponent {
     protected get grayOffset(): number;
     protected get center(): string | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CircularProgressComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CircularProgressComponent, "ius-circular-progress", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CircularProgressComponent, "ius-circular-progress", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_indeterminate: unknown;
     static ngAcceptInputType_showValue: unknown;
+    static ngAcceptInputType_paused: unknown;
 }
 
 /** Modo de presentación. */
@@ -3042,24 +3066,32 @@ declare class IusPersonItemNameDirective {
  * 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)`.
+ * La superficie la pone **`ius-card`** (`outlined · radius lg · padding none`),
+ * como manda la ng-spec: no se reescribe a mano. Con `(clicked)` enlazado y sin
+ * `disabled` la card se vuelve navegable (role, tabindex, Enter/Espacio los
+ * aporta Card) y la fila emite `clicked`. 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`.
+ * Nota de port: en React la card y la fila son EL MISMO elemento, así que el
+ * `data-variant` de PersonItem (`option`/`chip`) pisa al de Card
+ * (`outlined`/…) y la card se queda sin borde en reposo. En Angular el host
+ * (`ius-person-item`) y la card son elementos distintos, así que cada
+ * `data-variant` vive en el suyo y el borde `outlined` sí se pinta — que es lo
+ * que la spec pide.
+ *
+ * Pendiente de diseño (reportado el 2026-08-27): eso deja una divergencia
+ * visual real con React, donde hoy la fila NO tiene borde en reposo. Aquí se
+ * asume que `variant="outlined"` debía verse, que es lo que ya hacía el
+ * fallback anterior. Si diseño confirma lo contrario, quitar el `variant` de
+ * la card en la plantilla.
  *
  * 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). */
@@ -3117,11 +3149,11 @@ declare class PersonItemComponent {
         tpl?: TemplateRef<unknown>;
     }>;
     protected get showMenu(): boolean;
+    /** El anillo de selección de Card solo aplica a la variante option. */
+    protected get cardSelected(): boolean;
+    protected get ariaPressed(): string | null;
     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;
@@ -3409,8 +3441,8 @@ interface IusMultiTextFieldSlot {
  *
  * 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.
+ * otro componente. `showIconHelp` compone `ius-popover` (igual que la base
+ * TextField y el golden). `[data-force]` congela un estado visual en demos.
  */
 declare class MultiTextFieldComponent implements ControlValueAccessor {
     protected readonly slotsState: _angular_core.WritableSignal<IusMultiTextFieldSlot[]>;
@@ -3475,7 +3507,6 @@ declare class MultiTextFieldComponent implements ControlValueAccessor {
     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. */
@@ -4191,6 +4222,8 @@ declare class FlexComponent {
     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>;
+    static ngAcceptInputType_wrap: unknown;
+    static ngAcceptInputType_inline: unknown;
 }
 
 type IusDividerOrientation = 'horizontal' | 'vertical';
@@ -5308,5 +5341,682 @@ declare class AppLayoutComponent {
     static ngAcceptInputType_fill: unknown;
 }
 
-export { AlertComponent, AppLayoutComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IconButtonComponent, IllustrationComponent, InsigniaComponent, IusAlertActionsDirective, IusAlertTrailingDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusTagPrefixDirective, IusTagSuffixDirective, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PersonItemComponent, PersonPickerComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, ShowMoreComponent, SplitterComponent, StatusChipComponent, StatusStateComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TooltipComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
-export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, GestionStatus, IllustrationEntry, IllustrationName, IllustrationSize, IusAppLayoutAccent, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCarouselImage, IusCarouselImageInput, IusCarouselObjectFit, IusCarouselOrder, IusCarouselOverlay, IusCarouselTransition, IusCheckboxLabelPosition, IusCheckboxSize, IusChipSize, IusChipState, IusCircularProgressSize, IusCircularProgressTone, IusCodeFieldSize, IusDividerOrientation, IusDividerTextAlign, IusDividerVariant, IusDrawerSide, IusDrawerSize, IusDropdownItem, IusDropdownTone, IusDropdownVariant, IusEleniaBubblePosition, IusEleniaBubbleSize, IusEleniaOrbMood, IusEleniaOrbSurface, IusEmptyStateAction, IusEmptyStateSize, IusEmptyStateTone, IusEmptyStateVariant, IusFilterField, IusFilterFieldOption, IusFilterFieldType, IusFilterRule, IusFilterValue, IusFlexAlign, IusFlexDirection, IusFlexGap, IusFlexJustify, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusInsigniaSize, IusInsigniaTone, IusInsigniaVariant, IusListCardAction, IusListCardField, IusListCardMarker, IusListCardMenuItem, IusListCardSize, IusListCardStatus, IusListCardTag, IusListCardTone, IusListViewAction, IusListViewSize, IusListViewSortOption, IusLoadingMarkSurface, IusLoadingVariant, IusMenuItemSize, IusMenuItemState, IusMenuItemVariant, IusMenuOption, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPersonId, IusPersonItemAction, IusPersonItemSize, IusPersonItemState, IusPersonItemVariant, IusPersonOption, IusPersonPickerSelectedContext, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusShowMoreAlign, IusSplitterAccent, IusSplitterOrientation, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTooltipTrigger, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };
+/**
+ * Sección de un área de administración. Lista **PLANA** (sin anidamiento).
+ *
+ * Nota de port: el ítem del golden trae además `onClick`. En Angular no se
+ * ponen callbacks en el modelo de datos — la ng-spec lo resuelve con el output
+ * `itemClick`, que emite el ítem completo.
+ */
+interface IusSettingsNavItem {
+    /** Identidad de la sección; se compara contra `selectedId`. */
+    id: string;
+    /** Texto de la fila (y nombre accesible del ícono al colapsar). */
+    label: string;
+    /** Ligadura Material Symbols. */
+    icon?: string;
+    /** `number` → contador; `true` → punto azul. */
+    badge?: number | boolean;
+    /** Fila inerte. */
+    disabled?: boolean;
+    /** Renderiza la fila como enlace. */
+    href?: string;
+}
+/**
+ * Identidad cromática del área. Son EXACTAMENTE los 9 del mapa `ACCENTS` del
+ * golden — no hay `danger`, `warning` ni `neutral`.
+ */
+type IusSettingsNavAccent = 'primary' | 'info' | 'success' | 'aguacate' | 'arandano' | 'uva' | 'durazno' | 'sandia' | 'banano';
+/** Densidad de la fila (hereda de MenuItem rail). */
+type IusSettingsNavSize = 'small' | 'medium';
+/**
+ * Marca el slot libre de encabezado:
+ * `<ius-settings-nav><div iusSettingsNavHeader>…</div></ius-settings-nav>`.
+ * Equivale al prop `header` de React y tiene PRIORIDAD sobre `title`.
+ */
+declare class IusSettingsNavHeaderDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusSettingsNavHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusSettingsNavHeaderDirective, "[iusSettingsNavHeader]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Marca el slot libre de pie:
+ * `<ius-settings-nav><div iusSettingsNavFooter>…</div></ius-settings-nav>`.
+ * Equivale al prop `footer` de React; se pinta sobre una línea separadora.
+ */
+declare class IusSettingsNavFooterDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusSettingsNavFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusSettingsNavFooterDirective, "[iusSettingsNavFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * SettingsNav — Ius Design v2 (familia navigation).
+ *
+ * Navegación lateral **ancha** (fila horizontal ícono + etiqueta) de un ÁREA DE
+ * ADMINISTRACIÓN de cuenta/sistema: Usuarios, Roles, Seguridad, Facturación.
+ * Es el hermano del NavRail, que queda reservado a los MÓDULOS del producto —
+ * por eso aquí el ícono en reposo es neutro (`--ius-neutral-8`) y no el verde
+ * de marca del rail: un área de administración no es un módulo.
+ *
+ * Compone `ius-menu-item` (`variant="rail"` expandido, `variant="menu"` en el
+ * desborde), `ius-tooltip` (nombre accesible al colapsar) y `ius-popover`
+ * (menú «Más»). Encabezado y pie son opcionales.
+ *
+ * - **priority+ (NO scrollea)**: mide en ALTO cuántas filas caben; las que
+ *   sobran se recogen en un Popover a la derecha tras un disparador «Más»
+ *   (`more_horiz`) que hereda el estado seleccionado si el activo quedó oculto.
+ * - **Colapsado**: `collapsed` (controlado) o `defaultCollapsed` (interno);
+ *   solo iconos, cada uno envuelto en Tooltip a la DERECHA, y el ancho baja a
+ *   64px. Con `collapsible` se añade el botón propio de colapso en el pie.
+ *
+ * Fuente de verdad: `SettingsNav.jsx` + `SettingsNav.d.ts` +
+ * `SettingsNav.ng-spec.md`.
+ *
+ * Notas de port:
+ * - **El host ES el `<nav>`**. No se puede cambiar el `tagName` de un
+ *   componente, así que la semántica va en el bloque `host` con
+ *   `role="navigation"` (mismo patrón que `header-bar`, que pone
+ *   `role="banner"`). Las variables del golden (`--_sn-w`, `--_sn-cico-h`,
+ *   `--_sn-fg`, `--_sn-tint`) se enlazan con `[style.--*]` en el host, como ya
+ *   hacen `carousel`, `circular-progress` y `countdown`.
+ * - **`onClick` del ítem → output `itemClick`** (regla del monorepo: sin
+ *   callbacks en el modelo). Orden de emisión idéntico al golden (`onClick` y
+ *   después `onChange`): `itemClick` y luego `selectedIdChange`.
+ * - **`header`/`footer` (slots de React) → directivas marcadoras**
+ *   `[iusSettingsNavHeader]` / `[iusSettingsNavFooter]`, proyectadas con
+ *   `ng-content select="…"` y detectadas con `contentChild`. `header` manda
+ *   sobre `title`, igual que el golden.
+ * - **`collapsed` sin `booleanAttribute`**: hay que distinguir `undefined` (no
+ *   controlado) de `false` (controlado en falso); el transform los colapsaría.
+ * - **Una sola plantilla de fila** (`#fila`) estampada con `NgTemplateOutlet`
+ *   en la lista visible y en el contenedor de medición, para no duplicar
+ *   markup (la spec lo exige). El contexto de un `ng-template` no está tipado,
+ *   así que se recupera el tipo con `asItem()` + `@let` y `strictTemplates`
+ *   vuelve a comprobar el cuerpo de la fila.
+ * - **Envoltura de medición `__mrow`** (no existe en el golden): el host de
+ *   `ius-menu-item` es `display: contents`, así que NO genera caja y su
+ *   `offsetHeight` sería 0. Cada clon de medición se envuelve en un `div`
+ *   flex-columna (misma caja que `.__items`) y se mide ESE div, que es lo que
+ *   en React ya era el `<a>`/`<button>` directo.
+ * - **Medición con `afterRenderEffect` (fase `read`)**: cubre la primera pasada
+ *   y las siguientes con una sola pieza, y garantiza que el DOM ya refleja la
+ *   firma nueva (un `effect` normal podría medir el layout anterior). No lee
+ *   `visibleCount`, así que escribirlo no realimenta el efecto.
+ * - **`role="menuitem"` en las filas del desborde** (el golden no lo pone): el
+ *   panel es `role="menu"` y un `menu` exige hijos `menuitem`; `ius-menu-item`
+ *   expone `itemRole` justo para esto. Va a favor del contrato ARIA que el
+ *   propio golden declara.
+ * - **`aria-haspopup`/`aria-expanded` del disparador «Más» expandido**: no se
+ *   ponen porque `ius-menu-item` no expone esos atributos (el golden tampoco
+ *   los pasa en esa rama). En colapsado, donde el disparador es un `<button>`
+ *   propio, sí van, como en el golden.
+ * - **Firma de medición sin `it.id ?? i`**: la interfaz Angular declara `id`
+ *   obligatorio, así que el fallback al índice del golden es inalcanzable.
+ */
+declare class SettingsNavComponent implements OnInit, AfterViewInit, OnDestroy {
+    /** Secciones del área. Lista plana. */
+    readonly items: _angular_core.InputSignal<IusSettingsNavItem[]>;
+    /** Sección activa: `item.id === selectedId` → `aria-current="page"`. */
+    readonly selectedId: _angular_core.InputSignal<string | undefined>;
+    /** Identidad del área (tiñe el activo). Admin no es módulo: default marca. */
+    readonly accent: _angular_core.InputSignal<IusSettingsNavAccent>;
+    /** Densidad de la fila; también fija la casilla colapsada (44/40px). */
+    readonly size: _angular_core.InputSignal<IusSettingsNavSize>;
+    /** Ancho expandido; se aplica como `width` Y `min-width`. */
+    readonly width: _angular_core.InputSignal<string | number>;
+    /** Muestra el botón propio de colapso en el pie. */
+    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Colapsado en modo CONTROLADO. `undefined` = estado interno. */
+    readonly collapsed: _angular_core.InputSignal<boolean | undefined>;
+    /** Estado inicial del modo no controlado. */
+    readonly defaultCollapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Rótulo del encabezado; se OCULTA al colapsar. */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /** Etiqueta del disparador de desborde. */
+    readonly overflowLabel: _angular_core.InputSignal<string>;
+    /** Etiqueta accesible del `<nav>`. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** `id` de la sección activada. */
+    readonly selectedIdChange: _angular_core.OutputEmitterRef<string>;
+    /** Ítem activado (espejo del `onClick` del modelo en React). */
+    readonly itemClick: _angular_core.OutputEmitterRef<IusSettingsNavItem>;
+    /** Nuevo estado de colapso (también en modo controlado). */
+    readonly collapsedChange: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly headerRef: _angular_core.Signal<IusSettingsNavHeaderDirective | undefined>;
+    protected readonly footerRef: _angular_core.Signal<IusSettingsNavFooterDirective | undefined>;
+    private readonly wrapRef;
+    private readonly measRef;
+    /** Colapso propio del modo no controlado (seed = `defaultCollapsed`). */
+    private readonly selfCollapsed;
+    /**
+     * Filas que caben en alto. Seed «todas» — el golden arranca en
+     * `items.length`; aquí no se puede leer un input en el inicializador de
+     * campo, así que se usa el máximo y `safeCount()` lo acota a `items().length`.
+     */
+    private readonly visibleCount;
+    /** Popover del desborde (estado propio, no lo controla el consumidor). */
+    protected readonly moreOpen: _angular_core.WritableSignal<boolean>;
+    private ro;
+    /** `collapsed` definido ⇒ el componente NO muta su estado interno. */
+    private readonly isControlled;
+    /** Estado efectivo de colapso. */
+    protected readonly isCollapsed: _angular_core.Signal<boolean>;
+    /** Texto/ícono del activo (700 en `primary`, 600 en el resto). */
+    protected readonly accentFg: _angular_core.Signal<string>;
+    /** Fondo del activo: 16% del escalón 500 sobre blanco (golden). */
+    protected readonly accentTint: _angular_core.Signal<string>;
+    /** Ancho expandido; número ⇒ px. */
+    protected readonly widthCss: _angular_core.Signal<string>;
+    /**
+     * Alto de la casilla colapsada: 40px ESTRUCTURAL en `small`; en `medium` el
+     * token de área tocable mínima (44px).
+     */
+    protected readonly cicoH: _angular_core.Signal<"40px" | "var(--ius-hit-target-min)">;
+    /** Conteo visible acotado (el golden hace `Math.min`). */
+    protected readonly safeCount: _angular_core.Signal<number>;
+    /** Filas que se pintan en la columna. */
+    protected readonly visibleItems: _angular_core.Signal<IusSettingsNavItem[]>;
+    /** Filas recogidas en el Popover «Más». */
+    protected readonly hiddenItems: _angular_core.Signal<IusSettingsNavItem[]>;
+    /** ¿Hay filas recogidas? */
+    protected readonly hasOverflow: _angular_core.Signal<boolean>;
+    /** El activo quedó oculto ⇒ «Más» hereda el seleccionado. */
+    protected readonly anyHiddenSelected: _angular_core.Signal<boolean>;
+    /** Cambia cuando hay que volver a medir (mismo `sig` del golden). */
+    private readonly measureSignature;
+    /** El rótulo solo se pinta si no hay slot de encabezado y no está colapsado. */
+    protected readonly showTitle: _angular_core.Signal<boolean>;
+    /** Hay pie si el consumidor proyectó uno o si existe el botón de colapso. */
+    protected readonly hasFooter: _angular_core.Signal<boolean>;
+    /** Texto del botón de colapso. */
+    protected readonly toggleLabel: _angular_core.Signal<"Expandir" | "Contraer">;
+    /** Ícono del botón de colapso. */
+    protected readonly toggleIcon: _angular_core.Signal<"menu" | "menu_open">;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Recupera el tipo del contexto (no tipado) del `ng-template` de fila. */
+    protected asItem(value: unknown): IusSettingsNavItem;
+    /** ¿La fila colapsada se pinta como enlace? (`<a>` solo con href y no inerte). */
+    protected isLink(item: IusSettingsNavItem): boolean;
+    /** Activación de una fila: primero el ítem, después la selección (orden del golden). */
+    protected handle(item: IusSettingsNavItem): void;
+    /** Igual que `handle`, pero cerrando el Popover del desborde (golden). */
+    protected handleFromOverflow(item: IusSettingsNavItem): void;
+    /** Alterna el colapso; en modo controlado solo notifica. */
+    protected toggleCollapsed(): void;
+    /**
+     * priority+ en ALTO (port literal del `measure()` del golden).
+     *
+     * Mide los clones del contenedor oculto y decide cuántas filas caben; si no
+     * caben todas, reserva el alto de UNA fila para el disparador «Más». No
+     * scrollea: lo que no cabe se recoge en el Popover.
+     */
+    private measure;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SettingsNavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SettingsNavComponent, "ius-settings-nav", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "defaultCollapsed": { "alias": "defaultCollapsed"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "selectedIdChange": "selectedIdChange"; "itemClick": "itemClick"; "collapsedChange": "collapsedChange"; }, ["headerRef", "footerRef"], ["[iusSettingsNavHeader]", "[iusSettingsNavFooter]"], true, never>;
+}
+
+/**
+ * Tono del toast: fija el ícono por defecto, la barra de acento y el color del
+ * aro de auto-cierre. Son EXACTAMENTE los 5 del golden (`ToastTone`) — aquí no
+ * hay `primary` ni `brand`, aunque CircularProgress sí los tenga.
+ */
+type IusToastTone = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+/** Esquina donde el viewport apila los toasts. */
+type IusToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+/** Ícono por defecto según el tono (mapa `DEFAULT_ICON` del golden). */
+declare const IUS_TOAST_DEFAULT_ICON: Record<IusToastTone, string>;
+/** Auto-cierre por defecto, en ms (golden: `duration === undefined ? 5000`). */
+declare const IUS_TOAST_DEFAULT_DURATION = 5000;
+/**
+ * Opciones con las que `ToastService` dispara un toast.
+ *
+ * Nota de port: `action` es `React.ReactNode` en el golden; por la regla
+ * transversal 6 del monorepo (render/content de React → `TemplateRef`) aquí
+ * viaja como plantilla, que es lo único proyectable desde una llamada TS.
+ */
+interface IusToastOptions {
+    /** id propio; reutilizarlo REEMPLAZA el toast existente (útil para progreso). */
+    id?: string;
+    tone?: IusToastTone;
+    /** Título (negrita). */
+    title?: string;
+    /** Mensaje secundario. */
+    message?: string;
+    /** Ligadura Material Symbols. Por defecto según `tone`; `false` lo oculta. */
+    icon?: string | false;
+    /** Acción inline (p. ej. un `ius-text-button` "Deshacer"). */
+    action?: TemplateRef<unknown>;
+    /** Muestra el × de cierre. Default `true`. */
+    closable?: boolean;
+    /** ms hasta el auto-cierre. `0`/`null` = persistente. Default 5000. */
+    duration?: number | null;
+}
+/** Toast ya normalizado dentro de la pila del servicio. */
+interface IusToastItem {
+    readonly id: string;
+    readonly tone: IusToastTone;
+    readonly title?: string;
+    readonly message?: string;
+    readonly icon?: string | false;
+    readonly action?: TemplateRef<unknown>;
+    readonly closable: boolean;
+    readonly duration: number | null;
+}
+
+/**
+ * Marca la acción inline del toast (p. ej. un "Deshacer"):
+ *
+ * ```html
+ * <ius-toast tone="neutral" title="Nota archivada" [duration]="0">
+ *   <ius-text-button iusToastAction size="small" label="Deshacer" />
+ * </ius-toast>
+ * ```
+ *
+ * Es la vía declarativa; desde `ToastService` la acción viaja como
+ * `TemplateRef` en el input `action`.
+ */
+declare class IusToastActionDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusToastActionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusToastActionDirective, "[iusToastAction]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Toast — Ius Design v2 (familia overlays).
+ *
+ * Átomo visual de la notificación efímera: tarjeta blanca con barra de acento
+ * tonal a la izquierda, ícono, título/mensaje, acción inline opcional y un ×
+ * de cierre rodeado por el aro de cuenta regresiva del auto-cierre.
+ *
+ * Normalmente NO se instancia a mano: lo renderiza `ius-toast-viewport` con lo
+ * que le empuja `ToastService`. Se expone suelto para poder mostrarlo estático
+ * (documentación, playground) y por paridad con el golden, que también exporta
+ * el átomo.
+ */
+declare class ToastComponent {
+    readonly tone: _angular_core.InputSignal<IusToastTone>;
+    /** Título (negrita). */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /** Mensaje secundario. */
+    readonly message: _angular_core.InputSignal<string | undefined>;
+    /** Ligadura Material Symbols. Por defecto según `tone`; `false` lo oculta. */
+    readonly icon: _angular_core.InputSignal<string | false | undefined>;
+    /** Acción inline como plantilla (vía `ToastService`). */
+    readonly action: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Muestra el × de cierre. */
+    readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * ms del auto-cierre. Si es > 0 dibuja el aro de cuenta regresiva alrededor
+     * del cierre; `0`/`null` lo deja persistente (sin aro). Quien realmente cierra
+     * es el viewport — aquí solo se pinta el aro.
+     */
+    readonly duration: _angular_core.InputSignal<number | null | undefined>;
+    /** Congela el aro de progreso (hover). */
+    readonly paused: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Cierre pedido desde el ×. */
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    private readonly actionRef;
+    protected readonly iconName: _angular_core.Signal<string | null>;
+    protected readonly hasAction: _angular_core.Signal<boolean>;
+    /** Solo hay aro si el auto-cierre está activo (golden: `duration && duration > 0`). */
+    protected readonly showRing: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ius-toast", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["actionRef"], ["[iusToastAction]"], true, never>;
+}
+
+/**
+ * ToastViewport — Ius Design v2 (familia overlays).
+ *
+ * Contenedor fijo donde se apilan los toasts que empuja `ToastService`.
+ * **Se monta UNA sola vez** en el shell de la app:
+ *
+ * ```html
+ * <ius-toast-viewport position="top-right" [max]="4" />
+ * ```
+ *
+ * El elemento en sí no ocupa espacio: se porta a un overlay del CDK (que ya
+ * aporta el `position: fixed` y el `z-index` del golden) y se coloca en la
+ * esquina con una `GlobalPositionStrategy`.
+ */
+declare class ToastViewportComponent implements AfterViewInit, OnDestroy {
+    /** Esquina donde se apilan. */
+    readonly position: _angular_core.InputSignal<IusToastPosition>;
+    /** Máximo visible a la vez; los más viejos se ocultan. */
+    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly toasts;
+    private readonly tpl;
+    private overlayRef;
+    /** Los `max` más nuevos de la pila (golden: `list.slice(-max)`). */
+    protected readonly visible: _angular_core.Signal<readonly _litigiovirtual_ius_design_components.IusToastItem[]>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected onDismissed(id: string): void;
+    /** Traduce `position` a la estrategia global del CDK (el `fixed` del golden). */
+    private applyPosition;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastViewportComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastViewportComponent, "ius-toast-viewport", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Atajos de tono: el golden fija `tone` y deja el resto de opciones libre. */
+type ToneShortcutOptions = Omit<IusToastOptions, 'tone' | 'title'>;
+/**
+ * ToastService — Ius Design v2 (familia overlays).
+ *
+ * Port de la API imperativa del golden (`toast()` / `Toaster`): dispara toasts
+ * desde cualquier parte (un handler, un `catch`, un interceptor) sin acoplarse
+ * a ninguna plantilla. Basta con montar UN `ius-toast-viewport` en el shell de
+ * la app; el servicio le empuja la pila.
+ *
+ * ```ts
+ * private readonly toasts = inject(ToastService);
+ *
+ * this.toasts.success('Proceso creado', { message: 'Radicado 1100…45600.' });
+ * this.toasts.error('No se pudo guardar', { message: 'Revise la conexión.' });
+ *
+ * // persistente + acción "Deshacer"
+ * const id = this.toasts.show({ tone: 'neutral', title: 'Nota archivada', duration: 0, action: this.undoTpl() });
+ * this.toasts.dismiss(id);
+ * ```
+ */
+declare class ToastService {
+    private readonly stack;
+    /** Pila actual, de más viejo a más nuevo. La consume `ius-toast-viewport`. */
+    readonly items: _angular_core.Signal<readonly IusToastItem[]>;
+    private seq;
+    /**
+     * Dispara un toast y devuelve su id. Un string suelto es el atajo de una
+     * línea del golden y viaja como `message` (no como título).
+     */
+    show(opts: IusToastOptions | string): string;
+    success(title: string, opts?: ToneShortcutOptions): string;
+    /** OJO: `error` mapea al tono `danger` (así en el golden). */
+    error(title: string, opts?: ToneShortcutOptions): string;
+    warning(title: string, opts?: ToneShortcutOptions): string;
+    info(title: string, opts?: ToneShortcutOptions): string;
+    neutral(title: string, opts?: ToneShortcutOptions): string;
+    /** Cierra un toast por id. */
+    dismiss(id: string): void;
+    /** Cierra todos. */
+    clear(): void;
+    private add;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
+}
+
+/** Tamaño — escala tipografía, padding, ícono y grosor del indicador. */
+type IusTabsSize = 'small' | 'medium' | 'large';
+/**
+ * Tono del indicador activo (subrayado + texto). Son EXACTAMENTE los 9 del
+ * golden: `primary` + `info` + `success` + las 6 frutas. NO hay `danger`,
+ * `warning` ni `neutral` — no uniformar con la paleta de Tag.
+ */
+type IusTabsAccent = 'primary' | 'info' | 'success' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
+/** Tag al final del label; compone el componente `ius-tag`. */
+interface IusTabTag {
+    label: string;
+    /** Tono cuando la pestaña NO está activa (default `neutral`). */
+    tone?: IusTagTone;
+}
+interface IusTabItem {
+    /** ID estable; es lo que viaja en `value` / `valueChange`. */
+    id: string;
+    /** Etiqueta visible. */
+    label: string;
+    /** Ligadura Material Symbols a la izquierda del label. */
+    icon?: string;
+    /** Contador numérico (badge) a la derecha del label. */
+    count?: number;
+    /** Tag al final del label. */
+    tag?: IusTabTag;
+    /** Deshabilita la pestaña (se salta con las flechas). */
+    disabled?: boolean;
+}
+/**
+ * Tabs — Ius Design v2 (familia navigation).
+ *
+ * Navegación por pestañas para alternar sub-vistas de una MISMA sección
+ * (Expediente · Proceso · Cliente). Variante de subrayado: una línea base
+ * neutra recorre el ancho y la activa marca el indicador en el tono `accent`.
+ *
+ * Para navegar entre módulos de la app va NavRail; para pasos secuenciales,
+ * Stepper. El consumidor asocia sus paneles (`role="tabpanel"`) por su cuenta.
+ *
+ * ```html
+ * <ius-tabs [items]="vistas" [value]="vista()" (valueChange)="vista.set($event)" accent="success" />
+ * ```
+ *
+ * **Divergencias doc-vs-golden** (manda el `.jsx`, según regla del repo).
+ * Reportadas a diseño el 2026-08-27 — revisar este bloque cuando respondan:
+ * - `Tabs.ng-spec.md` §1 dice que el contador compone **Insignia**. El golden
+ *   lo resuelve con CSS propio (`.ius-tabs__count`) y el `prompt.md` coincide
+ *   con el golden. Se portó el badge propio. Pendiente de diseño.
+ * - `Tabs.ng-spec.md` §5 y el prompt hablan de un indicador de **2px**. El
+ *   golden usa `--_tb-line` con 3px en medium (el default), 2px en small y 4px
+ *   en large. Se portó la escala del golden. Pendiente de diseño.
+ * - El prompt dice que el contador activo toma el accent **suave**; el golden
+ *   le pone el accent fuerte con texto blanco. Se portó el golden. Pendiente
+ *   de diseño — y va ligado a `accentSoft`, ver abajo.
+ */
+declare class TabsComponent {
+    /** Pestañas a mostrar. */
+    readonly items: _angular_core.InputSignal<readonly IusTabItem[]>;
+    /** Pestaña activa (modo controlado). */
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    /** Pestaña activa inicial (modo NO controlado). Default: la primera. */
+    readonly defaultValue: _angular_core.InputSignal<string | undefined>;
+    readonly size: _angular_core.InputSignal<IusTabsSize>;
+    readonly accent: _angular_core.InputSignal<IusTabsAccent>;
+    /** Reparte el ancho disponible por igual entre pestañas. */
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Id de la pestaña seleccionada (el `onChange` del golden). */
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    private readonly tabButtons;
+    /** Selección propia del modo no controlado. */
+    private readonly picked;
+    protected readonly active: _angular_core.Signal<string>;
+    /** OJO: `primary` toma el escalón 900; el resto de accents, el 700. */
+    protected readonly accentStrong: _angular_core.Signal<string>;
+    /**
+     * Espejo del `accentSoft` del golden, que lo fija como estilo inline… pero su
+     * CSS nunca lo lee. Parece el valor que iba destinado al contador activo (hoy
+     * pintado con el accent fuerte). Se porta igual para no perder el rastro.
+     * Pendiente de diseño: si confirman el tono suave, esta variable pasa a usarse
+     * en `.ius-tabs__tab[data-active='true'] .ius-tabs__count`.
+     */
+    protected readonly accentSoft: _angular_core.Signal<string>;
+    protected select(item: IusTabItem): void;
+    /** `←` / `→` mueven a la pestaña vecina, dando la vuelta y saltando deshabilitadas. */
+    protected onKeydown(event: KeyboardEvent, index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ius-tabs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+/** Tratamiento de superficie. */
+type IusCardVariant = 'outlined' | 'elevated' | 'sunken';
+/** Padding interno de las zonas. `none` = contenido a sangre (media). */
+type IusCardPadding = 'none' | 'sm' | 'md' | 'lg';
+/** Radio de las esquinas. */
+type IusCardRadius = 'sm' | 'md' | 'lg';
+/** Elemento raíz efectivo (el `as` del golden). */
+type IusCardAs = 'div' | 'section' | 'article' | 'a' | 'button';
+/**
+ * Marca la zona de encabezado (se separa del cuerpo con un hairline):
+ *
+ * ```html
+ * <ius-card>
+ *   <strong iusCardHeader>Factura 0042</strong>
+ *   Vence el 30-06-2026 · 1.284.000
+ *   <ius-text-button iusCardFooter size="small" label="Ver detalle" />
+ * </ius-card>
+ * ```
+ */
+declare class IusCardHeaderDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusCardHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusCardHeaderDirective, "[iusCardHeader]", never, {}, {}, never, never, true, never>;
+}
+/** Marca la zona de pie (se separa del cuerpo con un hairline). */
+declare class IusCardFooterDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusCardFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusCardFooterDirective, "[iusCardFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Card — Ius Design v2 (familia layout).
+ *
+ * **Primitiva de superficie**: la cáscara base con superficie, borde/sombra,
+ * radio y padding consistentes, y zonas opcionales header / cuerpo / footer.
+ * Úsala como contenedor genérico de un panel o bloque cuando no exista un
+ * componente más específico, en vez de reescribir a mano la receta
+ * `superficie + borde + radio + padding`.
+ *
+ * NO reemplaza a las cards ricas con comportamiento propio (ListCard,
+ * KanbanCard, PlanUsageItem); AccountItem sí la compone como raíz.
+ *
+ * **Nota de port — el `as` del golden.** El host de un componente Angular no
+ * puede cambiar de etiqueta, así que `as` se resuelve por SELECTOR (la
+ * alternativa que autoriza la ng-spec, «directivas `ius-card[href]`»): el
+ * elemento que escribe el consumidor ES el raíz, con su semántica y sus
+ * atributos nativos.
+ *
+ * ```html
+ * <ius-card>…</ius-card>                        <!-- as="div" (default) -->
+ * <section ius-card>…</section>                 <!-- as="section" -->
+ * <article ius-card>…</article>                 <!-- as="article" -->
+ * <a ius-card href="/expediente/42">…</a>       <!-- as="a", navegable -->
+ * <button ius-card>…</button>                   <!-- as="button", navegable -->
+ * ```
+ *
+ * Así `href` es el atributo nativo del ancla (no hace falta un input) y el
+ * «ref al raíz» de la spec sale gratis: el host ES el raíz (`hostRef`).
+ */
+declare class CardComponent {
+    readonly variant: _angular_core.InputSignal<IusCardVariant>;
+    readonly padding: _angular_core.InputSignal<IusCardPadding>;
+    readonly radius: _angular_core.InputSignal<IusCardRadius>;
+    /** Navegable: cursor, hover con elevación y realce, y foco visible. */
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Seleccionada: borde de marca + anillo. Para cards elegibles (planes, opciones). */
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Nombre accesible del raíz. Usa este input, NO un `aria-label` suelto en la
+     * etiqueta: el binding del host lo pisaría (mismo criterio que
+     * CircularProgress).
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Click de la card. Solo se emite cuando es navegable. */
+    readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    /** El raíz de la card — equivalente del `ref` reenviado del golden. */
+    readonly hostRef: ElementRef<HTMLElement>;
+    /**
+     * Etiqueta efectiva del raíz, deducida del host: es el `as` del golden.
+     * Se llama `rootTag` y no `as` porque `as` es palabra reservada en las
+     * expresiones de plantilla de Angular (`@if (x; as y)`) y no se puede
+     * referenciar desde un host binding.
+     */
+    readonly rootTag: IusCardAs;
+    /** `<a>` y `<button>` ya traen navegación, foco y teclado nativos. */
+    private readonly nativeInteractive;
+    /** El golden fuerza `type="button"` en la variante botón. */
+    protected readonly hostType: string | null;
+    protected readonly navigable: _angular_core.Signal<boolean>;
+    /** Con div/section/article navegables hay que fabricar la semántica de botón. */
+    protected readonly hostRole: _angular_core.Signal<"button" | null>;
+    protected readonly hostTabIndex: _angular_core.Signal<0 | null>;
+    private readonly headerRef;
+    private readonly footerRef;
+    protected readonly hasHeader: _angular_core.Signal<boolean>;
+    protected readonly hasFooter: _angular_core.Signal<boolean>;
+    protected onClick(event: MouseEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ius-card, a[ius-card], button[ius-card], section[ius-card], article[ius-card]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, ["headerRef", "footerRef"], ["[iusCardHeader]", "*", "[iusCardFooter]"], true, never>;
+}
+
+/** Tratamiento visual de la lista. */
+type IusAccordionVariant = 'divided' | 'contained';
+interface IusAccordionItem {
+    /** Identificador del panel (lo usan `open`/`openChange`). Sin él se usa el índice. */
+    id?: string;
+    /** Título del encabezado. */
+    title: string;
+    /**
+     * Contenido que se revela al abrir. El `content` (ReactNode) del golden viaja
+     * como plantilla, según la regla transversal 6 del port:
+     *
+     * ```html
+     * <ng-template #titular>…campos…</ng-template>
+     * ```
+     */
+    content?: TemplateRef<unknown>;
+    /** Ligadura Material Symbols a la izquierda del título. */
+    icon?: string;
+    /** Deshabilita el panel (no se puede abrir ni cerrar). */
+    disabled?: boolean;
+}
+/**
+ * Accordion — Ius Design v2 (familia data-display).
+ *
+ * Lista de secciones plegables (título + chevron) que revelan su contenido al
+ * abrir. Su uso principal es agrupar formularios largos en bloques dentro de un
+ * Drawer; también sirve para FAQ o paneles de detalle.
+ *
+ * **Exclusivo por defecto** (una sección abierta a la vez); con `multiple`
+ * admite varias. Controlado con `open` + `(openChange)`, o no controlado con
+ * `defaultOpen`.
+ *
+ * ```html
+ * <ng-template #titular>…campos…</ng-template>
+ *
+ * <ius-accordion
+ *   defaultOpen="titular"
+ *   [items]="[{ id: 'titular', title: 'Datos básicos del titular', content: titular }]"
+ * />
+ * ```
+ *
+ * No lo uses para navegar entre páginas (Tabs/Breadcrumb) ni para esconder
+ * acciones críticas.
+ *
+ * **Desviación deliberada del golden — `inert` en el panel cerrado.** El panel
+ * NO se desmonta (es lo que permite animar la altura) y el golden lo colapsa
+ * solo con `grid-template-rows: 0fr` + `overflow: hidden`: eso lo esconde de la
+ * vista pero NO lo saca del orden de tabulación, así que con Tab se llega a
+ * campos invisibles — justo en el caso de uso principal, formularios dentro de
+ * un Drawer. Aquí el panel cerrado lleva `inert`, sin ningún efecto visual.
+ * Contrapartida aceptada: el contenido cerrado tampoco se anuncia a lectores de
+ * pantalla, que es lo coherente con «cerrado = oculto». Decisión del equipo el
+ * 2026-08-27; reportado a diseño para que lo valore en `Accordion.jsx`.
+ */
+declare class AccordionComponent {
+    readonly items: _angular_core.InputSignal<readonly IusAccordionItem[]>;
+    /** Varias secciones abiertas a la vez. */
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Apertura controlada: `id` (o `id[]` si `multiple`). `null` sigue siendo
+     * modo controlado con todo cerrado — solo `undefined` deja el control al
+     * propio componente.
+     */
+    readonly open: _angular_core.InputSignal<string | readonly string[] | null | undefined>;
+    /** Apertura inicial en modo NO controlado. */
+    readonly defaultOpen: _angular_core.InputSignal<string | readonly string[] | null | undefined>;
+    readonly variant: _angular_core.InputSignal<IusAccordionVariant>;
+    /** Ícono del chevron; rota 180° al abrir. */
+    readonly chevronIcon: _angular_core.InputSignal<string>;
+    /** `id | null` en exclusivo, `id[]` en `multiple` (el `onChange` del golden). */
+    readonly openChange: _angular_core.OutputEmitterRef<string | string[] | null>;
+    /** Apertura propia del modo no controlado (`null` = aún sin tocar). */
+    private readonly picked;
+    private readonly gid;
+    protected readonly openIds: _angular_core.Signal<string[]>;
+    /** Sin `id` propio, el golden cae al índice. */
+    protected idOf(item: IusAccordionItem, index: number): string;
+    protected isOpen(item: IusAccordionItem, index: number): boolean;
+    protected headerId(index: number): string;
+    protected panelId(index: number): string;
+    protected toggle(item: IusAccordionItem, index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    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>;
+}
+
+export { AccordionComponent, 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, 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, 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 };