ngwr 11.1.0 → 12.0.0

package/mcp/providers.js

@@ -0,0 +1,42 @@
+/**
+ * @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
+ */
+const REQUIRED_PROVIDERS = [
+    {
+        test: /^Wr(Dialog|Drawer|Toast|Popover|Popconfirm|ContextMenu|Select|Dropdown|CommandPalette|Cascader|Mention|DatePicker|Tour|Lightbox)/,
+        provider: "provideWrOverlay() // from 'ngwr/overlay'",
+        why: 'overlays render into an ngwr-owned container; without it they never appear',
+    },
+    {
+        test: /^WrIcon/,
+        provider: "provideWrIcons(lucideIcons({ … })) // from 'ngwr/icon' + 'ngwr/icon/adapters/lucide'",
+        why: 'icons resolve by name from a registry you populate',
+    },
+    {
+        test: /^WrDatePicker|^WrCalendar|^WrEventCalendar/,
+        // The one-line wrapper, not `provideWrDateAdapter({ adapter: WrDateFnsAdapter })`:
+        // both compile, but this is one import from one entry point, and it is the form
+        // the docs recommend. It used to read `provideWrDateAdapter(wrDateFnsAdapter)`,
+        // which is wrong three ways at once — `ngwr/date/adapters/fns` exports neither
+        // identifier, and the real `provideWrDateAdapter` takes an options object.
+        provider: "provideWrDateFnsAdapter() // from 'ngwr/date/adapters/fns'",
+        why: 'every date mode goes through an adapter; there is no built-in default',
+    },
+    {
+        // Spelled out rather than `^WrT(Pipe|Directive)$`: `describeTest` in the
+        // skill generator only names alternatives that are bare symbols, so a group
+        // here would print "symbols matching …" instead of the two names. It used to
+        // read `^WrT$`: `WrT` is a symbol ngwr has never exported, and anchored at
+        // both ends it matched neither `WrTPipe` nor `WrTDirective` — so the one rule
+        // whose `why` names the pipe and the directive fired for neither of them.
+        test: /^WrTPipe$|^WrTDirective$|^WrI18n/,
+        // Two entry points, and the comment has to say so: the catalog `wrEn` is
+        // `ngwr/i18n/en`, not `ngwr/i18n`, which exports neither catalog.
+        provider: "provideWrI18n() + provideWrI18nStaticLoader({ en: wrEn }) // from 'ngwr/i18n' + 'ngwr/i18n/en'",
+        why: 'the pipe and directive read from a catalog you provide',
+    },
+];
+export { REQUIRED_PROVIDERS };

package/mcp/tools.js

@@ -5,6 +5,7 @@
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
 import { declaredClasses, extractClass } from './api.js';
+import { REQUIRED_PROVIDERS } from './providers.js';
 const DOCS = 'https://ngwr.dev';
 /**
  * The four tools, and why there are only four.
@@ -77,35 +78,6 @@ const TOOLS = [
         },
     },
 ];
-/**
- * Providers a symbol cannot work without.
- *
- * Hard-coded, and the list is short on purpose: these are the four cases where
- * the component compiles, renders nothing useful, and gives no error that names
- * the cause. Everything else is discoverable from the docs page.
- */
-const REQUIRED_PROVIDERS = [
-    {
-        test: /^Wr(Dialog|Drawer|Toast|Popover|Popconfirm|ContextMenu|Select|Dropdown|CommandPalette|Cascader|Mention|DatePicker|Tour|Lightbox)/,
-        provider: "provideWrOverlay() // from 'ngwr/overlay'",
-        why: 'overlays render into an ngwr-owned container; without it they never appear',
-    },
-    {
-        test: /^WrIcon/,
-        provider: "provideWrIcons(lucideIcons({ … })) // from 'ngwr/icon' + 'ngwr/icon/adapters/lucide'",
-        why: 'icons resolve by name from a registry you populate',
-    },
-    {
-        test: /^WrDatePicker|^WrCalendar|^WrEventCalendar/,
-        provider: "provideWrDateAdapter(wrDateFnsAdapter) // from 'ngwr/date-adapter-fns'",
-        why: 'every date mode goes through an adapter; there is no built-in default',
-    },
-    {
-        test: /^WrT$|^WrI18n/,
-        provider: "provideWrI18n() + provideWrI18nStaticLoader({ en: wrEn }) // from 'ngwr/i18n'",
-        why: 'the pipe and directive read from a catalog you provide',
-    },
-];
 /**
  * The published schema, actually enforced.
  *
@@ -323,6 +295,13 @@ function setup(catalog, symbols) {
     const missing = found.filter(hit => !hit.entry).map(hit => hit.symbol);
     const resolved = found.filter((hit) => hit.entry !== null);
     const providers = REQUIRED_PROVIDERS.filter(required => resolved.some(hit => required.test.test(hit.symbol)));
+    // `ng g ngwr:use` refuses anything outside `schematics/use/symbol-map.json`
+    // ("ngwr:use: unknown symbol"), and `find()` resolves far more than that — it
+    // matches any name on an entry point's `exports:` line, so every harness class
+    // and every exported type came back as a command that fails. Ask the same map
+    // the schematic asks; the rest get the import line they actually need, since a
+    // type or a harness must never go into a component's `imports: []` anyway.
+    const knows = catalog.symbolMap();
     return [
         '# Setting these up',
         '',
@@ -331,7 +310,20 @@ function setup(catalog, symbols) {
         '(prompts for styles, date adapter, density and theme, and prints a bootstrap snippet)',
         '',
         '## 2. Wire each symbol into the component that uses it',
-        ...resolved.map(hit => `ng g ngwr:use ${hit.symbol} --path src/app/some.component.ts   # ${hit.entry.path}`),
+        ...resolved.map(hit => {
+            // Two questions, and the schematic answers "no" to either one. It has to
+            // KNOW the symbol, and the symbol has to be declarable — `ng g ngwr:use`
+            // refuses a service or a token now rather than splicing it into an
+            // `imports: []` where it would not compile. `declarable()` reads the
+            // shipped `.d.ts`, so this needs no copy of that list.
+            const known = typeof knows[hit.symbol] === 'string';
+            const declarable = catalog.declarable(hit.symbol, hit.entry.path);
+            if (known && declarable !== false) {
+                return `ng g ngwr:use ${hit.symbol} --path src/app/some.component.ts   # ${hit.entry.path}`;
+            }
+            const why = known ? 'not a declarable — inject or call it' : 'ng g ngwr:use does not know this symbol';
+            return `import { ${hit.symbol} } from '${hit.entry.path}';   // by hand — ${why}`;
+        }),
         '',
         '`--path` is a NAMED option, not positional — passing it bare fails with `Unknown argument`.',
         '',

package/meter-group/styles/_index.scss

@@ -13,7 +13,7 @@
     height: 0.625rem;
     border-radius: var(--wr-border-radius-pill);
     overflow: hidden;
-    background: rgba(var(--wr-color-outline-rgb), 0.5);
+    background: var(--wr-color-fill-strong);
   }
 
   &__slice {

package/overlay/styles/_index.scss

@@ -23,11 +23,43 @@
   padding-bottom: env(safe-area-inset-bottom);
   // Lift the bottom-pinned sheet clear of the keyboard. margin (not transform)
   // so it doesn't fight the slide-up animation; transitions smoothly.
-  margin-bottom: var(--wr-keyboard-inset, 0px);
+  // `!important` here for a different reason than the rest of this block: all
+  // four sheet users (dialog, select, dropdown, popover) pin the pane with a
+  // `GlobalPositionStrategy…bottom('0')`, and `apply()` writes that offset out
+  // as an INLINE `margin-bottom: 0px` on this very element, on every
+  // `updatePosition`. Without it the lift can never compute to anything but 0.
+  margin-bottom: var(--wr-keyboard-inset, 0px) !important;
   transition: margin-bottom var(--wr-overlay-duration, 0.2s) var(--wr-overlay-ease, ease-out);
   animation: wr-overlay-sheet-up var(--wr-overlay-duration, 0.2s) var(--wr-overlay-ease, ease-out) !important;
 }
 
+// The pane above is the sheet, but only the dialog PAINTS it — there the pane
+// IS the panel. For select, dropdown and popover the pane is a transparent
+// wrapper and the visible surface is its child, so everything above lands on a
+// box nobody can see: the child keeps its own content width and its own
+// all-round radius. `.cdk-overlay-pane` is a row flexbox, so an unsized child
+// shrinks to fit its content and sits against the inline-start edge — dropdown
+// rendered a 160px card in a 375px sheet, popover a 288px one, while
+// `.wr-select-panel` filled it only because select declares `width: 100%` for
+// itself. Stretching every sheet child here is what makes that a property of
+// the sheet rather than a per-component opt-in the next one forgets.
+//
+// The two bottom corners go with it: a sheet is docked flush against the
+// bottom of the screen, so a rounded corner there is a wedge of backdrop
+// sitting on the screen edge. The pane's own `0 0` above says the same thing
+// for the dialog.
+//
+// `.wr-dialog__close` is the one direct child that is NOT a sheet surface —
+// the dialog service parks it absolutely in the panel's corner, at its own
+// 24px box and its own radius. `dialog/styles/_index.scss` excludes it from
+// its sibling rule for the same reason.
+.wr-overlay-sheet > *:not(.wr-dialog__close) {
+  width: 100% !important;
+  max-width: 100% !important;
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
 // Dim + blur behind a sheet — for overlays that otherwise have no backdrop.
 .wr-overlay-backdrop {
   background: var(--wr-color-overlay);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngwr",
-  "version": "11.1.0",
+  "version": "12.0.0",
   "bin": {
     "ngwr-mcp": "./mcp/server.js"
   },
@@ -43,13 +43,18 @@
     "@angular/cdk": ">=22.0.0",
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",
+    "@angular/forms": ">=22.0.0",
     "@angular/platform-browser": ">=22.0.0",
+    "@angular/router": ">=22.0.0",
     "rxjs": "^7.0.0",
     "date-fns": "^3.0.0 || ^4.0.0",
     "luxon": "^3.0.0",
     "lucide": ">=1.0.0"
   },
   "peerDependenciesMeta": {
+    "@angular/router": {
+      "optional": true
+    },
     "date-fns": {
       "optional": true
     },
@@ -636,10 +641,34 @@
     "./package.json": {
       "default": "./package.json"
     },
+    "./action-sheet/testing": {
+      "types": "./types/ngwr-action-sheet-testing.d.ts",
+      "default": "./fesm2022/ngwr-action-sheet-testing.mjs"
+    },
+    "./bar-chart/testing": {
+      "types": "./types/ngwr-bar-chart-testing.d.ts",
+      "default": "./fesm2022/ngwr-bar-chart-testing.mjs"
+    },
+    "./blur-text/testing": {
+      "types": "./types/ngwr-blur-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-blur-text-testing.mjs"
+    },
+    "./border-glow/testing": {
+      "types": "./types/ngwr-border-glow-testing.d.ts",
+      "default": "./fesm2022/ngwr-border-glow-testing.mjs"
+    },
     "./button/testing": {
       "types": "./types/ngwr-button-testing.d.ts",
       "default": "./fesm2022/ngwr-button-testing.mjs"
     },
+    "./calendar-heatmap/testing": {
+      "types": "./types/ngwr-calendar-heatmap-testing.d.ts",
+      "default": "./fesm2022/ngwr-calendar-heatmap-testing.mjs"
+    },
+    "./calendar/testing": {
+      "types": "./types/ngwr-calendar-testing.d.ts",
+      "default": "./fesm2022/ngwr-calendar-testing.mjs"
+    },
     "./carousel/testing": {
       "types": "./types/ngwr-carousel-testing.d.ts",
       "default": "./fesm2022/ngwr-carousel-testing.mjs"
@@ -652,6 +681,10 @@
       "types": "./types/ngwr-checkbox-testing.d.ts",
       "default": "./fesm2022/ngwr-checkbox-testing.mjs"
     },
+    "./circular-text/testing": {
+      "types": "./types/ngwr-circular-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-circular-text-testing.mjs"
+    },
     "./clipboard": {
       "types": "./types/ngwr-clipboard.d.ts",
       "default": "./fesm2022/ngwr-clipboard.mjs"
@@ -660,6 +693,10 @@
       "types": "./types/ngwr-collapse-testing.d.ts",
       "default": "./fesm2022/ngwr-collapse-testing.mjs"
     },
+    "./color-picker/testing": {
+      "types": "./types/ngwr-color-picker-testing.d.ts",
+      "default": "./fesm2022/ngwr-color-picker-testing.mjs"
+    },
     "./command-palette/testing": {
       "types": "./types/ngwr-command-palette-testing.d.ts",
       "default": "./fesm2022/ngwr-command-palette-testing.mjs"
@@ -680,22 +717,26 @@
       "types": "./types/ngwr-cookie.d.ts",
       "default": "./fesm2022/ngwr-cookie.mjs"
     },
-    "./date-adapter": {
-      "types": "./types/ngwr-date-adapter.d.ts",
-      "default": "./fesm2022/ngwr-date-adapter.mjs"
-    },
-    "./date-adapter-fns": {
-      "types": "./types/ngwr-date-adapter-fns.d.ts",
-      "default": "./fesm2022/ngwr-date-adapter-fns.mjs"
-    },
-    "./date-adapter-luxon": {
-      "types": "./types/ngwr-date-adapter-luxon.d.ts",
-      "default": "./fesm2022/ngwr-date-adapter-luxon.mjs"
+    "./date": {
+      "types": "./types/ngwr-date.d.ts",
+      "default": "./fesm2022/ngwr-date.mjs"
     },
     "./date-picker/testing": {
       "types": "./types/ngwr-date-picker-testing.d.ts",
       "default": "./fesm2022/ngwr-date-picker-testing.mjs"
     },
+    "./date/adapters/fns": {
+      "types": "./types/ngwr-date-adapters-fns.d.ts",
+      "default": "./fesm2022/ngwr-date-adapters-fns.mjs"
+    },
+    "./date/adapters/luxon": {
+      "types": "./types/ngwr-date-adapters-luxon.d.ts",
+      "default": "./fesm2022/ngwr-date-adapters-luxon.mjs"
+    },
+    "./decrypt-text/testing": {
+      "types": "./types/ngwr-decrypt-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-decrypt-text-testing.mjs"
+    },
     "./dialog/testing": {
       "types": "./types/ngwr-dialog-testing.d.ts",
       "default": "./fesm2022/ngwr-dialog-testing.mjs"
@@ -704,6 +745,10 @@
       "types": "./types/ngwr-directives.d.ts",
       "default": "./fesm2022/ngwr-directives.mjs"
     },
+    "./donut-chart/testing": {
+      "types": "./types/ngwr-donut-chart-testing.d.ts",
+      "default": "./fesm2022/ngwr-donut-chart-testing.mjs"
+    },
     "./drawer/testing": {
       "types": "./types/ngwr-drawer-testing.d.ts",
       "default": "./fesm2022/ngwr-drawer-testing.mjs"
@@ -712,6 +757,14 @@
       "types": "./types/ngwr-dropdown-testing.d.ts",
       "default": "./fesm2022/ngwr-dropdown-testing.mjs"
     },
+    "./event-calendar/testing": {
+      "types": "./types/ngwr-event-calendar-testing.d.ts",
+      "default": "./fesm2022/ngwr-event-calendar-testing.mjs"
+    },
+    "./falling-text/testing": {
+      "types": "./types/ngwr-falling-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-falling-text-testing.mjs"
+    },
     "./file-upload/testing": {
       "types": "./types/ngwr-file-upload-testing.d.ts",
       "default": "./fesm2022/ngwr-file-upload-testing.mjs"
@@ -724,6 +777,22 @@
       "types": "./types/ngwr-fuzzy-text.d.ts",
       "default": "./fesm2022/ngwr-fuzzy-text.mjs"
     },
+    "./fuzzy-text/testing": {
+      "types": "./types/ngwr-fuzzy-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-fuzzy-text-testing.mjs"
+    },
+    "./gauge/testing": {
+      "types": "./types/ngwr-gauge-testing.d.ts",
+      "default": "./fesm2022/ngwr-gauge-testing.mjs"
+    },
+    "./glitch-text/testing": {
+      "types": "./types/ngwr-glitch-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-glitch-text-testing.mjs"
+    },
+    "./gradient-text/testing": {
+      "types": "./types/ngwr-gradient-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-gradient-text-testing.mjs"
+    },
     "./hotkey": {
       "types": "./types/ngwr-hotkey.d.ts",
       "default": "./fesm2022/ngwr-hotkey.mjs"
@@ -748,6 +817,10 @@
       "types": "./types/ngwr-icon-adapters-lucide.d.ts",
       "default": "./fesm2022/ngwr-icon-adapters-lucide.mjs"
     },
+    "./image-cropper/testing": {
+      "types": "./types/ngwr-image-cropper-testing.d.ts",
+      "default": "./fesm2022/ngwr-image-cropper-testing.mjs"
+    },
     "./input-number/testing": {
       "types": "./types/ngwr-input-number-testing.d.ts",
       "default": "./fesm2022/ngwr-input-number-testing.mjs"
@@ -760,10 +833,26 @@
       "types": "./types/ngwr-input-testing.d.ts",
       "default": "./fesm2022/ngwr-input-testing.mjs"
     },
+    "./knob/testing": {
+      "types": "./types/ngwr-knob-testing.d.ts",
+      "default": "./fesm2022/ngwr-knob-testing.mjs"
+    },
+    "./lightbox/testing": {
+      "types": "./types/ngwr-lightbox-testing.d.ts",
+      "default": "./fesm2022/ngwr-lightbox-testing.mjs"
+    },
+    "./line-chart/testing": {
+      "types": "./types/ngwr-line-chart-testing.d.ts",
+      "default": "./fesm2022/ngwr-line-chart-testing.mjs"
+    },
     "./markdown/testing": {
       "types": "./types/ngwr-markdown-testing.d.ts",
       "default": "./fesm2022/ngwr-markdown-testing.mjs"
     },
+    "./marquee/testing": {
+      "types": "./types/ngwr-marquee-testing.d.ts",
+      "default": "./fesm2022/ngwr-marquee-testing.mjs"
+    },
     "./media": {
       "types": "./types/ngwr-media.d.ts",
       "default": "./fesm2022/ngwr-media.mjs"
@@ -776,6 +865,10 @@
       "types": "./types/ngwr-meta.d.ts",
       "default": "./fesm2022/ngwr-meta.mjs"
     },
+    "./meter-group/testing": {
+      "types": "./types/ngwr-meter-group-testing.d.ts",
+      "default": "./fesm2022/ngwr-meter-group-testing.mjs"
+    },
     "./pagination/testing": {
       "types": "./types/ngwr-pagination-testing.d.ts",
       "default": "./fesm2022/ngwr-pagination-testing.mjs"
@@ -804,6 +897,10 @@
       "types": "./types/ngwr-rating-testing.d.ts",
       "default": "./fesm2022/ngwr-rating-testing.mjs"
     },
+    "./rotating-text/testing": {
+      "types": "./types/ngwr-rotating-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-rotating-text-testing.mjs"
+    },
     "./scroll": {
       "types": "./types/ngwr-scroll.d.ts",
       "default": "./fesm2022/ngwr-scroll.mjs"
@@ -816,10 +913,42 @@
       "types": "./types/ngwr-select-testing.d.ts",
       "default": "./fesm2022/ngwr-select-testing.mjs"
     },
+    "./shiny-text/testing": {
+      "types": "./types/ngwr-shiny-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-shiny-text-testing.mjs"
+    },
     "./slider/testing": {
       "types": "./types/ngwr-slider-testing.d.ts",
       "default": "./fesm2022/ngwr-slider-testing.mjs"
     },
+    "./sparkline/testing": {
+      "types": "./types/ngwr-sparkline-testing.d.ts",
+      "default": "./fesm2022/ngwr-sparkline-testing.mjs"
+    },
+    "./speed-dial/testing": {
+      "types": "./types/ngwr-speed-dial-testing.d.ts",
+      "default": "./fesm2022/ngwr-speed-dial-testing.mjs"
+    },
+    "./splash-cursor/testing": {
+      "types": "./types/ngwr-splash-cursor-testing.d.ts",
+      "default": "./fesm2022/ngwr-splash-cursor-testing.mjs"
+    },
+    "./split-text/testing": {
+      "types": "./types/ngwr-split-text-testing.d.ts",
+      "default": "./fesm2022/ngwr-split-text-testing.mjs"
+    },
+    "./splitter/testing": {
+      "types": "./types/ngwr-splitter-testing.d.ts",
+      "default": "./fesm2022/ngwr-splitter-testing.mjs"
+    },
+    "./spotlight-card/testing": {
+      "types": "./types/ngwr-spotlight-card-testing.d.ts",
+      "default": "./fesm2022/ngwr-spotlight-card-testing.mjs"
+    },
+    "./star-border/testing": {
+      "types": "./types/ngwr-star-border-testing.d.ts",
+      "default": "./fesm2022/ngwr-star-border-testing.mjs"
+    },
     "./stepper/testing": {
       "types": "./types/ngwr-stepper-testing.d.ts",
       "default": "./fesm2022/ngwr-stepper-testing.mjs"
@@ -844,10 +973,18 @@
       "types": "./types/ngwr-textarea-testing.d.ts",
       "default": "./fesm2022/ngwr-textarea-testing.mjs"
     },
+    "./tilt-card/testing": {
+      "types": "./types/ngwr-tilt-card-testing.d.ts",
+      "default": "./fesm2022/ngwr-tilt-card-testing.mjs"
+    },
     "./toast/testing": {
       "types": "./types/ngwr-toast-testing.d.ts",
       "default": "./fesm2022/ngwr-toast-testing.mjs"
     },
+    "./tour/testing": {
+      "types": "./types/ngwr-tour-testing.d.ts",
+      "default": "./fesm2022/ngwr-tour-testing.mjs"
+    },
     "./transfer/testing": {
       "types": "./types/ngwr-transfer-testing.d.ts",
       "default": "./fesm2022/ngwr-transfer-testing.mjs"
@@ -856,6 +993,10 @@
       "types": "./types/ngwr-tree-testing.d.ts",
       "default": "./fesm2022/ngwr-tree-testing.mjs"
     },
+    "./typewriter/testing": {
+      "types": "./types/ngwr-typewriter-testing.d.ts",
+      "default": "./fesm2022/ngwr-typewriter-testing.mjs"
+    },
     "./utils": {
       "types": "./types/ngwr-utils.d.ts",
       "default": "./fesm2022/ngwr-utils.mjs"
@@ -867,6 +1008,14 @@
     "./version": {
       "types": "./types/ngwr-version.d.ts",
       "default": "./fesm2022/ngwr-version.mjs"
+    },
+    "./waves/testing": {
+      "types": "./types/ngwr-waves-testing.d.ts",
+      "default": "./fesm2022/ngwr-waves-testing.mjs"
+    },
+    "./window/testing": {
+      "types": "./types/ngwr-window-testing.d.ts",
+      "default": "./fesm2022/ngwr-window-testing.mjs"
     }
   },
   "module": "fesm2022/ngwr.mjs",

package/pagination/styles/_index.scss

@@ -9,7 +9,7 @@
   padding-block: 0.5rem;
 
   &--disabled {
-    opacity: 0.6;
+    opacity: var(--wr-disabled-opacity);
     pointer-events: none;
   }
 
@@ -48,6 +48,17 @@
     display: flex;
     align-items: center;
     gap: 0.25rem;
+    // `__inner` wraps, but the whole numbered strip is ONE of its children, so
+    // that wrap could never help: at `size="lg"` the strip is 9 cells of 2.5rem
+    // plus gaps = 392px, which at 375px left the last page number cut off at the
+    // screen edge and the next-page arrow off it entirely. Wrap the cells
+    // themselves. A pager scrolls badly — page 12 is the one you cannot reach —
+    // and a second row costs nothing when the first one fits.
+    flex-wrap: wrap;
+    // A wrapped row has to follow the pager's own alignment: `__inner` carries
+    // it, and a centred or end-aligned pager whose second row packed to the
+    // start would read as a different control.
+    justify-content: inherit;
 
     .wr-btn {
       min-width: var(--wr-pagination-cell, 2rem);
@@ -62,6 +73,17 @@
     }
   }
 
+  // `__nav` is a plain flex row, so it already mirrors: under `dir="rtl"` the
+  // previous button lays out at the right edge. Its chevron is drawn pointing
+  // physically left, though, so it ends up aiming at the pages it moves AWAY
+  // from. Turn the glyphs around with the strip, the same way the carousel's
+  // arrows do — "previous" is the inline start in both directions.
+  &__nav-btn {
+    [dir='rtl'] & svg {
+      transform: scaleX(-1);
+    }
+  }
+
   &__ellipsis {
     display: inline-flex;
     min-width: var(--wr-pagination-cell, 2rem);

package/popover/styles/_index.scss

@@ -77,10 +77,12 @@ $_arrow-placement: (
 /// `originX: start | end` — plain `top` / `bottom` use `center`, which mirrors
 /// to itself — and CDK resolves start / end against `Directionality`. So under
 /// `dir="rtl"` the panel lands on the mirrored side of the trigger while the
-/// modifier class keeps its requested name (it is set from the `position` input,
-/// and there are no fallback positions to change it), and the arrow has to
-/// travel with the panel. Same for the `-start` / `-end` alignment along a
-/// horizontal edge.
+/// modifier class keeps its LTR name, and the arrow has to travel with the
+/// panel. Same for the `-start` / `-end` alignment along a horizontal edge.
+///
+/// The class names the placement the panel ACTUALLY took, not the requested one:
+/// each entry in `WR_POPOVER_FALLBACKS` carries its own `panelClass`, so a flip
+/// swaps the modifier and this loop moves the arrow with it.
 @mixin _arrow-at($edge, $align, $pull) {
   @if $edge == left {
     inset-inline-start: -$pull;
@@ -197,9 +199,12 @@ $_arrow-placement: (
 // `<… [wrPopover]="'text'" mode="tooltip">` instead.)
 //
 
-.wr-tooltip-overlay {
-  pointer-events: none;
-}
+// The pane is deliberately NOT `pointer-events: none`. WCAG 1.4.13 asks that a
+// tooltip stay up while the pointer is moved onto it — someone reading a long
+// hint at 400% zoom has to be able to reach the text — and an inert pane makes
+// the `mouseenter` that keeps it open impossible to fire. It does mean the chip
+// now intercepts what is under it, which is the area it draws on and no more;
+// the one part of that worth avoiding is the arrow, opted back out below.
 
 .wr-tooltip {
   // Follows the theme instead of inverting against it: on a dark canvas the
@@ -238,6 +243,10 @@ $_arrow-placement: (
     height: $_arrow;
     background: var(--wr-tooltip-bg);
     transform: rotate(45deg);
+    // The one piece that stays inert: the arrow points AT the trigger and
+    // overlaps it, so a hittable arrow would eat clicks meant for the control
+    // the tooltip describes.
+    pointer-events: none;
   }
 }
 

package/progress/styles/_index.scss

@@ -8,7 +8,7 @@
   // Defaults — color modifiers override the bar color.
   --wr-progress-height: 0.5rem;
   --wr-progress-radius: var(--wr-border-radius-pill);
-  --wr-progress-track: rgba(var(--wr-color-outline-rgb), 0.35);
+  --wr-progress-track: var(--wr-color-fill);
   --wr-progress-bar: var(--wr-color-primary);
 
   // `flex: 1 1 100%` here would claim 100% basis on the flex MAIN axis —

package/radio/styles/_index.scss

@@ -36,7 +36,7 @@
     white-space: nowrap;
 
     &:focus-visible + .wr-radio__dot {
-      box-shadow: 0 0 0 3px rgba(var(--wr-color-primary-rgb), 0.2);
+      @include theme.focus-ring;
     }
   }
 
@@ -115,7 +115,7 @@
   &--disabled {
     --wr-radio-color: var(--wr-color-on-surface-muted);
     pointer-events: none;
-    opacity: 0.6;
+    opacity: var(--wr-disabled-opacity);
   }
 }
 

package/rating/styles/_index.scss

@@ -75,7 +75,7 @@
   }
 
   &--disabled {
-    opacity: 0.6;
+    opacity: var(--wr-disabled-opacity);
 
     .wr-rating__slot {
       cursor: not-allowed;

package/schematics/collection.json

@@ -18,7 +18,7 @@
       "schema": "./use/schema.json"
     },
     "provider": {
-      "description": "Add a `provideWr*()` call to your bootstrap providers (overlay / icons / toast / i18n / date-adapter / density / loading-bar / cookie / storage / theme).",
+      "description": "Add a `provideWr*()` call to your bootstrap providers (overlay / icons / toast / i18n / date-adapter / density / storage / theme).",
       "factory": "./provider/index#default",
       "schema": "./provider/schema.json"
     },