@ajuarezso/sui-design-system 0.11.5 → 0.13.0

package/package.json

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

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

@@ -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<"reset" | "submit" | "button">;
+    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. */
@@ -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<"reset" | "submit" | "button">;
+    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>;
@@ -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<"reset" | "submit" | "button">;
+    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>;
@@ -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<"reset" | "submit" | "button">;
+    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>;
@@ -5543,7 +5543,7 @@ 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<"dragover" | "error" | "default" | "disabled">;
+    protected readonly state: _angular_core.Signal<"default" | "error" | "disabled" | "dragover">;
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
     protected readonly resolvedErrorMessage: _angular_core.Signal<string | null>;
@@ -6158,6 +6158,17 @@ type SuiImageUploadSize = 'sm' | 'md' | 'lg' | 'xl';
  *  - errorEvent: mensaje de error de validación
  */
 declare class SuiImageUpload {
+    /**
+     * Ocupa el ancho del contenedor en vez del cuadrado fijo de `size`.
+     *
+     * Por defecto el componente es un cuadrado de lado `size` —pensado para
+     * avatares y logos, donde eso es lo correcto—. Pero para subir un documento
+     * (un comprobante de pago, una licencia) el cuadrado desperdicia el ancho
+     * disponible y recorta imágenes verticales, que es la forma natural de una
+     * captura de celular. En fluido el alto lo da el contenido, así que el botón
+     * de quitar deja de desbordarse.
+     */
+    readonly fluid: _angular_core.InputSignal<boolean>;
     readonly shape: _angular_core.InputSignal<SuiImageUploadShape>;
     readonly size: _angular_core.InputSignal<SuiImageUploadSize>;
     readonly src: _angular_core.ModelSignal<string | null>;
@@ -6182,7 +6193,7 @@ declare class SuiImageUpload {
      *  (matchea el escalado del contenedor 32→40 en SCSS). */
     protected readonly iconSize: _angular_core.Signal<20 | 16>;
     protected readonly hasSrc: _angular_core.Signal<boolean>;
-    protected readonly state: _angular_core.Signal<"dragover" | "filled" | "disabled" | "empty">;
+    protected readonly state: _angular_core.Signal<"filled" | "disabled" | "dragover" | "empty">;
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
     onHostClick(): void;
@@ -6197,7 +6208,7 @@ declare class SuiImageUpload {
     private processFile;
     private formatBytes;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiImageUpload, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiImageUpload, "sui-image-upload", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, { "src": "srcChange"; "imageSelected": "imageSelected"; "removed": "removed"; "editRequested": "editRequested"; "errorEvent": "errorEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiImageUpload, "sui-image-upload", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, { "src": "srcChange"; "imageSelected": "imageSelected"; "removed": "removed"; "editRequested": "editRequested"; "errorEvent": "errorEvent"; }, never, never, true, never>;
 }
 
 /**
@@ -7672,7 +7683,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<"button" | "basic" | "file" | "message">;
+    readonly type: _angular_core.InputSignal<"basic" | "file" | "button" | "message">;
     /** When true, item paints the Figma hover bg + reveals the more-2-line button. */
     readonly showMore: _angular_core.InputSignal<boolean>;
     /** Forces the hover affordance visible (e.g. keyboard-focused row). */
@@ -9329,6 +9340,7 @@ declare class SuiSidebar {
     /** Submit del search input (Enter). Emite el valor actual. */
     readonly searchSubmitted: _angular_core.OutputEmitterRef<string>;
     private readonly destroyRef;
+    private readonly host;
     /**
      * Viewport móvil (≤767px — canon bp.medium del proyecto). Gatea el backdrop,
      * el aria-hidden/inert del drawer cerrado, el Escape y el auto-close por
@@ -9360,6 +9372,8 @@ declare class SuiSidebar {
     protected isItemActive(item: SuiSidebarItem): boolean;
     protected onHeaderButtonClick(ev: Event): void;
     protected onProfileButtonClick(ev: Event): void;
+    /** Limpia el search (X visible solo con texto) y devuelve el foco al input. */
+    protected clearSearch(): void;
     protected onSearchInput(value: string): void;
     protected onSearchSubmit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiSidebar, never>;
@@ -9580,7 +9594,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<"reset" | "submit" | "button">;
+    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. */