@litigiovirtual/ius-design-components 2.1.19 → 2.1.21

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

@@ -7102,8 +7102,8 @@ declare class StatComponent {
     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" | "down" | "up" | null>;
-    protected readonly deltaArrow: _angular_core.Signal<"remove" | "arrow_upward" | "arrow_downward">;
+    protected readonly deltaDir: _angular_core.Signal<"up" | "down" | "flat" | 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>;
@@ -7299,5 +7299,706 @@ declare class PageHeaderComponent {
     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", "overlineRef", "titleRef", "subtitleRef"], ["[iusPageHeaderBreadcrumb]", "[iusPageHeaderOverline]", "[iusPageHeaderTitle]", "[iusPageHeaderSubtitle]", "[iusPageHeaderActions]", "[iusPageHeaderToolbar]"], 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, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NavUserComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, 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, 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, IusPageHeaderTitleLevel, 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, 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 };
+/**
+ * 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>;
+}
+
+/** Tonos categóricos del DS (identidad sin estado) — rotación por defecto de las series. */
+type ChartCategoricalTone = 'durazno' | 'banano' | 'sandia' | 'arandano' | 'uva' | 'aguacate';
+/** Familias semánticas — usar cuando el dato implica estado. */
+type ChartSemanticTone = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+type ChartTone = ChartCategoricalTone | ChartSemanticTone;
+/** Curvatura de una línea: Catmull-Rom suave o segmentos rectos. */
+type ChartCurve = 'smooth' | 'linear';
+/** Punto ya proyectado al lienzo SVG (px). */
+interface ChartPoint {
+    x: number;
+    y: number;
+}
+/** Orden de rotación categórica de las series cuando no traen `tone` (mismo orden que el golden). */
+declare const CHART_CATEGORICAL_TONES: readonly ChartCategoricalTone[];
+declare const CHART_SEMANTIC_TONES: readonly ChartSemanticTone[];
+/** Los 12 tonos del contrato `ChartTone`. */
+declare const CHART_TONES: readonly ChartTone[];
+/**
+ * Resuelve un tono → variable CSS de color (`--ius-<tono>-<shade>`, default 500).
+ * `neutral` no tiene -500: mapea a la escala gris (≥600 → neutral-8, si no neutral-7).
+ */
+declare function chartToneVar(tone: ChartTone, shade?: number): string;
+/** Tono efectivo de la serie `index`: el explícito o la rotación categórica. */
+declare function chartToneAt(tone: ChartTone | undefined, index: number): ChartTone;
+/** Nice-number rounding para los ticks del eje (Heckbert). */
+declare function chartNiceNum(range: number, round: boolean): number;
+/**
+ * Ticks «nice» de un eje: `count` divisiones aproximadas entre `min` y `max`,
+ * extendidas al múltiplo de paso más cercano por fuera. El primero y el último
+ * son el dominio efectivo del eje.
+ */
+declare function chartAxisTicks(min: number, max: number, count: number): number[];
+/** Trazado suave (Catmull-Rom → Bézier cúbica) por los puntos dados. */
+declare function chartSmoothPath(pts: readonly ChartPoint[]): string;
+/** Trazado de segmentos rectos por los puntos dados. */
+declare function chartLinearPath(pts: readonly ChartPoint[]): string;
+/** Trazado según la curvatura pedida. */
+declare function chartPath(pts: readonly ChartPoint[], curve: ChartCurve): string;
+/** Formato numérico por defecto de los charts: `Intl` es-CO (+ sufijo de unidad opcional). */
+declare function chartFormatValue(n: number, unit?: string): string;
+/** Espejo del chequeo de reduced-motion que hacen los goldens antes de animar. */
+declare function chartPrefersReducedMotion(): boolean;
+
+/** Forma del micrográfico. */
+type IusSparklineVariant = 'line' | 'bar';
+interface SparkBar {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    rx: number;
+    opacity: number;
+}
+/**
+ * Sparkline — Ius Design v2 (familia charts).
+ *
+ * **Micrográfico** en SVG propio para incrustar una tendencia dentro de una
+ * celda de tabla, una card o un KPI (`ius-stat` vía `[iusStatSparkline]`): sin
+ * ejes, sin leyenda, sin tooltip — solo la forma del dato. Variante `line`
+ * (con área opcional) o `bar` (la última barra a opacidad plena ancla el
+ * «ahora»). Color por un tono fijo o **por tendencia** (`trend`: success si el
+ * último valor ≥ el primero, si no danger).
+ *
+ * Pensado para repetirse muchas veces: **estático y liviano** por diseño, sin
+ * animación ni interacción ni outputs. Fuente de verdad: `Sparkline.jsx` +
+ * `Sparkline.d.ts` + `Sparkline.ng-spec.md`. Tonos/trazados desde `charts-core`.
+ *
+ * No usar como gráfico principal con ejes/leyenda/tooltip (→ LineChart / BarChart).
+ */
+declare class SparklineComponent {
+    /** Serie de valores. En `line` cada valor es un punto; en `bar`, una barra. */
+    readonly data: _angular_core.InputSignal<readonly number[]>;
+    /** Forma: `line` (default) o `bar`. */
+    readonly variant: _angular_core.InputSignal<IusSparklineVariant>;
+    /** Ancho en px. Default 96. */
+    readonly width: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Alto en px. Default 28. */
+    readonly height: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Tono fijo del trazo/barras. Default `arandano`. Ignorado si `trend`. */
+    readonly tone: _angular_core.InputSignal<ChartTone>;
+    /** Colorea por tendencia: `success` si el último ≥ el primero, si no `danger`. */
+    readonly trend: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Relleno de área bajo la línea (solo `line`). */
+    readonly area: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Curvatura de la línea. Default `smooth`. */
+    readonly curve: _angular_core.InputSignal<ChartCurve>;
+    /** Grosor del trazo (solo `line`). Default 1.5. */
+    readonly strokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Punto en el último valor (solo `line`). Default true. */
+    readonly showDot: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Fuerza el mínimo del dominio (default: mínimo del dato). */
+    readonly min: _angular_core.InputSignal<number | undefined>;
+    /** Fuerza el máximo del dominio (default: máximo del dato). */
+    readonly max: _angular_core.InputSignal<number | undefined>;
+    /** Etiqueta accesible (p. ej. «Movimientos últimos 12 meses»). */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Id del degradado del área, único por instancia (igual que `gid` del golden). */
+    protected readonly gid: string;
+    /** Solo valores numéricos finitos (el golden descarta null/NaN antes de dibujar). */
+    protected readonly vals: _angular_core.Signal<number[]>;
+    protected readonly hasData: _angular_core.Signal<boolean>;
+    /** Color efectivo: por tendencia (success/danger) o el tono fijo, siempre escalón 500. */
+    protected readonly color: _angular_core.Signal<string>;
+    /** Caja de dibujo: padding = strokeWidth + 1, dominio auto o forzado. */
+    private readonly frame;
+    /** Puntos de la línea (un solo valor se centra). */
+    protected readonly pts: _angular_core.Signal<ChartPoint[]>;
+    protected readonly dLine: _angular_core.Signal<string>;
+    protected readonly dArea: _angular_core.Signal<string>;
+    protected readonly last: _angular_core.Signal<ChartPoint | null>;
+    protected readonly dotR: _angular_core.Signal<number>;
+    /** Barras: gap proporcional (12 % del ancho repartido), la última a opacidad plena. */
+    protected readonly bars: _angular_core.Signal<SparkBar[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SparklineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SparklineComponent, "ius-sparkline", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "showDot": { "alias": "showDot"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Una serie del gráfico: valores alineados 1:1 con `categories`; `null` deja un hueco. */
+interface IusLineSeries {
+    /** Identificador único de la serie. */
+    key: string;
+    /** Etiqueta de la serie (leyenda + tooltip). */
+    label: string;
+    /** Valores alineados 1:1 con `categories`. `null` deja un hueco en la línea. */
+    values: ReadonlyArray<number | null>;
+    /** Tono explícito; si se omite, rota por los tonos categóricos del DS. */
+    tone?: ChartTone;
+    /** Rellena el área bajo la línea (degradado del propio tono). Sobrescribe `area` global. */
+    area?: boolean;
+    /** Línea punteada (proyección, meta, periodo incompleto…). */
+    dashed?: boolean;
+}
+/** Puntos sobre los datos: siempre, solo en la categoría activa (hover), o nunca. */
+type IusLineChartPoints = 'always' | 'hover' | 'none';
+interface LineGeometry {
+    key: string;
+    label: string;
+    color: string;
+    gradId: string;
+    dLine: string;
+    dArea: string | null;
+    dashed: boolean;
+    /** Puntos existentes (sin los `null`), para `showPoints="always"`. */
+    points: ChartPoint[];
+}
+interface Frame {
+    W: number;
+    H: number;
+    mT: number;
+    mR: number;
+    mB: number;
+    mL: number;
+    innerW: number;
+    innerH: number;
+    n: number;
+    ticks: number[];
+    lo: number;
+    hi: number;
+    baseY: number;
+    xAt: (i: number) => number;
+    yAt: (v: number) => number;
+}
+/**
+ * LineChart — Ius Design v2 (familia charts).
+ *
+ * **Gráfico de líneas / área** en SVG propio (sin librería de charts) para la
+ * evolución de una magnitud sobre una **secuencia ordenada** (meses, semanas…).
+ * Una o varias series sobre el mismo eje; `null` deja un hueco en la línea.
+ *
+ * Trae ejes + grilla «nice numbers», leyenda (auto con > 1 serie), etiquetas de
+ * valor opcionales, **tooltip** en hover con guía vertical y puntos de la
+ * categoría más cercana, **animación** de entrada (stroke-dash reveal vía WAAPI,
+ * con red de seguridad que deja la línea sólida y respeto a
+ * `prefers-reduced-motion`), tamaño **responsive** (`ResizeObserver`, `minWidth`,
+ * `aspectRatio`) o **fijo** (`width`), y estados de **carga** (skeleton) y
+ * **vacío** (compone `ius-empty-state`).
+ *
+ * Fuente de verdad: `LineChart.jsx` + `LineChart.d.ts` + `LineChart.ng-spec.md`.
+ * Tonos, escala, trazados y formato es-CO vienen de `charts-core`.
+ *
+ * Decisiones del port: `label`/`emptyTitle`/`emptyDescription`/`xFormat` son
+ * `string` (el ReactNode se degrada a texto); el slot `empty` viaja como
+ * `emptyTemplate: TemplateRef`. Display puro: sin outputs (la spec los deja
+ * opcionales).
+ *
+ * No usar para categorías discretas sin orden (→ BarChart), partes de un todo
+ * (→ DonutChart) ni mini-tendencia embebida sin ejes (→ Sparkline).
+ */
+declare class LineChartComponent implements AfterViewInit, OnDestroy {
+    /** Etiquetas del eje X (secuencia ordenada). */
+    readonly categories: _angular_core.InputSignal<readonly (string | number)[]>;
+    /** Series a trazar (una línea cada una). */
+    readonly series: _angular_core.InputSignal<readonly IusLineSeries[]>;
+    /** Alto del área de dibujo en px. Default 280. */
+    readonly height: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Ancho fijo en px. Si se omite, el chart es responsive (llena el contenedor). */
+    readonly width: _angular_core.InputSignal<number | undefined>;
+    /** En modo responsive fija el alto como ancho/ratio (ignora `height`). */
+    readonly aspectRatio: _angular_core.InputSignal<number | undefined>;
+    /** Ancho mínimo en px (modo responsive). Default 280. */
+    readonly minWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Ancho reservado para las etiquetas del eje Y en px. Default 44. */
+    readonly yAxisWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly showXAxis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showYAxis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showGrid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Nº aproximado de divisiones del eje Y. Default 4. */
+    readonly yTicks: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Fuerza el mínimo del eje Y (default: 0 si todo es ≥ 0, si no el mínimo del dato). */
+    readonly yMin: _angular_core.InputSignal<number | undefined>;
+    /** Fuerza el máximo del eje Y (default: automático «nice»). */
+    readonly yMax: _angular_core.InputSignal<number | undefined>;
+    /** Relleno de área bajo todas las líneas (por serie con `series[].area`). */
+    readonly area: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Curvatura de la línea. Default `smooth`. */
+    readonly curve: _angular_core.InputSignal<ChartCurve>;
+    /** Puntos sobre los datos. Default `hover`. */
+    readonly showPoints: _angular_core.InputSignal<IusLineChartPoints>;
+    /** Etiqueta de valor sobre cada punto (usar con pocos puntos / 1 serie). */
+    readonly showValueLabels: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Leyenda de series. Sin fijar: visible cuando hay > 1 serie. */
+    readonly showLegend: _angular_core.InputSignal<boolean | undefined>;
+    /** Tooltip en hover con guía vertical. Default true. */
+    readonly showTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Formatea los valores (eje Y, tooltip, etiquetas). Default `Intl` es-CO. */
+    readonly valueFormat: _angular_core.InputSignal<((value: number) => string) | undefined>;
+    /** Formatea las etiquetas del eje X (y el título del tooltip). */
+    readonly xFormat: _angular_core.InputSignal<((category: string | number, index: number) => string) | undefined>;
+    /** Sufijo de unidad (p. ej. ` mov`). Ignorado si hay `valueFormat`. */
+    readonly unit: _angular_core.InputSignal<string | undefined>;
+    /** Carga: oculta los datos y muestra un skeleton del área. */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Plantilla propia cuando no hay datos (reemplaza el EmptyState por defecto). */
+    readonly emptyTemplate: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Título del EmptyState por defecto. */
+    readonly emptyTitle: _angular_core.InputSignal<string>;
+    /** Descripción del EmptyState por defecto. */
+    readonly emptyDescription: _angular_core.InputSignal<string | undefined>;
+    /** Animación de entrada: dibujado de la línea (stroke-dash reveal). Default true. */
+    readonly animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Etiqueta accesible del gráfico. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly el;
+    private resizeObserver?;
+    private animTimers;
+    private animations;
+    /** Ancho medido del contenedor (modo responsive). */
+    private readonly measured;
+    /** Categoría bajo el cursor (tooltip + guía). */
+    protected readonly active: _angular_core.WritableSignal<number | null>;
+    private readonly uidStr;
+    protected readonly hasData: _angular_core.Signal<boolean>;
+    protected readonly legendOn: _angular_core.Signal<boolean>;
+    /** Lienzo: tamaño, márgenes, dominio Y «nice» y proyecciones x/y. */
+    protected readonly frame: _angular_core.Signal<Frame>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    /** Geometría de cada serie: color, trazado, área y puntos. */
+    protected readonly lines: _angular_core.Signal<LineGeometry[]>;
+    protected readonly gridYs: _angular_core.Signal<number[]>;
+    protected readonly yTickItems: _angular_core.Signal<{
+        y: number;
+        text: string;
+    }[]>;
+    protected readonly xLabels: _angular_core.Signal<{
+        x: number;
+        text: string;
+    }[]>;
+    protected readonly valueLabels: _angular_core.Signal<{
+        x: number;
+        y: number;
+        text: string;
+    }[]>;
+    /** Línea fantasma del skeleton: seno suave sobre las categorías (mínimo 6 puntos, como el golden). */
+    protected readonly skeletonPath: _angular_core.Signal<string>;
+    /** Guía vertical + puntos resaltados de la categoría activa. */
+    protected readonly activeMarks: _angular_core.Signal<{
+        x: number;
+        y1: number;
+        y2: number;
+        points: {
+            key: string;
+            x: number;
+            y: number;
+            color: string;
+        }[];
+    } | null>;
+    /** Tarjeta del tooltip: posición en % (se re-escala con el SVG responsive) y una fila por serie. */
+    protected readonly tooltip: _angular_core.Signal<{
+        left: number;
+        top: number;
+        title: string;
+        rows: {
+            key: string;
+            label: string;
+            color: string;
+            value: string;
+        }[];
+    } | null>;
+    /** Firma del dato que dispara la animación de entrada (igual que `animSig` del golden). */
+    private readonly animSig;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Formato de un valor: `valueFormat` o `Intl` es-CO + `unit`. */
+    protected fmt(n: number): string;
+    /** Categoría más cercana al cursor (re-escala por el SVG responsive), como `onMove` del golden. */
+    protected onMove(event: MouseEvent): void;
+    protected onLeave(): void;
+    /**
+     * Efecto de dibujado (stroke-dash reveal) + fade del área vía WAAPI. Red de seguridad:
+     * pasada la duración la línea queda SÓLIDA aunque el timeline esté congelado
+     * (thumbnails/print), así nunca se ve un trazo a medias. `prefers-reduced-motion` = sin animar.
+     */
+    private runEntryAnimation;
+    private stopAnimations;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "ius-line-chart", never, { "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "yAxisWidth": { "alias": "yAxisWidth"; "required": false; "isSignal": true; }; "showXAxis": { "alias": "showXAxis"; "required": false; "isSignal": true; }; "showYAxis": { "alias": "showYAxis"; "required": false; "isSignal": true; }; "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "yTicks": { "alias": "yTicks"; "required": false; "isSignal": true; }; "yMin": { "alias": "yMin"; "required": false; "isSignal": true; }; "yMax": { "alias": "yMax"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "showPoints": { "alias": "showPoints"; "required": false; "isSignal": true; }; "showValueLabels": { "alias": "showValueLabels"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "xFormat": { "alias": "xFormat"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "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; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { AccordionComponent, AccountItemComponent, AlertComponent, AppLayoutComponent, AvatarComponent, BreadcrumbComponent, ButtonComponent, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, 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, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, LineChartComponent, 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, SparklineComponent, SplitterComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, iusSegColor, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveEventIcon, resolveIllustration, resolveStatus, statusOptions, statusOrder, statusToneVars, statusVocab, voiceEnv };
+export type { ActuacionStatus, AlertSize, AlertTone, AlertVariant, ChartCategoricalTone, ChartCurve, ChartPoint, ChartSemanticTone, ChartTone, 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, IusLineChartPoints, IusLineSeries, 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, IusSparklineVariant, 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 };