@ajuarezso/sui-design-system 0.15.0 → 0.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ajuarezso/sui-design-system",
-  "version": "0.15.0",
+  "version": "0.15.2",
   "description": "SUI Design System — librería de componentes Angular (SUI 2.0).",
   "license": "UNLICENSED",
   "publishConfig": {

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

@@ -1587,7 +1587,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<"disabled" | "default" | "active">;
     /** True cuando solo tiene icon (left o right) sin label */
     readonly onlyIcon: _angular_core.Signal<boolean>;
     /**
@@ -1598,7 +1598,7 @@ declare class SuiButtonGroupItem {
      *   - 'both'  → ambos iconos: padding cuadrado (p)
      *   - 'only'  → icon-only:    padding cuadrado (p) → square box
      */
-    readonly iconLayout: _angular_core.Signal<"none" | "left" | "right" | "both" | "only">;
+    readonly iconLayout: _angular_core.Signal<"left" | "right" | "none" | "both" | "only">;
     /** Tamaño del icono en px según size del item (small/xsmall=20, 2xsmall=16) */
     readonly iconSize: _angular_core.Signal<number>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
@@ -1759,7 +1759,7 @@ declare class SuiButton {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly leftIcon: _angular_core.InputSignal<string | null>;
     readonly rightIcon: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     /** Intercept click/Enter/Space — cuando type=submit, busca el form padre y
         dispara requestSubmit(). Reset hace lo mismo con form.reset(). Disabled
         bloquea todo. */
@@ -2143,7 +2143,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<"warning" | "label" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "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<"label" | "warning" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "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. */
@@ -2265,7 +2265,7 @@ declare class SuiLinkButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly iconSize: _angular_core.Signal<number>;
@@ -2584,7 +2584,7 @@ declare class SuiColorDot {
      *   - `selected` → dot 12×12 + ring 2px.
      *   - `disabled` → dot gris pálido, sin pointer events.
      */
-    readonly state: _angular_core.InputSignal<"default" | "disabled" | "hover" | "selected">;
+    readonly state: _angular_core.InputSignal<"disabled" | "default" | "hover" | "selected">;
     /** aria-label override. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
@@ -3171,7 +3171,7 @@ declare class SuiCompactButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly iconSize: _angular_core.Signal<number>;
@@ -4310,7 +4310,7 @@ declare class SuiDayCell {
     /** Type=Basic (default) o Range (entre extremos / extremo del range). */
     readonly type: _angular_core.InputSignal<SuiDayCellType>;
     /** Position dentro del range — solo aplica si type=range. */
-    readonly rangePosition: _angular_core.InputSignal<"end" | "start" | "in" | null>;
+    readonly rangePosition: _angular_core.InputSignal<"start" | "end" | "in" | null>;
     /** Selected (mode date) o range extremo (start/end con bg primary). */
     readonly selected: _angular_core.InputSignal<boolean>;
     /** Marker dot (evento / pedido / disponibilidad). */
@@ -5037,7 +5037,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<"warning" | "label" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "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<"label" | "warning" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "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. */
@@ -5226,7 +5226,7 @@ declare class SuiFancyButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly htmlType: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly htmlType: _angular_core.InputSignal<"button" | "submit" | "reset">;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly iconSize: _angular_core.Signal<number>;
@@ -5448,7 +5448,7 @@ declare class SuiFileUploadCard {
     /** Default status text por state — override-able vía input. */
     protected readonly resolvedStatusText: _angular_core.Signal<string>;
     /** Status icon name por state (Remix Icons). */
-    protected readonly statusIconName: _angular_core.Signal<"error-warning-fill" | "checkbox-circle-fill" | "loader-2-fill">;
+    protected readonly statusIconName: _angular_core.Signal<"checkbox-circle-fill" | "error-warning-fill" | "loader-2-fill">;
     /** Compact button (right-side) icon name por state. */
     protected readonly actionIconName: _angular_core.Signal<"close-line" | "delete-bin-line">;
     /** Progress 0–100 clamped. */
@@ -5543,13 +5543,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<"error" | "default" | "dragover" | "disabled">;
+    protected readonly state: _angular_core.Signal<"error" | "disabled" | "default" | "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<32 | 20 | 24 | 28>;
+    protected readonly iconSize: _angular_core.Signal<20 | 24 | 32 | 28>;
     onClick(): void;
     /** Browse File button — abre el picker. stopPropagation evita doble-open
      *  (el host también es clickeable). */
@@ -6193,7 +6193,7 @@ declare class SuiImageUpload {
      *  (matchea el escalado del contenedor 32→40 en SCSS). */
     protected readonly iconSize: _angular_core.Signal<16 | 20>;
     protected readonly hasSrc: _angular_core.Signal<boolean>;
-    protected readonly state: _angular_core.Signal<"dragover" | "filled" | "disabled" | "empty">;
+    protected readonly state: _angular_core.Signal<"disabled" | "filled" | "dragover" | "empty">;
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
     onHostClick(): void;
@@ -6418,90 +6418,6 @@ type SuiInputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | '
  * el layout flush del slot; la acción la maneja el consumer.
  */
  | 'button';
-/**
- * SUI Input — SUI Design System 2.0
- *
- * Figma file: 8p1k72aKKvzJV4XcvPS4VO
- * Component set: "Input Field" (componentKey c28150b04d333d34ed9d2b77abd9f2f54e1a878a)
- *
- * EXACT specs — VERIFIED from Figma nodeIds (266:5245, 417:6793, 417:9933, 267:1063, 267:1279, 267:1235):
- *
- *   Sizes (Figma naming):
- *   - xsmall (X-Small 32): py=6px, pl=8px,  pr=6px,  gap=6px, radius=8px
- *   - 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
- *
- *   NOTE: padding produces the height via line-height(20) + 2×py. No explicit height needed.
- *
- *   - Border default: 1px solid stroke-soft-200 (#ebebeb) + drop-shadow regular-x-small
- *   - Border hover:   1px solid stroke-sub-300 (#d1d1d1)
- *   - Border focus:   1px solid stroke-strong-950 (#171717)
- *                     + box-shadow: 0 0 0 2px white, 0 0 0 4px slate-alpha-16
- *   - Border error:   1px solid state-error-base (#fb3748)
- *                     focus-within: + box-shadow 0 0 0 3px red-alpha-10
- *   - Disabled:       bg-weak-50, NO border, text-disabled-300, cursor: not-allowed
- *   - Readonly:       bg-weak-50, border stroke-soft-200, text-sub-600
- *   - Placeholder:    text-soft-400 (#a3a3a3)
- *   - Icon slots:     20px (--sui-icon-size-md), color text-sub-600
- *   - Label:          delegated to sui-form-label (Label/Small 14px/500/20px/-0.006em)
- *   - Hint/Error msg: delegated to sui-form-hint (Paragraph/X-Small 12px/400/16px/0)
- *   - Label-to-field gap: 6px (margin-bottom on sui-form-label host)
- *   - Field-to-hint gap:  6px (margin-top on sui-form-hint host)
- *   - Transition: border-color + box-shadow 100ms ease-out
- *
- * @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
- * @input tooltip: string | null — Tooltip en ícono info del label
- * @input hint: string | null — Mensaje de ayuda debajo del field
- * @input hintIcon: string | null — Icono Remix del hint neutral (ej. 'information-fill',
- *   como en el set de Figma 266:5251). null (default) = sin icono. No afecta el
- *   estado error (sui-form-hint conserva su icono default por variant).
- * @input error: boolean — Activa borde rojo + muestra errorMessage
- * @input errorMessage: string | null — Mensaje de error
- *
- * ── Homologación 2026-05-29 (auditoría "Text Input") ─────────────────────────
- * Closed gap: type='card' — máscara de tarjeta de crédito (grupos de 4 dígitos
- *   separados por espacio, maxlength efectivo 19 → "1234 5678 9012 3456").
- *   Mismo patrón que type='amount': display formateado en el DOM, value model
- *   emite los dígitos crudos (sin espacios). inputmode='numeric'.
- *
- * ── Homologación 2026-05-29 (2da pasada — gaps low/medium) ───────────────────
- * Closed (low): font-feature-settings 'ss11' 1, 'calt' 0, 'liga' 0 en
- *   .sui-input__control y .sui-input__prefix — Figma setea estos OpenType
- *   features en cada text node del field. Valor canon SUI 2.0 (mismo que el
- *   resto de los SUI).
- * Closed (medium): type='button' — split-field con divisor vertical (Figma node
- *   332:1667). La zona de input lleva el padding del size + un border-right
- *   (divisor stroke-soft-200); el `[data-slot=end]` queda flush a la derecha
- *   como zona de acción cuadrada con padding del size (10/8/6 por tamaño) y
- *   pointer-events activos. El consumer proyecta el botón de acción (ej. copiar
- *   link con file-copy-line) vía `[data-slot=end]`. nativeType='text'.
- *
- * PENDING VERIFY (Figma MCP no disponible en esta sesión — bloqueado por health
- * check hasta 2026-05-29T08:57Z; valores tomados del header existente ya
- * verificado contra nodeIds + del reporte de auditoría .claude/sui-audit):
- *   - card: ancho de grupo (4) y maxlength (19) confirmados por reporte; falta
- *     confirmar si Figma muestra leading-icon de marca (visa/mastercard) en
- *     Type=Card node 316:11323. No implementado (sería affordance decorativa que
- *     el consumer compone vía [data-slot=start]).
- *
- * GAPS NO CERRADOS aquí (requieren componente nuevo o son composición de otros
- * SUI — fuera de scope de este barrido low/medium):
- *   - Tag Input (sui-tag-input), Digit/OTP Input (sui-otp-input), Inline Input:
- *     componentes nuevos separados (severity HIGH).
- *   - Type=Dropdown (node 352:3122): el trailing affordance de Figma es un
- *     `sui-inline-select` funcional embebido (ícono + label + chevron), NO un
- *     chevron estático. Se compone proyectando `<sui-inline-select>` en
- *     `[data-slot=end]` — no se fabricó un type='dropdown' pseudo-visual porque
- *     sería un fake no-funcional que no espeja el Figma.
- *   - Type=Emoji (node 352:3416): en placeholder es solo un field con leading
- *     `emotion-line` — ya se logra con [icon]="'emotion-line'". El picker es
- *     overlay externo (componente nuevo), fuera de scope.
- *   - Type=Phone country-picker (node 313:10101): el prefix interactivo con
- *     selector de país es una feature nueva (selector de país); SUI tiene
- *     [prefix] como string estático.
- */
 declare class SuiInput implements ControlValueAccessor {
     readonly size: _angular_core.InputSignal<SuiInputSize>;
     readonly type: _angular_core.InputSignal<SuiInputType>;
@@ -6574,15 +6490,22 @@ declare class SuiInput implements ControlValueAccessor {
      * hay teclado abierto, por eso escuchamos también `touchstart` (nativo iOS)
      * y `mousedown` (web fallback). Cualquiera de los tres dispara el blur.
      *
-     * Solo hace blur cuando el elemento enfocado vive DENTRO de este host: si el
-     * foco está en otro lado (otro input, un textarea, nada), acá no hay teclado
-     * que cerrar y tocarlo es un bug. El listener es a nivel `document`, así que
-     * cada instancia de la página recibe todos los taps: con un blur incondicional
-     * de `inputEl`, tocar el texto de un input cerraba el teclado porque los OTROS
-     * sui-input de la pantalla hacían blur de los suyos —y en iOS un blur con el
-     * teclado abierto lo cierra aunque el elemento no tenga el foco. Se veía en
-     * cualquier formulario con más de un campo y no en el buscador del home, que
-     * tiene uno solo.
+     * Dos condiciones lo apagan, y cada una salió de un bug real en iOS:
+     *
+     * 1. El foco tiene que vivir DENTRO de este host. El listener es a nivel
+     *    `document`, así que cada instancia de la página recibe todos los taps:
+     *    con un blur incondicional, tocar el texto de un input cerraba el teclado
+     *    porque los OTROS sui-input hacían blur de los suyos —y en iOS un blur con
+     *    el teclado abierto lo cierra aunque el elemento no tenga el foco.
+     *
+     * 2. El tap NO puede ir a otro campo de texto. Ahí el navegador mueve el foco
+     *    solo, y adelantarle un blur en `pointerdown` cierra el teclado un
+     *    instante antes de que el campo nuevo lo vuelva a abrir. Ese parpadeo se
+     *    come el segundo toque de un doble tap: estando en un campo, no se podía
+     *    seleccionar una palabra de otro.
+     *
+     * Lo que queda es lo único que este listener tenía que hacer: tocar espacio
+     * muerto de la pantalla baja el teclado.
      */
     onDocumentTap(event: Event): void;
     private readonly _disabledByForm;
@@ -7252,6 +7175,14 @@ declare class SuiModal implements AfterViewInit, OnDestroy {
      *  clase la pone el host al arrancar, y es el mismo marcador que este SCSS ya
      *  usa para el safe-area de Android. */
     private static enApp;
+    /** Se lee al construir CADA modal y no dentro del computed: `enApp()` mira el
+     *  DOM y no es una señal, así que un `computed` la evaluaría una sola vez y se
+     *  quedaría con esa respuesta para siempre. Si el host marca la plataforma
+     *  después de ese primer render —o si el DS se evalúa antes que el arranque de
+     *  la app—, el modal quedaría centrado dentro de la app y nadie se enteraría.
+     *  Leerlo por instancia da la respuesta vigente cuando el modal nace, que es
+     *  cuando importa. */
+    private readonly enAppAlNacer;
     /** `fullscreen` ya resuelto: es lo que miran la plantilla y el host. */
     protected readonly esFullscreen: _angular_core.Signal<boolean>;
     /** Quita el padding del body para contenido full-bleed (mapas, imágenes
@@ -8545,7 +8476,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<"warning" | "label" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "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<"label" | "warning" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "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
@@ -9627,7 +9558,7 @@ declare class SuiSocialButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     /** Disabled efectivo: el input disabled O el estado loading. */
@@ -9739,7 +9670,7 @@ declare class SuiStatusBadge {
      */
     readonly withDot: _angular_core.InputSignal<boolean>;
     /** Icono Remix mapeado al status. Solo se usa cuando withDot=false. */
-    readonly iconName: _angular_core.Signal<"error-warning-fill" | "alert-fill" | "checkbox-circle-fill" | "information-fill" | "forbid-fill">;
+    readonly iconName: _angular_core.Signal<"checkbox-circle-fill" | "alert-fill" | "error-warning-fill" | "information-fill" | "forbid-fill">;
     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; }; }, {}, never, ["*"], true, never>;
 }
@@ -10186,7 +10117,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<"warning" | "label" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "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<"label" | "warning" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "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