@litigiovirtual/ius-design-components 2.1.19 → 2.1.20

package/fesm2022/litigiovirtual-ius-design-components.mjs

@@ -1289,7 +1289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 type: Output
             }] } });
 
-let uid$c = 0;
+let uid$f = 0;
 /**
  * TextField — Ius Design v2.
  *
@@ -1328,7 +1328,7 @@ class TextFieldComponent {
         ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
         this.revealed = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "revealed" }] : /* istanbul ignore next */ []));
-        this.inputId = `ius-tf-${uid$c++}`;
+        this.inputId = `ius-tf-${uid$f++}`;
         this.helpId = `${this.inputId}-help`;
         this.onChange = () => { };
         this.onTouched = () => { };
@@ -1469,7 +1469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 type: Output
             }] } });
 
-let uid$b = 0;
+let uid$e = 0;
 /** Reparte una cadena en `length` casillas (1 carácter por casilla). */
 function toChars(str, length) {
     const out = new Array(length).fill('');
@@ -1529,7 +1529,7 @@ class CodeFieldComponent {
         ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
         this.indexes = computed(() => this.chars().map((_, i) => i), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "indexes" }] : /* istanbul ignore next */ []));
-        this.baseId = `ius-cf-${uid$b++}`;
+        this.baseId = `ius-cf-${uid$e++}`;
         this.cellRefs = viewChildren('cell', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "cellRefs" }] : /* istanbul ignore next */ []));
         this.onChange = () => { };
@@ -2420,7 +2420,7 @@ const SIZE_MAP = {
     medium: 96,
     large: 140,
 };
-let uid$a = 0;
+let uid$d = 0;
 /**
  * Illustration — Ius Design v2 (familia feedback).
  *
@@ -2445,7 +2445,7 @@ class IllustrationComponent {
     constructor() {
         this.sanitizer = inject(DomSanitizer);
         /** ID único por instancia, para el sufijo de gradientes. */
-        this.instanceId = `i${uid$a++}`;
+        this.instanceId = `i${uid$d++}`;
         this._size = 'medium';
         this.viewBox = '0 0 110 110';
         this.safeInner = '';
@@ -2504,7 +2504,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 type: Input
             }] } });
 
-let uid$9 = 0;
+let uid$c = 0;
 /**
  * Checkbox — Ius Design v2.
  *
@@ -2542,7 +2542,7 @@ class CheckboxComponent {
         ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
         /** Callback con el nuevo booleano (original `onChange(checked)`; nunca `change`). */
         this.checkedChange = new EventEmitter();
-        this.inputId = `ius-cbx-${uid$9++}`;
+        this.inputId = `ius-cbx-${uid$c++}`;
         this.onChange = () => { };
         this.onTouched = () => { };
     }
@@ -4546,7 +4546,7 @@ function prefersReducedMotion() {
         typeof window.matchMedia === 'function' &&
         window.matchMedia('(prefers-reduced-motion: reduce)').matches);
 }
-let uid$8 = 0;
+let uid$b = 0;
 /**
  * CircularProgress — Ius Design v2.
  *
@@ -4567,7 +4567,7 @@ class CircularProgressComponent {
         this.showValue = false;
         /** Congela la cuenta regresiva conservando el tiempo restante (hover del Toast). */
         this.paused = false;
-        this.gid = `ius-cp-${uid$8++}`;
+        this.gid = `ius-cp-${uid$b++}`;
         this.zone = inject(NgZone);
         /** % restante de la cuenta regresiva (100 → 0). */
         this.remaining = signal(100, /* @ts-ignore */
@@ -4729,7 +4729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 args: [{ transform: booleanAttribute }]
             }] } });
 
-let uid$7 = 0;
+let uid$a = 0;
 /**
  *
  * Cargador de **identidad** Litigiovirtual: tres fichas se deslizan por el
@@ -4751,7 +4751,7 @@ class LoadingMarkComponent {
         /** Etiqueta accesible. */
         this.ariaLabel = 'Cargando';
         // IDs únicos por instancia para los <defs> del SVG (gradientes/filtro/máscara).
-        this.id = `lm-${uid$7++}`;
+        this.id = `lm-${uid$a++}`;
         this.baseId = `${this.id}-base`;
         this.glowId = `${this.id}-glow`;
         this.softId = `${this.id}-soft`;
@@ -5580,7 +5580,7 @@ function placeholderContent(kind, providerLabel) {
             };
     }
 }
-let uid$6 = 0;
+let uid$9 = 0;
 /**
  * CaptchaField — Ius Design v2.
  *
@@ -5729,7 +5729,7 @@ class CaptchaFieldComponent {
         this.phase = signal('loading', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "phase" }] : /* istanbul ignore next */ []));
         this.widgetId = null;
-        this.baseId = `ius-cf-${uid$6++}`;
+        this.baseId = `ius-cf-${uid$9++}`;
         this.hostRef = viewChild('host', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostRef" }] : /* istanbul ignore next */ []));
         this.onChange = () => { };
@@ -7017,7 +7017,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 type: Output
             }] } });
 
-let uid$5 = 0;
+let uid$8 = 0;
 /** ¿La lista viene agrupada (`{label, options}`) o plana? */
 function isGrouped(options) {
     return (Array.isArray(options) &&
@@ -7198,7 +7198,7 @@ class SelectComponent {
          * corren en el constructor, antes de que Angular asigne los `@Input`, así que
          * `this.id` valdría siempre `undefined` y el `id` del consumidor se perdería.
          */
-        this.fallbackId = `ius-sel-${uid$5++}`;
+        this.fallbackId = `ius-sel-${uid$8++}`;
         this.onChange = () => { };
         this.onTouched = () => { };
         this.overlay = inject(Overlay);
@@ -8829,7 +8829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Ver `SearchBar.jsx` → `demoFilled`. Nunca toca el valor real del modelo.
  */
 const IUS_SB_DEMO_VALUE = 'CriterioBusqueda';
-let uid$4 = 0;
+let uid$7 = 0;
 /**
  * SearchBar — Ius Design v2.
  *
@@ -8913,7 +8913,7 @@ class SearchBarComponent {
         this.cleared = new EventEmitter();
         // ── Estado interno ────────────────────────────────────────────────────
         this.inputRef = viewChild.required('input');
-        this.autoId = `ius-sb-${uid$4++}`;
+        this.autoId = `ius-sb-${uid$7++}`;
         /** Estado forzado que el golden considera "con criterio" (demos). */
         this.demoFilled = computed(() => this.stateInput() === 'hover' || this.stateInput() === 'focused', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "demoFilled" }] : /* istanbul ignore next */ []));
@@ -9383,7 +9383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 args: ['triggerEl']
             }] } });
 
-let uid$3 = 0;
+let uid$6 = 0;
 /**
  * MultiTextField — Ius Design v2 (familia inputs).
  *
@@ -9439,7 +9439,7 @@ class MultiTextFieldComponent {
         /** Último valor escrito por el CVA (por si llega antes que los slots). */
         this.pendingValue = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "pendingValue" }] : /* istanbul ignore next */ []));
-        this.baseIdState = `ius-mtf-${uid$3++}`;
+        this.baseIdState = `ius-mtf-${uid$6++}`;
         this.slotInputs = viewChildren('slotInput', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "slotInputs" }] : /* istanbul ignore next */ []));
         this.onChange = () => { };
@@ -9722,7 +9722,7 @@ const ICON_TONES = {
     neutral: { bg: 'var(--ius-neutral-2)', fg: 'var(--ius-neutral-7)' },
 };
 /** Contador para los ids del nombre accesible (equivalente del `useId` del golden). */
-let uid$2 = 0;
+let uid$5 = 0;
 /**
  * Modal — Ius Design v2.
  *
@@ -9745,7 +9745,7 @@ class ModalComponent {
          * `aria-label`, y `aria-describedby` apunta a la descripción cuando la hay
          * (T11). `aria-label` queda solo para el caso sin `title`.
          */
-        this.baseId = `ius-modal-${uid$2++}`;
+        this.baseId = `ius-modal-${uid$5++}`;
         this.titleId = `${this.baseId}-title`;
         this.descId = `${this.baseId}-desc`;
         this.overlay = inject(Overlay);
@@ -10676,7 +10676,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 args: [{ transform: booleanAttribute }]
             }] } });
 
-let uid$1 = 0;
+let uid$4 = 0;
 /**
  * TextArea — Ius Design v2 (familia inputs).
  *
@@ -10856,7 +10856,7 @@ class TextAreaComponent {
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
         this.focused = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
-        this.areaId = `ius-ta-${uid$1++}`;
+        this.areaId = `ius-ta-${uid$4++}`;
         this.helpId = `${this.areaId}-help`;
         this.area = viewChild('area', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "area" }] : /* istanbul ignore next */ []));
@@ -12849,7 +12849,7 @@ function normalizeOpen(value, multiple) {
     const list = Array.isArray(value) ? [...value] : [value];
     return multiple ? list : list.slice(0, 1);
 }
-let uid = 0;
+let uid$3 = 0;
 /**
  * Accordion — Ius Design v2 (familia data-display).
  *
@@ -12909,7 +12909,7 @@ class AccordionComponent {
         /** Apertura propia del modo no controlado (`null` = aún sin tocar). */
         this.picked = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "picked" }] : /* istanbul ignore next */ []));
-        this.gid = `ius-acc-${uid++}`;
+        this.gid = `ius-acc-${uid$3++}`;
         this.openIds = computed(() => {
             const controlled = this.open();
             if (controlled !== undefined)
@@ -14269,6 +14269,681 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     }, template: "<!-- Fila de breadcrumb (solo detalle); volver la encabeza si existe -->\n@if (hasBreadcrumb()) {\n  <div class=\"ius-pageheader__bc\">\n    @if (backInBreadcrumb()) {\n      <span class=\"ius-pageheader__back\">\n        <ius-icon-button\n          icon=\"arrow_back\"\n          variant=\"tertiary\"\n          size=\"small\"\n          [ariaLabel]=\"backLabel()\"\n          (clicked)=\"back.emit($event)\"\n        />\n      </span>\n    }\n    <ng-content select=\"[iusPageHeaderBreadcrumb]\" />\n  </div>\n}\n\n<div class=\"ius-pageheader__top\">\n  <div class=\"ius-pageheader__lead\">\n    @if (showBack() && !backInBreadcrumb()) {\n      <span class=\"ius-pageheader__back\">\n        <ius-icon-button\n          icon=\"arrow_back\"\n          variant=\"tertiary\"\n          size=\"small\"\n          [ariaLabel]=\"backLabel()\"\n          (clicked)=\"back.emit($event)\"\n        />\n      </span>\n    }\n    <div class=\"ius-pageheader__titles\">\n      <!-- Cada pieza: input de texto \u203A contenido proyectado con su directiva -->\n      @if (overline() != null || hasOverlineSlot()) {\n        <span class=\"ius-pageheader__overline\">\n          @if (overline() != null) {\n            {{ overline() }}\n          } @else {\n            <ng-content select=\"[iusPageHeaderOverline]\" />\n          }\n        </span>\n      }\n      @if (title() != null || hasTitleSlot()) {\n        <h1 class=\"ius-pageheader__title\" [class]=\"'ius-' + titleLevel()\">\n          @if (title() != null) {\n            {{ title() }}\n          } @else {\n            <ng-content select=\"[iusPageHeaderTitle]\" />\n          }\n        </h1>\n      }\n      @if (subtitle() != null || hasSubtitleSlot()) {\n        <p class=\"ius-pageheader__subtitle\">\n          @if (subtitle() != null) {\n            {{ subtitle() }}\n          } @else {\n            <ng-content select=\"[iusPageHeaderSubtitle]\" />\n          }\n        </p>\n      }\n    </div>\n  </div>\n  @if (hasActions()) {\n    <div class=\"ius-pageheader__actions\"><ng-content select=\"[iusPageHeaderActions]\" /></div>\n  }\n</div>\n\n@if (hasToolbar()) {\n  <div class=\"ius-pageheader__toolbar\"><ng-content select=\"[iusPageHeaderToolbar]\" /></div>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--ius-space-xs)}:host([data-surface=true]){background:var(--ius-surface-card);border:1px solid var(--ius-stroke);border-radius:var(--ius-radius-lg);padding:var(--ius-space-md) var(--ius-space-lg)}:host([data-divider=true]){border-bottom:1px solid var(--ius-stroke);padding-bottom:var(--ius-space-sm)}.ius-pageheader__bc{min-width:0;display:flex;align-items:center;gap:var(--ius-space-xs)}.ius-pageheader__bc .ius-pageheader__back{margin-top:0}.ius-pageheader__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ius-space-lg)}.ius-pageheader__lead{display:flex;align-items:flex-start;gap:var(--ius-space-sm);min-width:0}.ius-pageheader__back{flex:0 0 auto}.ius-pageheader__titles{min-width:0;display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-pageheader__overline{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-medium);line-height:var(--ius-lh-sm);letter-spacing:var(--ius-ls-emphasis);text-transform:uppercase;color:var(--ius-text-tertiary)}.ius-pageheader__title{margin:0}.ius-pageheader__subtitle{margin:0;font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-secondary)}.ius-pageheader__actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--ius-space-sm)}.ius-pageheader__toolbar{display:flex;align-items:center;gap:var(--ius-space-sm);flex-wrap:wrap}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], overline: [{ type: i0.Input, args: [{ isSignal: true, alias: "overline", required: false }] }], titleLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleLevel", required: false }] }], showBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBack", required: false }] }], backLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backLabel", required: false }] }], divider: [{ type: i0.Input, args: [{ isSignal: true, alias: "divider", required: false }] }], surface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }], back: [{ type: i0.Output, args: ["back"] }], breadcrumbRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderBreadcrumbDirective), { isSignal: true }] }], actionsRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderActionsDirective), { isSignal: true }] }], toolbarRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderToolbarDirective), { isSignal: true }] }], overlineRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderOverlineDirective), { isSignal: true }] }], titleRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderTitleDirective), { isSignal: true }] }], subtitleRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusPageHeaderSubtitleDirective), { isSignal: true }] }] } });
 
+let uid$2 = 0;
+/** `min`/`max`/`step` llegan como número o como atributo de texto; vacío = sin valor.
+ *  (Declaración de función: el compilador exige un transform analizable estáticamente.) */
+function numeroOpcional(v) {
+    if (v == null || v === '')
+        return undefined;
+    const n = Number(v);
+    return Number.isNaN(n) ? undefined : n;
+}
+/** Decimales significativos de `step` (para no arrastrar 0.30000000000000004). */
+function decimalesDe(step) {
+    const s = String(step);
+    const i = s.indexOf('.');
+    return i < 0 ? 0 : s.length - i - 1;
+}
+/**
+ * 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.
+ */
+class NumberFieldComponent {
+    constructor() {
+        /** Placeholder dentro del input. Default `0`. */
+        this.placeholder = '0';
+        /** Punto rojo (•) a la izquierda del label. */
+        this.required = false;
+        this.minState = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minState" }] : /* istanbul ignore next */ []));
+        this.maxState = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxState" }] : /* istanbul ignore next */ []));
+        this.stepState = signal(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "stepState" }] : /* istanbul ignore next */ []));
+        /** Mostrar/ocultar la línea de ayuda. */
+        this.showHelpText = true;
+        /** Pastilla "?" junto al label. */
+        this.showIconHelp = false;
+        /** Estado de error (colores + errorText). */
+        this.error = false;
+        this.sizeState = signal('medium', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sizeState" }] : /* istanbul ignore next */ []));
+        this.disabledState = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
+        /** Además del CVA: cada valor confirmado (`onChange(value)` del golden). `null` = campo vacío. */
+        this.valueChange = new EventEmitter();
+        /** Valor numérico confirmado. */
+        this.value = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /** Texto crudo que edita el usuario (permite vacío o parcial como "-"). */
+        this.text = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+        this.focused = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
+        this.inputId = `ius-num-${uid$2++}`;
+        this.helpId = `${this.inputId}-help`;
+        this.atMax = computed(() => {
+            const max = this.maxState();
+            const v = this.value();
+            return typeof max === 'number' && v != null && v >= max;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "atMax" }] : /* istanbul ignore next */ []));
+        this.atMin = computed(() => {
+            const min = this.minState();
+            const v = this.value();
+            return typeof min === 'number' && v != null && v <= min;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "atMin" }] : /* istanbul ignore next */ []));
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    /** Valor mínimo. */
+    set min(v) {
+        this.minState.set(v);
+    }
+    get min() {
+        return this.minState();
+    }
+    /** Valor máximo. */
+    set max(v) {
+        this.maxState.set(v);
+    }
+    get max() {
+        return this.maxState();
+    }
+    /** Incremento de los controles y las flechas del teclado. Default `1`. */
+    set step(v) {
+        this.stepState.set(v && v > 0 ? v : 1);
+    }
+    get step() {
+        return this.stepState();
+    }
+    set size(value) {
+        this.sizeState.set(value ?? 'medium');
+    }
+    get size() {
+        return this.sizeState();
+    }
+    set disabled(value) {
+        this.disabledState.set(value);
+    }
+    get disabled() {
+        return this.disabledState();
+    }
+    get hint() {
+        return this.error ? this.errorText || this.helpText : this.helpText;
+    }
+    get showHint() {
+        return this.showHelpText && !!this.hint;
+    }
+    // ── ControlValueAccessor ──────────────────────────────────────────────
+    writeValue(value) {
+        const v = typeof value === 'number' && !Number.isNaN(value) ? value : null;
+        this.value.set(v);
+        this.text.set(v != null ? String(v) : '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabledState.set(isDisabled);
+    }
+    // ── Lógica numérica ───────────────────────────────────────────────────
+    clamp(n) {
+        let v = n;
+        const min = this.minState();
+        const max = this.maxState();
+        if (typeof min === 'number')
+            v = Math.max(min, v);
+        if (typeof max === 'number')
+            v = Math.min(max, v);
+        return v;
+    }
+    /** Redondea a la precisión de `step` (step entero → entero). */
+    aPrecision(n) {
+        const dec = decimalesDe(this.stepState());
+        return Number(n.toFixed(dec));
+    }
+    commit(n) {
+        this.value.set(n);
+        this.onChange(n);
+        this.valueChange.emit(n);
+    }
+    bump(dir) {
+        if (this.disabled)
+            return;
+        const cur = this.value();
+        const base = cur != null && !Number.isNaN(cur) ? cur : 0;
+        const next = this.aPrecision(this.clamp(base + dir * this.stepState()));
+        this.commit(next);
+        this.text.set(String(next));
+    }
+    // ── Handlers ──────────────────────────────────────────────────────────
+    onInput(event) {
+        const raw = event.target.value;
+        this.text.set(raw);
+        if (raw === '') {
+            this.commit(null);
+            return;
+        }
+        if (raw === '-')
+            return;
+        const n = Number(raw);
+        if (!Number.isNaN(n))
+            this.commit(n);
+    }
+    onFocus() {
+        this.focused.set(true);
+    }
+    onBlur() {
+        this.focused.set(false);
+        this.onTouched();
+        const t = this.text();
+        if (t === '')
+            return;
+        const n = Number(t);
+        if (t === '-' || Number.isNaN(n)) {
+            const v = this.value();
+            this.text.set(v != null ? String(v) : '');
+            return;
+        }
+        const c = this.aPrecision(this.clamp(n));
+        if (c !== this.value())
+            this.commit(c);
+        this.text.set(String(c));
+    }
+    onKeyDown(event) {
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            this.bump(1);
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            this.bump(-1);
+        }
+    }
+    aumentar() {
+        this.bump(1);
+    }
+    disminuir() {
+        this.bump(-1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NumberFieldComponent, isStandalone: true, selector: "ius-number-field", inputs: { label: "label", placeholder: "placeholder", required: ["required", "required", booleanAttribute], min: ["min", "min", numeroOpcional], max: ["max", "max", numeroOpcional], step: ["step", "step", numeroOpcional], helpText: "helpText", errorText: "errorText", showHelpText: ["showHelpText", "showHelpText", booleanAttribute], showIconHelp: ["showIconHelp", "showIconHelp", booleanAttribute], iconHelpTitle: "iconHelpTitle", iconHelpContent: "iconHelpContent", error: ["error", "error", booleanAttribute], name: "name", ariaLabel: "ariaLabel", size: "size", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.data-size": "size !== 'medium' ? size : null", "attr.data-focused": "focused() || null", "attr.data-error": "error || null", "attr.data-disabled": "disabled || null" }, classAttribute: "ius-tf ius-tf--stepper" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NumberFieldComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@if (label) {\r\n  <label [for]=\"inputId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        placement=\"top\"\r\n        trigger=\"hover\"\r\n        [disabled]=\"!iconHelpTitle && !iconHelpContent\"\r\n      >\r\n        <span class=\"ius-tf__help-icon\" role=\"button\" tabindex=\"0\" aria-label=\"Ayuda\">\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div class=\"ius-tf__field\">\r\n  <input\r\n    [id]=\"inputId\"\r\n    class=\"ius-tf__input\"\r\n    type=\"text\"\r\n    inputmode=\"numeric\"\r\n    role=\"spinbutton\"\r\n    [name]=\"name\"\r\n    [placeholder]=\"placeholder\"\r\n    [value]=\"text()\"\r\n    [disabled]=\"disabled\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [attr.aria-invalid]=\"error || null\"\r\n    [attr.aria-required]=\"required || null\"\r\n    [attr.aria-valuenow]=\"value()\"\r\n    [attr.aria-valuemin]=\"min\"\r\n    [attr.aria-valuemax]=\"max\"\r\n    [attr.aria-describedby]=\"showHint ? helpId : null\"\r\n    (input)=\"onInput($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onBlur()\"\r\n  />\r\n\r\n  <div class=\"ius-num__steppers\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-num__step\"\r\n      tabindex=\"-1\"\r\n      aria-label=\"Aumentar\"\r\n      [disabled]=\"disabled || atMax()\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"aumentar()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">expand_less</span>\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-num__step\"\r\n      tabindex=\"-1\"\r\n      aria-label=\"Disminuir\"\r\n      [disabled]=\"disabled || atMin()\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"disminuir()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">expand_more</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none;cursor:not-allowed}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix,.ius-tf__sufix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon,.ius-tf__sufix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);min-width:0;padding:0}.ius-tf__input::placeholder{color:var(--_tf-placeholder)}.ius-tf__input:disabled{cursor:not-allowed;color:var(--ius-text-disabled)}:host([data-error=true]) .ius-tf__input{color:var(--ius-text-primary)}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}:host{max-width:240px}.ius-tf__input{-moz-appearance:textfield}.ius-tf__input::-webkit-outer-spin-button,.ius-tf__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ius-tf__field{padding-right:var(--ius-space-xs)}.ius-num__steppers{display:flex;flex-direction:column;flex:0 0 auto;align-self:center;justify-content:center}.ius-num__step{appearance:none;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 var(--ius-space-xxs);line-height:0;color:var(--_tf-icon);transition:color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-num__step:first-child{margin-bottom:-3px}.ius-num__step:last-child{margin-top:-3px}.ius-num__step:hover{color:var(--ius-primary-500)}.ius-num__step:active{color:var(--ius-primary-600)}.ius-num__step:disabled{color:var(--ius-text-disabled);cursor:not-allowed}.ius-num__step .ius-icon{font-size:var(--ius-icon-sm);line-height:1}:host([data-error=true]) .ius-num__step,:host([data-force=error]) .ius-num__step{color:var(--ius-danger-700)}:host([data-error=true]) .ius-num__step:hover,:host([data-force=error]) .ius-num__step:hover{color:var(--ius-danger-800)}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NumberFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-number-field', standalone: true, imports: [PopoverComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NumberFieldComponent),
+                            multi: true,
+                        },
+                    ], host: {
+                        class: 'ius-tf ius-tf--stepper',
+                        '[attr.data-size]': "size !== 'medium' ? size : null",
+                        '[attr.data-focused]': 'focused() || null',
+                        '[attr.data-error]': 'error || null',
+                        '[attr.data-disabled]': 'disabled || null',
+                    }, template: "@if (label) {\r\n  <label [for]=\"inputId\" class=\"ius-tf__label\">\r\n    @if (required) {\r\n      <span class=\"ius-tf__required\" aria-hidden=\"true\"></span>\r\n    }\r\n    <span>{{ label }}</span>\r\n    @if (showIconHelp) {\r\n      <ius-popover\r\n        [title]=\"iconHelpTitle\"\r\n        [content]=\"iconHelpContent\"\r\n        placement=\"top\"\r\n        trigger=\"hover\"\r\n        [disabled]=\"!iconHelpTitle && !iconHelpContent\"\r\n      >\r\n        <span class=\"ius-tf__help-icon\" role=\"button\" tabindex=\"0\" aria-label=\"Ayuda\">\r\n          <span translate=\"no\" class=\"ius-icon\">help</span>\r\n        </span>\r\n      </ius-popover>\r\n    }\r\n    <span class=\"ius-tf__colon\">:</span>\r\n  </label>\r\n}\r\n\r\n<div class=\"ius-tf__field\">\r\n  <input\r\n    [id]=\"inputId\"\r\n    class=\"ius-tf__input\"\r\n    type=\"text\"\r\n    inputmode=\"numeric\"\r\n    role=\"spinbutton\"\r\n    [name]=\"name\"\r\n    [placeholder]=\"placeholder\"\r\n    [value]=\"text()\"\r\n    [disabled]=\"disabled\"\r\n    [attr.aria-label]=\"ariaLabel || null\"\r\n    [attr.aria-invalid]=\"error || null\"\r\n    [attr.aria-required]=\"required || null\"\r\n    [attr.aria-valuenow]=\"value()\"\r\n    [attr.aria-valuemin]=\"min\"\r\n    [attr.aria-valuemax]=\"max\"\r\n    [attr.aria-describedby]=\"showHint ? helpId : null\"\r\n    (input)=\"onInput($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onBlur()\"\r\n  />\r\n\r\n  <div class=\"ius-num__steppers\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-num__step\"\r\n      tabindex=\"-1\"\r\n      aria-label=\"Aumentar\"\r\n      [disabled]=\"disabled || atMax()\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"aumentar()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">expand_less</span>\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      class=\"ius-num__step\"\r\n      tabindex=\"-1\"\r\n      aria-label=\"Disminuir\"\r\n      [disabled]=\"disabled || atMin()\"\r\n      (mousedown)=\"$event.preventDefault()\"\r\n      (click)=\"disminuir()\"\r\n    >\r\n      <span translate=\"no\" class=\"ius-icon\">expand_more</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n@if (showHint) {\r\n  <span [id]=\"helpId\" class=\"ius-tf__hint\">{{ hint }}</span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-primary);--_tf-placeholder: var(--ius-text-tertiary);--_tf-icon: var(--ius-text-secondary);--_tf-clear: var(--ius-neutral-7);--_tf-py: 9px;--_tf-px: 12px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-md);display:flex;flex-direction:column;gap:var(--ius-space-xs);font-family:var(--ius-font-body);min-width:200px;width:100%;max-width:360px}.ius-tf__label{display:inline-flex;align-items:center;gap:var(--ius-space-xxs);font-weight:var(--ius-fw-medium);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-tf__required{width:5px;height:5px;border-radius:50%;background:var(--ius-danger-500);display:inline-block;margin-right:var(--ius-space-xxs)}.ius-tf__help-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-7);cursor:help}.ius-tf__help-icon .ius-icon{font-size:var(--ius-icon-md);line-height:1}.ius-tf__colon{color:var(--ius-text-secondary)}.ius-tf__field{display:flex;align-items:center;gap:var(--ius-space-xxs);padding:var(--_tf-py) var(--_tf-px);background:var(--_tf-bg);border:1px solid var(--_tf-border);border-radius:var(--ius-radius-md);transition:background-color var(--ius-duration-fast) var(--ius-ease-standard),border-color var(--ius-duration-fast) var(--ius-ease-standard),box-shadow var(--ius-duration-fast) var(--ius-ease-standard)}.ius-tf__field:hover,:host([data-force=hover]) .ius-tf__field{--_tf-bg: var(--ius-info-100);--_tf-border: transparent;--_tf-clear: var(--ius-primary-900)}:host([data-focused=true]) .ius-tf__field,:host([data-force=focused]) .ius-tf__field,.ius-tf__field:focus-within{--_tf-bg: var(--ius-info-100);--_tf-border: var(--ius-primary-500);--_tf-clear: var(--ius-primary-900);box-shadow:var(--ius-focus-ring)}:host([data-error=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{--_tf-bg: var(--ius-danger-100);--_tf-border: var(--ius-danger-700);--_tf-clear: var(--ius-danger-700);box-shadow:none}:host([data-error=true][data-focused=true]) .ius-tf__field,:host([data-force=error]) .ius-tf__field{box-shadow:0 0 0 3px var(--ius-danger-200)}:host([data-disabled=true]) .ius-tf__field,:host([data-force=disabled]) .ius-tf__field{--_tf-bg: var(--ius-neutral-2);--_tf-border: transparent;--_tf-fg: var(--ius-text-disabled);--_tf-placeholder: var(--ius-text-disabled);--_tf-icon: var(--ius-text-disabled);box-shadow:none;cursor:not-allowed}:host([data-disabled=true]) .ius-tf__label,:host([data-force=disabled]) .ius-tf__label{color:var(--ius-text-disabled)}:host([data-disabled=true]) .ius-tf__required,:host([data-force=disabled]) .ius-tf__required{background:var(--ius-neutral-5)}.ius-tf__prefix,.ius-tf__sufix{display:inline-flex;align-items:center;color:var(--_tf-icon);flex:0 0 auto}.ius-tf__prefix .ius-icon,.ius-tf__sufix .ius-icon{font-size:var(--_tf-icon-size);line-height:1}:host([data-size=small]){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}:host([data-size=large]){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}@container style(--ius-control-size: small){:host(:not([data-size])){--_tf-py: 6px;--_tf-px: 10px;--_tf-fs: var(--ius-fs-base);--_tf-lh: var(--ius-lh-base);--_tf-icon-size: var(--ius-icon-sm)}}@container style(--ius-control-size: large){:host(:not([data-size])){--_tf-py: 12px;--_tf-px: 14px;--_tf-fs: var(--ius-fs-lg);--_tf-lh: var(--ius-lh-lg);--_tf-icon-size: var(--ius-icon-lg)}}.ius-tf__input{flex:1 1 auto;appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:var(--_tf-fs);line-height:var(--_tf-lh);color:var(--_tf-fg);min-width:0;padding:0}.ius-tf__input::placeholder{color:var(--_tf-placeholder)}.ius-tf__input:disabled{cursor:not-allowed;color:var(--ius-text-disabled)}:host([data-error=true]) .ius-tf__input{color:var(--ius-text-primary)}.ius-tf__clear{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--_tf-clear);cursor:pointer;flex:0 0 auto}.ius-tf__clear:hover{color:var(--ius-neutral-9)}.ius-tf__clear .ius-icon{font-size:calc(var(--_tf-icon-size) + 2px);line-height:1}:host([data-error=true]) .ius-tf__clear{color:var(--ius-danger-700)}:host([data-error=true]) .ius-tf__clear:hover{color:var(--ius-danger-800)}.ius-tf__hint{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);font-weight:var(--ius-fw-medium);font-style:italic;color:var(--ius-text-secondary);letter-spacing:.02em}:host([data-error=true]) .ius-tf__hint,:host([data-force=error]) .ius-tf__hint{color:var(--ius-danger-700)}:host([data-disabled=true]) .ius-tf__hint,:host([data-force=disabled]) .ius-tf__hint{color:var(--ius-text-disabled)}:host{max-width:240px}.ius-tf__input{-moz-appearance:textfield}.ius-tf__input::-webkit-outer-spin-button,.ius-tf__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ius-tf__field{padding-right:var(--ius-space-xs)}.ius-num__steppers{display:flex;flex-direction:column;flex:0 0 auto;align-self:center;justify-content:center}.ius-num__step{appearance:none;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 var(--ius-space-xxs);line-height:0;color:var(--_tf-icon);transition:color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-num__step:first-child{margin-bottom:-3px}.ius-num__step:last-child{margin-top:-3px}.ius-num__step:hover{color:var(--ius-primary-500)}.ius-num__step:active{color:var(--ius-primary-600)}.ius-num__step:disabled{color:var(--ius-text-disabled);cursor:not-allowed}.ius-num__step .ius-icon{font-size:var(--ius-icon-sm);line-height:1}:host([data-error=true]) .ius-num__step,:host([data-force=error]) .ius-num__step{color:var(--ius-danger-700)}:host([data-error=true]) .ius-num__step:hover,:host([data-force=error]) .ius-num__step:hover{color:var(--ius-danger-800)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], min: [{
+                type: Input,
+                args: [{ transform: numeroOpcional }]
+            }], max: [{
+                type: Input,
+                args: [{ transform: numeroOpcional }]
+            }], step: [{
+                type: Input,
+                args: [{ transform: numeroOpcional }]
+            }], helpText: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], showHelpText: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showIconHelp: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], iconHelpTitle: [{
+                type: Input
+            }], iconHelpContent: [{
+                type: Input
+            }], error: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], name: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+/** Footer personalizado (reemplaza al footer por defecto Guardar/Cancelar). */
+class IusFormFooterDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IusFormFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IusFormFooterDirective, isStandalone: true, selector: "[iusFormFooter]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IusFormFooterDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[iusFormFooter]', standalone: true }]
+        }] });
+let uid$1 = 0;
+/**
+ * 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.
+ */
+class FormComponent {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        /** Columnas de la rejilla. Default `auto`. Las secciones lo heredan salvo que pasen el suyo. */
+        this.columns = input('auto', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        /** Campos con error → Alert danger arriba. Vacío/omitido = sin resumen. */
+        this.errorSummary = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorSummary" }] : /* istanbul ignore next */ []));
+        /** Título del resumen de errores. */
+        this.errorTitle = input('Revisa los siguientes campos', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorTitle" }] : /* istanbul ignore next */ []));
+        /** Etiqueta del botón de envío. */
+        this.submitLabel = input('Guardar', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "submitLabel" }] : /* istanbul ignore next */ []));
+        /** Etiqueta del botón de cancelar. */
+        this.cancelLabel = input('Cancelar', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cancelLabel" }] : /* istanbul ignore next */ []));
+        /** Variante del botón de envío. */
+        this.submitVariant = input('primary', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "submitVariant" }] : /* istanbul ignore next */ []));
+        /** Variante del botón de cancelar. */
+        this.cancelVariant = input('tertiary', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cancelVariant" }] : /* istanbul ignore next */ []));
+        /** Estado loading del botón de envío. */
+        this.submitting = input(false, { ...(ngDevMode ? { debugName: "submitting" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Deshabilita el botón de envío. */
+        this.submitDisabled = input(false, { ...(ngDevMode ? { debugName: "submitDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** `false` = sin footer (dentro de Drawer/Modal, que ya ponen el suyo). */
+        this.footer = input(true, { ...(ngDevMode ? { debugName: "footer" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Añade el botón de cancelar al footer por defecto (equivale a pasar `onCancel`). */
+        this.showCancel = input(false, { ...(ngDevMode ? { debugName: "showCancel" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Footer fijo al fondo del scroll (solo el footer propio). Default `true`. */
+        this.stickyFooter = input(true, { ...(ngDevMode ? { debugName: "stickyFooter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Modo acordeón: solo una sección colapsable abierta a la vez. */
+        this.accordion = input(false, { ...(ngDevMode ? { debugName: "accordion" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Tratamiento de las secciones colapsables. Default `contained`. */
+        this.sectionVariant = input('contained', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sectionVariant" }] : /* istanbul ignore next */ []));
+        /** Envío (`onSubmit`): el `SubmitEvent` nativo, ya prevenido. */
+        this.submitted = output();
+        /** Cancelar (`onCancel`). */
+        this.cancelled = output();
+        this.footerSlot = contentChild(IusFormFooterDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "footerSlot" }] : /* istanbul ignore next */ []));
+        this.hasFooterSlot = computed(() => !!this.footerSlot(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasFooterSlot" }] : /* istanbul ignore next */ []));
+        this.errores = computed(() => this.errorSummary() ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errores" }] : /* istanbul ignore next */ []));
+        this.hasErrors = computed(() => this.errores().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasErrors" }] : /* istanbul ignore next */ []));
+        this.formId = `ius-form-${uid$1++}`;
+        // ── Coordinación single-open de las secciones colapsables ──────────────
+        /** Sección colapsable abierta en modo `accordion` (`null` = todas cerradas). */
+        this.openSectionId = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "openSectionId" }] : /* istanbul ignore next */ []));
+        this.inicializado = false;
+    }
+    /** Una sección colapsable se registra al montarse; la primera con `defaultOpen` queda abierta. */
+    register(sectionId, defaultOpen) {
+        if (!this.inicializado && defaultOpen) {
+            this.inicializado = true;
+            this.openSectionId.set(sectionId);
+        }
+    }
+    setOpen(sectionId) {
+        this.openSectionId.set(sectionId);
+    }
+    // ── Handlers ──────────────────────────────────────────────────────────
+    onSubmit(event) {
+        event.preventDefault();
+        this.submitted.emit(event);
+    }
+    onCancel() {
+        this.cancelled.emit();
+    }
+    /** Enlace del resumen: enfoca el campo por `id` o `name`. */
+    focusField(field, event) {
+        event.preventDefault();
+        const el = this.document.getElementById(field) ??
+            this.document.querySelector(`[name="${field}"]`);
+        el?.focus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FormComponent, isStandalone: true, selector: "ius-form", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, errorSummary: { classPropertyName: "errorSummary", publicName: "errorSummary", isSignal: true, isRequired: false, transformFunction: null }, errorTitle: { classPropertyName: "errorTitle", publicName: "errorTitle", isSignal: true, isRequired: false, transformFunction: null }, submitLabel: { classPropertyName: "submitLabel", publicName: "submitLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, submitVariant: { classPropertyName: "submitVariant", publicName: "submitVariant", isSignal: true, isRequired: false, transformFunction: null }, cancelVariant: { classPropertyName: "cancelVariant", publicName: "cancelVariant", isSignal: true, isRequired: false, transformFunction: null }, submitting: { classPropertyName: "submitting", publicName: "submitting", isSignal: true, isRequired: false, transformFunction: null }, submitDisabled: { classPropertyName: "submitDisabled", publicName: "submitDisabled", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, showCancel: { classPropertyName: "showCancel", publicName: "showCancel", isSignal: true, isRequired: false, transformFunction: null }, stickyFooter: { classPropertyName: "stickyFooter", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, accordion: { classPropertyName: "accordion", publicName: "accordion", isSignal: true, isRequired: false, transformFunction: null }, sectionVariant: { classPropertyName: "sectionVariant", publicName: "sectionVariant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { submitted: "submitted", cancelled: "cancelled" }, queries: [{ propertyName: "footerSlot", first: true, predicate: IusFormFooterDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<form class=\"ius-form\" [id]=\"formId\" novalidate (submit)=\"onSubmit($event)\">\r\n  @if (hasErrors()) {\r\n    <ius-alert tone=\"danger\" role=\"alert\" [title]=\"errorTitle()\">\r\n      <ul class=\"ius-form__summary-list\">\r\n        @for (e of errores(); track e.field ?? $index) {\r\n          <li>\r\n            @if (e.field; as field) {\r\n              <a [href]=\"'#' + field\" (click)=\"focusField(field, $event)\">{{ e.label || field }}</a>\r\n            } @else {\r\n              {{ e.label || '' }}\r\n            }\r\n            @if (e.message) {\r\n              \u2014 {{ e.message }}\r\n            }\r\n          </li>\r\n        }\r\n      </ul>\r\n    </ius-alert>\r\n  }\r\n\r\n  <div class=\"ius-form__grid\" [attr.data-cols]=\"columns()\">\r\n    <ng-content />\r\n  </div>\r\n\r\n  @if (footer()) {\r\n    <div class=\"ius-form__footer\" [attr.data-sticky]=\"stickyFooter() ? 'true' : null\">\r\n      @if (hasFooterSlot()) {\r\n        <ng-content select=\"[iusFormFooter]\" />\r\n      } @else {\r\n        @if (showCancel()) {\r\n          <ius-button [variant]=\"cancelVariant()\" type=\"button\" [label]=\"cancelLabel()\" (clicked)=\"onCancel()\" />\r\n        }\r\n        <ius-button\r\n          [variant]=\"submitVariant()\"\r\n          type=\"submit\"\r\n          [loading]=\"submitting()\"\r\n          [disabled]=\"submitDisabled()\"\r\n          [label]=\"submitLabel()\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n</form>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;min-height:0}.ius-form{container-type:inline-size;display:flex;flex-direction:column;gap:var(--ius-space-lg);font-family:var(--ius-font-body);min-height:0;margin:0;flex:1 1 auto}.ius-form__grid{display:grid;gap:var(--ius-space-md) var(--ius-space-lg);grid-template-columns:1fr;align-content:start}.ius-form__grid[data-cols=\"1\"]{grid-template-columns:1fr}@container (min-width: 600px){.ius-form__grid[data-cols=\"2\"],.ius-form__grid[data-cols=auto]{grid-template-columns:1fr 1fr}}.ius-form__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ius-space-sm)}.ius-form__footer[data-sticky=true]{position:sticky;bottom:0;background:var(--ius-surface-card);border-top:1px solid var(--ius-stroke);padding-top:var(--ius-space-md)}.ius-form__summary-list{list-style:disc;margin:var(--ius-space-xs) 0 0;padding-left:var(--ius-space-lg);display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-form__summary-list li{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm)}.ius-form__summary-list a{color:inherit;text-decoration:underline;cursor:pointer}\n"], dependencies: [{ kind: "component", type: AlertComponent, selector: "ius-alert", inputs: ["tone", "variant", "size", "border", "title", "overline", "icon", "iconChip", "meta", "closable", "closeLabel", "actionsDivider", "align", "role"], outputs: ["closed"] }, { kind: "component", type: ButtonComponent, selector: "ius-button", inputs: ["variant", "label", "prefixIcon", "sufixIcon", "dynamic", "loading", "status", "disabled", "pressed", "fullWidth", "type", "ariaLabel", "action", "size"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-form', standalone: true, imports: [AlertComponent, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"ius-form\" [id]=\"formId\" novalidate (submit)=\"onSubmit($event)\">\r\n  @if (hasErrors()) {\r\n    <ius-alert tone=\"danger\" role=\"alert\" [title]=\"errorTitle()\">\r\n      <ul class=\"ius-form__summary-list\">\r\n        @for (e of errores(); track e.field ?? $index) {\r\n          <li>\r\n            @if (e.field; as field) {\r\n              <a [href]=\"'#' + field\" (click)=\"focusField(field, $event)\">{{ e.label || field }}</a>\r\n            } @else {\r\n              {{ e.label || '' }}\r\n            }\r\n            @if (e.message) {\r\n              \u2014 {{ e.message }}\r\n            }\r\n          </li>\r\n        }\r\n      </ul>\r\n    </ius-alert>\r\n  }\r\n\r\n  <div class=\"ius-form__grid\" [attr.data-cols]=\"columns()\">\r\n    <ng-content />\r\n  </div>\r\n\r\n  @if (footer()) {\r\n    <div class=\"ius-form__footer\" [attr.data-sticky]=\"stickyFooter() ? 'true' : null\">\r\n      @if (hasFooterSlot()) {\r\n        <ng-content select=\"[iusFormFooter]\" />\r\n      } @else {\r\n        @if (showCancel()) {\r\n          <ius-button [variant]=\"cancelVariant()\" type=\"button\" [label]=\"cancelLabel()\" (clicked)=\"onCancel()\" />\r\n        }\r\n        <ius-button\r\n          [variant]=\"submitVariant()\"\r\n          type=\"submit\"\r\n          [loading]=\"submitting()\"\r\n          [disabled]=\"submitDisabled()\"\r\n          [label]=\"submitLabel()\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n</form>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;min-height:0}.ius-form{container-type:inline-size;display:flex;flex-direction:column;gap:var(--ius-space-lg);font-family:var(--ius-font-body);min-height:0;margin:0;flex:1 1 auto}.ius-form__grid{display:grid;gap:var(--ius-space-md) var(--ius-space-lg);grid-template-columns:1fr;align-content:start}.ius-form__grid[data-cols=\"1\"]{grid-template-columns:1fr}@container (min-width: 600px){.ius-form__grid[data-cols=\"2\"],.ius-form__grid[data-cols=auto]{grid-template-columns:1fr 1fr}}.ius-form__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ius-space-sm)}.ius-form__footer[data-sticky=true]{position:sticky;bottom:0;background:var(--ius-surface-card);border-top:1px solid var(--ius-stroke);padding-top:var(--ius-space-md)}.ius-form__summary-list{list-style:disc;margin:var(--ius-space-xs) 0 0;padding-left:var(--ius-space-lg);display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-form__summary-list li{font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm)}.ius-form__summary-list a{color:inherit;text-decoration:underline;cursor:pointer}\n"] }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], errorSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorSummary", required: false }] }], errorTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorTitle", required: false }] }], submitLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], submitVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitVariant", required: false }] }], cancelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelVariant", required: false }] }], submitting: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitting", required: false }] }], submitDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitDisabled", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], showCancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCancel", required: false }] }], stickyFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyFooter", required: false }] }], accordion: [{ type: i0.Input, args: [{ isSignal: true, alias: "accordion", required: false }] }], sectionVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionVariant", required: false }] }], submitted: [{ type: i0.Output, args: ["submitted"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }], footerSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusFormFooterDirective), { isSignal: true }] }] } });
+
+let uid = 0;
+/**
+ * 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.
+ */
+class FormSectionComponent {
+    constructor() {
+        this.form = inject(FormComponent, { optional: true });
+        /** Título de la sección. */
+        this.title = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        /** Descripción breve bajo el título. */
+        this.description = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        /** Ícono Material Symbols a la izquierda del título (solo no colapsable). */
+        this.icon = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        /** Sección plegable (Accordion). Default `false`. */
+        this.collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Sobreescribe el `sectionVariant` del Form para esta sección colapsable. */
+        this.variant = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        /** Abierta por defecto cuando es colapsable. Default `true`. */
+        this.defaultOpen = input(true, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Columnas de la rejilla interna. Si se omite, hereda el `columns` del Form; si tampoco, `auto`. */
+        this.columns = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.cuerpo = viewChild.required('cuerpo');
+        this.sectionId = `ius-form-sec-${uid++}`;
+        this.colsEfectivas = computed(() => this.columns() ?? this.form?.columns() ?? 'auto', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colsEfectivas" }] : /* istanbul ignore next */ []));
+        this.variantEfectiva = computed(() => this.variant() ?? this.form?.sectionVariant() ?? 'contained', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variantEfectiva" }] : /* istanbul ignore next */ []));
+        /** Modo single-open coordinado por el Form. */
+        this.single = computed(() => !!this.form?.accordion(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "single" }] : /* istanbul ignore next */ []));
+        /** Apertura controlada solo en modo `accordion`; `undefined` deja el control al Accordion. */
+        this.accOpen = computed(() => {
+            if (!this.single())
+                return undefined;
+            return this.form.openSectionId() === this.sectionId ? this.sectionId : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accOpen" }] : /* istanbul ignore next */ []));
+        this.accDefaultOpen = computed(() => this.single() ? undefined : this.defaultOpen() ? this.sectionId : undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accDefaultOpen" }] : /* istanbul ignore next */ []));
+        this.items = computed(() => [
+            { id: this.sectionId, title: this.title() ?? '', icon: this.icon(), content: this.cuerpo() },
+        ], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        // Registro en el Form cuando participa del modo single-open (useEffect del golden).
+        effect(() => {
+            if (this.single() && this.collapsible()) {
+                const abierta = this.defaultOpen();
+                untracked(() => this.form.register(this.sectionId, abierta));
+            }
+        });
+    }
+    onAccOpenChange(openId) {
+        if (!this.single())
+            return;
+        this.form.setOpen(openId ? this.sectionId : null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FormSectionComponent, isStandalone: true, selector: "ius-form-section", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ius-form__section--plain": "!collapsible()", "class.ius-form__section--divided-acc": "collapsible() && variantEfectiva() === 'divided'", "attr.id": "sectionId" }, classAttribute: "ius-form__section" }, viewQueries: [{ propertyName: "cuerpo", first: true, predicate: ["cuerpo"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Rejilla de la secci\u00F3n: un \u00FAnico <ng-content>, estampado en la rama activa. -->\r\n<ng-template #campos>\r\n  <div class=\"ius-form__grid\" [attr.data-cols]=\"colsEfectivas()\">\r\n    <ng-content />\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Contenido del panel del Accordion (descripci\u00F3n + rejilla). -->\r\n<ng-template #cuerpo>\r\n  @if (description()) {\r\n    <p class=\"ius-form__section-desc ius-form__section-desc--acc\">{{ description() }}</p>\r\n  }\r\n  <ng-container *ngTemplateOutlet=\"campos\" />\r\n</ng-template>\r\n\r\n@if (collapsible()) {\r\n  <ius-accordion\r\n    [variant]=\"variantEfectiva()\"\r\n    [items]=\"items()\"\r\n    [open]=\"accOpen()\"\r\n    [defaultOpen]=\"accDefaultOpen()\"\r\n    (openChange)=\"onAccOpenChange($event)\"\r\n  />\r\n} @else {\r\n  @if (title() || description()) {\r\n    <div class=\"ius-form__section-head\">\r\n      @if (title()) {\r\n        <div class=\"ius-form__section-title\">\r\n          @if (icon()) {\r\n            <span translate=\"no\" class=\"ius-icon\">{{ icon() }}</span>\r\n          }\r\n          {{ title() }}\r\n        </div>\r\n      }\r\n      @if (description()) {\r\n        <p class=\"ius-form__section-desc\">{{ description() }}</p>\r\n      }\r\n    </div>\r\n  }\r\n  <ng-container *ngTemplateOutlet=\"campos\" />\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--ius-space-md)}:host(.ius-form__section--plain){padding-top:var(--ius-space-md);border-top:1px solid var(--ius-stroke)}:host(.ius-form__section--plain:first-child){padding-top:0;border-top:0}:host(.ius-form__section--divided-acc){border-top:1px solid var(--ius-stroke)}:host(.ius-form__section--divided-acc:first-child){border-top:0}.ius-form__section-head{display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-form__section-title{display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-form__section-title .ius-icon{font-size:var(--ius-icon-sm);color:var(--ius-text-secondary)}.ius-form__section-desc{margin:0;font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-secondary)}.ius-form__section-desc--acc{margin-bottom:var(--ius-space-md)}.ius-form__grid{display:grid;gap:var(--ius-space-md) var(--ius-space-lg);grid-template-columns:1fr;align-content:start}.ius-form__grid[data-cols=\"1\"]{grid-template-columns:1fr}@container (min-width: 600px){.ius-form__grid[data-cols=\"2\"],.ius-form__grid[data-cols=auto]{grid-template-columns:1fr 1fr}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AccordionComponent, selector: "ius-accordion", inputs: ["items", "multiple", "open", "defaultOpen", "variant", "chevronIcon"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-form-section', standalone: true, imports: [NgTemplateOutlet, AccordionComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'ius-form__section',
+                        '[class.ius-form__section--plain]': '!collapsible()',
+                        '[class.ius-form__section--divided-acc]': "collapsible() && variantEfectiva() === 'divided'",
+                        '[attr.id]': 'sectionId',
+                    }, template: "<!-- Rejilla de la secci\u00F3n: un \u00FAnico <ng-content>, estampado en la rama activa. -->\r\n<ng-template #campos>\r\n  <div class=\"ius-form__grid\" [attr.data-cols]=\"colsEfectivas()\">\r\n    <ng-content />\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Contenido del panel del Accordion (descripci\u00F3n + rejilla). -->\r\n<ng-template #cuerpo>\r\n  @if (description()) {\r\n    <p class=\"ius-form__section-desc ius-form__section-desc--acc\">{{ description() }}</p>\r\n  }\r\n  <ng-container *ngTemplateOutlet=\"campos\" />\r\n</ng-template>\r\n\r\n@if (collapsible()) {\r\n  <ius-accordion\r\n    [variant]=\"variantEfectiva()\"\r\n    [items]=\"items()\"\r\n    [open]=\"accOpen()\"\r\n    [defaultOpen]=\"accDefaultOpen()\"\r\n    (openChange)=\"onAccOpenChange($event)\"\r\n  />\r\n} @else {\r\n  @if (title() || description()) {\r\n    <div class=\"ius-form__section-head\">\r\n      @if (title()) {\r\n        <div class=\"ius-form__section-title\">\r\n          @if (icon()) {\r\n            <span translate=\"no\" class=\"ius-icon\">{{ icon() }}</span>\r\n          }\r\n          {{ title() }}\r\n        </div>\r\n      }\r\n      @if (description()) {\r\n        <p class=\"ius-form__section-desc\">{{ description() }}</p>\r\n      }\r\n    </div>\r\n  }\r\n  <ng-container *ngTemplateOutlet=\"campos\" />\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--ius-space-md)}:host(.ius-form__section--plain){padding-top:var(--ius-space-md);border-top:1px solid var(--ius-stroke)}:host(.ius-form__section--plain:first-child){padding-top:0;border-top:0}:host(.ius-form__section--divided-acc){border-top:1px solid var(--ius-stroke)}:host(.ius-form__section--divided-acc:first-child){border-top:0}.ius-form__section-head{display:flex;flex-direction:column;gap:var(--ius-space-xxs)}.ius-form__section-title{display:inline-flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary)}.ius-form__section-title .ius-icon{font-size:var(--ius-icon-sm);color:var(--ius-text-secondary)}.ius-form__section-desc{margin:0;font-size:var(--ius-fs-sm);line-height:var(--ius-lh-sm);color:var(--ius-text-secondary)}.ius-form__section-desc--acc{margin-bottom:var(--ius-space-md)}.ius-form__grid{display:grid;gap:var(--ius-space-md) var(--ius-space-lg);grid-template-columns:1fr;align-content:start}.ius-form__grid[data-cols=\"1\"]{grid-template-columns:1fr}@container (min-width: 600px){.ius-form__grid[data-cols=\"2\"],.ius-form__grid[data-cols=auto]{grid-template-columns:1fr 1fr}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], cuerpo: [{ type: i0.ViewChild, args: ['cuerpo', { isSignal: true }] }] } });
+
+/**
+ * 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]`).
+ */
+class FormFieldComponent {
+    constructor() {
+        /** `1` (default) una columna · `full` ambas. */
+        this.span = input(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: FormFieldComponent, isStandalone: true, selector: "ius-form-field", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-span": "span() === 'full' ? 'full' : null" }, classAttribute: "ius-form__field" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{display:block;min-width:0}:host([data-span=\"full\"]){grid-column:1 / -1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-form-field', standalone: true, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'ius-form__field',
+                        '[attr.data-span]': "span() === 'full' ? 'full' : null",
+                    }, styles: [":host{display:block;min-width:0}:host([data-span=\"full\"]){grid-column:1 / -1}\n"] }]
+        }], propDecorators: { span: [{ type: i0.Input, args: [{ isSignal: true, alias: "span", required: false }] }] } });
+
+/** Slot de acción a la derecha del título (TextButton, IconButton, ShowMore…). */
+class IusSectionTitleActionDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IusSectionTitleActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IusSectionTitleActionDirective, isStandalone: true, selector: "[iusSectionTitleAction]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IusSectionTitleActionDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[iusSectionTitleAction]', standalone: true }]
+        }] });
+/**
+ * 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).
+ */
+class SectionTitleComponent {
+    constructor() {
+        /** Contenido de ayuda. Si se pasa, aparece el ícono que abre el Popover. */
+        this.help = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "help" }] : /* istanbul ignore next */ []));
+        /** Título (en negrita) del Popover de ayuda. */
+        this.helpTitle = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "helpTitle" }] : /* istanbul ignore next */ []));
+        /** Glifo Material Symbols del ícono de ayuda. Default `help`. */
+        this.helpIcon = input('help', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "helpIcon" }] : /* istanbul ignore next */ []));
+        /** Colocación del Popover de ayuda. Default `top`. */
+        this.helpPlacement = input('top', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "helpPlacement" }] : /* istanbul ignore next */ []));
+        /** Cómo se dispara el Popover de ayuda. Default `click`. */
+        this.helpTrigger = input('click', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "helpTrigger" }] : /* istanbul ignore next */ []));
+        /** Línea inferior (hairline) bajo el título. Default `true`. */
+        this.divider = input(true, { ...(ngDevMode ? { debugName: "divider" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Trunca el título con elipsis en una línea. Default `false`. */
+        this.truncate = input(false, { ...(ngDevMode ? { debugName: "truncate" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Escala. `small` = fs-sm · `medium` (default) = fs-base. */
+        this.size = input('medium', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** Semántica del raíz. `div` (default) · `h2`–`h5`. */
+        this.as = input('div', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "as" }] : /* istanbul ignore next */ []));
+        this.headingRole = computed(() => (this.as() !== 'div' ? 'heading' : null), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headingRole" }] : /* istanbul ignore next */ []));
+        this.headingLevel = computed(() => {
+            const as = this.as();
+            return as === 'div' ? null : Number(as.slice(1));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []));
+        this.helpAriaLabel = computed(() => this.helpTitle() ?? 'Ayuda', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "helpAriaLabel" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SectionTitleComponent, isStandalone: true, selector: "ius-section-title", inputs: { help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, helpTitle: { classPropertyName: "helpTitle", publicName: "helpTitle", isSignal: true, isRequired: false, transformFunction: null }, helpIcon: { classPropertyName: "helpIcon", publicName: "helpIcon", isSignal: true, isRequired: false, transformFunction: null }, helpPlacement: { classPropertyName: "helpPlacement", publicName: "helpPlacement", isSignal: true, isRequired: false, transformFunction: null }, helpTrigger: { classPropertyName: "helpTrigger", publicName: "helpTrigger", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, as: { classPropertyName: "as", publicName: "as", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-divider": "divider() ? 'true' : null", "attr.data-truncate": "truncate() ? 'true' : null", "attr.role": "headingRole()", "attr.aria-level": "headingLevel()" }, classAttribute: "ius-section-title" }, ngImport: i0, template: "<span class=\"ius-section-title__label\"><ng-content /></span>\r\n\r\n@if (help() != null) {\r\n  <ius-popover\r\n    [title]=\"helpTitle()\"\r\n    [content]=\"help()\"\r\n    [placement]=\"helpPlacement()\"\r\n    [trigger]=\"helpTrigger()\"\r\n  >\r\n    <span\r\n      translate=\"no\"\r\n      class=\"ius-icon ius-section-title__help\"\r\n      tabindex=\"0\"\r\n      role=\"button\"\r\n      [attr.aria-label]=\"helpAriaLabel()\"\r\n      >{{ helpIcon() }}</span\r\n    >\r\n  </ius-popover>\r\n}\r\n\r\n<span class=\"ius-section-title__action\"><ng-content select=\"[iusSectionTitleAction]\" /></span>\r\n", styles: ["@charset \"UTF-8\";:host{--_st-fs: var(--ius-fs-base);--_st-lh: var(--ius-lh-base);display:flex;align-items:center;gap:var(--ius-space-xs);min-width:0;margin:0;box-sizing:border-box;font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold);font-size:var(--_st-fs);line-height:var(--_st-lh);color:var(--ius-text-primary)}:host([data-size=small]){--_st-fs: var(--ius-fs-sm);--_st-lh: var(--ius-lh-sm)}:host([data-divider=true]){padding-bottom:var(--ius-space-xs);border-bottom:1px solid var(--ius-stroke)}.ius-section-title__label{min-width:0}:host([data-truncate=true]) .ius-section-title__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-section-title__action{margin-left:auto;display:inline-flex;align-items:center;gap:var(--ius-space-xs)}.ius-section-title__action:empty{display:none}.ius-section-title__help{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:var(--ius-icon-sm);color:var(--ius-text-tertiary);cursor:pointer;border-radius:var(--ius-radius-sm);transition:color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-section-title__help:hover{color:var(--ius-text-secondary)}.ius-section-title__help:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SectionTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-section-title', standalone: true, imports: [PopoverComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'ius-section-title',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-divider]': "divider() ? 'true' : null",
+                        '[attr.data-truncate]': "truncate() ? 'true' : null",
+                        // `as` es palabra reservada en expresiones de plantilla → se lee vía computed.
+                        '[attr.role]': 'headingRole()',
+                        '[attr.aria-level]': 'headingLevel()',
+                    }, template: "<span class=\"ius-section-title__label\"><ng-content /></span>\r\n\r\n@if (help() != null) {\r\n  <ius-popover\r\n    [title]=\"helpTitle()\"\r\n    [content]=\"help()\"\r\n    [placement]=\"helpPlacement()\"\r\n    [trigger]=\"helpTrigger()\"\r\n  >\r\n    <span\r\n      translate=\"no\"\r\n      class=\"ius-icon ius-section-title__help\"\r\n      tabindex=\"0\"\r\n      role=\"button\"\r\n      [attr.aria-label]=\"helpAriaLabel()\"\r\n      >{{ helpIcon() }}</span\r\n    >\r\n  </ius-popover>\r\n}\r\n\r\n<span class=\"ius-section-title__action\"><ng-content select=\"[iusSectionTitleAction]\" /></span>\r\n", styles: ["@charset \"UTF-8\";:host{--_st-fs: var(--ius-fs-base);--_st-lh: var(--ius-lh-base);display:flex;align-items:center;gap:var(--ius-space-xs);min-width:0;margin:0;box-sizing:border-box;font-family:var(--ius-font-display);font-weight:var(--ius-fw-bold);font-size:var(--_st-fs);line-height:var(--_st-lh);color:var(--ius-text-primary)}:host([data-size=small]){--_st-fs: var(--ius-fs-sm);--_st-lh: var(--ius-lh-sm)}:host([data-divider=true]){padding-bottom:var(--ius-space-xs);border-bottom:1px solid var(--ius-stroke)}.ius-section-title__label{min-width:0}:host([data-truncate=true]) .ius-section-title__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-section-title__action{margin-left:auto;display:inline-flex;align-items:center;gap:var(--ius-space-xs)}.ius-section-title__action:empty{display:none}.ius-section-title__help{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:var(--ius-icon-sm);color:var(--ius-text-tertiary);cursor:pointer;border-radius:var(--ius-radius-sm);transition:color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-section-title__help:hover{color:var(--ius-text-secondary)}.ius-section-title__help:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}\n"] }]
+        }], propDecorators: { help: [{ type: i0.Input, args: [{ isSignal: true, alias: "help", required: false }] }], helpTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpTitle", required: false }] }], helpIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpIcon", required: false }] }], helpPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpPlacement", required: false }] }], helpTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpTrigger", required: false }] }], divider: [{ type: i0.Input, args: [{ isSignal: true, alias: "divider", required: false }] }], truncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "truncate", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], as: [{ type: i0.Input, args: [{ isSignal: true, alias: "as", required: false }] }] } });
+
+/**
+ * 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.
+ */
+class BreadcrumbComponent {
+    constructor() {
+        /** Niveles, de la raíz (izquierda) a la página actual (derecha). */
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /** Separador entre crumbs. Default `chevron`. */
+        this.separator = input('chevron', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
+        /** Tamaño. `small` · `medium` (default). */
+        this.size = input('medium', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** Si > 0 y hay más de `maxItems` crumbs, colapsa los del medio en un menú "…". */
+        this.maxItems = input(0, { ...(ngDevMode ? { debugName: "maxItems" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Crumbs visibles al inicio cuando se colapsa. Default 1. */
+        this.itemsBeforeCollapse = input(1, { ...(ngDevMode ? { debugName: "itemsBeforeCollapse" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Crumbs visibles al final cuando se colapsa. Default 2. */
+        this.itemsAfterCollapse = input(2, { ...(ngDevMode ? { debugName: "itemsAfterCollapse" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Etiqueta accesible del `<nav>`. Default `Ruta de navegación`. */
+        this.ariaLabel = input('Ruta de navegación', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /** Navegación de cualquier crumb, también desde el menú "…" (`onNavigate`). */
+        this.navigate = output();
+        /** Apertura del menú "…" (controlada para cerrarlo al elegir un nivel). */
+        this.moreOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "moreOpen" }] : /* istanbul ignore next */ []));
+        this.total = computed(() => this.items().length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
+        /** Todos los crumbs, o cabeza + "…" + cola cuando se colapsa. */
+        this.rendered = computed(() => {
+            const items = this.items();
+            const total = items.length;
+            const max = this.maxItems();
+            const before = this.itemsBeforeCollapse();
+            const after = this.itemsAfterCollapse();
+            const collapse = max > 0 && total > max && total > before + after;
+            if (!collapse)
+                return items.map((item, index) => ({ kind: 'crumb', item, index }));
+            const head = items.slice(0, before).map((item, index) => ({ kind: 'crumb', item, index }));
+            const tail = items
+                .slice(total - after)
+                .map((item, i) => ({ kind: 'crumb', item, index: total - after + i }));
+            const hidden = items.slice(before, total - after).map((item, i) => ({ item, index: before + i }));
+            return [...head, { kind: 'more', hidden }, ...tail];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rendered" }] : /* istanbul ignore next */ []));
+    }
+    isCurrent(index) {
+        return index === this.total() - 1;
+    }
+    onCrumb(item, index, event) {
+        this.navigate.emit({ item, index, event });
+    }
+    onHidden(item, index, event) {
+        this.navigate.emit({ item, index, event });
+        this.moreOpen.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: BreadcrumbComponent, isStandalone: true, selector: "ius-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, itemsBeforeCollapse: { classPropertyName: "itemsBeforeCollapse", publicName: "itemsBeforeCollapse", isSignal: true, isRequired: false, transformFunction: null }, itemsAfterCollapse: { classPropertyName: "itemsAfterCollapse", publicName: "itemsAfterCollapse", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigate: "navigate" }, ngImport: i0, template: "<nav [attr.aria-label]=\"ariaLabel()\">\r\n  <ol class=\"ius-bc\" [attr.data-size]=\"size() !== 'medium' ? size() : null\">\r\n    @for (entry of rendered(); track $index; let i = $index) {\r\n      @if (i > 0) {\r\n        <li class=\"ius-bc__item\" aria-hidden=\"true\">\r\n          @if (separator() === 'slash') {\r\n            <span class=\"ius-bc__sep ius-bc__sep--slash\">/</span>\r\n          } @else {\r\n            <span class=\"ius-bc__sep\"><span translate=\"no\" class=\"ius-icon\">chevron_right</span></span>\r\n          }\r\n        </li>\r\n      }\r\n\r\n      @if (entry.kind === 'more') {\r\n        <li class=\"ius-bc__item\">\r\n          <ius-popover\r\n            placement=\"bottom\"\r\n            trigger=\"click\"\r\n            [showArrow]=\"true\"\r\n            padding=\"compact\"\r\n            [open]=\"moreOpen()\"\r\n            (openChange)=\"moreOpen.set($event)\"\r\n          >\r\n            <button type=\"button\" class=\"ius-bc__more\" aria-label=\"Mostrar ruta oculta\">\r\n              <span translate=\"no\" class=\"ius-icon\">more_horiz</span>\r\n            </button>\r\n            <div iusPopoverContent class=\"ius-bc__menu\">\r\n              @for (h of entry.hidden; track h.index) {\r\n                <button type=\"button\" class=\"ius-bc__menu-item\" (click)=\"onHidden(h.item, h.index, $event)\">\r\n                  @if (h.item.icon) {\r\n                    <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ h.item.icon }}</span>\r\n                  }\r\n                  <span>{{ h.item.label }}</span>\r\n                </button>\r\n              }\r\n            </div>\r\n          </ius-popover>\r\n        </li>\r\n      } @else {\r\n        <li class=\"ius-bc__item\">\r\n          @if (isCurrent(entry.index)) {\r\n            <span class=\"ius-bc__crumb\" aria-current=\"page\">\r\n              @if (entry.item.icon) {\r\n                <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ entry.item.icon }}</span>\r\n              }\r\n              <span class=\"ius-bc__label\">{{ entry.item.label }}</span>\r\n            </span>\r\n          } @else if (entry.item.href) {\r\n            <a class=\"ius-bc__crumb\" [href]=\"entry.item.href\" (click)=\"onCrumb(entry.item, entry.index, $event)\">\r\n              @if (entry.item.icon) {\r\n                <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ entry.item.icon }}</span>\r\n              }\r\n              <span class=\"ius-bc__label\">{{ entry.item.label }}</span>\r\n            </a>\r\n          } @else {\r\n            <button type=\"button\" class=\"ius-bc__crumb\" (click)=\"onCrumb(entry.item, entry.index, $event)\">\r\n              @if (entry.item.icon) {\r\n                <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ entry.item.icon }}</span>\r\n              }\r\n              <span class=\"ius-bc__label\">{{ entry.item.label }}</span>\r\n            </button>\r\n          }\r\n        </li>\r\n      }\r\n    }\r\n  </ol>\r\n</nav>\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.ius-bc{-webkit-user-select:none;user-select:none;--_bc-fs: var(--ius-fs-base);--_bc-lh: var(--ius-lh-base);--_bc-icon: var(--ius-icon-sm);--_bc-gap: var(--ius-space-xs);display:flex;align-items:center;flex-wrap:wrap;font-family:var(--ius-font-body);margin:0;padding:0;list-style:none}.ius-bc[data-size=small]{--_bc-fs: var(--ius-fs-sm);--_bc-lh: var(--ius-lh-sm);--_bc-icon: var(--ius-icon-sm);--_bc-gap: var(--ius-space-xxs)}.ius-bc__item{display:inline-flex;align-items:center}.ius-bc__crumb{appearance:none;border:0;background:transparent;padding:var(--ius-space-xxs) var(--ius-space-xxs);margin:0;border-radius:var(--ius-radius-sm);display:inline-flex;align-items:center;gap:var(--_bc-gap);font-family:inherit;font-size:var(--_bc-fs);line-height:var(--_bc-lh);font-weight:var(--ius-fw-regular);color:var(--ius-text-secondary);text-decoration:none;cursor:pointer;max-width:220px;transition:color var(--ius-duration-fast) var(--ius-ease-standard),background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-bc__crumb .ius-bc__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-bc__crumb .ius-icon{font-size:var(--_bc-icon);line-height:1;flex:0 0 auto}a.ius-bc__crumb:hover,button.ius-bc__crumb:hover{color:var(--ius-primary-500)}a.ius-bc__crumb:focus-visible,button.ius-bc__crumb:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-bc__crumb[aria-current=page]{color:var(--ius-primary-900);font-weight:var(--ius-fw-medium);cursor:default}.ius-bc__sep{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-6);margin:0 var(--ius-space-xxs);-webkit-user-select:none;user-select:none}.ius-bc__sep .ius-icon{font-size:var(--_bc-icon);line-height:1}.ius-bc__sep--slash{font-size:var(--_bc-fs);line-height:var(--_bc-lh)}.ius-bc__more{appearance:none;border:0;background:transparent;padding:var(--ius-space-xxs) var(--ius-space-xxs);border-radius:var(--ius-radius-sm);display:inline-flex;align-items:center;color:var(--ius-text-secondary);cursor:pointer;transition:color var(--ius-duration-fast) var(--ius-ease-standard),background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-bc__more:hover{color:var(--ius-primary-500);background:var(--ius-neutral-2)}.ius-bc__more:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-bc__more .ius-icon{font-size:var(--_bc-icon);line-height:1}.ius-bc__menu{display:flex;flex-direction:column;gap:var(--ius-space-xxs);min-width:160px}.ius-bc__menu-item{appearance:none;border:0;background:transparent;text-align:left;padding:var(--ius-space-xs) var(--ius-space-xs);border-radius:var(--ius-radius-sm);display:flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);cursor:pointer;white-space:nowrap}.ius-bc__menu-item:hover{background:var(--ius-info-100);color:var(--ius-primary-900)}.ius-bc__menu-item .ius-icon{font-size:var(--ius-icon-md);line-height:1;color:var(--ius-text-tertiary);flex:0 0 auto}.ius-bc__menu-item:hover .ius-icon{color:var(--ius-primary-700)}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["title", "content", "placement", "trigger", "offset", "open", "defaultOpen", "showArrow", "disabled", "anchorRect", "padding", "dismissable", "panelClass"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-breadcrumb', standalone: true, imports: [PopoverComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav [attr.aria-label]=\"ariaLabel()\">\r\n  <ol class=\"ius-bc\" [attr.data-size]=\"size() !== 'medium' ? size() : null\">\r\n    @for (entry of rendered(); track $index; let i = $index) {\r\n      @if (i > 0) {\r\n        <li class=\"ius-bc__item\" aria-hidden=\"true\">\r\n          @if (separator() === 'slash') {\r\n            <span class=\"ius-bc__sep ius-bc__sep--slash\">/</span>\r\n          } @else {\r\n            <span class=\"ius-bc__sep\"><span translate=\"no\" class=\"ius-icon\">chevron_right</span></span>\r\n          }\r\n        </li>\r\n      }\r\n\r\n      @if (entry.kind === 'more') {\r\n        <li class=\"ius-bc__item\">\r\n          <ius-popover\r\n            placement=\"bottom\"\r\n            trigger=\"click\"\r\n            [showArrow]=\"true\"\r\n            padding=\"compact\"\r\n            [open]=\"moreOpen()\"\r\n            (openChange)=\"moreOpen.set($event)\"\r\n          >\r\n            <button type=\"button\" class=\"ius-bc__more\" aria-label=\"Mostrar ruta oculta\">\r\n              <span translate=\"no\" class=\"ius-icon\">more_horiz</span>\r\n            </button>\r\n            <div iusPopoverContent class=\"ius-bc__menu\">\r\n              @for (h of entry.hidden; track h.index) {\r\n                <button type=\"button\" class=\"ius-bc__menu-item\" (click)=\"onHidden(h.item, h.index, $event)\">\r\n                  @if (h.item.icon) {\r\n                    <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ h.item.icon }}</span>\r\n                  }\r\n                  <span>{{ h.item.label }}</span>\r\n                </button>\r\n              }\r\n            </div>\r\n          </ius-popover>\r\n        </li>\r\n      } @else {\r\n        <li class=\"ius-bc__item\">\r\n          @if (isCurrent(entry.index)) {\r\n            <span class=\"ius-bc__crumb\" aria-current=\"page\">\r\n              @if (entry.item.icon) {\r\n                <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ entry.item.icon }}</span>\r\n              }\r\n              <span class=\"ius-bc__label\">{{ entry.item.label }}</span>\r\n            </span>\r\n          } @else if (entry.item.href) {\r\n            <a class=\"ius-bc__crumb\" [href]=\"entry.item.href\" (click)=\"onCrumb(entry.item, entry.index, $event)\">\r\n              @if (entry.item.icon) {\r\n                <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ entry.item.icon }}</span>\r\n              }\r\n              <span class=\"ius-bc__label\">{{ entry.item.label }}</span>\r\n            </a>\r\n          } @else {\r\n            <button type=\"button\" class=\"ius-bc__crumb\" (click)=\"onCrumb(entry.item, entry.index, $event)\">\r\n              @if (entry.item.icon) {\r\n                <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ entry.item.icon }}</span>\r\n              }\r\n              <span class=\"ius-bc__label\">{{ entry.item.label }}</span>\r\n            </button>\r\n          }\r\n        </li>\r\n      }\r\n    }\r\n  </ol>\r\n</nav>\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.ius-bc{-webkit-user-select:none;user-select:none;--_bc-fs: var(--ius-fs-base);--_bc-lh: var(--ius-lh-base);--_bc-icon: var(--ius-icon-sm);--_bc-gap: var(--ius-space-xs);display:flex;align-items:center;flex-wrap:wrap;font-family:var(--ius-font-body);margin:0;padding:0;list-style:none}.ius-bc[data-size=small]{--_bc-fs: var(--ius-fs-sm);--_bc-lh: var(--ius-lh-sm);--_bc-icon: var(--ius-icon-sm);--_bc-gap: var(--ius-space-xxs)}.ius-bc__item{display:inline-flex;align-items:center}.ius-bc__crumb{appearance:none;border:0;background:transparent;padding:var(--ius-space-xxs) var(--ius-space-xxs);margin:0;border-radius:var(--ius-radius-sm);display:inline-flex;align-items:center;gap:var(--_bc-gap);font-family:inherit;font-size:var(--_bc-fs);line-height:var(--_bc-lh);font-weight:var(--ius-fw-regular);color:var(--ius-text-secondary);text-decoration:none;cursor:pointer;max-width:220px;transition:color var(--ius-duration-fast) var(--ius-ease-standard),background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-bc__crumb .ius-bc__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ius-bc__crumb .ius-icon{font-size:var(--_bc-icon);line-height:1;flex:0 0 auto}a.ius-bc__crumb:hover,button.ius-bc__crumb:hover{color:var(--ius-primary-500)}a.ius-bc__crumb:focus-visible,button.ius-bc__crumb:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-bc__crumb[aria-current=page]{color:var(--ius-primary-900);font-weight:var(--ius-fw-medium);cursor:default}.ius-bc__sep{display:inline-flex;align-items:center;justify-content:center;color:var(--ius-neutral-6);margin:0 var(--ius-space-xxs);-webkit-user-select:none;user-select:none}.ius-bc__sep .ius-icon{font-size:var(--_bc-icon);line-height:1}.ius-bc__sep--slash{font-size:var(--_bc-fs);line-height:var(--_bc-lh)}.ius-bc__more{appearance:none;border:0;background:transparent;padding:var(--ius-space-xxs) var(--ius-space-xxs);border-radius:var(--ius-radius-sm);display:inline-flex;align-items:center;color:var(--ius-text-secondary);cursor:pointer;transition:color var(--ius-duration-fast) var(--ius-ease-standard),background-color var(--ius-duration-fast) var(--ius-ease-standard)}.ius-bc__more:hover{color:var(--ius-primary-500);background:var(--ius-neutral-2)}.ius-bc__more:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-bc__more .ius-icon{font-size:var(--_bc-icon);line-height:1}.ius-bc__menu{display:flex;flex-direction:column;gap:var(--ius-space-xxs);min-width:160px}.ius-bc__menu-item{appearance:none;border:0;background:transparent;text-align:left;padding:var(--ius-space-xs) var(--ius-space-xs);border-radius:var(--ius-radius-sm);display:flex;align-items:center;gap:var(--ius-space-xs);font-family:var(--ius-font-body);font-size:var(--ius-fs-base);line-height:var(--ius-lh-base);color:var(--ius-text-primary);cursor:pointer;white-space:nowrap}.ius-bc__menu-item:hover{background:var(--ius-info-100);color:var(--ius-primary-900)}.ius-bc__menu-item .ius-icon{font-size:var(--ius-icon-md);line-height:1;color:var(--ius-text-tertiary);flex:0 0 auto}.ius-bc__menu-item:hover .ius-icon{color:var(--ius-primary-700)}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], maxItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxItems", required: false }] }], itemsBeforeCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsBeforeCollapse", required: false }] }], itemsAfterCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsAfterCollapse", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], navigate: [{ type: i0.Output, args: ["navigate"] }] } });
+
 /*
  * Public API de @litigiovirtual/ius-design-components v2.
  * La librería se está reconstruyendo componente a componente desde las
@@ -14280,5 +14955,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 { 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, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, 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 };
 //# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map