ngwr 7.3.0 → 8.0.0

package/llms-full.txt

@@ -13,7 +13,7 @@
 - import: `import { WrAlert } from 'ngwr/alert'`
 - selector: `wr-alert`
 - exports: WrAlert, WrAlertType
-- Inline status banner — info, success, warning, danger.
+- Inline status banner — info, success, warning, danger, neutral, offline.
 
 ## ngwr/anchor
 - import: `import { WrAnchor } from 'ngwr/anchor'`
@@ -105,13 +105,13 @@
 ## ngwr/cascader
 - import: `import { WrCascader } from 'ngwr/cascader'`
 - selector: `wr-cascader`
-- exports: WrCascader, type WrCascaderOption
+- exports: WrCascader, type WrCascaderOption, type WrCascaderSize
 - Multi-level select. Drills through hierarchical categories one column at a time; picking a leaf commits the full path. Implements `ControlValueAccessor` — model is `readonly T[]`.
 
 ## ngwr/checkbox
 - import: `import { WrCheckbox } from 'ngwr/checkbox'`
 - selector: `wr-checkbox-group`, `wr-checkbox`
-- exports: WrCheckbox, WrCheckboxGroup, WR_CHECKBOX_GROUP, type WrCheckboxGroupContext
+- exports: WrCheckbox, WrCheckboxSize, WrCheckboxGroup, WR_CHECKBOX_GROUP, type WrCheckboxGroupContext
 - Two-state checkbox. Standalone (boolean) or inside <wr-checkbox-group> (array of values).
 
 ## ngwr/circular-text
@@ -160,7 +160,7 @@
 - import: `import { WrContextMenu } from 'ngwr/context-menu'`
 - selector: `wr-context-menu-divider`, `wr-context-menu-item`, `wr-context-menu`, `[wrContextMenu]`
 - exports: WrContextMenu, WrContextMenuPanel, WrContextMenuItem, WrContextMenuDivider
-- Attach `[wrContextMenu]` to any element to open a `<wr-context-menu>` at the pointer position on right-click — or a long-press on touch. Native browser menu is suppressed on the host.
+- Attach `[wrContextMenu]` to any element to open a `<wr-context-menu>` at the pointer position on right-click. Native browser menu is suppressed on the host.
 
 ## ngwr/cookie
 - import: `import { WrCookie } from 'ngwr/cookie'`
@@ -213,8 +213,8 @@
 
 ## ngwr/directives
 - import: `import { WrAutofocus } from 'ngwr/directives'`
-- selector: `[wrAutofocus]`, `textarea[wrAutosize]`, `[wrClickOutside]`, `[wrCopyToClipboard]`, `[wrReveal]`
-- exports: WrAutofocus, WrAutosize, WrClickOutside, WrCopyToClipboard, WrReveal
+- selector: `[wrAutofocus]`, `textarea[wrAutosize]`, `[wrClickOutside]`, `[wrCopyToClipboard]`
+- exports: WrAutofocus, WrAutosize, WrClickOutside, WrCopyToClipboard
 
 ## ngwr/divider
 - import: `import { WrDivider } from 'ngwr/divider'`
@@ -315,7 +315,7 @@
 ## ngwr/input
 - import: `import { WrInput } from 'ngwr/input'`
 - selector: `wr-input-group`, `wr-password-toggle`
-- exports: WrInput, WrInputPrefix, WrInputSuffix, WrInputGroup, WrPasswordToggle, WrInputType
+- exports: WrInput, WrInputPrefix, WrInputSuffix, WrInputGroup, WrPasswordToggle, WrInputType, WrInputSize
 - Attribute directive applied to a native `<input>` (or `<textarea>`). Because the styling lives on the real input, third-party directives like `ngx-mask`, custom validators, and `[(ngModel)]` compose naturally on the same element.
 
 ## ngwr/input-number
@@ -327,7 +327,7 @@
 ## ngwr/input-otp
 - import: `import { WrInputOtp } from 'ngwr/input-otp'`
 - selector: `wr-input-otp`
-- exports: WrInputOtp, WrInputOtpMode
+- exports: WrInputOtp, WrInputOtpMode, WrInputOtpSize
 - Fixed-length one-time-code input. One cell per character, auto-advances focus on typing, handles paste of a full code, optional masking like a password field.
 
 ## ngwr/keyboard
@@ -447,13 +447,13 @@
 ## ngwr/radio
 - import: `import { WrRadio } from 'ngwr/radio'`
 - selector: `wr-radio-group`, `wr-radio`
-- exports: WrRadio, WrRadioGroup, WR_RADIO_GROUP, type WrRadioGroupContext
+- exports: WrRadio, WrRadioSize, WrRadioGroup, WR_RADIO_GROUP, type WrRadioGroupContext
 - Single-choice option. Always used inside <wr-radio-group>, which implements ControlValueAccessor.
 
 ## ngwr/rating
 - import: `import { WrRating } from 'ngwr/rating'`
 - selector: `wr-rating`
-- exports: WrRating
+- exports: WrRating, WrRatingSize
 - Star rating input with whole or half-step granularity. Value type is `number | null` (clamped to `[0, count]`). Keyboard: arrows step by `step`, Home / End jump to 0 / max, Delete / Backspace clears.
 
 ## ngwr/result
@@ -467,11 +467,6 @@
 - selector: `wr-rotating-text`
 - exports: WrRotatingText, type WrRotatingTextSplit, type WrRotatingTextStaggerFrom
 
-## ngwr/scramble-text
-- import: `import { WrScrambleText } from 'ngwr/scramble-text'`
-- selector: `wr-scramble-text`
-- exports: WrScrambleText
-
 ## ngwr/scroll
 - import: `import { WrScroll } from 'ngwr/scroll'`
 - exports: WrScroll, WrScrollTarget, WrScrollOptions
@@ -479,13 +474,13 @@
 ## ngwr/segmented
 - import: `import { WrSegmented } from 'ngwr/segmented'`
 - selector: `wr-segmented`
-- exports: WrSegmented, WrSegmentedOption
+- exports: WrSegmented, WrSegmentedOption, WrSegmentedSize
 - Single-choice picker rendered as a segmented control. Two-way binds the selected value.
 
 ## ngwr/select
 - import: `import { WrSelect } from 'ngwr/select'`
 - selector: `wr-option-group`, `wr-option`, `wr-select`
-- exports: WrSelect, WrOption, WrOptionGroup, WR_SELECT, type WrSelectContext, WrSelectMode, WrSelectSearchLoader, WrSelectTagValidator
+- exports: WrSelect, WrOption, WrOptionGroup, WR_SELECT, type WrSelectContext, WrSelectMode, WrSelectSearchLoader, WrSelectTagValidator, WrSelectSize
 - Native-like select built on CDK Overlay. Implements ControlValueAccessor.
 
 ## ngwr/shiny-text
@@ -580,7 +575,7 @@
 ## ngwr/switch
 - import: `import { WrSwitch } from 'ngwr/switch'`
 - selector: `wr-switch`
-- exports: WrSwitch
+- exports: WrSwitch, WrSwitchSize
 - Boolean toggle with an iOS-style slider. Implements ControlValueAccessor.
 
 ## ngwr/table
@@ -598,7 +593,7 @@
 ## ngwr/textarea
 - import: `import { WrTextarea } from 'ngwr/textarea'`
 - selector: `wr-textarea`
-- exports: WrTextarea
+- exports: WrTextarea, WrTextareaSize, WrTextareaResize
 - Multi-line text input. Implements ControlValueAccessor. Optional autosize.
 
 ## ngwr/theme

package/mention/styles/_index.scss

@@ -13,7 +13,7 @@
   @include theme.smooth-br(var(--wr-border-radius-base));
   box-shadow: var(--wr-shadow-overlay);
   font-family: var(--wr-font-family-base);
-  font-size: 0.875rem;
+  font-size: var(--wr-text-sm);
   color: var(--wr-color-dark);
   overflow: hidden;
 
@@ -41,7 +41,7 @@
   &__empty {
     padding: 0.5rem 0.75rem;
     color: var(--wr-color-medium);
-    font-size: 0.875rem;
+    font-size: var(--wr-text-sm);
     user-select: none;
   }
 }

package/overlay/styles/_index.scss

@@ -17,7 +17,7 @@
 
 // Dim + blur behind a sheet — for overlays that otherwise have no backdrop.
 .wr-overlay-backdrop {
-  background: rgba(var(--wr-color-backdrop-rgb), 0.45);
+  background: var(--wr-color-overlay);
   backdrop-filter: blur(2px);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngwr",
-  "version": "7.3.0",
+  "version": "8.0.0",
   "license": "MIT",
   "description": "NGWR – Angular UI components library",
   "author": "Roman Khegay <rk@garuna.dev> (https://garuna.dev)",
@@ -422,11 +422,6 @@
       "types": "./types/ngwr-rotating-text.d.ts",
       "default": "./fesm2022/ngwr-rotating-text.mjs"
     },
-    "./scramble-text": {
-      "sass": "./scramble-text/styles/_index.scss",
-      "types": "./types/ngwr-scramble-text.d.ts",
-      "default": "./fesm2022/ngwr-scramble-text.mjs"
-    },
     "./segmented": {
       "sass": "./segmented/styles/_index.scss",
       "types": "./types/ngwr-segmented.d.ts",

package/pagination/styles/_index.scss

@@ -36,7 +36,7 @@
   &__total {
     color: var(--wr-color-medium);
     font-family: var(--wr-font-family-base);
-    font-size: 0.8125rem;
+    font-size: var(--wr-text-sm);
   }
 
   &__nav {
@@ -73,7 +73,7 @@
     padding: 0 0.375rem;
     color: var(--wr-color-dark);
     font-family: var(--wr-font-family-base);
-    font-size: 0.8125rem;
+    font-size: var(--wr-text-sm);
     font-variant-numeric: tabular-nums;
     white-space: nowrap;
   }
@@ -82,20 +82,7 @@
     min-width: 0;
   }
 
-  // Size variants. `xs` and `xl` extend the button scale by overriding
-  // its CSS custom properties on the strip — the button itself still
-  // gets the closest built-in size (sm or lg) via [size] so its other
-  // tokens stay consistent.
-  &--xs {
-    --wr-pagination-cell: 1.5rem;
-
-    .wr-btn {
-      --wr-btn-padding-x: 0.375rem;
-      --wr-btn-font-size: 0.6875rem;
-      --wr-btn-line-height: 0.875rem;
-      --wr-btn-icon-size: 0.75rem;
-    }
-  }
+  // Size variants — set the cell size; each button gets the matching [size].
   &--sm {
     --wr-pagination-cell: 1.75rem;
   }
@@ -105,16 +92,6 @@
   &--lg {
     --wr-pagination-cell: 2.5rem;
   }
-  &--xl {
-    --wr-pagination-cell: 3rem;
-
-    .wr-btn {
-      --wr-btn-padding-x: 1rem;
-      --wr-btn-font-size: 1.125rem;
-      --wr-btn-line-height: 1.75rem;
-      --wr-btn-icon-size: 1.25rem;
-    }
-  }
 
   // Shape variants. `rounded` is the default the buttons already render.
   // `square` flattens every cell for a tighter numeric grid — useful

package/popconfirm/styles/_index.scss

@@ -20,7 +20,7 @@
 .wr-popconfirm {
   &__message {
     margin: 0 0 0.625rem;
-    font-size: 0.875rem;
+    font-size: var(--wr-text-sm);
     line-height: 1.25rem;
   }
 

package/popover/styles/_index.scss

@@ -36,9 +36,9 @@
   color: var(--wr-color-dark-contrast);
   border-radius: var(--wr-border-radius-sm);
   font-family: var(--wr-font-family-base);
-  font-size: 0.75rem;
+  font-size: var(--wr-text-xs);
   line-height: 1rem;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  box-shadow: var(--wr-shadow-overlay);
   animation: wr-overlay-in var(--wr-overlay-duration) var(--wr-overlay-ease);
   transform-origin: top left;
 

package/radio/styles/_index.scss

@@ -1,7 +1,9 @@
 @use '../../theme/styles' as theme;
 
 .wr-radio {
-  --wr-radio-size: 1.125rem;
+  --wr-radio-size: 1.125rem; // md (18px)
+  --wr-radio-font-size: var(--wr-text-sm);
+  --wr-radio-line-height: var(--wr-control-line-height-md);
   --wr-radio-bg: var(--wr-color-white);
   --wr-radio-border: var(--wr-color-light);
   --wr-radio-dot: transparent;
@@ -11,8 +13,8 @@
   vertical-align: middle;
   color: var(--wr-radio-color);
   font-family: var(--wr-font-family-base);
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+  font-size: var(--wr-radio-font-size);
+  line-height: var(--wr-radio-line-height);
 
   &__label {
     display: inline-flex;
@@ -52,8 +54,8 @@
 
     &::after {
       content: '';
-      width: 0.5rem;
-      height: 0.5rem;
+      width: calc(var(--wr-radio-size) - 0.625rem);
+      height: calc(var(--wr-radio-size) - 0.625rem);
       border-radius: 50%;
       background: var(--wr-radio-dot);
       transform: scale(0);
@@ -75,6 +77,19 @@
       opacity var(--wr-transition-base);
   }
 
+  // Sizes — dot, label font + line-height scale together.
+  &--sm {
+    --wr-radio-size: 1rem; // 16px
+    --wr-radio-font-size: var(--wr-text-xs);
+    --wr-radio-line-height: var(--wr-control-line-height-sm);
+  }
+
+  &--lg {
+    --wr-radio-size: 1.25rem; // 20px
+    --wr-radio-font-size: var(--wr-text-base);
+    --wr-radio-line-height: var(--wr-control-line-height-lg);
+  }
+
   &--has-icon &__dot::after {
     display: none;
   }

package/rating/styles/_index.scss

@@ -16,7 +16,7 @@
     outline: 0;
 
     &:focus-visible {
-      box-shadow: 0 0 0 3px rgba(var(--wr-color-primary-rgb), 0.2);
+      @include theme.focus-ring;
       border-radius: var(--wr-border-radius-sm);
     }
   }
@@ -49,6 +49,17 @@
     transition: clip-path var(--wr-transition-base);
   }
 
+  // Sizes — scale the icon glyph + the gap between slots.
+  &--sm {
+    --wr-rating-size: 1rem; // 16px
+    --wr-rating-gap: 0.0625rem;
+  }
+
+  &--lg {
+    --wr-rating-size: 1.5rem; // 24px
+    --wr-rating-gap: 0.1875rem;
+  }
+
   &--readonly &__slot {
     cursor: default;
   }

package/schematics/migrations/v8/index.js

@@ -0,0 +1,122 @@
+"use strict";
+/**
+ * @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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+/** compact|default|comfortable → sm|md|lg. `touch` is unchanged. */
+const DENSITY_MAP = [
+    ['compact', 'sm'],
+    ['default', 'md'],
+    ['comfortable', 'lg'],
+];
+const HTML_TRANSFORMS = [
+    // density — directive attribute, string form: wrDensity="compact" → "sm"
+    ...DENSITY_MAP.map(([from, to]) => ({
+        pattern: new RegExp(`(\\bwrDensity=")${from}(")`, 'g'),
+        replacement: `$1${to}$2`,
+    })),
+    // density — directive attribute, bound literal: [wrDensity]="'compact'" → "'sm'"
+    ...DENSITY_MAP.map(([from, to]) => ({
+        pattern: new RegExp(`(\\[wrDensity\\]=")'${from}'(")`, 'g'),
+        replacement: `$1'${to}'$2`,
+    })),
+    // density — selector form in templates: [data-wr-density='compact'] → 'sm'
+    ...DENSITY_MAP.map(([from, to]) => ({
+        pattern: new RegExp(`(data-wr-density=')${from}(')`, 'g'),
+        replacement: `$1${to}$2`,
+    })),
+    // pagination size — scoped to the element so other `size="xs"` attrs are untouched
+    { pattern: /(<wr-pagination\b[^>]*?\ssize=")xs(")/g, replacement: '$1sm$2' },
+    { pattern: /(<wr-pagination\b[^>]*?\ssize=")xl(")/g, replacement: '$1lg$2' },
+];
+const TS_TRANSFORMS = [
+    // density — provideWrDensity({ defaultDensity: 'compact' }) → 'sm'
+    ...DENSITY_MAP.map(([from, to]) => ({
+        pattern: new RegExp(`(defaultDensity:\\s*['"])${from}(['"])`, 'g'),
+        replacement: `$1${to}$2`,
+    })),
+];
+const SCSS_TRANSFORMS = [
+    // density — [data-wr-density='compact'] selector in stylesheets → 'sm'
+    ...DENSITY_MAP.map(([from, to]) => ({
+        pattern: new RegExp(`(data-wr-density=')${from}(')`, 'g'),
+        replacement: `$1${to}$2`,
+    })),
+];
+/** Removed APIs to flag for manual migration (no safe automatic rewrite). */
+const REMOVED_MARKERS = [
+    {
+        probe: /\bwrReveal\b/,
+        note: 'WrReveal directive removed — drop `wrReveal` + its [threshold]/[rootMargin]/[once]/[root] inputs',
+    },
+    {
+        probe: /<wr-scramble-text\b|\bWrScrambleText\b|ngwr\/scramble-text/,
+        note: 'WrScrambleText removed — use <wr-decrypt-text> or plain text',
+    },
+];
+const IGNORE_DIRS = new Set(['node_modules', 'dist', '.git', '.cache', '.angular', 'coverage', '.next', '.nuxt']);
+function ngUpdateV8() {
+    return (tree, context) => {
+        const summary = { html: 0, ts: 0, scss: 0 };
+        const warnings = [];
+        visit(tree, '/', filePath => {
+            const lower = filePath.toLowerCase();
+            const isHtml = lower.endsWith('.html');
+            const isTs = lower.endsWith('.ts');
+            const isScss = lower.endsWith('.scss') || lower.endsWith('.sass') || lower.endsWith('.css');
+            if (!isHtml && !isTs && !isScss)
+                return;
+            const original = tree.readText(filePath);
+            let next = original;
+            if (isHtml)
+                next = apply(next, HTML_TRANSFORMS);
+            if (isTs)
+                next = apply(next, TS_TRANSFORMS);
+            if (isScss)
+                next = apply(next, SCSS_TRANSFORMS);
+            if (next !== original) {
+                tree.overwrite(filePath, next);
+                if (isHtml)
+                    summary.html += 1;
+                if (isTs)
+                    summary.ts += 1;
+                if (isScss)
+                    summary.scss += 1;
+            }
+            // Flag removed APIs (against the original — auto-fixes above don't touch them).
+            for (const { probe, note } of REMOVED_MARKERS) {
+                if (probe.test(original))
+                    warnings.push(`  ${filePath} — ${note}`);
+            }
+        });
+        context.logger.info(`ngwr v8 migration: rewrote ${summary.html} .html, ${summary.ts} .ts, ${summary.scss} stylesheet file(s) ` +
+            '(density compact/default/comfortable → sm/md/lg; pagination size xs/xl → sm/lg).');
+        if (warnings.length > 0) {
+            context.logger.warn(`\nngwr v8: ${warnings.length} usage(s) of REMOVED APIs need manual migration:\n${warnings.join('\n')}\n`);
+        }
+        context.logger.info('Verify the result with `git diff` — a few edge cases may need manual touch-up.');
+        return tree;
+    };
+}
+function apply(content, transforms) {
+    let next = content;
+    for (const { pattern, replacement } of transforms) {
+        next = next.replace(pattern, replacement);
+    }
+    return next;
+}
+function visit(tree, dir, visitor) {
+    const entry = tree.getDir(dir);
+    for (const file of entry.subfiles) {
+        visitor(`${dir === '/' ? '' : dir}/${file}`);
+    }
+    for (const sub of entry.subdirs) {
+        if (IGNORE_DIRS.has(sub))
+            continue;
+        visit(tree, `${dir === '/' ? '' : dir}/${sub}`, visitor);
+    }
+}
+exports.default = ngUpdateV8;

package/schematics/migrations.json

@@ -5,6 +5,11 @@
       "version": "7.0.0",
       "description": "Rewrite the v6 entry-points consolidated in v7: wr-autocomplete/chips-input \u2192 wr-select; wr-time-picker/date-time-picker \u2192 wr-date-picker; wr-tooltip \u2192 wr-popover; wr-tree-select \u2192 wr-tree; wr-bottom-sheet \u2192 wr-drawer; wr-count-up(-text) \u2192 wr-counter; ngwr/tag \u2192 ngwr/badge; wr-image \u2192 wr-lightbox; wr-animated-text \u2192 wr-typewriter/wr-decrypt-text/wr-split-text (per mode). Touches .html, .ts, and .scss files.",
       "factory": "./migrations/v7/index#default"
+    },
+    "migration-v8": {
+      "version": "8.0.0",
+      "description": "Rename density values compact/default/comfortable \u2192 sm/md/lg (wrDensity, provideWrDensity defaultDensity, [data-wr-density]); pagination size xs/xl \u2192 sm/lg. Warns about removed APIs (WrReveal directive, WrScrambleText / ngwr/scramble-text) that need manual migration. Touches .html, .ts, and .scss files.",
+      "factory": "./migrations/v8/index#default"
     }
   }
 }

package/schematics/ng-add/index.js

@@ -26,11 +26,11 @@ const DATE_ADAPTER_PROVIDER = {
     'date-fns': 'provideWrDateAdapter({ adapter: WrDateFnsAdapter })',
     luxon: 'provideWrDateAdapter({ adapter: WrLuxonAdapter })',
 };
-/** Density preset → `provideWrDensity(...)` call. */
+/** Default density → `provideWrDensity(...)` call. */
 const DENSITY_PROVIDER = {
     none: null,
-    comfortable: "provideWrDensity({ preset: 'comfortable' })",
-    compact: "provideWrDensity({ preset: 'compact' })",
+    sm: "provideWrDensity({ defaultDensity: 'sm' })",
+    lg: "provideWrDensity({ defaultDensity: 'lg' })",
 };
 /** Theme preset → `provideWrTheme(...)` call. */
 const THEME_PROVIDER = {

package/schematics/ng-add/schema.json

@@ -41,16 +41,16 @@
     },
     "density": {
       "type": "string",
-      "enum": ["none", "comfortable", "compact"],
+      "enum": ["none", "sm", "lg"],
       "default": "none",
-      "description": "Density preset wired via `provideWrDensity()`. `none` uses lib defaults.",
+      "description": "Default density wired via `provideWrDensity()`. `none` uses lib defaults (md).",
       "x-prompt": {
-        "message": "Pick a density preset",
+        "message": "Pick a default density",
         "type": "list",
         "items": [
-          { "value": "none", "label": "None — use lib defaults" },
-          { "value": "comfortable", "label": "Comfortable — relaxed spacing" },
-          { "value": "compact", "label": "Compact — tight spacing" }
+          { "value": "none", "label": "None — use lib defaults (md)" },
+          { "value": "sm", "label": "sm — tight spacing" },
+          { "value": "lg", "label": "lg — relaxed spacing" }
         ]
       }
     },

package/schematics/provider/schema.json

@@ -29,7 +29,7 @@
           { "value": "toast", "label": "toast — global toast service" },
           { "value": "i18n", "label": "i18n — Transloco-class translation core" },
           { "value": "date-adapter", "label": "date-adapter — calendar / date-picker plumbing" },
-          { "value": "density", "label": "density — comfortable / compact preset" },
+          { "value": "density", "label": "density — sm / md / lg scale" },
           { "value": "loading-bar", "label": "loading-bar — router-aware progress bar" },
           { "value": "cookie", "label": "cookie — wr cookie service" },
           { "value": "storage", "label": "storage — swappable engine + TTL" },

package/schematics/use/symbol-map.json

@@ -36,7 +36,9 @@
   "WrCarouselSlide": "ngwr/carousel",
   "WrCascader": "ngwr/cascader",
   "WrCascaderOption": "ngwr/cascader",
+  "WrCascaderSize": "ngwr/cascader",
   "WrCheckbox": "ngwr/checkbox",
+  "WrCheckboxSize": "ngwr/checkbox",
   "WrCheckboxGroup": "ngwr/checkbox",
   "WrCheckboxGroupContext": "ngwr/checkbox",
   "WrCircularText": "ngwr/circular-text",
@@ -101,7 +103,6 @@
   "WrAutosize": "ngwr/directives",
   "WrClickOutside": "ngwr/directives",
   "WrCopyToClipboard": "ngwr/directives",
-  "WrReveal": "ngwr/directives",
   "WrDivider": "ngwr/divider",
   "WrDividerType": "ngwr/divider",
   "WrDonutChart": "ngwr/donut-chart",
@@ -168,9 +169,11 @@
   "WrInputGroup": "ngwr/input",
   "WrPasswordToggle": "ngwr/input",
   "WrInputType": "ngwr/input",
+  "WrInputSize": "ngwr/input",
   "WrInputNumber": "ngwr/input-number",
   "WrInputOtp": "ngwr/input-otp",
   "WrInputOtpMode": "ngwr/input-otp",
+  "WrInputOtpSize": "ngwr/input-otp",
   "WrKbd": "ngwr/keyboard",
   "WrKbdSize": "ngwr/keyboard",
   "WrKnob": "ngwr/knob",
@@ -230,9 +233,11 @@
   "WrQr": "ngwr/qr",
   "WrQrErrorLevel": "ngwr/qr",
   "WrRadio": "ngwr/radio",
+  "WrRadioSize": "ngwr/radio",
   "WrRadioGroup": "ngwr/radio",
   "WrRadioGroupContext": "ngwr/radio",
   "WrRating": "ngwr/rating",
+  "WrRatingSize": "ngwr/rating",
   "WrResult": "ngwr/result",
   "WrResultStatus": "ngwr/result",
   "WrResult404": "ngwr/result",
@@ -241,12 +246,12 @@
   "WrRotatingText": "ngwr/rotating-text",
   "WrRotatingTextSplit": "ngwr/rotating-text",
   "WrRotatingTextStaggerFrom": "ngwr/rotating-text",
-  "WrScrambleText": "ngwr/scramble-text",
   "WrScroll": "ngwr/scroll",
   "WrScrollTarget": "ngwr/scroll",
   "WrScrollOptions": "ngwr/scroll",
   "WrSegmented": "ngwr/segmented",
   "WrSegmentedOption": "ngwr/segmented",
+  "WrSegmentedSize": "ngwr/segmented",
   "WrSelect": "ngwr/select",
   "WrOption": "ngwr/select",
   "WrOptionGroup": "ngwr/select",
@@ -254,6 +259,7 @@
   "WrSelectMode": "ngwr/select",
   "WrSelectSearchLoader": "ngwr/select",
   "WrSelectTagValidator": "ngwr/select",
+  "WrSelectSize": "ngwr/select",
   "WrShinyText": "ngwr/shiny-text",
   "WrShimmer": "ngwr/shiny-text",
   "WrSidebar": "ngwr/sidebar",
@@ -294,6 +300,7 @@
   "WrStorageConfigResolved": "ngwr/storage",
   "WrStorageEngine": "ngwr/storage",
   "WrSwitch": "ngwr/switch",
+  "WrSwitchSize": "ngwr/switch",
   "WrTable": "ngwr/table",
   "WrTableCell": "ngwr/table",
   "WrTableSort": "ngwr/table",
@@ -309,6 +316,8 @@
   "WrTab": "ngwr/tabs",
   "WrTabsContext": "ngwr/tabs",
   "WrTextarea": "ngwr/textarea",
+  "WrTextareaSize": "ngwr/textarea",
+  "WrTextareaResize": "ngwr/textarea",
   "WrColor": "ngwr/theme",
   "WrTheme": "ngwr/theme",
   "WrResolvedTheme": "ngwr/theme",