@ajuarezso/sui-design-system 0.19.0 → 0.21.0

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

@@ -25,7 +25,7 @@ declare const SUI_TAB_BAR: InjectionToken<SuiTabBar>;
 
 type SuiBadgeColor = 'gray' | 'blue' | 'orange' | 'red' | 'green' | 'yellow' | 'purple' | 'sky' | 'pink' | 'teal';
 type SuiBadgeVariant = 'filled' | 'light' | 'lighter' | 'stroke' | 'dark';
-type SuiBadgeSize = 'small' | 'medium';
+type SuiBadgeSize = 'small' | 'medium' | 'large' | 'xlarge';
 type SuiBadgeType = 'basic' | 'with-dot' | 'left-icon' | 'right-icon' | 'number';
 /**
  * Config de badge embebido en otros componentes (checkbox-label, switch-label,
@@ -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"`.
@@ -1531,7 +1531,7 @@ declare class SuiBreadcrumbs {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiBreadcrumbs, "sui-breadcrumbs", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; }, { "navigate": "navigate"; }, never, never, true, never>;
 }
 
-type SuiButtonGroupItemSize = 'small' | 'xsmall' | '2xsmall';
+type SuiButtonGroupItemSize = 'small' | 'xsmall' | '2xsmall' | 'medium' | 'large';
 /**
  * SUI Button Group Item — SUI Design System 2.0
  *
@@ -1562,6 +1562,11 @@ type SuiButtonGroupItemSize = 'small' | 'xsmall' | '2xsmall';
  *       · both-icons  (226:5344): p4 (cuadrado), gap 4
  *       · only-icon   (226:5348): p4 → 24×24, sin gap
  *
+ *   Extensión SUI (03-10-2026, pedido del dueño) — tamaños para mobile, fuera
+ *   del Figma, con la escala de `sui-button`:
+ *     large (48) — Label/Medium (16/24), icon 20px: px20 py11 · icono px18 · p11 → 48², gap 8 (py −1 del borde)
+ *     medium (40) — Label/Small (14/20), icon 20px: px18 py9 · icono px16 · p9 → 40², gap 8 (py −1 del borde)
+ *
  *   States × visual:
  *     Default:  bg-white-0 + border stroke-soft-200 + text-sub-600
  *     Hover:    bg-weak-50 + border stroke-soft-200 + text-sub-600
@@ -1587,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>;
     /**
@@ -1599,7 +1604,9 @@ declare class SuiButtonGroupItem {
      *   - 'only'  → icon-only:    padding cuadrado (p) → square box
      */
     readonly iconLayout: _angular_core.Signal<"none" | "left" | "right" | "both" | "only">;
-    /** Tamaño del icono en px según size del item (small/xsmall=20, 2xsmall=16) */
+    /** 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. */
     readonly iconSize: _angular_core.Signal<number>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
     protected onClick(): void;
@@ -1634,6 +1641,8 @@ interface SuiButtonGroupEntry {
  *   - Group container: bg-white-0, border 1px stroke-soft-200, rounded:
  *       · small / xsmall → radius-8 (8px)
  *       · 2xsmall        → radius-6 (6px)
+ *   - Extensión SUI (03-10-2026): medium (40, radius-10) y large (48, radius-12)
+ *     para tocar con el dedo en mobile; fuera del Figma, escala de sui-button.
  *   - overflow: clip (corta los bordes externos de items en las esquinas)
  *
  * Behavior:
@@ -1803,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.
  *
@@ -1814,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>;
 }
@@ -2143,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. */
@@ -2194,7 +2215,8 @@ interface SuiLinkConfig {
     target?: string;
     rel?: string;
 }
-type SuiLinkButtonSize = 'medium' | 'small';
+/** `large` (texto 16) es extensión SUI (03-10-2026) para mobile; Figma trae medium y small. */
+type SuiLinkButtonSize = 'large' | 'medium' | 'small';
 /**
  * SUI Link Button — SUI Design System 2.0
  *
@@ -2206,6 +2228,11 @@ type SuiLinkButtonSize = 'medium' | 'small';
  *     Container          flex / inline-flex, gap=4px, items=center
  *     Medium size        text 14/20/-0.6%, icons 20×20
  *     Small  size        text 12/16/0,     icons 16×16
+ *     Large  size        text 16/24/-1.1%, icons 20×20 — extensión SUI
+ *                        (03-10-2026, pedido del dueño): en mobile el link se
+ *                        lee y se toca con el dedo. Ícono 20 como el sui-button
+ *                        large (texto 16 + ícono 20), no 24: con 24 el chevron
+ *                        pesa más que el texto.
  *     Font features      'ss11' 1, 'calt' 0, 'liga' 0
  *     Underline          (hover / focus / underline=on): línea continua SOLO
  *                        bajo el texto (los iconos chevron NO van subrayados —
@@ -2268,6 +2295,7 @@ declare class SuiLinkButton {
     readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     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. */
     readonly iconSize: _angular_core.Signal<number>;
     readonly isAnchor: _angular_core.Signal<boolean>;
     onClick(event: MouseEvent): void;
@@ -2275,6 +2303,12 @@ declare class SuiLinkButton {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiLinkButton, "sui-link-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "underline": { "alias": "underline"; "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; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }
 
+/**
+ * Tamaño del checkbox-label. `medium` es el de Figma (control 20, label 14/20);
+ * `large` y `xlarge` son extensión SUI (03-10-2026, pedido del dueño) para mobile:
+ * le pasan el tamaño al sui-checkbox interno (24 / 28) y suben la tipografía.
+ */
+type SuiCheckboxLabelSize = 'medium' | 'large' | 'xlarge';
 /**
  * SUI Checkbox Label — SUI Design System 2.0
  *
@@ -2359,6 +2393,18 @@ declare class SuiCheckboxLabel implements ControlValueAccessor {
     readonly link: _angular_core.InputSignal<string | SuiLinkConfig | null>;
     /** Config resuelta del link (string → { label }, rel automático). */
     protected readonly linkCfg: _angular_core.Signal<SuiLinkConfig | null>;
+    /**
+     * Tamaño. `medium` (default, Figma): control 20, label 14/20.
+     * Extensión SUI (03-10-2026) para tocar en mobile:
+     *   - `large`:  control 24, label 16/24, sublabel y descripción 14/20, badge medium.
+     *   - `xlarge`: control 28, label 16/24, sublabel y descripción 14/20, badge large.
+     * El badge toma este default solo si su config no trae `size`.
+     */
+    readonly size: _angular_core.InputSignal<SuiCheckboxLabelSize>;
+    /** Badge por default según el tamaño (si la config no fija uno). */
+    protected readonly badgeSize: _angular_core.Signal<SuiBadgeSize>;
+    /** El link-button tiene dos tamaños: small (12/16) en Figma, medium (14/20) en mobile. */
+    protected readonly linkSize: _angular_core.Signal<SuiLinkButtonSize>;
     /** Si true, invierte orden: [content] [checkbox] (label a la izquierda). */
     readonly flip: _angular_core.InputSignal<boolean>;
     /** Deshabilita el checkbox + wrapper. */
@@ -2385,7 +2431,7 @@ declare class SuiCheckboxLabel implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiCheckboxLabel, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCheckboxLabel, "sui-checkbox-label", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "linkClick": "linkClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiCheckboxLabel, "sui-checkbox-label", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "linkClick": "linkClick"; }, never, never, true, never>;
 }
 
 type SuiCircularProgressBarColor = 'blue' | 'green' | 'orange' | 'red' | 'purple';
@@ -2501,6 +2547,11 @@ declare class SuiCircularProgressBar {
 }
 
 type SuiColorDotColor = 'gray' | 'blue' | 'orange' | 'red' | 'green' | 'yellow' | 'purple' | 'sky' | 'pink' | 'teal';
+/**
+ * Tamaño del dot. `medium` es el de Figma (24). `large` (32) es extensión SUI
+ * (03-10-2026, pedido del dueño) para tocar con el dedo en mobile.
+ */
+type SuiColorDotSize = 'medium' | 'large';
 /**
  * Set canon de 10 colores SUI 2.0 — usable como referencia desde el consumer.
  * Útil para iterar en pickers, badges, tag selectors.
@@ -2584,7 +2635,12 @@ 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.
+     */
+    readonly size: _angular_core.InputSignal<SuiColorDotSize>;
     /** aria-label override. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
@@ -2592,7 +2648,7 @@ declare class SuiColorDot {
     readonly defaultAriaLabel: _angular_core.Signal<string>;
     protected onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiColorDot, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiColorDot, "sui-color-dot", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customHex": { "alias": "customHex"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiColorDot, "sui-color-dot", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customHex": { "alias": "customHex"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 /**
@@ -3095,7 +3151,7 @@ declare class SuiCompactAvatarGroup {
 }
 
 type SuiCompactButtonStyle = 'stroke' | 'ghost' | 'modifiable' | 'white';
-type SuiCompactButtonSize = 'medium' | 'large' | 'xlarge';
+type SuiCompactButtonSize = 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge' | '4xlarge';
 /**
  * SUI Compact Button — SUI Design System 2.0
  *
@@ -3117,6 +3173,8 @@ type SuiCompactButtonSize = 'medium' | 'large' | 'xlarge';
  *   Sizes:
  *     Large:  24×24 container, icon 20×20
  *     Medium: 20×20 container, icon 16×16
+ *     2xlarge 32 / 3xlarge 36 / 4xlarge 40 (extensión SUI, 03-10-2026): para
+ *     tocar con el dedo en mobile; íconos 20 / 20 / 24 como sui-button.
  *
  *   Style=Stroke  (node 189:3645):
  *     bg:     var(--sui-bg-white-0)
@@ -3217,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"
@@ -3236,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;
@@ -3266,7 +3326,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;
@@ -3309,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)
  *
@@ -3326,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).
@@ -3600,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>;
@@ -3632,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.
@@ -3647,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';
@@ -3882,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)
@@ -3920,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>;
@@ -4060,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;
@@ -4160,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. */
@@ -4202,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;
@@ -4229,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;
@@ -4252,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';
@@ -5037,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. */
@@ -5095,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
  *
@@ -5128,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. */
@@ -5139,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):
@@ -5147,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";
@@ -5452,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,
@@ -5475,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>;
@@ -5489,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';
@@ -5506,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),
@@ -5550,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.
@@ -5576,13 +5687,13 @@ declare class SuiFileUpload {
     protected readonly inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     protected readonly dragging: _angular_core.WritableSignal<boolean>;
     protected readonly internalError: _angular_core.WritableSignal<string | null>;
-    protected readonly state: _angular_core.Signal<"default" | "error" | "disabled" | "dragover">;
+    protected readonly state: _angular_core.Signal<"error" | "default" | "disabled" | "dragover">;
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
     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). */
@@ -6109,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
  *
@@ -6157,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" />.
  *
@@ -6224,8 +6339,14 @@ 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<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>;
@@ -6756,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
@@ -6848,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>;
@@ -7787,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). */
@@ -8027,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
  *
@@ -8068,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'.
@@ -8086,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>;
@@ -8123,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>;
 }
 
 /**
@@ -8442,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>;
@@ -8469,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). */
@@ -8487,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';
@@ -8823,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
@@ -8870,6 +9009,12 @@ declare class SuiRadioCard implements ControlValueAccessor {
     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>;
 }
 
+/**
+ * Tamaño del radio-label. `medium` es el de Figma (control 20, label 14/20);
+ * `large` y `xlarge` son extensión SUI (03-10-2026, pedido del dueño) para mobile:
+ * le pasan el tamaño al sui-radio interno (24 / 28) y suben la tipografía.
+ */
+type SuiRadioLabelSize = 'medium' | 'large' | 'xlarge';
 /**
  * SUI Radio Label — SUI Design System 2.0
  *
@@ -8923,6 +9068,18 @@ declare class SuiRadioLabel {
     readonly link: _angular_core.InputSignal<string | SuiLinkConfig | null>;
     /** Config resuelta del link (string → { label }, rel automático). */
     protected readonly linkCfg: _angular_core.Signal<SuiLinkConfig | null>;
+    /**
+     * Tamaño. `medium` (default, Figma): control 20, label 14/20.
+     * Extensión SUI (03-10-2026) para tocar en mobile:
+     *   - `large`:  control 24, label 16/24, sublabel y descripción 14/20, badge medium.
+     *   - `xlarge`: control 28, label 16/24, sublabel y descripción 14/20, badge large.
+     * El badge toma este default solo si su config no trae `size`.
+     */
+    readonly size: _angular_core.InputSignal<SuiRadioLabelSize>;
+    /** Badge por default según el tamaño (si la config no fija uno). */
+    protected readonly badgeSize: _angular_core.Signal<SuiBadgeSize>;
+    /** El link-button tiene dos tamaños: small (12/16) en Figma, medium (14/20) en mobile. */
+    protected readonly linkSize: _angular_core.Signal<SuiLinkButtonSize>;
     /** Si true, invierte orden: [content] [radio] (radio a la derecha). */
     readonly flip: _angular_core.InputSignal<boolean>;
     /** Deshabilita el radio + wrapper. */
@@ -8941,7 +9098,7 @@ declare class SuiRadioLabel {
     private select;
     onLinkClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiRadioLabel, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadioLabel, "sui-radio-label", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "selected": "selected"; "linkClick": "linkClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRadioLabel, "sui-radio-label", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "selected": "selected"; "linkClick": "linkClick"; }, never, never, true, never>;
 }
 
 declare class SuiRadioGroup implements ControlValueAccessor {
@@ -9062,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 😞😕😐🙂😄)
@@ -9334,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';
 /**
@@ -9762,9 +9918,17 @@ declare class SuiSidebar {
  *      el untouched del range slider.
  */
 type SuiSliderType = 'single' | 'range';
+/**
+ * Tamaño del slider. `medium` es el de Figma (manija 16, riel 6). `large` es
+ * extensión SUI (03-10-2026, pedido del dueño) para mobile: manija 24, riel 8,
+ * punto interno 8 y label 14/20 — la manija de 16 es muy chica para el dedo.
+ */
+type SuiSliderSize = 'medium' | 'large';
 declare class SuiSlider implements ControlValueAccessor {
     private readonly hostRef;
     readonly type: _angular_core.InputSignal<SuiSliderType>;
+    /** `medium` (default, Figma) o `large` (mobile, extensión SUI). */
+    readonly size: _angular_core.InputSignal<SuiSliderSize>;
     /** Rango numérico de la escala. */
     readonly min: _angular_core.InputSignal<number>;
     readonly max: _angular_core.InputSignal<number>;
@@ -9835,7 +9999,7 @@ declare class SuiSlider implements ControlValueAccessor {
     onThumbEnter(handle: 'single' | 'min' | 'max'): void;
     onThumbLeave(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiSlider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSlider, "sui-slider", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "amount": { "alias": "amount"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipAlways": { "alias": "tooltipAlways"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSlider, "sui-slider", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "amount": { "alias": "amount"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipAlways": { "alias": "tooltipAlways"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; }, never, never, true, never>;
 }
 
 type SuiSocialButtonBrand = 'apple' | 'x-twitter' | 'google' | 'facebook' | 'linkedin' | 'github' | 'dropbox';
@@ -9951,6 +10115,11 @@ declare class SuiSocialButton {
 
 type SuiStatusBadgeStatus = 'completed' | 'pending' | 'failed' | 'information' | 'disabled';
 type SuiStatusBadgeAppearance = 'stroke' | 'light';
+/**
+ * Tamaño. `medium` (24) es el de Figma y el default. `large` 28 y `xlarge` 32
+ * son extensión SUI (03-10-2026) para mobile, donde el estado se lee de lejos.
+ */
+type SuiStatusBadgeSize = 'medium' | 'large' | 'xlarge';
 /**
  * SUI Status Badge — SUI Design System 2.0
  *
@@ -9959,7 +10128,8 @@ type SuiStatusBadgeAppearance = 'stroke' | 'light';
  *
  * Componente separado del `sui-badge` regular. A diferencia del Badge:
  *   - radius 6 (NO full)
- *   - solo medium size (font Label/X Small 12/16/0)
+ *   - Figma trae solo medium (font Label/X Small 12/16/0); large/xlarge son
+ *     extensión SUI para mobile (ver «Tamaños» abajo)
  *   - solo 2 styles: stroke + light (NO filled/lighter/dark)
  *   - status enum cerrado (5 valores) — cada uno con su icono semántico fijo
  *   - withDot reemplaza el icono por un dot de 6×6 (diámetro 6px) con el color del status
@@ -9999,11 +10169,17 @@ type SuiStatusBadgeAppearance = 'stroke' | 'light';
  *   - 'information' → state-information + ri-information-fill
  *   - 'disabled'    → state-faded   + ri-forbid-fill
  *
+ * Tamaños — extensión SUI (03-10-2026, pedido del dueño):
+ *   El frame 171:5100 trae 20 símbolos, TODOS Medium (24px). Para mobile se
+ *   sumaron dos más grandes, en la escala del sui-button (28 · 32) y no en la
+ *   del sui-badge (24 · 28): el status-badge ya parte de 24, así que un
+ *   «large 24» no cambiaría nada.
+ *     medium  24 · Label/X Small 12/16 · icono 12 en caja 16 · dot 6 (default, Figma)
+ *     large   28 · Label/Small 14/20   · icono 16 en caja 20 · dot 8
+ *     xlarge  32 · Label/Medium 16/24  · icono 20 en caja 24 · dot 8
+ *   No hay `small`: Figma no lo trae y en web 24 ya es el mínimo legible.
+ *
  * PENDING VERIFY (no críticos):
- *   - Small size del Status Badge: CONFIRMADO que NO existe — el frame 171:5100
- *     contiene 20 símbolos (5 status × 2 styles × 2 withDot), TODOS Medium (24px
- *     de alto). No hay eje Size en este componente. Si el DS agrega Small más
- *     adelante, recién ahí se introduce el input `size`.
  *   - Hover/focus states: CONFIRMADO display-only — el frame no expone ningún
  *     eje de interacción (ni Disabled como estado, salvo el status semántico
  *     'disabled' que es un valor de contenido, no un state CSS).
@@ -10022,6 +10198,10 @@ declare class SuiStatusBadge {
      * linter trata de parsear como CSS y rompe con valores como "light").
      */
     readonly appearance: _angular_core.InputSignal<SuiStatusBadgeAppearance>;
+    /** Tamaño: medium 24 (default, Figma) · large 28 · xlarge 32 (mobile). */
+    readonly size: _angular_core.InputSignal<SuiStatusBadgeSize>;
+    /** Px del glyph del sui-icon interno por tamaño (12 / 16 / 20). */
+    readonly iconSize: _angular_core.Signal<number>;
     /**
      * Si `true`, reemplaza el icono semántico por un dot 6×6 (diámetro 6px,
      * radio 3px — confirmado en Figma 171:5156) del color del status.
@@ -10046,11 +10226,11 @@ declare class SuiStatusBadge {
     readonly iconName: _angular_core.Signal<string>;
     private readonly iconoDelStatus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiStatusBadge, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiStatusBadge, "sui-status-badge", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "withDot": { "alias": "withDot"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiStatusBadge, "sui-status-badge", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "withDot": { "alias": "withDot"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type SuiStepperVariant = 'dot' | 'horizontal' | 'vertical';
-type SuiStepperSize = 'small' | 'xsmall';
+type SuiStepperSize = 'small' | 'xsmall' | 'medium';
 type SuiStepperState = 'default' | 'active' | 'completed' | 'error';
 interface SuiStepperItem {
     /** Etiqueta del step. Ignorada en variant='dot'. */
@@ -10091,7 +10271,13 @@ interface SuiStepperItemView {
  * @input count         Cantidad de dots (variant='dot' only). Si se pasan steps,
  *                      tiene precedencia el length de steps.
  * @input currentStep   0-indexed; index < cur = completed, === cur = active, > cur = default
- * @input size          'small' | 'xsmall' — solo aplica a variant='dot'
+ * @input size          'small' | 'xsmall' | 'medium'.
+ *                      small/xsmall (Figma) solo cambian el dot (8 / 4); horizontal y
+ *                      vertical miden igual en los dos (indicador 20).
+ *                      medium — extensión SUI (03-10-2026, pedido del dueño) para
+ *                      mobile — agranda los tres variants: dot 10, indicador 24,
+ *                      número Label/Small (14/20), label Paragraph/Medium (16/24),
+ *                      card vertical de 44 de alto (24 + padding 10×2).
  * @input interactive   Si true, los steps son clickeables y emiten stepClick
  *
  * @output stepClick    Index del step clickeado (solo si interactive=true)
@@ -10140,6 +10326,9 @@ declare class SuiStepper {
     readonly interactive: _angular_core.InputSignal<boolean>;
     readonly ariaLabel: _angular_core.InputSignal<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. */
+    readonly indicatorIconPx: _angular_core.Signal<number>;
     /**
      * Vista pre-computada de items. Una sola pasada por cambio de inputs:
      *  - resuelve length: steps.length || count (para variant=dot sin labels)
@@ -10186,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';
@@ -10195,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.
      *
@@ -10234,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)».
@@ -10264,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>;
 }
 
 /**
@@ -10334,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. */
@@ -10379,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). */
@@ -10390,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. */
@@ -10417,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>;
 }
 
 /**
@@ -10551,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
@@ -10706,6 +10932,12 @@ declare class SuiSwitchLabel implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSwitchLabel, "sui-switch-label", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; "linkClick": "linkClick"; }, never, never, true, never>;
 }
 
+/**
+ * Tamaño del chip. `medium` (36 px) es el de siempre y el default: quien no
+ * pase `size` no ve ningún cambio. `small` (32) para web densa; `large` (40)
+ * para mobile, donde se toca con el dedo. Extensión SUI (03-10-2026).
+ */
+type SuiTabChipsSize = 'small' | 'medium' | 'large';
 interface SuiTabChipItem {
     /** Valor único del chip (lo que devuelve `value`). */
     value: string;
@@ -10734,8 +10966,12 @@ interface SuiTabChipItem {
  *     [chips]="['Hamburguesas', 'Pizzas', 'Bebidas']"
  *     [(value)]="selected"
  *     [sticky]="true"
+ *     [size]="bp.isMobile() ? 'large' : 'medium'"
  *   />
  *
+ * Tamaños (extensión SUI, 03-10-2026): small 32 · medium 36 (default) ·
+ * large 40. Los tres con texto label-sm 14; cambia el alto y el aire lateral.
+ *
  *   También acepta objetos:
  *   <sui-tab-chips
  *     [chips]="[{value:'h', label:'Hamburguesas'}, {value:'p', label:'Pizzas'}]"
@@ -10749,6 +10985,8 @@ declare class SuiTabChips implements AfterViewInit, OnDestroy {
     readonly value: _angular_core.ModelSignal<string>;
     /** Si true, el componente queda sticky al top del scroll container. */
     readonly sticky: _angular_core.InputSignal<boolean>;
+    /** Tamaño de los chips: small 32 · medium 36 (default) · large 40 (mobile). */
+    readonly size: _angular_core.InputSignal<SuiTabChipsSize>;
     /** Auto-scroll horizontal del chip activo al cambiar `value`. */
     readonly autoScroll: _angular_core.InputSignal<boolean>;
     sentinelRef?: ElementRef<HTMLDivElement>;
@@ -10764,7 +11002,7 @@ declare class SuiTabChips implements AfterViewInit, OnDestroy {
     protected select(value: string): void;
     private scrollToChip;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTabChips, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabChips, "sui-tab-chips", never, { "chips": { "alias": "chips"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTabChips, "sui-tab-chips", never, { "chips": { "alias": "chips"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /**
@@ -11086,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">`;
@@ -11100,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;
@@ -11256,7 +11497,7 @@ declare class SuiSegmentedControl<T = string> implements AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiSegmentedControl<any>, "sui-segmented-control", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "tabChange": "tabChange"; }, never, never, true, never>;
 }
 
-type SuiTagInputSize = 'xsmall' | 'small' | 'medium';
+type SuiTagInputSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 /**
  * SUI Tag Input — SUI Design System 2.0
  *
@@ -11279,6 +11520,11 @@ type SuiTagInputSize = 'xsmall' | 'small' | 'medium';
  *   - small  (Small 36):   py=8px, pl=10px, pr=8px, gap=8px, radius=8px
  *   - medium (Medium 40):  py=10px, pl=12px, pr=10px, gap=8px, radius=10px (default)
  *
+ *   - large  (48, extensión SUI 03-10-2026): py=12−1, pl=14, pr=12, gap=10, radius=12
+ *   - xlarge (52, extensión SUI 03-10-2026): py=14−1, pl=16, pr=14, gap=10, radius=12
+ *     Mismos valores que `sui-input` large/xlarge, para que un tag-input y un input
+ *     del mismo formulario midan igual en mobile.
+ *
  *   El alto se deriva del line-height(20) del texto + 2×py. No height explícito.
  *
  *   - Texto input/placeholder: Paragraph/Small (Inter 14 / 20 / -0.084px ≈ -0.006em),
@@ -11356,6 +11602,12 @@ declare class SuiTagInput implements ControlValueAccessor {
     readonly rightIcon: _angular_core.InputSignal<string | boolean>;
     /** Nombre resuelto del icono trailing (null = no se renderiza). */
     protected readonly rightIconCfg: _angular_core.Signal<string | null>;
+    /**
+     * El tamaño que se le pasa al `sui-form-label`. Igual que en `sui-input`: el
+     * label no crece con el campo; en large y xlarge crece el área de toque, no la
+     * jerarquía del formulario (y `SuiFormLabelSize` llega hasta medium).
+     */
+    protected readonly labelSize: _angular_core.Signal<SuiFormLabelSize>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly sublabel: _angular_core.InputSignal<string | null>;
     readonly required: _angular_core.InputSignal<boolean>;
@@ -11408,6 +11660,11 @@ declare class SuiTagInput implements ControlValueAccessor {
 }
 
 type SuiTagStyle = 'stroke' | 'gray';
+/**
+ * Tamaño. `medium` (24) es el de Figma y el default. `large` 32 y `xlarge` 40
+ * son extensión SUI (03-10-2026) para mobile, con la X de quitar más grande.
+ */
+type SuiTagSize = 'medium' | 'large' | 'xlarge';
 /**
  * SUI Tag — SUI Design System 2.0
  *
@@ -11428,6 +11685,7 @@ type SuiTagStyle = 'stroke' | 'gray';
  *
  * EXACT (pulled, verified pixel/token):
  *  - Container: border-radius 6px (--sui-radius-6), height 24px (py=4px + 16px line).
+ *    (24 es `medium`, el default; ver TAMAÑOS abajo para large/xlarge.)
  *    NOTE: distinto del badge (radius-full 999px) — NO confundir.
  *  - Typography: Label/X Small (Inter Medium, 12px / line 16 / tracking 0, NO uppercase),
  *    font-feature 'ss11' 1, 'calt' 0, 'liga' 0. Label color text-sub-600 (#5c5c5c).
@@ -11490,12 +11748,25 @@ type SuiTagStyle = 'stroke' | 'gray';
  *    contenido proyectado (avatar/flag con color propio) NO se puede forzar a gris
  *    desde el host — el consumer debe atenuar su propio leading si lo requiere.
  *
+ * TAMAÑOS — extensión SUI (03-10-2026, pedido del dueño):
+ *  Figma trae solo 24 px, con una X de 16 que en mobile queda muy por debajo de
+ *  los 44 del dedo. Se suman dos tamaños en la escala del sui-button:
+ *    medium  24 · Label/X Small 12/16 · leading 16 · X 16 (default, Figma)
+ *    large   32 · Label/Small 14/20   · leading 20 · X 20
+ *    xlarge  40 · Label/Medium 16/24  · leading 20 · X 24
+ *  En large/xlarge la X además se agranda por dentro (::before invisible) para
+ *  que el área táctil llegue al alto del tag sin cambiar cómo se ve.
+ *
  * CUSTOM (no en Figma — add-on local): ninguno por ahora. extraFeatures del
  * reporte de auditoría estaba vacío.
  */
 declare class SuiTag {
     /** Visual style. `stroke` = white bg + soft border; `gray` = weak-50 bg, no border. Default stroke. */
     readonly tagStyle: _angular_core.InputSignal<SuiTagStyle>;
+    /** Tamaño: medium 24 (default, Figma) · large 32 · xlarge 40 (mobile). */
+    readonly size: _angular_core.InputSignal<SuiTagSize>;
+    /** Px del glyph de la X por tamaño (16 / 20 / 24). */
+    readonly dismissIconSize: _angular_core.Signal<number>;
     /**
      * True cuando hay un leading element proyectado (icon/avatar/flag/brand/company)
      * en `[data-slot=start]`. Ajusta el padding (pl=4) y agrega gap=4 leading↔texto.
@@ -11521,9 +11792,15 @@ declare class SuiTag {
     readonly showsSublabel: _angular_core.Signal<boolean>;
     protected onDismiss(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTag, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTag, "sui-tag", never, { "tagStyle": { "alias": "tagStyle"; "required": false; "isSignal": true; }; "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>;
+    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
  *
@@ -11605,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
@@ -11621,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>;
@@ -11660,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>;
 }
 
 /**
@@ -11947,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>;
@@ -11957,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. */
@@ -12665,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, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, 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, SuiRadioSize, SuiRadioValue, SuiRatingAlignment, SuiRatingAppearance, SuiRatingReviewLink, SuiRatingSize, SuiRatingType, SuiRichEditorAction, SuiRichEditorCommand, SuiRichEditorItemState, SuiRichEditorItemType, SuiRichEditorLayout, SuiSegmentedControlItem, SuiSegmentedControlSize, SuiSelectOption, SuiSelectSize, SuiSelectType, SuiSidebarBrandConfig, SuiSidebarIndicatorColor, SuiSidebarItem, SuiSidebarMobileMode, SuiSidebarProfile, SuiSidebarSearchConfig, SuiSliderType, SuiSocialButtonBrand, SuiSocialButtonStyle, SuiStatusBadgeAppearance, SuiStatusBadgeStatus, SuiStepperItem, SuiStepperSize, SuiStepperState, SuiStepperVariant, SuiStoreCardData, SuiSwitchCardType, SuiSwitchSize, SuiTabBar, SuiTabChipItem, SuiTabMenuHorizontalItem, SuiTabMenuHorizontalSize, SuiTabMenuVerticalItem, SuiTabMenuVerticalStyle, SuiTableCellMisc, SuiTableCellPriority, SuiTableColumn, SuiTableSize, SuiTagInputSize, 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 };