@ajuarezso/sui-design-system 0.16.0 → 0.17.0

package/package.json

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

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

@@ -6441,7 +6441,14 @@ declare class SuiInlineSelect<T = string> implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiInlineSelect<any>, "sui-inline-select", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "flag": { "alias": "flag"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "clicked": "clicked"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
 
-type SuiInputSize = 'xsmall' | 'small' | 'medium';
+/**
+ * Los tres primeros salen del set de Figma. `large` y `xlarge` son una
+ * EXTENSIÓN nuestra (12-08-2026): el campo se quedaba en 40 px mientras
+ * `sui-button` llega a 48 y 52, así que un campo y un botón puestos lado a lado
+ * nunca se alineaban. Los altos son los del botón a propósito, para que sí lo
+ * hagan.
+ */
+type SuiInputSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 type SuiInputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'amount' | 'card' | 'password-toggle' | 'date' | 'datetime-local' | 'time'
 /**
  * Split-field con divisor vertical: zona de input a la izquierda + acción a
@@ -6479,6 +6486,18 @@ declare class SuiInput implements ControlValueAccessor {
      * —onboarding, checkout, panel del dueño— se quedan como están.
      */
     readonly fullRadius: _angular_core.InputSignal<boolean>;
+    /**
+     * El tamaño que se le pasa al `sui-form-label`.
+     *
+     * El label NO crece con el campo. Su escala llega a `medium` y ahí se queda a
+     * propósito: en `large` y `xlarge` lo que crece es el ÁREA DE TOQUE del
+     * control, no la jerarquía del formulario. Un rótulo gigante encima de un
+     * campo de 52 px se lee como un título, que es otra cosa.
+     *
+     * Además lo obliga el tipo: `SuiFormLabelSize` no tiene los dos grandes, y el
+     * compilador lo cazó apenas se agregaron.
+     */
+    protected readonly labelSize: _angular_core.Signal<SuiFormLabelSize>;
     readonly error: _angular_core.InputSignal<boolean>;
     readonly errorMessage: _angular_core.InputSignal<string | null>;
     readonly label: _angular_core.InputSignal<string | null>;
@@ -9038,7 +9057,17 @@ declare class SuiRichEditor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiRichEditor, "sui-rich-editor", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "showMore": { "alias": "showMore"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "headingLabel": { "alias": "headingLabel"; "required": false; "isSignal": true; }; "fontSizeLabel": { "alias": "fontSizeLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "action": "action"; "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
-type SuiSelectSize = 'xsmall' | 'small' | 'medium';
+/**
+ * `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.
+ */
+type SuiSelectSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 /**
  * Tipo de left-decoration del trigger (Figma Select[1.1] · Type variant).
  *   - basic     → 📂 ícono RemixIcon genérico (placeholder: flashlight-line)
@@ -9106,6 +9135,9 @@ interface SuiSelectOption<T = any> {
  */
 declare class SuiSelect<T = any> implements ControlValueAccessor {
     readonly size: _angular_core.InputSignal<SuiSelectSize>;
+    /** El rótulo no crece con el control: su escala llega a `medium`. Ver la nota
+     *  en `sui-input`, que hace exactamente lo mismo. */
+    protected readonly labelSize: _angular_core.Signal<SuiFormLabelSize>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly options: _angular_core.InputSignal<SuiSelectOption<T>[]>;
     readonly disabled: _angular_core.InputSignal<boolean>;