ngwr 6.0.0 → 7.0.0

package/schematics/use/index.js

@@ -0,0 +1,143 @@
+"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 });
+const schematics_1 = require("@angular-devkit/schematics");
+// Bundled at build time by `scripts/build-symbol-map.ts`. Map of every
+// `Wr*` public symbol → the subpath it lives under.
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+const SYMBOL_MAP = require('./symbol-map.json');
+/**
+ * Add `import { WrFoo } from 'ngwr/<subpath>';` to the given component
+ * file and splice `WrFoo` into the `@Component({ imports: [...] })`
+ * array. Saves the subpath-lookup dance for newcomers — `ng g ngwr:use
+ * WrButton src/app/my-page.ts`.
+ *
+ * Regex-based on purpose to avoid pulling in the TS compiler as a runtime
+ * dep. Covers the common standalone-component shape; an unusual file
+ * shape gets a clear warning + a copy-pasteable snippet.
+ */
+function use(options) {
+    return (tree, context) => {
+        const symbol = options.symbol.trim();
+        if (!symbol)
+            throw new schematics_1.SchematicsException('ngwr:use: missing required `symbol`.');
+        const subpath = SYMBOL_MAP[symbol];
+        if (!subpath) {
+            throw new schematics_1.SchematicsException(`ngwr:use: unknown symbol "${symbol}". Check the catalog at https://ngwr.dev or use the literal import: \`import { ${symbol} } from 'ngwr/<subpath>';\``);
+        }
+        const filePath = resolveTargetFile(tree, options.path);
+        if (!filePath) {
+            // No file passed: just print the import snippet and stop.
+            context.logger.info(printManualSnippet(symbol, subpath));
+            return tree;
+        }
+        if (!tree.exists(filePath)) {
+            throw new schematics_1.SchematicsException(`ngwr:use: file ${filePath} not found.`);
+        }
+        const original = tree.readText(filePath);
+        let next = original;
+        next = addImport(next, symbol, subpath);
+        next = addToImportsArray(next, symbol);
+        if (next === original) {
+            context.logger.info(`ngwr:use: ${filePath} already has ${symbol} — no changes.`);
+            return tree;
+        }
+        tree.overwrite(filePath, next);
+        context.logger.info(`✓ Added ${symbol} (from ${subpath}) to ${filePath}.`);
+        return tree;
+    };
+}
+function resolveTargetFile(tree, candidate) {
+    if (!candidate)
+        return null;
+    const path = candidate.startsWith('/') ? candidate : `/${candidate}`;
+    if (tree.exists(path))
+        return path;
+    if (tree.exists(candidate))
+        return candidate;
+    return null;
+}
+/**
+ * Insert `import { Symbol } from 'subpath';` near the existing imports,
+ * or merge into an existing line that already references the same path.
+ * Idempotent — returns the source untouched if the symbol is already in.
+ */
+function addImport(source, symbol, subpath) {
+    // Already imported from somewhere?
+    const importedAnywhere = new RegExp(`\\bimport\\s*\\{[^}]*\\b${symbol}\\b[^}]*\\}\\s*from`).test(source);
+    if (importedAnywhere)
+        return source;
+    // Existing import from the same subpath? — splice the symbol in.
+    const sameSubpathRe = new RegExp(`(import\\s*\\{)([^}]*)(\\}\\s*from\\s*['"]${escapeRegExp(subpath)}['"])`, 'm');
+    const sameSubpathMatch = sameSubpathRe.exec(source);
+    if (sameSubpathMatch) {
+        const head = sameSubpathMatch[1];
+        const body = sameSubpathMatch[2].trim().replace(/,\s*$/, '');
+        const tail = sameSubpathMatch[3];
+        const merged = body ? `${head} ${body}, ${symbol} ${tail}` : `${head} ${symbol} ${tail}`;
+        return source.replace(sameSubpathMatch[0], merged);
+    }
+    // No related import — prepend a new line after the last top-of-file
+    // import we can find.
+    const importBlockRe = /(^|\n)(import\s[^;]+;\s*\n)+/m;
+    const block = importBlockRe.exec(source);
+    const newLine = `import { ${symbol} } from '${subpath}';\n`;
+    if (block) {
+        // Splice in immediately after the last import in the block.
+        const end = (block.index ?? 0) + block[0].length;
+        return `${source.slice(0, end)}${newLine}${source.slice(end)}`;
+    }
+    // No existing imports — just prepend.
+    return `${newLine}${source}`;
+}
+/**
+ * Find `imports: [...]` inside a `@Component({...})` decorator (single or
+ * multi-line) and splice the symbol in. Skips if the symbol is already
+ * listed.
+ */
+function addToImportsArray(source, symbol) {
+    // Match `imports: [ ... ]` allowing multi-line + trailing commas.
+    const arrayRe = /(\bimports\s*:\s*\[)([\s\S]*?)(\])/m;
+    const match = arrayRe.exec(source);
+    if (!match) {
+        // No imports array — try to insert one after the `@Component({`
+        // opening brace. Heuristic, not foolproof.
+        const componentRe = /@Component\s*\(\s*\{/;
+        const compMatch = componentRe.exec(source);
+        if (compMatch?.index === undefined) {
+            // No @Component decorator at all — leave the file alone, the user
+            // probably wants the import only.
+            return source;
+        }
+        const insertAt = compMatch.index + compMatch[0].length;
+        return `${source.slice(0, insertAt)}\n  imports: [${symbol}],${source.slice(insertAt)}`;
+    }
+    const body = match[2];
+    if (new RegExp(`\\b${escapeRegExp(symbol)}\\b`).test(body))
+        return source;
+    const trimmed = body.replace(/\s+$/, '');
+    const sep = trimmed.length && !trimmed.endsWith(',') ? ', ' : trimmed.length ? ' ' : '';
+    const replaced = `${match[1]}${trimmed}${sep}${symbol}${match[3]}`;
+    return source.replace(match[0], replaced);
+}
+function escapeRegExp(value) {
+    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+function printManualSnippet(symbol, subpath) {
+    return `
+ngwr:use — copy this into your component:
+
+  import { ${symbol} } from '${subpath}';
+
+  @Component({
+    imports: [/* …, */ ${symbol}],
+    /* … */
+  })
+`;
+}
+exports.default = use;

package/schematics/use/schema.js

@@ -0,0 +1,8 @@
+"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 });

package/schematics/use/schema.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "ngwr-use",
+  "title": "ngwr use",
+  "type": "object",
+  "properties": {
+    "symbol": {
+      "type": "string",
+      "description": "Class name to import — e.g. `WrButton`, `WrSelect`, `WrFormField`.",
+      "$default": { "$source": "argv", "index": 0 },
+      "x-prompt": "Class name to import (e.g. WrButton)?"
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "Component file to edit. When omitted, uses the file passed via argv[1] or prompts."
+    },
+    "project": {
+      "type": "string",
+      "description": "Target Angular project. Defaults to the workspace default.",
+      "$default": { "$source": "projectName" }
+    }
+  },
+  "required": ["symbol"]
+}

package/schematics/use/symbol-map.json

@@ -0,0 +1,356 @@
+{
+  "WrAffix": "ngwr/affix",
+  "WrAlert": "ngwr/alert",
+  "WrAlertType": "ngwr/alert",
+  "WrAnchor": "ngwr/anchor",
+  "WrAnchorLink": "ngwr/anchor",
+  "WrAurora": "ngwr/aurora",
+  "WrAvatar": "ngwr/avatar",
+  "WrAvatarSize": "ngwr/avatar",
+  "WrBackTop": "ngwr/back-top",
+  "WrBadge": "ngwr/badge",
+  "WrTag": "ngwr/badge",
+  "WrBadgeSize": "ngwr/badge",
+  "WrTagIconPosition": "ngwr/badge",
+  "WrBarChart": "ngwr/bar-chart",
+  "WrBarChartDatum": "ngwr/bar-chart",
+  "WrBlurText": "ngwr/blur-text",
+  "WrBorderGlow": "ngwr/border-glow",
+  "WrBreadcrumbs": "ngwr/breadcrumbs",
+  "WrBreadcrumbsItem": "ngwr/breadcrumbs",
+  "WrButton": "ngwr/button",
+  "WrButtonGroup": "ngwr/button",
+  "WrButtonSize": "ngwr/button",
+  "WrButtonShape": "ngwr/button",
+  "WrButtonIconPosition": "ngwr/button",
+  "WrCalendar": "ngwr/calendar",
+  "WrCalendarMode": "ngwr/calendar",
+  "WrCalendarRange": "ngwr/calendar",
+  "WrCalendarHeatmap": "ngwr/calendar-heatmap",
+  "WrHeatmapDatum": "ngwr/calendar-heatmap",
+  "WrCard": "ngwr/card",
+  "WrCardHeader": "ngwr/card",
+  "WrCardFooter": "ngwr/card",
+  "WrCarousel": "ngwr/carousel",
+  "WrCarouselSlide": "ngwr/carousel",
+  "WrCascader": "ngwr/cascader",
+  "WrCascaderOption": "ngwr/cascader",
+  "WrCheckbox": "ngwr/checkbox",
+  "WrCheckboxGroup": "ngwr/checkbox",
+  "WrCheckboxGroupContext": "ngwr/checkbox",
+  "WrCircularText": "ngwr/circular-text",
+  "WrCircularTextHover": "ngwr/circular-text",
+  "WrClickSpark": "ngwr/click-spark",
+  "WrClickSparkEasing": "ngwr/click-spark",
+  "WrClipboard": "ngwr/clipboard",
+  "WrClipboardPermission": "ngwr/clipboard",
+  "WrCollapse": "ngwr/collapse",
+  "WrCollapseGroup": "ngwr/collapse",
+  "WrAccordion": "ngwr/collapse",
+  "WrCollapseGroupContext": "ngwr/collapse",
+  "WrColorPicker": "ngwr/color-picker",
+  "WrColorPickerTrigger": "ngwr/color-picker",
+  "WrHsl": "ngwr/color-picker",
+  "WrHsv": "ngwr/color-picker",
+  "WrRgb": "ngwr/color-picker",
+  "WrColorFormat": "ngwr/color-picker",
+  "WrCommandPalette": "ngwr/command-palette",
+  "WrCommandItem": "ngwr/command-palette",
+  "WrCommandGroup": "ngwr/command-palette",
+  "WrCompare": "ngwr/compare",
+  "WrConfetti": "ngwr/confetti",
+  "WrConfettiOptions": "ngwr/confetti",
+  "WrContextMenu": "ngwr/context-menu",
+  "WrContextMenuPanel": "ngwr/context-menu",
+  "WrContextMenuItem": "ngwr/context-menu",
+  "WrContextMenuDivider": "ngwr/context-menu",
+  "WrCookie": "ngwr/cookie",
+  "WrCookieOptions": "ngwr/cookie",
+  "WrCounter": "ngwr/counter",
+  "WrCounterMode": "ngwr/counter",
+  "WrCountUp": "ngwr/counter",
+  "WrCountUpDirection": "ngwr/counter",
+  "WrCountUpEasing": "ngwr/counter",
+  "WrCountUpTrigger": "ngwr/counter",
+  "WrDateAdapter": "ngwr/date-adapter",
+  "WrNativeDateAdapter": "ngwr/date-adapter",
+  "WrDateAdapterOptions": "ngwr/date-adapter",
+  "WrDateFormat": "ngwr/date-adapter",
+  "WrDateFnsAdapter": "ngwr/date-adapter-fns",
+  "WrLuxonAdapter": "ngwr/date-adapter-luxon",
+  "WrDatePicker": "ngwr/date-picker",
+  "WrDecryptText": "ngwr/decrypt-text",
+  "WrDecryptTextAnimateOn": "ngwr/decrypt-text",
+  "WrDecryptTextClickMode": "ngwr/decrypt-text",
+  "WrDecryptTextRevealDirection": "ngwr/decrypt-text",
+  "WrDensity": "ngwr/density",
+  "WrDensityDirective": "ngwr/density",
+  "WrDensityValue": "ngwr/density",
+  "WrDensityConfig": "ngwr/density",
+  "WrDescriptions": "ngwr/descriptions",
+  "WrDescriptionItem": "ngwr/descriptions",
+  "WrDialog": "ngwr/dialog",
+  "WrDialogRef": "ngwr/dialog",
+  "WrDialogOptions": "ngwr/dialog",
+  "WrDialogTitle": "ngwr/dialog",
+  "WrDialogContent": "ngwr/dialog",
+  "WrDialogFooter": "ngwr/dialog",
+  "WrDialogClose": "ngwr/dialog",
+  "WrAutofocus": "ngwr/directives",
+  "WrAutosize": "ngwr/directives",
+  "WrClickOutside": "ngwr/directives",
+  "WrCopyToClipboard": "ngwr/directives",
+  "WrReveal": "ngwr/directives",
+  "WrDivider": "ngwr/divider",
+  "WrDividerType": "ngwr/divider",
+  "WrDonutChart": "ngwr/donut-chart",
+  "WrDonutSegment": "ngwr/donut-chart",
+  "WrSortableList": "ngwr/drag-drop",
+  "WrSortableReorderEvent": "ngwr/drag-drop",
+  "WrDragHandle": "ngwr/drag-drop",
+  "WrDrawer": "ngwr/drawer",
+  "WrDrawerTitle": "ngwr/drawer",
+  "WrDrawerContent": "ngwr/drawer",
+  "WrDrawerFooter": "ngwr/drawer",
+  "WrDrawerClose": "ngwr/drawer",
+  "WrDrawerPosition": "ngwr/drawer",
+  "WrDropdown": "ngwr/dropdown",
+  "WrDropdownMenu": "ngwr/dropdown",
+  "WrDropdownItem": "ngwr/dropdown",
+  "WrDropdownPosition": "ngwr/dropdown",
+  "WrDropdownTrigger": "ngwr/dropdown",
+  "WrEmpty": "ngwr/empty",
+  "WrFallingText": "ngwr/falling-text",
+  "WrFallingTextTrigger": "ngwr/falling-text",
+  "WrFileUpload": "ngwr/file-upload",
+  "WrFileUploadRejection": "ngwr/file-upload",
+  "WrFileUploadRejectionReason": "ngwr/file-upload",
+  "WrFormItem": "ngwr/form",
+  "WrFormField": "ngwr/form",
+  "WrFormError": "ngwr/form",
+  "WrFuzzyText": "ngwr/fuzzy-text",
+  "WrFuzzyTextDirection": "ngwr/fuzzy-text",
+  "WrGauge": "ngwr/gauge",
+  "WrGlitchText": "ngwr/glitch-text",
+  "WrGradientText": "ngwr/gradient-text",
+  "WrGradientTextDirection": "ngwr/gradient-text",
+  "WrHotkey": "ngwr/hotkey",
+  "WrHotkeyBinding": "ngwr/hotkey",
+  "WrParsedHotkey": "ngwr/hotkey",
+  "WrHotkeyHandle": "ngwr/hotkey",
+  "WrHotkeyOptions": "ngwr/hotkey",
+  "WrHotkeySpec": "ngwr/hotkey",
+  "WrI18n": "ngwr/i18n",
+  "WrTPipe": "ngwr/i18n",
+  "WrTDirective": "ngwr/i18n",
+  "WrI18nCatalog": "ngwr/i18n",
+  "WrI18nConfig": "ngwr/i18n",
+  "WrI18nConfigResolved": "ngwr/i18n",
+  "WrI18nParams": "ngwr/i18n",
+  "WrI18nMissingHandler": "ngwr/i18n",
+  "WrI18nLoader": "ngwr/i18n",
+  "WrI18nStaticLoader": "ngwr/i18n",
+  "WrI18nStaticCatalogs": "ngwr/i18n",
+  "WrI18nStaticScopedCatalogs": "ngwr/i18n",
+  "WrI18nHttpLoader": "ngwr/i18n",
+  "WrI18nHttpLoaderConfig": "ngwr/i18n",
+  "WrIcon": "ngwr/icon",
+  "WrIconDef": "ngwr/icon",
+  "WrIconName": "ngwr/icon",
+  "WrImageCropper": "ngwr/image-cropper",
+  "WrCropRect": "ngwr/image-cropper",
+  "WrCropHandle": "ngwr/image-cropper",
+  "WrImageOutputType": "ngwr/image-cropper",
+  "WrInput": "ngwr/input",
+  "WrInputPrefix": "ngwr/input",
+  "WrInputSuffix": "ngwr/input",
+  "WrInputGroup": "ngwr/input",
+  "WrPasswordToggle": "ngwr/input",
+  "WrInputType": "ngwr/input",
+  "WrInputNumber": "ngwr/input-number",
+  "WrInputOtp": "ngwr/input-otp",
+  "WrInputOtpMode": "ngwr/input-otp",
+  "WrKbd": "ngwr/keyboard",
+  "WrKbdSize": "ngwr/keyboard",
+  "WrKnob": "ngwr/knob",
+  "WrLayout": "ngwr/layout",
+  "WrLayoutHeader": "ngwr/layout",
+  "WrLayoutSider": "ngwr/layout",
+  "WrLayoutContent": "ngwr/layout",
+  "WrLayoutFooter": "ngwr/layout",
+  "WrLightbox": "ngwr/lightbox",
+  "WrLineChart": "ngwr/line-chart",
+  "WrLineSeries": "ngwr/line-chart",
+  "WrList": "ngwr/list",
+  "WrListItem": "ngwr/list",
+  "WrLoadingBar": "ngwr/loading-bar",
+  "WrLoadingState": "ngwr/loading-bar",
+  "WrLoadingBarComponent": "ngwr/loading-bar",
+  "WrMarquee": "ngwr/marquee",
+  "WrMarqueeItem": "ngwr/marquee",
+  "WrMarqueeImage": "ngwr/marquee",
+  "WrMarqueeNode": "ngwr/marquee",
+  "WrMedia": "ngwr/media",
+  "WrBreakpoint": "ngwr/media",
+  "WrBreakpointMap": "ngwr/media",
+  "WrMention": "ngwr/mention",
+  "WrMentionPanel": "ngwr/mention",
+  "WrMentionItem": "ngwr/mention",
+  "WrMentionCommit": "ngwr/mention",
+  "WrMeta": "ngwr/meta",
+  "WrMetaBinding": "ngwr/meta",
+  "WrMetaConfig": "ngwr/meta",
+  "WrMetaHandle": "ngwr/meta",
+  "WrMetaOg": "ngwr/meta",
+  "WrMetaTwitter": "ngwr/meta",
+  "WrMeterGroup": "ngwr/meter-group",
+  "WrMeterSegment": "ngwr/meter-group",
+  "WrOverlayContainer": "ngwr/overlay",
+  "WrPageHeader": "ngwr/page-header",
+  "WrPagination": "ngwr/pagination",
+  "WrPaginationAlign": "ngwr/pagination",
+  "WrBytes": "ngwr/pipes",
+  "WrDate": "ngwr/pipes",
+  "WrMark": "ngwr/pipes",
+  "WrNumber": "ngwr/pipes",
+  "WrNumberStyle": "ngwr/pipes",
+  "WrPlural": "ngwr/pipes",
+  "WrPluralForms": "ngwr/pipes",
+  "WrPluralOptions": "ngwr/pipes",
+  "WrRange": "ngwr/pipes",
+  "WrTruncate": "ngwr/pipes",
+  "WrPlatform": "ngwr/platform",
+  "WrPopconfirm": "ngwr/popconfirm",
+  "WrPopconfirmPanel": "ngwr/popconfirm",
+  "WrPopconfirmPosition": "ngwr/popconfirm",
+  "WrPopover": "ngwr/popover",
+  "WrPopoverPosition": "ngwr/popover",
+  "WrProgress": "ngwr/progress",
+  "WrQr": "ngwr/qr",
+  "WrQrErrorLevel": "ngwr/qr",
+  "WrRadio": "ngwr/radio",
+  "WrRadioGroup": "ngwr/radio",
+  "WrRadioGroupContext": "ngwr/radio",
+  "WrRating": "ngwr/rating",
+  "WrResult": "ngwr/result",
+  "WrResultStatus": "ngwr/result",
+  "WrResult404": "ngwr/result",
+  "WrResult403": "ngwr/result",
+  "WrResult500": "ngwr/result",
+  "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",
+  "WrSelect": "ngwr/select",
+  "WrOption": "ngwr/select",
+  "WrOptionGroup": "ngwr/select",
+  "WrSelectContext": "ngwr/select",
+  "WrSelectMode": "ngwr/select",
+  "WrSelectSearchLoader": "ngwr/select",
+  "WrSelectTagValidator": "ngwr/select",
+  "WrShinyText": "ngwr/shiny-text",
+  "WrShimmer": "ngwr/shiny-text",
+  "WrSidebar": "ngwr/sidebar",
+  "WrSidebarItem": "ngwr/sidebar",
+  "WrSidebarGroup": "ngwr/sidebar",
+  "WrSidebarEntry": "ngwr/sidebar",
+  "WrSkeleton": "ngwr/skeleton",
+  "WrSlider": "ngwr/slider",
+  "WrSliderValue": "ngwr/slider",
+  "WrSparkline": "ngwr/sparkline",
+  "WrSpeedDial": "ngwr/speed-dial",
+  "WrSpeedDialAction": "ngwr/speed-dial",
+  "WrSpeedDialDirection": "ngwr/speed-dial",
+  "WrSpinner": "ngwr/spinner",
+  "WrSpinnerSize": "ngwr/spinner",
+  "WrSplashCursor": "ngwr/splash-cursor",
+  "WrFluidConfig": "ngwr/splash-cursor",
+  "WrSplitText": "ngwr/split-text",
+  "WrSplitTextMotion": "ngwr/split-text",
+  "WrSplitTextUnit": "ngwr/split-text",
+  "WrSplitter": "ngwr/splitter",
+  "WrSpotlightCard": "ngwr/spotlight-card",
+  "WrSpotlight": "ngwr/spotlight-card",
+  "WrSquircleCorners": "ngwr/squircle",
+  "WrSquircle": "ngwr/squircle",
+  "WrSquircleCornerMask": "ngwr/squircle",
+  "WrSquircleHost": "ngwr/squircle",
+  "WrStarBorder": "ngwr/star-border",
+  "WrStarBorderMode": "ngwr/star-border",
+  "WrStarBorderRays": "ngwr/star-border",
+  "WrStatistic": "ngwr/statistic",
+  "WrStatisticCountdown": "ngwr/statistic",
+  "WrStepper": "ngwr/stepper",
+  "WrStep": "ngwr/stepper",
+  "WrStepperContext": "ngwr/stepper",
+  "WrStorage": "ngwr/storage",
+  "WrStorageConfig": "ngwr/storage",
+  "WrStorageConfigResolved": "ngwr/storage",
+  "WrStorageEngine": "ngwr/storage",
+  "WrSwitch": "ngwr/switch",
+  "WrTable": "ngwr/table",
+  "WrTableCell": "ngwr/table",
+  "WrTableSort": "ngwr/table",
+  "WrTableFilter": "ngwr/table",
+  "WrTableCellContext": "ngwr/table",
+  "WrTableColumn": "ngwr/table",
+  "WrTableColumns": "ngwr/table",
+  "WrTableFilterChange": "ngwr/table",
+  "WrTableFilterItem": "ngwr/table",
+  "WrTableSortState": "ngwr/table",
+  "WrTableSortDirection": "ngwr/table",
+  "WrTabs": "ngwr/tabs",
+  "WrTab": "ngwr/tabs",
+  "WrTabsContext": "ngwr/tabs",
+  "WrTextarea": "ngwr/textarea",
+  "WrColor": "ngwr/theme",
+  "WrTheme": "ngwr/theme",
+  "WrResolvedTheme": "ngwr/theme",
+  "WrThemeMode": "ngwr/theme",
+  "WrThemeConfig": "ngwr/theme",
+  "WrTiltCard": "ngwr/tilt-card",
+  "WrTilt": "ngwr/tilt-card",
+  "WrTimeline": "ngwr/timeline",
+  "WrTimelineItem": "ngwr/timeline",
+  "WrTimelineColor": "ngwr/timeline",
+  "WrToast": "ngwr/toast",
+  "WrToastRef": "ngwr/toast",
+  "WrToastConfig": "ngwr/toast",
+  "WrToastMode": "ngwr/toast",
+  "WrToastOptions": "ngwr/toast",
+  "WrToastPosition": "ngwr/toast",
+  "WrToastType": "ngwr/toast",
+  "WrToolbar": "ngwr/toolbar",
+  "WrTree": "ngwr/tree",
+  "WrTreeNode": "ngwr/tree",
+  "WrTreeSelectionMode": "ngwr/tree",
+  "WrTypewriter": "ngwr/typewriter",
+  "WrTypewriterVariableSpeed": "ngwr/typewriter",
+  "WrTypography": "ngwr/typography",
+  "WrTypographyVariant": "ngwr/typography",
+  "WrTypographyAlign": "ngwr/typography",
+  "WrTypographyTone": "ngwr/typography",
+  "WrDebouncedFn": "ngwr/utils",
+  "WrThrottledFn": "ngwr/utils",
+  "WrKey": "ngwr/utils",
+  "WrValidators": "ngwr/validators",
+  "WrVirtualScroll": "ngwr/virtual-scroll",
+  "WrWaves": "ngwr/waves",
+  "WrWindowManager": "ngwr/window",
+  "WrWindowBeforeCloseHook": "ngwr/window",
+  "WrWindowRef": "ngwr/window",
+  "WrWindowTaskbar": "ngwr/window",
+  "WrWindowChromeSize": "ngwr/window",
+  "WrWindowConfig": "ngwr/window",
+  "WrWindowOs": "ngwr/window",
+  "WrWindowPersistMode": "ngwr/window",
+  "WrWindowSize": "ngwr/window",
+  "WrWindowSnap": "ngwr/window",
+  "WrWindowState": "ngwr/window",
+  "WrWindowStorageConfig": "ngwr/window"
+}

package/scramble-text/scramble-text.scss

@@ -0,0 +1 @@
+@forward './styles';

package/scramble-text/styles/_index.scss

@@ -0,0 +1,8 @@
+.wr-scramble-text {
+  display: block;
+
+  &__char {
+    display: inline-block;
+    will-change: contents;
+  }
+}

package/segmented/styles/_index.scss

@@ -0,0 +1,92 @@
+@use '../../theme/styles' as theme;
+
+.wr-segmented {
+  --wr-segmented-bg: rgba(var(--wr-color-light-rgb), 0.4);
+  --wr-segmented-color: var(--wr-color-dark);
+  --wr-segmented-selected-bg: var(--wr-color-white);
+  --wr-segmented-selected-color: var(--wr-color-dark);
+  --wr-segmented-radius: var(--wr-border-radius-base);
+  --wr-segmented-padding: 0.1875rem;
+
+  --wr-segmented-thumb-index: 0;
+  --wr-segmented-thumb-count: 1;
+
+  position: relative;
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr;
+  align-items: stretch;
+  background: var(--wr-segmented-bg);
+  padding: var(--wr-segmented-padding);
+  @include theme.smooth-br(var(--wr-segmented-radius));
+  font-family: var(--wr-font-family-base);
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+
+  &__thumb {
+    position: absolute;
+    top: var(--wr-segmented-padding);
+    bottom: var(--wr-segmented-padding);
+    left: var(--wr-segmented-padding);
+    width: calc((100% - 2 * var(--wr-segmented-padding)) / var(--wr-segmented-thumb-count));
+    transform: translateX(calc(100% * var(--wr-segmented-thumb-index)));
+    background: var(--wr-segmented-selected-bg);
+    @include theme.smooth-br(calc(var(--wr-segmented-radius) - var(--wr-segmented-padding)));
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+    pointer-events: none;
+    // Animate slides, but only after first paint — see `&--mounted` below.
+  }
+
+  &--mounted &__thumb {
+    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  &--unselected &__thumb {
+    opacity: 0;
+  }
+
+  &__option {
+    position: relative;
+    z-index: 1;
+    min-width: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.375rem;
+    appearance: none;
+    background: transparent;
+    border: 0;
+    padding: 0.3125rem 0.75rem;
+    @include theme.smooth-br(calc(var(--wr-segmented-radius) - var(--wr-segmented-padding)));
+    color: var(--wr-segmented-color);
+    font: inherit;
+    cursor: pointer;
+    transition: color var(--wr-transition-base);
+
+    &:hover:not(:disabled):not(.wr-segmented__option--selected) {
+      color: var(--wr-color-primary);
+    }
+
+    &--selected {
+      color: var(--wr-segmented-selected-color);
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
+
+  &__icon {
+    --wr-icon-size: 0.875rem;
+  }
+
+  &__label {
+    line-height: 1.25rem;
+  }
+
+  &--disabled {
+    pointer-events: none;
+    opacity: 0.6;
+  }
+}