@ajuarezso/sui-design-system 0.26.0 → 0.26.1

package/package.json

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

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

@@ -1385,7 +1385,7 @@ declare class SuiAlert {
      * conservar el footprint del icono: xsmall (icon 16) → compact `medium`;
      * small/large (icon 20) → `large`; xlarge (icon 24) → `xlarge`.
      */
-    readonly closeButtonSize: _angular_core.Signal<"large" | "xlarge" | "medium">;
+    readonly closeButtonSize: _angular_core.Signal<"medium" | "large" | "xlarge">;
     /**
      * Icon size per size variant (leading + close icons).
      * Figma: xsmall=16px, small=20px, large=20px. Verified 2026-05-29.
@@ -1943,7 +1943,7 @@ declare class SuiButtonGroupItem {
     /** aria-label para icon-only buttons */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Estado del data-attribute para CSS scoping */
-    readonly state: _angular_core.Signal<"default" | "disabled" | "active">;
+    readonly state: _angular_core.Signal<"default" | "active" | "disabled">;
     /** True cuando solo tiene icon (left o right) sin label */
     readonly onlyIcon: _angular_core.Signal<boolean>;
     /**
@@ -1954,7 +1954,7 @@ declare class SuiButtonGroupItem {
      *   - 'both'  → ambos iconos: padding cuadrado (p)
      *   - 'only'  → icon-only:    padding cuadrado (p) → square box
      */
-    readonly iconLayout: _angular_core.Signal<"none" | "right" | "left" | "both" | "only">;
+    readonly iconLayout: _angular_core.Signal<"none" | "left" | "right" | "both" | "only">;
     /** Tamaño del icono en px según size del item (large/medium/small/xsmall=20, 2xsmall=16).
      *  En large y medium el ícono se queda en 20, igual que `sui-button`: el ícono
      *  que acompaña texto no escala. */
@@ -2119,7 +2119,7 @@ declare class SuiButton {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly leftIcon: _angular_core.InputSignal<string | null>;
     readonly rightIcon: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"reset" | "submit" | "button">;
     private _spacePressed;
     private _esDelHost;
     _onEnter(event: Event): void;
@@ -2356,7 +2356,7 @@ declare class SuiChartLegend {
      * Disposición de los items: `horizontal` (row con wrap, default) o
      * `vertical` (columna — leyendas laterales de donut/pie).
      */
-    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
     /** Items con color efectivo resuelto (disabled > customColor > color > ciclo auto). */
     protected readonly resolvedItems: _angular_core.Signal<ResolvedLegendItem[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiChartLegend, never>;
@@ -2523,7 +2523,7 @@ declare class SuiCheckboxCard implements ControlValueAccessor {
     /** RemixIcon name (sin prefijo "ri-") para type='left-icon'. */
     readonly icon: _angular_core.InputSignal<string | null>;
     /** Emoji del catálogo SUI_EMOJI_MAP — alternativa a icon para type='left-icon'. */
-    readonly emoji: _angular_core.InputSignal<"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>;
+    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>;
     /** 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. */
@@ -2651,7 +2651,7 @@ declare class SuiLinkButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"reset" | "submit" | "button">;
     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. */
@@ -3010,7 +3010,7 @@ declare class SuiColorDot {
      *   - `selected` → dot 12×12 + ring 2px.
      *   - `disabled` → dot gris pálido, sin pointer events.
      */
-    readonly state: _angular_core.InputSignal<"default" | "hover" | "selected" | "disabled">;
+    readonly state: _angular_core.InputSignal<"default" | "disabled" | "hover" | "selected">;
     /**
      * 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.
@@ -3643,7 +3643,7 @@ declare class SuiCompactButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"reset" | "submit" | "button">;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly iconSize: _angular_core.Signal<number>;
@@ -3740,7 +3740,7 @@ declare class SuiCompactSelectForInput<T = string> implements ControlValueAccess
     readonly arrowIcon: _angular_core.Signal<"arrow-up-s-line" | "arrow-down-s-line">;
     readonly displayValue: _angular_core.Signal<string>;
     readonly displayFlag: _angular_core.Signal<"abkhazia" | "afghanistan" | "aland-islands" | "albania" | "algeria" | "american-samoa" | "andorra" | "angola" | "anguilla" | "antigua-and-barbuda" | "argentina" | "armenia" | "aruba" | "australia" | "austria" | "azerbaijan" | "azores-islands" | "bahamas" | "bahrain" | "balearic-islands" | "bangladesh" | "barbados" | "basque-country" | "belarus" | "belgium" | "belize" | "benin" | "bermuda" | "bhutan" | "bolivia" | "bonaire" | "bosnia-and-herzegovina" | "botswana" | "brazil" | "british-columbia" | "british-indian-ocean-territory" | "british-virgin-islands" | "brunei" | "bulgaria" | "burkina-faso" | "burundi" | "cambodia" | "cameroon" | "canada" | "canary-islands" | "cape-verde" | "cayman-islands" | "central-african-republic" | "ceuta" | "chad" | "chile" | "china" | "christmas-island" | "cocos-island" | "colombia" | "comoros" | "cook-islands" | "corsica" | "costa-rica" | "croatia" | "cuba" | "curacao" | "cyprus" | "czech-republic" | "democratic-republic-of-congo" | "denmark" | "djibouti" | "dominica" | "dominican-republic" | "east-timor" | "ecuador" | "egypt" | "el-salvador" | "england" | "equatorial-guinea" | "eritrea" | "estonia" | "ethiopia" | "european-union" | "falkland-islands" | "faroe-islands" | "fiji" | "finland" | "france" | "french-polynesia" | "gabon" | "galapagos-islands" | "gambia" | "georgia" | "germany" | "ghana" | "gibraltar" | "greece" | "greenland" | "grenada" | "guam" | "guatemala" | "guernsey" | "guinea-bissau" | "guinea" | "guyana" | "haiti" | "hawaii" | "honduras" | "hong-kong" | "hungary" | "iceland" | "india" | "indonesia" | "iran" | "iraq" | "ireland" | "isle-of-man" | "israel" | "italy" | "ivory-coast" | "jamaica" | "japan" | "jersey" | "jordan" | "kazakhstan" | "kenya" | "kiribati" | "kosovo" | "kuwait" | "kyrgyzstan" | "laos" | "latvia" | "lebanon" | "lesotho" | "liberia" | "libya" | "liechtenstein" | "lithuania" | "luxembourg" | "macao" | "madagascar" | "madeira" | "malawi" | "malaysia" | "maldives" | "mali" | "malta" | "marshall-island" | "martinique" | "mauritania" | "mauritus" | "melilla" | "mexico" | "micronesia" | "moldova" | "monaco" | "mongolia" | "montenegro" | "montserrat" | "morocco" | "mozambique" | "myanmar" | "namibia" | "nato" | "nauru" | "nepal" | "netherlands" | "new-zealand" | "nicaragua" | "niger" | "nigeria" | "niue" | "norfolk-island" | "north-korea" | "northern-cyprus" | "northern-marianas-islands" | "norway" | "oman" | "orkney-islands" | "ossetia" | "pakistan" | "palau" | "palestine" | "panama" | "papua-new-guinea" | "paraguay" | "peru" | "philippines" | "pitcairn-islands" | "poland" | "portugal" | "puerto-rico" | "qatar" | "rapa-nui" | "republic-of-macedonia" | "republic-of-the-congo" | "romania" | "russia" | "rwanda" | "saba-island" | "sahrawi-arab-democratic-republic" | "saint-kitts-and-nevis" | "samoa" | "san-marino" | "sao-tome-and-prince" | "sardinia" | "saudi-arabia" | "scotland" | "senegal" | "serbia" | "seychelles" | "sierra-leone" | "singapore" | "sint-eustatius" | "sint-maarten" | "slovakia" | "slovania" | "solomon-islands" | "somalia" | "somaliland" | "south-africa" | "south-korea" | "south-sudan" | "spain" | "sri-lanka" | "st-barts" | "st-lucia" | "st-vincent-and-the-grenadines" | "sudan" | "suriname" | "swaziland" | "sweden" | "switzerland" | "syria" | "taijikistan" | "taiwan" | "tanzania" | "thailand" | "tibet" | "togo" | "tokelau" | "tonga" | "transnistria" | "trinidad-and-tobago" | "tunisia" | "turkey" | "turkmenistan" | "turks-and-caicos" | "tuvalu" | "uganda" | "ukraine" | "united-arab-emirates" | "united-kingdom" | "united-nations" | "united-states" | "uruguay" | "uzbekistan" | "vanuatu" | "vatican-city" | "venezuela" | "vietnam" | "virgin-islands" | "wales" | "yemen" | "zambia" | "zimbabwe" | null>;
-    readonly flagSizePx: _angular_core.Signal<16 | 20>;
+    readonly flagSizePx: _angular_core.Signal<20 | 16>;
     onHostClick(event: Event): void;
     protected onMenuOpenedChange(open: boolean): void;
     protected selectItem(item: SuiCompactSelectForInputItem<T>): void;
@@ -4432,7 +4432,7 @@ declare class SuiCounterInput implements ControlValueAccessor {
     /** 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<24 | 20>;
+    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>;
@@ -4766,7 +4766,7 @@ declare class SuiDatepicker implements ControlValueAccessor {
      * `large` (44) solo con el campo xlarge — canon del dueño 04-10-2026, piso
      * táctil de 44. Con el resto de sizes, las piezas de siempre (medium).
      */
-    readonly partSize: _angular_core.Signal<"large" | "medium">;
+    readonly partSize: _angular_core.Signal<"medium" | "large">;
     readonly effectiveCalendars: _angular_core.Signal<SuiDatepickerCalendars>;
     private _onChange;
     private _onTouched;
@@ -5684,7 +5684,7 @@ type SuiEmojiName = keyof typeof SUI_EMOJI_MAP;
 type SuiEmojiSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 declare class SuiEmoji {
     /** Nombre del emoji del catálogo. Si se provee `src`, este se ignora. */
-    readonly name: _angular_core.InputSignal<"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>;
+    readonly name: _angular_core.InputSignal<"label" | "warning" | "pensive-face" | "confused-face" | "neutral-face" | "slightly-smiling-face" | "grinning-face-smiling-eyes" | "thinking-face" | "grinning-face" | "smiling-face-hearts" | "face-with-rolling-eyes" | "face-screaming" | "partying-face" | "star-struck" | "sleeping-face" | "package" | "receipt" | "money-bag" | "money-with-wings" | "shopping-cart" | "shopping-bags" | "card-index-dividers" | "bell" | "bell-with-slash" | "pushpin" | "mobile-phone" | "gear" | "locked" | "unlocked" | "wrench" | "hammer" | "magnifying-glass-tilted-left" | "spiral-calendar" | "bar-chart" | "delivery-truck" | "motorcycle" | "rocket" | "house" | "office-building" | "shop" | "dollar-banknote" | "glowing-star" | "kick-scooter" | "check-mark" | "check-mark-button" | "cross-mark" | "no-entry" | "sparkles" | "party-popper" | "waving-hand" | "thumbs-up" | "clapping-hands" | "handshake" | "busts-in-silhouette" | "pizza" | "hamburger" | "taco" | "birthday-cake" | null>;
     /** URL directa al emoji (override del catálogo). Útil para usar emojis fuera del map. */
     readonly src: _angular_core.InputSignal<string | null>;
     /** Tamaño del emoji. */
@@ -5919,7 +5919,7 @@ declare class SuiFancyButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly htmlType: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly htmlType: _angular_core.InputSignal<"reset" | "submit" | "button">;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly iconSize: _angular_core.Signal<number>;
@@ -6254,13 +6254,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<"dragover" | "error" | "default" | "disabled">;
     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<24 | 20 | 32 | 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). */
@@ -6499,7 +6499,7 @@ declare class SuiFilterPanelFooter {
     /** Tamaño de los botones. Default 'medium' (40, la computadora; D16: nada
      *  en small). 'large' (48) para el teléfono y la tablet táctil (piso de 44).
      *  'small' (36, el que dibuja Figma) queda por compatibilidad. */
-    readonly size: _angular_core.InputSignal<"small" | "large" | "medium">;
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large">;
     /** Config resuelta del botón Clear (string → { label }). */
     protected readonly clearCfg: _angular_core.Signal<SuiFooterButtonConfig>;
     /** Config resuelta del botón Apply (string → { label }). */
@@ -6921,15 +6921,15 @@ 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<16 | 20>;
+    protected readonly iconSize: _angular_core.Signal<20 | 16>;
     /** Í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 ctrlIconSize: _angular_core.Signal<20 | 16>;
     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 state: _angular_core.Signal<"dragover" | "filled" | "disabled" | "empty">;
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
     onHostClick(): void;
@@ -7289,7 +7289,7 @@ declare class SuiInput implements ControlValueAccessor {
     readonly showClear: _angular_core.InputSignal<boolean>;
     /** Remix icon name for built-in icon slot */
     readonly icon: _angular_core.InputSignal<string | null>;
-    readonly iconPosition: _angular_core.InputSignal<"right" | "left">;
+    readonly iconPosition: _angular_core.InputSignal<"left" | "right">;
     /**
      * Cuando un pointerdown ocurre fuera del host del componente, hace blur en
      * el input — cierra el teclado iOS al tocar zonas no-interactivas. Default
@@ -8752,7 +8752,7 @@ declare class SuiNotification {
     readonly dismissible: _angular_core.InputSignal<boolean>;
     readonly unread: _angular_core.InputSignal<boolean>;
     /** Item body type. 'basic' keeps the legacy/alert layout (no body slot). */
-    readonly type: _angular_core.InputSignal<"file" | "basic" | "button" | "message">;
+    readonly type: _angular_core.InputSignal<"basic" | "file" | "button" | "message">;
     /** When true, item paints the Figma hover bg + reveals the more-2-line button. */
     readonly showMore: _angular_core.InputSignal<boolean>;
     /** Forces the hover affordance visible (e.g. keyboard-focused row). */
@@ -9676,7 +9676,7 @@ declare class SuiRadioCard implements ControlValueAccessor, OnInit, SuiRadioGrou
     readonly size: _angular_core.InputSignal<SuiRadioSize>;
     /** Lado en px del radio según size: medium 20 · large 24 · xlarge 28. Los
      *  insets internos (bg/box) son % → escalan solos. */
-    readonly radioPx: _angular_core.Signal<24 | 20 | 28>;
+    readonly radioPx: _angular_core.Signal<20 | 24 | 28>;
     /** Valor del radio (requerido para uso en grupo). */
     readonly value: _angular_core.InputSignal<string>;
     /** Título principal del card (label de la fila Title). */
@@ -9695,7 +9695,7 @@ declare class SuiRadioCard implements ControlValueAccessor, OnInit, SuiRadioGrou
      * Emoji del catálogo SUI_EMOJI_MAP — alternativa a icon para type='left-icon'.
      * Si ambos están, icon tiene precedencia.
      */
-    readonly emoji: _angular_core.InputSignal<"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>;
+    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>;
     /**
      * 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
@@ -10058,7 +10058,7 @@ declare class SuiRating implements ControlValueAccessor {
      *  bar/bar-area usan 20px hardcoded en el template (no pasan por aquí). */
     readonly iconPx: _angular_core.Signal<number>;
     /** Rol del host: `img` para la nota de solo lectura (o `group` si trae link), `radiogroup` para pedirla. */
-    protected readonly hostRole: _angular_core.Signal<"img" | "group" | "radiogroup">;
+    protected readonly hostRole: _angular_core.Signal<"group" | "img" | "radiogroup">;
     /** Nombre accesible: interactivo = `ariaLabel`; readonly = «Calificación: 4,5 de 5, 120 calificaciones». */
     protected readonly hostAriaLabel: _angular_core.Signal<string>;
     /** Índice (1..max) de la celda con tabindex 0: la elegida, o la primera. */
@@ -10755,9 +10755,9 @@ declare class SuiSlider implements ControlValueAccessor {
     private readonly _cvaValue;
     private readonly _useCvaValue;
     /** Handle siendo arrastrado: null | 'single' | 'min' | 'max'. */
-    readonly dragging: _angular_core.WritableSignal<"max" | "single" | "min" | null>;
+    readonly dragging: _angular_core.WritableSignal<"min" | "max" | "single" | null>;
     /** Handle bajo hover (para tooltip): igual dominio que dragging. */
-    readonly hovering: _angular_core.WritableSignal<"max" | "single" | "min" | null>;
+    readonly hovering: _angular_core.WritableSignal<"min" | "max" | "single" | null>;
     private clamp;
     readonly effectiveValue: _angular_core.Signal<number>;
     readonly effectiveMin: _angular_core.Signal<number>;
@@ -10892,7 +10892,7 @@ declare class SuiSocialButton {
     readonly href: _angular_core.InputSignal<string | null>;
     readonly target: _angular_core.InputSignal<string | null>;
     readonly rel: _angular_core.InputSignal<string | null>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"reset" | "submit" | "button">;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     /** Disabled efectivo: el input disabled O el estado loading. */
@@ -10911,7 +10911,7 @@ declare class SuiSocialButton {
     /** Logo style derivado del button style + tema. filled → siempre blanco; stroke →
      *  `original`, salvo dark + marca monocromática oscura, donde usa `white` para no
      *  perder el logo sobre la superficie oscura (ver MONO_DARK_BRANDS). */
-    readonly logoStyle: _angular_core.Signal<"original" | "white">;
+    readonly logoStyle: _angular_core.Signal<"white" | "original">;
     /** Color de fondo brand-specific (solo aplica si style=filled). */
     readonly filledBg: _angular_core.Signal<string | null>;
     /** Label final: input.label > default por brand. */
@@ -11430,7 +11430,7 @@ declare class SuiProductCard {
     /** Glyph del «+» / lápiz: 18 en small, 20 en medium y large. */
     readonly iconSize: _angular_core.Signal<20 | 18>;
     /** Glyph del stepper: 16 en small, 20 en medium y large. */
-    readonly stepIconSize: _angular_core.Signal<16 | 20>;
+    readonly stepIconSize: _angular_core.Signal<20 | 16>;
     readonly showStepper: _angular_core.Signal<boolean>;
     /** Config resuelta de la imagen (string → { url }; `position` default 50).
      *  null = sin imagen → fallback. */
@@ -11598,7 +11598,7 @@ declare class SuiSwitchCard implements ControlValueAccessor {
      * `<sui-icon>` proyectado vía `[sui-switch-card-leading]` y se renderiza
      * con las MISMAS dimensiones (20×20 dentro del círculo de 40px).
      */
-    readonly emoji: _angular_core.InputSignal<"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>;
+    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>;
     /**
      * 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
@@ -12206,7 +12206,7 @@ declare class SuiTabMenuHorizontal<T = string> {
         xlarge 56. large y xlarge llevan el texto a 16 (mobile). */
     readonly size: _angular_core.InputSignal<SuiTabMenuHorizontalSize>;
     /** Glyph del ícono de la pestaña: 24 en xlarge, 20 en el resto. */
-    readonly iconSize: _angular_core.Signal<24 | 20>;
+    readonly iconSize: _angular_core.Signal<20 | 24>;
     readonly tabChange: _angular_core.OutputEmitterRef<T>;
     private readonly tabItems?;
     /** Índice del único tab con tabindex 0: el activo, o el primero habilitado. */