ngwr 10.0.0 → 10.1.0

package/types/ngwr-gauge.d.ts

@@ -13,6 +13,9 @@ import * as _angular_core from '@angular/core';
  * @see https://ngwr.dev/reference/components/gauge
  */
 declare class WrGauge {
+    /** Accessible name — the role needs one. Falls back to `gauge.label`. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     readonly value: _angular_core.InputSignal<number>;
     readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -33,7 +36,7 @@ declare class WrGauge {
     protected readonly valuePath: _angular_core.Signal<string>;
     protected readonly viewBox = "0 0 100 56";
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrGauge, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrGauge, "wr-gauge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrGauge, "wr-gauge", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WrGauge };

package/types/ngwr-i18n.d.ts

@@ -190,6 +190,21 @@ declare class WrTDirective {
 interface WrI18nLoader {
     load(locale: string, scope: string | null): Observable<WrI18nCatalog>;
 }
+/**
+ * The active loader.
+ *
+ * Defaults to one that serves an empty catalog, which is what makes
+ * `provideWrI18n()` genuinely optional: every ngwr component routes its
+ * built-in strings through `useI18nText` / `readI18nText`, those inject
+ * `WrI18n` optionally — and because `WrI18n` is `providedIn: 'root'`, an
+ * optional inject still CONSTRUCTS it. Without a default here that construction
+ * threw `NG0201: No provider found for WR_I18N_LOADER`, so an app that had
+ * simply not configured i18n could not render `<wr-alert>` at all.
+ *
+ * With the empty catalog, every lookup misses, `t()` hands back the key, and
+ * the helpers fall through to the component's own English default — the
+ * documented no-i18n behaviour.
+ */
 declare const WR_I18N_LOADER: InjectionToken<WrI18nLoader>;
 
 /**

package/types/ngwr-input-number.d.ts

@@ -44,6 +44,13 @@ declare class WrInputNumber implements FormValueControl<number | null> {
     readonly suffix: _angular_core.InputSignal<string>;
     /** Placeholder shown when the input is empty. */
     readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Accessible name for the field. Falls back to the placeholder — inside a
+     * `<wr-form-field>` the projected `wrInput` picks up the label's id and needs
+     * neither, but standalone the text field has no name at all.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
     /** Disable interaction. @default false */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Read-only — values cannot be changed (steppers + typing disabled). @default false */
@@ -77,7 +84,7 @@ declare class WrInputNumber implements FormValueControl<number | null> {
     /** Format a value using `Intl.NumberFormat` for the active locale. */
     private format;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrInputNumber, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrInputNumber, "wr-input-number", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "showSteppers": { "alias": "showSteppers"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrInputNumber, "wr-input-number", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "showSteppers": { "alias": "showSteppers"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 export { WrInputNumber };

package/types/ngwr-input.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 /**
  * @license
@@ -7,7 +7,7 @@ import * as i0 from '@angular/core';
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
 /**
- * Native input `type` values supported by `<wr-input>`.
+ * Native input `type` values supported by ``input[wrInput]``.
  */
 type WrInputType = 'text' | 'number' | 'password' | 'email' | 'search' | 'tel' | 'url';
 
@@ -42,16 +42,40 @@ type WrInputSize = 'sm' | 'md' | 'lg';
  * @see https://ngwr.dev/reference/components/input
  */
 declare class WrInput {
+    private readonly host;
+    private readonly field;
+    /**
+     * Read once, at construction: a static `id=""` in the template is already on
+     * the element by the time a directive is instantiated, and it must win over
+     * the field's generated one.
+     */
+    private readonly ownId;
+    /**
+     * Adopts the surrounding `<wr-form-field>`'s `controlId`, so the label it
+     * already rendered actually points at this element. Without this the `for`
+     * referenced an id that existed nowhere and the input had no label at all.
+     */
+    protected readonly resolvedId: _angular_core.Signal<string | null>;
+    /**
+     * Announced state, taken from the surrounding `<wr-form-field>`.
+     *
+     * The field renders the message but cannot reach the projected control, so
+     * the control reads back: without this the error is visible on screen and
+     * invisible to a screen reader, which never learns the field is invalid or
+     * what the message says.
+     */
+    protected readonly ariaInvalid: _angular_core.Signal<"true" | null>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
     /**
      * Control size. Named `wrSize` (not `size`) so it never clashes with the
      * native `<input size>` attribute. @default 'md'
      */
-    readonly wrSize: i0.InputSignal<WrInputSize>;
+    readonly wrSize: _angular_core.InputSignal<WrInputSize>;
     /** Pill-shaped corners. @default false */
-    readonly rounded: i0.InputSignalWithTransform<boolean, any>;
-    protected readonly classes: i0.Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInput, "input[wrInput], textarea[wrInput]", never, { "wrSize": { "alias": "wrSize"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly rounded: _angular_core.InputSignalWithTransform<boolean, any>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrInput, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WrInput, "input[wrInput], textarea[wrInput]", never, { "wrSize": { "alias": "wrSize"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -68,8 +92,8 @@ declare class WrInput {
  * ```
  */
 declare class WrInputPrefix {
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputPrefix, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInputPrefix, "[wrInputPrefix]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrInputPrefix, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WrInputPrefix, "[wrInputPrefix]", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -86,8 +110,8 @@ declare class WrInputPrefix {
  * ```
  */
 declare class WrInputSuffix {
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputSuffix, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInputSuffix, "[wrInputSuffix]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrInputSuffix, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WrInputSuffix, "[wrInputSuffix]", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -112,10 +136,10 @@ declare class WrInputSuffix {
  */
 declare class WrInputGroup {
     /** Pill-shaped corners. @default false */
-    readonly rounded: i0.InputSignalWithTransform<boolean, any>;
-    protected readonly classes: i0.Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrInputGroup, "wr-input-group", never, { "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    readonly rounded: _angular_core.InputSignalWithTransform<boolean, any>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrInputGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrInputGroup, "wr-input-group", never, { "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -133,12 +157,18 @@ declare class WrInputGroup {
  */
 declare class WrPasswordToggle {
     /** Reference to the linked password input. */
-    readonly for: i0.InputSignal<HTMLInputElement>;
-    protected readonly revealed: i0.WritableSignal<boolean>;
-    protected readonly ariaLabel: i0.Signal<"Hide password" | "Show password">;
+    readonly for: _angular_core.InputSignal<HTMLInputElement>;
+    protected readonly revealed: _angular_core.WritableSignal<boolean>;
+    /** Accessible name while the password is hidden. Falls back to `input.showPassword`. */
+    readonly showLabel: _angular_core.InputSignal<string | null>;
+    /** Accessible name while the password is revealed. Falls back to `input.hidePassword`. */
+    readonly hideLabel: _angular_core.InputSignal<string | null>;
+    private readonly resolvedShowLabel;
+    private readonly resolvedHideLabel;
+    protected readonly ariaLabel: _angular_core.Signal<string>;
     protected toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrPasswordToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrPasswordToggle, "wr-password-toggle", never, { "for": { "alias": "for"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrPasswordToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrPasswordToggle, "wr-password-toggle", never, { "for": { "alias": "for"; "required": true; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WrInput, WrInputGroup, WrInputPrefix, WrInputSuffix, WrPasswordToggle };

package/types/ngwr-knob.d.ts

@@ -21,6 +21,9 @@ import { FormValueControl } from '@angular/forms/signals';
  * @see https://ngwr.dev/reference/components/knob
  */
 declare class WrKnob implements FormValueControl<number> {
+    /** Accessible name — the role needs one. Falls back to `knob.label`. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     /** Minimum allowed value. @default 0 */
     readonly min: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     /** Maximum allowed value. @default 100 */
@@ -76,7 +79,7 @@ declare class WrKnob implements FormValueControl<number> {
     private commit;
     private arcPath;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrKnob, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrKnob, "wr-knob", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrKnob, "wr-knob", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 export { WrKnob };

package/types/ngwr-lightbox.d.ts

@@ -19,6 +19,9 @@ import { TemplateRef } from '@angular/core';
  * @see https://ngwr.dev/reference/components/lightbox
  */
 declare class WrLightbox {
+    /** Accessible name. Falls back to `image.close`, then `'Close preview'`. */
+    readonly closeLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedCloseLabel: _angular_core.Signal<string>;
     /** Image source. */
     readonly src: _angular_core.InputSignal<string>;
     /** Alt text. Required for a11y; falls back to an empty string. @default '' */
@@ -44,6 +47,9 @@ declare class WrLightbox {
     private readonly overlay;
     private readonly vcr;
     private readonly destroyRef;
+    private readonly focusTrapFactory;
+    private focusTrap;
+    private previouslyFocused;
     private overlayRef;
     constructor();
     protected onClick(): void;
@@ -57,7 +63,7 @@ declare class WrLightbox {
     private openOverlay;
     private closeOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrLightbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrLightbox, "wr-lightbox", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "disablePreview": { "alias": "disablePreview"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrLightbox, "wr-lightbox", never, { "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "disablePreview": { "alias": "disablePreview"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WrLightbox };

package/types/ngwr-line-chart.d.ts

@@ -12,7 +12,7 @@ interface WrLineSeries {
  *
  * @example
  * ```html
- * <wr-lineChart
+ * <wr-line-chart
  *   [series]="[
  *     { label: 'Visits', data: [12, 18, 9, 22, 30, 27, 35] },
  *     { label: 'Signups', data: [3, 5, 4, 8, 11, 9, 14], color: 'var(--wr-color-success)' }

package/types/ngwr-media.d.ts

@@ -3,7 +3,7 @@ import { InjectionToken, Signal, EnvironmentProviders } from '@angular/core';
 import * as ngwr_media from 'ngwr/media';
 
 /** Named breakpoint identifiers — match the SCSS `_breakpoints.scss` keys. */
-type WrBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type WrBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xga' | 'fhd' | 'rt';
 /** Map of breakpoint → minimum viewport width in pixels. */
 type WrBreakpointMap = Readonly<Record<WrBreakpoint, number>>;
 

package/types/ngwr-meter-group.d.ts

@@ -35,6 +35,9 @@ interface WrMeterSegment {
  * @see https://ngwr.dev/reference/components/meter-group
  */
 declare class WrMeterGroup {
+    /** Accessible name — the role needs one. Falls back to `meterGroup.label`. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     readonly segments: _angular_core.InputSignal<readonly WrMeterSegment[]>;
     /** Explicit total. When `0` (default), `max = sum(values)`. @default 0 */
     readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -43,6 +46,11 @@ declare class WrMeterGroup {
     /** Show each segment's percent value in the legend. @default true */
     readonly showValues: _angular_core.InputSignalWithTransform<boolean, any>;
     protected readonly resolvedMax: _angular_core.Signal<number>;
+    /**
+     * Sum of the segments, for `aria-valuenow`. `role="progressbar"` without it
+     * announces no value at all, so the bar was invisible to assistive tech.
+     */
+    protected readonly totalValue: _angular_core.Signal<number>;
     protected readonly slices: _angular_core.Signal<{
         label: string;
         value: number;
@@ -50,7 +58,7 @@ declare class WrMeterGroup {
         percent: number;
     }[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrMeterGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrMeterGroup, "wr-meter-group", never, { "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrMeterGroup, "wr-meter-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WrMeterGroup };

package/types/ngwr-page-header.d.ts

@@ -11,8 +11,8 @@ import * as _angular_core from '@angular/core';
  * <wr-page-header title="Settings" subtitle="Manage your workspace">
  *   <nav wrPageHeaderBreadcrumbs>…</nav>
  *   <div wrPageHeaderActions>
- *     <button wrButton>Invite</button>
- *     <button wrButton color="primary">Save</button>
+ *     <button wr-btn>Invite</button>
+ *     <button wr-btn color="primary">Save</button>
  *   </div>
  *   <div wrPageHeaderExtra>
  *     <wr-tag>v2.4</wr-tag>

package/types/ngwr-pagination.d.ts

@@ -129,4 +129,4 @@ declare class WrPagination {
 }
 
 export { WrPagination };
-export type { WrPaginationAlign };
+export type { WrPaginationAlign, WrPaginationShape, WrPaginationSize };

package/types/ngwr-progress.d.ts

@@ -12,6 +12,9 @@ import * as _angular_core from '@angular/core';
  * @see https://ngwr.dev/reference/components/progress
  */
 declare class WrProgress {
+    /** Accessible name — `role="progressbar"` needs one. Falls back to `progress.label`. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     /**
      * Bar color.
      *
@@ -27,7 +30,7 @@ declare class WrProgress {
     protected readonly clamped: _angular_core.Signal<number>;
     protected readonly classes: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrProgress, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrProgress, "wr-progress", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrProgress, "wr-progress", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WrProgress };

package/types/ngwr-rating.d.ts

@@ -42,8 +42,9 @@ declare class WrRating implements FormValueControl<number | null> {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Control size — scales the icons + gaps. @default 'md' */
     readonly size: _angular_core.InputSignal<WrRatingSize>;
-    /** Accessible label. @default 'Rating' */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Accessible label. Falls back to `rating.label`, then `'Rating'`. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     /** The rating. Bound by `[formField]`, or two-way via `[(value)]`. */
     readonly value: _angular_core.ModelSignal<number | null>;
     /** Emitted on blur so a bound field can mark itself touched. */

package/types/ngwr-result.d.ts

@@ -10,11 +10,11 @@ type WrResultStatus = 'success' | 'warning' | 'error' | 'info' | 'empty';
  * @example
  * ```html
  * <wr-result status="success" title="Submitted!" description="We'll be in touch.">
- *   <button wrButton color="primary" wrResultExtra>Continue</button>
+ *   <button wr-btn color="primary" wrResultExtra>Continue</button>
  * </wr-result>
  *
  * <wr-result status="empty" title="No projects yet">
- *   <button wrButton wrResultExtra>Create one</button>
+ *   <button wr-btn wrResultExtra>Create one</button>
  * </wr-result>
  * ```
  *
@@ -35,27 +35,33 @@ declare class WrResult {
  * @example
  * ```html
  * <wr-result-404>
- *   <button wrButton wrResultExtra>Back home</button>
+ *   <button wr-btn wrResultExtra>Back home</button>
  * </wr-result-404>
  * ```
  */
 declare class WrResult404 {
     readonly title: _angular_core.InputSignal<string>;
-    readonly description: _angular_core.InputSignal<string>;
+    /** Body text. Falls back to `result.notFound` from WrI18n. */
+    readonly description: _angular_core.InputSignal<string | null>;
+    protected readonly desc: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrResult404, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrResult404, "wr-result-404", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /** Pre-set 403 result — forbidden / no access. */
 declare class WrResult403 {
     readonly title: _angular_core.InputSignal<string>;
-    readonly description: _angular_core.InputSignal<string>;
+    /** Body text. Falls back to `result.forbidden` from WrI18n. */
+    readonly description: _angular_core.InputSignal<string | null>;
+    protected readonly desc: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrResult403, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrResult403, "wr-result-403", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /** Pre-set 500 result — internal server error. */
 declare class WrResult500 {
     readonly title: _angular_core.InputSignal<string>;
-    readonly description: _angular_core.InputSignal<string>;
+    /** Body text. Falls back to `result.serverError` from WrI18n. */
+    readonly description: _angular_core.InputSignal<string | null>;
+    protected readonly desc: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrResult500, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrResult500, "wr-result-500", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/types/ngwr-segmented.d.ts

@@ -18,6 +18,12 @@ interface WrSegmentedOption<T = unknown> {
     readonly value: T;
     readonly label?: string;
     readonly icon?: WrIconName;
+    /**
+     * Accessible name for an icon-only option. Without a `label` the button has
+     * no text at all, so assistive tech announced nothing; when this is omitted
+     * the option's `value` is used as a last resort.
+     */
+    readonly ariaLabel?: string;
     readonly disabled?: boolean;
 }
 

package/types/ngwr-select.d.ts

@@ -21,8 +21,8 @@ import { Observable } from 'rxjs';
  * - `'multi'`  — array value, chips on the trigger, options toggle on click.
  * - `'search'` — type-ahead with sync filter or async loader (replaces
  *   the standalone `<wr-autocomplete>`).
- * - `'tag'`    — free-text + chips, with optional `allowCreate` /
- *   `createValidator` for typed lists (replaces `<wr-chips-input>`).
+ * - `'tag'`    — free-text + chips, with `separators` / `validate` /
+ *   `allowDuplicates` (replaces `<wr-chips-input>`).
  */
 type WrSelectMode = 'single' | 'multi' | 'search' | 'tag';
 /**
@@ -166,8 +166,6 @@ interface SelectedChip {
  * />
  * ```
  *
- * The legacy `[multi]="true"` boolean is still accepted but is now an
- * alias for `[mode]="'multi'"` — prefer the explicit mode.
  *
  * @see https://ngwr.dev/reference/components/select
  */
@@ -178,6 +176,14 @@ declare class WrSelect implements FormValueControl<unknown>, WrSelectContext {
     readonly clearLabel: _angular_core.InputSignal<string | null>;
     protected readonly resolvedPlaceholder: _angular_core.Signal<string>;
     protected readonly resolvedClear: _angular_core.Signal<string>;
+    /**
+     * Accessible name of the trigger. Falls back to the placeholder, then to
+     * `select.label` — `role="combobox"` on an empty trigger otherwise has no name
+     * at all, which is the common case before anything is selected.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    private readonly labelText;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     /** Per-chip ARIA label — interpolates `{{label}}`. @internal */
     protected readonly chipRemoveLabel: (params?: ngwr_i18n.WrI18nParams) => string;
     /**
@@ -204,8 +210,8 @@ declare class WrSelect implements FormValueControl<unknown>, WrSelectContext {
      *
      * - `'single'` (default) — one value, no input. Classic dropdown.
      * - `'multi'` — array value, chips on the trigger.
-     * - `'search'` *(planned)* — type-ahead with sync filter or async loader.
-     * - `'tag'` *(planned)* — free-text + chips with optional `allowCreate`.
+     * - `'search'` — type-ahead with sync filter or async loader.
+     * - `'tag'` — free-text + chips.
      *
      */
     readonly mode: _angular_core.InputSignal<WrSelectMode | null>;
@@ -533,7 +539,7 @@ declare class WrSelect implements FormValueControl<unknown>, WrSelectContext {
     private openOverlay;
     private closeOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSelect, "wr-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "loader": { "alias": "loader"; "required": false; "isSignal": true; }; "serverSearch": { "alias": "serverSearch"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "freeText": { "alias": "freeText"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "viewportHeight": { "alias": "viewportHeight"; "required": false; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "searchQuery": "searchQueryChange"; "searchChange": "searchChange"; "value": "valueChange"; "touch": "touch"; }, ["projectedOptions"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSelect, "wr-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "loader": { "alias": "loader"; "required": false; "isSignal": true; }; "serverSearch": { "alias": "serverSearch"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "freeText": { "alias": "freeText"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "viewportHeight": { "alias": "viewportHeight"; "required": false; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "searchQuery": "searchQueryChange"; "searchChange": "searchChange"; "value": "valueChange"; "touch": "touch"; }, ["projectedOptions"], ["*"], true, never>;
 }
 
 /**

package/types/ngwr-shiny-text.d.ts

@@ -27,11 +27,9 @@ declare class WrShinyText {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Time for the bright stripe to traverse the text, in seconds. @default 2 */
     readonly speed: _angular_core.InputSignalWithTransform<number, unknown>;
-    /** Base text colour (outside the bright stripe). @default '#b5b5b5' */
-    /** Base text colour. When unset, the theme decides. */
+    /** Base text colour outside the bright stripe. Unset falls back to `--wr-shiny-text-base`. */
     readonly color: _angular_core.InputSignal<string | null>;
-    /** Bright stripe colour. @default '#ffffff' */
-    /** Sweep highlight colour. When unset, the theme decides. */
+    /** Sweep highlight colour. Unset falls back to the theme token. */
     readonly shineColor: _angular_core.InputSignal<string | null>;
     /** Gradient angle in degrees. @default 120 */
     readonly spread: _angular_core.InputSignalWithTransform<number, unknown>;

package/types/ngwr-speed-dial.d.ts

@@ -30,6 +30,12 @@ type WrSpeedDialDirection = 'up' | 'down' | 'left' | 'right';
  */
 declare class WrSpeedDial {
     readonly actions: _angular_core.InputSignal<readonly WrSpeedDialAction[]>;
+    /**
+     * Accessible name of the trigger. Falls back to `speedDial.label`, then
+     * `'Actions'` — the trigger is icon-only, so without this it has no name at all.
+     */
+    readonly triggerLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedTriggerLabel: _angular_core.Signal<string>;
     /** Direction the actions fan out. @default 'up' */
     readonly direction: _angular_core.InputSignal<WrSpeedDialDirection>;
     /** Two-way bindable open state. @default false */
@@ -50,7 +56,7 @@ declare class WrSpeedDial {
     protected onTrigger(): void;
     protected onPick(action: WrSpeedDialAction): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSpeedDial, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSpeedDial, "wr-speed-dial", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "safeArea": { "alias": "safeArea"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "pick": "pick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSpeedDial, "wr-speed-dial", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "safeArea": { "alias": "safeArea"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "pick": "pick"; }, never, never, true, never>;
 }
 
 export { WrSpeedDial };

package/types/ngwr-squircle.d.ts

@@ -49,7 +49,7 @@ type WrSquircleCornerMask = 'all' | 'left' | 'right' | 'top' | 'bottom' | 'none'
  *
  * @example
  * ```html
- * <button wrButton wrSquircle [radius]="16">Save</button>
+ * <button wr-btn wrSquircle [radius]="16">Save</button>
  * <wr-tag wrSquircle>v2.0</wr-tag>
  * <div wrSquircle [radius]="32" [smoothing]="0.8">…</div>
  * <div wrSquircle [borderWidth]="2" borderColor="var(--wr-color-primary)">…</div>

package/types/ngwr-switch.d.ts

@@ -21,6 +21,12 @@ import { FormCheckboxControl } from '@angular/forms/signals';
  */
 type WrSwitchSize = 'sm' | 'md' | 'lg';
 declare class WrSwitch implements FormCheckboxControl {
+    /**
+     * Accessible name for a switch used WITHOUT projected text. The wrapping
+     * `<label>` names the control whenever content is projected; with none, the
+     * label is empty and the input has no name at all.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /** Stable id used to associate the native input with its label. */
     readonly id: _angular_core.InputSignal<string>;
     /**
@@ -40,7 +46,7 @@ declare class WrSwitch implements FormCheckboxControl {
     protected onInputChange(event: Event): void;
     protected onInputBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSwitch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSwitch, "wr-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touch": "touch"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSwitch, "wr-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
 export { WrSwitch };