@litigiovirtual/ius-design-components 2.1.7 → 2.1.9

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@litigiovirtual/ius-design-components",
-  "version": "2.1.7",
+  "version": "2.1.9",
   "peerDependencies": {
     "@angular/cdk": ">=22.0.0 <23.0.0",
     "@angular/common": ">=22.0.0 <23.0.0",
     "@angular/core": ">=22.0.0 <23.0.0"
   },
   "dependencies": {
-    "@litigiovirtual/ius-design-styles": "^2.1.2",
+    "@litigiovirtual/ius-design-styles": "^2.1.3",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, OnInit, TemplateRef, Signal, ElementRef } from '@angular/core';
+import { OnDestroy, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, OnInit, TemplateRef, ElementRef, Signal } 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';
@@ -1577,6 +1577,13 @@ type DescriptionListSize = 'small' | 'medium';
  * rico proyectado (`TemplateRef` — Tag, Avatar, EventPill, un mapa…).
  */
 interface DescriptionListItem {
+    /**
+     * Clave estable de la fila. Opcional: si no se pasa se usa `label` y, en
+     * último término, el índice. Existe porque `@for` traza por identidad y unos
+     * `items` que se recalculen en cada ciclo (un getter, p. ej.) provocarían
+     * `NG0956` y recrearían el DOM de todas las filas.
+     */
+    key?: string;
     /** Etiqueta (dt). Texto o `TemplateRef`. */
     label: string | TemplateRef<unknown>;
     /** Valor (dd). Texto o `TemplateRef`. */
@@ -3028,6 +3035,114 @@ declare class ListViewComponent {
     static ngAcceptInputType_pageSize: unknown;
 }
 
+/**
+ * Tratamiento de superficie. `outlined` (borde, default) · `elevated` (sombra) ·
+ * `sunken` (fondo hundido) · `plain` (superficie sin borde ni sombra).
+ *
+ * `plain` no necesita regla propia en el SCSS: la base ya trae borde
+ * transparente y sin sombra, así que es exactamente la ausencia de las otras
+ * tres. Existe para que un consumidor pueda pedir «sin contorno» de forma
+ * explícita (lo usa PersonItem cuando `bordered` está apagado).
+ */
+type IusCardVariant = 'outlined' | 'elevated' | 'sunken' | 'plain';
+/** 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>;
+}
+
 /** Doble rol de la fila: seleccionable (option) o valor eliminable (chip). */
 type IusPersonItemVariant = 'option' | 'chip';
 /** Escala de avatar + texto. */
@@ -3075,18 +3190,12 @@ declare class IusPersonItemNameDirective {
  * `actions` (chip) compone `ius-dropdown` (trigger IconButton `more_vert`
  * proyectado, antes de la X).
  *
- * 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.
+ * Nota de port: en React la card y la fila eran EL MISMO elemento, así que el
+ * `data-variant` de PersonItem (`option`/`chip`) pisaba al de Card y la fila se
+ * quedaba sin borde en reposo. Diseño lo resolvió el 2026-08-28 (T5 del pedido
+ * de auditoría): el atributo propio pasó a `data-pi-variant` —ya no colisiona—
+ * y el borde es OPCIONAL vía `bordered`, apagado por defecto, apoyado en la
+ * nueva variante `Card variant="plain"`. Aquí se replica igual.
  *
  * Para cuenta a la que cambiar → AccountItem; fila de acción → MenuItem; pill
  * de texto simple → Chip/Tag.
@@ -3108,6 +3217,16 @@ declare class PersonItemComponent {
     shape?: IusAvatarShape;
     /** Fila seleccionable (`option`) o valor eliminable (`chip`). */
     variant: IusPersonItemVariant;
+    /**
+     * Muestra el borde outlined de la fila (superficie Card). **Off por defecto**:
+     * las filas no llevan contorno propio y se separan por el espacio. Enciéndelo
+     * cuando cada fila deba leerse como una tarjeta independiente. Los estados
+     * tintados (hover/selected/pressed en `option`) tiñen el borde igual con o sin
+     * `bordered`.
+     */
+    bordered: boolean;
+    /** Superficie de la card: con contorno solo si `bordered`. */
+    protected get cardVariant(): IusCardVariant;
     /** Escala de avatar + texto; `medium` hereda `--ius-density` del contexto. */
     size: IusPersonItemSize;
     /** (option) fila elegida: fondo resaltado. */
@@ -3155,7 +3274,8 @@ declare class PersonItemComponent {
     protected onRemoveMouseDown(event: MouseEvent): void;
     protected onRemoveClick(event: MouseEvent): 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 ɵ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; }; "bordered": { "alias": "bordered"; "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_bordered: unknown;
     static ngAcceptInputType_selected: unknown;
     static ngAcceptInputType_showCheck: unknown;
     static ngAcceptInputType_mask: unknown;
@@ -3573,6 +3693,15 @@ declare class IusModalFooterDirective {
  *
  */
 declare class ModalComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Ids del título y la descripción: el diálogo se nombra con su propio
+     * encabezado (`aria-labelledby`) en vez de repetir el texto en un
+     * `aria-label`, y `aria-describedby` apunta a la descripción cuando la hay
+     * (T11). `aria-label` queda solo para el caso sin `title`.
+     */
+    private readonly baseId;
+    protected readonly titleId: string;
+    protected readonly descId: string;
     private readonly overlay;
     private readonly viewContainerRef;
     /** Template con scrim + diálogo; se portalea al overlay al abrir. */
@@ -5787,17 +5916,14 @@ interface IusTabItem {
  * <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.
+ * **Resuelto por diseño el 2026-08-28** (T3 del pedido de auditoría), donde
+ * antes había tres divergencias doc-vs-golden:
+ * - El contador **compone Insignia** (`variant="count-soft"`), no un badge
+ *   propio: neutro en reposo y con el accent suave al activarse.
+ * - El indicador es **escalonado 2 / 3 / 4 px** según `size` (`--_tb-line`),
+ *   que es lo que ya hacía el golden.
+ * - El contador activo va en tono **suave**, que es justo lo que da
+ *   `count-soft`; con eso desapareció la variable muerta `--_tb-accent-soft`.
  */
 declare class TabsComponent {
     /** Pestañas a mostrar. */
@@ -5818,14 +5944,6 @@ declare class TabsComponent {
     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;
@@ -5833,106 +5951,6 @@ declare class TabsComponent {
     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 {
@@ -5977,15 +5995,15 @@ interface IusAccordionItem {
  * 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`.
+ * **`inert` en el panel cerrado.** El panel NO se desmonta (es lo que permite
+ * animar la altura) y colapsarlo solo con `grid-template-rows: 0fr` +
+ * `overflow: hidden` lo esconde de la vista pero NO lo saca del orden de
+ * tabulación, así que con Tab se llegaba a campos invisibles — justo en el caso
+ * de uso principal, formularios dentro de un Drawer. 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». Salió de este equipo el 2026-08-27 y diseño lo adoptó en
+ * `Accordion.jsx` el 2026-08-28 (T6): ya es paridad con el golden.
  */
 declare class AccordionComponent {
     readonly items: _angular_core.InputSignal<readonly IusAccordionItem[]>;
@@ -6018,5 +6036,136 @@ 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>;
 }
 
-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 };
+/** 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 };