@ajuarezso/sui-design-system 0.25.1 → 0.26.0

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Signal, TemplateRef, ElementRef, OnDestroy, AfterViewInit, OnInit, QueryList } from '@angular/core';
+import { InjectionToken, Signal, Provider, TemplateRef, ElementRef, AfterViewInit, OnChanges, OnDestroy, OnInit, QueryList } from '@angular/core';
+import * as _ajuarezso_sui_design_system from '@ajuarezso/sui-design-system';
 import { ControlValueAccessor } from '@angular/forms';
 export { addMonths, isSameDay, subMonths } from 'date-fns';
 
@@ -23,6 +24,328 @@ interface SuiTabBar {
 }
 declare const SUI_TAB_BAR: InjectionToken<SuiTabBar>;
 
+/**
+ * El arreglo de iOS para el `:active` de todo lo que se toca, con listeners
+ * PASIVOS (16-10-2026, MASTER-88).
+ *
+ * iOS WKWebView necesita un listener de `touchstart` en el elemento para
+ * pintar y soltar `:active` a tiempo (sin él se queda pegado 300-500 ms), y el
+ * `blur()` en `touchend` suelta el foco. Hasta acá cada componente lo hacía con
+ * bindings `(touchstart)` / `(touchend)` de Angular, que se registran NO
+ * pasivos: con el dedo encima de una card el navegador tiene que esperar al
+ * JavaScript antes de empezar el scroll. En el checkout de Master Pedidos, con
+ * nueve radio-cards apiladas, el scroll se sentía trabado.
+ *
+ * Pasivos hacen exactamente lo mismo (ninguno llamaba a `preventDefault`) sin
+ * frenar el scroll. En el host: `hostDirectives: [SuiToque]`; en un elemento
+ * de la plantilla: el atributo `suiToque`. No se vuelven a escribir los
+ * bindings a mano: `sui-toque.spec.ts` falla si aparece uno.
+ */
+declare class SuiToque {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiToque, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SuiToque, "[suiToque]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Los textos que escribe la librería por su cuenta (19-10-2026, MASTER-88).
+ *
+ * Nombres accesibles (`aria-label` de las X, de las flechas, de los checkbox
+ * de la tabla), textos solo para lector de pantalla y los textos por defecto
+ * (placeholders, botones de un footer, «Subiendo…»). Hasta la 0.25 estaban
+ * escritos en español dentro de cada componente: una app en inglés seguía
+ * anunciando «Cerrar» o «Mostrar contraseña».
+ *
+ * Ahora salen de un solo lugar. Por defecto, `SUI_TEXTOS_ES`; la app cambia los
+ * que quiera con `provideSuiTextos()`, y si le pasa una función que lee un
+ * signal (el idioma), los textos cambian en vivo, sin recargar.
+ *
+ * ```ts
+ * // app.config.ts — fijo
+ * provideSuiTextos({ comun: { cerrar: 'Close' }, input: { mostrarContrasena: 'Show password' } })
+ *
+ * // app.config.ts — sigue al idioma de la app
+ * provideSuiTextos(() => (idioma() === 'en' ? SUI_EN : {}))
+ * ```
+ *
+ * Lo no pasado cae al español. El input puntual de un componente (`ariaLabel`,
+ * `placeholder`, `cancelLabel`…) sigue ganándole al texto global.
+ *
+ * Los textos con una variable la llevan entre llaves (`'Página {n}'`); la
+ * librería la rellena con `rellenarSuiTexto`. Es la misma convención que usan
+ * los diccionarios de las apps (`t('x', { n })`), así que un texto traducido
+ * pasa tal cual.
+ */
+interface SuiTextos {
+    /** Los que se repiten en varios componentes. */
+    comun: {
+        /** X de modal, banner, alert, toast, popover, tooltip, notificación y drawer. */
+        cerrar: string;
+        /** Botón de borrar el contenido de `sui-input`. */
+        limpiar: string;
+        /** X de los buscadores (dropdown, sidebar, menú de comandos). */
+        limpiarBusqueda: string;
+        /** Botón de tres puntos (editor, notificación, actividad). */
+        masOpciones: string;
+        /** Barra o pasos de progreso sin nombre propio. */
+        progreso: string;
+        /** Placeholder de los buscadores (topbar, sidebar, dropdown). */
+        buscar: string;
+        /** Sello de cuenta verificada (sidebar, topbar). */
+        verificado: string;
+        cancelar: string;
+        confirmar: string;
+        continuar: string;
+        editar: string;
+        /** X de un tag. */
+        quitar: string;
+        /** X de cada tag de `sui-tag-input`. `{nombre}` = el tag. */
+        quitarNombre: string;
+        /** Placeholder de `sui-select`. */
+        elige: string;
+        /** Placeholder de `sui-inline-input`. */
+        escribeAqui: string;
+        /** Placeholder de `sui-tag-input`. */
+        agregaEtiqueta: string;
+        /** Botón de acción de `sui-content-divider` sin `ariaLabel`. */
+        accion: string;
+        /** Lo mismo cuando hay varios. `{n}` = valor o índice. */
+        accionN: string;
+        /** Nombre por defecto de un paso del stepper. `{n}` = número. */
+        paso: string;
+        /** «Paso 2 de 4» del drawer-footer y el popover. */
+        pasoDe: string;
+        /** Flechas de las listas con scroll horizontal (tabs, chips, tabla). */
+        verMasIzquierda: string;
+        verMasDerecha: string;
+        /** Chip de archivo de `sui-activity-feed`. `{nombre}` = archivo. */
+        descargar: string;
+        /** «+3 más» del avatar-group. `{n}` = el «+3». */
+        masN: string;
+    };
+    input: {
+        mostrarContrasena: string;
+        ocultarContrasena: string;
+    };
+    tabla: {
+        seleccionarTodas: string;
+        seleccionarFila: string;
+        sinDatos: string;
+    };
+    paginacion: {
+        nombre: string;
+        primera: string;
+        anterior: string;
+        /** `{n}` = número de página. */
+        pagina: string;
+        siguiente: string;
+        ultima: string;
+        /** Opciones del tamaño de página. `{n}` = cantidad. */
+        porPagina: string;
+    };
+    editorTexto: {
+        barra: string;
+        encabezado: string;
+        tamano: string;
+        negrita: string;
+        cursiva: string;
+        subrayado: string;
+        tachado: string;
+        alineacion: string;
+        comentario: string;
+        enlace: string;
+        mencionar: string;
+        placeholder: string;
+        titulo: string;
+    };
+    selectorColor: {
+        nombre: string;
+        placeholder: string;
+        recomendados: string;
+        saturacion: string;
+        matiz: string;
+        opacidad: string;
+        cuentagotas: string;
+        hexadecimal: string;
+        /** `sui-color-dot` sin `ariaLabel`. `{hex}` = el color. */
+        color: string;
+        /** Nombre de cada color de `sui-color-dot`. */
+        gris: string;
+        azul: string;
+        naranja: string;
+        rojo: string;
+        verde: string;
+        amarillo: string;
+        morado: string;
+        celeste: string;
+        rosado: string;
+        turquesa: string;
+    };
+    contrasena: {
+        nombre: string;
+        titulo: string;
+        mayuscula: string;
+        numero: string;
+        ochoCaracteres: string;
+        vacia: string;
+        debil: string;
+        moderada: string;
+        fuerte: string;
+    };
+    otp: {
+        nombre: string;
+        /** `{n}` = posición del dígito. */
+        digito: string;
+    };
+    calificacion: {
+        nombre: string;
+        motivo: string;
+        una: string;
+        varias: string;
+        /** Nombre de la nota de solo lectura. `{nombre}`, `{valor}`, `{max}`. */
+        nota: string;
+    };
+    contador: {
+        disminuir: string;
+        aumentar: string;
+    };
+    deslizador: {
+        minimo: string;
+        maximo: string;
+    };
+    archivo: {
+        /** `sui-file-icon` sin extensión. */
+        icono: string;
+        /** `sui-file-icon`. `{ext}` = PDF, DOC… */
+        tipo: string;
+        buscar: string;
+        soltarUno: string;
+        soltarVarios: string;
+        oClic: string;
+        cancelarSubida: string;
+        quitar: string;
+        progreso: string;
+        reintentar: string;
+        subiendo: string;
+        completado: string;
+        fallo: string;
+    };
+    imagen: {
+        vistaPrevia: string;
+        editar: string;
+        quitar: string;
+        cambiar: string;
+        subeFoto: string;
+        subeLogo: string;
+        formatos: string;
+        /** `{formatos}` y `{tamano}`. */
+        formatosMax: string;
+        tipoNoSoportado: string;
+        /** `{tamano}` = el máximo. */
+        superaTamano: string;
+        perfilTitulo: string;
+        perfilSubtitulo: string;
+        subir: string;
+        eliminar: string;
+        cambiarCorto: string;
+    };
+    menuComandos: {
+        placeholder: string;
+        navegar: string;
+        seleccionar: string;
+        ayuda: string;
+        centroAyuda: string;
+        abrir: string;
+    };
+    notificacion: {
+        /** Región de los toasts para el lector de pantalla. */
+        region: string;
+        noLeido: string;
+        filtrar: string;
+        usa: string;
+        paraMoverte: string;
+        administrar: string;
+    };
+    filtro: {
+        limpiar: string;
+        aplicar: string;
+    };
+    navegacion: {
+        /** `<nav>` del topbar. */
+        principal: string;
+        /** `<nav>` de las migas. */
+        migas: string;
+        cambiarWorkspace: string;
+        opcionesPerfil: string;
+    };
+    fecha: {
+        mesAnterior: string;
+        mesSiguiente: string;
+        /** Celda sin `ariaLabel`. `{n}` = día. */
+        dia: string;
+        rangos: string;
+        eligeFecha: string;
+        eligePeriodo: string;
+        elegirFecha: string;
+        elegirPeriodo: string;
+        hora: string;
+        minuto: string;
+        amPm: string;
+        duracionRapida: string;
+        eligeHora: string;
+        disponible: string;
+        ocupado: string;
+        enReunion: string;
+        desconectado: string;
+    };
+    popover: {
+        atras: string;
+        siguiente: string;
+    };
+    varios: {
+        /** X de `sui-content-card`. */
+        descartar: string;
+        /** Botón de `sui-integration-switch`. */
+        administrar: string;
+        /** Link de respuesta de `sui-activity-feed`. */
+        responder: string;
+        /** `sui-social-button`. `{marca}` = Google, Apple… */
+        continuarCon: string;
+        /** `sui-brand-logo` sin `ariaLabel`. `{marca}`. */
+        logoDe: string;
+    };
+}
+/** Los textos de siempre: español de Perú, tuteo, imperativo. */
+declare const SUI_TEXTOS_ES: SuiTextos;
+/** Lo que pasa la app: cualquier grupo, cualquier subconjunto de claves. */
+type SuiTextosParciales = {
+    [G in keyof SuiTextos]?: Partial<SuiTextos[G]>;
+};
+/**
+ * Un objeto fijo, o una función que se lee dentro de un `computed`: si lee un
+ * signal (un `signal`, un `computed` o una flecha que llama a uno), los textos
+ * de la librería se vuelven a pintar cuando cambia.
+ */
+type SuiTextosFuente = SuiTextosParciales | (() => SuiTextosParciales);
+/**
+ * Los textos vigentes. Sin `provideSuiTextos`, el español de siempre.
+ *
+ * Una app con el i18n en un servicio lo conecta directo:
+ * `{ provide: SUI_TEXTOS, useFactory: () => { const i18n = inject(MiI18n); return computed(() => mezclarSuiTextos(i18n.sui())); } }`.
+ */
+declare const SUI_TEXTOS: InjectionToken<Signal<SuiTextos>>;
+/** Los textos de la app sobre el español, grupo por grupo. */
+declare function mezclarSuiTextos(parciales: SuiTextosParciales | null | undefined): SuiTextos;
+/**
+ * Cambia los textos de la librería. Va en los `providers` de la app (o de un
+ * componente, si solo una parte de la pantalla los necesita distintos).
+ */
+declare function provideSuiTextos(fuente: SuiTextosFuente): Provider;
+/** Los textos vigentes, dentro de un componente: `protected readonly textos = injectSuiTextos();`. */
+declare function injectSuiTextos(): Signal<SuiTextos>;
+/** `rellenarSuiTexto('Página {n}', { n: 3 })` → «Página 3». Una variable que no llega queda como está. */
+declare function rellenarSuiTexto(texto: string, params: Record<string, string | number>): string;
+
 type SuiBadgeColor = 'gray' | 'blue' | 'orange' | 'red' | 'green' | 'yellow' | 'purple' | 'sky' | 'pink' | 'teal';
 type SuiBadgeVariant = 'filled' | 'light' | 'lighter' | 'stroke' | 'dark';
 type SuiBadgeSize = 'small' | 'medium' | 'large' | 'xlarge';
@@ -640,7 +963,10 @@ interface SuiActivityFile {
     name: string;
     /** Etiqueta corta del peso. Ej: "(4mb)" — formatear desde el consumer. */
     size?: string;
-    /** URL opcional. Si está, el download button dispara navigate. */
+    /** URL opcional. Si está, el botón de descarga es un `<a download>` que baja
+     *  el archivo (o lo abre en otra pestaña si es de otro origen) sin código del
+     *  consumer; `(fileDownload)` sale igual. Sin href, la descarga la hace quien
+     *  escucha `(fileDownload)`. */
     href?: string;
 }
 interface SuiActivityTask {
@@ -793,6 +1119,9 @@ type SuiActivityFeedItem = (SuiActivityFeedItemBase & {
  *                      (fileDownload)="onDownload($event)" (reply)="onReply($event)" />
  */
 declare class SuiActivityFeed {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    protected readonly rellenar: typeof rellenarSuiTexto;
     readonly items: _angular_core.InputSignal<readonly SuiActivityFeedItem[]>;
     /** Click en el 3-dot menu trailing de cualquier row. */
     readonly action: _angular_core.OutputEmitterRef<{
@@ -875,7 +1204,7 @@ declare class SuiActivityFilter {
     readonly state: _angular_core.Signal<SuiActivityFilterState>;
     onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiActivityFilter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiActivityFilter, "sui-activity-filter", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiActivityFilter, "sui-activity-filter", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiAlertVariant = 'info' | 'success' | 'warning' | 'error' | 'feature';
@@ -995,6 +1324,8 @@ interface SuiAlertAction {
  *   large  → padding 14px 14px 16px, gap 12, radius-12 (default — full layout)
  */
 declare class SuiAlert {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly variant: _angular_core.InputSignal<SuiAlertVariant>;
     readonly variantStyle: _angular_core.InputSignal<SuiAlertStyle>;
     readonly size: _angular_core.InputSignal<SuiAlertSize>;
@@ -1054,7 +1385,7 @@ declare class SuiAlert {
      * conservar el footprint del icono: xsmall (icon 16) → compact `medium`;
      * small/large (icon 20) → `large`; xlarge (icon 24) → `xlarge`.
      */
-    readonly closeButtonSize: _angular_core.Signal<"medium" | "large" | "xlarge">;
+    readonly closeButtonSize: _angular_core.Signal<"large" | "xlarge" | "medium">;
     /**
      * Icon size per size variant (leading + close icons).
      * Figma: xsmall=16px, small=20px, large=20px. Verified 2026-05-29.
@@ -1197,6 +1528,9 @@ interface SuiAvatarGroupItem {
     alt?: string;
 }
 declare class SuiAvatarGroup {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    protected readonly rellenar: typeof rellenarSuiTexto;
     readonly size: _angular_core.InputSignal<SuiAvatarSize>;
     readonly items: _angular_core.InputSignal<readonly SuiAvatarGroupItem[]>;
     /** Máximo de avatares visibles antes de colapsar en "+N". Default 4. */
@@ -1304,6 +1638,8 @@ type SuiBannerStyle = 'filled' | 'light' | 'lighter' | 'stroke';
  *   </sui-banner>
  */
 declare class SuiBanner {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly variant: _angular_core.InputSignal<SuiBannerVariant>;
     readonly variantStyle: _angular_core.InputSignal<SuiBannerStyle>;
     readonly title: _angular_core.InputSignal<string | null>;
@@ -1377,6 +1713,8 @@ type SuiBrandLogoSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
  *     ariaLabel="Síguenos en GitHub" />
  */
 declare class SuiBrandLogo {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly company: _angular_core.InputSignal<"adobe" | "amazon" | "apple" | "bitcoin" | "discord" | "dropbox" | "facebook" | "figma" | "framer" | "github" | "google" | "instagram" | "linkedin" | "microsoft" | "netflix" | "notion" | "paypal" | "pinterest" | "slack" | "spotify" | "stripe" | "telegram" | "twitch" | "webflow" | "whatsapp" | "wise" | "x-twitter" | "youtube">;
     readonly variant: _angular_core.InputSignal<SuiBrandLogoStyle>;
     readonly size: _angular_core.InputSignal<SuiBrandLogoSize>;
@@ -1524,6 +1862,8 @@ interface SuiBreadcrumbEntry {
  *   - Dividers `aria-hidden="true"`.
  */
 declare class SuiBreadcrumbs {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly items: _angular_core.InputSignal<readonly SuiBreadcrumbEntry[]>;
     readonly divider: _angular_core.InputSignal<SuiBreadcrumbDivider>;
     /** Emitido cuando un item NO-active es clickeado. */
@@ -1603,7 +1943,7 @@ declare class SuiButtonGroupItem {
     /** aria-label para icon-only buttons */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Estado del data-attribute para CSS scoping */
-    readonly state: _angular_core.Signal<"default" | "active" | "disabled">;
+    readonly state: _angular_core.Signal<"default" | "disabled" | "active">;
     /** True cuando solo tiene icon (left o right) sin label */
     readonly onlyIcon: _angular_core.Signal<boolean>;
     /**
@@ -1614,7 +1954,7 @@ declare class SuiButtonGroupItem {
      *   - 'both'  → ambos iconos: padding cuadrado (p)
      *   - 'only'  → icon-only:    padding cuadrado (p) → square box
      */
-    readonly iconLayout: _angular_core.Signal<"none" | "left" | "right" | "both" | "only">;
+    readonly iconLayout: _angular_core.Signal<"none" | "right" | "left" | "both" | "only">;
     /** Tamaño del icono en px según size del item (large/medium/small/xsmall=20, 2xsmall=16).
      *  En large y medium el ícono se queda en 20, igual que `sui-button`: el ícono
      *  que acompaña texto no escala. */
@@ -1779,7 +2119,7 @@ declare class SuiButton {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly leftIcon: _angular_core.InputSignal<string | null>;
     readonly rightIcon: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
     private _spacePressed;
     private _esDelHost;
     _onEnter(event: Event): void;
@@ -1790,7 +2130,7 @@ declare class SuiButton {
         bloquea todo. */
     _onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiButton, "sui-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "onlyIcon": { "alias": "onlyIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["[data-slot=start]", "*", "[data-slot=end]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiButton, "sui-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "onlyIcon": { "alias": "onlyIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["[data-slot=start]", "*", "[data-slot=end]"], true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiCardVariant = 'default' | 'elevated' | 'flat';
@@ -1852,7 +2192,7 @@ declare class SuiCard {
      */
     protected onKeyActivate(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCard, "sui-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["[sui-card-header]", "*", "[sui-card-media]", "[sui-card-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCard, "sui-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["[sui-card-header]", "*", "[sui-card-media]", "[sui-card-footer]"], true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -2016,7 +2356,7 @@ declare class SuiChartLegend {
      * Disposición de los items: `horizontal` (row con wrap, default) o
      * `vertical` (columna — leyendas laterales de donut/pie).
      */
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     /** Items con color efectivo resuelto (disabled > customColor > color > ciclo auto). */
     protected readonly resolvedItems: _angular_core.Signal<ResolvedLegendItem[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiChartLegend, never>;
@@ -2067,7 +2407,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; }; "focusable": { "alias": "focusable"; "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, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiCheckboxCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | 'brand' | 'company';
@@ -2183,7 +2523,7 @@ declare class SuiCheckboxCard implements ControlValueAccessor {
     /** RemixIcon name (sin prefijo "ri-") para type='left-icon'. */
     readonly icon: _angular_core.InputSignal<string | null>;
     /** Emoji del catálogo SUI_EMOJI_MAP — alternativa a icon para type='left-icon'. */
-    readonly emoji: _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>;
+    readonly emoji: _angular_core.InputSignal<"warning" | "label" | "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 para type='left-icon'. Precedencia: icon > emoji > iconSrc. */
     readonly iconSrc: _angular_core.InputSignal<string | null>;
     /** URL de imagen para type='avatar'. Si falla, fallback a iniciales del label. */
@@ -2217,7 +2557,7 @@ declare class SuiCheckboxCard implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCheckboxCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCheckboxCard, "sui-checkbox-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; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange2": "checkedChange2"; }, never, ["[slot=leading]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCheckboxCard, "sui-checkbox-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; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange2": "checkedChange2"; }, never, ["[slot=leading]"], true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiLinkButtonVariant = 'gray' | 'black' | 'primary' | 'error' | 'modifiable';
@@ -2311,7 +2651,7 @@ declare class SuiLinkButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     /** Px de los íconos por tamaño: large 20 · medium 20 · small 16. */
@@ -2542,6 +2882,8 @@ type SuiCircularProgressBarSize = 48 | 56 | 64 | 72 | 80;
  *  - ariaLabel:   string opcional para `aria-label` del role=progressbar.
  */
 declare class SuiCircularProgressBar {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly value: _angular_core.InputSignal<number>;
     readonly size: _angular_core.InputSignal<SuiCircularProgressBarSize>;
     readonly color: _angular_core.InputSignal<SuiCircularProgressBarColor>;
@@ -2648,6 +2990,8 @@ declare function normalizeHex(input: string | null | undefined): string | null;
  * iOS active fix: el host es un `<button>` con touchstart/touchend.
  */
 declare class SuiColorDot {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Nombre del preset. Default `gray` cuando se usa customHex (el preset no aplica). */
     readonly color: _angular_core.InputSignal<SuiColorDotColor>;
     /**
@@ -2666,7 +3010,7 @@ declare class SuiColorDot {
      *   - `selected` → dot 12×12 + ring 2px.
      *   - `disabled` → dot gris pálido, sin pointer events.
      */
-    readonly state: _angular_core.InputSignal<"default" | "disabled" | "hover" | "selected">;
+    readonly state: _angular_core.InputSignal<"default" | "hover" | "selected" | "disabled">;
     /**
      * Tamaño. `medium` (default, Figma 24): dot 16 / hover 14 / selected 12 + anillo 18.
      * `large` (32, extensión SUI para mobile): dot 22 / hover 18 / selected 16 + anillo 24.
@@ -2675,7 +3019,7 @@ declare class SuiColorDot {
     /** aria-label override. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
-    /** Label por default: nombre del color capitalizado en spanish, o el hex. */
+    /** Label por default: el nombre del color (`textos.selectorColor`), o el hex. */
     readonly defaultAriaLabel: _angular_core.Signal<string>;
     protected onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiColorDot, never>;
@@ -2752,6 +3096,8 @@ type SuiColorPickerSize = 'medium' | 'large';
  *   - Dots: role="radio" + aria-checked (los renderea sui-color-dot)
  */
 declare class SuiColorPicker {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     private readonly hostRef;
     /**
      * Lista de colores recomendados (grid). Default los 10 canon SUI.
@@ -2767,9 +3113,11 @@ declare class SuiColorPicker {
      */
     readonly value: _angular_core.ModelSignal<string | null>;
     /** Label visible cuando no hay color seleccionado. Imperativo con tuteo (dueño, 05-10-2026, P4 a). */
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    protected readonly placeholderTexto: _angular_core.Signal<string>;
     /** Etiqueta de la sección Recommended Colors dentro del panel. */
-    readonly recommendedLabel: _angular_core.InputSignal<string>;
+    readonly recommendedLabel: _angular_core.InputSignal<string | null>;
+    protected readonly recommendedLabelTexto: _angular_core.Signal<string>;
     /** Si true, oculta el HSV spectrum + sliders + hex input — solo grid de presets. */
     readonly presetsOnly: _angular_core.InputSignal<boolean>;
     /**
@@ -2803,7 +3151,8 @@ declare class SuiColorPicker {
      *  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>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly ariaLabelTexto: _angular_core.Signal<string>;
     /** Emitido cuando el value cambia (cualquier interacción). */
     readonly change: _angular_core.OutputEmitterRef<string>;
     /** Estado interno del popover. */
@@ -2939,22 +3288,22 @@ declare class SuiColorPicker {
  * Footer del command menu (⌘K palette). 3 grupos:
  *   1. Navigate: kbd ↑ + kbd ↓ + text "Navigate"
  *   2. Select:   kbd ↵ + text "Select"
- *   3. Help text + link button "Help Center" (push right via flex-1 + justify-end)
+ *   3. Help text + link button «Centro de ayuda» (push right via flex-1 + justify-end)
  *
  * Container: bg=white, border-top stroke-soft-200, padding 14px 20px, gap=12,
  *            items-center, w=600px.
  *
  * EXACT:
- *   Text labels (Navigate/Select/help): Paragraph/X Small 12/16 text-sub-600
+ *   Text labels (Navegar/Seleccionar/ayuda): Paragraph/X Small 12/16 text-sub-600
  *   Link button: Label/X Small Medium 12/16 primary-base (sin underline default)
  *   Kbds: variant subtle, contienen iconos 16×16
  *
  * API:
- *   - navigateLabel:  string ('Navigate' por default)
- *   - selectLabel:    string ('Select')
- *   - helpText:       string | null ('Not what you're looking for? Try the')
+ *   - navigateLabel:  string ('Navegar' por default)
+ *   - selectLabel:    string ('Seleccionar')
+ *   - helpText:       string | null ('¿No es lo que buscas? Prueba el')
  *                     — copy previo al link; null oculta el bloque de ayuda completo
- *   - helpLink:       SuiLinkConfig | string | null ('Help Center') — string
+ *   - helpLink:       SuiLinkConfig | string | null ('Centro de ayuda') — string
  *                     shorthand = solo label (renderiza <button>, emite helpClicked);
  *                     SuiLinkConfig { label, href?, target?, rel? } = <a> real con
  *                     rel automático 'noopener noreferrer' si target='_blank'.
@@ -2962,13 +3311,20 @@ declare class SuiColorPicker {
  *   - (helpClicked):  output cuando el link se clickea
  */
 declare class SuiCommandMenuFooter {
-    readonly navigateLabel: _angular_core.InputSignal<string>;
-    readonly selectLabel: _angular_core.InputSignal<string>;
-    readonly helpText: _angular_core.InputSignal<string | null>;
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    readonly navigateLabel: _angular_core.InputSignal<string | null>;
+    protected readonly navigateLabelTexto: _angular_core.Signal<string>;
+    readonly selectLabel: _angular_core.InputSignal<string | null>;
+    protected readonly selectLabelTexto: _angular_core.Signal<string>;
+    /** Texto antes del link. Sin pasar: `textos.menuComandos.ayuda`; `null` lo oculta. */
+    readonly helpText: _angular_core.InputSignal<string | null | undefined>;
+    protected readonly helpTextTexto: _angular_core.Signal<string | null>;
     /** Link de ayuda — string shorthand (solo label, emite `helpClicked`) o
      *  SuiLinkConfig { label, href?, target?, rel? }: con href renderiza <a> real;
-     *  rel automático 'noopener noreferrer' para _blank. null = sin link. */
-    readonly helpLink: _angular_core.InputSignal<string | SuiLinkConfig | null>;
+     *  rel automático 'noopener noreferrer' para _blank. null = sin link.
+     *  Sin pasar: `textos.menuComandos.centroAyuda`. */
+    readonly helpLink: _angular_core.InputSignal<string | SuiLinkConfig | null | undefined>;
     /** Config resuelta del link (string → { label }, rel automático). */
     protected readonly helpLinkCfg: _angular_core.Signal<SuiLinkConfig | null>;
     readonly helpClicked: _angular_core.OutputEmitterRef<MouseEvent>;
@@ -3042,6 +3398,8 @@ declare class SuiCommandMenuFooter {
 type SuiCommandMenuItemType = 'basic' | 'left-icon' | 'avatar' | 'brand' | 'company' | 'country';
 type SuiCommandMenuItemSize = 'small' | 'medium';
 declare class SuiCommandMenuItem {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly type: _angular_core.InputSignal<SuiCommandMenuItemType>;
     readonly size: _angular_core.InputSignal<SuiCommandMenuItemSize>;
     readonly title: _angular_core.InputSignal<string>;
@@ -3073,10 +3431,18 @@ declare class SuiCommandMenuItem {
     readonly leadingSize: _angular_core.Signal<20 | 40>;
     /** Para sui-avatar, traduce a SuiAvatarSize. */
     readonly avatarSize: _angular_core.Signal<"xs" | "lg">;
+    private readonly _el;
+    private _spacePressed;
+    /** Solo las teclas sobre el propio item: Enter en el botón de la flecha es
+        de ese botón, no del item. */
+    private _esDelHost;
+    _onEnter(event: Event): void;
+    _onSpaceDown(event: Event): void;
+    _onSpaceUp(event: Event): void;
     onClick(event: MouseEvent): void;
     onButtonClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCommandMenuItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCommandMenuItem, "sui-command-menu-item", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "flagName": { "alias": "flagName"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "showButton": { "alias": "showButton"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "buttonClicked": "buttonClicked"; }, never, ["[slot=brand]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCommandMenuItem, "sui-command-menu-item", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "flagName": { "alias": "flagName"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "showButton": { "alias": "showButton"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "buttonClicked": "buttonClicked"; }, never, ["[slot=brand]"], true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -3111,8 +3477,13 @@ declare class SuiCommandMenuItem {
  *     (#335cff). El search icon en active sale naranja por override de marca.
  */
 declare class SuiCommandMenuSearch {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly value: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    protected readonly placeholderTexto: _angular_core.Signal<string>;
+    /** Nombre accesible del campo. Sin pasarlo, el lector anuncia el placeholder. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /** Mostrar el chip ⌘K cuando el input está vacío. */
     readonly shortcut: _angular_core.InputSignal<boolean>;
     /** Mostrar el botón derecho (info en default, close en active). */
@@ -3126,7 +3497,7 @@ declare class SuiCommandMenuSearch {
     onInput(event: Event): void;
     onClear(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCommandMenuSearch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCommandMenuSearch, "sui-command-menu-search", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCommandMenuSearch, "sui-command-menu-search", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "cleared": "cleared"; }, never, never, true, never>;
 }
 
 /**
@@ -3272,7 +3643,7 @@ declare class SuiCompactButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly iconSize: _angular_core.Signal<number>;
@@ -3369,7 +3740,7 @@ declare class SuiCompactSelectForInput<T = string> implements ControlValueAccess
     readonly arrowIcon: _angular_core.Signal<"arrow-up-s-line" | "arrow-down-s-line">;
     readonly displayValue: _angular_core.Signal<string>;
     readonly displayFlag: _angular_core.Signal<"abkhazia" | "afghanistan" | "aland-islands" | "albania" | "algeria" | "american-samoa" | "andorra" | "angola" | "anguilla" | "antigua-and-barbuda" | "argentina" | "armenia" | "aruba" | "australia" | "austria" | "azerbaijan" | "azores-islands" | "bahamas" | "bahrain" | "balearic-islands" | "bangladesh" | "barbados" | "basque-country" | "belarus" | "belgium" | "belize" | "benin" | "bermuda" | "bhutan" | "bolivia" | "bonaire" | "bosnia-and-herzegovina" | "botswana" | "brazil" | "british-columbia" | "british-indian-ocean-territory" | "british-virgin-islands" | "brunei" | "bulgaria" | "burkina-faso" | "burundi" | "cambodia" | "cameroon" | "canada" | "canary-islands" | "cape-verde" | "cayman-islands" | "central-african-republic" | "ceuta" | "chad" | "chile" | "china" | "christmas-island" | "cocos-island" | "colombia" | "comoros" | "cook-islands" | "corsica" | "costa-rica" | "croatia" | "cuba" | "curacao" | "cyprus" | "czech-republic" | "democratic-republic-of-congo" | "denmark" | "djibouti" | "dominica" | "dominican-republic" | "east-timor" | "ecuador" | "egypt" | "el-salvador" | "england" | "equatorial-guinea" | "eritrea" | "estonia" | "ethiopia" | "european-union" | "falkland-islands" | "faroe-islands" | "fiji" | "finland" | "france" | "french-polynesia" | "gabon" | "galapagos-islands" | "gambia" | "georgia" | "germany" | "ghana" | "gibraltar" | "greece" | "greenland" | "grenada" | "guam" | "guatemala" | "guernsey" | "guinea-bissau" | "guinea" | "guyana" | "haiti" | "hawaii" | "honduras" | "hong-kong" | "hungary" | "iceland" | "india" | "indonesia" | "iran" | "iraq" | "ireland" | "isle-of-man" | "israel" | "italy" | "ivory-coast" | "jamaica" | "japan" | "jersey" | "jordan" | "kazakhstan" | "kenya" | "kiribati" | "kosovo" | "kuwait" | "kyrgyzstan" | "laos" | "latvia" | "lebanon" | "lesotho" | "liberia" | "libya" | "liechtenstein" | "lithuania" | "luxembourg" | "macao" | "madagascar" | "madeira" | "malawi" | "malaysia" | "maldives" | "mali" | "malta" | "marshall-island" | "martinique" | "mauritania" | "mauritus" | "melilla" | "mexico" | "micronesia" | "moldova" | "monaco" | "mongolia" | "montenegro" | "montserrat" | "morocco" | "mozambique" | "myanmar" | "namibia" | "nato" | "nauru" | "nepal" | "netherlands" | "new-zealand" | "nicaragua" | "niger" | "nigeria" | "niue" | "norfolk-island" | "north-korea" | "northern-cyprus" | "northern-marianas-islands" | "norway" | "oman" | "orkney-islands" | "ossetia" | "pakistan" | "palau" | "palestine" | "panama" | "papua-new-guinea" | "paraguay" | "peru" | "philippines" | "pitcairn-islands" | "poland" | "portugal" | "puerto-rico" | "qatar" | "rapa-nui" | "republic-of-macedonia" | "republic-of-the-congo" | "romania" | "russia" | "rwanda" | "saba-island" | "sahrawi-arab-democratic-republic" | "saint-kitts-and-nevis" | "samoa" | "san-marino" | "sao-tome-and-prince" | "sardinia" | "saudi-arabia" | "scotland" | "senegal" | "serbia" | "seychelles" | "sierra-leone" | "singapore" | "sint-eustatius" | "sint-maarten" | "slovakia" | "slovania" | "solomon-islands" | "somalia" | "somaliland" | "south-africa" | "south-korea" | "south-sudan" | "spain" | "sri-lanka" | "st-barts" | "st-lucia" | "st-vincent-and-the-grenadines" | "sudan" | "suriname" | "swaziland" | "sweden" | "switzerland" | "syria" | "taijikistan" | "taiwan" | "tanzania" | "thailand" | "tibet" | "togo" | "tokelau" | "tonga" | "transnistria" | "trinidad-and-tobago" | "tunisia" | "turkey" | "turkmenistan" | "turks-and-caicos" | "tuvalu" | "uganda" | "ukraine" | "united-arab-emirates" | "united-kingdom" | "united-nations" | "united-states" | "uruguay" | "uzbekistan" | "vanuatu" | "vatican-city" | "venezuela" | "vietnam" | "virgin-islands" | "wales" | "yemen" | "zambia" | "zimbabwe" | null>;
-    readonly flagSizePx: _angular_core.Signal<20 | 16>;
+    readonly flagSizePx: _angular_core.Signal<16 | 20>;
     onHostClick(event: Event): void;
     protected onMenuOpenedChange(open: boolean): void;
     protected selectItem(item: SuiCompactSelectForInputItem<T>): void;
@@ -3378,7 +3749,7 @@ declare class SuiCompactSelectForInput<T = string> implements ControlValueAccess
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCompactSelectForInput<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCompactSelectForInput<any>, "sui-compact-select-for-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "clicked": "clicked"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCompactSelectForInput<any>, "sui-compact-select-for-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "clicked": "clicked"; "selectedChange": "selectedChange"; }, never, never, true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -3459,7 +3830,9 @@ declare class SuiCompactSelect<T = string> implements ControlValueAccessor {
      * 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.
+     * elegido o el placeholder. También va con `type="country"` cuando solo se
+     * ve la bandera (sin `value` ni `placeholder`): el trigger no tiene otro
+     * nombre que leer (axe: aria-command-name, 09-10-2026).
      */
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<Event>;
@@ -3722,6 +4095,8 @@ type SuiContentCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | '
     área táctil de 40 (extensión SUI 03-10-2026, mobile). */
 type SuiContentCardSize = 'medium' | 'large';
 declare class SuiContentCard {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Tipo de leading visual. */
     readonly type: _angular_core.InputSignal<SuiContentCardType>;
     /** Título — Label/Small 14/20, text-strong-950. */
@@ -3752,7 +4127,8 @@ declare class SuiContentCard {
     /** Mostrar el botón X de dismiss. Default true. */
     readonly dismissible: _angular_core.InputSignal<boolean>;
     /** aria-label del botón X. */
-    readonly dismissAriaLabel: _angular_core.InputSignal<string>;
+    readonly dismissAriaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly dismissAriaLabelTexto: _angular_core.Signal<string>;
     /**
      * Tamaño de la X de quitar (la fila no cambia: sigue en 72).
      * `medium` (default, Figma): 20 × 20 sin área extra.
@@ -3875,6 +4251,9 @@ interface SuiContentDividerItem {
  *     (itemClick)="onNav($event)" />
  */
 declare class SuiContentDivider {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    protected readonly rellenar: typeof rellenarSuiTexto;
     readonly type: _angular_core.InputSignal<SuiContentDividerType>;
     /** Texto para los variants text-line / text / solid-text / text-button. */
     readonly text: _angular_core.InputSignal<string>;
@@ -4047,11 +4426,13 @@ type SuiCounterInputSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' |
  *   <sui-counter-input formControlName="cantidad" [min]="0" />
  */
 declare class SuiCounterInput implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly size: _angular_core.InputSignal<SuiCounterInputSize>;
     /** El form-label no tiene 'large' — se capea a medium (el label no escala). */
     protected readonly labelSize: _angular_core.Signal<SuiFormLabelSize>;
     /** Ícono de los botones − / +: 20 hasta large, 24 en xlarge (botón de 44). */
-    protected readonly iconSize: _angular_core.Signal<20 | 24>;
+    protected readonly iconSize: _angular_core.Signal<24 | 20>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly sublabel: _angular_core.InputSignal<string | null>;
     readonly required: _angular_core.InputSignal<boolean>;
@@ -4066,8 +4447,10 @@ declare class SuiCounterInput implements ControlValueAccessor {
     readonly step: _angular_core.InputSignal<number>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
-    readonly decrementLabel: _angular_core.InputSignal<string>;
-    readonly incrementLabel: _angular_core.InputSignal<string>;
+    readonly decrementLabel: _angular_core.InputSignal<string | null>;
+    protected readonly decrementLabelTexto: _angular_core.Signal<string>;
+    readonly incrementLabel: _angular_core.InputSignal<string | null>;
+    protected readonly incrementLabelTexto: _angular_core.Signal<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;
@@ -4145,6 +4528,8 @@ type SuiDateSelectorSize = 'medium' | 'large';
  *   <sui-date-selector label="Enero 2025" [leftIcon]="false" [rightIcon]="false" />
  */
 declare class SuiDateSelector {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Texto del label (ej. "Enero 2025", "January 2024"). */
     readonly label: _angular_core.InputSignal<string>;
     /** Mostrar arrow izquierdo (prev). Default true. */
@@ -4311,6 +4696,8 @@ interface CalendarRow {
  *   - Inline: pasar [inline]="true" para renderear el calendar SIN trigger
  */
 declare class SuiDatepicker implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     private readonly hostEl;
     private readonly destroyRef;
     readonly mode: _angular_core.InputSignal<SuiDatepickerMode>;
@@ -4379,7 +4766,7 @@ declare class SuiDatepicker implements ControlValueAccessor {
      * `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 partSize: _angular_core.Signal<"large" | "medium">;
     readonly effectiveCalendars: _angular_core.Signal<SuiDatepickerCalendars>;
     private _onChange;
     private _onTouched;
@@ -4411,7 +4798,7 @@ declare class SuiDatepicker implements ControlValueAccessor {
     /** ¿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">;
+    readonly panelAriaLabel: _angular_core.Signal<string>;
     /** «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
@@ -4507,6 +4894,8 @@ type SuiDayCellSize = 'medium' | 'large';
  *   <sui-day-cell day="14" [disabled]="true" />
  */
 declare class SuiDayCell {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Número del día (1-31). Se acepta string para flexibilidad. */
     readonly day: _angular_core.InputSignal<string | number>;
     /** Type=Basic (default) o Range (entre extremos / extremo del range). */
@@ -4649,17 +5038,28 @@ type SuiDrawerFooterSize = 'medium' | 'large';
  *   />
  */
 declare class SuiDrawerFooter {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    protected readonly rellenar: typeof rellenarSuiTexto;
+    private static _nextId;
+    /** El texto del checkbox / switch nombra al control vía aria-labelledby: el
+     *  <label> nativo no nombra a un host con role=checkbox/switch (a11y
+     *  09-10-2026). */
+    private readonly uid;
+    protected readonly checkboxLabelId: string;
+    protected readonly toggleLabelId: string;
     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. */
-    readonly primaryButton: _angular_core.InputSignal<string | SuiFooterButtonConfig>;
+     *  sui-filter-panel-footer. Sin pasar: `textos.comun.continuar`. */
+    readonly primaryButton: _angular_core.InputSignal<string | SuiFooterButtonConfig | null>;
     /** Botón secundario (stroke neutral) — string shorthand o
-     *  SuiFooterButtonConfig. null (o label vacío) = ocultar. */
-    readonly secondaryButton: _angular_core.InputSignal<string | SuiFooterButtonConfig | null>;
+     *  SuiFooterButtonConfig. null (o label vacío) = ocultar. Sin pasar:
+     *  `textos.comun.cancelar`. */
+    readonly secondaryButton: _angular_core.InputSignal<string | SuiFooterButtonConfig | null | undefined>;
     /** Config resuelta del botón primario (string → { label }). */
     protected readonly primaryCfg: _angular_core.Signal<SuiFooterButtonConfig>;
     /** Config resuelta del botón secundario (string → { label }; null/label vacío
@@ -4781,6 +5181,8 @@ type SuiDrawerHeaderSize = 'small' | 'large' | 'xlarge';
  *   />
  */
 declare class SuiDrawerHeader {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly type: _angular_core.InputSignal<SuiDrawerHeaderType>;
     readonly size: _angular_core.InputSignal<SuiDrawerHeaderSize>;
     readonly title: _angular_core.InputSignal<string>;
@@ -4816,7 +5218,8 @@ declare class SuiDrawerHeader {
     /** Muestra divider 1px al fondo del header. Default false. */
     readonly showDivider: _angular_core.InputSignal<boolean>;
     /** aria-label del close button. */
-    readonly dismissAriaLabel: _angular_core.InputSignal<string>;
+    readonly dismissAriaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly dismissAriaLabelTexto: _angular_core.Signal<string>;
     /** Click en el close button. */
     readonly dismiss: _angular_core.OutputEmitterRef<MouseEvent>;
     /** Click en el Link Button inline (solo cuando `link` está set). */
@@ -4988,7 +5391,7 @@ declare class SuiDropdownItem {
     readonly showCheck: _angular_core.Signal<boolean>;
     onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDropdownItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDropdownItem, "sui-dropdown-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "leadingFramed": { "alias": "leadingFramed"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["[slot=leading]", "[slot=trailing]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDropdownItem, "sui-dropdown-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "leadingFramed": { "alias": "leadingFramed"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["[slot=leading]", "[slot=trailing]"], true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -5033,6 +5436,16 @@ declare class SuiDropdownItem {
  *   - panelClass: sui-dropdown-menu__overlay-pane (estilos globales en
  *     src/styles/_sui-dropdown-menu-overlay.scss)
  *
+ * Accesibilidad (fix a11y 09-10-2026):
+ *   - `aria-haspopup` + `aria-expanded` van en el CONTROL proyectado como
+ *     trigger (el `<button>`, el host de `sui-button` con role=button, el
+ *     `<button>` interno de `sui-compact-button`), no en el span wrapper:
+ *     el span es genérico, no recibe foco y axe rechaza `aria-expanded` ahí.
+ *   - Sin `[origin]` y con `popupRole="menu"`, el pane del overlay lleva
+ *     `role="menu"` — los `sui-dropdown-item` (role=menuitem) necesitan ese
+ *     padre. Con `[origin]` no se toca: select / pickers traen su propio
+ *     `listbox` / `dialog` dentro del panel.
+ *
  * Estilos del panel viven en `src/styles/_sui-dropdown-menu-overlay.scss`
  * (global, porque CDK Overlay monta el panel fuera del shadow del component).
  */
@@ -5049,7 +5462,7 @@ type SuiDropdownMenuPosition = 'auto' | 'below' | 'above';
  * 'listbox' solo es válido cuando los hijos son option, no menuitem.
  */
 type SuiDropdownMenuPopupRole = 'menu' | 'listbox' | 'true';
-declare class SuiDropdownMenu {
+declare class SuiDropdownMenu implements AfterViewInit, OnChanges {
     /** Si true, el panel matchea el ancho del trigger. Default: auto width. */
     readonly matchWidth: _angular_core.InputSignal<boolean>;
     /** Estrategia ante espacio insuficiente. Default (true): el pane se ENCOGE
@@ -5079,6 +5492,11 @@ declare class SuiDropdownMenu {
      * proyectados llevan role="menuitem"). Los consumers de tipo listbox
      * (sui-select / compact-selects, items con role="option") DEBEN pasar
      * `popupRole="listbox"`. Ver SuiDropdownMenuPopupRole.
+     *
+     * Con 'menu' (y sin `[origin]`) el pane del overlay recibe `role="menu"`.
+     * Un panel que mezcla items con un buscador u otros controles no es un
+     * menú ARIA válido: ahí va `popupRole="true"` y el consumer envuelve sus
+     * items en un contenedor propio con `role="menu"`.
      */
     readonly popupRole: _angular_core.InputSignal<SuiDropdownMenuPopupRole>;
     /**
@@ -5102,6 +5520,16 @@ declare class SuiDropdownMenu {
     private _overlaySubs;
     private _resizeObserver;
     constructor();
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    /** Control proyectado como trigger: un botón o enlace (nativo o con
+     *  role=button). Se busca en cada llamada (barato) para tolerar triggers que
+     *  pintan su `<button>` interno tarde. Sin fallback a un elemento genérico
+     *  (ni a un `[tabindex]` sin rol): ponerle `aria-expanded` a algo sin rol es
+     *  justo la falla que se arregla acá. */
+    private _getTriggerControl;
+    /** Espeja `popupRole` e `isOpen` en el control proyectado. */
+    private _syncTriggerAria;
     onTriggerClick(event: MouseEvent): void;
     onTriggerKeydown(event: KeyboardEvent): void;
     toggle(): void;
@@ -5155,7 +5583,7 @@ declare class SuiDropdownPanel {
  *
  *   Default:
  *     search icon 20×20 leading, color text-soft-400
- *     placeholder text "Search..." color text-soft-400
+ *     placeholder «Buscar…» color text-soft-400 (16 px en ≤767 por el zoom de iOS)
  *
  *   Active (con valor escrito):
  *     search icon: icon-sub-600 (oscurece vs el soft-400 de Default)
@@ -5168,9 +5596,14 @@ declare class SuiDropdownPanel {
  *   <sui-dropdown-search [(value)]="query" placeholder="Buscar país..." (cleared)="onClear()" />
  */
 declare class SuiDropdownSearch {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly value: _angular_core.ModelSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    protected readonly placeholderTexto: _angular_core.Signal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Nombre accesible del campo. Sin pasarlo, el lector anuncia el placeholder. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /** Fired cuando el user clickea el icono de clear (X). */
     readonly cleared: _angular_core.OutputEmitterRef<void>;
     /** Fired en cada input change (igual que value() pero con event). */
@@ -5179,7 +5612,7 @@ declare class SuiDropdownSearch {
     onInput(event: Event): void;
     onClear(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDropdownSearch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDropdownSearch, "sui-dropdown-search", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "cleared": "cleared"; "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDropdownSearch, "sui-dropdown-search", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "cleared": "cleared"; "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
 
 /**
@@ -5251,7 +5684,7 @@ 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 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>;
+    readonly name: _angular_core.InputSignal<"warning" | "label" | "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>;
     /** Tamaño del emoji. */
@@ -5486,7 +5919,7 @@ declare class SuiFancyButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly htmlType: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly htmlType: _angular_core.InputSignal<"button" | "reset" | "submit">;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly iconSize: _angular_core.Signal<number>;
@@ -5570,6 +6003,9 @@ type SuiFileIconColor = 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue'
  *    auto-detect from extension. Defaults to gray for unknown types.
  */
 declare class SuiFileIcon {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    protected readonly rellenar: typeof rellenarSuiTexto;
     readonly filename: _angular_core.InputSignal<string>;
     readonly extension: _angular_core.InputSignal<string>;
     readonly size: _angular_core.InputSignal<SuiFileIconSize>;
@@ -5693,6 +6129,8 @@ interface SuiFileUploadCardFile {
  *  - retryClicked:    click en "Try Again" (solo state==='error')
  */
 declare class SuiFileUploadCard {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Archivo mostrado — string shorthand (= filename) o { filename, extension? }. */
     readonly file: _angular_core.InputSignal<string | SuiFileUploadCardFile>;
     /** Config resuelta del archivo (string → { filename }). */
@@ -5703,10 +6141,14 @@ declare class SuiFileUploadCard {
     readonly statusText: _angular_core.InputSignal<string | null>;
     readonly showStatus: _angular_core.InputSignal<boolean>;
     /** Textos para el lector de pantalla (antes fijos en inglés). */
-    readonly cancelLabel: _angular_core.InputSignal<string>;
-    readonly removeLabel: _angular_core.InputSignal<string>;
-    readonly progressLabel: _angular_core.InputSignal<string>;
-    readonly retryLabel: _angular_core.InputSignal<string>;
+    readonly cancelLabel: _angular_core.InputSignal<string | null>;
+    protected readonly cancelLabelTexto: _angular_core.Signal<string>;
+    readonly removeLabel: _angular_core.InputSignal<string | null>;
+    protected readonly removeLabelTexto: _angular_core.Signal<string>;
+    readonly progressLabel: _angular_core.InputSignal<string | null>;
+    protected readonly progressLabelTexto: _angular_core.Signal<string>;
+    readonly retryLabel: _angular_core.InputSignal<string | null>;
+    protected readonly retryLabelTexto: _angular_core.Signal<string>;
     readonly actionClicked: _angular_core.OutputEmitterRef<void>;
     readonly retryClicked: _angular_core.OutputEmitterRef<void>;
     /** Default status text por state — override-able vía input. */
@@ -5794,12 +6236,15 @@ type SuiFileUploadSize = 'small' | 'medium' | 'large' | 'xlarge';
  *  - errorEvent: emite string con el motivo del rechazo si falla validación.
  */
 declare class SuiFileUpload {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly accept: _angular_core.InputSignal<string>;
     readonly multiple: _angular_core.InputSignal<boolean>;
     readonly maxSize: _angular_core.InputSignal<number>;
     readonly title: _angular_core.InputSignal<string | null>;
     readonly subtitle: _angular_core.InputSignal<string | null>;
-    readonly browseLabel: _angular_core.InputSignal<string>;
+    readonly browseLabel: _angular_core.InputSignal<string | null>;
+    protected readonly browseLabelTexto: _angular_core.Signal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly error: _angular_core.InputSignal<boolean>;
     readonly errorMessage: _angular_core.InputSignal<string | null>;
@@ -5815,7 +6260,7 @@ declare class SuiFileUpload {
     protected readonly resolvedErrorMessage: _angular_core.Signal<string | null>;
     /** Icon size px. Figma verified = 24 (medium). small/large/xlarge escalan +4
      *  (small 20 → medium 24 → large 28 → xlarge 32) — extensión de proyecto. */
-    protected readonly iconSize: _angular_core.Signal<20 | 24 | 32 | 28>;
+    protected readonly iconSize: _angular_core.Signal<24 | 20 | 32 | 28>;
     onClick(): void;
     /** Browse File button — abre el picker. stopPropagation evita doble-open
      *  (el host también es clickeable). */
@@ -5948,7 +6393,7 @@ declare class SuiFilterItem {
     readonly state: _angular_core.Signal<SuiFilterItemState>;
     onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiFilterItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFilterItem, "sui-filter-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "activeIcon": { "alias": "activeIcon"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFilterItem, "sui-filter-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "activeIcon": { "alias": "activeIcon"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -5959,7 +6404,7 @@ declare class SuiFilterItem {
  *   leftIcon(on | off) × linkButton(on | off) = 4 combos
  *
  * Header del panel de filtros vertical. Slot izquierdo opcional (icono), label
- * en negrita al centro/izquierda, y un link "Clear" opcional a la derecha.
+ * en negrita al centro/izquierda, y un link «Limpiar» opcional a la derecha.
  *
  * EXACT (pulled from audit reports.json → name="Filters"):
  *   Container        px-20 py-16, border-bottom stroke/soft-200, w-400px
@@ -5986,10 +6431,12 @@ declare class SuiFilterItem {
  *                            (clearClick)="onClear()" />
  */
 declare class SuiFilterPanelHeader {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly label: _angular_core.InputSignal<string>;
     /** Icono opcional a la izquierda del label (20×20). */
     readonly leftIcon: _angular_core.InputSignal<string | null>;
-    /** Link de limpieza a la derecha: `true` = label default 'Clear', string =
+    /** Link de limpieza a la derecha: `true` = label default 'Limpiar', string =
      *  label custom, `false` (default) = oculto. */
     readonly clear: _angular_core.InputSignal<string | boolean>;
     /** Label resuelto del link (null = oculto). */
@@ -6009,12 +6456,14 @@ declare class SuiFilterPanelHeader {
  *   Type(Buttons) = 1 combo
  *
  * Footer del panel de filtros vertical: dos botones full-width lado a lado —
- * "Clear" (stroke, bg/white-0 + border) y "Apply" (filled primary).
+ * «Limpiar» (stroke, bg/white-0 + border) y «Aplicar» (filled primary).
  *
  * EXACT (verificado vía Figma MCP — node 4415:863 / outer 4415:858,
  * Actions wrapper 4415:857):
  *   Container        px-20 py-16, border-top stroke/soft-200, overflow-clip,
- *                    w-472px (aquí fluido al 100%), gap 16px entre botones
+ *                    w-472px (aquí fluido al 100%), gap 16px entre botones en
+ *                    Figma → 12 aquí (canon de la app: sui-modal-footer legisla
+ *                    todos los grupos de botones, gap 12; 19-10-2026)
  *   Clear button     bg-white + border stroke/soft-200, p-8px, radius-8,
  *                    text/sub-600 → sui-button variant="stroke" color="neutral" size="small"
  *   Apply button     bg primary-base, text static-white, p-8px, radius-8
@@ -6024,7 +6473,7 @@ declare class SuiFilterPanelHeader {
  * Token map (Figma → sui-tokens.scss):
  *   px-20 py-16      → 16px 20px
  *   border-top       → 1px solid --sui-stroke-soft-200
- *   gap (Actions)    → 16px
+ *   gap (Actions)    → 12px (Figma dice 16; manda el canon de sui-modal-footer)
  *   primary-base     → --sui-primary-base (via sui-button filled primary)
  *   button p-8/r-8   → sui-button size="small" (height 36, padding 8, radius 8)
  *
@@ -6038,14 +6487,19 @@ declare class SuiFilterPanelHeader {
  *                            (apply)="onApply()" />
  */
 declare class SuiFilterPanelFooter {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Botón "Clear" (stroke neutral) — string shorthand (solo label) o
      *  SuiFooterButtonConfig { label, disabled? }. Interfaz compartida con
-     *  sui-drawer-footer. */
-    readonly clearButton: _angular_core.InputSignal<string | SuiFooterButtonConfig>;
-    /** Botón "Apply" (filled primary) — string shorthand o SuiFooterButtonConfig. */
-    readonly applyButton: _angular_core.InputSignal<string | SuiFooterButtonConfig>;
-    /** Tamaño de los botones. Default 'small' (Figma: p-8px/radius-8 = size small). */
-    readonly size: _angular_core.InputSignal<"small" | "medium">;
+     *  sui-drawer-footer. Sin pasar: `textos.filtro.limpiar`. */
+    readonly clearButton: _angular_core.InputSignal<string | SuiFooterButtonConfig | null>;
+    /** Botón "Apply" (filled primary) — string shorthand o SuiFooterButtonConfig.
+     *  Sin pasar: `textos.filtro.aplicar`. */
+    readonly applyButton: _angular_core.InputSignal<string | SuiFooterButtonConfig | null>;
+    /** Tamaño de los botones. Default 'medium' (40, la computadora; D16: nada
+     *  en small). 'large' (48) para el teléfono y la tablet táctil (piso de 44).
+     *  'small' (36, el que dibuja Figma) queda por compatibilidad. */
+    readonly size: _angular_core.InputSignal<"small" | "large" | "medium">;
     /** Config resuelta del botón Clear (string → { label }). */
     protected readonly clearCfg: _angular_core.Signal<SuiFooterButtonConfig>;
     /** Config resuelta del botón Apply (string → { label }). */
@@ -6288,10 +6742,14 @@ interface SuiImageUploadProfileLabels {
  * el consumer cablea (upload)/(change) a su propio <input type=file> o flujo.
  */
 declare class SuiImageUploadProfile implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly imageUrl: _angular_core.InputSignal<string | null>;
     readonly companyLogoSrc: _angular_core.InputSignal<string | null>;
-    readonly title: _angular_core.InputSignal<string>;
-    readonly subtitle: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string | null>;
+    protected readonly titleTexto: _angular_core.Signal<string>;
+    readonly subtitle: _angular_core.InputSignal<string | null>;
+    protected readonly subtitleTexto: _angular_core.Signal<string>;
     readonly alignment: _angular_core.InputSignal<SuiImageUploadProfileAlignment>;
     readonly type: _angular_core.InputSignal<SuiImageUploadProfileType>;
     /** Copy de los botones (i18n) — objeto parcial; lo no seteado cae al default. */
@@ -6428,6 +6886,8 @@ declare function esImagenAceptada(file: Pick<File, 'type' | 'name'>): boolean;
  *  - errorEvent: mensaje de error de validación
  */
 declare class SuiImageUpload {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /**
      * Ocupa el ancho del contenedor en vez del cuadrado fijo de `size`.
      *
@@ -6461,9 +6921,9 @@ declare class SuiImageUpload {
     protected readonly sizePx: _angular_core.Signal<number>;
     /** Camera icon px en el empty state. xl escala a 20, resto 16
      *  (matchea el escalado del contenedor 32→40 en SCSS). */
-    protected readonly iconSize: _angular_core.Signal<20 | 16>;
+    protected readonly iconSize: _angular_core.Signal<16 | 20>;
     /** Ícono del lápiz y el tacho (editable): 20 en botones de 40, 16 en sm (32). */
-    protected readonly ctrlIconSize: _angular_core.Signal<20 | 16>;
+    protected readonly ctrlIconSize: _angular_core.Signal<16 | 20>;
     protected readonly hasSrc: _angular_core.Signal<boolean>;
     /** Hay imagen y se muestra el botón «Quitar» debajo (sin `editable`). */
     protected readonly conQuitar: _angular_core.Signal<boolean>;
@@ -6498,7 +6958,7 @@ declare class SuiImageUpload {
     private processFile;
     private formatBytes;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiImageUpload, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiImageUpload, "sui-image-upload", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, { "src": "srcChange"; "imageSelected": "imageSelected"; "removed": "removed"; "editRequested": "editRequested"; "errorEvent": "errorEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiImageUpload, "sui-image-upload", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, { "src": "srcChange"; "imageSelected": "imageSelected"; "removed": "removed"; "editRequested": "editRequested"; "errorEvent": "errorEvent"; }, never, never, true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -6574,10 +7034,13 @@ declare class SuiImageUpload {
  *     No se modeló como prop; el render lo cubre el value().
  */
 declare class SuiInlineInput implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Valor del input (two-way bindable + CVA). */
     readonly value: _angular_core.ModelSignal<string>;
     /** Placeholder mostrado cuando value está vacío. */
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    protected readonly placeholderTexto: _angular_core.Signal<string>;
     /**
      * Leading icon (RemixIcon name). `false` lo oculta. Default 'user-3-line'
      * (espeja el símbolo Figma).
@@ -6588,7 +7051,8 @@ declare class SuiInlineInput implements ControlValueAccessor {
     /** Deshabilita la interacción. */
     readonly disabled: _angular_core.InputSignal<boolean>;
     /** Texto del botón "editar" para a11y (aria-label). */
-    readonly editLabel: _angular_core.InputSignal<string>;
+    readonly editLabel: _angular_core.InputSignal<string | null>;
+    protected readonly editLabelTexto: _angular_core.Signal<string>;
     /** Emite el valor confirmado (botón check / Enter). */
     readonly confirm: _angular_core.OutputEmitterRef<string>;
     /** Emite cuando se cancela la edición (botón close / Escape). */
@@ -6685,7 +7149,7 @@ declare class SuiInlineSelect<T = string> implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiInlineSelect<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiInlineSelect<any>, "sui-inline-select", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "clicked": "clicked"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiInlineSelect<any>, "sui-inline-select", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "clicked": "clicked"; "selectedChange": "selectedChange"; }, never, never, true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -6715,6 +7179,8 @@ type SuiInputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' |
  */
 type SuiInputEnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
 declare class SuiInput implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly size: _angular_core.InputSignal<SuiInputSize>;
     readonly type: _angular_core.InputSignal<SuiInputType>;
     readonly placeholder: _angular_core.InputSignal<string>;
@@ -6823,7 +7289,7 @@ declare class SuiInput implements ControlValueAccessor {
     readonly showClear: _angular_core.InputSignal<boolean>;
     /** Remix icon name for built-in icon slot */
     readonly icon: _angular_core.InputSignal<string | null>;
-    readonly iconPosition: _angular_core.InputSignal<"left" | "right">;
+    readonly iconPosition: _angular_core.InputSignal<"right" | "left">;
     /**
      * Cuando un pointerdown ocurre fuera del host del componente, hace blur en
      * el input — cierra el teclado iOS al tocar zonas no-interactivas. Default
@@ -7092,6 +7558,8 @@ interface SuiIntegrationManageConfig {
  *   <sui-integration-switch title="..." [manage]="false" />
  */
 declare class SuiIntegrationSwitch implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     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»
@@ -7515,6 +7983,10 @@ declare class SuiModalSheet implements OnDestroy {
         excede un threshold y la condición de scroll lo permite. Sirve para no
         robar tap/click a buttons internos. */
     private bodyDragArmed;
+    /** Dónde nació el gesto (pointerdown / touchstart): de ahí se buscan las
+        listas con scroll propio que tiene el contenido (ver scrollersDe). */
+    private bodyDragTarget;
+    private touchTarget;
     /** Threshold de movimiento (px) para decidir que un pointermove en body es
         drag (no tap). 5px = más sensible que el iOS canon de 8px: el dueño pidió
         "como nativo" y el 8 sentía que tardaba en activar. Trade-off: 5px puede
@@ -7598,6 +8070,11 @@ declare class SuiModalSheet implements OnDestroy {
     /** Heurística: ignorar drag si el target es un input/textarea/select/button
         interactivo. El user está intentando interactuar, no arrastrar. */
     private shouldIgnoreBodyDrag;
+    /** Lo que scrollea bajo un gesto que nace en `target`: cada ancestro con
+        `overflow-y` auto/scroll y contenido de sobra (o ya scrolleado), desde
+        el dedo hasta el body (sin incluirlo), más el body si desborda. Vacío =
+        nada scrollea. */
+    private scrollersDe;
     /** Duración del snap en función de la distancia restante y la velocidad del
         dedo (px/ms): un fling rápido cierra la distancia en poco tiempo; un
         release lento o un snap programático usa la duración larga. Acotado a
@@ -7743,6 +8220,8 @@ type SuiModalStatusAlignment = 'horizontal' | 'vertical';
  *   [slot="footer"]:       action buttons row
  */
 declare class SuiModal implements AfterViewInit, OnDestroy {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     private readonly doc;
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly size: _angular_core.InputSignal<SuiModalSize>;
@@ -7917,6 +8396,8 @@ type SuiModalHeaderVariant = 'info' | 'success' | 'warning' | 'error';
  *   <sui-modal-header size="small" title="Filtros" (closed)="cerrar()" />
  */
 declare class SuiModalHeader {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Título del header (Label/Small). */
     readonly title: _angular_core.InputSignal<string>;
     /** Descripción bajo el título (Paragraph/X-Small). */
@@ -8048,10 +8529,12 @@ declare class SuiModalFooter {
  *     que existe en RemixIcon; si el panel real usa otro glyph, ajustar el name.
  */
 declare class SuiNotificationFooter {
-    /** Label default del link de gestión (Figma "Manage Notification"). */
-    private static readonly DEFAULT_MANAGE_LABEL;
-    readonly usePrefix: _angular_core.InputSignal<string>;
-    readonly useSuffix: _angular_core.InputSignal<string>;
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    readonly usePrefix: _angular_core.InputSignal<string | null>;
+    protected readonly usePrefixTexto: _angular_core.Signal<string>;
+    readonly useSuffix: _angular_core.InputSignal<string | null>;
+    protected readonly useSuffixTexto: _angular_core.Signal<string>;
     /** Link de gestión — true = label default ('Administrar notificaciones'); string =
      *  label custom (emite `manageClick`); SuiLinkConfig { label, href?, target?,
      *  rel? }: con href renderiza <a> real, rel automático 'noopener noreferrer'
@@ -8161,12 +8644,15 @@ interface SuiNotificationTab<T = string> {
  * trae el fix dentro de <sui-compact-button>.
  */
 declare class SuiNotificationTabMenu<T = string> {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly tabs: _angular_core.InputSignal<SuiNotificationTab<T>[]>;
     readonly active: _angular_core.ModelSignal<T | undefined>;
     /** Renderiza el botón de filtro absoluto a la derecha (Figma prop `button`). */
     readonly showFilter: _angular_core.InputSignal<boolean>;
     /** aria-label del botón de filtro. */
-    readonly filterLabel: _angular_core.InputSignal<string>;
+    readonly filterLabel: _angular_core.InputSignal<string | null>;
+    protected readonly filterLabelTexto: _angular_core.Signal<string>;
     readonly tabChange: _angular_core.OutputEmitterRef<T>;
     readonly filterClick: _angular_core.OutputEmitterRef<MouseEvent>;
     private readonly tabItems?;
@@ -8248,6 +8734,8 @@ type SuiNotificationStyle = 'filled' | 'light' | 'lighter' | 'stroke';
  *   - showIcon/iconName status icons
  */
 declare class SuiNotification {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly variant: _angular_core.InputSignal<SuiNotificationVariant>;
     readonly variantStyle: _angular_core.InputSignal<SuiNotificationStyle>;
     readonly title: _angular_core.InputSignal<string | null>;
@@ -8264,7 +8752,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<"basic" | "file" | "button" | "message">;
+    readonly type: _angular_core.InputSignal<"file" | "basic" | "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). */
@@ -8365,13 +8853,17 @@ type SuiOtpInputSize = 'large' | 'medium' | 'small';
  *     diseño los pide en una pantalla concreta, se compone con 2 sui-otp-input.
  */
 declare class SuiOtpInput implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    protected readonly rellenar: typeof rellenarSuiTexto;
     readonly length: _angular_core.InputSignal<number>;
     /** Tamaño de la celda: large 80×64 (guía, default) · medium 52×56 · small 44×48. */
     readonly size: _angular_core.InputSignal<SuiOtpInputSize>;
     readonly type: _angular_core.InputSignal<SuiOtpInputType>;
     readonly disabled: _angular_core.ModelSignal<boolean>;
     readonly error: _angular_core.InputSignal<boolean>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly ariaLabelTexto: _angular_core.Signal<string>;
     readonly value: _angular_core.ModelSignal<string>;
     readonly completed: _angular_core.OutputEmitterRef<string>;
     /** Array de caracteres, length === this.length(). */
@@ -8490,6 +8982,9 @@ type SuiPaginationInfoFormat = 'items' | 'pages';
  * @output pageSizeChange Emite el nuevo page size cuando el user lo cambia
  */
 declare class SuiPagination {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    protected readonly rellenar: typeof rellenarSuiTexto;
     readonly total: _angular_core.InputSignal<number>;
     readonly pageSize: _angular_core.ModelSignal<number>;
     readonly siblingCount: _angular_core.InputSignal<number>;
@@ -8617,18 +9112,24 @@ declare const SUI_PASSWORD_STRENGTH_DEFAULT_LEVEL_LABELS: Record<SuiPasswordStre
  *  <sui-password-strength strength="moderate" [conditions]="[]" caption="" />
  */
 declare class SuiPasswordStrength {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Contraseña a evaluar — deriva las condiciones cumplidas y el nivel. */
     readonly value: _angular_core.InputSignal<string>;
     /** Override manual del nivel — presente gana sobre el derivado de `value`. */
     readonly strength: _angular_core.InputSignal<SuiPasswordStrengthLevel | null>;
     /** Caption sobre la checklist. '' = oculto. */
-    readonly caption: _angular_core.InputSignal<string>;
-    /** Checklist de condiciones. [] = sin checklist (solo barra + caption). */
-    readonly conditions: _angular_core.InputSignal<SuiPasswordStrengthCondition[]>;
+    readonly caption: _angular_core.InputSignal<string | null>;
+    protected readonly captionTexto: _angular_core.Signal<string>;
+    /** Checklist de condiciones. [] = sin checklist (solo barra + caption).
+     *  Sin pasar: las tres de siempre, con los textos de `textos.contrasena`. */
+    readonly conditions: _angular_core.InputSignal<SuiPasswordStrengthCondition[] | null>;
+    protected readonly conditionsTexto: _angular_core.Signal<SuiPasswordStrengthCondition[]>;
     /** Textos del nivel para lectores de pantalla (merge sobre los defaults ES). */
     readonly levelLabels: _angular_core.InputSignal<Partial<Record<SuiPasswordStrengthLevel, string>>>;
     /** Label accesible del progressbar. */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly ariaLabelTexto: _angular_core.Signal<string>;
     /** Emite el nivel resuelto cada vez que cambia (no emite el inicial). */
     readonly strengthChange: _angular_core.OutputEmitterRef<SuiPasswordStrengthLevel>;
     /** Condiciones evaluadas: `met` manual gana; sino corre `test` sobre `value`. */
@@ -8736,6 +9237,8 @@ type SuiPopoverFooter = 'none' | 'stretch' | 'text-stepper' | 'stepper';
     teléfono — size nuevo 04-10-2026 (dueño: piso táctil 44). */
 type SuiPopoverSize = 'small' | 'medium' | 'large';
 declare class SuiPopover {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Placement axis del tail relativo al trigger (12 variantes Figma). */
     readonly position: _angular_core.InputSignal<SuiPopoverPosition>;
     /** Mostrar la cola/flecha (tail SVG). */
@@ -8750,10 +9253,12 @@ declare class SuiPopover {
     readonly dismissIcon: _angular_core.InputSignal<boolean>;
     /** Tipo de footer. `none` oculta el footer y el separador. */
     readonly footer: _angular_core.InputSignal<SuiPopoverFooter>;
-    /** Texto del botón secundario (izquierda). */
-    readonly backLabel: _angular_core.InputSignal<string>;
-    /** Texto del botón primario (derecha). */
-    readonly nextLabel: _angular_core.InputSignal<string>;
+    /** Texto del botón secundario (izquierda). Sin pasar: `textos.popover.atras` («Atrás»). */
+    readonly backLabel: _angular_core.InputSignal<string | null>;
+    /** Texto del botón primario (derecha). Sin pasar: `textos.popover.siguiente` («Siguiente»). */
+    readonly nextLabel: _angular_core.InputSignal<string | null>;
+    protected readonly backLabelTexto: _angular_core.Signal<string>;
+    protected readonly nextLabelTexto: _angular_core.Signal<string>;
     /** Renderear el botón secundario (Back). Si false, solo se muestra el primario. */
     readonly doubleButton: _angular_core.InputSignal<boolean>;
     /** Progreso del stepper — { current (1-based), total }. Usado en text-stepper
@@ -8842,6 +9347,8 @@ type SuiProgressBarSize = 'small' | 'medium' | 'large' | 'xlarge';
  *  - ariaLabel:  string opcional para `aria-label` del role=progressbar.
  */
 declare class SuiProgressBar {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly value: _angular_core.InputSignal<number>;
     readonly color: _angular_core.InputSignal<SuiProgressBarColor>;
     readonly size: _angular_core.InputSignal<SuiProgressBarSize>;
@@ -8970,7 +9477,8 @@ interface SuiRadioGroupItem {
     value(): unknown;
     /** Deshabilitada por input, por form o por el grupo. */
     isDisabled(): boolean;
-    /** Elemento que recibe el foco (el host con role=radio). */
+    /** Elemento que recibe el foco: el que tiene role=radio (el host, o el
+     *  contenedor interno en sui-radio-label). */
     readonly el: HTMLElement;
     /** Selecciona la opción por su camino normal (emite sus outputs). */
     activateFromGroup(): void;
@@ -9063,7 +9571,7 @@ declare class SuiRadio implements OnInit, SuiRadioGroupItem {
     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; }; "focusable": { "alias": "focusable"; "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, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiRadioCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | 'brand' | 'company';
@@ -9168,7 +9676,7 @@ declare class SuiRadioCard implements ControlValueAccessor, OnInit, SuiRadioGrou
     readonly size: _angular_core.InputSignal<SuiRadioSize>;
     /** Lado en px del radio según size: medium 20 · large 24 · xlarge 28. Los
      *  insets internos (bg/box) son % → escalan solos. */
-    readonly radioPx: _angular_core.Signal<20 | 24 | 28>;
+    readonly radioPx: _angular_core.Signal<24 | 20 | 28>;
     /** Valor del radio (requerido para uso en grupo). */
     readonly value: _angular_core.InputSignal<string>;
     /** Título principal del card (label de la fila Title). */
@@ -9187,7 +9695,7 @@ declare class SuiRadioCard implements ControlValueAccessor, OnInit, SuiRadioGrou
      * Emoji del catálogo SUI_EMOJI_MAP — alternativa a icon para type='left-icon'.
      * Si ambos están, icon tiene precedencia.
      */
-    readonly emoji: _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>;
+    readonly emoji: _angular_core.InputSignal<"warning" | "label" | "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 para type='left-icon'. Útil cuando el consumer ya tiene
      * la URL (ej. FLUENT_EMOJI map del proyecto) y no quiere registrar el emoji
@@ -9234,7 +9742,7 @@ declare class SuiRadioCard implements ControlValueAccessor, OnInit, SuiRadioGrou
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiRadioCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadioCard, "sui-radio-card", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "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; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadioCard, "sui-radio-card", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "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; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "selected": "selected"; }, never, never, true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -9262,11 +9770,14 @@ type SuiRadioLabelSize = 'medium' | 'large' | 'xlarge' | '2xlarge';
  *     (group.value() === value() ⇒ checked; click ⇒ group.select(value)).
  *   - Standalone: model two-way `checked` + output `selected`.
  *   - El sui-radio interno es SOLO visual (pointer-events none en SCSS):
- *     todos los clicks/teclas los maneja el host — una sola fuente de
+ *     los clicks los maneja el host y las teclas el control — una sola fuente de
  *     selección, sin doble-toggle.
  *
- * A11y: host role="radio" + aria-checked + Space/Enter seleccionan.
- * iOS WKWebView fix: touchstart/touchend en host (SUI canon).
+ * A11y: el contenedor interno `.sui-radio-label__control` es el role="radio"
+ * (aria-checked, tabindex, Space/Enter); el Link Button va FUERA de él, como
+ * hermano, para no anidar un botón dentro del radio (axe nested-interactive,
+ * 09-10-2026). El click de toda la fila sigue en el host.
+ * iOS WKWebView fix: touchstart/touchend en el control (SUI canon).
  *
  * Usage:
  *   <sui-radio-group [(ngModel)]="plan">
@@ -9280,7 +9791,12 @@ declare class SuiRadioLabel implements OnInit, SuiRadioGroupItem {
     private static _nextId;
     private readonly group;
     private readonly destroyRef;
-    readonly el: HTMLElement;
+    private readonly host;
+    private readonly control;
+    /** Elemento con role=radio que recibe el foco (lo usa el grupo para el
+     *  roving con flechas). Antes de crear la vista cae al host, que lo contiene:
+     *  el orden en el DOM es el mismo. */
+    get el(): HTMLElement;
     protected readonly labelId: string;
     protected readonly descriptionId: string;
     /** Valor que representa esta opción dentro del grupo. */
@@ -9481,6 +9997,8 @@ interface SuiRatingCellView {
  * disabled deshabilita clicks/hover igual que readonly=true (ver isInteractive).
  */
 declare class SuiRating implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     private readonly el;
     readonly appearance: _angular_core.InputSignal<SuiRatingAppearance>;
     readonly type: _angular_core.InputSignal<SuiRatingType>;
@@ -9500,14 +10018,16 @@ declare class SuiRating implements ControlValueAccessor {
      * 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>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly ariaLabelTexto: _angular_core.Signal<string>;
     /**
      * appearance='bar-area' — texto del reason (textarea "Tell us why!").
      * model<string> para two-way binding. Ignorado en inline/bar.
      */
     readonly reason: _angular_core.ModelSignal<string>;
     /** Placeholder del textarea en bar-area. Figma: "Tell us why!". */
-    readonly reasonPlaceholder: _angular_core.InputSignal<string>;
+    readonly reasonPlaceholder: _angular_core.InputSignal<string | null>;
+    protected readonly reasonPlaceholderTexto: _angular_core.Signal<string>;
     /** Filas del textarea en bar-area. El alto mínimo del área de comentario lo
      *  fija el CSS (min-height 72px = Figma) para preservar el envelope del card;
      *  `rows` solo importa si se quiere un área inicial MÁS alta que ese piso. */
@@ -9538,7 +10058,7 @@ declare class SuiRating implements ControlValueAccessor {
      *  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">;
+    protected readonly hostRole: _angular_core.Signal<"img" | "group" | "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. */
@@ -9639,7 +10159,7 @@ declare class SuiRichEditorItem {
     readonly hasIcon: _angular_core.Signal<boolean>;
     protected onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiRichEditorItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRichEditorItem, "sui-rich-editor-item", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "colorHex": { "alias": "colorHex"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRichEditorItem, "sui-rich-editor-item", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "colorHex": { "alias": "colorHex"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -9667,6 +10187,8 @@ interface SuiRichEditorAction {
     active: boolean;
 }
 declare class SuiRichEditor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Layout del toolbar (4 variantes Figma). Default `full`. */
     readonly layout: _angular_core.InputSignal<SuiRichEditorLayout>;
     /** Muestra el divider + botón `more-2-line` (overflow) al final. Default true. */
@@ -9679,11 +10201,13 @@ declare class SuiRichEditor {
      */
     readonly editable: _angular_core.InputSignal<boolean>;
     /** Placeholder del área editable. */
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    protected readonly placeholderTexto: _angular_core.Signal<string>;
     /** Contenido HTML del editable. Two-way `[(value)]`. */
     readonly value: _angular_core.ModelSignal<string>;
     /** Label de heading mostrado en el item tipo text (layout full/compact). */
-    readonly headingLabel: _angular_core.InputSignal<string>;
+    readonly headingLabel: _angular_core.InputSignal<string | null>;
+    protected readonly headingLabelTexto: _angular_core.Signal<string>;
     /** Label de tamaño de fuente mostrado en el item tipo text. */
     readonly fontSizeLabel: _angular_core.InputSignal<string>;
     /** Emitido cada vez que se acciona un comando del toolbar. */
@@ -9810,11 +10334,14 @@ interface SuiSelectOption<T = any> {
  *     naranja, DECISIONES.md §1) replican pixel-exacto el chip del Figma.
  */
 declare class SuiSelect<T = any> implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly size: _angular_core.InputSignal<SuiSelectSize>;
     /** El rótulo no crece con el control: su escala llega a `medium`. Ver la nota
      *  en `sui-input`, que hace exactamente lo mismo. */
     protected readonly labelSize: _angular_core.Signal<SuiFormLabelSize>;
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    protected readonly placeholderTexto: _angular_core.Signal<string>;
     readonly options: _angular_core.InputSignal<SuiSelectOption<T>[]>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly error: _angular_core.InputSignal<boolean>;
@@ -9955,8 +10482,10 @@ interface SuiSidebarBrandConfig {
 }
 /** Config del search slot (Figma prop search=true). Patrón objeto, como `profile`. */
 interface SuiSidebarSearchConfig {
-    /** Placeholder del input. Default 'Search...'. */
+    /** Placeholder del input. Default 'Buscar…'. */
     placeholder?: string;
+    /** Nombre accesible del campo. Omitir → el lector anuncia el placeholder. */
+    ariaLabel?: string;
     /** Shortcut pill dentro del search (ej. '⌘1'). Omitir → sin pill. */
     shortcut?: string;
 }
@@ -9976,6 +10505,8 @@ interface SuiSidebarProfile {
 /** Color del indicator bar / icon activo. */
 type SuiSidebarIndicatorColor = 'information' | 'brand';
 declare class SuiSidebar {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /**
      * Estado colapsado (icon-only, 80px). Oculta labels/subtítulos/shortcuts/
      * badges y centra los iconos. Figma variant Collapsed=On. Default false.
@@ -10007,7 +10538,7 @@ declare class SuiSidebar {
     /**
      * Search encima de las secciones:
      *  - `false` / `null` (default): sin search
-     *  - `true`: search con defaults (placeholder 'Search...', sin shortcut)
+     *  - `true`: search con defaults (placeholder 'Buscar…', sin shortcut)
      *  - objeto `{ placeholder?, shortcut? }`: search configurado
      */
     readonly search: _angular_core.InputSignal<boolean | SuiSidebarSearchConfig | null>;
@@ -10089,10 +10620,11 @@ declare class SuiSidebar {
     protected readonly brandCfg: _angular_core.Signal<SuiSidebarBrandConfig>;
     /**
      * Search normalizado: null → sin search; objeto con defaults aplicados
-     * (placeholder 'Search...') cuando search=true o config parcial.
+     * (placeholder 'Buscar…') cuando search=true o config parcial.
      */
     protected readonly searchCfg: _angular_core.Signal<{
         placeholder: string;
+        ariaLabel: string;
         shortcut: string | null;
     } | null>;
     /**
@@ -10182,6 +10714,8 @@ type SuiSliderType = 'single' | 'range';
  */
 type SuiSliderSize = 'medium' | 'large';
 declare class SuiSlider implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     private readonly hostRef;
     readonly type: _angular_core.InputSignal<SuiSliderType>;
     /** `medium` (default, Figma) o `large` (mobile, extensión SUI). */
@@ -10221,9 +10755,9 @@ declare class SuiSlider implements ControlValueAccessor {
     private readonly _cvaValue;
     private readonly _useCvaValue;
     /** Handle siendo arrastrado: null | 'single' | 'min' | 'max'. */
-    readonly dragging: _angular_core.WritableSignal<"min" | "max" | "single" | null>;
+    readonly dragging: _angular_core.WritableSignal<"max" | "single" | "min" | null>;
     /** Handle bajo hover (para tooltip): igual dominio que dragging. */
-    readonly hovering: _angular_core.WritableSignal<"min" | "max" | "single" | null>;
+    readonly hovering: _angular_core.WritableSignal<"max" | "single" | "min" | null>;
     private clamp;
     readonly effectiveValue: _angular_core.Signal<number>;
     readonly effectiveMin: _angular_core.Signal<number>;
@@ -10245,7 +10779,7 @@ declare class SuiSlider implements ControlValueAccessor {
     /** 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;
+    thumbLabel(cual: 'min' | 'max'): string;
     private showTooltipFor;
     readonly showSingleTooltip: _angular_core.Signal<boolean>;
     readonly showMinTooltip: _angular_core.Signal<boolean>;
@@ -10343,6 +10877,8 @@ type SuiSocialButtonSize = 'medium' | 'large';
  *     target="_blank" />
  */
 declare class SuiSocialButton {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly brand: _angular_core.InputSignal<SuiSocialButtonBrand>;
     readonly variantStyle: _angular_core.InputSignal<SuiSocialButtonStyle>;
     readonly onlyIcon: _angular_core.InputSignal<boolean>;
@@ -10356,7 +10892,7 @@ declare class SuiSocialButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     /** Disabled efectivo: el input disabled O el estado loading. */
@@ -10375,7 +10911,7 @@ declare class SuiSocialButton {
     /** Logo style derivado del button style + tema. filled → siempre blanco; stroke →
      *  `original`, salvo dark + marca monocromática oscura, donde usa `white` para no
      *  perder el logo sobre la superficie oscura (ver MONO_DARK_BRANDS). */
-    readonly logoStyle: _angular_core.Signal<"white" | "original">;
+    readonly logoStyle: _angular_core.Signal<"original" | "white">;
     /** Color de fondo brand-specific (solo aplica si style=filled). */
     readonly filledBg: _angular_core.Signal<string | null>;
     /** Label final: input.label > default por brand. */
@@ -10588,6 +11124,8 @@ interface SuiStepperItemView {
  *     proyecto, NO existen en los nodos Figma auditados — preservados intactos.
  */
 declare class SuiStepper {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly variant: _angular_core.InputSignal<SuiStepperVariant>;
     readonly steps: _angular_core.InputSignal<SuiStepperItem[]>;
     readonly count: _angular_core.InputSignal<number>;
@@ -10598,7 +11136,8 @@ declare class SuiStepper {
     readonly errorStep: _angular_core.InputSignal<number | null>;
     readonly size: _angular_core.InputSignal<SuiStepperSize>;
     readonly interactive: _angular_core.InputSignal<boolean>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly ariaLabelTexto: _angular_core.Signal<string>;
     readonly stepClick: _angular_core.OutputEmitterRef<number>;
     /** Ícono del indicador (completed / error): 24 en medium, 20 en los de Figma.
      *  Es el indicador mismo, por eso crece; separador y chevron se quedan en 20. */
@@ -10891,7 +11430,7 @@ declare class SuiProductCard {
     /** 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 y large. */
-    readonly stepIconSize: _angular_core.Signal<20 | 16>;
+    readonly stepIconSize: _angular_core.Signal<16 | 20>;
     readonly showStepper: _angular_core.Signal<boolean>;
     /** Config resuelta de la imagen (string → { url }; `position` default 50).
      *  null = sin imagen → fallback. */
@@ -10972,7 +11511,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; }; "focusable": { "alias": "focusable"; "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, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiSwitchCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | 'brand' | 'company';
@@ -11059,7 +11598,7 @@ declare class SuiSwitchCard implements ControlValueAccessor {
      * `<sui-icon>` proyectado vía `[sui-switch-card-leading]` y se renderiza
      * con las MISMAS dimensiones (20×20 dentro del círculo de 40px).
      */
-    readonly emoji: _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>;
+    readonly emoji: _angular_core.InputSignal<"warning" | "label" | "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 de imagen para type='avatar' — se renderiza con sui-avatar size=lg
      * (40×40 redonda). Si la imagen falla, fallback automático a iniciales del
@@ -11101,7 +11640,7 @@ declare class SuiSwitchCard implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiSwitchCard, never>;
-    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>;
+    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, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 /** Sizes de la fila: los del switch + `2xlarge` (fila de 44, dueño 04-10-2026). */
@@ -11518,11 +12057,14 @@ type SuiTableSize = 'small' | 'medium' | 'large' | 'xlarge';
  * Si no hay template para una columna, renderiza row[column.key] directo.
  */
 declare class SuiTable<T = any> {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly columns: _angular_core.InputSignal<SuiTableColumn<T>[]>;
     readonly rows: _angular_core.InputSignal<T[]>;
     readonly size: _angular_core.InputSignal<SuiTableSize>;
     readonly loading: _angular_core.InputSignal<boolean>;
-    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly emptyMessage: _angular_core.InputSignal<string | null>;
+    protected readonly emptyMessageTexto: _angular_core.Signal<string>;
     readonly striped: _angular_core.InputSignal<boolean>;
     readonly selectable: _angular_core.InputSignal<boolean>;
     readonly rowKey: _angular_core.InputSignal<keyof T | ((row: T) => any) | undefined>;
@@ -11664,7 +12206,7 @@ declare class SuiTabMenuHorizontal<T = string> {
         xlarge 56. large y xlarge llevan el texto a 16 (mobile). */
     readonly size: _angular_core.InputSignal<SuiTabMenuHorizontalSize>;
     /** Glyph del ícono de la pestaña: 24 en xlarge, 20 en el resto. */
-    readonly iconSize: _angular_core.Signal<20 | 24>;
+    readonly iconSize: _angular_core.Signal<24 | 20>;
     readonly tabChange: _angular_core.OutputEmitterRef<T>;
     private readonly tabItems?;
     /** Índice del único tab con tabindex 0: el activo, o el primero habilitado. */
@@ -11906,6 +12448,8 @@ type SuiTagSize = 'medium' | 'large' | 'xlarge';
  * reporte de auditoría estaba vacío.
  */
 declare class SuiTag {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** 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). */
@@ -11930,7 +12474,8 @@ declare class SuiTag {
     /** 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>;
+    readonly dismissLabel: _angular_core.InputSignal<string | null>;
+    protected readonly dismissLabelTexto: _angular_core.Signal<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. */
@@ -12037,8 +12582,12 @@ type SuiTagInputSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
  *   - allowDuplicates / maxTags / addOnBlur.
  */
 declare class SuiTagInput implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
+    protected readonly rellenar: typeof rellenarSuiTexto;
     readonly size: _angular_core.InputSignal<SuiTagInputSize>;
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    protected readonly placeholderTexto: _angular_core.Signal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly error: _angular_core.InputSignal<boolean>;
     readonly errorMessage: _angular_core.InputSignal<string | null>;
@@ -12315,7 +12864,7 @@ declare class SuiTimePickerDuration {
     readonly clicked: _angular_core.OutputEmitterRef<Event>;
     onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTimePickerDuration, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTimePickerDuration, "sui-time-picker-duration", 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<SuiTimePickerDuration, "sui-time-picker-duration", 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, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiTimePickerItemDirection = 'right' | 'center';
@@ -12379,7 +12928,7 @@ declare class SuiTimePickerItem {
     readonly hasRight: _angular_core.Signal<boolean>;
     onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTimePickerItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTimePickerItem, "sui-time-picker-item", never, { "time": { "alias": "time"; "required": true; "isSignal": true; }; "meridiem": { "alias": "meridiem"; "required": false; "isSignal": true; }; "rightTime": { "alias": "rightTime"; "required": false; "isSignal": true; }; "rightMeridiem": { "alias": "rightMeridiem"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTimePickerItem, "sui-time-picker-item", never, { "time": { "alias": "time"; "required": true; "isSignal": true; }; "meridiem": { "alias": "meridiem"; "required": false; "isSignal": true; }; "rightTime": { "alias": "rightTime"; "required": false; "isSignal": true; }; "rightMeridiem": { "alias": "rightMeridiem"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiTimePickerStatusType = 'available' | 'busy' | 'in-meeting' | 'offline';
@@ -12436,6 +12985,8 @@ type SuiTimePickerStatusType = 'available' | 'busy' | 'in-meeting' | 'offline';
  * @input disabled
  */
 declare class SuiTimePickerStatus {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly type: _angular_core.InputSignal<SuiTimePickerStatusType>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly selected: _angular_core.InputSignal<boolean>;
@@ -12445,7 +12996,7 @@ declare class SuiTimePickerStatus {
     readonly displayLabel: _angular_core.Signal<string>;
     onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTimePickerStatus, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTimePickerStatus, "sui-time-picker-status", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTimePickerStatus, "sui-time-picker-status", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, [{ directive: typeof SuiToque; inputs: {}; outputs: {}; }]>;
 }
 
 type SuiTimeFormat = '12h' | '24h';
@@ -12571,6 +13122,8 @@ interface ColumnItem {
  *  filas de 44 con texto 16 y Cancelar/Aplicar en large. */
 type SuiTimePickerSize = 'small' | 'medium' | 'large' | 'xlarge';
 declare class SuiTimePicker implements ControlValueAccessor {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly sublabel: _angular_core.InputSignal<string | null>;
     readonly required: _angular_core.InputSignal<boolean>;
@@ -12579,7 +13132,8 @@ declare class SuiTimePicker implements ControlValueAccessor {
     readonly errorMessage: _angular_core.InputSignal<string | null>;
     readonly error: _angular_core.InputSignal<boolean>;
     /** Texto del campo sin hora. Imperativo con tuteo (dueño, 05-10-2026, P4 a). */
-    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    protected readonly placeholderTexto: _angular_core.Signal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     /**
      * Alto del campo: small 36 · medium 40 (default) · large 48 (extensión SUI,
@@ -12786,6 +13340,8 @@ declare class SuiToastService {
  *   <sui-toast-outlet />
  */
 declare class SuiToastOutlet implements OnDestroy {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     private readonly svc;
     private readonly tabBar;
     readonly toastsByPosition: _angular_core.Signal<Record<SuiToastPosition, SuiToastItem[]>>;
@@ -13006,6 +13562,8 @@ declare class SuiTopbarButton {
  *   <sui-topbar-user name="Arthur" avatar="https://..." [verified]="true" [open]="menuOpen()" />
  */
 declare class SuiTopbarUser {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Nombre visible (Figma editName). Vacío → chip solo-avatar (Figma name=false). */
     readonly name: _angular_core.InputSignal<string>;
     /**
@@ -13056,8 +13614,10 @@ interface SuiTopbarAction {
 }
 /** Config del search slot. Patrón objeto + boolean shorthand (como sui-sidebar). */
 interface SuiTopbarSearchConfig {
-    /** Placeholder del input expandido. Default 'Buscar...'. */
+    /** Placeholder del input expandido. Default 'Buscar…'. */
     placeholder?: string;
+    /** Nombre accesible del campo. Omitir → el lector anuncia el placeholder. */
+    ariaLabel?: string;
     /** Shortcut pill dentro del input (ej. '⌘1') — renderiza <sui-kbd>. */
     shortcut?: string;
     /**
@@ -13119,7 +13679,7 @@ interface SuiTopbarUserConfig {
  * Usage:
  *   <sui-topbar
  *     [items]="items" activeValue="dashboard"
- *     [search]="{ placeholder: 'Buscar...', shortcut: '⌘1' }"
+ *     [search]="{ placeholder: 'Buscar…', shortcut: '⌘1' }"
  *     [actions]="[{ value: 'quick', icon: 'flashlight-line' },
  *                 { value: 'notifications', icon: 'notification-3-line', dot: true }]"
  *     [user]="{ name: 'Sophia', avatar: { initials: 'S', color: 'yellow' } }"
@@ -13128,6 +13688,8 @@ interface SuiTopbarUserConfig {
  *   </sui-topbar>
  */
 declare class SuiTopbar {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     readonly items: _angular_core.InputSignal<SuiTopbarEntry[]>;
     /** value del item activo (bg weak-50 + label strong-950 + icon accent). */
     readonly activeValue: _angular_core.InputSignal<string | null>;
@@ -13158,6 +13720,7 @@ declare class SuiTopbar {
     /** Search normalizado: null → sin search. */
     protected readonly searchCfg: _angular_core.Signal<{
         placeholder: string;
+        ariaLabel: string;
         shortcut: string | null;
         compact: boolean;
     } | null>;
@@ -13292,6 +13855,8 @@ declare class SuiTooltip {
  *   envuelve dentro de `max-width` (200px small / 280px medium).
  */
 declare class SuiTooltipPanel {
+    /** Textos de la librería (`provideSuiTextos`); cambian en vivo con el idioma de la app. */
+    protected readonly textos: _angular_core.Signal<_ajuarezso_sui_design_system.SuiTextos>;
     /** Text-only (size small/medium). En size=large se ignora — usar title/description. */
     readonly text: _angular_core.InputSignal<string>;
     readonly position: _angular_core.InputSignal<SuiTooltipPosition>;
@@ -13312,5 +13877,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, 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 };
+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, SUI_TEXTOS, SUI_TEXTOS_ES, 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, SuiToque, buildCalendarGrid, buildHourList, buildMinuteList, esImagenAceptada, formatDateInput, formatDateLong, formatDateShort, formatMonthYear, formatTime, injectSuiTextos, isSameTime, mezclarSuiTextos, normalizeHex, pad2, parseTime, provideSuiTextos, rellenarSuiTexto, 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, SuiTextos, SuiTextosFuente, SuiTextosParciales, SuiTimeDurationPreset, SuiTimeFormat, SuiTimePeriod, SuiTimePickerItemDirection, SuiTimePickerSize, SuiTimePickerStatusType, SuiTimeValue, SuiToastAction, SuiToastData, SuiToastItem, SuiToastPosition, SuiToastStyle, SuiToastVariant, SuiTooltipLargeData, SuiTooltipPosition, SuiTooltipSize, SuiTooltipTheme, SuiTooltipThemeInput, SuiTopbarAccent, SuiTopbarAction, SuiTopbarEntry, SuiTopbarSearchConfig, SuiTopbarUserConfig };