@litigiovirtual/ius-design-components 2.1.17 → 2.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litigiovirtual/ius-design-components",
-  "version": "2.1.17",
+  "version": "2.1.18",
   "peerDependencies": {
     "@angular/cdk": ">=22.0.0 <23.0.0",
     "@angular/common": ">=22.0.0 <23.0.0",

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

@@ -874,7 +874,7 @@ declare class AlertComponent {
     /** Alineación (auto: `center` si hay `trailing` sin `actions`). */
     readonly align: _angular_core.InputSignal<"start" | "center" | undefined>;
     /** `status` (default, no interrumpe) o `alert` (asertivo). */
-    readonly role: _angular_core.InputSignal<"status" | "alert">;
+    readonly role: _angular_core.InputSignal<"alert" | "status">;
     /** Al pulsar × (original: `onClose`). */
     readonly closed: _angular_core.OutputEmitterRef<void>;
     private readonly actionsRef;
@@ -6952,9 +6952,9 @@ 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 | 40 | 44>;
+    protected readonly selWidth: _angular_core.Signal<40 | 52 | 44>;
     protected readonly isEmpty: _angular_core.Signal<boolean>;
-    protected readonly tableLayout: _angular_core.Signal<"fixed" | "auto">;
+    protected readonly tableLayout: _angular_core.Signal<"auto" | "fixed">;
     protected readonly skeletonIdx: _angular_core.Signal<number[]>;
     protected readonly showSummary: _angular_core.Signal<boolean>;
     /** Firma de estructura: al cambiar, se descartan los anchos medidos. */
@@ -7081,7 +7081,7 @@ 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<"up" | "down" | "flat" | null>;
+    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). */
@@ -7253,5 +7253,387 @@ 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"], ["[iusPageHeaderBreadcrumb]", "[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, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStatDeltaDirective, 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>;
+}
+
+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 };