valtech-components 2.0.785 → 2.0.787

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -43,7 +43,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"success" | "danger" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/molecules/action-header/action-header.component.d.ts

@@ -1,5 +1,25 @@
 import { ActionHeaderMetadata } from './types';
 import * as i0 from "@angular/core";
+/**
+ * `val-action-header` — heading with a right-aligned action button.
+ *
+ * By default renders the heading via `val-display` (hero size). Set
+ * `headingKind: 'title'` to render via `val-title` (section size) so it
+ * matches `val-title` section labels elsewhere on the same screen.
+ *
+ * @example Section heading (matches `val-title size='medium'` on the page):
+ * <val-action-header [props]="{
+ *   headingKind: 'title',
+ *   title: { size: 'medium', color: 'dark', bold: true, content: 'Active sessions' },
+ *   action: { text: 'Sign out all', color: 'dark', fill: 'outline', size: 'small', ... },
+ * }"></val-action-header>
+ *
+ * @example Page hero (default):
+ * <val-action-header [props]="{
+ *   title: { size: 'large', color: 'dark', content: 'Settings' },
+ *   action: { ... },
+ * }"></val-action-header>
+ */
 export declare class ActionHeaderComponent {
     props: ActionHeaderMetadata;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionHeaderComponent, never>;

package/lib/components/molecules/action-header/types.d.ts

@@ -1,6 +1,27 @@
 import { DisplayMetadata } from '../../atoms/display/types';
+import { TitleMetadata } from '../../atoms/title/types';
 import { ButtonMetadata } from '../../types';
+/**
+ * Determines how the heading is rendered.
+ *
+ * - `'display'` (default) — uses `val-display`. Very large (40px medium, 48px large).
+ *   Ideal for page-level hero headers.
+ * - `'title'` — uses `val-title`. Smaller (18px medium, 24px large). Ideal for
+ *   section-level headings inside a page, so they match other `val-title`
+ *   section labels on the same screen.
+ */
+export type ActionHeaderHeadingKind = 'display' | 'title';
+/**
+ * Configuration for `val-action-header` — a section title with a right-aligned
+ * action button. Use `headingKind: 'title'` when this lives inside a page that
+ * already has `val-title` section labels (so sizes stay coherent).
+ */
 export type ActionHeaderMetadata = {
-    title: DisplayMetadata;
+    /** Heading props. Use `DisplayMetadata` shape when `headingKind === 'display'`,
+     *  `TitleMetadata` shape when `headingKind === 'title'`. Both accept
+     *  `size`, `color`, `content`. */
+    title: DisplayMetadata | TitleMetadata;
     action: ButtonMetadata;
+    /** Default `'display'` for back-compat. */
+    headingKind?: ActionHeaderHeadingKind;
 };

package/lib/components/molecules/username-input/username-input.component.d.ts

@@ -36,7 +36,7 @@ export declare class UsernameInputComponent implements OnInit, OnDestroy {
     hasError: import("@angular/core").Signal<boolean>;
     showStatusMessage: import("@angular/core").Signal<boolean>;
     statusColor: import("@angular/core").Signal<"success" | "danger">;
-    statusMessage: import("@angular/core").Signal<"" | "Username disponible" | "Username ya está en uso">;
+    statusMessage: import("@angular/core").Signal<"Username disponible" | "Username ya está en uso" | "">;
     errorMessage: import("@angular/core").Signal<string>;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "2.0.785";
+export declare const VERSION = "2.0.787";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.785",
+  "version": "2.0.787",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"