ngwr 14.1.0 → 14.3.0

package/schematics/migrations/v9/index.js

@@ -8,15 +8,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Match `value` / `[value]` / `[(value)]` inside a `<wr-checkbox …>` open tag.
- * `[^>]*?` stays inside the tag (it can't cross `>`), so the rename never
- * escapes the element it's scoped to.
  *
  * The tag anchor is `(?![-\w])`, NOT `\b`: a word boundary still matches at
  * `<wr-checkbox-group`, whose own `value` IS its form model (it is the group's
  * `FormValueControl`) and must be left alone — renaming it would break every
  * bound group.
+ *
+ * Quoted values are STEPPED OVER rather than excluded, and that is the half a
+ * plain `[^>]*?` got wrong for two majors: a `>` inside a binding expression
+ * looks like the end of the tag, so `<wr-checkbox [disabled]="n > 0" value="a">`
+ * kept its `value` while the same attributes in the other order moved. The
+ * leftover is SILENT — a static `value="a"` that matches no input is an ordinary
+ * DOM attribute, `strictTemplates` says nothing, and every checkbox in the group
+ * keeps the default identity `null`, so they all toggle together. That is the
+ * exact defect this migration exists to prevent, reintroduced by the migration
+ * itself. `migration-v14` fixed the same anchoring; this is that fix, ported.
  */
-const CHECKBOX_TAG = String.raw `<wr-checkbox(?![-\w])[^>]*?\s`;
+const CHECKBOX_TAG = String.raw `<wr-checkbox(?![-\w])(?:"[^"]*"|'[^']*'|[^>])*?\s`;
 const HTML_TRANSFORMS = [
     // <wr-checkbox … value="x">  →  checkboxValue="x"
     { pattern: new RegExp(`(${CHECKBOX_TAG})value=`, 'g'), replacement: '$1checkboxValue=' },

package/schematics/use/symbol-map.json

@@ -157,6 +157,7 @@
   "WrResult403": "ngwr/result",
   "WrResult500": "ngwr/result",
   "WrRotatingText": "ngwr/rotating-text",
+  "WrSchemaForm": "ngwr/schema-form",
   "WrScroll": "ngwr/scroll",
   "WrSegmented": "ngwr/segmented",
   "WrSelect": "ngwr/select",

package/skills/ngwr/SKILL.md

@@ -5,7 +5,7 @@ description: Build Angular UIs with the ngwr component library (standalone, sign
 
 # ngwr
 
-An Angular 22 UI library: 204 tree-shakable entry points, 111 of them shipping a selector.
+An Angular 22 UI library: 225 tree-shakable entry points, 112 of them shipping a selector.
 Standalone, signals-first, zoneless, `ViewEncapsulation.None`. One runtime
 dependency (`tslib`).
 

package/skills/ngwr/references/catalog.md

@@ -91,8 +91,28 @@ root barrel for components.
 | `ngwr/gradient-text/testing` | `import { WrGradientTextHarness } from 'ngwr/gradient-text/testing'` | — |
 | `ngwr/hotkey` | `import { WrHotkey } from 'ngwr/hotkey'` | `[wrHotkey]` |
 | `ngwr/i18n` | `import { WrI18n } from 'ngwr/i18n'` | `[wrT]` |
+| `ngwr/i18n/ar` | `import { wrAr } from 'ngwr/i18n/ar'` | — |
+| `ngwr/i18n/cs` | `import { wrCs } from 'ngwr/i18n/cs'` | — |
+| `ngwr/i18n/de` | `import { wrDe } from 'ngwr/i18n/de'` | — |
 | `ngwr/i18n/en` | `import { wrEn } from 'ngwr/i18n/en'` | — |
+| `ngwr/i18n/es` | `import { wrEs } from 'ngwr/i18n/es'` | — |
+| `ngwr/i18n/fr` | `import { wrFr } from 'ngwr/i18n/fr'` | — |
+| `ngwr/i18n/he` | `import { wrHe } from 'ngwr/i18n/he'` | — |
+| `ngwr/i18n/hi` | `import { wrHi } from 'ngwr/i18n/hi'` | — |
+| `ngwr/i18n/id` | `import { wrId } from 'ngwr/i18n/id'` | — |
+| `ngwr/i18n/it` | `import { wrIt } from 'ngwr/i18n/it'` | — |
+| `ngwr/i18n/ja` | `import { wrJa } from 'ngwr/i18n/ja'` | — |
+| `ngwr/i18n/ko` | `import { wrKo } from 'ngwr/i18n/ko'` | — |
+| `ngwr/i18n/nl` | `import { wrNl } from 'ngwr/i18n/nl'` | — |
+| `ngwr/i18n/pl` | `import { wrPl } from 'ngwr/i18n/pl'` | — |
+| `ngwr/i18n/pt` | `import { wrPt } from 'ngwr/i18n/pt'` | — |
 | `ngwr/i18n/ru` | `import { wrRu } from 'ngwr/i18n/ru'` | — |
+| `ngwr/i18n/sv` | `import { wrSv } from 'ngwr/i18n/sv'` | — |
+| `ngwr/i18n/tr` | `import { wrTr } from 'ngwr/i18n/tr'` | — |
+| `ngwr/i18n/uk` | `import { wrUk } from 'ngwr/i18n/uk'` | — |
+| `ngwr/i18n/vi` | `import { wrVi } from 'ngwr/i18n/vi'` | — |
+| `ngwr/i18n/zh` | `import { wrZh } from 'ngwr/i18n/zh'` | — |
+| `ngwr/i18n/zh-TW` | `import { wrZhTw } from 'ngwr/i18n/zh-TW'` | — |
 | `ngwr/icon` | `import { WrIcon } from 'ngwr/icon'` | `wr-icon` |
 | `ngwr/icon/adapters/feather` | `import { feather } from 'ngwr/icon/adapters/feather'` | — |
 | `ngwr/icon/adapters/lucide` | `import { lucide } from 'ngwr/icon/adapters/lucide'` | — |
@@ -145,6 +165,7 @@ root barrel for components.
 | `ngwr/result` | `import { WrResult } from 'ngwr/result'` | `wr-result-404` `wr-result-403` `wr-result-500` `wr-result` |
 | `ngwr/rotating-text` | `import { WrRotatingText } from 'ngwr/rotating-text'` | `wr-rotating-text` |
 | `ngwr/rotating-text/testing` | `import { WrRotatingTextHarness } from 'ngwr/rotating-text/testing'` | — |
+| `ngwr/schema-form` | `import { WrSchemaForm } from 'ngwr/schema-form'` | `wr-schema-form` |
 | `ngwr/scroll` | `import { WrScroll } from 'ngwr/scroll'` | — |
 | `ngwr/segmented` | `import { WrSegmented } from 'ngwr/segmented'` | `wr-segmented` |
 | `ngwr/segmented/testing` | `import { WrSegmentedHarness } from 'ngwr/segmented/testing'` | — |

package/styles.scss

@@ -89,6 +89,7 @@
 @forward './rating/styles';
 @forward './result/styles';
 @forward './rotating-text/styles';
+@forward './schema-form/styles';
 @forward './segmented/styles';
 @forward './select/styles';
 @forward './shiny-text/styles';

package/theme/styles/_focus.scss

@@ -83,11 +83,32 @@
 }
 
 // Command palette options
-.wr-command-palette__option:focus-visible,
-.wr-command-palette__panel input:focus-visible {
+.wr-command-palette__option:focus-visible {
   @include focus-ring;
 }
 
+// The palette's search field gets NO ring, and this is the one place in the
+// library that withholds one deliberately. The rule everywhere else — a
+// component may inset the ring but must not cancel it — was written about
+// `dropdown`, where focus ROVES between items and the ring is the only thing
+// saying which one you are on. Nothing roves here.
+//
+// The palette autofocuses this field on open and focus never leaves it: the
+// arrows move a highlight through `aria-activedescendant`, so the DOM's focused
+// element is the input from the first frame to the last. An indicator that is
+// on before the user has done anything, and that never moves afterwards,
+// reports no state — it is a permanent blue box that reads as an error.
+//
+// What identifies focus here instead: the caret, which a text field draws on
+// its own and which 2.4.7 accepts; the panel, which is modal and traps focus;
+// and the placeholder plus the search icon, which say what the field is. Insetting
+// was tried first and does not help — an outline on a full-bleed field traces
+// the same rectangle two pixels in.
+//
+// If a future palette ever moves real focus between rows, that variant needs the
+// ring back, and it should be scoped to the roving element rather than reinstated
+// here.
+
 // Mention option rows
 .wr-mention-panel__option:focus-visible {
   @include focus-ring;

package/types/ngwr-calendar.d.ts

@@ -91,6 +91,8 @@ declare class WrCalendar {
     private readonly rovedChip;
     private readonly prevMonthLabel;
     private readonly nextMonthLabel;
+    protected readonly monthListLabel: _angular_core.Signal<string>;
+    protected readonly yearListLabel: _angular_core.Signal<string>;
     private readonly prevYearLabel;
     private readonly nextYearLabel;
     private readonly prevYearsLabel;

package/types/ngwr-command-palette.d.ts

@@ -215,7 +215,7 @@ declare class WrCommandPalette {
     private revealActive;
     private commit;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrCommandPalette, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCommandPalette, "wr-command-palette", never, { "paletteLabel": { "alias": "paletteLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "closeOnPick": { "alias": "closeOnPick"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "serverSearch": { "alias": "serverSearch"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "picked": "picked"; "query": "queryChange"; "searchChange": "searchChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCommandPalette, "wr-command-palette", never, { "paletteLabel": { "alias": "paletteLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "closeOnPick": { "alias": "closeOnPick"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "serverSearch": { "alias": "serverSearch"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "picked": "picked"; "query": "queryChange"; "searchChange": "searchChange"; }, never, ["[wrCommandPaletteFooter]"], true, never>;
 }
 
 export { WrCommandPalette };

package/types/ngwr-event-calendar.d.ts

@@ -232,6 +232,11 @@ declare class WrEventCalendar {
     protected readonly allDayLabel: _angular_core.Signal<string>;
     protected readonly timeLabel: _angular_core.Signal<string>;
     protected readonly moreLabel: (params?: ngwr_i18n.WrI18nParams) => string;
+    private readonly headerText;
+    private readonly rangeText;
+    private readonly chipLabelText;
+    private readonly slotLabelText;
+    private readonly allDayCellText;
     private readonly monthLabel;
     private readonly weekLabel;
     private readonly dayLabel;

package/types/ngwr-form.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { InjectionToken, Signal, EnvironmentProviders } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
 import { NgControl } from '@angular/forms';
+import * as _angular_forms_signals from '@angular/forms/signals';
 
 /**
  * Wraps a label + control + error message into a single field row.
@@ -359,5 +360,90 @@ declare function provideWrFormErrors(messages?: WrFormErrorMessages): Environmen
  */
 declare const WR_FORM_ERROR_FALLBACKS: WrFormErrorMessages;
 
-export { WR_FORM_ERRORS, WR_FORM_ERROR_FALLBACKS, WR_FORM_FIELD, WrFormError, WrFormField, WrFormItem, provideWrFormErrors, useFormFieldAria };
-export type { WrFormErrorContext, WrFormErrorMessage, WrFormErrorMessages, WrFormFieldAria, WrFormFieldContext };
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * How a field is DRAWN, attached to the same Signal Forms schema that already
+ * says how it is validated.
+ *
+ * The alternative was a second schema — one for rules, one for presentation —
+ * and it was rejected before it was written: two descriptions of one form drift
+ * the moment someone renames a field in one of them, and nothing would report
+ * it. Angular's `metadata()` takes a typed key and a `LogicFn`, so the
+ * presentation rides on the schema the validators are already in, and it is
+ * REACTIVE for free: a label, a set of options or a placeholder may depend on
+ * the value of another field.
+ *
+ * What this deliberately does NOT carry: `required`, `disabled`, `readonly`,
+ * `hidden`, `min`, `max`, and every validation rule. Those are Angular's own
+ * schema functions, they already drive the control through `[formField]`, and
+ * duplicating them here would create a second source of truth for state the form
+ * already owns. That is not only a judgement call — Angular REFUSES a `[min]` or
+ * `[required]` binding on a field-bound control (NG8022), so the second source
+ * of truth is a compile error rather than a drift.
+ */
+type WrFieldKind = 'input' | 'textarea' | 'number' | 'select' | 'checkbox' | 'switch' | 'radio' | 'date' | 'slider';
+/** One choice, for the kinds that offer a list. */
+interface WrFieldOption {
+    readonly value: unknown;
+    readonly label: string;
+    readonly disabled?: boolean;
+}
+/**
+ * The presentation of one field.
+ *
+ * `kind` is the only required member: everything else has a sane default, and a
+ * schema that says no more than `{ kind: 'input' }` still renders a labelled,
+ * error-bound control — the label falls back to the field's own name.
+ */
+interface WrFieldSpec {
+    readonly kind: WrFieldKind;
+    /** Defaults to the field's key, de-camel-cased — `workEmail` becomes "Work email". */
+    readonly label?: string;
+    readonly placeholder?: string;
+    /** Help text under the control. Errors replace it while the field is invalid. */
+    readonly hint?: string;
+    /** For `select` and `radio`. Ignored by every other kind. */
+    readonly options?: readonly WrFieldOption[];
+    /** Native `type` for `kind: 'input'` — `email`, `password`, `url`, `tel`. */
+    readonly type?: string;
+    /**
+     * Granularity for `number` and `slider`. The BOUNDS are deliberately absent:
+     * Angular refuses a `[min]` or `[max]` binding on a `[formField]`-bound
+     * control outright (NG8022), because the field owns them — write `min(path.x,
+     * 18)` in the schema and the control picks it up. `step` is presentation, has
+     * no schema function, and stays here.
+     */
+    readonly step?: number;
+    /**
+     * Columns this field spans in `<wr-schema-form>`'s grid. Clamped to the form's
+     * own `columns`, and 1 by default — a field is one cell unless it asks to be
+     * wider.
+     */
+    readonly span?: number;
+}
+/**
+ * The metadata key `<wr-schema-form>` reads.
+ *
+ * ```ts
+ * const userSchema = schema<User>(path => {
+ *   required(path.email);
+ *   email(path.email);
+ *   metadata(path.email, WR_FIELD, () => ({ kind: 'input', type: 'email', label: 'Work email' }));
+ *   metadata(path.role, WR_FIELD, () => ({ kind: 'select', options: ROLES }));
+ * });
+ * ```
+ *
+ * A field with no `WR_FIELD` metadata is not an error and is not guessed at —
+ * `<wr-schema-form>` skips it, so a schema can describe more than one screen shows.
+ */
+declare const WR_FIELD: _angular_forms_signals.MetadataKey<_angular_core.Signal<WrFieldSpec | undefined>, WrFieldSpec, WrFieldSpec | undefined>;
+/** `workEmail` -> `Work email`. The fallback label, and only ever a fallback. */
+declare function wrFieldLabel(key: string): string;
+
+export { WR_FIELD, WR_FORM_ERRORS, WR_FORM_ERROR_FALLBACKS, WR_FORM_FIELD, WrFormError, WrFormField, WrFormItem, provideWrFormErrors, useFormFieldAria, wrFieldLabel };
+export type { WrFieldKind, WrFieldOption, WrFieldSpec, WrFormErrorContext, WrFormErrorMessage, WrFormErrorMessages, WrFormFieldAria, WrFormFieldContext };

package/types/ngwr-i18n-ar.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Arabic catalog for ngwr built-in component strings. */
+declare const wrAr: WrI18nCatalog;
+
+export { wrAr };

package/types/ngwr-i18n-cs.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Czech catalog for ngwr built-in component strings. */
+declare const wrCs: WrI18nCatalog;
+
+export { wrCs };

package/types/ngwr-i18n-de.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base German catalog for ngwr built-in component strings. */
+declare const wrDe: WrI18nCatalog;
+
+export { wrDe };

package/types/ngwr-i18n-es.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Spanish catalog for ngwr built-in component strings. */
+declare const wrEs: WrI18nCatalog;
+
+export { wrEs };

package/types/ngwr-i18n-fr.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base French catalog for ngwr built-in component strings. */
+declare const wrFr: WrI18nCatalog;
+
+export { wrFr };

package/types/ngwr-i18n-he.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Hebrew catalog for ngwr built-in component strings. */
+declare const wrHe: WrI18nCatalog;
+
+export { wrHe };

package/types/ngwr-i18n-hi.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Hindi catalog for ngwr built-in component strings. */
+declare const wrHi: WrI18nCatalog;
+
+export { wrHi };

package/types/ngwr-i18n-id.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Indonesian catalog for ngwr built-in component strings. */
+declare const wrId: WrI18nCatalog;
+
+export { wrId };

package/types/ngwr-i18n-it.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Italian catalog for ngwr built-in component strings. */
+declare const wrIt: WrI18nCatalog;
+
+export { wrIt };

package/types/ngwr-i18n-ja.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Japanese catalog for ngwr built-in component strings. */
+declare const wrJa: WrI18nCatalog;
+
+export { wrJa };

package/types/ngwr-i18n-ko.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Korean catalog for ngwr built-in component strings. */
+declare const wrKo: WrI18nCatalog;
+
+export { wrKo };

package/types/ngwr-i18n-nl.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Dutch catalog for ngwr built-in component strings. */
+declare const wrNl: WrI18nCatalog;
+
+export { wrNl };

package/types/ngwr-i18n-pl.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Polish catalog for ngwr built-in component strings. */
+declare const wrPl: WrI18nCatalog;
+
+export { wrPl };

package/types/ngwr-i18n-pt.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Portuguese catalog for ngwr built-in component strings. */
+declare const wrPt: WrI18nCatalog;
+
+export { wrPt };

package/types/ngwr-i18n-sv.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Swedish catalog for ngwr built-in component strings. */
+declare const wrSv: WrI18nCatalog;
+
+export { wrSv };

package/types/ngwr-i18n-tr.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Turkish catalog for ngwr built-in component strings. */
+declare const wrTr: WrI18nCatalog;
+
+export { wrTr };

package/types/ngwr-i18n-uk.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Ukrainian catalog for ngwr built-in component strings. */
+declare const wrUk: WrI18nCatalog;
+
+export { wrUk };

package/types/ngwr-i18n-vi.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Vietnamese catalog for ngwr built-in component strings. */
+declare const wrVi: WrI18nCatalog;
+
+export { wrVi };

package/types/ngwr-i18n-zh-TW.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Traditional Chinese catalog for ngwr built-in component strings. */
+declare const wrZhTw: WrI18nCatalog;
+
+export { wrZhTw };

package/types/ngwr-i18n-zh.d.ts

@@ -0,0 +1,6 @@
+import { WrI18nCatalog } from 'ngwr/i18n';
+
+/** Base Simplified Chinese catalog for ngwr built-in component strings. */
+declare const wrZh: WrI18nCatalog;
+
+export { wrZh };

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

@@ -32,6 +32,8 @@ declare class WrLineChart {
      */
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
+    private readonly locale;
+    private readonly thousandsText;
     /** Labels for the X axis (one per data point). */
     readonly xLabels: _angular_core.InputSignal<readonly string[]>;
     /** Chart pixel height. @default 240 */
@@ -103,6 +105,19 @@ declare class WrLineChart {
     protected readonly hoverLabel: _angular_core.Signal<string>;
     protected onPointerMove(event: PointerEvent): void;
     protected onPointerLeave(): void;
+    /**
+     * A Y-axis tick, in the reader's own language.
+     *
+     * Two halves and both were English. The `k` was a hardcoded Latin
+     * abbreviation — `тыс.` in Russian — so it goes through the catalog like every
+     * other word the library paints. The digits went through `toFixed`, which
+     * always writes a full stop, so a German axis read `1.5` where the rest of the
+     * page read `1,5`; they go through `Intl` now, the way `wrNumber`, `wrDate`
+     * and `wrPlural` already did.
+     *
+     * Grouping is OFF deliberately: a tick is a short axis label, and `5,000k`
+     * would be both wider and a change to what every existing chart draws.
+     */
     protected formatTick(v: number): string;
     protected readonly viewBox: _angular_core.Signal<string>;
     protected readonly hostEl: HTMLElement;

package/types/ngwr-pipes.d.ts

@@ -4,17 +4,58 @@ import { WrDateFormat } from 'ngwr/date';
 import { SafeHtml } from '@angular/platform-browser';
 
 /**
- * Humanise a byte count using binary (1024-based) units.
+ * Humanise a byte count using binary (1024-based) units, in the reader's locale.
  *
  * @example
  * ```html
- * {{ 1234 | wrBytes }}            <!-- "1.2 KB"   -->
- * {{ 1234567 | wrBytes: 0 }}      <!-- "1 MB"     -->
- * {{ 0 | wrBytes }}               <!-- "0 B"      -->
+ * {{ 1234 | wrBytes }}            <!-- en: "1.2 kB"   de: "1,2 kB"   ru: "1,2 кБ" -->
+ * {{ 1234567 | wrBytes: 0 }}      <!-- en: "1 MB"     fr: "1 Mo"                  -->
+ * {{ 0 | wrBytes }}               <!-- en: "0 B"      ru: "0 Б"                   -->
  * ```
+ *
+ * **Both halves come from `Intl`, and the unit table is not the catalog's.** The
+ * number always did need `LOCALE_ID` — it went through `toFixed`, which writes a
+ * full stop in every language, so a German page read `1.2 KB` beside its own
+ * `1,2` everywhere else — and the three formatting pipes beside this one
+ * (`wrDate`, `wrNumber`, `wrPlural`) had injected it since they shipped.
+ *
+ * The unit could not follow them into `ngwr/i18n`, and the reason is the pipe
+ * rather than the strings: a PURE pipe is re-invoked only when its argument
+ * changes, so a catalog that lands after the first render — which is every
+ * `provideWrI18nHttpLoader` app — would never reach it, and the pipe would be
+ * correct under the static loader and silently English under the other one.
+ * `LOCALE_ID` is a constant, so `Intl` has no such failure mode, and it knows
+ * every locale ICU ships rather than the twenty-two this package translates.
+ *
+ * One visible change in English and it is the only one: `KB` became `kB`, which
+ * is what CLDR calls that unit. `B`, the space before it and every other
+ * magnitude read exactly as they did — see `format` for the part of that which
+ * is not free.
+ *
+ * The other consequence, kept here so nobody rediscovers it as a bug:
+ * `<wr-file-upload>` prints its own sizes from `fileUpload.unitKb` and friends,
+ * which are public catalog keys a consumer may have overridden, so it renders
+ * `KB` where this pipe renders `kB`. Retiring those keys would silently break
+ * every override that had been translating them, which is a major-version move.
  */
 declare class WrBytes implements PipeTransform {
+    private readonly locale;
     transform(value: number | string | null | undefined, decimals?: number): string;
+    /**
+     * `Intl`'s NARROW unit, with one space put back between it and the number.
+     *
+     * Neither display mode is right on its own. `short` spells the smallest unit
+     * as a word — "512 byte", "0 byte" in English, "0 Byte" in German — which is
+     * both worse copy than the `B` this pipe has always rendered and a bigger
+     * change than the fix is worth. `narrow` gives `B` / `Б` / `o` correctly and
+     * then closes the gap: "1.2kB".
+     *
+     * So the parts are reassembled rather than the string. Going through
+     * `formatToParts` is what keeps the ORDER the locale's own — Hebrew puts the
+     * unit first, and hand-joining `${n} ${unit}` would silently straighten every
+     * such locale into English order.
+     */
+    private format;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrBytes, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<WrBytes, "wrBytes", true>;
 }

package/types/ngwr-schema-form.d.ts

@@ -0,0 +1,90 @@
+import * as _angular_core from '@angular/core';
+import { FieldTree, Field } from '@angular/forms/signals';
+import { WrFieldSpec } from 'ngwr/form';
+
+/** One field the template draws, resolved once per schema change. */
+interface WrRenderedField {
+    readonly key: string;
+    readonly field: Field<never>;
+    readonly spec: WrFieldSpec;
+    /** `spec.label`, or the key de-camel-cased. */
+    readonly label: string;
+    /**
+     * The same text, or `''` for the two kinds that carry their own label inside
+     * the control. Resolved here rather than in the template: a method call in a
+     * template is re-run on every pass, and this is decided once per schema.
+     */
+    readonly labelAbove: string;
+    /** `grid-column`, already clamped to the form's own `columns`. */
+    readonly column: string;
+}
+/**
+ * A form drawn from a Signal Forms schema — one `<wr-form-field>`, one control
+ * and one set of error messages per described field, laid out on a grid.
+ *
+ * The presentation rides on the SAME schema as the validation, through the
+ * `WR_FIELD` metadata key from `ngwr/form`:
+ *
+ * ```ts
+ * const profile = form(model, path => {
+ *   required(path.email);
+ *   email(path.email);
+ *   metadata(path.email, WR_FIELD, () => ({ kind: 'input', type: 'email' }));
+ *   metadata(path.role, WR_FIELD, () => ({ kind: 'select', options: ROLES }));
+ * });
+ * ```
+ * ```html
+ * <wr-schema-form [field]="profile" [columns]="2" />
+ * ```
+ *
+ * **A field with no `WR_FIELD` metadata is skipped**, silently and on purpose: a
+ * schema may describe more than one screen renders, and guessing a control from
+ * a field's type would draw a `wr-switch` for every boolean flag in the model.
+ * Order is the model's own key order.
+ *
+ * **`required`, `disabled`, `readonly` and `hidden` are NOT in the spec.** They
+ * are Angular's own schema functions, `[formField]` already applies the first
+ * three to the control, and this component reads `hidden()` to decide whether to
+ * draw the field at all — which Angular's docs say a template has to do itself.
+ * Re-declaring any of them here would be a second source of truth for state the
+ * form already owns.
+ *
+ * **Why its own entry point rather than `ngwr/form`.** Drawing nine kinds means
+ * depending on nine controls, and `ngwr/form` is the layout primitive every
+ * form imports — folding this in would put a date picker and a slider into the
+ * bundle of an app that only wanted `<wr-form-field>`.
+ *
+ * @see https://ngwr.dev/reference/components/schema-form
+ */
+declare class WrSchemaForm<T extends object> {
+    /**
+     * The form to draw — the value `form()` returned, or any object-valued field
+     * inside one.
+     */
+    readonly field: _angular_core.InputSignal<FieldTree<T>>;
+    /**
+     * Grid columns. A field spans one of them unless its spec says otherwise.
+     * @default 1
+     */
+    readonly columns: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * The track list, written as a style rather than published as a
+     * `--wr-schema-form-columns` hook: `columns` always has a value, so the
+     * inline style would win over any declaration a consumer wrote and the hook
+     * would be one nobody could use.
+     */
+    protected readonly template: _angular_core.Signal<string>;
+    /**
+     * The described fields, in the model's key order.
+     *
+     * A field tree over an object is iterable as `[key, field]` pairs, which is
+     * the whole reason this component needs no field list of its own. `isFieldTree`
+     * guards the pair: a model carrying a method or a non-field property would
+     * otherwise be read as a field and answer `undefined` to everything.
+     */
+    protected readonly fields: _angular_core.Signal<readonly WrRenderedField[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSchemaForm<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSchemaForm<any>, "wr-schema-form", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { WrSchemaForm };

package/types/ngwr-version.d.ts

@@ -16,7 +16,7 @@ import { InjectionToken } from '@angular/core';
  * Distinct from `Version` exported by `@angular/core`, which reports the
  * loaded Angular runtime version (e.g. `'22.0.0'`), not ngwr's.
  */
-declare const NGWR_VERSION = "14.1.0";
+declare const NGWR_VERSION = "14.3.0";
 
 /**
  * @license