@ajuarezso/sui-design-system 0.22.0 → 0.23.0

package/types/ajuarezso-sui-design-system.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Signal, TemplateRef, ElementRef, OnDestroy, AfterViewInit, QueryList } from '@angular/core';
+import { InjectionToken, Signal, TemplateRef, ElementRef, OnDestroy, AfterViewInit, OnInit, QueryList } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 export { addMonths, isSameDay, subMonths } from 'date-fns';
 
@@ -268,7 +268,7 @@ declare class SuiAccordion {
      * Si `true`, el contenido proyectado no se monta en el DOM hasta que el
      * accordion se abra por primera vez. Una vez montado queda en el DOM
      * (no se desmuenta al cerrar). Útil cuando hay muchos accordions con
-     * contenido pesado y querés evitar pagar el cost de Angular CD para
+     * contenido pesado y quieres evitar pagar el cost de Angular CD para
      * componentes nunca abiertos.
      *
      * Default `false` (comportamiento clásico: contenido siempre en DOM,
@@ -881,6 +881,10 @@ declare class SuiActivityFilter {
 type SuiAlertVariant = 'info' | 'success' | 'warning' | 'error' | 'feature';
 type SuiAlertStyle = 'filled' | 'light' | 'lighter' | 'stroke' | 'stroke-dark';
 type SuiAlertSize = 'xsmall' | 'small' | 'large' | 'xlarge';
+/** Cómo se anuncia el alert al lector de pantalla. `auto` (default): `alert`
+ *  (asertivo) para error y warning, `status` (cortés) para el resto. `none`:
+ *  sin rol propio, para cuando el contenedor ya anuncia (el toast). */
+type SuiAlertRole = 'auto' | 'alert' | 'status' | 'none';
 /**
  * Action declarativo del alert. Canon SUI (Figma 170:1465 con
  * `doubleLink=true`): action[0] usa `underline: true`, el resto plain.
@@ -1021,6 +1025,13 @@ declare class SuiAlert {
      * Convención canon: action[0].underline = true (primary), rest plain.
      */
     readonly actions: _angular_core.InputSignal<readonly SuiAlertAction[]>;
+    /**
+     * Rol ARIA del alert (fix a11y 04-10-2026). Antes era `role="alert"` fijo:
+     * los alerts informativos que solo explican se anunciaban de forma asertiva
+     * al cargar la pantalla. Ver `SuiAlertRole`.
+     */
+    readonly ariaRole: _angular_core.InputSignal<SuiAlertRole>;
+    readonly resolvedRole: _angular_core.Signal<"alert" | "status" | null>;
     readonly dismissed: _angular_core.WritableSignal<boolean>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
     readonly iconName: _angular_core.Signal<string>;
@@ -1052,7 +1063,7 @@ declare class SuiAlert {
     readonly iconSize: _angular_core.Signal<number>;
     onDismiss(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiAlert, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiAlert, "sui-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "variantStyle": { "alias": "variantStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "autoHideOnDismiss": { "alias": "autoHideOnDismiss"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["[slot=action]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiAlert, "sui-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "variantStyle": { "alias": "variantStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "autoHideOnDismiss": { "alias": "autoHideOnDismiss"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "ariaRole": { "alias": "ariaRole"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["[slot=action]"], true, never>;
 }
 
 type SuiAppStoreBadgeCompany = 'app-store' | 'mac-app-store' | 'amazon-appstore' | 'galaxy-store' | 'huawei-appgallery' | 'f-droid' | 'google-play' | 'microsoft-store';
@@ -1769,7 +1780,12 @@ declare class SuiButton {
     readonly leftIcon: _angular_core.InputSignal<string | null>;
     readonly rightIcon: _angular_core.InputSignal<string | null>;
     readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
-    /** Intercept click/Enter/Space — cuando type=submit, busca el form padre y
+    private _spacePressed;
+    private _esDelHost;
+    _onEnter(event: Event): void;
+    _onSpaceDown(event: Event): void;
+    _onSpaceUp(event: Event): void;
+    /** Intercept click — cuando type=submit, busca el form padre y
         dispara requestSubmit(). Reset hace lo mismo con form.reset(). Disabled
         bloquea todo. */
     _onClick(event: Event): void;
@@ -2038,6 +2054,9 @@ declare class SuiCheckbox implements ControlValueAccessor {
     readonly checked: _angular_core.ModelSignal<boolean>;
     readonly indeterminate: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** false = fuera del orden de Tab (tabindex -1). Para cuando un padre (card,
+     *  label) es el control enfocable y este checkbox solo dibuja el estado. */
+    readonly focusable: _angular_core.InputSignal<boolean>;
     private readonly _disabledByForm;
     readonly isDisabled: _angular_core.Signal<boolean>;
     private _onChange;
@@ -2048,7 +2067,7 @@ declare class SuiCheckbox implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCheckbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCheckbox, "sui-checkbox", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCheckbox, "sui-checkbox", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
 }
 
 type SuiCheckboxCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | 'brand' | 'company';
@@ -2308,7 +2327,7 @@ declare class SuiLinkButton {
  * `large` y `xlarge` son extensión SUI (03-10-2026, pedido del dueño) para mobile:
  * le pasan el tamaño al sui-checkbox interno (24 / 28) y suben la tipografía.
  */
-type SuiCheckboxLabelSize = 'medium' | 'large' | 'xlarge';
+type SuiCheckboxLabelSize = 'medium' | 'large' | 'xlarge' | '2xlarge';
 /**
  * SUI Checkbox Label — SUI Design System 2.0
  *
@@ -2373,6 +2392,12 @@ type SuiCheckboxLabelSize = 'medium' | 'large' | 'xlarge';
  *   <sui-checkbox-label label="Confirmar" [flip]="true" [(active)]="confirm" />
  */
 declare class SuiCheckboxLabel implements ControlValueAccessor {
+    private static _nextId;
+    /** El sui-checkbox interno es el tab stop: toma su nombre del texto del label
+     *  (aria-labelledby) y su descripción de la descripción (revisión 04-10-2026;
+     *  antes un lector anunciaba «casilla, no marcada» sin el texto). */
+    protected readonly labelId: string;
+    protected readonly descriptionId: string;
     /** Texto principal del label. */
     readonly label: _angular_core.InputSignal<string>;
     /** Sublabel opcional (12/16 sub-600 al lado del label). */
@@ -2396,11 +2421,17 @@ declare class SuiCheckboxLabel implements ControlValueAccessor {
     /**
      * Tamaño. `medium` (default, Figma): control 20, label 14/20.
      * Extensión SUI (03-10-2026) para tocar en mobile:
-     *   - `large`:  control 24, label 16/24, sublabel y descripción 14/20, badge medium.
-     *   - `xlarge`: control 28, label 16/24, sublabel y descripción 14/20, badge large.
+     *   - `large`:  control 24, label 16/24, sublabel y descripción 12/16 (dueño 04-10-2026), badge medium.
+     *   - `xlarge`: control 28, label 16/24, sublabel y descripción 12/16 (dueño 04-10-2026), badge large.
+     *   - `2xlarge` (canon, dueño 04-10-2026: piso táctil 44 en el teléfono): la
+     *     fila mide 44 como mínimo (`min-height`), control 28 (el mayor del
+     *     checkbox), label 16/24, sublabel y descripción 12/16, badge large.
      * El badge toma este default solo si su config no trae `size`.
      */
     readonly size: _angular_core.InputSignal<SuiCheckboxLabelSize>;
+    /** Size del sui-checkbox interno: `2xlarge` es un alto de fila, el control
+     *  se queda en su tamaño mayor (28). */
+    protected readonly controlSize: _angular_core.Signal<SuiCheckboxSize>;
     /** Badge por default según el tamaño (si la config no fija uno). */
     protected readonly badgeSize: _angular_core.Signal<SuiBadgeSize>;
     /** El link-button tiene dos tamaños: small (12/16) en Figma, medium (14/20) en mobile. */
@@ -2651,6 +2682,9 @@ declare class SuiColorDot {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiColorDot, "sui-color-dot", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customHex": { "alias": "customHex"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
+/** Tamaño del color picker: `medium` (trigger 38, default) · `large` (trigger
+ *  44, size nuevo 04-10-2026 — piso táctil 44 en el teléfono). */
+type SuiColorPickerSize = 'medium' | 'large';
 /**
  * SUI Color Picker — SUI Design System 2.0
  *
@@ -2764,6 +2798,10 @@ declare class SuiColorPicker {
     /** Muestra el label del formato ("Hex") + chevron arriba del input. */
     readonly showFormatLabel: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** `medium` (default): trigger de 38, puntos de 24 · `large`: trigger de 44
+     *  con texto 16 y puntos del panel de 32 separados 12 (paso de 44) — size
+     *  nuevo 04-10-2026 (dueño: piso táctil 44 en el teléfono). */
+    readonly size: _angular_core.InputSignal<SuiColorPickerSize>;
     /** aria-label del trigger. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Emitido cuando el value cambia (cualquier interacción). */
@@ -2849,6 +2887,9 @@ declare class SuiColorPicker {
     readonly opacityColor: _angular_core.Signal<string>;
     /** Color con alpha aplicado (rgba) para el thumb del opacity slider. */
     readonly opacityThumbColor: _angular_core.Signal<string>;
+    /** Color de la muestra del trigger: el token del preset (igual que
+     *  sui-color-dot) o el color libre con alpha. */
+    readonly swatchColor: _angular_core.Signal<string>;
     /** Color del dot preview en el trigger (con alpha si aplica). */
     readonly previewColor: _angular_core.Signal<string>;
     /** Round del hue para aria-valuenow (sin pipe) */
@@ -2889,7 +2930,7 @@ declare class SuiColorPicker {
     protected onOpacityFieldCommit(ev: Event): void;
     protected onEyedropper(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiColorPicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiColorPicker, "sui-color-picker", never, { "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "recommendedLabel": { "alias": "recommendedLabel"; "required": false; "isSignal": true; }; "presetsOnly": { "alias": "presetsOnly"; "required": false; "isSignal": true; }; "alpha": { "alias": "alpha"; "required": false; "isSignal": true; }; "eyedropper": { "alias": "eyedropper"; "required": false; "isSignal": true; }; "showFormatLabel": { "alias": "showFormatLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "change": "change"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiColorPicker, "sui-color-picker", never, { "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "recommendedLabel": { "alias": "recommendedLabel"; "required": false; "isSignal": true; }; "presetsOnly": { "alias": "presetsOnly"; "required": false; "isSignal": true; }; "alpha": { "alias": "alpha"; "required": false; "isSignal": true; }; "eyedropper": { "alias": "eyedropper"; "required": false; "isSignal": true; }; "showFormatLabel": { "alias": "showFormatLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "change": "change"; }, never, never, true, never>;
 }
 
 /**
@@ -3151,7 +3192,7 @@ declare class SuiCompactAvatarGroup {
 }
 
 type SuiCompactButtonStyle = 'stroke' | 'ghost' | 'modifiable' | 'white';
-type SuiCompactButtonSize = 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge' | '4xlarge';
+type SuiCompactButtonSize = 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge' | '4xlarge' | '5xlarge';
 /**
  * SUI Compact Button — SUI Design System 2.0
  *
@@ -3175,6 +3216,8 @@ type SuiCompactButtonSize = 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge
  *     Medium: 20×20 container, icon 16×16
  *     2xlarge 32 / 3xlarge 36 / 4xlarge 40 (extensión SUI, 03-10-2026): para
  *     tocar con el dedo en mobile; íconos 20 / 20 / 24 como sui-button.
+ *     5xlarge 44 (dueño, 04-10-2026: piso táctil 44 en el teléfono): ícono 24,
+ *     el mismo de 4xlarge — crece el área, no el dibujo del ícono.
  *
  *   Style=Stroke  (node 189:3645):
  *     bg:     var(--sui-bg-white-0)
@@ -3412,6 +3455,13 @@ declare class SuiCompactSelect<T = string> implements ControlValueAccessor {
     readonly selected: _angular_core.ModelSignal<SuiCompactSelectItem<T> | null>;
     readonly error: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Nombre accesible del trigger (fix a11y 04-10-2026). Imprescindible con
+     * `type="icon"`, que no muestra texto: sin esto el lector anunciaba «botón»
+     * sin decir qué elige. Sin `ariaLabel`, el tipo icon usa el label del ítem
+     * elegido o el placeholder.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<Event>;
     readonly selectedChange: _angular_core.OutputEmitterRef<SuiCompactSelectItem<T>>;
     /** Disabled state desde FormControl (vía setDisabledState del CVA). */
@@ -3451,13 +3501,14 @@ declare class SuiCompactSelect<T = string> implements ControlValueAccessor {
     onTriggerClick(event: Event): void;
     /** Sincroniza isOpen y dispara _onTouched cuando el menu se abre. */
     protected onMenuOpenedChange(open: boolean): void;
+    protected readonly triggerAriaLabel: _angular_core.Signal<string | null>;
     protected selectItem(item: SuiCompactSelectItem<T>): void;
     writeValue(value: T | null): void;
     registerOnChange(fn: (v: T | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCompactSelect<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCompactSelect<any>, "sui-compact-select", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "flag": { "alias": "flag"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "clicked": "clicked"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCompactSelect<any>, "sui-compact-select", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "flag": { "alias": "flag"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "clicked": "clicked"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
 
 /**
@@ -3540,6 +3591,11 @@ type SuiContentLabelBadgePlacement = 'trailing' | 'title';
  *                      label="Ana Torres" description="ana@correo.com" />
  */
 declare class SuiContentLabel {
+    private static _nextId;
+    /** El toggle (sui-switch) toma su nombre del label (aria-labelledby) y su
+     *  descripción de la descripción (revisión 04-10-2026). */
+    protected readonly labelId: string;
+    protected readonly descriptionId: string;
     /** Tipo de leading visual. */
     readonly type: _angular_core.InputSignal<SuiContentLabelType>;
     /** Size del set: medium (leading 40, Label/Small) | large (leading 48, Label/Medium). */
@@ -4012,6 +4068,11 @@ declare class SuiCounterInput implements ControlValueAccessor {
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly decrementLabel: _angular_core.InputSignal<string>;
     readonly incrementLabel: _angular_core.InputSignal<string>;
+    /** a11y (04-10-2026): el spinbutton toma su nombre del label visible
+     *  (aria-labelledby) salvo que se pase `ariaLabel`, y se describe con el hint. */
+    protected readonly _labelId: string;
+    protected readonly _hintId: string;
+    protected readonly _hintMessage: _angular_core.Signal<string | null>;
     private readonly _disabledByForm;
     readonly isDisabled: _angular_core.Signal<boolean>;
     private readonly _cvaValue;
@@ -4034,6 +4095,10 @@ declare class SuiCounterInput implements ControlValueAccessor {
     private commit;
     decrement(): void;
     increment(): void;
+    /** a11y (04-10-2026): patrón spinbutton — el valor es enfocable y responde a
+     *  flechas ↑/↓ (un paso) y a Inicio/Fin (al mínimo/máximo, solo si están
+     *  definidos). Antes solo se operaba con los botones − / +. */
+    onSpinKeydown(event: KeyboardEvent): void;
     writeValue(v: number): void;
     registerOnChange(fn: (v: number) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -4042,6 +4107,12 @@ declare class SuiCounterInput implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCounterInput, "sui-counter-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
+/**
+ * medium (default) = 36 de alto con flechas de 24 (Figma 442:192). large = 52
+ * de alto con flechas de 44 y texto 16/24: canon del dueño 04-10-2026 (piso
+ * táctil de 44 en el teléfono).
+ */
+type SuiDateSelectorSize = 'medium' | 'large';
 /**
  * SUI Date Selector — SUI Design System 2.0
  *
@@ -4082,12 +4153,14 @@ declare class SuiDateSelector {
     readonly rightIcon: _angular_core.InputSignal<boolean>;
     /** Disabled global — deshabilita ambos arrows. */
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** medium 36 con flechas de 24 (default) · large 52 con flechas de 44 (dueño 04-10-2026). */
+    readonly size: _angular_core.InputSignal<SuiDateSelectorSize>;
     readonly prev: _angular_core.OutputEmitterRef<void>;
     readonly next: _angular_core.OutputEmitterRef<void>;
     onPrev(): void;
     onNext(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDateSelector, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDateSelector, "sui-date-selector", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "prev": "prev"; "next": "next"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDateSelector, "sui-date-selector", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "prev": "prev"; "next": "next"; }, never, never, true, never>;
 }
 
 type DatepickerPresetId = 'today' | 'last-7' | 'last-30' | 'last-3-months' | 'last-12-months' | 'month-to-date' | 'year-to-date' | 'all-time';
@@ -4140,6 +4213,9 @@ declare const DAY_LABELS_ES: readonly string[];
  *  minúscula; la regla de copy del proyecto es sentence case). Fix 03-10-2026. */
 declare function formatMonthYear(date: Date): string;
 declare function formatDateShort(date: Date): string;
+/** «martes 7 de octubre de 2026» — nombre accesible de una celda de día
+ *  (fix 04-10-2026: antes se leía «Día 7», sin mes ni año). */
+declare function formatDateLong(date: Date): string;
 declare function formatDateInput(date: Date): string;
 
 type SuiDatepickerMode = 'date' | 'range';
@@ -4149,8 +4225,11 @@ type SuiDatepickerCalendars = 1 | 2;
  * `small` y `large` son extensión SUI (03-10-2026): large es el de mobile, el
  * mismo alto que sui-input/sui-select large. Con large (y siempre en mobile)
  * las flechas de mes miden 40 y Cancelar/Aplicar van en large.
+ * `xlarge` (canon del dueño 04-10-2026, piso táctil de 44 en el teléfono):
+ * campo de 52, días de 44 × 44, flechas de mes de 44, rangos predefinidos
+ * de 44 y Cancelar/Aplicar en large.
  */
-type SuiDatepickerSize = 'small' | 'medium' | 'large';
+type SuiDatepickerSize = 'small' | 'medium' | 'large' | 'xlarge';
 interface SuiDateRange {
     start: Date | null;
     end: Date | null;
@@ -4245,7 +4324,7 @@ declare class SuiDatepicker implements ControlValueAccessor {
     readonly calendars: _angular_core.InputSignal<SuiDatepickerCalendars>;
     /** Renderiza el calendar inline (sin trigger ni popover). */
     readonly inline: _angular_core.InputSignal<boolean>;
-    /** Alto del campo: small 36 · medium 40 (default) · large 48 (ver SuiDatepickerSize). */
+    /** Alto del campo: small 36 · medium 40 (default) · large 48 · xlarge 52 con días de 44 (ver SuiDatepickerSize). */
     readonly size: _angular_core.InputSignal<SuiDatepickerSize>;
     /** Placeholder del input cuando no hay valor seleccionado. */
     readonly placeholder: _angular_core.InputSignal<string>;
@@ -4294,6 +4373,12 @@ declare class SuiDatepicker implements ControlValueAccessor {
      * tocarlos con el dedo (extensión SUI, 03-10-2026); small (36, Figma) si no.
      */
     readonly footerButtonSize: _angular_core.Signal<"small" | "large">;
+    /**
+     * Tamaño de las piezas del panel (días, flechas de mes, rangos predefinidos):
+     * `large` (44) solo con el campo xlarge — canon del dueño 04-10-2026, piso
+     * táctil de 44. Con el resto de sizes, las piezas de siempre (medium).
+     */
+    readonly partSize: _angular_core.Signal<"medium" | "large">;
     readonly effectiveCalendars: _angular_core.Signal<SuiDatepickerCalendars>;
     private _onChange;
     private _onTouched;
@@ -4315,8 +4400,22 @@ declare class SuiDatepicker implements ControlValueAccessor {
      */
     private _toRows;
     readonly dayLabels: readonly string[];
+    /** Preset «Todo el tiempo» aplicado: su valor es `{ start: null, end: null }`,
+     *  igual que «nada elegido», así que se recuerda aparte para el trigger. */
+    private readonly _todoElTiempoAplicado;
     /** Texto del trigger input. */
     readonly triggerText: _angular_core.Signal<string>;
+    /** ¿El trigger muestra un valor (no el placeholder)? Pinta el texto oscuro. */
+    readonly hasDisplayValue: _angular_core.Signal<boolean>;
+    /** Nombre del panel para el lector de pantalla (role dialog / group). */
+    readonly panelAriaLabel: _angular_core.Signal<"Elegir período" | "Elegir fecha">;
+    /** «martes 7 de octubre de 2026» para cada celda (antes «Día 7»). */
+    cellAriaLabel(cell: CalendarCell): string;
+    /** a11y (04-10-2026): flechas dentro de la grilla mueven el foco entre los
+     *  días habilitados (← → un día, ↑ ↓ una semana), Inicio/Fin a la punta de
+     *  la semana. No cambia de mes: la grilla ya trae los días de los meses
+     *  vecinos que completan las semanas. */
+    onGridKeydown(event: KeyboardEvent): void;
     /** Texto del Range hint del footer. */
     readonly rangeHint: _angular_core.Signal<string | null>;
     toggle(): void;
@@ -4350,6 +4449,12 @@ declare class SuiDatepicker implements ControlValueAccessor {
 }
 
 type SuiDayCellType = 'basic' | 'range';
+/**
+ * medium (default) = 40 × 40 (Figma 437:174). large = 44 × 44, texto 16/24:
+ * canon del dueño 04-10-2026 (piso táctil de 44 en el teléfono). En 390 px
+ * entran 7 × 44 con gap 4 (332).
+ */
+type SuiDayCellSize = 'medium' | 'large';
 /**
  * SUI Day Cell — SUI Design System 2.0
  *
@@ -4403,6 +4508,8 @@ declare class SuiDayCell {
     readonly day: _angular_core.InputSignal<string | number>;
     /** Type=Basic (default) o Range (entre extremos / extremo del range). */
     readonly type: _angular_core.InputSignal<SuiDayCellType>;
+    /** medium 40 × 40 (default) · large 44 × 44 (piso táctil, dueño 04-10-2026). */
+    readonly size: _angular_core.InputSignal<SuiDayCellSize>;
     /** Position dentro del range — solo aplica si type=range. */
     readonly rangePosition: _angular_core.InputSignal<"start" | "end" | "in" | null>;
     /** Selected (mode date) o range extremo (start/end con bg primary). */
@@ -4418,10 +4525,13 @@ declare class SuiDayCell {
     /** aria-label personalizado para el button (default "Día {N}"). */
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    /** a11y (04-10-2026): seleccionado = `selected` (mode date) o un extremo del
+     *  rango (inicio/fin); antes los extremos del rango no se anunciaban. */
+    readonly ariaSelected: _angular_core.Signal<boolean>;
     readonly resolvedAriaLabel: _angular_core.Signal<string>;
     onClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDayCell, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDayCell, "sui-day-cell", never, { "day": { "alias": "day"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "rangePosition": { "alias": "rangePosition"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "marked": { "alias": "marked"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "outOfMonth": { "alias": "outOfMonth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDayCell, "sui-day-cell", never, { "day": { "alias": "day"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rangePosition": { "alias": "rangePosition"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "marked": { "alias": "marked"; "required": false; "isSignal": true; }; "today": { "alias": "today"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "outOfMonth": { "alias": "outOfMonth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 /**
@@ -4457,6 +4567,10 @@ declare class SuiDivider {
 }
 
 type SuiDrawerFooterType = 'stretch' | 'basic' | 'checkbox' | 'toggle' | 'stepper' | 'link-button';
+/** Tamaño de los botones del pie (escala del sui-button): `medium` 40 (Figma,
+ *  default) · `large` 48 para el teléfono — size nuevo 04-10-2026 (dueño: piso
+ *  táctil 44). En `large` el texto del checkbox/switch sube a 16. */
+type SuiDrawerFooterSize = 'medium' | 'large';
 /**
  * SUI Drawer Footer — SUI Design System 2.0
  *
@@ -4533,6 +4647,9 @@ type SuiDrawerFooterType = 'stretch' | 'basic' | 'checkbox' | 'toggle' | 'steppe
  */
 declare class SuiDrawerFooter {
     readonly type: _angular_core.InputSignal<SuiDrawerFooterType>;
+    /** Botones del pie: `medium` 40 (default) · `large` 48 para el teléfono
+     *  (04-10-2026, piso táctil 44). */
+    readonly size: _angular_core.InputSignal<SuiDrawerFooterSize>;
     /** Botón primario (filled primary-base) — string shorthand (solo label) o
      *  SuiFooterButtonConfig { label, disabled? }. Interfaz compartida con
      *  sui-filter-panel-footer. */
@@ -4580,7 +4697,7 @@ declare class SuiDrawerFooter {
     onSecondary(event: Event): void;
     onLink(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDrawerFooter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDrawerFooter, "sui-drawer-footer", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "primaryButton": { "alias": "primaryButton"; "required": false; "isSignal": true; }; "secondaryButton": { "alias": "secondaryButton"; "required": false; "isSignal": true; }; "checkboxLabel": { "alias": "checkboxLabel"; "required": false; "isSignal": true; }; "checkboxActive": { "alias": "checkboxActive"; "required": false; "isSignal": true; }; "toggleLabel": { "alias": "toggleLabel"; "required": false; "isSignal": true; }; "toggleActive": { "alias": "toggleActive"; "required": false; "isSignal": true; }; "stepper": { "alias": "stepper"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; }, { "checkboxActive": "checkboxActiveChange"; "toggleActive": "toggleActiveChange"; "primaryClick": "primaryClick"; "secondaryClick": "secondaryClick"; "linkClick": "linkClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDrawerFooter, "sui-drawer-footer", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "primaryButton": { "alias": "primaryButton"; "required": false; "isSignal": true; }; "secondaryButton": { "alias": "secondaryButton"; "required": false; "isSignal": true; }; "checkboxLabel": { "alias": "checkboxLabel"; "required": false; "isSignal": true; }; "checkboxActive": { "alias": "checkboxActive"; "required": false; "isSignal": true; }; "toggleLabel": { "alias": "toggleLabel"; "required": false; "isSignal": true; }; "toggleActive": { "alias": "toggleActive"; "required": false; "isSignal": true; }; "stepper": { "alias": "stepper"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; }, { "checkboxActive": "checkboxActiveChange"; "toggleActive": "toggleActiveChange"; "primaryClick": "primaryClick"; "secondaryClick": "secondaryClick"; "linkClick": "linkClick"; }, never, never, true, never>;
 }
 
 type SuiDrawerHeaderType = 'basic' | 'left-icon';
@@ -4761,7 +4878,7 @@ type SuiDropdownItemMode = 'menuitem' | 'option';
  *
  * Item individual usado dentro de un dropdown menu, command palette, country
  * picker, account switcher, etc. Compone otros SUI via slots — el tipo del
- * item viene de QUÉ poné el consumer en [slot=leading]:
+ * item viene de QUÉ pone el consumer en [slot=leading]:
  *   - sui-icon → basic
  *   - sui-flag → country
  *   - sui-avatar → avatar
@@ -5130,7 +5247,7 @@ declare const SUI_EMOJI_MAP: {
 type SuiEmojiName = keyof typeof SUI_EMOJI_MAP;
 type SuiEmojiSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class SuiEmoji {
-    /** Nombre del emoji del catálogo. Si se proveé `src`, este se ignora. */
+    /** Nombre del emoji del catálogo. Si se provee `src`, este se ignora. */
     readonly name: _angular_core.InputSignal<"label" | "warning" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "package" | "receipt" | "money-bag" | "money-with-wings" | "shopping-cart" | "shopping-bags" | "card-index-dividers" | "bell" | "bell-with-slash" | "pushpin" | "mobile-phone" | "gear" | "locked" | "unlocked" | "wrench" | "hammer" | "magnifying-glass-tilted-left" | "spiral-calendar" | "bar-chart" | "delivery-truck" | "motorcycle" | "rocket" | "house" | "office-building" | "shop" | "dollar-banknote" | "glowing-star" | "kick-scooter" | "check-mark" | "check-mark-button" | "cross-mark" | "no-entry" | "sparkles" | "party-popper" | "waving-hand" | "thumbs-up" | "clapping-hands" | "handshake" | "busts-in-silhouette" | "pizza" | "hamburger" | "taco" | "birthday-cake" | null>;
     /** URL directa al emoji (override del catálogo). Útil para usar emojis fuera del map. */
     readonly src: _angular_core.InputSignal<string | null>;
@@ -5258,7 +5375,7 @@ declare class SuiEmptyState {
 declare const EMPTY_STATE_FOX_EMOJI = "https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Animals/Fox.png";
 
 type SuiFancyButtonType = 'primary' | 'neutral' | 'basic' | 'destructive';
-type SuiFancyButtonSize = 'medium' | 'small' | 'xsmall';
+type SuiFancyButtonSize = 'large' | 'medium' | 'small' | 'xsmall';
 /**
  * SUI Fancy Button — SUI Design System 2.0
  *
@@ -5316,7 +5433,9 @@ type SuiFancyButtonSize = 'medium' | 'small' | 'xsmall';
  *     border-inset: 1px solid rgba(255,255,255,.12)
  *     shadow: 0 0 0 1px var(--sui-state-error-base), 0 1px 2px rgba(14,18,27,.24)
  *
- * Sizes (alineado con sui-button — mismo Medium/Small/X-Small):
+ * Sizes (alineado con sui-button — mismo Large/Medium/Small/X-Small):
+ *   Large  (48): p=12/14, h=48, Label/Medium 16/24 — size nuevo 04-10-2026
+ *                (dueño: piso táctil 44 en el teléfono; espeja el large de sui-button)
  *   Medium (40): p=10, gap=4, h=40
  *   Small  (36): p=8,  gap=4, h=36
  *   X-Small (32): p=6, gap=4, h=32
@@ -6351,6 +6470,10 @@ declare class SuiImageUpload {
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
     onHostClick(): void;
+    /** Enter/Espacio sobre el host vacío. Solo cuenta si el foco está en el
+     *  host: un Enter que burbujea desde «Quitar» (que borra la imagen y deja el
+     *  host vacío en ese mismo tick) no debe abrir el selector. */
+    onHostKey(e: Event): void;
     onChangeClick(e: MouseEvent): void;
     /**
      * Reabre el selector de archivo.
@@ -6645,6 +6768,12 @@ declare class SuiInput implements ControlValueAccessor {
      * existente se mueve.
      */
     protected readonly clearPx: _angular_core.Signal<number>;
+    /** a11y (04-10-2026): ids propios por instancia para enlazar el label
+     *  (`for`), el hint/error (`aria-describedby`) con el <input>. */
+    protected readonly _controlId: string;
+    protected readonly _hintId: string;
+    /** El texto debajo del campo: el error manda sobre el hint. */
+    protected readonly _hintMessage: _angular_core.Signal<string | null>;
     protected readonly labelSize: _angular_core.Signal<SuiFormLabelSize>;
     readonly error: _angular_core.InputSignal<boolean>;
     readonly errorMessage: _angular_core.InputSignal<string | null>;
@@ -6696,7 +6825,7 @@ declare class SuiInput implements ControlValueAccessor {
      * Cuando un pointerdown ocurre fuera del host del componente, hace blur en
      * el input — cierra el teclado iOS al tocar zonas no-interactivas. Default
      * `true` porque es el comportamiento natural esperado en mobile (Apple/Google
-     * lo hacen así nativamente). Pasá `false` solo si el consumer maneja el blur
+     * lo hacen así nativamente). Pasa `false` solo si el consumer maneja el blur
      * manualmente o necesita preservar focus en flows complejos.
      */
     readonly closeOnOutsideClick: _angular_core.InputSignal<boolean>;
@@ -6873,6 +7002,9 @@ declare class SuiInput implements ControlValueAccessor {
 
 type SuiIntegrationSwitchType = 'horizontal' | 'vertical';
 type SuiIntegrationSwitchAppearance = 'card' | 'list';
+/** Tamaño del botón «Administrar»: `medium` 38 (default) · `large` 44 con texto
+ *  16 — size nuevo 04-10-2026 (dueño: piso táctil 44 en el teléfono). */
+type SuiIntegrationSwitchSize = 'medium' | 'large';
 /**
  * Config del manage button embebido. Un solo input `[manage]` reemplaza al
  * trío showManage/manageLabel/manageIcon (mismo patrón objeto que
@@ -6957,8 +7089,17 @@ interface SuiIntegrationManageConfig {
  *   <sui-integration-switch title="..." [manage]="false" />
  */
 declare class SuiIntegrationSwitch implements ControlValueAccessor {
+    private static _nextId;
+    /** El sui-switch interno toma su nombre del título (aria-labelledby) y su
+     *  descripción de la descripción: antes el lector decía solo «interruptor»
+     *  (revisión 04-10-2026). */
+    protected readonly titleId: string;
+    protected readonly descriptionId: string;
     readonly type: _angular_core.InputSignal<SuiIntegrationSwitchType>;
     readonly appearance: _angular_core.InputSignal<SuiIntegrationSwitchAppearance>;
+    /** Botón «Administrar»: `medium` 38 (default) · `large` 44 para el teléfono
+     *  (04-10-2026, piso táctil 44). */
+    readonly size: _angular_core.InputSignal<SuiIntegrationSwitchSize>;
     readonly title: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<string | null>;
     /** URL al logo de la marca (SVG/PNG). Renderizado como <img> dentro del circle. */
@@ -7004,7 +7145,7 @@ declare class SuiIntegrationSwitch implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiIntegrationSwitch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiIntegrationSwitch, "sui-integration-switch", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "brandIconSrc": { "alias": "brandIconSrc"; "required": false; "isSignal": true; }; "brandIcon": { "alias": "brandIcon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "manage": { "alias": "manage"; "required": false; "isSignal": true; }; "showToggle": { "alias": "showToggle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; "manageClick": "manageClick"; }, never, ["[sui-integration-brand]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiIntegrationSwitch, "sui-integration-switch", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "brandIconSrc": { "alias": "brandIconSrc"; "required": false; "isSignal": true; }; "brandIcon": { "alias": "brandIcon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "manage": { "alias": "manage"; "required": false; "isSignal": true; }; "showToggle": { "alias": "showToggle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; "manageClick": "manageClick"; }, never, ["[sui-integration-brand]"], true, never>;
 }
 
 /**
@@ -7883,15 +8024,15 @@ declare class SuiModalFooter {
  * que se reusa el componente (canon: ningún `<button>` custom donde un SUI sirve).
  *
  * API:
- *   - usePrefix:    string  ('Use')            — texto antes de las teclas
- *   - useSuffix:    string  ('to navigate')    — texto después de las teclas
+ *   - usePrefix:    string  ('Usa')            — texto antes de las teclas
+ *   - useSuffix:    string  ('para moverte')   — texto después de las teclas
  *   - manage:       SuiLinkConfig | string | boolean | null (true) — link de gestión
- *                   (Figma prop `button`): true = label default 'Manage Notification';
+ *                   (Figma prop `button`): true = label default 'Administrar notificaciones';
  *                   string = label custom; SuiLinkConfig { label, href?, target?, rel? }
  *                   = <a> real con rel automático 'noopener noreferrer' si
  *                   target='_blank'; false/null = oculto.
  *                   (Patrón canon `link` de sui-checkbox-label.)
- *   - (manageClick): output<MouseEvent>        — click en "Manage Notification"
+ *   - (manageClick): output<MouseEvent>        — click en «Administrar notificaciones»
  *
  * Uso:
  *   <sui-notification-footer (manageClick)="abrirAjustes()" />
@@ -8025,6 +8166,11 @@ declare class SuiNotificationTabMenu<T = string> {
     readonly filterLabel: _angular_core.InputSignal<string>;
     readonly tabChange: _angular_core.OutputEmitterRef<T>;
     readonly filterClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    private readonly tabItems?;
+    /** Índice del único tab con tabindex 0: el activo (o el primero). */
+    protected readonly tabStopIndex: _angular_core.Signal<number>;
+    /** ← → mueven el foco y activan (con vuelta); Home/End a los extremos. */
+    protected onKeydown(event: KeyboardEvent): void;
     isActive(tab: SuiNotificationTab<T>): boolean;
     select(tab: SuiNotificationTab<T>): void;
     onFilter(event: MouseEvent): void;
@@ -8115,7 +8261,7 @@ declare class SuiNotification {
     readonly dismissible: _angular_core.InputSignal<boolean>;
     readonly unread: _angular_core.InputSignal<boolean>;
     /** Item body type. 'basic' keeps the legacy/alert layout (no body slot). */
-    readonly type: _angular_core.InputSignal<"button" | "basic" | "file" | "message">;
+    readonly type: _angular_core.InputSignal<"basic" | "file" | "button" | "message">;
     /** When true, item paints the Figma hover bg + reveals the more-2-line button. */
     readonly showMore: _angular_core.InputSignal<boolean>;
     /** Forces the hover affordance visible (e.g. keyboard-focused row). */
@@ -8526,6 +8672,11 @@ declare class SuiPaymentIcon {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiPaymentIcon, "sui-payment-icon", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * medium (default) = 36 de alto (Figma 443:341). large = 44, texto 16/24:
+ * canon del dueño 04-10-2026 (piso táctil de 44 en el teléfono).
+ */
+type SuiPeriodRangeSize = 'medium' | 'large';
 /**
  * SUI Period Range — SUI Design System 2.0
  *
@@ -8566,18 +8717,21 @@ declare class SuiPeriodRange {
     readonly active: _angular_core.InputSignal<boolean>;
     /** Disabled — no clickeable. */
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** medium 36 (default) · large 44 (piso táctil, dueño 04-10-2026). */
+    readonly size: _angular_core.InputSignal<SuiPeriodRangeSize>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
     onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiPeriodRange, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiPeriodRange, "sui-period-range", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiPeriodRange, "sui-period-range", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 type SuiPopoverPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'right-top' | 'right-center' | 'right-bottom' | 'left-top' | 'left-center' | 'left-bottom';
 /** Tipo de footer del popover (Figma 4456:83048). `none` = sin footer. */
 type SuiPopoverFooter = 'none' | 'stretch' | 'text-stepper' | 'stepper';
 /** Tamaño de los botones del pie (escala del sui-button): `small` 36 (Figma,
-    default) · `medium` 40 para mobile — extensión SUI (03-10-2026). */
-type SuiPopoverSize = 'small' | 'medium';
+    default) · `medium` 40 — extensión SUI (03-10-2026) · `large` 48 para el
+    teléfono — size nuevo 04-10-2026 (dueño: piso táctil 44). */
+type SuiPopoverSize = 'small' | 'medium' | 'large';
 declare class SuiPopover {
     /** Placement axis del tail relativo al trigger (12 variantes Figma). */
     readonly position: _angular_core.InputSignal<SuiPopoverPosition>;
@@ -8605,8 +8759,8 @@ declare class SuiPopover {
         current: number;
         total: number;
     } | null>;
-    /** Botones del pie: `small` 36 (Figma, default) · `medium` 40 para mobile —
-     *  extensión SUI (03-10-2026). */
+    /** Botones del pie: `small` 36 (Figma, default) · `medium` 40 — extensión
+     *  SUI (03-10-2026) · `large` 48 para el teléfono (04-10-2026). */
     readonly size: _angular_core.InputSignal<SuiPopoverSize>;
     /** Click en el botón X de dismiss. */
     readonly dismissed: _angular_core.OutputEmitterRef<void>;
@@ -8689,9 +8843,12 @@ declare class SuiProgressBar {
     readonly color: _angular_core.InputSignal<SuiProgressBarColor>;
     readonly size: _angular_core.InputSignal<SuiProgressBarSize>;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /** Id del texto visible que nombra la barra (p. ej. su título). */
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
     readonly clampedValue: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiProgressBar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiProgressBar, "sui-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiProgressBar, "sui-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type SuiProgressBarLabelType = 'on-top' | 'on-right';
@@ -8784,6 +8941,9 @@ declare class SuiProgressBarLabel {
     readonly color: _angular_core.InputSignal<SuiProgressBarColor>;
     readonly size: _angular_core.InputSignal<SuiProgressBarSize>;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /** a11y (04-10-2026): el título visible nombra la barra (aria-labelledby);
+     *  antes, sin ariaLabel, la barra quedaba sin nombre aunque se viera el título. */
+    protected readonly _titleId: string;
     readonly linkClick: _angular_core.OutputEmitterRef<void>;
     /** Config resuelta del link (string → { label }, rel automático). */
     protected readonly linkCfg: _angular_core.Signal<SuiLinkConfig | null>;
@@ -8797,6 +8957,56 @@ declare class SuiProgressBarLabel {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiProgressBarLabel, "sui-progress-bar-label", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "percentage": { "alias": "percentage"; "required": false; "isSignal": true; }; "showBottom": { "alias": "showBottom"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "linkClick": "linkClick"; }, never, never, true, never>;
 }
 
+/**
+ * Lo que el grupo necesita de cada opción para el patrón radiogroup de WAI-ARIA
+ * (un solo tab stop + flechas). Lo implementan sui-radio, sui-radio-label y
+ * sui-radio-card; cada uno se registra al iniciar y se da de baja al destruirse.
+ */
+interface SuiRadioGroupItem {
+    /** Valor de la opción (el mismo que compara el grupo). */
+    value(): unknown;
+    /** Deshabilitada por input, por form o por el grupo. */
+    isDisabled(): boolean;
+    /** Elemento que recibe el foco (el host con role=radio). */
+    readonly el: HTMLElement;
+    /** Selecciona la opción por su camino normal (emite sus outputs). */
+    activateFromGroup(): void;
+}
+/**
+ * Grupo de radios con selección exclusiva + ControlValueAccessor.
+ *
+ * Teclado (patrón radiogroup, revisión 04-10-2026): un solo tab stop —la
+ * opción marcada, o la primera habilitada si no hay ninguna— y las flechas
+ * (↑ ↓ ← →) mueven el foco a la opción vecina y la seleccionan, saltando las
+ * deshabilitadas y dando la vuelta en los extremos.
+ */
+declare class SuiRadioGroup implements ControlValueAccessor {
+    readonly value: _angular_core.WritableSignal<any>;
+    /** Deshabilitado por el FormControl (setDisabledState): apaga todas las opciones. */
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    private readonly _items;
+    /** La única opción con tabindex 0: la marcada, o la primera habilitada. */
+    readonly tabStop: _angular_core.Signal<SuiRadioGroupItem | null>;
+    private _onChange;
+    private _onTouched;
+    register(item: SuiRadioGroupItem): void;
+    unregister(item: SuiRadioGroupItem): void;
+    /** tabindex que le toca a una opción registrada. */
+    tabIndexFor(item: SuiRadioGroupItem): '0' | '-1';
+    select(v: any): void;
+    onKeydown(e: KeyboardEvent): void;
+    /** Orden del DOM (no el de registro): así las flechas siguen lo que se ve. */
+    private _ordered;
+    writeValue(v: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    /** Antes no hacía nada (revisión 04-10-2026): deshabilitar el FormControl
+     *  ahora deshabilita todas las opciones del grupo. */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiRadioGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadioGroup, "sui-radio-group", never, {}, {}, never, ["*"], true, never>;
+}
+
 type SuiRadioValue = string | number | null;
 type SuiRadioSize = 'medium' | 'large' | 'xlarge';
 /**
@@ -8829,18 +9039,28 @@ type SuiRadioSize = 'medium' | 'large' | 'xlarge';
  * with ControlValueAccessor support. Each radio declares a [value] input.
  * Standalone mode: [(standaloneChecked)] two-way binding (legacy toggle behaviour).
  */
-declare class SuiRadio {
+declare class SuiRadio implements OnInit, SuiRadioGroupItem {
     private readonly group;
+    private readonly destroyRef;
+    readonly el: HTMLElement;
     readonly size: _angular_core.InputSignal<SuiRadioSize>;
     readonly value: _angular_core.InputSignal<SuiRadioValue>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** false = fuera del orden de Tab y del roving del grupo. Para cuando un
+     *  padre (sui-radio-label) es el radio enfocable y este solo dibuja. */
+    readonly focusable: _angular_core.InputSignal<boolean>;
+    /** Deshabilitado por input o por el grupo (FormControl deshabilitado). */
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly tabIndex: _angular_core.Signal<"0" | "-1">;
     /** Standalone mode (no group): keeps legacy toggle behaviour */
     readonly standaloneChecked: _angular_core.ModelSignal<boolean>;
     /** Resolved checked state: group-driven or standalone */
     readonly checked: _angular_core.Signal<boolean>;
+    ngOnInit(): void;
+    activateFromGroup(): void;
     onToggle(e: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiRadio, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadio, "sui-radio", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "standaloneChecked": { "alias": "standaloneChecked"; "required": false; "isSignal": true; }; }, { "standaloneChecked": "standaloneCheckedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadio, "sui-radio", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "standaloneChecked": { "alias": "standaloneChecked"; "required": false; "isSignal": true; }; }, { "standaloneChecked": "standaloneCheckedChange"; }, never, never, true, never>;
 }
 
 type SuiRadioCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | 'brand' | 'company';
@@ -8935,8 +9155,10 @@ type SuiRadioCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | 'br
  *
  * iOS WKWebView fix: touch listeners en host (CLAUDE.md).
  */
-declare class SuiRadioCard implements ControlValueAccessor {
+declare class SuiRadioCard implements ControlValueAccessor, OnInit, SuiRadioGroupItem {
     private readonly group;
+    private readonly destroyRef;
+    readonly el: HTMLElement;
     /** Tipo del leading slot — gobierna qué se renderiza a la izquierda. */
     readonly type: _angular_core.InputSignal<SuiRadioCardType>;
     /** Tamaño del radio interno (custom) — lo decide el padre (componente dumb). */
@@ -8989,6 +9211,7 @@ declare class SuiRadioCard implements ControlValueAccessor {
     readonly selected: _angular_core.OutputEmitterRef<string>;
     private readonly _disabledByForm;
     readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly tabIndex: _angular_core.Signal<"0" | "-1">;
     /** Estado checked resuelto: group-driven > form/standalone. */
     readonly isChecked: _angular_core.Signal<boolean>;
     /** True si type requiere render del slot leading. */
@@ -8998,6 +9221,8 @@ declare class SuiRadioCard implements ControlValueAccessor {
     readonly initialsFromLabel: _angular_core.Signal<string>;
     private _onChange;
     private _onTouched;
+    ngOnInit(): void;
+    activateFromGroup(): void;
     onToggle(e: Event): void;
     /** writeValue: con FormControl que guarda el value seleccionado, marcamos
         checked si el value del FormControl matchea nuestro value. */
@@ -9014,7 +9239,7 @@ declare class SuiRadioCard implements ControlValueAccessor {
  * `large` y `xlarge` son extensión SUI (03-10-2026, pedido del dueño) para mobile:
  * le pasan el tamaño al sui-radio interno (24 / 28) y suben la tipografía.
  */
-type SuiRadioLabelSize = 'medium' | 'large' | 'xlarge';
+type SuiRadioLabelSize = 'medium' | 'large' | 'xlarge' | '2xlarge';
 /**
  * SUI Radio Label — SUI Design System 2.0
  *
@@ -9048,8 +9273,13 @@ type SuiRadioLabelSize = 'medium' | 'large' | 'xlarge';
  *       [link]="{ label: 'Ver precios', href: '/precios' }" />
  *   </sui-radio-group>
  */
-declare class SuiRadioLabel {
+declare class SuiRadioLabel implements OnInit, SuiRadioGroupItem {
+    private static _nextId;
     private readonly group;
+    private readonly destroyRef;
+    readonly el: HTMLElement;
+    protected readonly labelId: string;
+    protected readonly descriptionId: string;
     /** Valor que representa esta opción dentro del grupo. */
     readonly value: _angular_core.InputSignal<string>;
     /** Texto principal del label. */
@@ -9071,11 +9301,17 @@ declare class SuiRadioLabel {
     /**
      * Tamaño. `medium` (default, Figma): control 20, label 14/20.
      * Extensión SUI (03-10-2026) para tocar en mobile:
-     *   - `large`:  control 24, label 16/24, sublabel y descripción 14/20, badge medium.
-     *   - `xlarge`: control 28, label 16/24, sublabel y descripción 14/20, badge large.
+     *   - `large`:  control 24, label 16/24, sublabel y descripción 12/16 (dueño 04-10-2026), badge medium.
+     *   - `xlarge`: control 28, label 16/24, sublabel y descripción 12/16 (dueño 04-10-2026), badge large.
+     *   - `2xlarge` (canon, dueño 04-10-2026: piso táctil 44 en el teléfono): la
+     *     fila mide 44 como mínimo (`min-height`), control 28 (el mayor del
+     *     radio), label 16/24, sublabel y descripción 12/16, badge large.
      * El badge toma este default solo si su config no trae `size`.
      */
     readonly size: _angular_core.InputSignal<SuiRadioLabelSize>;
+    /** Size del sui-radio interno: `2xlarge` es un alto de fila, el control se
+     *  queda en su tamaño mayor (28). */
+    protected readonly controlSize: _angular_core.Signal<SuiRadioSize>;
     /** Badge por default según el tamaño (si la config no fija uno). */
     protected readonly badgeSize: _angular_core.Signal<SuiBadgeSize>;
     /** El link-button tiene dos tamaños: small (12/16) en Figma, medium (14/20) en mobile. */
@@ -9091,8 +9327,11 @@ declare class SuiRadioLabel {
     /** Click en el Link Button (stop-propagation interno — no selecciona). */
     readonly linkClick: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly tabIndex: _angular_core.Signal<"0" | "-1">;
     /** Checked resuelto: group-driven > standalone. */
     readonly isChecked: _angular_core.Signal<boolean>;
+    ngOnInit(): void;
+    activateFromGroup(): void;
     onLabelClick(event: MouseEvent): void;
     onKeySelect(event: Event): void;
     private select;
@@ -9101,22 +9340,9 @@ declare class SuiRadioLabel {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadioLabel, "sui-radio-label", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "selected": "selected"; "linkClick": "linkClick"; }, never, never, true, never>;
 }
 
-declare class SuiRadioGroup implements ControlValueAccessor {
-    readonly value: _angular_core.WritableSignal<any>;
-    private _onChange;
-    private _onTouched;
-    select(v: any): void;
-    writeValue(v: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(_isDisabled: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiRadioGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadioGroup, "sui-radio-group", never, {}, {}, never, ["*"], true, never>;
-}
-
 type SuiRatingAppearance = 'inline' | 'cell' | 'bar' | 'bar-area';
 type SuiRatingType = 'star' | 'heart' | 'emoji' | 'number';
-type SuiRatingSize = 'small' | 'medium' | 'large' | 'xlarge';
+type SuiRatingSize = 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 type SuiRatingAlignment = 'inline' | 'vertical' | 'horizontal';
 interface SuiRatingReviewLink {
     label: string;
@@ -9209,13 +9435,16 @@ interface SuiRatingCellView {
  *   - medium: 20px (default)
  *   - large:  24px
  *   - xlarge: 28px (project extension, no-Figma — sigue el incremento Δ4px medium→large→xlarge)
+ *   - 2xlarge: estrella de 32 dentro de un botón de 44 × 44 — para PEDIR la nota
+ *     en el teléfono (canon, dueño 04-10-2026: piso táctil 44). En bar, la
+ *     celda pasa de 36 a 44 de alto (ícono sigue en 20, número en 16).
  *   En appearance='bar' los íconos son siempre 20px (cell width 64px fijo).
  *
  * @input appearance     'inline' | 'cell' | 'bar' | 'bar-area' (default: 'inline')
  * @input type           'star' | 'heart' | 'emoji' | 'number' (default: 'star')
  * @input value          model<number> — current value 0..max
  * @input max            número de cells (default: 5)
- * @input size           'small' | 'medium' | 'large' | 'xlarge' (default: 'medium')
+ * @input size           'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' (default: 'medium')
  * @input readonly       deshabilita clicks (display only)
  * @input halfStep       inline + readonly: renderiza half-fill basado en value decimal
  * @input showValue      inline: muestra "4.5" al lado de los íconos
@@ -9249,6 +9478,7 @@ interface SuiRatingCellView {
  * disabled deshabilita clicks/hover igual que readonly=true (ver isInteractive).
  */
 declare class SuiRating implements ControlValueAccessor {
+    private readonly el;
     readonly appearance: _angular_core.InputSignal<SuiRatingAppearance>;
     readonly type: _angular_core.InputSignal<SuiRatingType>;
     readonly value: _angular_core.ModelSignal<number>;
@@ -9264,7 +9494,7 @@ declare class SuiRating implements ControlValueAccessor {
      * Lista de emojis para type='emoji'. Default: 5 caras de Fluent Emoji animado
      * (homologado iOS/Android — mismos PNG en todos los devices, no native font).
      * Cada string es un `name` válido de SUI_EMOJI_MAP (ver sui-emoji.ts).
-     * Si pasás un string que NO está en el map, sui-emoji renderea broken image.
+     * Si pasas un string que NO está en el map, sui-emoji renderea broken image.
      */
     readonly emojis: _angular_core.InputSignal<string[]>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
@@ -9301,9 +9531,22 @@ declare class SuiRating implements ControlValueAccessor {
     readonly cells: _angular_core.Signal<SuiRatingCellView[]>;
     /** Tamaño del icon en px.
      *  - appearance='cell' → SIEMPRE 32px (Figma Rating Cell 532:4160, independiente de size).
-     *  - appearance='inline' → según size input (small 16 / medium 20 / large 24 / xlarge 28).
+     *  - appearance='inline' → según size input (small 16 / medium 20 / large 24 / xlarge 28 / 2xlarge 32 en un botón de 44).
      *  bar/bar-area usan 20px hardcoded en el template (no pasan por aquí). */
     readonly iconPx: _angular_core.Signal<number>;
+    /** Rol del host: `img` para la nota de solo lectura (o `group` si trae link), `radiogroup` para pedirla. */
+    protected readonly hostRole: _angular_core.Signal<"group" | "img" | "radiogroup">;
+    /** Nombre accesible: interactivo = `ariaLabel`; readonly = «Calificación: 4,5 de 5, 120 calificaciones». */
+    protected readonly hostAriaLabel: _angular_core.Signal<string>;
+    /** Índice (1..max) de la celda con tabindex 0: la elegida, o la primera. */
+    protected readonly tabStopIndex: _angular_core.Signal<number>;
+    /**
+     * Patrón radiogroup (interactivo, igual que un radio nativo): ← ↑ bajan la
+     * nota, → ↓ la suben, Home/End
+     * van a 1 / max. Las flechas eligen (como cualquier radio). Sin vuelta: de 5
+     * no se salta a 1 con una flecha.
+     */
+    onKeydown(event: KeyboardEvent): void;
     /** Formato user-facing del rating value: "4.5" sin trailing zeros. */
     readonly valueLabel: _angular_core.Signal<string>;
     /** Formato corto del review count: 1234 → "1.2K", 5200 → "5.2K", 950 → "950". */
@@ -9575,6 +9818,16 @@ declare class SuiSelect<T = any> implements ControlValueAccessor {
     readonly errorMessage: _angular_core.InputSignal<string | null>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly hint: _angular_core.InputSignal<string | null>;
+    /** a11y (04-10-2026): el combobox toma su nombre del label visible
+     *  (aria-labelledby), apunta al listbox abierto (aria-controls) y anuncia la
+     *  opción resaltada con las flechas (aria-activedescendant), porque el foco
+     *  se queda en el trigger. */
+    protected readonly _labelId: string;
+    protected readonly _listboxId: string;
+    protected readonly _hintId: string;
+    protected _optionId(i: number): string;
+    /** El texto debajo del campo: el error manda sobre el hint. */
+    protected readonly _hintMessage: _angular_core.Signal<string | null>;
     /** Tipo de left-decoration del trigger (Figma Select[1.1] Type variant). */
     readonly type: _angular_core.InputSignal<SuiSelectType>;
     /** Left-decoration del trigger — true = icono default por type, string =
@@ -9943,6 +10196,11 @@ declare class SuiSlider implements ControlValueAccessor {
      * numérico actual del slider (value en single; "min–max" en range).
      */
     readonly amount: _angular_core.InputSignal<string | null>;
+    /** Unidad para el lector de pantalla (`aria-valuetext`: «12 km»). En single,
+     *  si se pasa `amount` manda ese texto. */
+    readonly unit: _angular_core.InputSignal<string | null>;
+    /** Nombre accesible cuando no hay `label` visible (o para reemplazarlo). */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /** Muestra tooltip flotante sobre el thumb activo (hover/drag). */
     readonly tooltip: _angular_core.InputSignal<boolean>;
     /** Fuerza el tooltip siempre visible (no solo en hover/drag). */
@@ -9977,6 +10235,14 @@ declare class SuiSlider implements ControlValueAccessor {
     readonly rangeMaxColored: _angular_core.Signal<boolean>;
     /** Texto del label de la derecha. */
     readonly amountText: _angular_core.Signal<string>;
+    /** El label visible nombra a la manija (antes no estaba enlazado). */
+    protected readonly _labelId: string;
+    /** «12 km»: el valor con su unidad, o null si no hay unidad. */
+    valueText(v: number): string | null;
+    /** Single: el texto de `amount` (lo que se ve) o el valor con la unidad. */
+    readonly singleValueText: _angular_core.Signal<string | null>;
+    /** Range: cada manija dice cuál es («Precio, mínimo» / «Precio, máximo»). */
+    thumbLabel(extremo: 'mínimo' | 'máximo'): string;
     private showTooltipFor;
     readonly showSingleTooltip: _angular_core.Signal<boolean>;
     readonly showMinTooltip: _angular_core.Signal<boolean>;
@@ -10000,11 +10266,12 @@ declare class SuiSlider implements ControlValueAccessor {
     onThumbEnter(handle: 'single' | 'min' | 'max'): void;
     onThumbLeave(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiSlider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSlider, "sui-slider", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "amount": { "alias": "amount"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipAlways": { "alias": "tooltipAlways"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSlider, "sui-slider", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "amount": { "alias": "amount"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipAlways": { "alias": "tooltipAlways"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; }, never, never, true, never>;
 }
 
 type SuiSocialButtonBrand = 'apple' | 'x-twitter' | 'google' | 'facebook' | 'linkedin' | 'github' | 'dropbox';
 type SuiSocialButtonStyle = 'filled' | 'stroke';
+type SuiSocialButtonSize = 'medium' | 'large';
 /**
  * SUI Social Button — SUI Design System 2.0
  *
@@ -10076,6 +10343,9 @@ declare class SuiSocialButton {
     readonly brand: _angular_core.InputSignal<SuiSocialButtonBrand>;
     readonly variantStyle: _angular_core.InputSignal<SuiSocialButtonStyle>;
     readonly onlyIcon: _angular_core.InputSignal<boolean>;
+    /** `medium` (40, default) · `large` (48, size nuevo 04-10-2026: piso táctil
+     *  44 en el teléfono; espeja el large de sui-button). */
+    readonly size: _angular_core.InputSignal<SuiSocialButtonSize>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     /** Loading state — reemplaza el logo por un spinner y deshabilita el botón. ExtraFeature. */
@@ -10111,7 +10381,7 @@ declare class SuiSocialButton {
     readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
     onClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiSocialButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSocialButton, "sui-social-button", never, { "brand": { "alias": "brand"; "required": true; "isSignal": true; }; "variantStyle": { "alias": "variantStyle"; "required": false; "isSignal": true; }; "onlyIcon": { "alias": "onlyIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSocialButton, "sui-social-button", never, { "brand": { "alias": "brand"; "required": true; "isSignal": true; }; "variantStyle": { "alias": "variantStyle"; "required": false; "isSignal": true; }; "onlyIcon": { "alias": "onlyIcon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 type SuiStatusBadgeStatus = 'completed' | 'pending' | 'failed' | 'information' | 'disabled';
@@ -10378,10 +10648,11 @@ interface SuiStoreCardData {
 }
 /**
  * Tamaño del corazón de favorito, en la escala del sui-button. `small` (36, el
- * de siempre) es el default; `medium` (40) es extensión SUI (03-10-2026) para
- * tocarlo con el dedo en mobile.
+ * de siempre) es el default; `medium` (40) es extensión SUI (03-10-2026);
+ * `large` (44) es el size nuevo del 04-10-2026 (dueño: piso táctil 44 en el
+ * teléfono): corazón de 44 y la nota tocable en 44 de alto.
  */
-type SuiStoreCardSize = 'small' | 'medium';
+type SuiStoreCardSize = 'small' | 'medium' | 'large';
 interface PreviewBadge {
     label: string;
     variant: 'draft' | 'pending' | 'rejected';
@@ -10394,8 +10665,8 @@ declare class SuiStoreCard {
     /** Ruta base del detalle: la tarjeta navega a `[linkBase, store.id]`. El
      *  default es la ruta del cliente de Master Pedidos; otra app pasa la suya. */
     readonly linkBase: _angular_core.InputSignal<string>;
-    /** Corazón de favorito: `small` 36 (default) · `medium` 40 para mobile —
-     *  extensión SUI (03-10-2026). */
+    /** Corazón de favorito: `small` 36 (default) · `medium` 40 — extensión SUI
+     *  (03-10-2026) · `large` 44 para el teléfono (04-10-2026). */
     readonly size: _angular_core.InputSignal<SuiStoreCardSize>;
     /**
      * El texto de Envío y el de Distancia, ya escritos por quien llama.
@@ -10436,7 +10707,7 @@ declare class SuiStoreCard {
         logoUrl: string | null;
     }>;
     readonly link: _angular_core.Signal<string[] | null>;
-    /** Glyph del corazón: 18 en small, 20 en medium. */
+    /** Glyph del corazón: 18 en small, 20 en medium y large. */
     readonly favIconSize: _angular_core.Signal<20 | 18>;
     readonly initial: _angular_core.Signal<string>;
     /**
@@ -10541,9 +10812,10 @@ interface SuiProductCardImage {
 /**
  * Tamaño de los botones del pie («+», lápiz y stepper), en la escala del
  * sui-button. `small` (36, el de siempre) es el default; `medium` (40) es
- * extensión SUI (03-10-2026) para tocar con el dedo en mobile.
+ * extensión SUI (03-10-2026); `large` (44) es el size nuevo del 04-10-2026
+ * (dueño: piso táctil 44 en el teléfono).
  */
-type SuiProductCardSize = 'small' | 'medium';
+type SuiProductCardSize = 'small' | 'medium' | 'large';
 /** Config del fallback sin imagen. */
 interface SuiProductCardFallback {
     /** `'name'` = banda de color + nombre (default) · `'icon'` = ícono. */
@@ -10594,8 +10866,8 @@ declare class SuiProductCard {
      *  tachado debajo. Igual o menor → se ignora. El porcentaje se calcula, no se
      *  pasa: un tercer número podría quedar desincronizado de los otros dos. */
     readonly precioLista: _angular_core.InputSignal<number | null>;
-    /** Tamaño de los botones del pie: `small` 36 (default) · `medium` 40 para
-     *  mobile — extensión SUI (03-10-2026). */
+    /** Tamaño de los botones del pie: `small` 36 (default) · `medium` 40 —
+     *  extensión SUI (03-10-2026) · `large` 44 para el teléfono (04-10-2026). */
     readonly size: _angular_core.InputSignal<SuiProductCardSize>;
     /** Tap en la card (abrir detalle del producto). */
     readonly openDetail: _angular_core.OutputEmitterRef<void>;
@@ -10613,9 +10885,9 @@ declare class SuiProductCard {
         pct: number;
         antes: string;
     } | null>;
-    /** Glyph del «+» / lápiz: 18 en small, 20 en medium. */
+    /** Glyph del «+» / lápiz: 18 en small, 20 en medium y large. */
     readonly iconSize: _angular_core.Signal<20 | 18>;
-    /** Glyph del stepper: 16 en small, 20 en medium. */
+    /** Glyph del stepper: 16 en small, 20 en medium y large. */
     readonly stepIconSize: _angular_core.Signal<20 | 16>;
     readonly showStepper: _angular_core.Signal<boolean>;
     /** Config resuelta de la imagen (string → { url }; `position` default 50).
@@ -10678,6 +10950,9 @@ declare class SuiSwitch implements ControlValueAccessor {
     readonly checked: _angular_core.InputSignal<boolean>;
     readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** false = fuera del orden de Tab (tabindex -1). Para cuando un padre es el
+     *  control enfocable y este switch solo dibuja el estado. */
+    readonly focusable: _angular_core.InputSignal<boolean>;
     private readonly _disabledByForm;
     readonly isDisabled: _angular_core.Signal<boolean>;
     /** CVA buffer — usado SOLO en form mode (formControlName/formControl).
@@ -10694,7 +10969,7 @@ declare class SuiSwitch implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiSwitch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSwitch, "sui-switch", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSwitch, "sui-switch", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
 }
 
 type SuiSwitchCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | 'brand' | 'company';
@@ -10766,6 +11041,9 @@ type SuiSwitchCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | 'b
  * iOS WKWebView fix: touch listeners en host (CLAUDE.md).
  */
 declare class SuiSwitchCard implements ControlValueAccessor {
+    private static _nextId;
+    protected readonly labelId: string;
+    protected readonly descriptionId: string;
     readonly type: _angular_core.InputSignal<SuiSwitchCardType>;
     /** Tamaño del switch interno — lo decide el padre (componente dumb). */
     readonly size: _angular_core.InputSignal<SuiSwitchSize>;
@@ -10810,7 +11088,6 @@ declare class SuiSwitchCard implements ControlValueAccessor {
     private _onChange;
     private _onTouched;
     onCardClick(e: MouseEvent): void;
-    onCardKey(e: Event): void;
     /** Reacciona al event del switch hijo — re-emite hacia el parent. */
     onSwitchChange(value: boolean): void;
     /** Emite intent hacia el parent. NO muta el state internamente (input es
@@ -10824,6 +11101,8 @@ declare class SuiSwitchCard implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSwitchCard, "sui-switch-card", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["[sui-switch-card-leading]"], true, never>;
 }
 
+/** Sizes de la fila: los del switch + `2xlarge` (fila de 44, dueño 04-10-2026). */
+type SuiSwitchLabelSize = SuiSwitchSize | '2xlarge';
 /**
  * SUI Switch Label — SUI Design System 2.0
  *
@@ -10882,11 +11161,21 @@ declare class SuiSwitchCard implements ControlValueAccessor {
  *   />
  */
 declare class SuiSwitchLabel implements ControlValueAccessor {
+    private static _nextId;
+    /** El sui-switch interno es el tab stop: toma su nombre del texto del label
+     *  (aria-labelledby) y su descripción de la descripción (revisión 04-10-2026). */
+    protected readonly labelId: string;
+    protected readonly descriptionId: string;
     readonly label: _angular_core.InputSignal<string>;
     readonly sublabel: _angular_core.InputSignal<string | null>;
     readonly description: _angular_core.InputSignal<string | null>;
-    /** Tamaño del switch interno y del texto (large/xlarge → 16/24) — lo decide el padre (componente dumb). */
-    readonly size: _angular_core.InputSignal<SuiSwitchSize>;
+    /** Tamaño del switch interno y del texto (large/xlarge → 16/24) — lo decide el padre (componente dumb).
+     *  `2xlarge` (canon, dueño 04-10-2026: piso táctil 44 en el teléfono): la fila
+     *  mide 44 como mínimo, switch 48 × 28 (el mayor), label 16/24, descripción 12. */
+    readonly size: _angular_core.InputSignal<SuiSwitchLabelSize>;
+    /** Size del sui-switch interno: `2xlarge` es un alto de fila, el switch se
+     *  queda en su tamaño mayor (xlarge, 48 × 28). */
+    protected readonly controlSize: _angular_core.Signal<SuiSwitchSize>;
     /** Badge junto al label — string shorthand ('NEW') o SuiBadgeConfig
         (label + color/variant/size, tipado como sui-badge). null = sin badge. */
     readonly badge: _angular_core.InputSignal<string | SuiBadgeConfig | null>;
@@ -10937,8 +11226,9 @@ declare class SuiSwitchLabel implements ControlValueAccessor {
  * Tamaño del chip. `medium` (36 px) es el de siempre y el default: quien no
  * pase `size` no ve ningún cambio. `small` (32) para web densa; `large` (40)
  * para mobile, donde se toca con el dedo. Extensión SUI (03-10-2026).
+ * `xlarge` (44) es el piso táctil del teléfono (canon del dueño, 04-10-2026).
  */
-type SuiTabChipsSize = 'small' | 'medium' | 'large';
+type SuiTabChipsSize = 'small' | 'medium' | 'large' | 'xlarge';
 interface SuiTabChipItem {
     /** Valor único del chip (lo que devuelve `value`). */
     value: string;
@@ -10997,11 +11287,25 @@ declare class SuiTabChips implements AfterViewInit, OnDestroy {
     protected readonly stuck: _angular_core.WritableSignal<boolean>;
     /** Normaliza el input a SuiTabChipItem[] para iteración uniforme. */
     protected readonly normalizedChips: _angular_core.Signal<SuiTabChipItem[]>;
+    /**
+     * Chip que tiene el tab stop (roving tabindex). `null` = el activo. Las
+     * flechas mueven el foco SIN seleccionar (activación manual: cada filtro
+     * recarga datos); Enter/Espacio —el click nativo del <button>— selecciona.
+     */
+    private readonly _focusValue;
+    /** Valor del único chip con tabindex 0: el enfocado con flechas, o el activo. */
+    protected readonly tabStopValue: _angular_core.Signal<string>;
+    /** Nombre accesible del chip: la cuenta va en el nombre («Pendientes, 3»). */
+    protected chipAriaLabel(chip: SuiTabChipItem): string | null;
     private _intersectionObserver?;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     protected select(value: string): void;
+    /** Al salir del grupo el tab stop vuelve al chip activo (patrón de tabs). */
+    protected onFocusout(event: FocusEvent): void;
+    /** Flechas ← → / Home / End: mueven el foco entre chips (con wrap). */
+    protected onKeydown(event: KeyboardEvent): void;
     private scrollToChip;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabChips, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabChips, "sui-tab-chips", never, { "chips": { "alias": "chips"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
@@ -11347,6 +11651,15 @@ declare class SuiTabMenuHorizontal<T = string> {
     /** Glyph del ícono de la pestaña: 24 en xlarge, 20 en el resto. */
     readonly iconSize: _angular_core.Signal<20 | 24>;
     readonly tabChange: _angular_core.OutputEmitterRef<T>;
+    private readonly tabItems?;
+    /** Índice del único tab con tabindex 0: el activo, o el primero habilitado. */
+    protected readonly tabStopIndex: _angular_core.Signal<number>;
+    /**
+     * Patrón tablist (WAI-ARIA, activación automática — a11y 04-10-2026):
+     * ← → mueven el foco y activan la pestaña, con vuelta al inicio y
+     * saltando las deshabilitadas; Home/End van a la primera/última.
+     */
+    protected onKeydown(event: KeyboardEvent): void;
     isActive(tab: SuiTabMenuHorizontalItem<T>): boolean;
     select(tab: SuiTabMenuHorizontalItem<T>): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabMenuHorizontal<any>, never>;
@@ -11374,51 +11687,6 @@ interface SuiTabMenuVerticalItem<T = string> {
     number?: number;
     disabled?: boolean;
 }
-/**
- * SUI Tab Menu Vertical — SUI Design System 2.0
- *
- * Figma file: 8p1k72aKKvzJV4XcvPS4VO
- * Componente Figma: "Tab Menu Vertical [1.1]"
- *   3516:10411 — set (Style=Card|List × Quantity 02–08 × divider)
- *   3516:10412 — Card Quantity=03 con divider 'SELECT MENU'
- *   3515:10326 — Tab Menu Vertical Items [1.1] (State × Active; leftIcon/rightIcon/number)
- *   3515:10341 — Item Active/On (bg-weak-50)
- *
- * Navegación lateral (sidebar nav) con dos estilos de contenedor: Card (con
- * borde/fondo/sombra) o List (plano).
- *
- * EXACT specs (Figma):
- *   Item (3515:10327/10341): gap 6px, padding 8px, radius-8, w-full, label flex-1
- *     text-left, overflow-clip
- *     Active/On:  bg-weak-50 + text strong-950; leftIcon PRIMARY-BASE (verificado
- *                 2026-06-21 vía variable_defs + screenshot de 3515:10341 — difiere
- *                 del horizontal, cuyo icono activo es strong-950, a propósito)
- *     Hover/Off:  bg-weak-50 (igual fill que el active) + text strong-950 (3515:10334)
- *     Default/Off (Card): bg-white-0 + text/icon sub-600
- *     Default/Off (List): transparent + text/icon sub-600
- *   Container Card (3516:10412): bg-white-0, border 1px stroke-soft-200, p-10px,
- *     radius-16, shadow-x-small, flex-col gap-8px, overflow-clip
- *   Container List: flat (sin border/bg/shadow/padding), gap-8px
- *   Divider label (Content Divider [1.1] reusado): px-8px py-4px, text-soft-400,
- *     Subheading/XSmall (12px/16px line, +4% / 0.48px), uppercase
- *   number: badge state/error/base, p-2px, radius-full, text static-white
- *   rightIcon (chevron): pill bg-white-0, p-1px, radius-full, shadow-x-small,
- *     arrow-right-s-line 18px
- *
- * PENDING VERIFY:
- *   - El set de Figma no expone eje `size`; usa un único tamaño (item p-8px /
- *     icon 20px), por eso este componente NO tiene input `size`.
- *   - `disabled` por ítem es extensión SUI (Figma no muestra estado Disabled).
- *
- * Historia: hasta la v0.2.x este componente vivía como
- * `<sui-tabs variant="vertical">`; en la v0.3.0 se separó en componente propio
- * (junto a `sui-segmented-control` y `sui-tab-menu-horizontal`) espejando los
- * tres sets independientes de Figma. Renombres vs la API vieja:
- *   - input `verticalStyle` → `menuStyle` (el prefijo "vertical" quedó
- *     redundante con el nombre del componente; no se usa `style` a secas para
- *     no chocar con el atributo HTML global `style`).
- *   - item `badge` → `number` y `chevron` → `rightIcon` (props del Figma).
- */
 declare class SuiTabMenuVertical<T = string> {
     readonly tabs: _angular_core.InputSignal<SuiTabMenuVerticalItem<T>[]>;
     readonly active: _angular_core.ModelSignal<T | undefined>;
@@ -11430,13 +11698,26 @@ declare class SuiTabMenuVertical<T = string> {
      */
     readonly dividerLabel: _angular_core.InputSignal<string>;
     readonly tabChange: _angular_core.OutputEmitterRef<T>;
+    private readonly tabItems?;
+    /** id del divider: nombra el tablist (aria-labelledby). */
+    protected readonly dividerId: string;
+    /** Índice del único tab con tabindex 0: el activo, o el primero habilitado. */
+    protected readonly tabStopIndex: _angular_core.Signal<number>;
+    /**
+     * Patrón tablist (WAI-ARIA, activación automática — a11y 04-10-2026):
+     * ↑ ↓ mueven el foco y activan la pestaña, con vuelta al inicio y
+     * saltando las deshabilitadas; Home/End van a la primera/última.
+     */
+    protected onKeydown(event: KeyboardEvent): void;
     isActive(tab: SuiTabMenuVerticalItem<T>): boolean;
     select(tab: SuiTabMenuVerticalItem<T>): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabMenuVertical<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabMenuVertical<any>, "sui-tab-menu-vertical", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "menuStyle": { "alias": "menuStyle"; "required": false; "isSignal": true; }; "dividerLabel": { "alias": "dividerLabel"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "tabChange": "tabChange"; }, never, never, true, never>;
 }
 
-type SuiSegmentedControlSize = 'small' | 'medium' | 'large' | 'xlarge';
+/** `2xlarge` (44 por segmento, también solo ícono): piso táctil del teléfono,
+ *  canon del dueño 04-10-2026. Los demás sizes no cambian. */
+type SuiSegmentedControlSize = 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 interface SuiSegmentedControlItem<T = string> {
     value: T;
     label: string;
@@ -11471,7 +11752,7 @@ interface SuiSegmentedControlItem<T = string> {
  *   Disabled: color discreto text-disabled-300 (NO opacity)
  *
  * EXTRA FEATURES (extensión SUI, el set de Figma no expone eje `size`):
- *   - prop `size` (small/medium/large/xlarge); solo medium está 1:1 con Figma.
+ *   - prop `size` (small/medium/large/xlarge/2xlarge); solo medium está 1:1 con Figma.
  *   - prop `disabled` por ítem.
  *
  * Historia: hasta la v0.2.x este componente vivía como `<sui-tabs variant="segment">`;
@@ -11482,6 +11763,8 @@ declare class SuiSegmentedControl<T = string> implements AfterViewInit {
     readonly tabs: _angular_core.InputSignal<SuiSegmentedControlItem<T>[]>;
     readonly active: _angular_core.ModelSignal<T | undefined>;
     readonly size: _angular_core.InputSignal<SuiSegmentedControlSize>;
+    /** Nombre accesible del grupo («Tipo de entrega»). Sin él, el lector anuncia solo «grupo de radio». */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly tabChange: _angular_core.OutputEmitterRef<T>;
     segmentItems?: QueryList<ElementRef<HTMLElement>>;
     segmentTrack?: ElementRef<HTMLElement>;
@@ -11493,10 +11776,160 @@ declare class SuiSegmentedControl<T = string> implements AfterViewInit {
     constructor();
     ngAfterViewInit(): void;
     private updateIndicator;
+    /** Índice del único ítem con tabindex 0: el activo, o el primero habilitado. */
+    protected readonly tabStopIndex: _angular_core.Signal<number>;
+    /**
+     * Patrón radiogroup (WAI-ARIA): ← → ↑ ↓ mueven el foco Y eligen, con vuelta
+     * al inicio; Home/End al primero/último. Los deshabilitados se saltan.
+     */
+    protected onKeydown(event: KeyboardEvent): void;
     isActive(tab: SuiSegmentedControlItem<T>): boolean;
     select(tab: SuiSegmentedControlItem<T>): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiSegmentedControl<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSegmentedControl<any>, "sui-segmented-control", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "tabChange": "tabChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSegmentedControl<any>, "sui-segmented-control", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "tabChange": "tabChange"; }, never, never, true, never>;
+}
+
+type SuiTagStyle = 'stroke' | 'gray';
+/**
+ * Tamaño. `medium` (24) es el de Figma y el default. `large` 32 y `xlarge` 40
+ * son extensión SUI (03-10-2026) para mobile, con la X de quitar más grande.
+ */
+type SuiTagSize = 'medium' | 'large' | 'xlarge';
+/**
+ * SUI Tag — SUI Design System 2.0
+ *
+ * Figma file: 8p1k72aKKvzJV4XcvPS4VO
+ * Component set: Tag [1.1] (frame 431:16147)
+ * Matrix: Type(6) × Style(2: Stroke, Gray) × State(4) × Dismiss(2) = 96 variants.
+ *
+ * Variants pulled for verification (get_design_context + get_variable_defs):
+ *  - 431:16543 Basic   / Stroke / Default / Dismiss=On
+ *  - 431:18054 Basic   / Gray   / Default / Dismiss=On
+ *  - 431:16548 LeftIcon/ Stroke / Default / Dismiss=On  (pushpin-fill leading 16×16)
+ *  - 431:17022 Basic   / Stroke / Hover   / Dismiss=On
+ *  - 431:17141 Basic   / Stroke / Active  / Dismiss=On
+ *  - 431:18049 Basic   / Gray   / Hover   / Dismiss=On
+ *  - 431:18064 Basic   / Gray   / Active  / Dismiss=On
+ *  - 431:17379 Basic   / Stroke / Disabled/ Dismiss=On
+ *  - 431:18059 Basic   / Gray   / Disabled/ Dismiss=On
+ *
+ * EXACT (pulled, verified pixel/token):
+ *  - Container: border-radius 6px (--sui-radius-6), height 24px (py=4px + 16px line).
+ *    (24 es `medium`, el default; ver TAMAÑOS abajo para large/xlarge.)
+ *    NOTE: distinto del badge (radius-full 999px) — NO confundir.
+ *  - Typography: Label/X Small (Inter Medium, 12px / line 16 / tracking 0, NO uppercase),
+ *    font-feature 'ss11' 1, 'calt' 0, 'liga' 0. Label color text-sub-600 (#5c5c5c).
+ *  - Sublabel: Inter Regular 12/16, color text-soft-400 (#a3a3a3), gap 2px al label.
+ *  - Padding básico (Basic, no leading): pl=8 pr=8 py=4. Con dismiss: pl=8 pr=4 py=4
+ *    (la X 16×16 come el espacio derecho). Con leading element: padding 4px all-around
+ *    (pl=4) + gap 4px entre leading y el bloque de texto.
+ *  - Leading element + dismiss icon: ambos son slots 16×16. gap leading↔texto = 4px;
+ *    gap label↔sublabel↔close = 2px (bloque "Text" interno).
+ *  - close-fill dismiss: glyph X (asset 41:8907, ≈ RemixIcon close); renderizado con
+ *    <sui-icon name="close-line"> 16px (canon RemixIcon, sin dependencia de asset).
+ *    Color del glyph por estado (verificado node-by-node, NO hereda del label):
+ *      Default (Stroke y Gray) → icon-soft-400 (#a3a3a3) — 431:16547 / 431:18058
+ *      Active                  → icon-strong-950 (#171717) — 431:17141 / 431:18064
+ *      Disabled                → icon-disabled-300 (#d1d1d1) — 431:17379 / 431:18059
+ *    Hover del PROPIO botón close (affordance) → strong-950 (decisión local, no en Figma).
+ *    NO usa sui-compact-button: en Figma el close es un glyph 16×16 plano (sin bg/border/
+ *    shadow/padding), mientras sui-compact-button es un container 20×20 con padding 2px y
+ *    estilos de botón — metería un cuadro 20px en un tag de 24px y rompería el layout.
+ *
+ *  - State tokens (verified node-by-node):
+ *      Stroke Default  → bg white-0 / border soft-200 / text+icon sub-600
+ *      Stroke Hover    → bg weak-50 / border soft-200 / text+icon sub-600 (431:17022)
+ *      Stroke Active   → bg white-0 / border strong-950 / text+icon strong-950 (431:17141)
+ *      Stroke Disabled → bg weak-50 / NO border / text+icon disabled-300 (431:17379)
+ *      Gray   Default  → bg weak-50 / NO border / text sub-600 / icon soft-400
+ *      Gray   Hover    → bg white-0 / border soft-200 / text sub-600 / icon soft-400 (431:18049)
+ *      Gray   Active   → bg white-0 / border strong-950 / text+icon strong-950 (431:18064)
+ *      Gray   Disabled → bg weak-50 / NO border / text+icon disabled-300 (431:18059)
+ *
+ * ARQUITECTURA — Type via proyección (NO 6 enums rígidos con assets baked):
+ *  Los 6 "Type" de Figma (Basic, Left Icon, Avatar, Country, Brand, Company)
+ *  colapsan a dos casos: SIN leading element vs CON leading element 16×16 + gap-4.
+ *  El leading se proyecta vía `[data-slot=start]`, así el consumer pasa:
+ *    - Left Icon → <sui-icon name="..." data-slot="start" size="16">
+ *    - Avatar    → <sui-avatar size="xs" data-slot="start" ...>  (xs=20, escalado por CSS a 16)
+ *    - Country   → <sui-flag name="peru" size="xs" data-slot="start"> (xs=16)
+ *    - Brand/Company → <img data-slot="start" ... 16×16>
+ *  Esto evita baked-in flags/brands/avatars (que requerirían descargar 262 flags +
+ *  logos de marca arbitrarios) y mantiene el componente agnóstico al contenido.
+ *  El input `leading` (boolean) ajusta padding/gap cuando hay leading element.
+ *
+ * INTERACTIVITY:
+ *  Figma documenta Hover/Active states → el tag PUEDE ser interactivo (clickeable).
+ *  `interactive` input habilita los estilos :hover/:active del host. Si el tag no es
+ *  clickeable (solo display), `interactive=false` (default) los suprime. El dismiss
+ *  button SIEMPRE tiene su propio hover/active independiente del host.
+ *
+ * PENDING VERIFY (inferido, sin confirmar pixel-exacto en Figma):
+ *  - Avatar leading a 16×16: sui-avatar size más chico es xs=20 (no hay 16). Se
+ *    escala vía CSS (width/height 16) en el slot. Figma muestra el avatar a 16×16
+ *    exacto — el escalado CSS de un avatar 20 podría diferir ~sub-pixel del asset.
+ *  - Hover/Active como estados :hover/:active CSS reales (no data-attr forzados):
+ *    Figma los modela como variantes State separadas. Se mapean a pseudo-clases
+ *    cuando `interactive=true`. Si un consumer necesita forzar el estado visual
+ *    (ej. en un storybook/preview), no hay input `state` explícito — se asume que
+ *    el pseudo-estado real del DOM basta.
+ *  - Disabled icon color: Figma Disabled solo se pulló en Basic (sin leading). Se
+ *    asume disabled-300 también para el leading icon/avatar/flag proyectado, pero el
+ *    contenido proyectado (avatar/flag con color propio) NO se puede forzar a gris
+ *    desde el host — el consumer debe atenuar su propio leading si lo requiere.
+ *
+ * TAMAÑOS — extensión SUI (03-10-2026, pedido del dueño):
+ *  Figma trae solo 24 px, con una X de 16 que en mobile queda muy por debajo de
+ *  los 44 del dedo. Se suman dos tamaños en la escala del sui-button:
+ *    medium  24 · Label/X Small 12/16 · leading 16 · X 16 (default, Figma)
+ *    large   32 · Label/Small 14/20   · leading 20 · X 20
+ *    xlarge  40 · Label/Medium 16/24  · leading 20 · X 24
+ *  En large/xlarge la X además se agranda por dentro (::before invisible) para
+ *  que el área táctil llegue al alto del tag sin cambiar cómo se ve.
+ *
+ * CUSTOM (no en Figma — add-on local): ninguno por ahora. extraFeatures del
+ * reporte de auditoría estaba vacío.
+ */
+declare class SuiTag {
+    /** Visual style. `stroke` = white bg + soft border; `gray` = weak-50 bg, no border. Default stroke. */
+    readonly tagStyle: _angular_core.InputSignal<SuiTagStyle>;
+    /** Tamaño: medium 24 (default, Figma) · large 32 · xlarge 40 (mobile). */
+    readonly size: _angular_core.InputSignal<SuiTagSize>;
+    /** Px del glyph de la X por tamaño (16 / 20 / 24). */
+    readonly dismissIconSize: _angular_core.Signal<number>;
+    /**
+     * True cuando hay un leading element proyectado (icon/avatar/flag/brand/company)
+     * en `[data-slot=start]`. Ajusta el padding (pl=4) y agrega gap=4 leading↔texto.
+     * El consumer DEBE setearlo cuando proyecta un start slot.
+     */
+    readonly leading: _angular_core.InputSignal<boolean>;
+    /** Texto secundario opcional (ej. '(4)'), render en text-soft-400, gap 2px tras el label. */
+    readonly sublabel: _angular_core.InputSignal<string>;
+    /** Muestra el botón de cierre (X 16×16) al final del tag. Emite `(dismiss)`. */
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    /**
+     * Habilita los estilos :hover / :active del host (Figma States Hover/Active).
+     * Solo cuando el tag entero es clickeable. Default false (tag de display puro).
+     */
+    readonly interactive: _angular_core.InputSignal<boolean>;
+    /** Estado deshabilitado: override de tokens a disabled-300, pointer-events none. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** aria-label opcional para el botón de cierre. Default 'Quitar'. */
+    readonly dismissLabel: _angular_core.InputSignal<string>;
+    /** Emitido al clickear el botón de cierre (solo si dismissible y no disabled). */
+    readonly dismiss: _angular_core.OutputEmitterRef<void>;
+    /** True cuando hay sublabel no vacío para renderizar el span secundario. */
+    readonly showsSublabel: _angular_core.Signal<boolean>;
+    private readonly _el;
+    private _spacePressed;
+    /** Solo el host interactivo y con el foco en él (no la X de adentro). */
+    private _teclaMia;
+    _onEnter(event: Event): void;
+    _onSpaceDown(event: Event): void;
+    _onSpaceUp(event: Event): void;
+    protected onDismiss(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTag, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTag, "sui-tag", never, { "tagStyle": { "alias": "tagStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "leading": { "alias": "leading"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["[data-slot=start]", "*"], true, never>;
 }
 
 type SuiTagInputSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
@@ -11610,11 +12043,26 @@ declare class SuiTagInput implements ControlValueAccessor {
      * jerarquía del formulario (y `SuiFormLabelSize` llega hasta medium).
      */
     protected readonly labelSize: _angular_core.Signal<SuiFormLabelSize>;
+    /**
+     * Size de los chips (fix 04-10-2026, revisión de átomos y moléculas): antes
+     * los chips iban siempre en medium y su X medía 16 aunque el campo fuera
+     * large o xlarge. Ahora el chip acompaña al campo grande:
+     *   xsmall · small · medium → tag medium (24, X 16) — sin cambio
+     *   large                    → tag large  (32, X 20, se toca en 32)
+     *   xlarge                   → tag xlarge (40, X 24, se toca en 44 en el teléfono)
+     */
+    protected readonly tagSize: _angular_core.Signal<SuiTagSize>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly sublabel: _angular_core.InputSignal<string | null>;
     readonly required: _angular_core.InputSignal<boolean>;
     readonly tooltip: _angular_core.InputSignal<string | null>;
     readonly hint: _angular_core.InputSignal<string | null>;
+    /** a11y (04-10-2026): ids propios por instancia para enlazar el label
+     *  (`for`) y el hint/error (`aria-describedby`) con el control. */
+    protected readonly _controlId: string;
+    protected readonly _hintId: string;
+    /** El texto debajo del campo: el error manda sobre el hint. */
+    protected readonly _hintMessage: _angular_core.Signal<string | null>;
     /** Permite que coma además de Enter agregue un tag. Default false (solo Enter). */
     readonly commaSeparator: _angular_core.InputSignal<boolean>;
     /** Permite tags duplicados. Default false (dedupe case-sensitive). */
@@ -11661,142 +12109,6 @@ declare class SuiTagInput implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTagInput, "sui-tag-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "commaSeparator": { "alias": "commaSeparator"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "maxTags": { "alias": "maxTags"; "required": false; "isSignal": true; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "tagAdded": "tagAdded"; "tagRemoved": "tagRemoved"; }, never, ["[slot=right]"], true, never>;
 }
 
-type SuiTagStyle = 'stroke' | 'gray';
-/**
- * Tamaño. `medium` (24) es el de Figma y el default. `large` 32 y `xlarge` 40
- * son extensión SUI (03-10-2026) para mobile, con la X de quitar más grande.
- */
-type SuiTagSize = 'medium' | 'large' | 'xlarge';
-/**
- * SUI Tag — SUI Design System 2.0
- *
- * Figma file: 8p1k72aKKvzJV4XcvPS4VO
- * Component set: Tag [1.1] (frame 431:16147)
- * Matrix: Type(6) × Style(2: Stroke, Gray) × State(4) × Dismiss(2) = 96 variants.
- *
- * Variants pulled for verification (get_design_context + get_variable_defs):
- *  - 431:16543 Basic   / Stroke / Default / Dismiss=On
- *  - 431:18054 Basic   / Gray   / Default / Dismiss=On
- *  - 431:16548 LeftIcon/ Stroke / Default / Dismiss=On  (pushpin-fill leading 16×16)
- *  - 431:17022 Basic   / Stroke / Hover   / Dismiss=On
- *  - 431:17141 Basic   / Stroke / Active  / Dismiss=On
- *  - 431:18049 Basic   / Gray   / Hover   / Dismiss=On
- *  - 431:18064 Basic   / Gray   / Active  / Dismiss=On
- *  - 431:17379 Basic   / Stroke / Disabled/ Dismiss=On
- *  - 431:18059 Basic   / Gray   / Disabled/ Dismiss=On
- *
- * EXACT (pulled, verified pixel/token):
- *  - Container: border-radius 6px (--sui-radius-6), height 24px (py=4px + 16px line).
- *    (24 es `medium`, el default; ver TAMAÑOS abajo para large/xlarge.)
- *    NOTE: distinto del badge (radius-full 999px) — NO confundir.
- *  - Typography: Label/X Small (Inter Medium, 12px / line 16 / tracking 0, NO uppercase),
- *    font-feature 'ss11' 1, 'calt' 0, 'liga' 0. Label color text-sub-600 (#5c5c5c).
- *  - Sublabel: Inter Regular 12/16, color text-soft-400 (#a3a3a3), gap 2px al label.
- *  - Padding básico (Basic, no leading): pl=8 pr=8 py=4. Con dismiss: pl=8 pr=4 py=4
- *    (la X 16×16 come el espacio derecho). Con leading element: padding 4px all-around
- *    (pl=4) + gap 4px entre leading y el bloque de texto.
- *  - Leading element + dismiss icon: ambos son slots 16×16. gap leading↔texto = 4px;
- *    gap label↔sublabel↔close = 2px (bloque "Text" interno).
- *  - close-fill dismiss: glyph X (asset 41:8907, ≈ RemixIcon close); renderizado con
- *    <sui-icon name="close-line"> 16px (canon RemixIcon, sin dependencia de asset).
- *    Color del glyph por estado (verificado node-by-node, NO hereda del label):
- *      Default (Stroke y Gray) → icon-soft-400 (#a3a3a3) — 431:16547 / 431:18058
- *      Active                  → icon-strong-950 (#171717) — 431:17141 / 431:18064
- *      Disabled                → icon-disabled-300 (#d1d1d1) — 431:17379 / 431:18059
- *    Hover del PROPIO botón close (affordance) → strong-950 (decisión local, no en Figma).
- *    NO usa sui-compact-button: en Figma el close es un glyph 16×16 plano (sin bg/border/
- *    shadow/padding), mientras sui-compact-button es un container 20×20 con padding 2px y
- *    estilos de botón — metería un cuadro 20px en un tag de 24px y rompería el layout.
- *
- *  - State tokens (verified node-by-node):
- *      Stroke Default  → bg white-0 / border soft-200 / text+icon sub-600
- *      Stroke Hover    → bg weak-50 / border soft-200 / text+icon sub-600 (431:17022)
- *      Stroke Active   → bg white-0 / border strong-950 / text+icon strong-950 (431:17141)
- *      Stroke Disabled → bg weak-50 / NO border / text+icon disabled-300 (431:17379)
- *      Gray   Default  → bg weak-50 / NO border / text sub-600 / icon soft-400
- *      Gray   Hover    → bg white-0 / border soft-200 / text sub-600 / icon soft-400 (431:18049)
- *      Gray   Active   → bg white-0 / border strong-950 / text+icon strong-950 (431:18064)
- *      Gray   Disabled → bg weak-50 / NO border / text+icon disabled-300 (431:18059)
- *
- * ARQUITECTURA — Type via proyección (NO 6 enums rígidos con assets baked):
- *  Los 6 "Type" de Figma (Basic, Left Icon, Avatar, Country, Brand, Company)
- *  colapsan a dos casos: SIN leading element vs CON leading element 16×16 + gap-4.
- *  El leading se proyecta vía `[data-slot=start]`, así el consumer pasa:
- *    - Left Icon → <sui-icon name="..." data-slot="start" size="16">
- *    - Avatar    → <sui-avatar size="xs" data-slot="start" ...>  (xs=20, escalado por CSS a 16)
- *    - Country   → <sui-flag name="peru" size="xs" data-slot="start"> (xs=16)
- *    - Brand/Company → <img data-slot="start" ... 16×16>
- *  Esto evita baked-in flags/brands/avatars (que requerirían descargar 262 flags +
- *  logos de marca arbitrarios) y mantiene el componente agnóstico al contenido.
- *  El input `leading` (boolean) ajusta padding/gap cuando hay leading element.
- *
- * INTERACTIVITY:
- *  Figma documenta Hover/Active states → el tag PUEDE ser interactivo (clickeable).
- *  `interactive` input habilita los estilos :hover/:active del host. Si el tag no es
- *  clickeable (solo display), `interactive=false` (default) los suprime. El dismiss
- *  button SIEMPRE tiene su propio hover/active independiente del host.
- *
- * PENDING VERIFY (inferido, sin confirmar pixel-exacto en Figma):
- *  - Avatar leading a 16×16: sui-avatar size más chico es xs=20 (no hay 16). Se
- *    escala vía CSS (width/height 16) en el slot. Figma muestra el avatar a 16×16
- *    exacto — el escalado CSS de un avatar 20 podría diferir ~sub-pixel del asset.
- *  - Hover/Active como estados :hover/:active CSS reales (no data-attr forzados):
- *    Figma los modela como variantes State separadas. Se mapean a pseudo-clases
- *    cuando `interactive=true`. Si un consumer necesita forzar el estado visual
- *    (ej. en un storybook/preview), no hay input `state` explícito — se asume que
- *    el pseudo-estado real del DOM basta.
- *  - Disabled icon color: Figma Disabled solo se pulló en Basic (sin leading). Se
- *    asume disabled-300 también para el leading icon/avatar/flag proyectado, pero el
- *    contenido proyectado (avatar/flag con color propio) NO se puede forzar a gris
- *    desde el host — el consumer debe atenuar su propio leading si lo requiere.
- *
- * TAMAÑOS — extensión SUI (03-10-2026, pedido del dueño):
- *  Figma trae solo 24 px, con una X de 16 que en mobile queda muy por debajo de
- *  los 44 del dedo. Se suman dos tamaños en la escala del sui-button:
- *    medium  24 · Label/X Small 12/16 · leading 16 · X 16 (default, Figma)
- *    large   32 · Label/Small 14/20   · leading 20 · X 20
- *    xlarge  40 · Label/Medium 16/24  · leading 20 · X 24
- *  En large/xlarge la X además se agranda por dentro (::before invisible) para
- *  que el área táctil llegue al alto del tag sin cambiar cómo se ve.
- *
- * CUSTOM (no en Figma — add-on local): ninguno por ahora. extraFeatures del
- * reporte de auditoría estaba vacío.
- */
-declare class SuiTag {
-    /** Visual style. `stroke` = white bg + soft border; `gray` = weak-50 bg, no border. Default stroke. */
-    readonly tagStyle: _angular_core.InputSignal<SuiTagStyle>;
-    /** Tamaño: medium 24 (default, Figma) · large 32 · xlarge 40 (mobile). */
-    readonly size: _angular_core.InputSignal<SuiTagSize>;
-    /** Px del glyph de la X por tamaño (16 / 20 / 24). */
-    readonly dismissIconSize: _angular_core.Signal<number>;
-    /**
-     * True cuando hay un leading element proyectado (icon/avatar/flag/brand/company)
-     * en `[data-slot=start]`. Ajusta el padding (pl=4) y agrega gap=4 leading↔texto.
-     * El consumer DEBE setearlo cuando proyecta un start slot.
-     */
-    readonly leading: _angular_core.InputSignal<boolean>;
-    /** Texto secundario opcional (ej. '(4)'), render en text-soft-400, gap 2px tras el label. */
-    readonly sublabel: _angular_core.InputSignal<string>;
-    /** Muestra el botón de cierre (X 16×16) al final del tag. Emite `(dismiss)`. */
-    readonly dismissible: _angular_core.InputSignal<boolean>;
-    /**
-     * Habilita los estilos :hover / :active del host (Figma States Hover/Active).
-     * Solo cuando el tag entero es clickeable. Default false (tag de display puro).
-     */
-    readonly interactive: _angular_core.InputSignal<boolean>;
-    /** Estado deshabilitado: override de tokens a disabled-300, pointer-events none. */
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    /** aria-label opcional para el botón de cierre. Default 'Quitar'. */
-    readonly dismissLabel: _angular_core.InputSignal<string>;
-    /** Emitido al clickear el botón de cierre (solo si dismissible y no disabled). */
-    readonly dismiss: _angular_core.OutputEmitterRef<void>;
-    /** True cuando hay sublabel no vacío para renderizar el span secundario. */
-    readonly showsSublabel: _angular_core.Signal<boolean>;
-    protected onDismiss(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTag, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTag, "sui-tag", never, { "tagStyle": { "alias": "tagStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "leading": { "alias": "leading"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["[data-slot=start]", "*"], true, never>;
-}
-
 /**
  * Tamaño del campo — los mismos nombres que `sui-input` para que un formulario
  * pase el mismo `size` a los dos. Cambia el padding y el radio (el alto lo
@@ -11914,6 +12226,12 @@ declare class SuiTextarea implements ControlValueAccessor {
     readonly errorMessage: _angular_core.InputSignal<string | null>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly hint: _angular_core.InputSignal<string | null>;
+    /** a11y (04-10-2026): ids propios por instancia para enlazar el label
+     *  (`for`) y el hint/error (`aria-describedby`) con el control. */
+    protected readonly _controlId: string;
+    protected readonly _hintId: string;
+    /** El texto debajo del campo: el error manda sobre el hint. */
+    protected readonly _hintMessage: _angular_core.Signal<string | null>;
     readonly autocomplete: _angular_core.InputSignal<string | null>;
     readonly resizable: _angular_core.InputSignal<boolean>;
     /**
@@ -12228,13 +12546,15 @@ interface ColumnItem {
  * @input placeholder / disabled / size
  * @input format — '12h' (default, AM/PM) | '24h'
  * @input step — incremento de minutos en la lista (default 5)
- * @input durationPresets — pills de duración rápida (default 15/30/45/60 min)
+ * @input durationPresets — pills de duración rápida (default [] — ver la nota del input)
  * @input inline — renderiza el panel sin trigger ni popover
  * @input showFooter — muestra Cancel/Apply (default true)
  * @model value — SuiTimeValue | null (two-way + CVA)
  */
-/** `large` (48) es extensión SUI (03-10-2026) para mobile. */
-type SuiTimePickerSize = 'small' | 'medium' | 'large';
+/** `large` (48) es extensión SUI (03-10-2026) para mobile. `xlarge` (52) es
+ *  canon del dueño 04-10-2026 (piso táctil de 44 en el teléfono): campo de 52,
+ *  filas de 44 con texto 16 y Cancelar/Aplicar en large. */
+type SuiTimePickerSize = 'small' | 'medium' | 'large' | 'xlarge';
 declare class SuiTimePicker implements ControlValueAccessor {
     readonly label: _angular_core.InputSignal<string | null>;
     readonly sublabel: _angular_core.InputSignal<string | null>;
@@ -12249,17 +12569,28 @@ declare class SuiTimePicker implements ControlValueAccessor {
      * Alto del campo: small 36 · medium 40 (default) · large 48 (extensión SUI,
      * 03-10-2026, para mobile: mismo alto que sui-input/sui-select large). En
      * large las filas del panel miden 44 y Cancelar/Aplicar van en large.
+     * xlarge (52): canon del dueño 04-10-2026, el mismo panel que large con el
+     * campo de 52 (el alto de sui-input xlarge).
      */
     readonly size: _angular_core.InputSignal<SuiTimePickerSize>;
     /** sui-form-label no tiene large: el label queda en medium. */
     protected readonly labelSize: _angular_core.Signal<"small" | "medium">;
-    /** Botones del footer: large (48) con el campo large; small (36) si no. */
+    /** Panel grande (filas de 44 con texto 16) con el campo large o xlarge. */
+    protected readonly panelLarge: _angular_core.Signal<boolean>;
+    /**
+     * Botones del footer: large (48) con el campo large/xlarge y SIEMPRE en
+     * mobile (fix 04-10-2026, como el sui-datepicker: Cancelar/Aplicar se tocan
+     * con el dedo aunque el campo vaya en medium); small (36, Figma) si no.
+     */
     protected readonly footerButtonSize: _angular_core.Signal<"small" | "large">;
     /** Formato de display: '12h' (AM/PM) o '24h'. */
     readonly format: _angular_core.InputSignal<SuiTimeFormat>;
     /** Incremento de minutos de la lista (1, 5, 15, ...). Default 5. */
     readonly step: _angular_core.InputSignal<number>;
-    /** Pills de duración rápida bajo las columnas. [] para ocultarlas. */
+    /** Pills de duración rápida bajo las columnas. Default `[]` (fix 04-10-2026):
+     *  los presets se aplican como «tiempo desde la medianoche» («30 min» → 12:30
+     *  AM), así que de fábrica rompían la hora; los 7 usos de la app ya pasaban
+     *  `[]`. Para mostrarlos, pasar `DEFAULT_DURATION_PRESETS` o una lista propia. */
     readonly durationPresets: _angular_core.InputSignal<readonly SuiTimeDurationPreset[]>;
     /** Renderiza el panel inline (sin trigger ni popover). */
     readonly inline: _angular_core.InputSignal<boolean>;
@@ -12282,6 +12613,9 @@ declare class SuiTimePicker implements ControlValueAccessor {
         ng-template se declara en este componente. */
     private readonly _columnEls;
     private readonly _injector;
+    private readonly _destroyRef;
+    /** Mobile (≤767 px), el mismo corte que sui-datepicker. */
+    private readonly _isMobile;
     private _onChange;
     private _onTouched;
     constructor();
@@ -12962,5 +13296,5 @@ declare class SuiTooltipPanel {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTooltipPanel, "sui-tooltip-panel", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
 }
 
-export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_CHART_LEGEND_COLORS, SUI_CHART_LEGEND_HEX, SUI_CHART_SERIES_COLORS, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_EMOJI_STATIC, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_IMAGE_UPLOAD_ACCEPT, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PASSWORD_STRENGTH_DEFAULT_CONDITIONS, SUI_PASSWORD_STRENGTH_DEFAULT_LEVEL_LABELS, SUI_PAYMENT_ICON_TYPES, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiAccordionContent, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiChartLegend, SuiChartLegendDot, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiContentLabel, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiHref, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiImgRetry, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiLogo, SuiModal, SuiModalFooter, SuiModalHeader, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPasswordStrength, SuiPaymentIcon, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRadioLabel, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, SuiTopbar, SuiTopbarButton, SuiTopbarItem, SuiTopbarUser, buildCalendarGrid, buildHourList, buildMinuteList, esImagenAceptada, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
-export type { CalendarCell, CalendarRow, DatepickerPreset, DatepickerPresetId, SuiAccordionFlipIcon, SuiActivityAvatarRef, SuiActivityFeedItem, SuiActivityFile, SuiActivityFilterState, SuiActivityTask, SuiActivityTaskState, SuiAlertAction, SuiAlertSize, SuiAlertStyle, SuiAlertVariant, SuiAppStoreBadgeAppearance, SuiAppStoreBadgeCompany, SuiAvatarColor, SuiAvatarConfig, SuiAvatarGroupItem, SuiAvatarSize, SuiAvatarStatus, SuiAvatarTopBadge, SuiBadgeColor, SuiBadgeConfig, SuiBadgeSize, SuiBadgeType, SuiBadgeVariant, SuiBannerStyle, SuiBannerVariant, SuiBrandLogoCompany, SuiBrandLogoSize, SuiBrandLogoStyle, SuiBreadcrumbDivider, SuiBreadcrumbEntry, SuiButtonColor, SuiButtonGroupEntry, SuiButtonGroupItemSize, SuiButtonSize, SuiButtonVariant, SuiCardSize, SuiCardVariant, SuiChartLegendColor, SuiChartLegendItem, SuiCheckboxCardType, SuiCheckboxLabelSize, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, SuiColorDotSize, SuiCommandMenuItemSize, SuiCommandMenuItemType, SuiCompactAvatarGroupAppearance, SuiCompactAvatarGroupSize, SuiCompactButtonSize, SuiCompactButtonStyle, SuiCompactSelectForInputItem, SuiCompactSelectForInputSize, SuiCompactSelectItem, SuiCompactSelectSize, SuiCompactSelectType, SuiContentCardSize, SuiContentCardType, SuiContentDividerItem, SuiContentDividerType, SuiContentLabelBadgePlacement, SuiContentLabelSize, SuiContentLabelType, SuiCounterInputSize, SuiDateRange, SuiDatepickerCalendars, SuiDatepickerMode, SuiDatepickerSize, SuiDayCellType, SuiDividerOrientation, SuiDrawerFooterType, SuiDrawerHeaderSize, SuiDrawerHeaderType, SuiDropdownItemMode, SuiDropdownItemSize, SuiDropdownMenuPopupRole, SuiDropdownMenuPosition, SuiEmojiName, SuiEmojiSize, SuiEmptyStateAction, SuiEmptyStateSize, SuiFancyButtonSize, SuiFancyButtonType, SuiFileIconColor, SuiFileIconSize, SuiFileUploadCardFile, SuiFileUploadCardState, SuiFileUploadSize, SuiFilterItemState, SuiFlagName, SuiFlagSize, SuiFooterButtonConfig, SuiFormHintVariant, SuiFormLabelSize, SuiImageUploadProfileAlignment, SuiImageUploadProfileLabels, SuiImageUploadProfileType, SuiImageUploadShape, SuiImageUploadSize, SuiInlineSelectItem, SuiInlineSelectType, SuiInputEnterKeyHint, SuiInputMode, SuiInputSize, SuiInputType, SuiIntegrationManageConfig, SuiIntegrationSwitchAppearance, SuiIntegrationSwitchType, SuiKbdVariant, SuiKeyIconColor, SuiKeyIconSize, SuiKeyIconStyle, SuiLinkButtonSize, SuiLinkButtonVariant, SuiLinkConfig, SuiLogoOrientation, SuiLogoSize, SuiModalHeaderVariant, SuiModalIconVariant, SuiModalSize, SuiModalStatusAlignment, SuiNavbarVisibility, SuiNotificationStyle, SuiNotificationTab, SuiNotificationVariant, SuiOtpInputSize, SuiOtpInputType, SuiPaginationInfoFormat, SuiPaginationSize, SuiPaginationType, SuiPasswordStrengthCondition, SuiPasswordStrengthLevel, SuiPaymentIconSize, SuiPaymentIconType, SuiPopoverFooter, SuiPopoverPosition, SuiPopoverSize, SuiProductCardFallback, SuiProductCardImage, SuiProductCardSize, SuiProgressBarColor, SuiProgressBarLabelType, SuiProgressBarSize, SuiRadioCardType, SuiRadioLabelSize, SuiRadioSize, SuiRadioValue, SuiRatingAlignment, SuiRatingAppearance, SuiRatingReviewLink, SuiRatingSize, SuiRatingType, SuiRichEditorAction, SuiRichEditorCommand, SuiRichEditorItemState, SuiRichEditorItemType, SuiRichEditorLayout, SuiSegmentedControlItem, SuiSegmentedControlSize, SuiSelectOption, SuiSelectSize, SuiSelectType, SuiSidebarBrandConfig, SuiSidebarIndicatorColor, SuiSidebarItem, SuiSidebarMobileMode, SuiSidebarProfile, SuiSidebarSearchConfig, SuiSliderSize, SuiSliderType, SuiSocialButtonBrand, SuiSocialButtonStyle, SuiStatusBadgeAppearance, SuiStatusBadgeSize, SuiStatusBadgeStatus, SuiStepperItem, SuiStepperSize, SuiStepperState, SuiStepperVariant, SuiStoreCardData, SuiStoreCardSize, SuiSwitchCardType, SuiSwitchSize, SuiTabBar, SuiTabChipItem, SuiTabChipsSize, SuiTabMenuHorizontalItem, SuiTabMenuHorizontalSize, SuiTabMenuVerticalItem, SuiTabMenuVerticalStyle, SuiTableCellMisc, SuiTableCellPriority, SuiTableColumn, SuiTableSize, SuiTagInputSize, SuiTagSize, SuiTagStyle, SuiTextareaSize, SuiTimeDurationPreset, SuiTimeFormat, SuiTimePeriod, SuiTimePickerItemDirection, SuiTimePickerSize, SuiTimePickerStatusType, SuiTimeValue, SuiToastAction, SuiToastData, SuiToastItem, SuiToastPosition, SuiToastStyle, SuiToastVariant, SuiTooltipLargeData, SuiTooltipPosition, SuiTooltipSize, SuiTooltipTheme, SuiTooltipThemeInput, SuiTopbarAccent, SuiTopbarAction, SuiTopbarEntry, SuiTopbarSearchConfig, SuiTopbarUserConfig };
+export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_CHART_LEGEND_COLORS, SUI_CHART_LEGEND_HEX, SUI_CHART_SERIES_COLORS, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_EMOJI_STATIC, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_IMAGE_UPLOAD_ACCEPT, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PASSWORD_STRENGTH_DEFAULT_CONDITIONS, SUI_PASSWORD_STRENGTH_DEFAULT_LEVEL_LABELS, SUI_PAYMENT_ICON_TYPES, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiAccordionContent, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiChartLegend, SuiChartLegendDot, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiContentLabel, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiHref, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiImgRetry, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiLogo, SuiModal, SuiModalFooter, SuiModalHeader, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPasswordStrength, SuiPaymentIcon, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRadioLabel, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, SuiTopbar, SuiTopbarButton, SuiTopbarItem, SuiTopbarUser, buildCalendarGrid, buildHourList, buildMinuteList, esImagenAceptada, formatDateInput, formatDateLong, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
+export type { CalendarCell, CalendarRow, DatepickerPreset, DatepickerPresetId, SuiAccordionFlipIcon, SuiActivityAvatarRef, SuiActivityFeedItem, SuiActivityFile, SuiActivityFilterState, SuiActivityTask, SuiActivityTaskState, SuiAlertAction, SuiAlertRole, SuiAlertSize, SuiAlertStyle, SuiAlertVariant, SuiAppStoreBadgeAppearance, SuiAppStoreBadgeCompany, SuiAvatarColor, SuiAvatarConfig, SuiAvatarGroupItem, SuiAvatarSize, SuiAvatarStatus, SuiAvatarTopBadge, SuiBadgeColor, SuiBadgeConfig, SuiBadgeSize, SuiBadgeType, SuiBadgeVariant, SuiBannerStyle, SuiBannerVariant, SuiBrandLogoCompany, SuiBrandLogoSize, SuiBrandLogoStyle, SuiBreadcrumbDivider, SuiBreadcrumbEntry, SuiButtonColor, SuiButtonGroupEntry, SuiButtonGroupItemSize, SuiButtonSize, SuiButtonVariant, SuiCardSize, SuiCardVariant, SuiChartLegendColor, SuiChartLegendItem, SuiCheckboxCardType, SuiCheckboxLabelSize, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, SuiColorDotSize, SuiColorPickerSize, SuiCommandMenuItemSize, SuiCommandMenuItemType, SuiCompactAvatarGroupAppearance, SuiCompactAvatarGroupSize, SuiCompactButtonSize, SuiCompactButtonStyle, SuiCompactSelectForInputItem, SuiCompactSelectForInputSize, SuiCompactSelectItem, SuiCompactSelectSize, SuiCompactSelectType, SuiContentCardSize, SuiContentCardType, SuiContentDividerItem, SuiContentDividerType, SuiContentLabelBadgePlacement, SuiContentLabelSize, SuiContentLabelType, SuiCounterInputSize, SuiDateRange, SuiDateSelectorSize, SuiDatepickerCalendars, SuiDatepickerMode, SuiDatepickerSize, SuiDayCellSize, SuiDayCellType, SuiDividerOrientation, SuiDrawerFooterSize, SuiDrawerFooterType, SuiDrawerHeaderSize, SuiDrawerHeaderType, SuiDropdownItemMode, SuiDropdownItemSize, SuiDropdownMenuPopupRole, SuiDropdownMenuPosition, SuiEmojiName, SuiEmojiSize, SuiEmptyStateAction, SuiEmptyStateSize, SuiFancyButtonSize, SuiFancyButtonType, SuiFileIconColor, SuiFileIconSize, SuiFileUploadCardFile, SuiFileUploadCardState, SuiFileUploadSize, SuiFilterItemState, SuiFlagName, SuiFlagSize, SuiFooterButtonConfig, SuiFormHintVariant, SuiFormLabelSize, SuiImageUploadProfileAlignment, SuiImageUploadProfileLabels, SuiImageUploadProfileType, SuiImageUploadShape, SuiImageUploadSize, SuiInlineSelectItem, SuiInlineSelectType, SuiInputEnterKeyHint, SuiInputMode, SuiInputSize, SuiInputType, SuiIntegrationManageConfig, SuiIntegrationSwitchAppearance, SuiIntegrationSwitchSize, SuiIntegrationSwitchType, SuiKbdVariant, SuiKeyIconColor, SuiKeyIconSize, SuiKeyIconStyle, SuiLinkButtonSize, SuiLinkButtonVariant, SuiLinkConfig, SuiLogoOrientation, SuiLogoSize, SuiModalHeaderVariant, SuiModalIconVariant, SuiModalSize, SuiModalStatusAlignment, SuiNavbarVisibility, SuiNotificationStyle, SuiNotificationTab, SuiNotificationVariant, SuiOtpInputSize, SuiOtpInputType, SuiPaginationInfoFormat, SuiPaginationSize, SuiPaginationType, SuiPasswordStrengthCondition, SuiPasswordStrengthLevel, SuiPaymentIconSize, SuiPaymentIconType, SuiPeriodRangeSize, SuiPopoverFooter, SuiPopoverPosition, SuiPopoverSize, SuiProductCardFallback, SuiProductCardImage, SuiProductCardSize, SuiProgressBarColor, SuiProgressBarLabelType, SuiProgressBarSize, SuiRadioCardType, SuiRadioGroupItem, SuiRadioLabelSize, SuiRadioSize, SuiRadioValue, SuiRatingAlignment, SuiRatingAppearance, SuiRatingReviewLink, SuiRatingSize, SuiRatingType, SuiRichEditorAction, SuiRichEditorCommand, SuiRichEditorItemState, SuiRichEditorItemType, SuiRichEditorLayout, SuiSegmentedControlItem, SuiSegmentedControlSize, SuiSelectOption, SuiSelectSize, SuiSelectType, SuiSidebarBrandConfig, SuiSidebarIndicatorColor, SuiSidebarItem, SuiSidebarMobileMode, SuiSidebarProfile, SuiSidebarSearchConfig, SuiSliderSize, SuiSliderType, SuiSocialButtonBrand, SuiSocialButtonSize, SuiSocialButtonStyle, SuiStatusBadgeAppearance, SuiStatusBadgeSize, SuiStatusBadgeStatus, SuiStepperItem, SuiStepperSize, SuiStepperState, SuiStepperVariant, SuiStoreCardData, SuiStoreCardSize, SuiSwitchCardType, SuiSwitchLabelSize, SuiSwitchSize, SuiTabBar, SuiTabChipItem, SuiTabChipsSize, SuiTabMenuHorizontalItem, SuiTabMenuHorizontalSize, SuiTabMenuVerticalItem, SuiTabMenuVerticalStyle, SuiTableCellMisc, SuiTableCellPriority, SuiTableColumn, SuiTableSize, SuiTagInputSize, SuiTagSize, SuiTagStyle, SuiTextareaSize, SuiTimeDurationPreset, SuiTimeFormat, SuiTimePeriod, SuiTimePickerItemDirection, SuiTimePickerSize, SuiTimePickerStatusType, SuiTimeValue, SuiToastAction, SuiToastData, SuiToastItem, SuiToastPosition, SuiToastStyle, SuiToastVariant, SuiTooltipLargeData, SuiTooltipPosition, SuiTooltipSize, SuiTooltipTheme, SuiTooltipThemeInput, SuiTopbarAccent, SuiTopbarAction, SuiTopbarEntry, SuiTopbarSearchConfig, SuiTopbarUserConfig };