@lifecorner/angular-ui-kit 3.14.0 → 3.16.0

package/types/lifecorner-angular-ui-kit-avatar.d.ts

@@ -16,6 +16,13 @@ export type AvatarLoading = 'eager' | 'lazy';
  * the name or initials beside the colour — colour is never the only cue.
  */
 export type AvatarColor = 'default' | 'member-1' | 'member-2' | 'member-3' | 'member-4' | 'member-5' | 'member-6';
+/**
+ * What `lc-avatar` shows with no image and no name (3.15).
+ * - `initials`: "?"
+ * - `person`: a person symbol on a neutral disc (`--color-neutral-300`, glyph
+ *   `--color-neutral-700`; `color` is ignored while it shows)
+ */
+export type AvatarFallback = 'initials' | 'person';
 /** The six member colours in their order (`AvatarColor` without `default`). */
 export declare const AVATAR_MEMBER_COLORS: readonly AvatarColor[];
 /**
@@ -37,6 +44,8 @@ export declare function ɵavatarInitials(name: string | undefined): string;
  * - `ring`: a gap in the page colour around the avatar, for stacks and for
  *   avatars on images or tints
  * - Accessible with alt text support
+ * - `fallback="person"`: a person symbol on a neutral disc instead of "?"
+ *   when there is no name (3.15)
  *
  * @example
  * ```html
@@ -86,10 +95,20 @@ export declare class AvatarComponent {
    * button labelled "Menu for Tom Ek".
    */
   decorative: import("@angular/core").InputSignal<boolean>;
+  /**
+   * What shows with no image and no name: `'initials'` shows "?"; `'person'`
+   * shows a person symbol on a neutral disc (`color` is ignored while it
+   * shows). With a `name`, both show the initials. The accessible name stays
+   * `alt`, then `name`, then "Avatar".
+   * @default 'initials'
+   */
+  fallback: import("@angular/core").InputSignal<AvatarFallback>;
   /**
    * Computed initials from name
    */
   initials: import("@angular/core").Signal<string>;
+  /** The person symbol: `fallback="person"`, no image (or a broken one) and no name. */
+  protected readonly showPerson: import("@angular/core").Signal<boolean>;
   /**
    * Computed CSS classes for the avatar
    */
@@ -160,5 +179,10 @@ export declare class AvatarComponent {
       "required": false;
       "isSignal": true;
     };
+    "fallback": {
+      "alias": "fallback";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, never, true, never>;
 }

package/types/lifecorner-angular-ui-kit-button.d.ts

@@ -3,6 +3,11 @@ import { ElementRef } from "@angular/core";
 export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'danger' | 'warning' | 'info' | 'inverse';
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 export type ButtonType = 'button' | 'submit' | 'reset';
+/**
+ * Colour tone of `variant="outline"` (3.15). `primary`: text and border in the
+ * primary colour. Other variants ignore it.
+ */
+export type ButtonTone = 'neutral' | 'primary';
 export declare class ButtonComponent {
   /**
    * Visual variant. `inverse` is a white pill with dark ink and a white focus
@@ -14,6 +19,14 @@ export declare class ButtonComponent {
    * @default 'primary'
    */
   readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
+  /**
+   * Colour tone of `variant="outline"`: `'primary'` sets text and border to
+   * the primary colour (`--color-primary-700` / `-600`; hover
+   * `--color-surface-selected`, active `--color-primary-200`). Other variants
+   * ignore it.
+   * @default 'neutral'
+   */
+  readonly tone: import("@angular/core").InputSignal<ButtonTone>;
   readonly size: import("@angular/core").InputSignal<ButtonSize>;
   readonly disabled: import("@angular/core").InputSignal<boolean>;
   readonly loading: import("@angular/core").InputSignal<boolean>;
@@ -71,6 +84,11 @@ export declare class ButtonComponent {
       "required": false;
       "isSignal": true;
     };
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
     "size": {
       "alias": "size";
       "required": false;
@@ -178,6 +196,14 @@ export declare class ButtonLinkComponent {
    * @default 'primary'
    */
   readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
+  /**
+   * Colour tone of `variant="outline"`, as on `lc-button`: `'primary'` sets
+   * text and border to the primary colour (`--color-primary-700` / `-600`;
+   * hover `--color-surface-selected`, active `--color-primary-200`). Other
+   * variants ignore it.
+   * @default 'neutral'
+   */
+  readonly tone: import("@angular/core").InputSignal<ButtonTone>;
   /** Size, as on `lc-button`. `lg` (48.5 px high) meets the 44 px touch target. */
   readonly size: import("@angular/core").InputSignal<ButtonSize>;
   /** Stretch the link to the full width of its container. */
@@ -208,6 +234,11 @@ export declare class ButtonLinkComponent {
       "required": false;
       "isSignal": true;
     };
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
     "size": {
       "alias": "size";
       "required": false;

package/types/lifecorner-angular-ui-kit-empty-state.d.ts

@@ -2,6 +2,20 @@ import * as i0 from "@angular/core";
 export type EmptyStateSize = 'sm' | 'md' | 'lg';
 /** Heading level of `lc-empty-state`'s heading (3.3, G-9). */
 export type EmptyStateHeadingLevel = 2 | 3 | 4 | 5 | 6;
+/**
+ * Look of `lc-empty-state`'s icon (3.15).
+ * - `neutral`: the bare 40 px icon in `--color-text-tertiary`
+ * - `primary`: a 24 px icon in `--color-primary-700` on a 48 px
+ *   `--color-primary-100` circle
+ */
+export type EmptyStateIconTone = 'neutral' | 'primary';
+/**
+ * Text scale of `lc-empty-state` (3.15), beside `size` (the padding).
+ * - `sm`: 14 px message
+ * - `md`: the state-page scale — 16/24 px message, 20 px heading, 16 px below
+ *   the icon and 24 px before the projected action
+ */
+export type EmptyStateMessageSize = 'sm' | 'md';
 /**
  * Empty state component for "no data" placeholder displays.
  *
@@ -49,6 +63,20 @@ export declare class EmptyStateComponent {
    * Description text
    */
   readonly message: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * `'neutral'`: the bare 40 px icon in `--color-text-tertiary`. `'primary'`:
+   * a 24 px icon in `--color-primary-700` on a 48 px `--color-primary-100`
+   * circle. Decorative in both tones.
+   * @default 'neutral'
+   */
+  readonly iconTone: import("@angular/core").InputSignal<EmptyStateIconTone>;
+  /**
+   * `'sm'`: 14 px message. `'md'`, for a state page: 16/24 px message, 20 px
+   * heading, 16 px below the icon and 24 px before the projected action.
+   * Wrap several actions in one row element.
+   * @default 'sm'
+   */
+  readonly messageSize: import("@angular/core").InputSignal<EmptyStateMessageSize>;
   protected readonly hostClasses: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "lc-empty-state", never, {
@@ -77,5 +105,15 @@ export declare class EmptyStateComponent {
       "required": false;
       "isSignal": true;
     };
+    "iconTone": {
+      "alias": "iconTone";
+      "required": false;
+      "isSignal": true;
+    };
+    "messageSize": {
+      "alias": "messageSize";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["*"], true, never>;
 }

package/types/lifecorner-angular-ui-kit-header.d.ts

@@ -1,4 +1,4 @@
-import { AvatarColor } from "@lifecorner/angular-ui-kit/avatar";
+import { AvatarColor, AvatarFallback } from "@lifecorner/angular-ui-kit/avatar";
 import { MenuItem } from "@lifecorner/angular-ui-kit/menu";
 import { ThemeService } from "@lifecorner/angular-ui-kit/theme";
 import * as i0 from "@angular/core";
@@ -59,7 +59,8 @@ export type HeaderUserMenuTrigger = 'icon' | 'avatar';
  *   cannot stay over scrolling text).
  * - `userMenuTrigger="avatar"`: the account button is the person's initials
  *   avatar (`userAvatarColor` for the member colour, `userAvatarSrc` for a
- *   photo) in a 48 px round button; the icon trigger is 44 px high in every
+ *   photo, `userAvatarFallback="person"` for a person symbol while there is
+ *   no name) in a 48 px round button; the icon trigger is 44 px high in every
  *   density.
  * - The subtitle (e.g. a household name) stays on one line and ends with "…";
  *   the full text is its `title` and stays in the accessible text. It is shown
@@ -174,6 +175,13 @@ export declare class HeaderComponent {
   readonly userAvatarSrc: import("@angular/core").InputSignal<string>;
   /** Colour of the account avatar's initials: `default` or a member colour `member-1` … `member-6`. */
   readonly userAvatarColor: import("@angular/core").InputSignal<AvatarColor>;
+  /**
+   * Passed to the trigger avatar and the menu avatar as `fallback` (3.15):
+   * `person` shows a person symbol on a neutral disc instead of "?" while
+   * `userName` is empty.
+   * @default 'initials'
+   */
+  readonly userAvatarFallback: import("@angular/core").InputSignal<AvatarFallback>;
   readonly showHamburger: import("@angular/core").InputSignal<boolean>;
   /**
    * Open state of the sidenav the hamburger controls. When bound, the toggle
@@ -411,6 +419,11 @@ export declare class HeaderComponent {
       "required": false;
       "isSignal": true;
     };
+    "userAvatarFallback": {
+      "alias": "userAvatarFallback";
+      "required": false;
+      "isSignal": true;
+    };
     "showHamburger": {
       "alias": "showHamburger";
       "required": false;

package/types/lifecorner-angular-ui-kit-icon.d.ts

@@ -284,7 +284,8 @@ export type IconName = string;
  * `provideLcIcons()` or loaded with the kit's set (3.6, AS-17). Covers the
  * hand-picked inline set, the Tabler icons inlined at build time (mail,
  * users, settings, logout, key, chevron-right, …) and aliases that resolve
- * to either — the same names as in 3.5.1. Use it to lint an app or a static
+ * to either — the names of 3.5.1, plus `wallet`, `building-bank` and
+ * `shield-lock` since 3.16 (TD-3). Use it to lint an app or a static
  * site against icons that would be fetched.
  *
  * @example

package/types/lifecorner-angular-ui-kit-icons.d.ts

@@ -132,8 +132,12 @@ export declare const ICON_ALERT_CIRCLE: LcIconDefinition;
 export declare const ICON_ALERT_CIRCLE_SOLID: LcIconDefinition;
 export declare const ICON_CIRCLE_X: LcIconDefinition;
 export declare const ICON_CIRCLE_X_SOLID: LcIconDefinition;
+export declare const ICON_WALLET: LcIconDefinition;
+export declare const ICON_BUILDING_BANK: LcIconDefinition;
+export declare const ICON_SHIELD_LOCK: LcIconDefinition;
+export declare const ICON_SHIELD_LOCK_SOLID: LcIconDefinition;
 /**
- * Every glyph above (133): `provideLcIcons(BUNDLED_ICONS)` restores the
+ * Every glyph above (137): `provideLcIcons(BUNDLED_ICONS)` restores the
  * synchronous rendering of 3.5.1 for every inline name, e.g. in tests or
  * Storybook. An app that imports it bundles all of them.
  */

package/types/lifecorner-angular-ui-kit-list.d.ts

@@ -64,6 +64,15 @@ export interface ListItem {
    * label must be part of it (WCAG 2.5.3).
    */
   actionAriaLabel?: string;
+  /**
+   * URL of the row link (3.16, TD-4). The row renders as an `<a>` over its
+   * full area (at least 44 px high) with real link semantics (middle click,
+   * "open in new tab"). Not rendered with `href`: `action` (no control inside
+   * a link; a dev warning). Not emitted: `itemClick` (see `linkClick`). With
+   * `disabled` the row is the plain disabled row, no link. A custom
+   * `lcListItem` template must not hold controls in `href` rows.
+   */
+  href?: string;
   /** Item identifier */
   id?: string;
   /** Whether the item is disabled */
@@ -77,6 +86,15 @@ export interface ListItem {
  * List item size
  */
 export type ListSize = 'sm' | 'md' | 'lg';
+/**
+ * A plain click (or Enter) on an `href` row (3.16, TD-4): `item` is the row,
+ * `event` the click. Call `event.preventDefault()` to navigate with your
+ * router instead of a full page load.
+ */
+export interface ListLinkClickEvent {
+  item: ListItem;
+  event: MouseEvent;
+}
 /**
  * List component for displaying structured item collections.
  *
@@ -87,6 +105,8 @@ export type ListSize = 'sm' | 'md' | 'lg';
  * - Icon and avatar support per item
  * - Action buttons with click events
  * - Accessible with ARIA list role; `clickable` rows are keyboard-operable
+ * - `ListItem.href` rows are real links over the full row (3.16, TD-4);
+ *   `linkClick` hands plain clicks to your router
  *
  * @example
  * ```html
@@ -138,6 +158,18 @@ export declare class ListComponent {
   readonly itemClick: import("@angular/core").OutputEmitterRef<ListItem>;
   /** Event emitted when an action button is clicked */
   readonly actionClick: import("@angular/core").OutputEmitterRef<ListItem>;
+  /**
+   * A plain click (or Enter) on an `href` row: primary button, no
+   * Ctrl/Cmd/Shift/Alt (3.16, TD-4). Emitted before the browser follows the
+   * link; call `event.preventDefault()` and navigate with your router for an
+   * in-app route (`router.navigateByUrl(item.href)`). The kit never prevents
+   * the default; modifier and middle clicks are never emitted, so "open in new
+   * tab" keeps working.
+   */
+  readonly linkClick: import("@angular/core").OutputEmitterRef<ListLinkClickEvent>;
+  constructor();
+  /** Whether a row renders as a link: `href` set and not disabled. */
+  protected isLinkRow(item: ListItem): boolean;
   /**
    * Computed CSS classes for the list
    */
@@ -161,6 +193,11 @@ export declare class ListComponent {
    * Handle action button click
    */
   onActionClick(item: ListItem): void;
+  /**
+   * A click on a link row: only a plain primary click reaches `linkClick`.
+   * The default (following the link) is left to the browser and the consumer.
+   */
+  protected onLinkClick(event: MouseEvent, item: ListItem): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "lc-list", never, {
     "items": {
@@ -211,5 +248,6 @@ export declare class ListComponent {
   }, {
     "itemClick": "itemClick";
     "actionClick": "actionClick";
+    "linkClick": "linkClick";
   }, ["itemTemplate"], never, true, never>;
 }

package/types/lifecorner-angular-ui-kit-money.d.ts

@@ -0,0 +1,150 @@
+import * as i0 from "@angular/core";
+/**
+ * How the sign of an amount shows, as `Intl.NumberFormat`'s `signDisplay`:
+ * - `auto`: negative amounts only (−42,17 €)
+ * - `always`: plus and minus, also on zero (+0,00 €)
+ * - `exceptZero`: plus and minus, no sign on zero
+ * - `never`: no sign
+ */
+type MoneySignDisplay = 'auto' | 'always' | 'exceptZero' | 'never';
+/** Options of {@link formatMoney}. */
+interface MoneyFormatOptions {
+  /** BCP 47 locale. An invalid one falls back to `en-US`. @default 'en-US' */
+  locale?: string;
+  /** As `Intl.NumberFormat`'s `signDisplay`. @default 'auto' */
+  signDisplay?: MoneySignDisplay;
+  /** Spoken word for the minus sign. @default 'minus' */
+  minusLabel?: string;
+  /** Spoken word for the plus sign. @default 'plus' */
+  plusLabel?: string;
+}
+/** A formatted amount: the visible text and the words a screen reader speaks. */
+interface MoneyText {
+  /** Visible text, e.g. „−42,17 €“ (U+2212 minus, U+00A0 from `Intl`). */
+  text: string;
+  /** Spoken text, e.g. „minus 42,17 Euro“. */
+  spoken: string;
+}
+/** The ISO 4217 minor-unit exponent of `currency` (2 unless listed). */
+declare function moneyMinorUnits(currency: string): number;
+/** Text direction of an amount formatted for `locale`. */
+declare function moneyDirection(locale: string): 'ltr' | 'rtl';
+/**
+ * Formats an amount of money given in integer minor units (cents, yen, fils)
+ * exactly, never through a float: the decimal string goes into `Intl`.
+ * Returns `null` for an amount that is not a safe integer or a currency that
+ * is not a three-letter code. This is the formatter of `lc-money`, for table
+ * `formatter`s and texts.
+ *
+ * @example
+ * ```ts
+ * formatMoney(-4217, 'EUR', { locale: 'de-DE' });
+ * // { text: '−42,17 €', spoken: 'minus 42,17 Euro' }
+ * ```
+ */
+export declare function formatMoney(amountMinor: number, currency: string, options?: MoneyFormatOptions): MoneyText | null;
+/**
+ * Displays an amount of money (3.16, BA-4): locale, currency, sign, tabular
+ * figures and a spoken text. Display only, no input parsing or conversion.
+ *
+ * - `amountMinor` is an integer in the currency's minor units (cents, yen,
+ *   fils), formatted exactly through a decimal string, never a float. Minor
+ *   units follow ISO 4217: 2, except 0 (BIF CLP DJF GNF ISK JPY KMF KRW PYG
+ *   RWF UGX UYI VND VUV XAF XOF XPF), 3 (BHD IQD JOD KWD LYD OMR TND) and 4
+ *   (CLF UYW).
+ * - The visible amount („−42,17 €“, U+2212 minus, a no-break space from
+ *   `Intl`) is `aria-hidden`; a visually hidden span holds the words
+ *   („minus 42,17 Euro“), so a screen reader reads the amount once.
+ * - Tabular figures, no wrapping inside the amount; the amount is a `dir`
+ *   isolate (`ltr`, or `rtl` for an RTL locale), safe inside RTL text.
+ * - Font and colour come from the context; colour never carries the sign.
+ * - `locale` empty: the app's `LOCALE_ID` (Angular's default `en-US`), the
+ *   same on the server and in the browser.
+ * - For table `formatter`s and texts use {@link formatMoney}.
+ *
+ * Separate a `lc-money` from adjacent text with a space in your template, so
+ * the spoken text does not run into the words around it.
+ *
+ * @example
+ * ```html
+ * <lc-money [amountMinor]="-4217" currency="EUR" locale="de-DE" />
+ * ```
+ */
+export declare class MoneyComponent {
+  private readonly appLocale;
+  /**
+   * Amount in minor units of `currency` (cents, yen, fils): a safe integer
+   * (±9,007,199,254,740,991), formatted exactly. Anything else renders
+   * nothing (a dev warning).
+   */
+  readonly amountMinor: import("@angular/core").InputSignal<number>;
+  /**
+   * ISO 4217 currency code (`EUR`, `USD`, `JPY`, `KWD`). It sets the minor
+   * units and the symbol. Not a three-letter code: renders nothing (a dev
+   * warning).
+   */
+  readonly currency: import("@angular/core").InputSignal<string>;
+  /**
+   * BCP 47 locale of the amount (`de-DE`, `en-GB`). Empty: the app's
+   * `LOCALE_ID` (Angular's default `en-US`). An invalid locale falls back to
+   * `en-US`.
+   * @default ''
+   */
+  readonly locale: import("@angular/core").InputSignal<string>;
+  /**
+   * Which signs show, as `Intl.NumberFormat`: `auto` (negative only),
+   * `always`, `exceptZero`, `never`. The spoken text says the sign whenever
+   * it shows.
+   * @default 'auto'
+   */
+  readonly signDisplay: import("@angular/core").InputSignal<MoneySignDisplay>;
+  /**
+   * Spoken word for the minus sign („minus 42,17 Euro“; the same in German).
+   * @default 'minus'
+   */
+  readonly minusLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Spoken word for the plus sign („plus 42,17 Euro“; the same in German).
+   * @default 'plus'
+   */
+  readonly plusLabel: import("@angular/core").InputSignal<string>;
+  /** The locale in use: the `locale` input or the app's `LOCALE_ID`. */
+  protected readonly effectiveLocale: import("@angular/core").Signal<string>;
+  protected readonly formatted: import("@angular/core").Signal<import("@lifecorner/angular-ui-kit/money").MoneyText | null>;
+  protected readonly dir: import("@angular/core").Signal<"ltr" | "rtl">;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<MoneyComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MoneyComponent, "lc-money", never, {
+    "amountMinor": {
+      "alias": "amountMinor";
+      "required": true;
+      "isSignal": true;
+    };
+    "currency": {
+      "alias": "currency";
+      "required": true;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "signDisplay": {
+      "alias": "signDisplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "minusLabel": {
+      "alias": "minusLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "plusLabel": {
+      "alias": "plusLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { MoneyFormatOptions, MoneySignDisplay, MoneyText };

package/types/lifecorner-angular-ui-kit-next-step-card.d.ts

@@ -15,6 +15,15 @@ export type NextStepCardVariant = 'default' | 'soft';
  * - `stacked`: always in their own row, one per line at equal width, 8 px apart
  */
 export type NextStepCardActionsLayout = 'inline' | 'stacked';
+/**
+ * Weight of the two built-in actions.
+ * - `default`: a filled primary and a ghost secondary with a chevron, the
+ *   primary last
+ * - `equal`: two answers of the same weight (a question such as „Teilen?“):
+ *   both `outline` in the primary tone at `actionSize`, the primary first,
+ *   no chevron
+ */
+export type NextStepCardActionsStyle = 'default' | 'equal';
 /** Element that renders the title (semantics only, the look stays the same). */
 export type NextStepCardTitleTag = 'div' | 'h2' | 'h3';
 /** Size of the built-in action buttons (`sm` 32 px, `md` 42 px, `lg` 48.5 px). */
@@ -44,6 +53,8 @@ export type NextStepCardActionSize = 'sm' | 'md' | 'lg';
  *   `fullWidth` button gets its own row at every width.
  * - `variant="soft"`: the tinted card of the "Weite" look; `actionsLayout`
  *   `stacked` for several equal-width actions; `titleTag` for a heading
+ * - `actionsStyle="equal"` (3.16, BA-5): a question with two answers of the
+ *   same weight, both outline buttons in the primary tone, primary first
  *
  * The host is a size container (`container-type: inline-size`) and takes the
  * full inline size of its parent.
@@ -106,6 +117,16 @@ export declare class NextStepCardComponent implements AfterViewChecked {
    * @default 'sm'
    */
   actionSize: import("@angular/core").InputSignal<NextStepCardActionSize>;
+  /**
+   * Weight of the built-in actions. `default`: filled primary, ghost secondary
+   * with a chevron, primary last. `equal`: two answers of the same weight, both
+   * `outline` in the primary tone at `actionSize`, primary first, no chevron
+   * (`primaryClick`, `secondaryClick`, `primaryLoading`, `primaryDisabled` and
+   * `announce` work as before). Use `actionSize="lg"` (48.5 px, the 44 px
+   * target; a dev warning otherwise). No effect on `[slot='actions']`.
+   * @default 'default'
+   */
+  actionsStyle: import("@angular/core").InputSignal<NextStepCardActionsStyle>;
   /** Message below the title. For markup, use the default slot instead. */
   message: import("@angular/core").InputSignal<string | undefined>;
   /** Label of the primary action. Omit to render no primary button. */
@@ -200,6 +221,11 @@ export declare class NextStepCardComponent implements AfterViewChecked {
       "required": false;
       "isSignal": true;
     };
+    "actionsStyle": {
+      "alias": "actionsStyle";
+      "required": false;
+      "isSignal": true;
+    };
     "message": {
       "alias": "message";
       "required": false;

package/types/lifecorner-angular-ui-kit-page-header.d.ts

@@ -15,6 +15,13 @@ import * as i0 from "@angular/core";
  *                   1024 px (`--font-size-auth-title`)
  */
 export type PageHeaderSize = 'compact' | 'secondary' | 'default' | 'comfortable' | 'title' | 'display' | 'auth';
+/**
+ * Space above the page header's content (3.15).
+ * - `default` — the size's block padding (24 px; `comfortable` 40, `compact`
+ *               and `secondary` 12)
+ * - `none` 0 · `sm` 8 px · `md` 16 px
+ */
+export type PageHeaderPaddingTop = 'default' | 'none' | 'sm' | 'md';
 /**
  * Page header — top-of-page title block with optional subtitle,
  * breadcrumbs, badge, description and an actions area.
@@ -116,6 +123,14 @@ export declare class PageHeaderComponent {
    * @default false
    */
   noPaddingX: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Space above the header content. `'default'`: the size's block padding
+   * (24, comfortable 40, compact/secondary 12). `'none'` 0, `'sm'` 8 px,
+   * `'md'` 16 px. The bottom padding is unchanged. Use `'none'` with
+   * `lc-app-page` `paddingTop="md"` to put the `h1` 16 px below `lc-header`.
+   * @default 'default'
+   */
+  paddingTop: import("@angular/core").InputSignal<PageHeaderPaddingTop>;
   /**
    * Classes of the heading: the global type-scale class (`lc-title`,
    * `lc-display`, `lc-auth-title`) joins the component class for the 3.3 sizes.
@@ -179,5 +194,10 @@ export declare class PageHeaderComponent {
       "required": false;
       "isSignal": true;
     };
+    "paddingTop": {
+      "alias": "paddingTop";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["[slot='breadcrumbs']", "[slot='title-suffix']", "[slot='actions']", "[slot='meta']", "*"], true, never>;
 }

package/types/lifecorner-angular-ui-kit-sidenav-placeholder.d.ts

@@ -34,8 +34,10 @@ import * as i0 from "@angular/core";
  * it when it is swapped. The navigation landmark, the current item
  * (`aria-current`) and the tab order arrive with `lc-sidenav`. Static, no
  * shimmer. The skeleton shapes are filled with
- * `--lc-sidenav-placeholder-fill`; the `--lc-sidenav-*` hooks apply as on
- * `lc-sidenav` (set them on an ancestor of both).
+ * `--lc-sidenav-placeholder-fill`; the `--lc-sidenav-*` colour hooks apply as
+ * on `lc-sidenav`: set them on the element or any ancestor (3.15), e.g. one
+ * rule on an ancestor of both. A value on the element wins over an
+ * ancestor's, and both win over `theme`.
  */
 export declare class SidenavPlaceholderComponent {
   private readonly router;

package/types/lifecorner-angular-ui-kit-sidenav.d.ts

@@ -35,8 +35,11 @@ export type SidenavVariant = 'default' | 'transparent';
  * - Optional backdrop overlay
  * - Theme variants: auto, light, dark (with teal accent for dark mode). The
  *   theming hooks (`--lc-sidenav-bg`, `-fg`, `-fg-active`, `-border`,
- *   `-hover-bg`, `-section-fg`, `-active-bg`, `-active-fg`, `-active-icon`)
- *   set on `lc-sidenav` win over `theme` (3.14); `--lc-sidenav-active-indicator`
+ *   `-hover-bg`, `-section-fg`, `-active-bg`, `-active-fg`, `-active-icon`,
+ *   `-badge-ring`) can be set on `lc-sidenav` or any ancestor (3.15); a value
+ *   on the element wins over an ancestor's, and both win over `theme` (3.14).
+ *   Set the same ones for `lc-sidenav-placeholder`, e.g. on a shared ancestor;
+ *   `--lc-sidenav-active-indicator`
  *   (the current item's 2 px bar, default `--color-primary-500`; on a
  *   `theme="light"` rail #208497 on any page, like its focus rings),
  *   `--lc-sidenav-brand-tile-bg` (default `--color-primary-fill`) and

package/types/lifecorner-angular-ui-kit-switch.d.ts

@@ -8,6 +8,10 @@ import * as i0 from "@angular/core";
  * - Size options (sm, md, lg)
  * - Loading state with spinner
  * - Configurable label positioning (left/right)
+ * - Help text below the label, linked by `aria-describedby` (`helpText`, 3.16)
+ * - Rows with a label or help text are at least 44 px high
+ *   (`--lc-switch-min-height`, default `var(--size-min-touch-height)`; `0`
+ *   restores the 3.15 rows of 21/24/28 px)
  * - Keyboard toggle support
  * - Disabled and required states
  * - ControlValueAccessor integration for reactive forms
@@ -54,12 +58,22 @@ export declare class SwitchComponent implements ControlValueAccessor {
    * ARIA label for accessibility (overrides the visible label as accessible name)
    */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Description below the label, linked to the switch by `aria-describedby`
+   * (read after the name and state). Wraps; 14 px secondary text. A tap on it
+   * toggles the switch like the label. Empty renders no element and no
+   * `aria-describedby` (3.15).
+   * @default ''
+   */
+  readonly helpText: import("@angular/core").InputSignal<string>;
   /**
    * Emitted when checked state changes
    */
   readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
   /** Per-instance id so the visible `<label for>` points at this switch. */
   readonly switchId: string;
+  /** id of the rendered help text (only while `helpText` is set). */
+  readonly helpTextId: import("@angular/core").Signal<string | null>;
   /**
    * Effective checked state: follows the `checked` input, overridden by
    * form writes (`writeValue`) and user toggles.
@@ -135,6 +149,11 @@ export declare class SwitchComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "helpText": {
+      "alias": "helpText";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "checkedChange": "checkedChange";
   }, never, never, true, never>;