@litigiovirtual/ius-design-components 2.1.16 → 2.1.18

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

@@ -6952,7 +6952,7 @@ declare class TableComponent<Row = any> {
     private readonly measured;
     protected readonly cols: _angular_core.Signal<IusTableColumn<Row>[]>;
     protected readonly colCount: _angular_core.Signal<number>;
-    protected readonly selWidth: _angular_core.Signal<52 | 44 | 40>;
+    protected readonly selWidth: _angular_core.Signal<40 | 52 | 44>;
     protected readonly isEmpty: _angular_core.Signal<boolean>;
     protected readonly tableLayout: _angular_core.Signal<"auto" | "fixed">;
     protected readonly skeletonIdx: _angular_core.Signal<number[]>;
@@ -7008,5 +7008,632 @@ declare class TableComponent<Row = any> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "ius-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "selectAriaLabel": { "alias": "selectAriaLabel"; "required": false; "isSignal": true; }; "rowClickable": { "alias": "rowClickable"; "required": false; "isSignal": true; }; "isRowDisabled": { "alias": "isRowDisabled"; "required": false; "isSignal": true; }; "getRowAccent": { "alias": "getRowAccent"; "required": false; "isSignal": true; }; "rowClassName": { "alias": "rowClassName"; "required": false; "isSignal": true; }; "rowStyle": { "alias": "rowStyle"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "columnDividers": { "alias": "columnDividers"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowClick": "rowClick"; }, never, never, true, never>;
 }
 
-export { AccordionComponent, AccountItemComponent, AlertComponent, AppLayoutComponent, AvatarComponent, ButtonComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SplitterComponent, StatusChipComponent, StatusStateComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, eventKindOptions, iusSegColor, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveEventIcon, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
-export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, EventIconSource, EventKind, EventKindOption, GestionStatus, IllustrationEntry, IllustrationName, IllustrationSize, IusAccordionItem, IusAccordionVariant, IusAccountItemAction, IusAccountItemState, IusAppLayoutAccent, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusButtonActionResult, IusButtonSize, IusButtonStatus, IusButtonType, IusButtonVariant, IusCaptchaAppearance, IusCaptchaFieldHandle, IusCaptchaProvider, IusCaptchaSize, IusCaptchaState, IusCaptchaTheme, IusCardAs, IusCardPadding, IusCardRadius, IusCardVariant, IusCarouselImage, IusCarouselImageInput, IusCarouselObjectFit, IusCarouselOrder, IusCarouselOverlay, IusCarouselTransition, IusCheckboxLabelPosition, IusCheckboxSize, IusChipSize, IusChipState, IusCircularProgressSize, IusCircularProgressTone, IusCodeFieldSize, IusDividerOrientation, IusDividerTextAlign, IusDividerVariant, IusDrawerSide, IusDrawerSize, IusDropdownItem, IusDropdownTone, IusDropdownVariant, IusEleniaBubblePosition, IusEleniaBubbleSize, IusEleniaOrbMood, IusEleniaOrbSurface, IusEmptyStateAction, IusEmptyStateSize, IusEmptyStateTone, IusEmptyStateVariant, IusFilterField, IusFilterFieldOption, IusFilterFieldType, IusFilterRule, IusFilterValue, IusFlexAlign, IusFlexDirection, IusFlexGap, IusFlexJustify, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusInsigniaSize, IusInsigniaTone, IusInsigniaVariant, IusLinearProgressSegment, IusLinearProgressSize, IusLinearProgressTone, IusListCardAction, IusListCardField, IusListCardMarker, IusListCardMenuItem, IusListCardSize, IusListCardStatus, IusListCardTag, IusListCardTone, IusListViewAction, IusListViewSize, IusListViewSortOption, IusLoadingMarkSurface, IusLoadingVariant, IusMenuItemSize, IusMenuItemState, IusMenuItemVariant, IusMenuOption, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPersonId, IusPersonItemAction, IusPersonItemSize, IusPersonItemState, IusPersonItemVariant, IusPersonOption, IusPersonPickerSelectedContext, IusPlanUsageAction, IusPlanUsageLegend, IusPlanUsageStatus, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSectionHeaderAccent, IusSectionHeaderVariant, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSplitterAccent, IusSplitterOrientation, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTabItem, IusTabTag, IusTableAlign, IusTableCellContext, IusTableColumn, IusTableHeaderContext, IusTableRowClick, IusTableRowKey, IusTableRowStyle, IusTableSize, IusTableSortChange, IusTableSortDirection, IusTableSummaryCell, IusTableTone, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTimelineAccent, IusTimelineAssignee, IusTimelineAttachment, IusTimelineAttachmentClick, IusTimelineItem, IusTimelineItemState, IusTimelineSize, IusTimelineTag, IusTimelineTagTone, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, IusUserMenuAccount, IusUserMenuAccountOption, IusUserMenuItem, IusUserMenuOrigin, IusUserMenuService, IusUserMenuUser, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };
+/** Familia de color de la cifra: default + 6 semánticos + 6 frutas. */
+type IusStatTone = 'default' | 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
+/** Tamaño de la cifra (h3 / h2 / h1). */
+type IusStatSize = 'sm' | 'md' | 'lg';
+/** Alineación del bloque. */
+type IusStatAlign = 'start' | 'center';
+/** Delta libre proyectado (anula el `delta` numérico): `<span iusStatDelta>…</span>`. */
+declare class IusStatDeltaDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusStatDeltaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusStatDeltaDirective, "[iusStatDelta]", never, {}, {}, never, never, true, never>;
+}
+/** Sparkline / micrográfico proyectado bajo el valor: `<ius-sparkline iusStatSparkline />`. */
+declare class IusStatSparklineDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusStatSparklineDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusStatSparklineDirective, "[iusStatSparkline]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Stat — Ius Design v2 (familia data-display).
+ *
+ * KPI / cifra destacada: eyebrow(+icon) · valor (tonal, numeración tabular) ·
+ * delta (±flecha, `invertDelta`) · caption · sparkline. Es **solo contenido**
+ * (sin caja): para tarjeta se envuelve en Card; para barra de varios →
+ * `ius-stat-group`. Fuente de verdad: `Stat.jsx` + `Stat.d.ts` + `Stat.ng-spec.md`.
+ *
+ * No es para badge inline (Insignia), consumo de plan (PlanUsageItem) ni
+ * estado (Tag).
+ *
+ * Interactivo: `interactive` (o `href`) vuelve el bloque navegable con el
+ * patrón ARIA sobre el host (focusable, Enter/Espacio) y emite `clicked`;
+ * con `href` la activación navega además a esa URL (el golden cambia la raíz
+ * a `<a>`; aquí el host es único para no duplicar las proyecciones — mismo
+ * criterio que Tag).
+ */
+declare class StatComponent {
+    /** Eyebrow en mayúsculas sobre la cifra. */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Ícono Material Symbols junto al rótulo. */
+    readonly labelIcon: _angular_core.InputSignal<string | undefined>;
+    /** Tono del ícono; si se omite hereda `valueTone` (o neutral). */
+    readonly iconTone: _angular_core.InputSignal<IusStatTone | undefined>;
+    /** La cifra (alternativa a proyectar contenido). */
+    readonly value: _angular_core.InputSignal<string | number | undefined>;
+    /** Tono de la cifra: `default` = texto primario; otros tiñen (shade 700). */
+    readonly valueTone: _angular_core.InputSignal<IusStatTone>;
+    /** Variación numérica: >0 flecha arriba, <0 abajo, 0 plano (`±N%`). */
+    readonly delta: _angular_core.InputSignal<number | undefined>;
+    /** Apoyo del delta («vs. mes anterior»). */
+    readonly deltaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Bajar es bueno: invierte el color (subir→danger, bajar→success). */
+    readonly invertDelta: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Texto de apoyo bajo la cifra (multilínea). */
+    readonly caption: _angular_core.InputSignal<string | undefined>;
+    /** Alineación del bloque. */
+    readonly align: _angular_core.InputSignal<IusStatAlign>;
+    /** Tamaño; sin fijar lo puede propagar `ius-stat-group`. */
+    readonly size: _angular_core.InputSignal<IusStatSize | undefined>;
+    /** Navegable (cursor + foco + `clicked`). */
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** URL destino; implica navegable (rol `link`). */
+    readonly href: _angular_core.InputSignal<string | undefined>;
+    /** Etiqueta accesible del bloque navegable. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Pulsación del bloque navegable (original `onClick`). */
+    readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    private readonly deltaSlot;
+    private readonly sparkSlot;
+    protected readonly hasDeltaSlot: _angular_core.Signal<boolean>;
+    protected readonly hasSparkline: _angular_core.Signal<boolean>;
+    /** Tamaño propagado por el StatGroup contenedor (no pisa el explícito). */
+    readonly groupSize: _angular_core.WritableSignal<IusStatSize | undefined>;
+    protected readonly effSize: _angular_core.Signal<IusStatSize>;
+    protected readonly navigable: _angular_core.Signal<boolean>;
+    /** Dirección del delta numérico. */
+    protected readonly deltaDir: _angular_core.Signal<"flat" | "up" | "down" | null>;
+    protected readonly deltaArrow: _angular_core.Signal<"arrow_upward" | "arrow_downward" | "remove">;
+    protected readonly deltaText: _angular_core.Signal<string>;
+    /** Color de la cifra según el tono (mismo mapa que el golden). */
+    protected readonly valueColor: _angular_core.Signal<string>;
+    /** Color del ícono del rótulo (hereda valueTone si no hay iconTone). */
+    protected readonly iconColor: _angular_core.Signal<string>;
+    protected onClickHost(event: MouseEvent): void;
+    /** Enter en keydown y Espacio en keyup (patrón WAI-ARIA button/link). */
+    protected onKeyActivate(event: Event): void;
+    /** Evita el scroll de la página al mantener Espacio. */
+    protected onSpaceDown(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatComponent, "ius-stat", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "required": false; "isSignal": true; }; "iconTone": { "alias": "iconTone"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueTone": { "alias": "valueTone"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaLabel": { "alias": "deltaLabel"; "required": false; "isSignal": true; }; "invertDelta": { "alias": "invertDelta"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, ["deltaSlot", "sparkSlot"], ["*", "[iusStatDelta]", "[iusStatSparkline]"], true, never>;
+}
+
+/**
+ * StatGroup — Ius Design v2 (familia data-display).
+ *
+ * Barra de varios `ius-stat` en columnas iguales con divisores verticales y
+ * superficie opcional (borde + radio). En ≤ bp sm (600) apila en columna y los
+ * divisores pasan a horizontales. Propaga `size` a los Stat hijos que no lo
+ * fijen. Fuente de verdad: `StatGroup.jsx` + `StatGroup.d.ts` +
+ * `StatGroup.ng-spec.md`.
+ *
+ * Una sola métrica → `ius-stat` suelto; varias como tarjetas → varias Card con
+ * Stat (no esto). Distinto de SegmentGroup (agrupa controles).
+ *
+ * El golden envuelve cada hijo en una celda; aquí los `ius-stat` proyectados
+ * son las celdas del grid directamente (padding + divisor vía ng-deep acotado
+ * al host — mismo criterio que SegmentGroup).
+ */
+declare class StatGroupComponent {
+    /** Columnas; sin fijar = nº de `ius-stat` proyectados. */
+    readonly columns: _angular_core.InputSignal<number | undefined>;
+    /** Superficie + borde + radio (`false` = al ras). */
+    readonly bordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Divisores entre columnas. */
+    readonly dividers: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Tamaño propagado a los Stat hijos sin `size` propio. */
+    readonly size: _angular_core.InputSignal<IusStatSize>;
+    private readonly stats;
+    protected readonly colsTemplate: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatGroupComponent, "ius-stat-group", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "dividers": { "alias": "dividers"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["stats"], ["*"], true, never>;
+}
+
+/** Silueta del placeholder. */
+type IusSkeletonVariant = 'text' | 'rect' | 'circle' | 'pill' | 'button' | 'chart';
+/** Animación del placeholder (respeta prefers-reduced-motion). */
+type IusSkeletonAnimation = 'shimmer' | 'pulse' | 'none';
+/**
+ * Skeleton — Ius Design v2 (familia feedback).
+ *
+ * Marcador de posición para la **primera carga** de un recurso (lista /
+ * tarjeta / panel): reduce el salto de layout. 6 siluetas (`text` multilínea
+ * con la última línea corta · `rect` · `circle` · `pill` · `button` · `chart`
+ * de barras), animación shimmer/pulse/none con respeto a
+ * `prefers-reduced-motion`, y modo envoltorio: `loading=false` renderiza el
+ * contenido proyectado. Fuente de verdad: `Skeleton.jsx` + `Skeleton.d.ts` +
+ * `Skeleton.ng-spec.md`.
+ *
+ * Patrón propio-vs-externo (Skeleton.prompt §Notas): loading PROPIO solo en
+ * Table (`loading`+`skeletonRows`) y Charts; para todo lo demás se ENVUELVE
+ * `<ius-skeleton [loading]>…</ius-skeleton>` — no dupliques skeletons dentro
+ * de otros componentes.
+ *
+ * Espera puntual sin estructura → CircularProgress; progreso medible →
+ * LinearProgressBar.
+ */
+declare class SkeletonComponent {
+    /** Silueta. */
+    readonly variant: _angular_core.InputSignal<IusSkeletonVariant>;
+    /** Ancho (px o CSS); circle/button/pill traen ancho propio. */
+    readonly width: _angular_core.InputSignal<string | number | undefined>;
+    /** Alto (px o CSS); por variante: text 14 · rect 120 · circle 40 · button 40. */
+    readonly height: _angular_core.InputSignal<string | number | undefined>;
+    /** Radio (px o CSS); por variante: text sm · rect md · button lg · circle/pill pill. */
+    readonly radius: _angular_core.InputSignal<string | number | undefined>;
+    /** Solo `text`: nº de líneas; con >1 la última es más corta. */
+    readonly lines: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Ancho de la última línea del `text` multilínea. */
+    readonly lastLineWidth: _angular_core.InputSignal<string | number>;
+    /** Solo `chart`: nº de barras. */
+    readonly bars: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Separación entre líneas/barras (px o CSS). */
+    readonly gap: _angular_core.InputSignal<string | number>;
+    /** Animación. */
+    readonly animation: _angular_core.InputSignal<IusSkeletonAnimation>;
+    /** `true` = esqueleto; `false` = renderiza el contenido proyectado. */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Etiqueta accesible del estado de carga. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    protected readonly anim: _angular_core.Signal<IusSkeletonAnimation | null>;
+    protected readonly gapCss: _angular_core.Signal<string | undefined>;
+    protected readonly radiusCss: _angular_core.Signal<string | undefined>;
+    protected readonly widthCss: _angular_core.Signal<string | undefined>;
+    protected readonly heightCss: _angular_core.Signal<string | undefined>;
+    /** Líneas del `text` multilínea: ancho por línea (la última corta). */
+    protected readonly textLines: _angular_core.Signal<(string | undefined)[]>;
+    /** Barras del `chart`: altura relativa por barra (patrón estable). */
+    protected readonly chartBars: _angular_core.Signal<string[]>;
+    protected readonly chartHeightCss: _angular_core.Signal<string | undefined>;
+    protected readonly chartWidthCss: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "ius-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "lastLineWidth": { "alias": "lastLineWidth"; "required": false; "isSignal": true; }; "bars": { "alias": "bars"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Nivel tipográfico del título (h2 para portadas; h3 default). */
+type IusPageHeaderTitleLevel = 'h1' | 'h2' | 'h3';
+/** Breadcrumb proyectado (solo detalle): `<ius-breadcrumb iusPageHeaderBreadcrumb />`. */
+declare class IusPageHeaderBreadcrumbDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusPageHeaderBreadcrumbDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusPageHeaderBreadcrumbDirective, "[iusPageHeaderBreadcrumb]", never, {}, {}, never, never, true, never>;
+}
+/** Acciones a la derecha (Button/Dropdown): `<div iusPageHeaderActions>…</div>`. */
+declare class IusPageHeaderActionsDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusPageHeaderActionsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusPageHeaderActionsDirective, "[iusPageHeaderActions]", never, {}, {}, never, never, true, never>;
+}
+/** Fila de herramientas (SearchBar + QueryBuilder + SegmentedControl): `<div iusPageHeaderToolbar>…</div>`. */
+declare class IusPageHeaderToolbarDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusPageHeaderToolbarDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusPageHeaderToolbarDirective, "[iusPageHeaderToolbar]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * PageHeader — Ius Design v2 (familia navigation).
+ *
+ * Encabezado **de la vista** dentro del `main`: [breadcrumb/volver] ·
+ * overline · título (h1/h2/h3) + subtítulo · acciones · [toolbar] ·
+ * [divider/surface]. Cáscara por slots: no conoce datos. Fuente de verdad:
+ * `PageHeader.jsx` + `PageHeader.d.ts` + `PageHeader.ng-spec.md`.
+ *
+ * No reemplaza al HeaderBar global (identidad de módulo) ni a la cabecera de
+ * lista (ListView). El módulo va en HeaderBar; aquí solo el título de la vista.
+ *
+ * Volver: el golden lo activa con `onBack`; aquí es `showBack` + output
+ * `back` (un output de Angular no delata suscripción). Es leading: con
+ * breadcrumb encabeza esa fila; sin breadcrumb, encabeza el título.
+ */
+declare class PageHeaderComponent {
+    /** Título de la vista. */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /** Contador / descripción bajo el título. */
+    readonly subtitle: _angular_core.InputSignal<string | undefined>;
+    /** Categoría / sección sobre el título (mayúsculas). */
+    readonly overline: _angular_core.InputSignal<string | undefined>;
+    /** Nivel tipográfico del título. */
+    readonly titleLevel: _angular_core.InputSignal<IusPageHeaderTitleLevel>;
+    /** Muestra la flecha de volver (leading). */
+    readonly showBack: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Texto accesible de la flecha de volver. */
+    readonly backLabel: _angular_core.InputSignal<string>;
+    /** Separador inferior. */
+    readonly divider: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Fondo blanco + borde + radio. */
+    readonly surface: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Flecha de volver pulsada (original `onBack`). */
+    readonly back: _angular_core.OutputEmitterRef<MouseEvent>;
+    private readonly breadcrumbRef;
+    private readonly actionsRef;
+    private readonly toolbarRef;
+    protected readonly hasBreadcrumb: _angular_core.Signal<boolean>;
+    protected readonly hasActions: _angular_core.Signal<boolean>;
+    protected readonly hasToolbar: _angular_core.Signal<boolean>;
+    /** Volver es leading: si hay breadcrumb, encabeza esa fila. */
+    protected readonly backInBreadcrumb: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "ius-page-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "overline": { "alias": "overline"; "required": false; "isSignal": true; }; "titleLevel": { "alias": "titleLevel"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; }, { "back": "back"; }, ["breadcrumbRef", "actionsRef", "toolbarRef"], ["[iusPageHeaderBreadcrumb]", "[iusPageHeaderActions]", "[iusPageHeaderToolbar]"], true, never>;
+}
+
+/**
+ * NumberField — Ius Design v2 (Contador).
+ *
+ * Campo numérico con stepper (±) a la derecha. Variación de **TextField**:
+ * reusa su wrapper `.ius-tf` (label + required + iconHelp + 5 estados +
+ * helpText/errorText + `size`) y añade los botones `expand_less`/`expand_more`
+ * y las flechas ↑/↓ del teclado, acotado por `min`/`max` y en pasos de `step`.
+ * Se ocultan los spinners nativos del navegador. Implementa
+ * `ControlValueAccessor` con `number | null`.
+ *
+ * Decisiones del port (golden `NumberField.jsx` / `.d.ts`):
+ * - El CSS de TextField se incorpora vía `@use` del SCSS hermano (en React el
+ *   golden importa TextField para heredar `.ius-tf`; con encapsulación
+ *   emulada cada componente lleva sus propias reglas).
+ * - Vaciar el campo confirma `null` (el golden conserva el último número
+ *   mientras el input se ve vacío — con CVA eso desincroniza modelo y vista).
+ * - Al perder el foco, además del recorte a `min`/`max`, el valor se
+ *   redondea a la precisión de `step` (step entero → sin decimales), que es lo
+ *   que un "Contador" espera. Con `step` decimal se conservan sus decimales.
+ * - `ariaLabel` (passthrough al input) para casillas sin `label` visible, p. ej.
+ *   dentro de una celda de tabla.
+ * - `state` (hover|focused|error|disabled) del golden es solo para demos → fuera
+ *   de la API; el playground lo congela con `data-force` como TextField.
+ */
+declare class NumberFieldComponent implements ControlValueAccessor {
+    /** Label sobre el input (con `:` final). Sin label si se omite. */
+    label?: string;
+    /** Placeholder dentro del input. Default `0`. */
+    placeholder: string;
+    /** Punto rojo (•) a la izquierda del label. */
+    required: boolean;
+    private readonly minState;
+    /** Valor mínimo. */
+    set min(v: number | undefined);
+    get min(): number | undefined;
+    private readonly maxState;
+    /** Valor máximo. */
+    set max(v: number | undefined);
+    get max(): number | undefined;
+    private readonly stepState;
+    /** Incremento de los controles y las flechas del teclado. Default `1`. */
+    set step(v: number | undefined);
+    get step(): number;
+    /** Línea de ayuda bajo el campo (estado normal). */
+    helpText?: string;
+    /** Reemplaza `helpText` cuando `error` es `true`. */
+    errorText?: string;
+    /** Mostrar/ocultar la línea de ayuda. */
+    showHelpText: boolean;
+    /** Pastilla "?" junto al label. */
+    showIconHelp: boolean;
+    /** Título del contenido de ayuda (popover). */
+    iconHelpTitle?: string;
+    /** Cuerpo del contenido de ayuda (popover). */
+    iconHelpContent?: string;
+    /** Estado de error (colores + errorText). */
+    error: boolean;
+    /** `name` del input. */
+    name?: string;
+    /** Etiqueta accesible del input cuando no hay `label` visible (celdas de tabla). */
+    ariaLabel?: string;
+    private readonly sizeState;
+    set size(value: IusTextFieldSize);
+    get size(): IusTextFieldSize;
+    private readonly disabledState;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /** Además del CVA: cada valor confirmado (`onChange(value)` del golden). `null` = campo vacío. */
+    readonly valueChange: EventEmitter<number | null>;
+    /** Valor numérico confirmado. */
+    protected readonly value: _angular_core.WritableSignal<number | null>;
+    /** Texto crudo que edita el usuario (permite vacío o parcial como "-"). */
+    protected readonly text: _angular_core.WritableSignal<string>;
+    protected readonly focused: _angular_core.WritableSignal<boolean>;
+    protected readonly inputId: string;
+    protected readonly helpId: string;
+    protected readonly atMax: _angular_core.Signal<boolean>;
+    protected readonly atMin: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    protected get hint(): string | undefined;
+    protected get showHint(): boolean;
+    writeValue(value: number | null | undefined): void;
+    registerOnChange(fn: (value: number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private clamp;
+    /** Redondea a la precisión de `step` (step entero → entero). */
+    private aPrecision;
+    private commit;
+    private bump;
+    protected onInput(event: Event): void;
+    protected onFocus(): void;
+    protected onBlur(): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    protected aumentar(): void;
+    protected disminuir(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFieldComponent, "ius-number-field", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "showIconHelp": { "alias": "showIconHelp"; "required": false; }; "iconHelpTitle": { "alias": "iconHelpTitle"; "required": false; }; "iconHelpContent": { "alias": "iconHelpContent"; "required": false; }; "error": { "alias": "error"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_min: unknown;
+    static ngAcceptInputType_max: unknown;
+    static ngAcceptInputType_step: unknown;
+    static ngAcceptInputType_showHelpText: unknown;
+    static ngAcceptInputType_showIconHelp: unknown;
+    static ngAcceptInputType_error: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/** Un campo con error para el resumen superior. */
+interface IusFormError {
+    /** `id` o `name` del input — el resumen lo enlaza (clic enfoca el campo). */
+    field?: string;
+    /** Etiqueta legible del campo (texto del enlace). */
+    label?: string;
+    /** Mensaje breve del error. */
+    message?: string;
+}
+/** Columnas de la rejilla: `auto` = 1 en angosto, 2 desde 600px de contenedor. */
+type IusFormColumns = 1 | 2 | 'auto';
+/** Tratamiento de las secciones colapsables: card (`contained`) o hairline (`divided`). */
+type IusFormSectionVariant = 'contained' | 'divided';
+/** Footer personalizado (reemplaza al footer por defecto Guardar/Cancelar). */
+declare class IusFormFooterDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusFormFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusFormFooterDirective, "[iusFormFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Form — Ius Design v2 (familia layout).
+ *
+ * **Cáscara** de formulario: rejilla responsive por container-query (1→2
+ * columnas), secciones (`ius-form-section`, opcionalmente colapsables vía
+ * `ius-accordion`), resumen de validación (`ius-alert` danger con enlaces que
+ * enfocan el campo) y footer de acciones sticky (`ius-button`). **No maneja
+ * estado ni valida**: los inputs controlados del sistema resuelven label /
+ * helpText / errorText / required y el consumidor pasa `errorSummary` ya
+ * calculado. Vive en Drawer (default), Modal (≤ 4 campos) o página completa;
+ * dentro de Drawer/Modal el footer lo pone el contenedor → `[footer]="false"`.
+ *
+ * Composición: `ius-form` › `ius-form-section` › `ius-form-field` › inputs.
+ *
+ * Decisiones del port (golden `Form.jsx` / `Form.d.ts`):
+ * - El golden muestra el footer por defecto solo si recibe `onSubmit`/`onCancel`.
+ *   Un output no expone suscriptores: `footer` (default `true`) lo muestra con
+ *   el botón de envío; `showCancel` añade el de cancelar; `[iusFormFooter]`
+ *   proyecta uno propio.
+ * - `submitted` reenvía el `SubmitEvent` nativo (ya con `preventDefault`).
+ * - El host `ius-form` envuelve un `<form novalidate>` interno, que es el
+ *   contenedor de la container-query y quien recibe el submit del botón.
+ */
+declare class FormComponent {
+    private readonly document;
+    /** Columnas de la rejilla. Default `auto`. Las secciones lo heredan salvo que pasen el suyo. */
+    readonly columns: _angular_core.InputSignal<IusFormColumns>;
+    /** Campos con error → Alert danger arriba. Vacío/omitido = sin resumen. */
+    readonly errorSummary: _angular_core.InputSignal<readonly IusFormError[] | null | undefined>;
+    /** Título del resumen de errores. */
+    readonly errorTitle: _angular_core.InputSignal<string>;
+    /** Etiqueta del botón de envío. */
+    readonly submitLabel: _angular_core.InputSignal<string>;
+    /** Etiqueta del botón de cancelar. */
+    readonly cancelLabel: _angular_core.InputSignal<string>;
+    /** Variante del botón de envío. */
+    readonly submitVariant: _angular_core.InputSignal<IusButtonVariant>;
+    /** Variante del botón de cancelar. */
+    readonly cancelVariant: _angular_core.InputSignal<IusButtonVariant>;
+    /** Estado loading del botón de envío. */
+    readonly submitting: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Deshabilita el botón de envío. */
+    readonly submitDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** `false` = sin footer (dentro de Drawer/Modal, que ya ponen el suyo). */
+    readonly footer: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Añade el botón de cancelar al footer por defecto (equivale a pasar `onCancel`). */
+    readonly showCancel: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Footer fijo al fondo del scroll (solo el footer propio). Default `true`. */
+    readonly stickyFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Modo acordeón: solo una sección colapsable abierta a la vez. */
+    readonly accordion: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Tratamiento de las secciones colapsables. Default `contained`. */
+    readonly sectionVariant: _angular_core.InputSignal<IusFormSectionVariant>;
+    /** Envío (`onSubmit`): el `SubmitEvent` nativo, ya prevenido. */
+    readonly submitted: _angular_core.OutputEmitterRef<SubmitEvent>;
+    /** Cancelar (`onCancel`). */
+    readonly cancelled: _angular_core.OutputEmitterRef<void>;
+    private readonly footerSlot;
+    protected readonly hasFooterSlot: _angular_core.Signal<boolean>;
+    protected readonly errores: _angular_core.Signal<readonly IusFormError[]>;
+    protected readonly hasErrors: _angular_core.Signal<boolean>;
+    protected readonly formId: string;
+    /** Sección colapsable abierta en modo `accordion` (`null` = todas cerradas). */
+    readonly openSectionId: _angular_core.WritableSignal<string | null>;
+    private inicializado;
+    /** Una sección colapsable se registra al montarse; la primera con `defaultOpen` queda abierta. */
+    register(sectionId: string, defaultOpen: boolean): void;
+    setOpen(sectionId: string | null): void;
+    protected onSubmit(event: Event): void;
+    protected onCancel(): void;
+    /** Enlace del resumen: enfoca el campo por `id` o `name`. */
+    protected focusField(field: string, event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormComponent, "ius-form", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "errorSummary": { "alias": "errorSummary"; "required": false; "isSignal": true; }; "errorTitle": { "alias": "errorTitle"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "submitVariant": { "alias": "submitVariant"; "required": false; "isSignal": true; }; "cancelVariant": { "alias": "cancelVariant"; "required": false; "isSignal": true; }; "submitting": { "alias": "submitting"; "required": false; "isSignal": true; }; "submitDisabled": { "alias": "submitDisabled"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "stickyFooter": { "alias": "stickyFooter"; "required": false; "isSignal": true; }; "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "sectionVariant": { "alias": "sectionVariant"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; "cancelled": "cancelled"; }, ["footerSlot"], ["*", "[iusFormFooter]"], true, never>;
+}
+
+/**
+ * FormSection — agrupa campos bajo un título (opcionalmente colapsable).
+ *
+ * No colapsable: cabecera (ícono + título + descripción) y divisor superior
+ * respecto a la sección anterior. Colapsable: reusa `ius-accordion` con el
+ * `sectionVariant` del `ius-form` (`contained` card · `divided` hairline) y,
+ * si el form está en modo `accordion`, solo una sección abierta a la vez.
+ * Hereda `columns` del `ius-form` salvo que pase el suyo.
+ */
+declare class FormSectionComponent {
+    private readonly form;
+    /** Título de la sección. */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /** Descripción breve bajo el título. */
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    /** Ícono Material Symbols a la izquierda del título (solo no colapsable). */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Sección plegable (Accordion). Default `false`. */
+    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Sobreescribe el `sectionVariant` del Form para esta sección colapsable. */
+    readonly variant: _angular_core.InputSignal<IusFormSectionVariant | undefined>;
+    /** Abierta por defecto cuando es colapsable. Default `true`. */
+    readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Columnas de la rejilla interna. Si se omite, hereda el `columns` del Form; si tampoco, `auto`. */
+    readonly columns: _angular_core.InputSignal<IusFormColumns | undefined>;
+    private readonly cuerpo;
+    protected readonly sectionId: string;
+    protected readonly colsEfectivas: _angular_core.Signal<IusFormColumns>;
+    protected readonly variantEfectiva: _angular_core.Signal<IusFormSectionVariant>;
+    /** Modo single-open coordinado por el Form. */
+    protected readonly single: _angular_core.Signal<boolean>;
+    /** Apertura controlada solo en modo `accordion`; `undefined` deja el control al Accordion. */
+    protected readonly accOpen: _angular_core.Signal<string | null | undefined>;
+    protected readonly accDefaultOpen: _angular_core.Signal<string | undefined>;
+    protected readonly items: _angular_core.Signal<IusAccordionItem[]>;
+    constructor();
+    protected onAccOpenChange(openId: string | string[] | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSectionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSectionComponent, "ius-form-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** `1` (default) ocupa una columna; `full` ocupa ambas. */
+type IusFormFieldSpan = 1 | 'full';
+/**
+ * FormField — envoltorio de un campo en la rejilla del `ius-form` /
+ * `ius-form-section`; `span="full"` cruza ambas columnas. Port de
+ * `FormField` del golden `Form.jsx` (`.ius-form__field[data-span]`).
+ */
+declare class FormFieldComponent {
+    /** `1` (default) una columna · `full` ambas. */
+    readonly span: _angular_core.InputSignal<IusFormFieldSpan>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "ius-form-field", never, { "span": { "alias": "span"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type IusSectionTitleSize = 'small' | 'medium';
+/** Semántica del raíz: `div` (default) o encabezado h2–h5. */
+type IusSectionTitleAs = 'div' | 'h2' | 'h3' | 'h4' | 'h5';
+type IusSectionTitleHelpTrigger = 'click' | 'hover' | 'focus';
+/** Slot de acción a la derecha del título (TextButton, IconButton, ShowMore…). */
+declare class IusSectionTitleActionDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IusSectionTitleActionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IusSectionTitleActionDirective, "[iusSectionTitleAction]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * SectionTitle — Ius Design v2 (familia layout).
+ *
+ * **Título de una sección de contenido**: encabezado display/bold con hairline
+ * inferior opcional, ícono de ayuda opcional (abre `ius-popover` con título +
+ * contenido) y slot de acción a la derecha (`[iusSectionTitleAction]`). Titula
+ * bloques dentro de un panel, tarjeta o pestaña, en Sentence case.
+ *
+ * No confundir con `ius-section-header` (grupos de lista/árbol) ni con
+ * `ius-page-header` (encabezado de la vista completa).
+ *
+ * Decisión del port (golden `SectionTitle.jsx`): `as` cambia la etiqueta raíz
+ * en React; aquí el host es fijo (`ius-section-title`), así que `h2`–`h5` se
+ * expresan como `role="heading"` + `aria-level` (misma semántica para AT).
+ */
+declare class SectionTitleComponent {
+    /** Contenido de ayuda. Si se pasa, aparece el ícono que abre el Popover. */
+    readonly help: _angular_core.InputSignal<string | undefined>;
+    /** Título (en negrita) del Popover de ayuda. */
+    readonly helpTitle: _angular_core.InputSignal<string | undefined>;
+    /** Glifo Material Symbols del ícono de ayuda. Default `help`. */
+    readonly helpIcon: _angular_core.InputSignal<string>;
+    /** Colocación del Popover de ayuda. Default `top`. */
+    readonly helpPlacement: _angular_core.InputSignal<IusPopoverPlacement>;
+    /** Cómo se dispara el Popover de ayuda. Default `click`. */
+    readonly helpTrigger: _angular_core.InputSignal<IusSectionTitleHelpTrigger>;
+    /** Línea inferior (hairline) bajo el título. Default `true`. */
+    readonly divider: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Trunca el título con elipsis en una línea. Default `false`. */
+    readonly truncate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Escala. `small` = fs-sm · `medium` (default) = fs-base. */
+    readonly size: _angular_core.InputSignal<IusSectionTitleSize>;
+    /** Semántica del raíz. `div` (default) · `h2`–`h5`. */
+    readonly as: _angular_core.InputSignal<IusSectionTitleAs>;
+    protected readonly headingRole: _angular_core.Signal<"heading" | null>;
+    protected readonly headingLevel: _angular_core.Signal<number | null>;
+    protected readonly helpAriaLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionTitleComponent, "ius-section-title", never, { "help": { "alias": "help"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "helpIcon": { "alias": "helpIcon"; "required": false; "isSignal": true; }; "helpPlacement": { "alias": "helpPlacement"; "required": false; "isSignal": true; }; "helpTrigger": { "alias": "helpTrigger"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "truncate": { "alias": "truncate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "as": { "alias": "as"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[iusSectionTitleAction]"], true, never>;
+}
+
+interface IusBreadcrumbItem {
+    /** Texto del crumb. */
+    label: string;
+    /** Enlace; si se omite se renderiza como botón. El último crumb nunca es enlace. */
+    href?: string;
+    /** Ícono Material Symbols a la izquierda del label (p. ej. `person`, `folder_open`, `gavel`). */
+    icon?: string;
+}
+type IusBreadcrumbSeparator = 'chevron' | 'slash';
+type IusBreadcrumbSize = 'small' | 'medium';
+/** Payload de `navigate` — `onNavigate(item, index, event)` del golden. */
+interface IusBreadcrumbNavigate {
+    item: IusBreadcrumbItem;
+    index: number;
+    event: Event;
+}
+interface CrumbEntry {
+    kind: 'crumb';
+    item: IusBreadcrumbItem;
+    index: number;
+}
+interface MoreEntry {
+    kind: 'more';
+    hidden: {
+        item: IusBreadcrumbItem;
+        index: number;
+    }[];
+}
+type Entry = CrumbEntry | MoreEntry;
+/**
+ * Breadcrumb — Ius Design v2 (familia navigation).
+ *
+ * Rastro de **navegación jerárquica** (Cliente › Expediente › Proceso ›
+ * Actuación). Cada nivel es un enlace (o botón) salvo el último, que es la
+ * página actual (`aria-current="page"`, navy `primary-900`, peso medio).
+ * Separador chevron o slash; con `maxItems` los niveles intermedios se pliegan
+ * en un menú "…" (`ius-popover` por clic). Para secciones paralelas → Tabs.
+ *
+ * Decisiones del port (golden `Breadcrumb.jsx` / `.d.ts`):
+ * - `item.onClick` del golden no existe: toda navegación (crumbs y menú "…")
+ *   sale por el output `navigate` `{ item, index, event }`; el consumidor hace
+ *   `event.preventDefault()` si enruta por SPA.
+ * - El menú "…" compone `ius-popover` (trigger click, controlado con `open`)
+ *   y se cierra al elegir un nivel.
+ */
+declare class BreadcrumbComponent {
+    /** Niveles, de la raíz (izquierda) a la página actual (derecha). */
+    readonly items: _angular_core.InputSignal<readonly IusBreadcrumbItem[]>;
+    /** Separador entre crumbs. Default `chevron`. */
+    readonly separator: _angular_core.InputSignal<IusBreadcrumbSeparator>;
+    /** Tamaño. `small` · `medium` (default). */
+    readonly size: _angular_core.InputSignal<IusBreadcrumbSize>;
+    /** Si > 0 y hay más de `maxItems` crumbs, colapsa los del medio en un menú "…". */
+    readonly maxItems: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Crumbs visibles al inicio cuando se colapsa. Default 1. */
+    readonly itemsBeforeCollapse: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Crumbs visibles al final cuando se colapsa. Default 2. */
+    readonly itemsAfterCollapse: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Etiqueta accesible del `<nav>`. Default `Ruta de navegación`. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Navegación de cualquier crumb, también desde el menú "…" (`onNavigate`). */
+    readonly navigate: _angular_core.OutputEmitterRef<IusBreadcrumbNavigate>;
+    /** Apertura del menú "…" (controlada para cerrarlo al elegir un nivel). */
+    protected readonly moreOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly total: _angular_core.Signal<number>;
+    /** Todos los crumbs, o cabeza + "…" + cola cuando se colapsa. */
+    protected readonly rendered: _angular_core.Signal<Entry[]>;
+    protected isCurrent(index: number): boolean;
+    protected onCrumb(item: IusBreadcrumbItem, index: number, event: Event): void;
+    protected onHidden(item: IusBreadcrumbItem, index: number, event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ius-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; "isSignal": true; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "navigate": "navigate"; }, never, never, true, never>;
+}
+
+export { AccordionComponent, AccountItemComponent, AlertComponent, AppLayoutComponent, AvatarComponent, BreadcrumbComponent, ButtonComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DescriptionListComponent, DividerComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, FlexComponent, FormComponent, FormFieldComponent, FormSectionComponent, 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, IusFormFooterDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStatDeltaDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SplitterComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, createWizard, eventKindOptions, iusSegColor, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveEventIcon, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
+export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, CountdownDirection, CountdownFormat, CountdownRingSize, CountdownRingTone, DescriptionListItem, DescriptionListLayout, DescriptionListSize, DescriptionListValueClick, EventIconSource, EventKind, EventKindOption, GestionStatus, IllustrationEntry, IllustrationName, IllustrationSize, IusAccordionItem, IusAccordionVariant, IusAccountItemAction, IusAccountItemState, IusAppLayoutAccent, IusAvatarColor, IusAvatarShape, IusAvatarSize, IusBreadcrumbItem, IusBreadcrumbNavigate, IusBreadcrumbSeparator, IusBreadcrumbSize, 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, IusFormColumns, IusFormError, IusFormFieldSpan, IusFormSectionVariant, IusIconButtonShape, IusIconButtonSize, IusIconButtonVariant, IusInsigniaSize, IusInsigniaTone, IusInsigniaVariant, IusLinearProgressSegment, IusLinearProgressSize, IusLinearProgressTone, IusListCardAction, IusListCardField, IusListCardMarker, IusListCardMenuItem, IusListCardSize, IusListCardStatus, IusListCardTag, IusListCardTone, IusListViewAction, IusListViewSize, IusListViewSortOption, IusLoadingMarkSurface, IusLoadingVariant, IusMenuItemSize, IusMenuItemState, IusMenuItemVariant, IusMenuOption, IusModalCloseReason, IusModalIconTone, IusModalSize, IusMultiTextFieldSize, IusMultiTextFieldSlot, IusMultiTextFieldState, IusNavUserAccount, IusNavUserLayout, IusNavUserUser, IusOAuthButtonSize, IusOAuthButtonType, IusOAuthProvider, IusOptionItemSize, IusOptionItemState, IusPageHeaderTitleLevel, IusPersonId, IusPersonItemAction, IusPersonItemSize, IusPersonItemState, IusPersonItemVariant, IusPersonOption, IusPersonPickerSelectedContext, IusPlanUsageAction, IusPlanUsageLegend, IusPlanUsageStatus, IusPopoverPadding, IusPopoverPlacement, IusPopoverTrigger, IusQueryBuilderSize, IusScrollAxis, IusScrollSize, IusSearchBarSize, IusSearchBarState, IusSectionHeaderAccent, IusSectionHeaderVariant, IusSectionTitleAs, IusSectionTitleHelpTrigger, IusSectionTitleSize, IusSegmentedSize, IusSegmentedVariant, IusSelectCreateFactory, IusSelectSize, IusSelectState, IusSelectValue, IusSettingsNavAccent, IusSettingsNavItem, IusSettingsNavSize, IusShowMoreAlign, IusSkeletonAnimation, IusSkeletonVariant, IusSplitterAccent, IusSplitterOrientation, IusStatAlign, IusStatSize, IusStatTone, IusStatusChipSize, IusStatusChipTone, IusStatusKind, IusTabItem, IusTabTag, IusTableAlign, IusTableCellContext, IusTableColumn, IusTableHeaderContext, IusTableRowClick, IusTableRowKey, IusTableRowStyle, IusTableSize, IusTableSortChange, IusTableSortDirection, IusTableSummaryCell, IusTableTone, IusTabsAccent, IusTabsSize, IusTagRole, IusTagShape, IusTagSize, IusTagState, IusTagTone, IusTagVariant, IusTextAlign, IusTextAreaSize, IusTextAreaState, IusTextButtonSize, IusTextButtonType, IusTextColor, IusTextFieldSize, IusTextFieldType, IusTextTag, IusTextVariant, IusTextWeight, IusTimelineAccent, IusTimelineAssignee, IusTimelineAttachment, IusTimelineAttachmentClick, IusTimelineItem, IusTimelineItemState, IusTimelineSize, IusTimelineTag, IusTimelineTagTone, IusToastItem, IusToastOptions, IusToastPosition, IusToastTone, IusTooltipTrigger, IusUserMenuAccount, IusUserMenuAccountOption, IusUserMenuItem, IusUserMenuOrigin, IusUserMenuService, IusUserMenuUser, OrbMood, OrbPose, SegmentedOption, SelectOption, SelectOptionGroup, StatusMeta, StatusOption, StatusTone, StatusToneVars, StatusVocabMap, StatusVocabName, UseWizardOptions, WizardApi, WizardStep };