@warp-ds/elements 2.10.0-next.9 → 2.10.1-next.1

package/dist/packages/icon/icon.hydration.test.js

@@ -1,46 +1,46 @@
-import { afterEach, beforeEach, describe, expect, test } from 'vitest';
-import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
-import './icon.js';
-describe('w-icon React SSR hydration', () => {
+import { afterEach, beforeEach, describe, expect, test } from "vitest";
+import { setupHydrationWarningCapture, testHydration, } from "../../tests/react-hydration";
+import "./icon.js";
+describe("w-icon React SSR hydration", () => {
     beforeEach(() => setupHydrationWarningCapture());
     afterEach(() => {
         window.__HYDRATION_WARNINGS__ = [];
     });
-    test('default (no attributes) hydrates without warnings', async () => {
-        const warnings = await testHydration('w-icon', {});
+    test("default (no attributes) hydrates without warnings", async () => {
+        const warnings = await testHydration("w-icon", {});
         expect(warnings).toEqual([]);
     });
-    test('with name hydrates without warnings', async () => {
-        const warnings = await testHydration('w-icon', {
-            name: 'Check',
+    test("with name hydrates without warnings", async () => {
+        const warnings = await testHydration("w-icon", {
+            name: "Check",
         });
         expect(warnings).toEqual([]);
     });
-    test('small icon hydrates without warnings', async () => {
-        const warnings = await testHydration('w-icon', {
-            name: 'Check',
-            size: 'small',
+    test("small icon hydrates without warnings", async () => {
+        const warnings = await testHydration("w-icon", {
+            name: "Check",
+            size: "small",
         });
         expect(warnings).toEqual([]);
     });
-    test('medium icon hydrates without warnings', async () => {
-        const warnings = await testHydration('w-icon', {
-            name: 'Check',
-            size: 'medium',
+    test("medium icon hydrates without warnings", async () => {
+        const warnings = await testHydration("w-icon", {
+            name: "Check",
+            size: "medium",
         });
         expect(warnings).toEqual([]);
     });
-    test('large icon hydrates without warnings', async () => {
-        const warnings = await testHydration('w-icon', {
-            name: 'Check',
-            size: 'large',
+    test("large icon hydrates without warnings", async () => {
+        const warnings = await testHydration("w-icon", {
+            name: "Check",
+            size: "large",
         });
         expect(warnings).toEqual([]);
     });
-    test('with locale hydrates without warnings', async () => {
-        const warnings = await testHydration('w-icon', {
-            name: 'Check',
-            locale: 'nb',
+    test("with locale hydrates without warnings", async () => {
+        const warnings = await testHydration("w-icon", {
+            name: "Check",
+            locale: "nb",
         });
         expect(warnings).toEqual([]);
     });

package/dist/packages/icon/icon.js

@@ -1,27 +1,32 @@
-var h=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var c=(i,o,e,t)=>{for(var s=t>1?void 0:t?w(o,e):o,r=i.length-1,l;r>=0;r--)(l=i[r])&&(s=(t?l(o,e,s):l(s))||s);return t&&s&&h(o,e,s),s};import{html as g,LitElement as u}from"lit";import{property as a,state as v}from"lit/decorators.js";import{classMap as f}from"lit/directives/class-map.js";import{css as d}from"lit";var p=d`
-:host {
-  display: inline-block;
-}
-.w-icon {
-  --_w-icon-size: var(--w-icon-size, 24px);
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-  display: flex;
-}
-.w-icon svg {
-  pointer-events: none;
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-}
-.w-icon--s {
-  --w-icon-size: 16px;
-}
-.w-icon--m {
-  --w-icon-size: 24px;
-}
-.w-icon--l {
-  --w-icon-size: 32px;
-}
-
-`;var m=new Map,y='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function x(i,o={}){let e=o.responseParser??(t=>t.text());return m.has(i)||m.set(i,fetch(i).then(e)),m.get(i)}var n=class extends u{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(e){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${e}.svg`;try{let s=await x(t);return new DOMParser().parseFromString(s,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let e=await this.fetchIcon(this.name);e||(e=new DOMParser().parseFromString(y,"text/html").body.firstElementChild),this.svg=e}render(){let e=this.size||"medium",t=this.name||"",s={"w-icon":!0,"w-icon--s":e==="small","w-icon--m":e==="medium","w-icon--l":e==="large"},r=typeof e=="string"&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return g`<div class="${f(s)}" style="${r}" part="w-${t.toLowerCase()}">${this.svg}</div>`}};n.styles=[p],c([a({type:String,reflect:!0})],n.prototype,"name",2),c([a({type:String,reflect:!0})],n.prototype,"size",2),c([a({type:String,reflect:!0,useDefault:!0})],n.prototype,"locale",2),c([v()],n.prototype,"svg",2);var M=n;customElements.get("w-icon")||customElements.define("w-icon",n);export{M as WIcon,n as WarpIcon};
+var h=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var c=(i,o,e,t)=>{for(var s=t>1?void 0:t?w(o,e):o,r=i.length-1,l;r>=0;r--)(l=i[r])&&(s=(t?l(o,e,s):l(s))||s);return t&&s&&h(o,e,s),s};import{html as g,LitElement as u}from"lit";import{property as a,state as f}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{css as d}from"lit";var p=d`
+	:host {
+		display: inline-block;
+	}
+	.w-icon {
+		--_w-icon-size: var(--w-icon-size, 24px);
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+		display: flex;
+	}
+	.w-icon svg {
+		pointer-events: none;
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+	}
+	.w-icon--s {
+		--w-icon-size: 16px;
+	}
+	.w-icon--m {
+		--w-icon-size: 24px;
+	}
+	.w-icon--l {
+		--w-icon-size: 32px;
+	}
+`;var m=new Map,y='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function x(i,o={}){let e=o.responseParser??(t=>t.text());return m.has(i)||m.set(i,fetch(i).then(e)),m.get(i)}var n=class extends u{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(e){let t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${e}.svg`;try{let s=await x(t);return new DOMParser().parseFromString(s,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let e=await this.fetchIcon(this.name);e||(e=new DOMParser().parseFromString(y,"text/html").body.firstElementChild),this.svg=e}render(){let e=this.size||"medium",t=this.name||"",s={"w-icon":!0,"w-icon--s":e==="small","w-icon--m":e==="medium","w-icon--l":e==="large"},r=typeof e=="string"&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return g`<div
+			class="${v(s)}"
+			style="${r}"
+			part="w-${t.toLowerCase()}"
+		>
+			${this.svg}
+		</div>`}};n.styles=[p],c([a({type:String,reflect:!0})],n.prototype,"name",2),c([a({type:String,reflect:!0})],n.prototype,"size",2),c([a({type:String,reflect:!0,useDefault:!0})],n.prototype,"locale",2),c([f()],n.prototype,"svg",2);var _=n;customElements.get("w-icon")||customElements.define("w-icon",n);export{_ as WIcon,n as WarpIcon};
 //# sourceMappingURL=icon.js.map

package/dist/packages/icon/icon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/icon/icon.ts", "../../../packages/icon/style.ts"],
-  "sourcesContent": ["import { html, LitElement, TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './style.js';\n\n// Generic parser for fetch responses\ntype ResponseParser<T> = (response: Response) => Promise<T>;\n\ntype PixelValue = `${number}px`;\n\ninterface CacheFetchOptions<T> {\n  responseParser?: ResponseParser<T>;\n}\n\nconst _fetchMap = new Map<string, Promise<any>>();\nconst ERROR_SVG = '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"></svg>';\n\n/**\n * A minimal in-memory map to de-duplicate Fetch API media requests.\n *\n * @param uri - Resource URL\n * @param options - Optional parser for the response\n * @returns Promise of parsed response\n */\nfunction cacheFetch<T = string>(uri: string, options: CacheFetchOptions<T> = {}): Promise<T> {\n  const parser = options.responseParser ?? ((res: Response) => res.text() as Promise<any>);\n  if (!_fetchMap.has(uri)) {\n    _fetchMap.set(uri, fetch(uri).then(parser));\n  }\n  return _fetchMap.get(uri) as Promise<T>;\n}\n\nexport class WarpIcon extends LitElement {\n  static styles = [styles];\n\n  /** Icon filename (without .svg) */\n  @property({ type: String, reflect: true })\n  name!: string;\n\n  /** \n   * Size: small, medium, large or pixel value (e.g. \"32px\").\n   * \n   * @default \"medium\"\n   */\n  @property({ type: String, reflect: true })\n  size: 'small' | 'medium' | 'large' | PixelValue;\n\n  /** \n   * Locale used for `<title>` text.\n   * \n   * Reads the `lang` attribute from `<html>`, falls back to 'en'. \n   */\n  @property({ type: String, reflect: true, useDefault: true })\n  locale: string = document.documentElement.lang || 'en';\n\n  /** Parsed SVG element (not reflected as attribute) */\n  @state()\n  private svg: SVGElement | null = null;\n\n  /**\n   * Fetch an icon SVG from the CDN, with caching\n   * @param iconName - Name of the icon file\n   * @returns SVGElement or null on failure\n   */\n  private async fetchIcon(iconName: string): Promise<SVGElement | null> {\n    const uri = `https://assets.finn.no/pkg/eikons/v1/${this.locale}/${iconName}.svg`;\n    try {\n      const svgText = await cacheFetch<string>(uri);\n      const doc = new DOMParser().parseFromString(svgText, 'text/html');\n      return doc.body.querySelector('svg');\n    } catch {\n      return null;\n    }\n  }\n\n  protected firstUpdated(): void {\n    this.loadIcon();\n  }\n\n  protected updated(changedProps: Map<string, unknown>): void {\n    if (changedProps.has('name') || changedProps.has('locale')) {\n      this.loadIcon();\n    }\n  }\n\n  private async loadIcon(): Promise<void> {\n    if (!this.name) {\n      this.svg = null;\n      return;\n    }\n\n    let iconEl = await this.fetchIcon(this.name);\n    if (!iconEl) {\n      const doc = new DOMParser().parseFromString(ERROR_SVG, 'text/html');\n      iconEl = doc.body.firstElementChild as SVGElement;\n    }\n    this.svg = iconEl;\n  }\n\n  render(): TemplateResult {\n    const size = this.size || 'medium';\n    const name = this.name || '';\n    const classes = {\n      'w-icon': true,\n      'w-icon--s': size === 'small',\n      'w-icon--m': size === 'medium',\n      'w-icon--l': size === 'large',\n    };\n    const customStyle = typeof size === 'string' && size.endsWith('px') ? `--w-icon-size: ${size};` : '';\n    return html`<div class=\"${classMap(classes)}\" style=\"${customStyle}\" part=\"w-${name.toLowerCase()}\">${this.svg}</div>`;\n  }\n}\n\n/** @deprecated Exported for backwards compatibility. Use WarpIcon. */\nexport const WIcon = WarpIcon;\n\nif (!customElements.get('w-icon')) {\n  customElements.define('w-icon', WarpIcon);\n}\n", "import { css } from 'lit';\n\nexport const styles = css`\n:host {\n  display: inline-block;\n}\n.w-icon {\n  --_w-icon-size: var(--w-icon-size, 24px);\n  height: var(--_w-icon-size);\n  width: var(--_w-icon-size);\n  display: flex;\n}\n.w-icon svg {\n  pointer-events: none;\n  height: var(--_w-icon-size);\n  width: var(--_w-icon-size);\n}\n.w-icon--s {\n  --w-icon-size: 16px;\n}\n.w-icon--m {\n  --w-icon-size: 24px;\n}\n.w-icon--l {\n  --w-icon-size: 32px;\n}\n\n`;\n"],
-  "mappings": "wMAAA,OAAS,QAAAA,EAAM,cAAAC,MAAkC,MACjD,OAAS,YAAAC,EAAU,SAAAC,MAAa,oBAChC,OAAS,YAAAC,MAAgB,8BCFzB,OAAS,OAAAC,MAAW,MAEb,IAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EDYtB,IAAME,EAAY,IAAI,IAChBC,EAAY,qEASlB,SAASC,EAAuBC,EAAaC,EAAgC,CAAC,EAAe,CAC3F,IAAMC,EAASD,EAAQ,iBAAoBE,GAAkBA,EAAI,KAAK,GACtE,OAAKN,EAAU,IAAIG,CAAG,GACpBH,EAAU,IAAIG,EAAK,MAAMA,CAAG,EAAE,KAAKE,CAAM,CAAC,EAErCL,EAAU,IAAIG,CAAG,CAC1B,CAEO,IAAMI,EAAN,cAAuBC,CAAW,CAAlC,kCAqBL,YAAiB,SAAS,gBAAgB,MAAQ,KAIlD,KAAQ,IAAyB,KAOjC,MAAc,UAAUC,EAA8C,CACpE,IAAMN,EAAM,wCAAwC,KAAK,MAAM,IAAIM,CAAQ,OAC3E,GAAI,CACF,IAAMC,EAAU,MAAMR,EAAmBC,CAAG,EAE5C,OADY,IAAI,UAAU,EAAE,gBAAgBO,EAAS,WAAW,EACrD,KAAK,cAAc,KAAK,CACrC,MAAQ,CACN,OAAO,IACT,CACF,CAEU,cAAqB,CAC7B,KAAK,SAAS,CAChB,CAEU,QAAQC,EAA0C,EACtDA,EAAa,IAAI,MAAM,GAAKA,EAAa,IAAI,QAAQ,IACvD,KAAK,SAAS,CAElB,CAEA,MAAc,UAA0B,CACtC,GAAI,CAAC,KAAK,KAAM,CACd,KAAK,IAAM,KACX,MACF,CAEA,IAAIC,EAAS,MAAM,KAAK,UAAU,KAAK,IAAI,EACtCA,IAEHA,EADY,IAAI,UAAU,EAAE,gBAAgBX,EAAW,WAAW,EACrD,KAAK,mBAEpB,KAAK,IAAMW,CACb,CAEA,QAAyB,CACvB,IAAMC,EAAO,KAAK,MAAQ,SACpBC,EAAO,KAAK,MAAQ,GACpBC,EAAU,CACd,SAAU,GACV,YAAaF,IAAS,QACtB,YAAaA,IAAS,SACtB,YAAaA,IAAS,OACxB,EACMG,EAAc,OAAOH,GAAS,UAAYA,EAAK,SAAS,IAAI,EAAI,kBAAkBA,CAAI,IAAM,GAClG,OAAOI,gBAAmBC,EAASH,CAAO,CAAC,YAAYC,CAAW,aAAaF,EAAK,YAAY,CAAC,KAAK,KAAK,GAAG,QAChH,CACF,EA/EaP,EACJ,OAAS,CAACY,CAAM,EAIvBC,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAJ9Bd,EAKX,oBAQAa,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAZ9Bd,EAaX,oBAQAa,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,GAAM,WAAY,EAAK,CAAC,GApBhDd,EAqBX,sBAIQa,EAAA,CADPE,EAAM,GAxBIf,EAyBH,mBAyDH,IAAMgB,EAAQhB,EAEhB,eAAe,IAAI,QAAQ,GAC9B,eAAe,OAAO,SAAUA,CAAQ",
+  "sourcesContent": ["import { html, LitElement, TemplateResult } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { styles } from \"./style.js\";\n\n// Generic parser for fetch responses\ntype ResponseParser<T> = (response: Response) => Promise<T>;\n\ntype PixelValue = `${number}px`;\n\ninterface CacheFetchOptions<T> {\n\tresponseParser?: ResponseParser<T>;\n}\n\nconst _fetchMap = new Map<string, Promise<unknown>>();\nconst ERROR_SVG =\n\t'<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"></svg>';\n\n/**\n * A minimal in-memory map to de-duplicate Fetch API media requests.\n *\n * @param uri - Resource URL\n * @param options - Optional parser for the response\n * @returns Promise of parsed response\n */\nfunction cacheFetch<T = string>(\n\turi: string,\n\toptions: CacheFetchOptions<T> = {},\n): Promise<T> {\n\tconst parser =\n\t\toptions.responseParser ?? ((res: Response) => res.text() as Promise<T>);\n\tif (!_fetchMap.has(uri)) {\n\t\t_fetchMap.set(uri, fetch(uri).then(parser));\n\t}\n\treturn _fetchMap.get(uri) as Promise<T>;\n}\n\n/**\n * [Warp component reference](https://warp-ds.github.io/docs/components/icons/frameworks/elements)\n */\nexport class WarpIcon extends LitElement {\n\tstatic styles = [styles];\n\n\t/** Icon filename (without .svg) */\n\t@property({ type: String, reflect: true })\n\tname!: string;\n\n\t/**\n\t * Size: small, medium, large or pixel value (e.g. \"32px\").\n\t *\n\t * @default \"medium\"\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: \"small\" | \"medium\" | \"large\" | PixelValue | undefined;\n\n\t/**\n\t * Locale used for `<title>` text.\n\t *\n\t * Reads the `lang` attribute from `<html>`, falls back to 'en'.\n\t */\n\t@property({ type: String, reflect: true, useDefault: true })\n\tlocale: string = document.documentElement.lang || \"en\";\n\n\t/** Parsed SVG element (not reflected as attribute) */\n\t@state()\n\tprivate svg: SVGElement | null = null;\n\n\t/**\n\t * Fetch an icon SVG from the CDN, with caching\n\t * @param iconName - Name of the icon file\n\t * @returns SVGElement or null on failure\n\t */\n\tprivate async fetchIcon(iconName: string): Promise<SVGElement | null> {\n\t\tconst uri = `https://assets.finn.no/pkg/eikons/~1/${this.locale}/${iconName}.svg`;\n\t\ttry {\n\t\t\tconst svgText = await cacheFetch<string>(uri);\n\t\t\tconst doc = new DOMParser().parseFromString(svgText, \"text/html\");\n\t\t\treturn doc.body.querySelector(\"svg\");\n\t\t} catch {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\tprotected firstUpdated(): void {\n\t\tthis.loadIcon();\n\t}\n\n\tprotected updated(changedProps: Map<string, unknown>): void {\n\t\tif (changedProps.has(\"name\") || changedProps.has(\"locale\")) {\n\t\t\tthis.loadIcon();\n\t\t}\n\t}\n\n\tprivate async loadIcon(): Promise<void> {\n\t\tif (!this.name) {\n\t\t\tthis.svg = null;\n\t\t\treturn;\n\t\t}\n\n\t\tlet iconEl = await this.fetchIcon(this.name);\n\t\tif (!iconEl) {\n\t\t\tconst doc = new DOMParser().parseFromString(ERROR_SVG, \"text/html\");\n\t\t\ticonEl = doc.body.firstElementChild as SVGElement;\n\t\t}\n\t\tthis.svg = iconEl;\n\t}\n\n\trender(): TemplateResult {\n\t\tconst size = this.size || \"medium\";\n\t\tconst name = this.name || \"\";\n\t\tconst classes = {\n\t\t\t\"w-icon\": true,\n\t\t\t\"w-icon--s\": size === \"small\",\n\t\t\t\"w-icon--m\": size === \"medium\",\n\t\t\t\"w-icon--l\": size === \"large\",\n\t\t};\n\t\tconst customStyle =\n\t\t\ttypeof size === \"string\" && size.endsWith(\"px\")\n\t\t\t\t? `--w-icon-size: ${size};`\n\t\t\t\t: \"\";\n\t\treturn html`<div\n\t\t\tclass=\"${classMap(classes)}\"\n\t\t\tstyle=\"${customStyle}\"\n\t\t\tpart=\"w-${name.toLowerCase()}\"\n\t\t>\n\t\t\t${this.svg}\n\t\t</div>`;\n\t}\n}\n\n/** @deprecated Exported for backwards compatibility. Use WarpIcon. */\nexport const WIcon = WarpIcon;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"w-icon\": WarpIcon;\n\t}\n}\n\nif (!customElements.get(\"w-icon\")) {\n\tcustomElements.define(\"w-icon\", WarpIcon);\n}\n", "import { css } from \"lit\";\n\nexport const styles = css`\n\t:host {\n\t\tdisplay: inline-block;\n\t}\n\t.w-icon {\n\t\t--_w-icon-size: var(--w-icon-size, 24px);\n\t\theight: var(--_w-icon-size);\n\t\twidth: var(--_w-icon-size);\n\t\tdisplay: flex;\n\t}\n\t.w-icon svg {\n\t\tpointer-events: none;\n\t\theight: var(--_w-icon-size);\n\t\twidth: var(--_w-icon-size);\n\t}\n\t.w-icon--s {\n\t\t--w-icon-size: 16px;\n\t}\n\t.w-icon--m {\n\t\t--w-icon-size: 24px;\n\t}\n\t.w-icon--l {\n\t\t--w-icon-size: 32px;\n\t}\n`;\n"],
+  "mappings": "wMAAA,OAAS,QAAAA,EAAM,cAAAC,MAAkC,MACjD,OAAS,YAAAC,EAAU,SAAAC,MAAa,oBAChC,OAAS,YAAAC,MAAgB,8BCFzB,OAAS,OAAAC,MAAW,MAEb,IAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EDYtB,IAAME,EAAY,IAAI,IAChBC,EACL,qEASD,SAASC,EACRC,EACAC,EAAgC,CAAC,EACpB,CACb,IAAMC,EACLD,EAAQ,iBAAoBE,GAAkBA,EAAI,KAAK,GACxD,OAAKN,EAAU,IAAIG,CAAG,GACrBH,EAAU,IAAIG,EAAK,MAAMA,CAAG,EAAE,KAAKE,CAAM,CAAC,EAEpCL,EAAU,IAAIG,CAAG,CACzB,CAKO,IAAMI,EAAN,cAAuBC,CAAW,CAAlC,kCAqBN,YAAiB,SAAS,gBAAgB,MAAQ,KAIlD,KAAQ,IAAyB,KAOjC,MAAc,UAAUC,EAA8C,CACrE,IAAMN,EAAM,wCAAwC,KAAK,MAAM,IAAIM,CAAQ,OAC3E,GAAI,CACH,IAAMC,EAAU,MAAMR,EAAmBC,CAAG,EAE5C,OADY,IAAI,UAAU,EAAE,gBAAgBO,EAAS,WAAW,EACrD,KAAK,cAAc,KAAK,CACpC,MAAQ,CACP,OAAO,IACR,CACD,CAEU,cAAqB,CAC9B,KAAK,SAAS,CACf,CAEU,QAAQC,EAA0C,EACvDA,EAAa,IAAI,MAAM,GAAKA,EAAa,IAAI,QAAQ,IACxD,KAAK,SAAS,CAEhB,CAEA,MAAc,UAA0B,CACvC,GAAI,CAAC,KAAK,KAAM,CACf,KAAK,IAAM,KACX,MACD,CAEA,IAAIC,EAAS,MAAM,KAAK,UAAU,KAAK,IAAI,EACtCA,IAEJA,EADY,IAAI,UAAU,EAAE,gBAAgBX,EAAW,WAAW,EACrD,KAAK,mBAEnB,KAAK,IAAMW,CACZ,CAEA,QAAyB,CACxB,IAAMC,EAAO,KAAK,MAAQ,SACpBC,EAAO,KAAK,MAAQ,GACpBC,EAAU,CACf,SAAU,GACV,YAAaF,IAAS,QACtB,YAAaA,IAAS,SACtB,YAAaA,IAAS,OACvB,EACMG,EACL,OAAOH,GAAS,UAAYA,EAAK,SAAS,IAAI,EAC3C,kBAAkBA,CAAI,IACtB,GACJ,OAAOI;AAAA,YACGC,EAASH,CAAO,CAAC;AAAA,YACjBC,CAAW;AAAA,aACVF,EAAK,YAAY,CAAC;AAAA;AAAA,KAE1B,KAAK,GAAG;AAAA,SAEZ,CACD,EAxFaP,EACL,OAAS,CAACY,CAAM,EAIvBC,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAJ7Bd,EAKZ,oBAQAa,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAZ7Bd,EAaZ,oBAQAa,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,GAAM,WAAY,EAAK,CAAC,GApB/Cd,EAqBZ,sBAIQa,EAAA,CADPE,EAAM,GAxBKf,EAyBJ,mBAkEF,IAAMgB,EAAQhB,EAQhB,eAAe,IAAI,QAAQ,GAC/B,eAAe,OAAO,SAAUA,CAAQ",
   "names": ["html", "LitElement", "property", "state", "classMap", "css", "styles", "_fetchMap", "ERROR_SVG", "cacheFetch", "uri", "options", "parser", "res", "WarpIcon", "LitElement", "iconName", "svgText", "changedProps", "iconEl", "size", "name", "classes", "customStyle", "html", "classMap", "styles", "__decorateClass", "property", "state", "WIcon"]
 }

package/dist/packages/icon/icon.react.stories.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import React from "react";
+import { Icon } from "./react.js";
 declare const _default: {
     component: import("@lit/react").ReactWebComponent<import("./icon.js").WarpIcon, {}>;
     title: string;
@@ -24,5 +25,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: (args: React.ComponentProps<typeof Icon>) => React.JSX.Element;
 export declare const Example: () => React.JSX.Element;