@ajuarezso/sui-design-system 0.20.0 → 0.21.0

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

@@ -1507,7 +1507,7 @@ interface SuiBreadcrumbEntry {
  *   - Output `(navigate)` emite el item clickeado.
  *
  * Accesibilidad:
- *   - host = `<nav aria-label="Breadcrumb">`
+ *   - host = `<nav aria-label="Ruta de navegación">`
  *   - Lista interna `<ol>` (orden semántica) sin estilos default.
  *   - Active item con `aria-current="page"` (manejado por `<sui-breadcrumb-item>`).
  *   - Dividers `aria-hidden="true"`.
@@ -1592,7 +1592,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>;
     /**
@@ -1812,7 +1812,10 @@ type SuiCardSize = 'small' | 'medium' | 'large' | 'xlarge';
  *  al gap visual (queda pegado al body o al footer según haya footer o no).
  *
  * Interactive cards:
- *  - [interactive]="true" → cursor pointer, hover lift, focus ring.
+ *  - [interactive]="true" → cursor pointer, hover lift, focus ring, role=button,
+ *    tabindex=0 y teclado: Enter y Espacio disparan un click en el host (fix
+ *    03-10-2026), así el `(click)` / `routerLink` del consumer sirve también
+ *    con teclado, igual que un <button>.
  *    Apply only on cards that act as a single action surface (e.g., a tile that
  *    navigates). For cards with multiple inner CTAs, leave non-interactive.
  *
@@ -1823,6 +1826,15 @@ declare class SuiCard {
     readonly variant: _angular_core.InputSignal<SuiCardVariant>;
     readonly size: _angular_core.InputSignal<SuiCardSize>;
     readonly interactive: _angular_core.InputSignal<boolean>;
+    private readonly host;
+    /**
+     * Enter / Espacio sobre la card interactiva → click en el host (dispara el
+     * `(click)` del consumer y un `routerLink` puesto en la card o en un `<a>`
+     * que la envuelve). Solo cuando el foco está EN la card: una tecla dentro
+     * de un campo o botón proyectado es de ese control. `preventDefault` evita
+     * que el Espacio haga scroll; la tecla sostenida (`repeat`) no repite.
+     */
+    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>;
 }
@@ -2152,7 +2164,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. */
@@ -2623,7 +2635,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" | "disabled" | "selected" | "hover">;
     /**
      * 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.
@@ -3263,15 +3275,16 @@ declare class SuiFlag {
  *   - SIN border (el input padre tiene su propio border)
  *   - SIN focus ring (el input padre maneja el focus state)
  *   - SIN error state (heredado del input padre)
- *   - X-Small usa flag 16×16, medium/small 20×20 (mismo patrón que el compact-select normal)
+ *   - X-Small usa flag 16×16, large/medium/small 20×20 (mismo patrón que el compact-select normal)
+ *   - `large` (extensión SUI, 03-10-2026) va dentro de un sui-input large (48)
  *   - Menu matchea trigger width con minWidth=200
  *
  * `ControlValueAccessor` implementado — funciona con `formControlName`.
  *
  * Uso:
- *   <sui-input>
+ *   <sui-input [leadingControl]="true">
  *     <sui-compact-select-for-input
- *       slot="prefix"
+ *       data-slot="start"
  *       size="medium"
  *       [items]="countries"
  *       formControlName="country"
@@ -3282,7 +3295,8 @@ declare class SuiFlag {
  * Si el consumer escribe `[(selected)]` desde código, el FormControl NO se entera
  * (split-brain). Usar UNA fuente de verdad: formControl O selected, no las dos.
  */
-type SuiCompactSelectForInputSize = 'medium' | 'small' | 'xsmall';
+/** `large` es extensión SUI (03-10-2026): para el `sui-input` large (48) de mobile. */
+type SuiCompactSelectForInputSize = 'large' | 'medium' | 'small' | 'xsmall';
 interface SuiCompactSelectForInputItem<T = string> {
     value: T;
     label: string;
@@ -3355,6 +3369,7 @@ declare class SuiCompactSelectForInput<T = string> implements ControlValueAccess
  *
  * Specs Figma (sin cambios vs versión anterior):
  *   Sizes: medium 40 (p=10 r=10) / small 36 (p=8 r=8) / xsmall 32 (p=6 r=8)
+ *   + large 48 (p=14 r=12, extensión SUI 03-10-2026, para mobile)
  *   States: placeholder / filled / hover / focused / disabled / error
  *   Types: basic / icon (RemixIcon 20×20) / country (sui-flag 20×20; 16×16 en xsmall)
  *
@@ -3372,7 +3387,8 @@ declare class SuiCompactSelectForInput<T = string> implements ControlValueAccess
  * se entera del cambio (split-brain). Usar UNA u OTRA, no las dos juntas.
  */
 type SuiCompactSelectType = 'basic' | 'icon' | 'country';
-type SuiCompactSelectSize = 'medium' | 'small' | 'xsmall';
+/** `large` (48) es extensión SUI (03-10-2026): el alto del `sui-button` large para mobile. */
+type SuiCompactSelectSize = 'large' | 'medium' | 'small' | 'xsmall';
 /**
  * Shape del item dentro del menu. El consumer pasa array de estos en `[items]`.
  * Compatible con generics (T = tipo del value que se guarda en formControl).
@@ -3646,6 +3662,9 @@ type SuiContentCardType = 'basic' | 'left-icon' | 'avatar' | 'card-provider' | '
  *   <sui-content-card type="brand" brand="stripe" title="Stripe" subtitle="Conectado"
  *                     [badge]="{ label: 'Activo', color: 'green' }" />
  */
+/** Tamaño de la X de quitar: `medium` 20 (Figma, default) · `large` 32 con
+    área táctil de 40 (extensión SUI 03-10-2026, mobile). */
+type SuiContentCardSize = 'medium' | 'large';
 declare class SuiContentCard {
     /** Tipo de leading visual. */
     readonly type: _angular_core.InputSignal<SuiContentCardType>;
@@ -3678,6 +3697,13 @@ declare class SuiContentCard {
     readonly dismissible: _angular_core.InputSignal<boolean>;
     /** aria-label del botón X. */
     readonly dismissAriaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Tamaño de la X de quitar (la fila no cambia: sigue en 72).
+     * `medium` (default, Figma): 20 × 20 sin área extra.
+     * `large` — extensión SUI (03-10-2026) para mobile: caja de 32 × 32 con el
+     * glyph en 20 y un área táctil invisible de 40 × 40.
+     */
+    readonly size: _angular_core.InputSignal<SuiContentCardSize>;
     /**
      * Estado deshabilitado: atenúa contenido a tokens disabled-300, deshabilita el
      * badge y el botón X (sin pointer-events), y setea aria-disabled en el host.
@@ -3693,7 +3719,7 @@ declare class SuiContentCard {
     protected readonly labelType: _angular_core.Signal<SuiContentLabelType>;
     onDismiss(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiContentCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiContentCard, "sui-content-card", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "companyLogoSrc": { "alias": "companyLogoSrc"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "dismissAriaLabel": { "alias": "dismissAriaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiContentCard, "sui-content-card", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "companyLogoSrc": { "alias": "companyLogoSrc"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "dismissAriaLabel": { "alias": "dismissAriaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
 }
 
 type SuiContentDividerType = 'line' | 'line-spacing' | 'text-line' | 'text' | 'solid-text' | 'icon-button' | 'icon-button-group' | 'text-button' | 'text-button-group';
@@ -3928,8 +3954,10 @@ type SuiCounterInputSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' |
  *   - bg-white-0 + 1px solid stroke-soft-200 + regular-shadow x-small (default)
  *
  *   Steppers (Compact Button [1.1], style ghost):
- *   - padding 2px, radius 6px, icono 20×20 (subtract-line / add-line) en TODOS
- *     los sizes → caja del stepper = 24×24. color icon-sub-600.
+ *   - padding 2px, radius 6px, icono 20×20 (subtract-line / add-line) → caja
+ *     del stepper = 24×24 de 2xsmall a medium. color icon-sub-600.
+ *   - large / xlarge (extensión SUI, 03-10-2026): el stepper crece a 40 / 44
+ *     para tocarlo con el dedo en mobile (ícono 20 / 24).
  *
  *   Valor (Paragraph/Small — Inter 14/20, -0.084px), text-center, flex 1:
  *   - default:  text-soft-400 (placeholder gris, valor "vacío"/sin foco)
@@ -3966,6 +3994,8 @@ declare class SuiCounterInput implements ControlValueAccessor {
     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>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly sublabel: _angular_core.InputSignal<string | null>;
     readonly required: _angular_core.InputSignal<boolean>;
@@ -4106,12 +4136,21 @@ declare function buildCalendarGrid(monthAnchor: Date, options: {
 }): CalendarCell[];
 /** Etiquetas de días para el header del grid — locale ES (lunes-domingo). */
 declare const DAY_LABELS_ES: readonly string[];
+/** «Octubre 2026» — con mayúscula inicial (date-fns en español la da en
+ *  minúscula; la regla de copy del proyecto es sentence case). Fix 03-10-2026. */
 declare function formatMonthYear(date: Date): string;
 declare function formatDateShort(date: Date): string;
 declare function formatDateInput(date: Date): string;
 
 type SuiDatepickerMode = 'date' | 'range';
 type SuiDatepickerCalendars = 1 | 2;
+/**
+ * Alto del campo (trigger): small 36 · medium 40 (default) · large 48.
+ * `small` y `large` son extensión SUI (03-10-2026): large es el de mobile, el
+ * mismo alto que sui-input/sui-select large. Con large (y siempre en mobile)
+ * las flechas de mes miden 40 y Cancelar/Aplicar van en large.
+ */
+type SuiDatepickerSize = 'small' | 'medium' | 'large';
 interface SuiDateRange {
     start: Date | null;
     end: Date | null;
@@ -4206,6 +4245,8 @@ declare class SuiDatepicker implements ControlValueAccessor {
     readonly calendars: _angular_core.InputSignal<SuiDatepickerCalendars>;
     /** Renderiza el calendar inline (sin trigger ni popover). */
     readonly inline: _angular_core.InputSignal<boolean>;
+    /** Alto del campo: small 36 · medium 40 (default) · large 48 (ver SuiDatepickerSize). */
+    readonly size: _angular_core.InputSignal<SuiDatepickerSize>;
     /** Placeholder del input cuando no hay valor seleccionado. */
     readonly placeholder: _angular_core.InputSignal<string>;
     /** Si true, muestra Cancel/Apply en el footer. Range siempre lo muestra. */
@@ -4248,6 +4289,11 @@ declare class SuiDatepicker implements ControlValueAccessor {
      *  - mode='range' + mobile → 1
      *  - mode='range' + desktop → respeta el prop
      */
+    /**
+     * Cancelar / Aplicar: large (48) con el campo large y siempre en mobile, para
+     * tocarlos con el dedo (extensión SUI, 03-10-2026); small (36, Figma) si no.
+     */
+    readonly footerButtonSize: _angular_core.Signal<"small" | "large">;
     readonly effectiveCalendars: _angular_core.Signal<SuiDatepickerCalendars>;
     private _onChange;
     private _onTouched;
@@ -4275,6 +4321,8 @@ declare class SuiDatepicker implements ControlValueAccessor {
     readonly rangeHint: _angular_core.Signal<string | null>;
     toggle(): void;
     openPopover(): void;
+    /** Copia `value` a lo staged (lo que pinta el calendario). */
+    private _stageFromValue;
     cancel(): void;
     apply(): void;
     selectCell(cell: CalendarCell): void;
@@ -4298,7 +4346,7 @@ declare class SuiDatepicker implements ControlValueAccessor {
      *  - null    → fuera de range o mode=date */
     cellRangePosition(cell: CalendarCell): 'start' | 'end' | 'in' | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiDatepicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDatepicker, "sui-datepicker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "calendars": { "alias": "calendars"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "markedDates": { "alias": "markedDates"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiDatepicker, "sui-datepicker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "calendars": { "alias": "calendars"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "markedDates": { "alias": "markedDates"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 type SuiDayCellType = 'basic' | 'range';
@@ -5083,7 +5131,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 proveé `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. */
@@ -5141,6 +5189,11 @@ interface SuiEmptyStateAction {
     label: string;
     route?: string;
 }
+/**
+ * Tamaño del botón de la acción. `medium` (40) es el default de siempre;
+ * `large` (48) es extensión SUI (03-10-2026): el CTA de mobile.
+ */
+type SuiEmptyStateSize = 'medium' | 'large';
 /**
  * SUI Empty State — SUI Design System 2.0
  *
@@ -5174,6 +5227,8 @@ interface SuiEmptyStateAction {
  *  - subtitle: descripción
  *  - action: string shorthand (solo label → botón emite actionClicked) o
  *    { label, route? } — con route el botón navega vía routerLink
+ *  - size: tamaño del botón de la acción — medium 40 (default) | large 48
+ *    (extensión SUI 03-10-2026, para mobile)
  */
 declare class SuiEmptyState {
     /** URL de Fluent Emoji (3D o animado) — override del zorro default. */
@@ -5185,6 +5240,10 @@ declare class SuiEmptyState {
         null/'' = sin botón. */
     action: _angular_core.InputSignal<string | SuiEmptyStateAction | null>;
     actionClicked: _angular_core.OutputEmitterRef<void>;
+    /** Tamaño del botón de la acción: `medium` 40 (default) o `large` 48 para
+        mobile — extensión SUI (03-10-2026). Solo cambia el botón; emoji, título
+        y padding siguen igual. */
+    size: _angular_core.InputSignal<SuiEmptyStateSize>;
     /** Config resuelta del CTA (string → { label }; sin label → null). */
     protected readonly actionCfg: _angular_core.Signal<SuiEmptyStateAction | null>;
     /** URL del emoji. Default = zorro (mascota canon de empty states del proyecto):
@@ -5193,7 +5252,7 @@ declare class SuiEmptyState {
         incluidas las secciones reutilizables — sin tocar cada uso. */
     protected readonly resolvedEmojiSrc: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiEmptyState, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiEmptyState, "sui-empty-state", never, { "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; }, { "actionClicked": "actionClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiEmptyState, "sui-empty-state", never, { "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "actionClicked": "actionClicked"; }, never, never, true, never>;
 }
 /** Zorro animado (Fluent Emoji) — emoji default canon de los empty states. */
 declare const EMPTY_STATE_FOX_EMOJI = "https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Animals/Fox.png";
@@ -5498,13 +5557,13 @@ interface SuiFileUploadCardFile {
  *  - file:            string shorthand (= filename, default "file.pdf") o
  *                     { filename, extension? } — extension overridea el FileIcon
  *                     (si falta se extrae del filename)
- *  - description:     texto secundario izquierdo (ej. "0 KB of 120 KB")
+ *  - description:     texto secundario izquierdo (ej. «0 KB de 120 KB»)
  *  - state:           'in-progress' | 'success' | 'error'
  *  - progress:        0–100 — solo se muestra si state==='in-progress'
  *  - statusText:      override del label de status (sino default por state:
- *                     "Uploading..." / "Completed" / "Failed")
+ *                     «Subiendo…» / «Completado» / «Falló»; en español desde el 03-10-2026)
  *  - showStatus:      muestra/oculta el bloque de status (default true)
- *  - retryLabel:      texto del link de error (default "Try Again")
+ *  - retryLabel:      texto del link de error (default «Reintentar»)
  *
  * Outputs:
  *  - actionClicked:   click en el botón compacto (close en in-progress,
@@ -5521,6 +5580,10 @@ declare class SuiFileUploadCard {
     readonly progress: _angular_core.InputSignal<number>;
     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 actionClicked: _angular_core.OutputEmitterRef<void>;
     readonly retryClicked: _angular_core.OutputEmitterRef<void>;
@@ -5535,7 +5598,7 @@ declare class SuiFileUploadCard {
     protected onAction(): void;
     protected onRetry(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiFileUploadCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFileUploadCard, "sui-file-upload-card", never, { "file": { "alias": "file"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "statusText": { "alias": "statusText"; "required": false; "isSignal": true; }; "showStatus": { "alias": "showStatus"; "required": false; "isSignal": true; }; "retryLabel": { "alias": "retryLabel"; "required": false; "isSignal": true; }; }, { "actionClicked": "actionClicked"; "retryClicked": "retryClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFileUploadCard, "sui-file-upload-card", never, { "file": { "alias": "file"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "statusText": { "alias": "statusText"; "required": false; "isSignal": true; }; "showStatus": { "alias": "showStatus"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "progressLabel": { "alias": "progressLabel"; "required": false; "isSignal": true; }; "retryLabel": { "alias": "retryLabel"; "required": false; "isSignal": true; }; }, { "actionClicked": "actionClicked"; "retryClicked": "retryClicked"; }, never, never, true, never>;
 }
 
 type SuiFileUploadSize = 'small' | 'medium' | 'large' | 'xlarge';
@@ -5552,7 +5615,8 @@ type SuiFileUploadSize = 'small' | 'medium' | 'large' | 'xlarge';
  * default / hover / dragover / disabled / error. Soporta single o multi.
  *
  * EXACT (pulled from Figma, verified — node 450:9410 / 450:9429):
- *   - Container: w=400px (responsive 100% en consumer), padding=32px, gap=20px,
+ *   - Container: Figma w=400px; SUI lo hace fluido (width 100% del contenedor,
+ *     03-10-2026) para que llene la columna del formulario. padding=32px, gap=20px,
  *     border=1px dashed --sui-stroke-sub-300 (#d1d1d1), radius=12px,
  *     bg=--sui-bg-white-0. Flex column, items+justify center.
  *   - Icon: upload-cloud-2-line (Remix) 24×24, color --sui-icon-sub-600 (#5c5c5c),
@@ -5596,7 +5660,8 @@ type SuiFileUploadSize = 'small' | 'medium' | 'large' | 'xlarge';
  *  - maxSize: bytes máximo por archivo. 0 = sin límite.
  *  - title: label primario.
  *  - subtitle: texto secundario.
- *  - browseLabel: texto del botón Browse File (default "Browse File").
+ *  - browseLabel: texto del botón (default «Buscar archivo»; era "Browse File"
+ *    hasta el 03-10-2026).
  *  - disabled: bloquea interacción.
  *  - error: estado de error (border rojo).
  *  - errorMessage: texto del error mostrado debajo.
@@ -5628,7 +5693,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<20 | 24 | 28 | 32>;
     onClick(): void;
     /** Browse File button — abre el picker. stopPropagation evita doble-open
      *  (el host también es clickeable). */
@@ -6155,6 +6220,10 @@ declare class SuiImageUploadProfile implements ControlValueAccessor {
 
 type SuiImageUploadShape = 'circle' | 'rect';
 type SuiImageUploadSize = 'sm' | 'md' | 'lg' | 'xl';
+/** Valor del `accept` del input file (tipos + extensiones, por el .heic sin MIME). */
+declare const SUI_IMAGE_UPLOAD_ACCEPT: string;
+/** ¿Es una imagen que el componente acepta? Por MIME o, si viene vacío, por extensión. */
+declare function esImagenAceptada(file: Pick<File, 'type' | 'name'>): boolean;
 /**
  * SUI Image Upload — SUI Design System 2.0
  *
@@ -6203,7 +6272,7 @@ type SuiImageUploadSize = 'sm' | 'md' | 'lg' | 'xl';
  *
  * RESUELTO 2026-05-29:
  *   - 1.7 (component library): el botón "Quitar" pasó de <button> custom a
- *     <sui-button variant="stroke" color="error" size="2xsmall">. Los iconos
+ *     <sui-button variant="stroke" color="error" size="xsmall">. Los iconos
  *     cámara/lápiz pasaron de SVG inline a <sui-icon name="image-add-line" /> y
  *     <sui-icon name="pencil-line" />.
  *
@@ -6271,7 +6340,13 @@ declare class SuiImageUpload {
     /** 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<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<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>;
+    /** Valor del `accept` del input file (incluye HEIC/HEIF). */
+    protected readonly accept: string;
     protected readonly state: _angular_core.Signal<"filled" | "disabled" | "dragover" | "empty">;
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
@@ -6802,7 +6877,7 @@ type SuiIntegrationSwitchAppearance = 'card' | 'list';
  * Config del manage button embebido. Un solo input `[manage]` reemplaza al
  * trío showManage/manageLabel/manageIcon (mismo patrón objeto que
  * `badge`/SuiBadgeConfig — canon sui-checkbox-label):
- *   - `true` (default)  → botón con defaults ('Manage' + settings-2-line)
+ *   - `true` (default)  → botón con defaults ('Administrar' + settings-2-line)
  *   - `'Configurar'`    → string shorthand: label custom, icon default
  *   - `{ label, icon }` → config completa
  *   - `false` / `null`  → sin botón
@@ -6894,7 +6969,7 @@ declare class SuiIntegrationSwitch implements ControlValueAccessor {
         (label + color/variant/size, tipado como sui-badge). null = sin badge. */
     readonly badge: _angular_core.InputSignal<string | SuiBadgeConfig | null>;
     protected readonly badgeCfg: _angular_core.Signal<SuiBadgeConfig | null>;
-    /** Manage button — true = defaults ('Manage' + settings-2-line), string =
+    /** Manage button — true = defaults ('Administrar' + settings-2-line), string =
         label custom con icon default, SuiIntegrationManageConfig = todo,
         false/null = oculto. */
     readonly manage: _angular_core.InputSignal<string | boolean | SuiIntegrationManageConfig | null>;
@@ -7833,7 +7908,7 @@ declare class SuiNotificationFooter {
     private static readonly DEFAULT_MANAGE_LABEL;
     readonly usePrefix: _angular_core.InputSignal<string>;
     readonly useSuffix: _angular_core.InputSignal<string>;
-    /** Link de gestión — true = label default ('Manage Notification'); 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'
      *  para _blank. false/null = oculto (Figma prop `button` off). */
@@ -8040,7 +8115,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" | "button" | "file" | "message">;
+    readonly type: _angular_core.InputSignal<"basic" | "file" | "button" | "message">;
     /** When true, item paints the Figma hover bg + reveals the more-2-line button. */
     readonly showMore: _angular_core.InputSignal<boolean>;
     /** Forces the hover affordance visible (e.g. keyboard-focused row). */
@@ -8073,6 +8148,13 @@ declare class SuiNotification {
 }
 
 type SuiOtpInputType = 'number' | 'text';
+/**
+ * Tamaño de la celda (extensión SUI, 03-10-2026). `large` es el de la guía
+ * (80 × 64) y el default. `medium` (52 × 56) hace entrar 6 celdas en un
+ * teléfono de 390 (6 × 52 + 5 × 8 = 352 de 358 útiles); `small` (44 × 48)
+ * para pantallas de 360 o un código dentro de una tarjeta.
+ */
+type SuiOtpInputSize = 'large' | 'medium' | 'small';
 /**
  * SUI OTP / Digit Input — SUI Design System 2.0
  *
@@ -8114,6 +8196,9 @@ type SuiOtpInputType = 'number' | 'text';
  *   - CVA: el value expuesto es el string concatenado de todas las celdas.
  *
  * @input length     Cantidad de celdas (default 6).
+ * @input size       'large' (80×64, guía) | 'medium' (52×56) | 'small' (44×48).
+ *                    Además las celdas se achican si no entran en el ancho
+ *                    del contenedor (extensión SUI, 03-10-2026).
  * @input type       'number' | 'text' — 'number' restringe a [0-9] e
  *                    inputmode='numeric'; 'text' acepta cualquier char e
  *                    inputmode='text'.
@@ -8132,6 +8217,8 @@ type SuiOtpInputType = 'number' | 'text';
  */
 declare class SuiOtpInput implements ControlValueAccessor {
     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>;
@@ -8169,7 +8256,7 @@ declare class SuiOtpInput implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiOtpInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiOtpInput, "sui-otp-input", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "completed": "completed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiOtpInput, "sui-otp-input", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "completed": "completed"; }, never, never, true, never>;
 }
 
 /**
@@ -8488,6 +8575,9 @@ declare class SuiPeriodRange {
 type SuiPopoverPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'right-top' | 'right-center' | 'right-bottom' | 'left-top' | 'left-center' | 'left-bottom';
 /** Tipo de footer del popover (Figma 4456:83048). `none` = sin footer. */
 type SuiPopoverFooter = 'none' | 'stretch' | 'text-stepper' | 'stepper';
+/** Tamaño de los botones del pie (escala del sui-button): `small` 36 (Figma,
+    default) · `medium` 40 para mobile — extensión SUI (03-10-2026). */
+type SuiPopoverSize = 'small' | 'medium';
 declare class SuiPopover {
     /** Placement axis del tail relativo al trigger (12 variantes Figma). */
     readonly position: _angular_core.InputSignal<SuiPopoverPosition>;
@@ -8515,6 +8605,9 @@ declare class SuiPopover {
         current: number;
         total: number;
     } | null>;
+    /** Botones del pie: `small` 36 (Figma, default) · `medium` 40 para mobile —
+     *  extensión SUI (03-10-2026). */
+    readonly size: _angular_core.InputSignal<SuiPopoverSize>;
     /** Click en el botón X de dismiss. */
     readonly dismissed: _angular_core.OutputEmitterRef<void>;
     /** Click en el botón secundario (Back). */
@@ -8533,12 +8626,12 @@ declare class SuiPopover {
     readonly isDotStepper: _angular_core.Signal<boolean>;
     /** Config resuelta del step (null → default { current: 1, total: 4 }). */
     private readonly stepCfg;
-    /** Texto "Step X of N" del text-stepper. */
+    /** Texto «Paso X de N» del text-stepper (era «Step X of N» hasta 03-10-2026). */
     readonly stepperText: _angular_core.Signal<string>;
     /** Array de dots para el stepper. Cada item: índice activo => primary. */
     readonly dots: _angular_core.Signal<boolean[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiPopover, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiPopover, "sui-popover", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "tail": { "alias": "tail"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "dismissIcon": { "alias": "dismissIcon"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "doubleButton": { "alias": "doubleButton"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; "back": "back"; "next": "next"; }, never, ["[data-slot=body]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiPopover, "sui-popover", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "tail": { "alias": "tail"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "dismissIcon": { "alias": "dismissIcon"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "doubleButton": { "alias": "doubleButton"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; "back": "back"; "next": "next"; }, never, ["[data-slot=body]"], true, never>;
 }
 
 type SuiProgressBarColor = 'blue' | 'green' | 'orange' | 'red' | 'purple';
@@ -8869,7 +8962,7 @@ declare class SuiRadioCard implements ControlValueAccessor {
      * 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
@@ -9126,7 +9219,7 @@ interface SuiRatingCellView {
  * @input readonly       deshabilita clicks (display only)
  * @input halfStep       inline + readonly: renderiza half-fill basado en value decimal
  * @input showValue      inline: muestra "4.5" al lado de los íconos
- * @input reviewCount    inline: muestra "5.2K Ratings" al lado (formato corto)
+ * @input reviewCount    inline: muestra "5.2K calificaciones" al lado (formato corto)
  * @input reviewLink     inline: link "18 reviews" al lado
  * @input alignment      inline: 'inline' (only) | 'vertical' | 'horizontal'
  * @input emojis         array de chars Unicode para type='emoji' (default 😞😕😐🙂😄)
@@ -9398,11 +9491,10 @@ declare class SuiRichEditor {
  * `large` y `xlarge` son extensión nuestra (12-08-2026), igual que en
  * `sui-input`: alturas del `sui-button` para que campo y botón se alineen.
  *
- * OJO — crecen el TRIGGER, no la lista. Las opciones son `sui-dropdown-item`,
- * un componente aparte con su propia escala (36/56/76), y el select NUNCA le
- * pasó su `size`: hoy todas las opciones salen del mismo tamaño para xsmall y
- * para medium. No es algo que estos dos tamaños rompan — ya era así —, pero es
- * la deuda que hay que saldar el día que la lista tenga que acompañar.
+ * La lista acompaña desde el 03-10-2026 (extensión SUI): las opciones son
+ * `sui-dropdown-item` de 36 (Figma) hasta medium, 44 en large y 48 en xlarge,
+ * y ≥ 44 en mobile (≤ 767 px) con cualquier size. Lo resuelve sui-select.scss
+ * sobre los ítems del panel; el dropdown-item no se toca.
  */
 type SuiSelectSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 /**
@@ -9867,9 +9959,9 @@ declare class SuiSlider implements ControlValueAccessor {
     private readonly _cvaValue;
     private readonly _useCvaValue;
     /** Handle siendo arrastrado: null | 'single' | 'min' | 'max'. */
-    readonly dragging: _angular_core.WritableSignal<"single" | "min" | "max" | null>;
+    readonly dragging: _angular_core.WritableSignal<"min" | "max" | "single" | null>;
     /** Handle bajo hover (para tooltip): igual dominio que dragging. */
-    readonly hovering: _angular_core.WritableSignal<"single" | "min" | "max" | null>;
+    readonly hovering: _angular_core.WritableSignal<"min" | "max" | "single" | null>;
     private clamp;
     readonly effectiveValue: _angular_core.Signal<number>;
     readonly effectiveMin: _angular_core.Signal<number>;
@@ -10283,6 +10375,12 @@ interface SuiStoreCardData {
     logoUrl?: string | null;
     coverUrl?: string | null;
 }
+/**
+ * Tamaño del corazón de favorito, en la escala del sui-button. `small` (36, el
+ * de siempre) es el default; `medium` (40) es extensión SUI (03-10-2026) para
+ * tocarlo con el dedo en mobile.
+ */
+type SuiStoreCardSize = 'small' | 'medium';
 interface PreviewBadge {
     label: string;
     variant: 'draft' | 'pending' | 'rejected';
@@ -10292,6 +10390,12 @@ declare class SuiStoreCard {
     readonly isFavorite: _angular_core.InputSignal<boolean>;
     /** Si true, no se navega al detalle (caso suspendido). El padre puede sobreescribir. */
     readonly disableLink: _angular_core.InputSignal<boolean>;
+    /** Ruta base del detalle: la tarjeta navega a `[linkBase, store.id]`. El
+     *  default es la ruta del cliente de Master Pedidos; otra app pasa la suya. */
+    readonly linkBase: _angular_core.InputSignal<string>;
+    /** Corazón de favorito: `small` 36 (default) · `medium` 40 para mobile —
+     *  extensión SUI (03-10-2026). */
+    readonly size: _angular_core.InputSignal<SuiStoreCardSize>;
     /**
      * El texto de Envío y el de Distancia, ya escritos por quien llama.
      *
@@ -10331,6 +10435,8 @@ declare class SuiStoreCard {
         logoUrl: string | null;
     }>;
     readonly link: _angular_core.Signal<string[] | null>;
+    /** Glyph del corazón: 18 en small, 20 en medium. */
+    readonly favIconSize: _angular_core.Signal<20 | 18>;
     readonly initial: _angular_core.Signal<string>;
     /**
      * El puntaje con cuántas opiniones lo sostienen: «4.67 (12)».
@@ -10361,7 +10467,7 @@ declare class SuiStoreCard {
     onCardClick(event: Event): void;
     onRatingClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiStoreCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiStoreCard, "sui-store-card", never, { "store": { "alias": "store"; "required": true; "isSignal": true; }; "isFavorite": { "alias": "isFavorite"; "required": false; "isSignal": true; }; "disableLink": { "alias": "disableLink"; "required": false; "isSignal": true; }; "deliveryText": { "alias": "deliveryText"; "required": false; "isSignal": true; }; "distanceText": { "alias": "distanceText"; "required": false; "isSignal": true; }; }, { "toggleFavorite": "toggleFavorite"; "ratingClicked": "ratingClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiStoreCard, "sui-store-card", never, { "store": { "alias": "store"; "required": true; "isSignal": true; }; "isFavorite": { "alias": "isFavorite"; "required": false; "isSignal": true; }; "disableLink": { "alias": "disableLink"; "required": false; "isSignal": true; }; "linkBase": { "alias": "linkBase"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "deliveryText": { "alias": "deliveryText"; "required": false; "isSignal": true; }; "distanceText": { "alias": "distanceText"; "required": false; "isSignal": true; }; }, { "toggleFavorite": "toggleFavorite"; "ratingClicked": "ratingClicked"; }, never, never, true, never>;
 }
 
 /**
@@ -10431,6 +10537,12 @@ interface SuiProductCardImage {
     /** Encuadre vertical de la imagen (CSS object-position Y, 0–100). Default 50. */
     position?: number;
 }
+/**
+ * Tamaño de los botones del pie («+», lápiz y stepper), en la escala del
+ * sui-button. `small` (36, el de siempre) es el default; `medium` (40) es
+ * extensión SUI (03-10-2026) para tocar con el dedo en mobile.
+ */
+type SuiProductCardSize = 'small' | 'medium';
 /** Config del fallback sin imagen. */
 interface SuiProductCardFallback {
     /** `'name'` = banda de color + nombre (default) · `'icon'` = ícono. */
@@ -10476,6 +10588,14 @@ declare class SuiProductCard {
      *    se ve SIEMPRE: también con `available=false` (el agotado es justo el
      *    que el dueño quiere tocar) y sin que `closed` lo apague. Nunca stepper. */
     readonly action: _angular_core.InputSignal<"add" | "edit">;
+    /** Precio de referencia (antes del descuento). Si es MAYOR que `price`, la
+     *  card muestra el precio en rojo con la chapa «-N%» al lado y este precio
+     *  tachado debajo. Igual o menor → se ignora. El porcentaje se calcula, no se
+     *  pasa: un tercer número podría quedar desincronizado de los otros dos. */
+    readonly precioLista: _angular_core.InputSignal<number | null>;
+    /** Tamaño de los botones del pie: `small` 36 (default) · `medium` 40 para
+     *  mobile — extensión SUI (03-10-2026). */
+    readonly size: _angular_core.InputSignal<SuiProductCardSize>;
     /** Tap en la card (abrir detalle del producto). */
     readonly openDetail: _angular_core.OutputEmitterRef<void>;
     /** Tap en el botón "+" (agregar al carrito). */
@@ -10487,6 +10607,15 @@ declare class SuiProductCard {
     /** Tap en el lápiz (solo con `action="edit"`). */
     readonly edit: _angular_core.OutputEmitterRef<void>;
     readonly formattedPrice: _angular_core.Signal<string>;
+    /** Descuento resuelto: solo si `precioLista` > `price`. */
+    readonly descuento: _angular_core.Signal<{
+        pct: number;
+        antes: string;
+    } | null>;
+    /** Glyph del «+» / lápiz: 18 en small, 20 en medium. */
+    readonly iconSize: _angular_core.Signal<20 | 18>;
+    /** Glyph del stepper: 16 en small, 20 en medium. */
+    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. */
@@ -10514,7 +10643,7 @@ declare class SuiProductCard {
     onDec(event: Event): void;
     onEdit(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiProductCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiProductCard, "sui-product-card", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "price": { "alias": "price"; "required": true; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "available": { "alias": "available"; "required": false; "isSignal": true; }; "quantity": { "alias": "quantity"; "required": false; "isSignal": true; }; "closed": { "alias": "closed"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "unavailableLabel": { "alias": "unavailableLabel"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; }, { "openDetail": "openDetail"; "add": "add"; "increment": "increment"; "decrement": "decrement"; "edit": "edit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiProductCard, "sui-product-card", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "price": { "alias": "price"; "required": true; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "available": { "alias": "available"; "required": false; "isSignal": true; }; "quantity": { "alias": "quantity"; "required": false; "isSignal": true; }; "closed": { "alias": "closed"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "unavailableLabel": { "alias": "unavailableLabel"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "precioLista": { "alias": "precioLista"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "openDetail": "openDetail"; "add": "add"; "increment": "increment"; "decrement": "decrement"; "edit": "edit"; }, never, never, true, never>;
 }
 
 /**
@@ -10648,7 +10777,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
@@ -11195,9 +11324,9 @@ interface SuiTabMenuHorizontalItem<T = string> {
  *     radius-full, overflow-clip, icon arrow-right-s-line 18px, SIN shadow
  *
  * PENDING VERIFY:
- *   - `size`: el Tab Menu Horizontal de Figma no expone eje size. El input se
- *     mantiene como extensión SUI (espeja el data-attr del host como hook de
- *     SCSS), pero hoy solo medium está 1:1 y no altera estilos.
+ *   - `size`: el Tab Menu Horizontal de Figma no expone eje size. Extensión SUI
+ *     (03-10-2026): small 40 · medium 48 (Figma) · large 52 · xlarge 56 de
+ *     franja tocable; large/xlarge con texto 16 (mobile).
  *   - `disabled` por ítem es extensión SUI (Figma no muestra estado Disabled).
  *
  * Historia: hasta la v0.2.x este componente vivía como `<sui-tabs variant="line">`;
@@ -11209,9 +11338,12 @@ interface SuiTabMenuHorizontalItem<T = string> {
 declare class SuiTabMenuHorizontal<T = string> {
     readonly tabs: _angular_core.InputSignal<SuiTabMenuHorizontalItem<T>[]>;
     readonly active: _angular_core.ModelSignal<T | undefined>;
-    /** PENDING spec: hoy solo emite data-sui-size (sin reglas scss) y el set de
-        Figma no tiene eje size. Se conserva por compat de consumers. */
+    /** Alto de la franja tocable (cada pestaña ocupa todo el alto) — extensión
+        SUI (03-10-2026): small 40 · medium 48 (Figma, default) · large 52 ·
+        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 tabChange: _angular_core.OutputEmitterRef<T>;
     isActive(tab: SuiTabMenuHorizontalItem<T>): boolean;
     select(tab: SuiTabMenuHorizontalItem<T>): void;
@@ -11663,6 +11795,12 @@ declare class SuiTag {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTag, "sui-tag", never, { "tagStyle": { "alias": "tagStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "leading": { "alias": "leading"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["[data-slot=start]", "*"], true, never>;
 }
 
+/**
+ * Tamaño del campo — los mismos nombres que `sui-input` para que un formulario
+ * pase el mismo `size` a los dos. Cambia el padding y el radio (el alto lo
+ * ponen las `rows`). Extensión SUI (03-10-2026): la guía solo dibuja el medium.
+ */
+type SuiTextareaSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 /**
  * SUI Textarea — SUI Design System 2.0
  *
@@ -11744,6 +11882,7 @@ declare class SuiTag {
  *     convention, bump it then — flagged here so it isn't silently changed.
  *
  * @input rows: number — Filas iniciales del textarea (default 4)
+ * @input size: SuiTextareaSize — padding/radio, mismos nombres que sui-input (default medium)
  * @input label: string | null — Texto del label
  * @input sublabel: string | null — Texto secundario del label (ej. "Optional")
  * @input required: boolean — Muestra asterisco rojo en el label
@@ -11760,6 +11899,12 @@ declare class SuiTag {
  */
 declare class SuiTextarea implements ControlValueAccessor {
     readonly rows: _angular_core.InputSignal<number>;
+    /**
+     * Padding y radio del campo, con los mismos nombres que `sui-input`:
+     * medium (default, el de la guía) 10/12 · large 12/14 · xlarge 14/16 ·
+     * small 8/10 · xsmall 6/8. Extensión SUI (03-10-2026).
+     */
+    readonly size: _angular_core.InputSignal<SuiTextareaSize>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly readonly: _angular_core.InputSignal<boolean>;
@@ -11799,7 +11944,7 @@ declare class SuiTextarea implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTextarea, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTextarea, "sui-textarea", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTextarea, "sui-textarea", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /**
@@ -12086,6 +12231,8 @@ interface ColumnItem {
  * @input showFooter — muestra Cancel/Apply (default true)
  * @model value — SuiTimeValue | null (two-way + CVA)
  */
+/** `large` (48) es extensión SUI (03-10-2026) para mobile. */
+type SuiTimePickerSize = 'small' | 'medium' | 'large';
 declare class SuiTimePicker implements ControlValueAccessor {
     readonly label: _angular_core.InputSignal<string | null>;
     readonly sublabel: _angular_core.InputSignal<string | null>;
@@ -12096,7 +12243,16 @@ declare class SuiTimePicker implements ControlValueAccessor {
     readonly error: _angular_core.InputSignal<boolean>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly size: _angular_core.InputSignal<"small" | "medium">;
+    /**
+     * Alto del campo: small 36 · medium 40 (default) · large 48 (extensión SUI,
+     * 03-10-2026, para mobile: mismo alto que sui-input/sui-select large). En
+     * large las filas del panel miden 44 y Cancelar/Aplicar van en large.
+     */
+    readonly size: _angular_core.InputSignal<SuiTimePickerSize>;
+    /** sui-form-label no tiene large: el label queda en medium. */
+    protected readonly labelSize: _angular_core.Signal<"small" | "medium">;
+    /** Botones del footer: large (48) con el campo large; small (36) si no. */
+    protected readonly footerButtonSize: _angular_core.Signal<"small" | "large">;
     /** Formato de display: '12h' (AM/PM) o '24h'. */
     readonly format: _angular_core.InputSignal<SuiTimeFormat>;
     /** Incremento de minutos de la lista (1, 5, 15, ...). Default 5. */
@@ -12804,5 +12960,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_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, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
-export type { CalendarCell, CalendarRow, DatepickerPreset, DatepickerPresetId, SuiAccordionFlipIcon, SuiActivityAvatarRef, SuiActivityFeedItem, SuiActivityFile, SuiActivityFilterState, SuiActivityTask, SuiActivityTaskState, SuiAlertAction, SuiAlertSize, SuiAlertStyle, SuiAlertVariant, SuiAppStoreBadgeAppearance, SuiAppStoreBadgeCompany, SuiAvatarColor, SuiAvatarConfig, SuiAvatarGroupItem, SuiAvatarSize, SuiAvatarStatus, SuiAvatarTopBadge, SuiBadgeColor, SuiBadgeConfig, SuiBadgeSize, SuiBadgeType, SuiBadgeVariant, SuiBannerStyle, SuiBannerVariant, SuiBrandLogoCompany, SuiBrandLogoSize, SuiBrandLogoStyle, SuiBreadcrumbDivider, SuiBreadcrumbEntry, SuiButtonColor, SuiButtonGroupEntry, SuiButtonGroupItemSize, SuiButtonSize, SuiButtonVariant, SuiCardSize, SuiCardVariant, SuiChartLegendColor, SuiChartLegendItem, SuiCheckboxCardType, SuiCheckboxLabelSize, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, SuiColorDotSize, SuiCommandMenuItemSize, SuiCommandMenuItemType, SuiCompactAvatarGroupAppearance, SuiCompactAvatarGroupSize, SuiCompactButtonSize, SuiCompactButtonStyle, SuiCompactSelectForInputItem, SuiCompactSelectForInputSize, SuiCompactSelectItem, SuiCompactSelectSize, SuiCompactSelectType, SuiContentCardType, SuiContentDividerItem, SuiContentDividerType, SuiContentLabelBadgePlacement, SuiContentLabelSize, SuiContentLabelType, SuiCounterInputSize, SuiDateRange, SuiDatepickerCalendars, SuiDatepickerMode, SuiDayCellType, SuiDividerOrientation, SuiDrawerFooterType, SuiDrawerHeaderSize, SuiDrawerHeaderType, SuiDropdownItemMode, SuiDropdownItemSize, SuiDropdownMenuPopupRole, SuiDropdownMenuPosition, SuiEmojiName, SuiEmojiSize, SuiEmptyStateAction, SuiFancyButtonSize, SuiFancyButtonType, SuiFileIconColor, SuiFileIconSize, SuiFileUploadCardFile, SuiFileUploadCardState, SuiFileUploadSize, SuiFilterItemState, SuiFlagName, SuiFlagSize, SuiFooterButtonConfig, SuiFormHintVariant, SuiFormLabelSize, SuiImageUploadProfileAlignment, SuiImageUploadProfileLabels, SuiImageUploadProfileType, SuiImageUploadShape, SuiImageUploadSize, SuiInlineSelectItem, SuiInlineSelectType, SuiInputEnterKeyHint, SuiInputMode, SuiInputSize, SuiInputType, SuiIntegrationManageConfig, SuiIntegrationSwitchAppearance, SuiIntegrationSwitchType, SuiKbdVariant, SuiKeyIconColor, SuiKeyIconSize, SuiKeyIconStyle, SuiLinkButtonSize, SuiLinkButtonVariant, SuiLinkConfig, SuiLogoOrientation, SuiLogoSize, SuiModalHeaderVariant, SuiModalIconVariant, SuiModalSize, SuiModalStatusAlignment, SuiNavbarVisibility, SuiNotificationStyle, SuiNotificationTab, SuiNotificationVariant, SuiOtpInputType, SuiPaginationInfoFormat, SuiPaginationSize, SuiPaginationType, SuiPasswordStrengthCondition, SuiPasswordStrengthLevel, SuiPaymentIconSize, SuiPaymentIconType, SuiPopoverFooter, SuiPopoverPosition, SuiProductCardFallback, SuiProductCardImage, SuiProgressBarColor, SuiProgressBarLabelType, SuiProgressBarSize, SuiRadioCardType, SuiRadioLabelSize, SuiRadioSize, SuiRadioValue, SuiRatingAlignment, SuiRatingAppearance, SuiRatingReviewLink, SuiRatingSize, SuiRatingType, SuiRichEditorAction, SuiRichEditorCommand, SuiRichEditorItemState, SuiRichEditorItemType, SuiRichEditorLayout, SuiSegmentedControlItem, SuiSegmentedControlSize, SuiSelectOption, SuiSelectSize, SuiSelectType, SuiSidebarBrandConfig, SuiSidebarIndicatorColor, SuiSidebarItem, SuiSidebarMobileMode, SuiSidebarProfile, SuiSidebarSearchConfig, SuiSliderSize, SuiSliderType, SuiSocialButtonBrand, SuiSocialButtonStyle, SuiStatusBadgeAppearance, SuiStatusBadgeSize, SuiStatusBadgeStatus, SuiStepperItem, SuiStepperSize, SuiStepperState, SuiStepperVariant, SuiStoreCardData, SuiSwitchCardType, SuiSwitchSize, SuiTabBar, SuiTabChipItem, SuiTabChipsSize, SuiTabMenuHorizontalItem, SuiTabMenuHorizontalSize, SuiTabMenuVerticalItem, SuiTabMenuVerticalStyle, SuiTableCellMisc, SuiTableCellPriority, SuiTableColumn, SuiTableSize, SuiTagInputSize, SuiTagSize, SuiTagStyle, SuiTimeDurationPreset, SuiTimeFormat, SuiTimePeriod, SuiTimePickerItemDirection, SuiTimePickerStatusType, SuiTimeValue, SuiToastAction, SuiToastData, SuiToastItem, SuiToastPosition, SuiToastStyle, SuiToastVariant, SuiTooltipLargeData, SuiTooltipPosition, SuiTooltipSize, SuiTooltipTheme, SuiTooltipThemeInput, SuiTopbarAccent, SuiTopbarAction, SuiTopbarEntry, SuiTopbarSearchConfig, SuiTopbarUserConfig };
+export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_CHART_LEGEND_COLORS, SUI_CHART_LEGEND_HEX, SUI_CHART_SERIES_COLORS, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_EMOJI_STATIC, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_IMAGE_UPLOAD_ACCEPT, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PASSWORD_STRENGTH_DEFAULT_CONDITIONS, SUI_PASSWORD_STRENGTH_DEFAULT_LEVEL_LABELS, SUI_PAYMENT_ICON_TYPES, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiAccordionContent, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiChartLegend, SuiChartLegendDot, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiContentLabel, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiHref, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiImgRetry, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiLogo, SuiModal, SuiModalFooter, SuiModalHeader, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPasswordStrength, SuiPaymentIcon, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRadioLabel, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, SuiTopbar, SuiTopbarButton, SuiTopbarItem, SuiTopbarUser, buildCalendarGrid, buildHourList, buildMinuteList, esImagenAceptada, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
+export type { CalendarCell, CalendarRow, DatepickerPreset, DatepickerPresetId, SuiAccordionFlipIcon, SuiActivityAvatarRef, SuiActivityFeedItem, SuiActivityFile, SuiActivityFilterState, SuiActivityTask, SuiActivityTaskState, SuiAlertAction, SuiAlertSize, SuiAlertStyle, SuiAlertVariant, SuiAppStoreBadgeAppearance, SuiAppStoreBadgeCompany, SuiAvatarColor, SuiAvatarConfig, SuiAvatarGroupItem, SuiAvatarSize, SuiAvatarStatus, SuiAvatarTopBadge, SuiBadgeColor, SuiBadgeConfig, SuiBadgeSize, SuiBadgeType, SuiBadgeVariant, SuiBannerStyle, SuiBannerVariant, SuiBrandLogoCompany, SuiBrandLogoSize, SuiBrandLogoStyle, SuiBreadcrumbDivider, SuiBreadcrumbEntry, SuiButtonColor, SuiButtonGroupEntry, SuiButtonGroupItemSize, SuiButtonSize, SuiButtonVariant, SuiCardSize, SuiCardVariant, SuiChartLegendColor, SuiChartLegendItem, SuiCheckboxCardType, SuiCheckboxLabelSize, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, SuiColorDotSize, SuiCommandMenuItemSize, SuiCommandMenuItemType, SuiCompactAvatarGroupAppearance, SuiCompactAvatarGroupSize, SuiCompactButtonSize, SuiCompactButtonStyle, SuiCompactSelectForInputItem, SuiCompactSelectForInputSize, SuiCompactSelectItem, SuiCompactSelectSize, SuiCompactSelectType, SuiContentCardSize, SuiContentCardType, SuiContentDividerItem, SuiContentDividerType, SuiContentLabelBadgePlacement, SuiContentLabelSize, SuiContentLabelType, SuiCounterInputSize, SuiDateRange, SuiDatepickerCalendars, SuiDatepickerMode, SuiDatepickerSize, SuiDayCellType, SuiDividerOrientation, SuiDrawerFooterType, SuiDrawerHeaderSize, SuiDrawerHeaderType, SuiDropdownItemMode, SuiDropdownItemSize, SuiDropdownMenuPopupRole, SuiDropdownMenuPosition, SuiEmojiName, SuiEmojiSize, SuiEmptyStateAction, SuiEmptyStateSize, SuiFancyButtonSize, SuiFancyButtonType, SuiFileIconColor, SuiFileIconSize, SuiFileUploadCardFile, SuiFileUploadCardState, SuiFileUploadSize, SuiFilterItemState, SuiFlagName, SuiFlagSize, SuiFooterButtonConfig, SuiFormHintVariant, SuiFormLabelSize, SuiImageUploadProfileAlignment, SuiImageUploadProfileLabels, SuiImageUploadProfileType, SuiImageUploadShape, SuiImageUploadSize, SuiInlineSelectItem, SuiInlineSelectType, SuiInputEnterKeyHint, SuiInputMode, SuiInputSize, SuiInputType, SuiIntegrationManageConfig, SuiIntegrationSwitchAppearance, SuiIntegrationSwitchType, SuiKbdVariant, SuiKeyIconColor, SuiKeyIconSize, SuiKeyIconStyle, SuiLinkButtonSize, SuiLinkButtonVariant, SuiLinkConfig, SuiLogoOrientation, SuiLogoSize, SuiModalHeaderVariant, SuiModalIconVariant, SuiModalSize, SuiModalStatusAlignment, SuiNavbarVisibility, SuiNotificationStyle, SuiNotificationTab, SuiNotificationVariant, SuiOtpInputSize, SuiOtpInputType, SuiPaginationInfoFormat, SuiPaginationSize, SuiPaginationType, SuiPasswordStrengthCondition, SuiPasswordStrengthLevel, SuiPaymentIconSize, SuiPaymentIconType, SuiPopoverFooter, SuiPopoverPosition, SuiPopoverSize, SuiProductCardFallback, SuiProductCardImage, SuiProductCardSize, SuiProgressBarColor, SuiProgressBarLabelType, SuiProgressBarSize, SuiRadioCardType, SuiRadioLabelSize, SuiRadioSize, SuiRadioValue, SuiRatingAlignment, SuiRatingAppearance, SuiRatingReviewLink, SuiRatingSize, SuiRatingType, SuiRichEditorAction, SuiRichEditorCommand, SuiRichEditorItemState, SuiRichEditorItemType, SuiRichEditorLayout, SuiSegmentedControlItem, SuiSegmentedControlSize, SuiSelectOption, SuiSelectSize, SuiSelectType, SuiSidebarBrandConfig, SuiSidebarIndicatorColor, SuiSidebarItem, SuiSidebarMobileMode, SuiSidebarProfile, SuiSidebarSearchConfig, SuiSliderSize, SuiSliderType, SuiSocialButtonBrand, SuiSocialButtonStyle, SuiStatusBadgeAppearance, SuiStatusBadgeSize, SuiStatusBadgeStatus, SuiStepperItem, SuiStepperSize, SuiStepperState, SuiStepperVariant, SuiStoreCardData, SuiStoreCardSize, SuiSwitchCardType, SuiSwitchSize, SuiTabBar, SuiTabChipItem, SuiTabChipsSize, SuiTabMenuHorizontalItem, SuiTabMenuHorizontalSize, SuiTabMenuVerticalItem, SuiTabMenuVerticalStyle, SuiTableCellMisc, SuiTableCellPriority, SuiTableColumn, SuiTableSize, SuiTagInputSize, SuiTagSize, SuiTagStyle, SuiTextareaSize, SuiTimeDurationPreset, SuiTimeFormat, SuiTimePeriod, SuiTimePickerItemDirection, SuiTimePickerSize, SuiTimePickerStatusType, SuiTimeValue, SuiToastAction, SuiToastData, SuiToastItem, SuiToastPosition, SuiToastStyle, SuiToastVariant, SuiTooltipLargeData, SuiTooltipPosition, SuiTooltipSize, SuiTooltipTheme, SuiTooltipThemeInput, SuiTopbarAccent, SuiTopbarAction, SuiTopbarEntry, SuiTopbarSearchConfig, SuiTopbarUserConfig };