@skdx/icons 0.27.0 → 0.28.0

package/README.md

@@ -60,8 +60,9 @@ Web Components ships **one shared element**, `<skdx-icon name>`, instead of a cu
 <script type="module">
   // Full import — register exactly the icons you use in one call.
   import '@skdx/icons/web-components';
+
+  import { BellIcon, SearchIcon } from '@skdx/icons/data';
   import { registerIcons } from '@skdx/icons/web-components';
-  import { SearchIcon, BellIcon } from '@skdx/icons/data';
 
   registerIcons({ SearchIcon, BellIcon });
 </script>
@@ -87,7 +88,8 @@ Angular uses a name registry via DI instead of a component per icon, for the sam
 
 ```ts
 import { Component } from '@angular/core';
-import { SkdxIconComponent, provideIcons } from '@skdx/icons/angular';
+
+import { provideIcons, SkdxIconComponent } from '@skdx/icons/angular';
 import { SearchIcon } from '@skdx/icons/data';
 
 @Component({
@@ -146,7 +148,7 @@ Every icon accepts all standard SVG props plus:
 | Prop          | Default          | Description                                                           |
 | ------------- | ---------------- | --------------------------------------------------------------------- |
 | `size`        | `24`             | Rendered width/height in px (icons are square, drawn on a 24×24 grid) |
-| `color`       | `'currentColor'` | Stroke color — any CSS color, including `var(--skdx-*)` tokens         |
+| `color`       | `'currentColor'` | Stroke color — any CSS color, including `var(--skdx-*)` tokens        |
 | `strokeWidth` | `2`              | Stroke width relative to the 24×24 grid                               |
 | `title`       | —                | Accessible label; without it the icon is `aria-hidden`                |
 
@@ -165,11 +167,11 @@ iconKeywords.SearchIcon; // ['find', 'magnifier', 'zoom', ...]
 
 lucide keeps every renamed icon's old name around as an **alias**: a second SVG file with identical artwork under the superseded name. This package ships **only lucide's canonical names**, so there is exactly one way to import each icon and nothing published is already on a removal path:
 
-| Count     | What                                                                                                          |
-| --------: | ------------------------------------------------------------------------------------------------------------- |
+|     Count | What                                                                                                            |
+| --------: | --------------------------------------------------------------------------------------------------------------- |
 | **1,997** | SVG files in `lucide-static@1.25.0`                                                                             |
-|    −249   | legacy alias names (`AlertCircle` → `CircleAlert`, `Filter` → `Funnel`, …) — superseded spellings, same artwork |
-|      −0   | icons upstream has flagged for deletion — lucide 1.x removed its deprecated brand set outright, so none remain  |
+|      −249 | legacy alias names (`AlertCircle` → `CircleAlert`, `Filter` → `Funnel`, …) — superseded spellings, same artwork |
+|        −0 | icons upstream has flagged for deletion — lucide 1.x removed its deprecated brand set outright, so none remain  |
 | **1,748** | exports this package ships (`iconNames.length`) — one per distinct icon                                         |
 
 No export carries an `@deprecated` tag, because no deprecated name is published in the first place.

package/dist/angular/fesm2022/skdx-icons.mjs

@@ -1 +1 @@
-import*as t from"@angular/core";import{InjectionToken as e,inject as n,booleanAttribute as r,Input as o,ChangeDetectionStrategy as i,Component as s}from"@angular/core";import{DomSanitizer as a}from"@angular/platform-browser";const l=new e("SKDX_ICON_ENTRIES"),c=new e("SKDX_ICON_REGISTRY",{factory:()=>Object.assign({},...n(l,{optional:!0})??[])});function d(t){return{provide:l,useValue:t,multi:!0}}class SkdxIconComponent{constructor(){this.registry=n(c),this.sanitizer=n(a),this.size=24,this.color="currentColor",this.strokeWidth=2,this.absoluteStrokeWidth=!1}get renderedStrokeWidth(){return function(t,e,n){if(!n)return t;const r=24*Number(t)/Number(e);return Number.isFinite(r)?r:t}(this.strokeWidth,this.size,this.absoluteStrokeWidth)}get markup(){const t=(this.registry[this.name]??[]).map(([t,e])=>`<${t} ${Object.entries(e).map(([t,e])=>`${t}="${e}"`).join(" ")}></${t}>`).join("");return this.sanitizer.bypassSecurityTrustHtml(t)}static{this.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.0.6",ngImport:t,type:SkdxIconComponent,deps:[],target:t.ɵɵFactoryTarget.Component})}static{this.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.0.6",type:SkdxIconComponent,isStandalone:!0,selector:"skdx-icon",inputs:{name:"name",size:"size",color:"color",strokeWidth:"strokeWidth",absoluteStrokeWidth:["absoluteStrokeWidth","absoluteStrokeWidth",r],title:"title"},ngImport:t,template:'\n    <svg\n      xmlns="http://www.w3.org/2000/svg"\n      [attr.width]="size"\n      [attr.height]="size"\n      viewBox="0 0 24 24"\n      fill="none"\n      [attr.stroke]="color"\n      [attr.stroke-width]="renderedStrokeWidth"\n      stroke-linecap="round"\n      stroke-linejoin="round"\n      [attr.role]="title ? \'img\' : null"\n      [attr.aria-hidden]="title ? null : \'true\'"\n      focusable="false"\n      [attr.data-skdx-icon]="name"\n    >\n      @if (title) {\n        <title>{{ title }}</title>\n      }\n      <g [innerHTML]="markup"></g>\n    </svg>\n  ',isInline:!0,changeDetection:t.ChangeDetectionStrategy.OnPush})}}t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.0.6",ngImport:t,type:SkdxIconComponent,decorators:[{type:s,args:[{selector:"skdx-icon",standalone:!0,changeDetection:i.OnPush,template:'\n    <svg\n      xmlns="http://www.w3.org/2000/svg"\n      [attr.width]="size"\n      [attr.height]="size"\n      viewBox="0 0 24 24"\n      fill="none"\n      [attr.stroke]="color"\n      [attr.stroke-width]="renderedStrokeWidth"\n      stroke-linecap="round"\n      stroke-linejoin="round"\n      [attr.role]="title ? \'img\' : null"\n      [attr.aria-hidden]="title ? null : \'true\'"\n      focusable="false"\n      [attr.data-skdx-icon]="name"\n    >\n      @if (title) {\n        <title>{{ title }}</title>\n      }\n      <g [innerHTML]="markup"></g>\n    </svg>\n  '}]}],propDecorators:{name:[{type:o,args:[{required:!0}]}],size:[{type:o}],color:[{type:o}],strokeWidth:[{type:o}],absoluteStrokeWidth:[{type:o,args:[{transform:r}]}],title:[{type:o}]}});export{c as SKDX_ICON_REGISTRY,SkdxIconComponent,d as provideIcons};
+import*as e from"@angular/core";import{InjectionToken as t,inject as n,ElementRef as o,Renderer2 as r,Input as i,Directive as s,booleanAttribute as a,ChangeDetectionStrategy as d,Component as c}from"@angular/core";const l=new t("SKDX_ICON_ENTRIES"),h=new t("SKDX_ICON_REGISTRY",{factory:()=>Object.assign({},...n(l,{optional:!0})??[])});function p(e){return{provide:l,useValue:e,multi:!0}}class SkdxIconNodeDirective{constructor(){this.host=n(o),this.renderer=n(r)}set node(e){const t=this.host.nativeElement;for(;t.firstChild;)this.renderer.removeChild(t,t.firstChild);for(const[n,o]of e){const e=this.renderer.createElement(n,"http://www.w3.org/2000/svg");for(const[t,n]of Object.entries(o))this.renderer.setAttribute(e,t,n);this.renderer.appendChild(t,e)}}static{this.ɵfac=e.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.0.6",ngImport:e,type:SkdxIconNodeDirective,deps:[],target:e.ɵɵFactoryTarget.Directive})}static{this.ɵdir=e.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.0.6",type:SkdxIconNodeDirective,isStandalone:!0,selector:"[skdxIconNode]",inputs:{node:["skdxIconNode","node"]},ngImport:e})}}e.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.0.6",ngImport:e,type:SkdxIconNodeDirective,decorators:[{type:s,args:[{selector:"[skdxIconNode]",standalone:!0}]}],propDecorators:{node:[{type:i,args:["skdxIconNode"]}]}});class SkdxIconComponent{constructor(){this.registry=n(h),this.size=24,this.color="currentColor",this.strokeWidth=2,this.absoluteStrokeWidth=!1}get renderedStrokeWidth(){return function(e,t,n){if(!n)return e;const o=24*Number(e)/Number(t);return Number.isFinite(o)?o:e}(this.strokeWidth,this.size,this.absoluteStrokeWidth)}get iconNode(){return this.registry[this.name]??[]}static{this.ɵfac=e.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.0.6",ngImport:e,type:SkdxIconComponent,deps:[],target:e.ɵɵFactoryTarget.Component})}static{this.ɵcmp=e.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.0.6",type:SkdxIconComponent,isStandalone:!0,selector:"skdx-icon",inputs:{name:"name",size:"size",color:"color",strokeWidth:"strokeWidth",absoluteStrokeWidth:["absoluteStrokeWidth","absoluteStrokeWidth",a],title:"title"},ngImport:e,template:'\n    <svg\n      xmlns="http://www.w3.org/2000/svg"\n      [attr.width]="size"\n      [attr.height]="size"\n      viewBox="0 0 24 24"\n      fill="none"\n      [attr.stroke]="color"\n      [attr.stroke-width]="renderedStrokeWidth"\n      stroke-linecap="round"\n      stroke-linejoin="round"\n      [attr.role]="title ? \'img\' : null"\n      [attr.aria-hidden]="title ? null : \'true\'"\n      focusable="false"\n      [attr.data-skdx-icon]="name"\n    >\n      @if (title) {\n        <title>{{ title }}</title>\n      }\n      <g [skdxIconNode]="iconNode"></g>\n    </svg>\n  ',isInline:!0,dependencies:[{kind:"directive",type:SkdxIconNodeDirective,selector:"[skdxIconNode]",inputs:["skdxIconNode"]}],changeDetection:e.ChangeDetectionStrategy.OnPush})}}e.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.0.6",ngImport:e,type:SkdxIconComponent,decorators:[{type:c,args:[{selector:"skdx-icon",standalone:!0,imports:[SkdxIconNodeDirective],changeDetection:d.OnPush,template:'\n    <svg\n      xmlns="http://www.w3.org/2000/svg"\n      [attr.width]="size"\n      [attr.height]="size"\n      viewBox="0 0 24 24"\n      fill="none"\n      [attr.stroke]="color"\n      [attr.stroke-width]="renderedStrokeWidth"\n      stroke-linecap="round"\n      stroke-linejoin="round"\n      [attr.role]="title ? \'img\' : null"\n      [attr.aria-hidden]="title ? null : \'true\'"\n      focusable="false"\n      [attr.data-skdx-icon]="name"\n    >\n      @if (title) {\n        <title>{{ title }}</title>\n      }\n      <g [skdxIconNode]="iconNode"></g>\n    </svg>\n  '}]}],propDecorators:{name:[{type:i,args:[{required:!0}]}],size:[{type:i}],color:[{type:i}],strokeWidth:[{type:i}],absoluteStrokeWidth:[{type:i,args:[{transform:a}]}],title:[{type:i}]}});export{h as SKDX_ICON_REGISTRY,SkdxIconComponent,p as provideIcons};

package/dist/angular/stroke-width.d.cts

@@ -1,30 +1,9 @@
-/**
- * Angular-local copy of `src/strokeWidth.ts`'s `resolveStrokeWidth`.
- *
- * Why a copy and not an import: this package's Angular output is built by
- * ng-packagr, which roots its TypeScript program at the entry file's own
- * directory (`src/angular/index.ts`). Under ng-packagr 22 + TypeScript 6, ANY
- * import that reaches outside `src/angular/` crashes partial compilation with
- * "Cannot destructure property 'pos' of 'file.referencedFiles[index]'" — the
- * Angular compiler is a TypeScript release behind. It is not specific to this
- * helper; a one-line probe module reproduces it identically.
- *
- * `stroke-width.parity.test.ts` asserts this copy and the shared original
- * agree across a table of inputs, so the duplication cannot silently drift.
- * Delete this file and import `../strokeWidth.js` again once the toolchain
- * catches up.
- */
 /**
  * Resolves the `stroke-width` actually rendered onto an icon's `<svg>`.
  *
- * By default `strokeWidth` is relative to the 24x24 grid, so it scales with
- * `size` — a 48px icon at `strokeWidth={2}` draws a visually 4px-thick line.
- * With `absoluteStrokeWidth`, the value is instead read as *rendered* pixels
- * and rescaled (`strokeWidth × 24 ÷ size`), so a row of icons at different
- * sizes shares one optical weight. Matches lucide's prop of the same name.
- *
- * Non-numeric sizes (`'2em'`, `'100%'`) can't be rescaled — there's no pixel
- * count to divide by — so the value passes through unchanged rather than
- * becoming `NaN` and blanking the icon.
+ * By default it scales with `size` relative to the 24×24 grid; with
+ * `absoluteStrokeWidth`, it's rescaled to a fixed rendered pixel weight
+ * across sizes, matching lucide's prop of the same name. Non-numeric sizes
+ * pass through unchanged rather than becoming `NaN`.
  */
 export declare function resolveStrokeWidth(strokeWidth: number | string, size: number | string, absoluteStrokeWidth?: boolean): number | string;

package/dist/angular/stroke-width.d.ts

@@ -1,30 +1,9 @@
-/**
- * Angular-local copy of `src/strokeWidth.ts`'s `resolveStrokeWidth`.
- *
- * Why a copy and not an import: this package's Angular output is built by
- * ng-packagr, which roots its TypeScript program at the entry file's own
- * directory (`src/angular/index.ts`). Under ng-packagr 22 + TypeScript 6, ANY
- * import that reaches outside `src/angular/` crashes partial compilation with
- * "Cannot destructure property 'pos' of 'file.referencedFiles[index]'" — the
- * Angular compiler is a TypeScript release behind. It is not specific to this
- * helper; a one-line probe module reproduces it identically.
- *
- * `stroke-width.parity.test.ts` asserts this copy and the shared original
- * agree across a table of inputs, so the duplication cannot silently drift.
- * Delete this file and import `../strokeWidth.js` again once the toolchain
- * catches up.
- */
 /**
  * Resolves the `stroke-width` actually rendered onto an icon's `<svg>`.
  *
- * By default `strokeWidth` is relative to the 24x24 grid, so it scales with
- * `size` — a 48px icon at `strokeWidth={2}` draws a visually 4px-thick line.
- * With `absoluteStrokeWidth`, the value is instead read as *rendered* pixels
- * and rescaled (`strokeWidth × 24 ÷ size`), so a row of icons at different
- * sizes shares one optical weight. Matches lucide's prop of the same name.
- *
- * Non-numeric sizes (`'2em'`, `'100%'`) can't be rescaled — there's no pixel
- * count to divide by — so the value passes through unchanged rather than
- * becoming `NaN` and blanking the icon.
+ * By default it scales with `size` relative to the 24×24 grid; with
+ * `absoluteStrokeWidth`, it's rescaled to a fixed rendered pixel weight
+ * across sizes, matching lucide's prop of the same name. Non-numeric sizes
+ * pass through unchanged rather than becoming `NaN`.
  */
 export declare function resolveStrokeWidth(strokeWidth: number | string, size: number | string, absoluteStrokeWidth?: boolean): number | string;

package/dist/angular/types/skdx-icons.d.cts

@@ -1,17 +1,35 @@
-import { SafeHtml } from '@angular/platform-browser';
 import * as i0 from '@angular/core';
 import { InjectionToken, Provider } from '@angular/core';
 
+type IconNode = ReadonlyArray<readonly [string, Record<string, string>]>;
+type IconRegistryEntries = Record<string, IconNode>;
+/** Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree. */
+declare const SKDX_ICON_REGISTRY: InjectionToken<IconRegistryEntries>;
+/**
+ * Registers icons for `<skdx-icon name="...">` to resolve by name —
+ * Angular Material's `provideIcons()`-style API. Call once per icon set
+ * (app root, a feature route, a lazy-loaded module); multiple calls merge
+ * rather than overwrite each other.
+ *
+ * Unlike the other 4 frameworks' per-icon components, Ivy-compiling ~1,900
+ * individual `@Component`-decorated classes would balloon this library's
+ * Angular build time and bundle size, so Angular trades true per-import
+ * tree-shaking for one shared `<skdx-icon>` element plus this name registry —
+ * import only the `IconNode` data you use from `@skdx/icons/angular/icons`
+ * and register just that subset.
+ */
+declare function provideIcons(icons: IconRegistryEntries): Provider;
+
 /**
  * `<skdx-icon name="CheckIcon">` — resolves icon geometry by name from the
  * registry built by `provideIcons()` (see `icon-registry.ts`). Shares the
  * same `size`/`color`/`strokeWidth`/`title` prop contract as every other
  * framework's icon output, as Angular `@Input()`s.
  *
- * Icon markup is generated, trusted data (never user input), so it's
- * injected via `DomSanitizer.bypassSecurityTrustHtml` rather than Angular's
- * default sanitization, the same trust argument the Web Components output
- * makes for `unsafeSVG`.
+ * Geometry is appended through `Renderer2` rather than `[innerHTML]`: the
+ * `innerHTML` setter exists only on `HTMLElement` in the domino DOM Angular
+ * uses for SSR, so binding it on an SVG element throws `NotYetImplemented`
+ * during prerender.
  *
  * There is no mirroring input: icons never flip under `dir="rtl"` on their
  * own. Add the `skdx-icon-mirror` class at the call site to the ones that
@@ -21,7 +39,6 @@ import { InjectionToken, Provider } from '@angular/core';
  */
 declare class SkdxIconComponent {
     private readonly registry;
-    private readonly sanitizer;
     /** Name of a registered icon — see `provideIcons()`. */
     name: string;
     /** Rendered width/height in pixels (icons are square). @default 24 */
@@ -36,30 +53,12 @@ declare class SkdxIconComponent {
     title?: string;
     /** The `stroke-width` actually rendered — rescaled when `absoluteStrokeWidth` is set. */
     get renderedStrokeWidth(): number | string;
-    get markup(): SafeHtml;
+    /** Geometry for the currently named icon, empty when the name is unregistered. */
+    get iconNode(): IconNode;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkdxIconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkdxIconComponent, "skdx-icon", never, { "name": { "alias": "name"; "required": true; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "absoluteStrokeWidth": { "alias": "absoluteStrokeWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_absoluteStrokeWidth: unknown;
 }
 
-type IconNode = ReadonlyArray<readonly [string, Record<string, string>]>;
-type IconRegistryEntries = Record<string, IconNode>;
-/** Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree. */
-declare const SKDX_ICON_REGISTRY: InjectionToken<IconRegistryEntries>;
-/**
- * Registers icons for `<skdx-icon name="...">` to resolve by name —
- * Angular Material's `provideIcons()`-style API. Call once per icon set
- * (app root, a feature route, a lazy-loaded module); multiple calls merge
- * rather than overwrite each other.
- *
- * Unlike the other 4 frameworks' per-icon components, Ivy-compiling ~1,900
- * individual `@Component`-decorated classes would balloon this library's
- * Angular build time and bundle size, so Angular trades true per-import
- * tree-shaking for one shared `<skdx-icon>` element plus this name registry —
- * import only the `IconNode` data you use from `@skdx/icons/angular/icons`
- * and register just that subset.
- */
-declare function provideIcons(icons: IconRegistryEntries): Provider;
-
 export { SKDX_ICON_REGISTRY, SkdxIconComponent, provideIcons };
 export type { IconNode, IconRegistryEntries };

package/dist/angular/types/skdx-icons.d.ts

@@ -1,17 +1,35 @@
-import { SafeHtml } from '@angular/platform-browser';
 import * as i0 from '@angular/core';
 import { InjectionToken, Provider } from '@angular/core';
 
+type IconNode = ReadonlyArray<readonly [string, Record<string, string>]>;
+type IconRegistryEntries = Record<string, IconNode>;
+/** Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree. */
+declare const SKDX_ICON_REGISTRY: InjectionToken<IconRegistryEntries>;
+/**
+ * Registers icons for `<skdx-icon name="...">` to resolve by name —
+ * Angular Material's `provideIcons()`-style API. Call once per icon set
+ * (app root, a feature route, a lazy-loaded module); multiple calls merge
+ * rather than overwrite each other.
+ *
+ * Unlike the other 4 frameworks' per-icon components, Ivy-compiling ~1,900
+ * individual `@Component`-decorated classes would balloon this library's
+ * Angular build time and bundle size, so Angular trades true per-import
+ * tree-shaking for one shared `<skdx-icon>` element plus this name registry —
+ * import only the `IconNode` data you use from `@skdx/icons/angular/icons`
+ * and register just that subset.
+ */
+declare function provideIcons(icons: IconRegistryEntries): Provider;
+
 /**
  * `<skdx-icon name="CheckIcon">` — resolves icon geometry by name from the
  * registry built by `provideIcons()` (see `icon-registry.ts`). Shares the
  * same `size`/`color`/`strokeWidth`/`title` prop contract as every other
  * framework's icon output, as Angular `@Input()`s.
  *
- * Icon markup is generated, trusted data (never user input), so it's
- * injected via `DomSanitizer.bypassSecurityTrustHtml` rather than Angular's
- * default sanitization, the same trust argument the Web Components output
- * makes for `unsafeSVG`.
+ * Geometry is appended through `Renderer2` rather than `[innerHTML]`: the
+ * `innerHTML` setter exists only on `HTMLElement` in the domino DOM Angular
+ * uses for SSR, so binding it on an SVG element throws `NotYetImplemented`
+ * during prerender.
  *
  * There is no mirroring input: icons never flip under `dir="rtl"` on their
  * own. Add the `skdx-icon-mirror` class at the call site to the ones that
@@ -21,7 +39,6 @@ import { InjectionToken, Provider } from '@angular/core';
  */
 declare class SkdxIconComponent {
     private readonly registry;
-    private readonly sanitizer;
     /** Name of a registered icon — see `provideIcons()`. */
     name: string;
     /** Rendered width/height in pixels (icons are square). @default 24 */
@@ -36,30 +53,12 @@ declare class SkdxIconComponent {
     title?: string;
     /** The `stroke-width` actually rendered — rescaled when `absoluteStrokeWidth` is set. */
     get renderedStrokeWidth(): number | string;
-    get markup(): SafeHtml;
+    /** Geometry for the currently named icon, empty when the name is unregistered. */
+    get iconNode(): IconNode;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkdxIconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkdxIconComponent, "skdx-icon", never, { "name": { "alias": "name"; "required": true; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "absoluteStrokeWidth": { "alias": "absoluteStrokeWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_absoluteStrokeWidth: unknown;
 }
 
-type IconNode = ReadonlyArray<readonly [string, Record<string, string>]>;
-type IconRegistryEntries = Record<string, IconNode>;
-/** Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree. */
-declare const SKDX_ICON_REGISTRY: InjectionToken<IconRegistryEntries>;
-/**
- * Registers icons for `<skdx-icon name="...">` to resolve by name —
- * Angular Material's `provideIcons()`-style API. Call once per icon set
- * (app root, a feature route, a lazy-loaded module); multiple calls merge
- * rather than overwrite each other.
- *
- * Unlike the other 4 frameworks' per-icon components, Ivy-compiling ~1,900
- * individual `@Component`-decorated classes would balloon this library's
- * Angular build time and bundle size, so Angular trades true per-import
- * tree-shaking for one shared `<skdx-icon>` element plus this name registry —
- * import only the `IconNode` data you use from `@skdx/icons/angular/icons`
- * and register just that subset.
- */
-declare function provideIcons(icons: IconRegistryEntries): Provider;
-
 export { SKDX_ICON_REGISTRY, SkdxIconComponent, provideIcons };
 export type { IconNode, IconRegistryEntries };

package/dist/react/createIcon.d.cts

@@ -4,11 +4,8 @@ export type { IconNode };
 /**
  * Props shared by every generated icon component and any custom icon built with {@link createIcon}.
  *
- * There is no mirroring prop: icons never flip under `dir="rtl"` on their own.
- * Add the `skdx-icon-mirror` class at the call site to the ones that encode
- * direction of travel (a back arrow, a "next" chevron). See
- * `@skdx/icons/mirror.css` for the rule and for why that call belongs to the
- * consumer rather than to per-icon metadata.
+ * No mirroring prop: icons never flip under `dir="rtl"` on their own. Add the `skdx-icon-mirror` class at the
+ * call site to ones that encode direction of travel (a back arrow, a "next" chevron) — see `@skdx/icons/mirror.css`.
  */
 export interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'children'> {
     /**
@@ -17,10 +14,7 @@ export interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'chi
      */
     size?: number | string;
     /**
-     * Stroke color. Set to `currentColor` by default, so icons inherit the
-     * surrounding CSS `color` — set `color: var(--skdx-color-primary-600)` (or
-     * any theme token) on the icon or a parent to theme it. Pass any CSS color
-     * to override per-use.
+     * Stroke color; defaults to `currentColor` so icons inherit the surrounding CSS `color`.
      * @default 'currentColor'
      */
     color?: string;
@@ -30,30 +24,23 @@ export interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'chi
      */
     strokeWidth?: number | string;
     /**
-     * Read `strokeWidth` as *rendered* pixels instead of grid units, so icons
-     * at different `size`s keep one optical weight (the value is rescaled by
-     * `24 ÷ size`). No effect when `size` isn't a plain number.
+     * Reads `strokeWidth` as rendered pixels instead of grid units, rescaled by `24 ÷ size` to keep one optical weight.
      * @default false
      */
     absoluteStrokeWidth?: boolean;
     /**
-     * Accessible label. When provided the icon renders `role="img"` with a
-     * `<title>`, exposing it to assistive technology; when omitted the icon is
-     * `aria-hidden` (the common case — a nearby text label already describes it).
+     * Accessible label; renders `role="img"` with a `<title>` when set, else `aria-hidden`.
      */
     title?: string;
 }
 /** A ref-forwarding icon component (the return type of {@link createIcon}): accepts {@link IconProps} and forwards its ref to the underlying `<svg>`. */
 export type SkdxIconComponent = React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
 /**
- * Builds a themeable, ref-forwarding icon component from raw SVG node data —
- * the same factory every generated `@skdx/icons` component is built
- * with, exposed for authoring custom icons that behave identically (same
- * `size`/`color`/`strokeWidth`/`title` props, same theming via `currentColor`).
+ * Builds a themeable, ref-forwarding icon component from raw SVG node data — the same factory every
+ * generated `@skdx/icons` component is built with, exposed for authoring custom icons that behave identically.
  *
- * Icons render on a 24x24 grid (scaled by `size`, 24×24 by default), draw
- * with `fill="none"` + `stroke={color}`, and forward all other SVG props
- * (`className`, `onClick`, `style`, …) plus the ref.
+ * Icons render on a 24x24 grid (scaled by `size`), draw with `fill="none"` + `stroke={color}`, and forward
+ * all other SVG props plus the ref.
  *
  * @param displayName - Component display name (for devtools) and the value written to the rendered `data-skdx-icon` attribute.
  * @param iconNode - The SVG child elements as `[tagName, attributes][]` pairs, e.g. `[['circle', { cx: '12', cy: '12', r: '10' }]]`.

package/dist/react/createIcon.d.ts

@@ -4,11 +4,8 @@ export type { IconNode };
 /**
  * Props shared by every generated icon component and any custom icon built with {@link createIcon}.
  *
- * There is no mirroring prop: icons never flip under `dir="rtl"` on their own.
- * Add the `skdx-icon-mirror` class at the call site to the ones that encode
- * direction of travel (a back arrow, a "next" chevron). See
- * `@skdx/icons/mirror.css` for the rule and for why that call belongs to the
- * consumer rather than to per-icon metadata.
+ * No mirroring prop: icons never flip under `dir="rtl"` on their own. Add the `skdx-icon-mirror` class at the
+ * call site to ones that encode direction of travel (a back arrow, a "next" chevron) — see `@skdx/icons/mirror.css`.
  */
 export interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'children'> {
     /**
@@ -17,10 +14,7 @@ export interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'chi
      */
     size?: number | string;
     /**
-     * Stroke color. Set to `currentColor` by default, so icons inherit the
-     * surrounding CSS `color` — set `color: var(--skdx-color-primary-600)` (or
-     * any theme token) on the icon or a parent to theme it. Pass any CSS color
-     * to override per-use.
+     * Stroke color; defaults to `currentColor` so icons inherit the surrounding CSS `color`.
      * @default 'currentColor'
      */
     color?: string;
@@ -30,30 +24,23 @@ export interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'chi
      */
     strokeWidth?: number | string;
     /**
-     * Read `strokeWidth` as *rendered* pixels instead of grid units, so icons
-     * at different `size`s keep one optical weight (the value is rescaled by
-     * `24 ÷ size`). No effect when `size` isn't a plain number.
+     * Reads `strokeWidth` as rendered pixels instead of grid units, rescaled by `24 ÷ size` to keep one optical weight.
      * @default false
      */
     absoluteStrokeWidth?: boolean;
     /**
-     * Accessible label. When provided the icon renders `role="img"` with a
-     * `<title>`, exposing it to assistive technology; when omitted the icon is
-     * `aria-hidden` (the common case — a nearby text label already describes it).
+     * Accessible label; renders `role="img"` with a `<title>` when set, else `aria-hidden`.
      */
     title?: string;
 }
 /** A ref-forwarding icon component (the return type of {@link createIcon}): accepts {@link IconProps} and forwards its ref to the underlying `<svg>`. */
 export type SkdxIconComponent = React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
 /**
- * Builds a themeable, ref-forwarding icon component from raw SVG node data —
- * the same factory every generated `@skdx/icons` component is built
- * with, exposed for authoring custom icons that behave identically (same
- * `size`/`color`/`strokeWidth`/`title` props, same theming via `currentColor`).
+ * Builds a themeable, ref-forwarding icon component from raw SVG node data — the same factory every
+ * generated `@skdx/icons` component is built with, exposed for authoring custom icons that behave identically.
  *
- * Icons render on a 24x24 grid (scaled by `size`, 24×24 by default), draw
- * with `fill="none"` + `stroke={color}`, and forward all other SVG props
- * (`className`, `onClick`, `style`, …) plus the ref.
+ * Icons render on a 24x24 grid (scaled by `size`), draw with `fill="none"` + `stroke={color}`, and forward
+ * all other SVG props plus the ref.
  *
  * @param displayName - Component display name (for devtools) and the value written to the rendered `data-skdx-icon` attribute.
  * @param iconNode - The SVG child elements as `[tagName, attributes][]` pairs, e.g. `[['circle', { cx: '12', cy: '12', r: '10' }]]`.

package/dist/svelte/IconBase.svelte

@@ -1,33 +1,39 @@
+<!--
+  Copyright (c) 2026 SkandaDX
+  This file is part of the SkandaDX organization.
+  Licensed under the MIT License. See LICENSE in the repository root.
+-->
+
 <script lang="ts">
-  import type { IconNode } from '../iconNode.js';
-  import type { IconProps } from './icon-props.js';
-  // Deliberately the Svelte-local copy, not `../strokeWidth.js` — svelte-package
-  // only copies this directory, so an outside import dangles. See stroke-width.ts.
-  import { resolveStrokeWidth } from './stroke-width.js';
+import type { IconNode } from '../iconNode.js';
+import type { IconProps } from './icon-props.js';
+// Deliberately the Svelte-local copy, not `../strokeWidth.js` — svelte-package
+// only copies this directory, so an outside import dangles. See stroke-width.ts.
+import { resolveStrokeWidth } from './stroke-width.js';
 
-  /**
-   * Shared rendering shell every generated Svelte icon component wraps —
-   * the Svelte equivalent of `@skdx/icons/react`'s `createIcon`, sharing
-   * the same {@link IconNode} geometry and the same
-   * `size`/`color`/`strokeWidth`/`title` prop contract. Ships as raw source
-   * (compiled by the consumer's own Svelte compiler via `svelte-package`),
-   * matching every other Svelte component in this design system.
-   */
-  interface Props extends IconProps {
-    name: string;
-    iconNode: IconNode;
-  }
+/**
+ * Shared rendering shell every generated Svelte icon component wraps —
+ * the Svelte equivalent of `@skdx/icons/react`'s `createIcon`, sharing
+ * the same {@link IconNode} geometry and the same
+ * `size`/`color`/`strokeWidth`/`title` prop contract. Ships as raw source
+ * (compiled by the consumer's own Svelte compiler via `svelte-package`),
+ * matching every other Svelte component in this design system.
+ */
+interface Props extends IconProps {
+  name: string;
+  iconNode: IconNode;
+}
 
-  let {
-    name,
-    iconNode,
-    size = 24,
-    color = 'currentColor',
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    title,
-    ...rest
-  }: Props = $props();
+let {
+  name,
+  iconNode,
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 2,
+  absoluteStrokeWidth,
+  title,
+  ...rest
+}: Props = $props();
 </script>
 
 <svg

package/dist/svelte/stroke-width.d.cts

@@ -1,16 +1,3 @@
-/**
- * Svelte-local copy of `src/strokeWidth.ts`'s `resolveStrokeWidth`.
- *
- * Why a copy and not an import: the Svelte output is produced by
- * `svelte-package --input src/svelte`, which copies only that directory. An
- * import reaching outside it (`../strokeWidth.js`) survives typechecking but
- * dangles in `dist/svelte`, so consumers — and the packaged test — fail to
- * resolve it at runtime. Same constraint the Angular copy documents, a
- * different tool.
- *
- * `../stroke-width.parity.test.ts` asserts this copy and the shared original
- * agree across a table of inputs, so the duplication cannot silently drift.
- */
 /**
  * Resolves the `stroke-width` actually rendered onto an icon's `<svg>`.
  *

package/dist/svelte/stroke-width.d.ts

@@ -1,16 +1,3 @@
-/**
- * Svelte-local copy of `src/strokeWidth.ts`'s `resolveStrokeWidth`.
- *
- * Why a copy and not an import: the Svelte output is produced by
- * `svelte-package --input src/svelte`, which copies only that directory. An
- * import reaching outside it (`../strokeWidth.js`) survives typechecking but
- * dangles in `dist/svelte`, so consumers — and the packaged test — fail to
- * resolve it at runtime. Same constraint the Angular copy documents, a
- * different tool.
- *
- * `../stroke-width.parity.test.ts` asserts this copy and the shared original
- * agree across a table of inputs, so the duplication cannot silently drift.
- */
 /**
  * Resolves the `stroke-width` actually rendered onto an icon's `<svg>`.
  *

package/dist/web-components/icon-registry.cjs

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var I=(e,o)=>{for(var n in o)r(e,n,{get:o[n],enumerable:!0})},p=(e,o,n,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of d(o))!g.call(e,t)&&t!==n&&r(e,t,{get:()=>o[t],enumerable:!(i=s(o,t))||i.enumerable});return e};var f=e=>p(r({},"__esModule",{value:!0}),e);var u={};I(u,{getIcon:()=>N,registerIcons:()=>y});module.exports=f(u);var c=new Map;function y(e){for(let[o,n]of Object.entries(e))c.set(o,n)}function N(e){return c.get(e)}0&&(module.exports={getIcon,registerIcons});
+"use strict";var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},f=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of p(t))!g.call(e,n)&&n!==o&&r(e,n,{get:()=>t[n],enumerable:!(i=d(t,n))||i.enumerable});return e};var I=e=>f(r({},"__esModule",{value:!0}),e);var N={};u(N,{getIcon:()=>y,registerIcons:()=>a,subscribeToIconRegistry:()=>v});module.exports=I(N);var c=new Map,s=new Set;function a(e){for(let[t,o]of Object.entries(e))c.set(t,o);for(let t of s)t.requestUpdate()}function y(e){return c.get(e)}function v(e){return s.add(e),()=>s.delete(e)}0&&(module.exports={getIcon,registerIcons,subscribeToIconRegistry});

package/dist/web-components/icon-registry.d.cts

@@ -16,3 +16,7 @@ export type IconRegistryEntries = Record<string, IconNode>;
 export declare function registerIcons(icons: IconRegistryEntries): void;
 /** Looks up a registered icon's geometry by name — used by `<skdx-icon>`. */
 export declare function getIcon(name: string): IconNode | undefined;
+/** Subscribes a connected `<skdx-icon>` to redraw on later `registerIcons()` calls; returns the unsubscribe. */
+export declare function subscribeToIconRegistry(el: {
+    requestUpdate(): void;
+}): () => void;

package/dist/web-components/icon-registry.d.ts

@@ -16,3 +16,7 @@ export type IconRegistryEntries = Record<string, IconNode>;
 export declare function registerIcons(icons: IconRegistryEntries): void;
 /** Looks up a registered icon's geometry by name — used by `<skdx-icon>`. */
 export declare function getIcon(name: string): IconNode | undefined;
+/** Subscribes a connected `<skdx-icon>` to redraw on later `registerIcons()` calls; returns the unsubscribe. */
+export declare function subscribeToIconRegistry(el: {
+    requestUpdate(): void;
+}): () => void;

package/dist/web-components/icon-registry.js

@@ -1 +1 @@
-var t=/* @__PURE__ */new Map;function e(e){for(const[n,o]of Object.entries(e))t.set(n,o)}function n(e){return t.get(e)}export{n as getIcon,e as registerIcons};
+var e=/* @__PURE__ */new Map,t=/* @__PURE__ */new Set;function n(n){for(const[t,o]of Object.entries(n))e.set(t,o);for(const e of t)e.requestUpdate()}function o(t){return e.get(t)}function r(e){return t.add(e),()=>t.delete(e)}export{o as getIcon,n as registerIcons,r as subscribeToIconRegistry};

package/dist/web-components/skdx-icon.cjs

@@ -1,17 +1,17 @@
-"use strict";var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var w=(i,t)=>{for(var o in t)m(i,o,{get:t[o],enumerable:!0})},v=(i,t,o,h)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of b(t))!$.call(i,e)&&e!==o&&m(i,e,{get:()=>t[e],enumerable:!(h=u(t,e))||h.enumerable});return i};var y=i=>v(m({},"__esModule",{value:!0}),i),l=(i,t,o,h)=>{for(var e=h>1?void 0:h?u(t,o):t,a=i.length-1,p;a>=0;a--)(p=i[a])&&(e=(h?p(t,o,e):p(e))||e);return h&&e&&m(t,o,e),e};var k={};w(k,{SkdxIcon:()=>r});module.exports=y(k);var n=require("lit"),s=require("lit/decorators.js"),g=require("lit/directives/unsafe-svg.js"),d=require("../strokeWidth.cjs"),c=require("./icon-base.cjs"),f=require("./icon-registry.cjs");var T=24,r=class extends n.LitElement{constructor(){super(...arguments);this.name="";this.size=T;this.color="currentColor";this.strokeWidth=2;this.absoluteStrokeWidth=!1}createRenderRoot(){return this}render(){let o=(0,f.getIcon)(this.name)??[];return n.html`<svg
+"use strict";var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var b=e=>{throw TypeError(e)};var W=(e,t)=>{for(var i in t)c(e,i,{get:t[i],enumerable:!0})},z=(e,t,i,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of T(t))!C.call(e,r)&&r!==i&&c(e,r,{get:()=>t[r],enumerable:!(s=p(t,r))||s.enumerable});return e};var E=e=>z(c({},"__esModule",{value:!0}),e),h=(e,t,i,s)=>{for(var r=s>1?void 0:s?p(t,i):t,u=e.length-1,d;u>=0;u--)(d=e[u])&&(r=(s?d(t,i,r):d(r))||r);return s&&r&&c(t,i,r),r};var g=(e,t,i)=>t.has(e)||b("Cannot "+i);var f=(e,t,i)=>(g(e,t,"read from private field"),i?i.call(e):t.get(e)),v=(e,t,i)=>t.has(e)?b("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),$=(e,t,i,s)=>(g(e,t,"write to private field"),s?s.call(e,i):t.set(e,i),i);var B={};W(B,{SkdxIcon:()=>o});module.exports=E(B);var l=require("lit"),n=require("lit/decorators.js"),k=require("lit/directives/unsafe-svg.js"),w=require("../strokeWidth.cjs"),y=require("./icon-base.cjs"),m=require("./icon-registry.cjs");var R=24,a,o=class extends l.LitElement{constructor(){super(...arguments);this.name="";this.size=R;this.color="currentColor";this.strokeWidth=2;this.absoluteStrokeWidth=!1;v(this,a)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),$(this,a,(0,m.subscribeToIconRegistry)(this))}disconnectedCallback(){var i;super.disconnectedCallback(),(i=f(this,a))==null||i.call(this)}render(){let i=(0,m.getIcon)(this.name)??[];return l.html`<svg
       xmlns="http://www.w3.org/2000/svg"
       width=${this.size}
       height=${this.size}
       viewBox="0 0 24 24"
       fill="none"
       stroke=${this.color}
-      stroke-width=${(0,d.resolveStrokeWidth)(this.strokeWidth,this.size,this.absoluteStrokeWidth)}
+      stroke-width=${(0,w.resolveStrokeWidth)(this.strokeWidth,this.size,this.absoluteStrokeWidth)}
       stroke-linecap="round"
       stroke-linejoin="round"
-      role=${this.iconTitle?"img":n.nothing}
-      aria-hidden=${this.iconTitle?n.nothing:"true"}
+      role=${this.iconTitle?"img":l.nothing}
+      aria-hidden=${this.iconTitle?l.nothing:"true"}
       focusable="false"
       data-skdx-icon=${this.name}
     >
-      ${this.iconTitle?n.html`<title>${this.iconTitle}</title>`:n.nothing}${(0,g.unsafeSVG)((0,c.iconMarkup)(o))}
-    </svg>`}};l([(0,s.property)({type:String})],r.prototype,"name",2),l([(0,s.property)({type:Number})],r.prototype,"size",2),l([(0,s.property)({type:String})],r.prototype,"color",2),l([(0,s.property)({type:String,attribute:"stroke-width"})],r.prototype,"strokeWidth",2),l([(0,s.property)({type:Boolean,attribute:"absolute-stroke-width"})],r.prototype,"absoluteStrokeWidth",2),l([(0,s.property)({type:String,attribute:"title"})],r.prototype,"iconTitle",2),r=l([(0,s.customElement)("skdx-icon")],r);0&&(module.exports={SkdxIcon});
+      ${this.iconTitle?l.html`<title>${this.iconTitle}</title>`:l.nothing}${(0,k.unsafeSVG)((0,y.iconMarkup)(i))}
+    </svg>`}};a=new WeakMap,h([(0,n.property)({type:String})],o.prototype,"name",2),h([(0,n.property)({type:Number})],o.prototype,"size",2),h([(0,n.property)({type:String})],o.prototype,"color",2),h([(0,n.property)({type:String,attribute:"stroke-width"})],o.prototype,"strokeWidth",2),h([(0,n.property)({type:Boolean,attribute:"absolute-stroke-width"})],o.prototype,"absoluteStrokeWidth",2),h([(0,n.property)({type:String,attribute:"title"})],o.prototype,"iconTitle",2),o=h([(0,n.customElement)("skdx-icon")],o);0&&(module.exports={SkdxIcon});

package/dist/web-components/skdx-icon.d.cts

@@ -17,6 +17,7 @@ import { LitElement } from 'lit';
  * consumer rather than to per-icon metadata.
  */
 export declare class SkdxIcon extends LitElement {
+    #private;
     /** Registered icon name — see `registerIcons()`. */
     name: string;
     /** Rendered width/height in pixels (icons are square). @default 24 */
@@ -35,5 +36,7 @@ export declare class SkdxIcon extends LitElement {
      */
     iconTitle?: string;
     createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     protected render(): import("lit").TemplateResult<1>;
 }

package/dist/web-components/skdx-icon.d.ts

@@ -17,6 +17,7 @@ import { LitElement } from 'lit';
  * consumer rather than to per-icon metadata.
  */
 export declare class SkdxIcon extends LitElement {
+    #private;
     /** Registered icon name — see `registerIcons()`. */
     name: string;
     /** Rendered width/height in pixels (icons are square). @default 24 */
@@ -35,5 +36,7 @@ export declare class SkdxIcon extends LitElement {
      */
     iconTitle?: string;
     createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     protected render(): import("lit").TemplateResult<1>;
 }

package/dist/web-components/skdx-icon.js

@@ -1,17 +1,17 @@
-var t=Object.defineProperty,e=Object.getOwnPropertyDescriptor,i=(i,o,r,s)=>{for(var n,h=s>1?void 0:s?e(o,r):o,p=i.length-1;p>=0;p--)(n=i[p])&&(h=(s?n(o,r,h):n(h))||h);return s&&h&&t(o,r,h),h};import{html as o,LitElement as r,nothing as s}from"lit";import{customElement as n,property as h}from"lit/decorators.js";import{unsafeSVG as p}from"lit/directives/unsafe-svg.js";import{resolveStrokeWidth as l}from"../strokeWidth.js";import{iconMarkup as a}from"./icon-base.js";import{getIcon as c}from"./icon-registry.js";var d=class extends r{constructor(){super(...arguments),this.name="",this.size=24,this.color="currentColor",this.strokeWidth=2,this.absoluteStrokeWidth=!1}createRenderRoot(){return this}render(){const t=c(this.name)??[];return o`<svg
+var t=Object.defineProperty,e=Object.getOwnPropertyDescriptor,i=t=>{throw TypeError(t)},r=(i,r,o,s)=>{for(var n,a=s>1?void 0:s?e(r,o):r,h=i.length-1;h>=0;h--)(n=i[h])&&(a=(s?n(r,o,a):n(a))||a);return s&&a&&t(r,o,a),a},o=(t,e,r)=>e.has(t)||i("Cannot "+r);import{html as s,LitElement as n,nothing as a}from"lit";import{customElement as h,property as l}from"lit/decorators.js";import{unsafeSVG as c}from"lit/directives/unsafe-svg.js";import{resolveStrokeWidth as d}from"../strokeWidth.js";import{iconMarkup as p}from"./icon-base.js";import{getIcon as m,subscribeToIconRegistry as u}from"./icon-registry.js";var k,b=class extends n{constructor(){var t,e;super(...arguments),this.name="",this.size=24,this.color="currentColor",this.strokeWidth=2,this.absoluteStrokeWidth=!1,t=this,(e=k).has(t)?i("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,void 0)}createRenderRoot(){return this}connectedCallback(){var t,e,i;super.connectedCallback(),t=this,e=k,i=u(this),o(t,e,"write to private field"),e.set(t,i)}disconnectedCallback(){var t,e;super.disconnectedCallback(),null==(o(this,e=k,"read from private field"),t=e.get(this))||t.call(this)}render(){const t=m(this.name)??[];return s`<svg
       xmlns="http://www.w3.org/2000/svg"
       width=${this.size}
       height=${this.size}
       viewBox="0 0 24 24"
       fill="none"
       stroke=${this.color}
-      stroke-width=${l(this.strokeWidth,this.size,this.absoluteStrokeWidth)}
+      stroke-width=${d(this.strokeWidth,this.size,this.absoluteStrokeWidth)}
       stroke-linecap="round"
       stroke-linejoin="round"
-      role=${this.iconTitle?"img":s}
-      aria-hidden=${this.iconTitle?s:"true"}
+      role=${this.iconTitle?"img":a}
+      aria-hidden=${this.iconTitle?a:"true"}
       focusable="false"
       data-skdx-icon=${this.name}
     >
-      ${this.iconTitle?o`<title>${this.iconTitle}</title>`:s}${p(a(t))}
-    </svg>`}};i([h({type:String})],d.prototype,"name",2),i([h({type:Number})],d.prototype,"size",2),i([h({type:String})],d.prototype,"color",2),i([h({type:String,attribute:"stroke-width"})],d.prototype,"strokeWidth",2),i([h({type:Boolean,attribute:"absolute-stroke-width"})],d.prototype,"absoluteStrokeWidth",2),i([h({type:String,attribute:"title"})],d.prototype,"iconTitle",2),d=i([n("skdx-icon")],d);export{d as SkdxIcon};
+      ${this.iconTitle?s`<title>${this.iconTitle}</title>`:a}${c(p(t))}
+    </svg>`}};k=new WeakMap,r([l({type:String})],b.prototype,"name",2),r([l({type:Number})],b.prototype,"size",2),r([l({type:String})],b.prototype,"color",2),r([l({type:String,attribute:"stroke-width"})],b.prototype,"strokeWidth",2),r([l({type:Boolean,attribute:"absolute-stroke-width"})],b.prototype,"absoluteStrokeWidth",2),r([l({type:String,attribute:"title"})],b.prototype,"iconTitle",2),b=r([h("skdx-icon")],b);export{b as SkdxIcon};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/icons",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "Themeable SVG icon components for the SkandaDX design system — 24x24 by default, colored via currentColor so --skdx-* theme tokens apply",
   "license": "MIT",
   "publishConfig": {