@nvidia-elements/core 2.5.3 → 2.6.0

package/dist/grid/header/header2.js

@@ -19,7 +19,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-grid-header",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: [c.metadata.tag]
 		};
 	}

package/dist/grid/placeholder/placeholder2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-placeholder",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/grid/row/row2.js

@@ -15,7 +15,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-grid-row",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: [a.metadata.tag]
 		};
 	}

package/dist/icon/icon.d.ts

@@ -32,6 +32,11 @@ export declare class Icon extends LitElement {
      * Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions)
      */
     direction?: 'up' | 'down' | 'left' | 'right';
+    /**
+     * Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to
+     * the outline form when that asset is unavailable.
+     */
+    appearance?: 'outline' | 'solid';
     /**
      * The name of the icon SVG sprite to render.
      */

package/dist/icon/icon2.js

@@ -16,7 +16,7 @@ var f = class e extends o {
 	static {
 		this.metadata = {
 			tag: "nve-icon",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {
@@ -35,18 +35,25 @@ var f = class e extends o {
 		return customElements.get(e.metadata.tag);
 	}
 	get #e() {
-		return c && globalThis._NVE_SSR_ICON_REGISTRY ? globalThis._NVE_SSR_ICON_REGISTRY[this.name] : this.svg;
+		if (!this.name || this.name.endsWith(".svg") || this.appearance !== "solid" || this.name.endsWith("-solid")) return this.name;
+		let t = `${this.name}-solid`;
+		return e._iconsRegistry[t] ? t : this.name;
 	}
-	#t;
-	#n = (e) => this.#a(e);
+	get #t() {
+		let e = this.#e;
+		return c && globalThis._NVE_SSR_ICON_REGISTRY && e ? globalThis._NVE_SSR_ICON_REGISTRY[e] : this.svg;
+	}
+	#n;
+	#r = 0;
+	#i = (e) => this.#s(e);
 	render() {
-		return s`<div internal-host aria-hidden="true"><slot>${u(this.#e)}</slot></div>`;
+		return s`<div internal-host aria-hidden="true"><slot>${u(this.#t)}</slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), this._internals.role = "img", this.#r();
+		super.connectedCallback(), t(this), this._internals.role = "img", this.#a();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.#i();
+		super.disconnectedCallback(), this.#o();
 	}
 	static async add(t) {
 		globalThis.customElements?.whenDefined && (await globalThis.customElements.whenDefined(e.metadata.tag), e._iconsRegistry = t, Object.keys(t).forEach((n) => globalThis?.document?.dispatchEvent(new CustomEvent(`${e.metadata.tag}-${n}`, { detail: t[n] }))));
@@ -59,24 +66,26 @@ var f = class e extends o {
 		});
 	}
 	async updated(e) {
-		super.updated(e), e.has("name") && (this.#i(), this.#r()), await this.#o();
+		super.updated(e), (e.has("name") || e.has("appearance")) && (this.#o(), this.#a()), await this.#c();
 	}
-	#r() {
-		!this.isConnected || !this.name || this.#t || (this.#t = `${e.metadata.tag}-${this.name}`, globalThis.document?.addEventListener(this.#t, this.#n));
+	#a() {
+		let t = this.#e;
+		!this.isConnected || !t || this.#n || (this.#n = `${e.metadata.tag}-${t}`, globalThis.document?.addEventListener(this.#n, this.#i));
 	}
-	#i() {
-		this.#t &&= (globalThis.document?.removeEventListener(this.#t, this.#n), void 0);
+	#o() {
+		this.#n &&= (globalThis.document?.removeEventListener(this.#n, this.#i), void 0);
 	}
-	async #a(e) {
-		this.isConnected && e.detail && this.svg !== await e.detail.svg() && this.#o();
+	async #s(e) {
+		this.isConnected && e.detail && this.svg !== await e.detail.svg() && this.#c();
 	}
-	async #o() {
-		if (!this.name) return;
-		let t = await (this.name.endsWith(".svg") ? fetch(this.name).then((e) => e.text()) : e._iconsRegistry[this.name]?.svg() ?? Promise.resolve(""));
-		e._iconsRegistry[this.name] = {
-			svg: () => t,
-			...e._iconsRegistry[this.name]
-		}, this.svg = t;
+	async #c() {
+		let t = ++this.#r, n = this.#e;
+		if (!n) return;
+		let r = await (n.endsWith(".svg") ? fetch(n).then((e) => e.text()) : e._iconsRegistry[n]?.svg() ?? Promise.resolve(""));
+		t === this.#r && (e._iconsRegistry[n] = {
+			svg: () => r,
+			...e._iconsRegistry[n]
+		}, this.svg = r);
 	}
 };
 a([l({
@@ -88,13 +97,13 @@ a([l({
 })], f.prototype, "size", void 0), a([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "direction", void 0), a([l({
+})], f.prototype, "direction", void 0), a([l({ type: String })], f.prototype, "appearance", void 0), a([l({
 	type: String,
 	reflect: !0
 })], f.prototype, "name", void 0), a([d()], f.prototype, "svg", void 0);
 function p(t) {
 	if (typeof globalThis.customElements?.get == "function") {
-		let n = e(t.metadata.version), i = e("2.5.3");
+		let n = e(t.metadata.version), i = e("2.6.0");
 		n.minor <= i.minor && n.major <= i.major && (t._icons = {
 			...t._icons,
 			...r

package/dist/icon/icon2.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon2.js","names":["#iconString","#asyncRender","#addIconRegistryListener","#removeIconRegistryListener","#render","#iconRegistryEventName","#onIconRegistryUpdate"],"sources":["../../src/icon/icon.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, isServer, LitElement } from 'lit';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport type { Size } from '@nvidia-elements/core/internal';\nimport { attachInternals, parseVersion, useStyles } from '@nvidia-elements/core/internal';\nimport type { IconName, IconSVG } from './icons.js';\nimport { ICON_IMPORTS } from './icons.js';\nimport styles from './icon.css?inline';\n\nexport type { IconName, IconSVG } from './icons.js';\n\ndeclare global {\n  var _NVE_SSR_ICON_REGISTRY: Record<string, string> | undefined;\n}\n\n/**\n * @element nve-icon\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/icon\n * @description An icon is a graphic symbol designed to visually show the purpose of an interface element.\n * @documentation https://nvidia.github.io/elements/docs/elements/icon/\n * @cssprop --color\n * @cssprop --width\n * @cssprop --height\n * @slot - Custom SVG content to override the named icon\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Icon extends LitElement {\n  /**\n   * Visual treatment to represent current support status.\n   */\n  @property({ type: String, reflect: true }) status?: 'warning' | 'danger' | 'success' | 'accent';\n\n  /**\n   * Controls the bounding box size of the icon given a t-shirt style value.\n   */\n  @property({ type: String, reflect: true }) size?: Size | 'xs' | 'xl';\n\n  /**\n   * Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions)\n   */\n  @property({ type: String, reflect: true }) direction?: 'up' | 'down' | 'left' | 'right';\n\n  /**\n   * The name of the icon SVG sprite to render.\n   */\n  @property({ type: String, reflect: true }) name?: IconName;\n\n  @state() private svg: string;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-icon',\n    version: '0.0.0'\n  };\n\n  static _icons: { [key: string]: IconSVG } = ICON_IMPORTS;\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static get _iconsRegistry() {\n    return this.registeredIcon?._icons ?? Icon._icons;\n  }\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static set _iconsRegistry(icons: { [key: string]: IconSVG }) {\n    this.registeredIcon._icons = { ...Icon._iconsRegistry, ...icons };\n  }\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static get registeredIcon() {\n    return customElements.get(Icon.metadata.tag) as typeof Icon;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  get #iconString() {\n    return isServer && globalThis._NVE_SSR_ICON_REGISTRY ? globalThis._NVE_SSR_ICON_REGISTRY[this.name!] : this.svg;\n  }\n\n  #iconRegistryEventName?: string;\n\n  #onIconRegistryUpdate = (event: Event) => this.#asyncRender(event as CustomEvent<IconSVG>);\n\n  render() {\n    return html`\n      <div internal-host aria-hidden=\"true\"><slot>${unsafeSVG(this.#iconString)}</slot></div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n    this.#addIconRegistryListener();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#removeIconRegistryListener();\n  }\n\n  static async add(icons: { [key: string]: IconSVG }) {\n    if (globalThis.customElements?.whenDefined) {\n      await globalThis.customElements.whenDefined(Icon.metadata.tag);\n      Icon._iconsRegistry = icons;\n      Object.keys(icons).forEach(name =>\n        globalThis?.document?.dispatchEvent(new CustomEvent(`${Icon.metadata.tag}-${name}`, { detail: icons[name] }))\n      );\n    }\n  }\n\n  static alias(aliases: { [key: string]: IconName | string }) {\n    // whenDefined has no rejection state\n    if (globalThis.customElements?.whenDefined) {\n      /* eslint-disable @typescript-eslint/no-floating-promises */\n      globalThis.customElements.whenDefined(Icon.metadata.tag).then(() => {\n        Object.keys(aliases).forEach(alias => {\n          Icon._iconsRegistry[alias] = Icon._iconsRegistry[aliases[alias]!]!;\n          globalThis?.document?.dispatchEvent(\n            new CustomEvent(`${Icon.metadata.tag}-${alias}`, { detail: Icon._iconsRegistry[alias] })\n          );\n        });\n      });\n    }\n  }\n\n  async updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('name')) {\n      this.#removeIconRegistryListener();\n      this.#addIconRegistryListener();\n    }\n    await this.#render();\n  }\n\n  #addIconRegistryListener() {\n    if (!this.isConnected || !this.name || this.#iconRegistryEventName) return;\n    this.#iconRegistryEventName = `${Icon.metadata.tag}-${this.name}`;\n    globalThis.document?.addEventListener(this.#iconRegistryEventName, this.#onIconRegistryUpdate);\n  }\n\n  #removeIconRegistryListener() {\n    if (!this.#iconRegistryEventName) return;\n    globalThis.document?.removeEventListener(this.#iconRegistryEventName, this.#onIconRegistryUpdate);\n    this.#iconRegistryEventName = undefined;\n  }\n\n  async #asyncRender(event: CustomEvent<IconSVG>) {\n    if (this.isConnected && event.detail && this.svg !== (await event.detail.svg())) {\n      this.#render();\n    }\n  }\n\n  async #render() {\n    if (!this.name) return;\n    const svg = await (this.name.endsWith('.svg')\n      ? fetch(this.name).then(res => res.text())\n      : (Icon._iconsRegistry[this.name]?.svg() ?? Promise.resolve('')));\n    Icon._iconsRegistry[this.name] = { svg: () => svg, ...Icon._iconsRegistry[this.name] };\n    this.svg = svg;\n  }\n}\n\nexport function mergeIcons(RegisteredIcon: typeof Icon) {\n  if (typeof globalThis.customElements?.get === 'function') {\n    const registered = parseVersion(RegisteredIcon.metadata.version);\n    const current = parseVersion('0.0.0');\n\n    // determine if an older icon already registered and if so, merge the icons with the latest svgs\n    if (registered.minor <= current.minor && registered.major <= current.major) {\n      RegisteredIcon._icons = { ...RegisteredIcon._icons, ...ICON_IMPORTS };\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;AAgCA,IAAa,IAAb,MAAa,UAAa,EAAW;;gBAuBnB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;gBAE4C;;CAG5C,WAAmB,iBAAiB;EAClC,OAAO,KAAK,gBAAgB,UAAU,EAAK;CAC7C;CAGA,WAAmB,eAAe,GAAmC;EACnE,KAAK,eAAe,SAAS;GAAE,GAAG,EAAK;GAAgB,GAAG;EAAM;CAClE;CAGA,WAAmB,iBAAiB;EAClC,OAAO,eAAe,IAAI,EAAK,SAAS,GAAG;CAC7C;CAKA,IAAIA,KAAc;EAChB,OAAO,KAAY,WAAW,yBAAyB,WAAW,uBAAuB,KAAK,QAAS,KAAK;CAC9G;CAEA;CAEA,MAAyB,MAAiB,KAAKC,GAAa,CAA6B;CAEzF,SAAS;EACP,OAAO,CAAI,+CACqC,EAAU,KAAKD,EAAW,EAAE;CAE9E;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,OACvB,KAAKE,GAAyB;CAChC;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAKC,GAA4B;CACnC;CAEA,aAAa,IAAI,GAAmC;EAClD,AAAI,WAAW,gBAAgB,gBAC7B,MAAM,WAAW,eAAe,YAAY,EAAK,SAAS,GAAG,GAC7D,EAAK,iBAAiB,GACtB,OAAO,KAAK,CAAK,CAAC,CAAC,SAAQ,MACzB,YAAY,UAAU,cAAc,IAAI,YAAY,GAAG,EAAK,SAAS,IAAI,GAAG,KAAQ,EAAE,QAAQ,EAAM,GAAM,CAAC,CAAC,CAC9G;CAEJ;CAEA,OAAO,MAAM,GAA+C;EAE1D,AAAI,WAAW,gBAAgB,eAE7B,WAAW,eAAe,YAAY,EAAK,SAAS,GAAG,CAAC,CAAC,WAAW;GAClE,OAAO,KAAK,CAAO,CAAC,CAAC,SAAQ,MAAS;IAEpC,AADA,EAAK,eAAe,KAAS,EAAK,eAAe,EAAQ,KACzD,YAAY,UAAU,cACpB,IAAI,YAAY,GAAG,EAAK,SAAS,IAAI,GAAG,KAAS,EAAE,QAAQ,EAAK,eAAe,GAAO,CAAC,CACzF;GACF,CAAC;EACH,CAAC;CAEL;CAEA,MAAM,QAAQ,GAA6B;EAMzC,AALA,MAAM,QAAQ,CAAK,GACf,EAAM,IAAI,MAAM,MAClB,KAAKA,GAA4B,GACjC,KAAKD,GAAyB,IAEhC,MAAM,KAAKE,GAAQ;CACrB;CAEA,KAA2B;EACrB,CAAC,KAAK,eAAe,CAAC,KAAK,QAAQ,KAAKC,OAC5C,KAAKA,KAAyB,GAAG,EAAK,SAAS,IAAI,GAAG,KAAK,QAC3D,WAAW,UAAU,iBAAiB,KAAKA,IAAwB,KAAKC,EAAqB;CAC/F;CAEA,KAA8B;EACvB,AAEL,KAAKD,QADL,WAAW,UAAU,oBAAoB,KAAKA,IAAwB,KAAKC,EAAqB,GAClE,KAAA;CAChC;CAEA,MAAML,GAAa,GAA6B;EAC9C,AAAI,KAAK,eAAe,EAAM,UAAU,KAAK,QAAS,MAAM,EAAM,OAAO,IAAI,KAC3E,KAAKG,GAAQ;CAEjB;CAEA,MAAMA,KAAU;EACd,IAAI,CAAC,KAAK,MAAM;EAChB,IAAM,IAAM,OAAO,KAAK,KAAK,SAAS,MAAM,IACxC,MAAM,KAAK,IAAI,CAAC,CAAC,MAAK,MAAO,EAAI,KAAK,CAAC,IACtC,EAAK,eAAe,KAAK,KAAK,EAAE,IAAI,KAAK,QAAQ,QAAQ,EAAE;EAEhE,AADA,EAAK,eAAe,KAAK,QAAQ;GAAE,WAAW;GAAK,GAAG,EAAK,eAAe,KAAK;EAAM,GACrF,KAAK,MAAM;CACb;AACF;GApIG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAExC,EAAM,CAAA,GAAA,EAAA,WAAA,OAAA,KAAA,CAAA;AAqHT,SAAgB,EAAW,GAA6B;CACtD,IAAI,OAAO,WAAW,gBAAgB,OAAQ,YAAY;EACxD,IAAM,IAAa,EAAa,EAAe,SAAS,OAAO,GACzD,IAAU,EAAa,OAAO;EAGpC,AAAI,EAAW,SAAS,EAAQ,SAAS,EAAW,SAAS,EAAQ,UACnE,EAAe,SAAS;GAAE,GAAG,EAAe;GAAQ,GAAG;EAAa;CAExE;AACF"}
+{"version":3,"file":"icon2.js","names":["#resolvedIconName","#iconString","#asyncRender","#addIconRegistryListener","#removeIconRegistryListener","#render","#iconRegistryEventName","#onIconRegistryUpdate","#renderRequest"],"sources":["../../src/icon/icon.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, isServer, LitElement } from 'lit';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport type { Size } from '@nvidia-elements/core/internal';\nimport { attachInternals, parseVersion, useStyles } from '@nvidia-elements/core/internal';\nimport type { IconName, IconSVG } from './icons.js';\nimport { ICON_IMPORTS } from './icons.js';\nimport styles from './icon.css?inline';\n\nexport type { IconName, IconSVG } from './icons.js';\n\ndeclare global {\n  var _NVE_SSR_ICON_REGISTRY: Record<string, string> | undefined;\n}\n\n/**\n * @element nve-icon\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/icon\n * @description An icon is a graphic symbol designed to visually show the purpose of an interface element.\n * @documentation https://nvidia.github.io/elements/docs/elements/icon/\n * @cssprop --color\n * @cssprop --width\n * @cssprop --height\n * @slot - Custom SVG content to override the named icon\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Icon extends LitElement {\n  /**\n   * Visual treatment to represent current support status.\n   */\n  @property({ type: String, reflect: true }) status?: 'warning' | 'danger' | 'success' | 'accent';\n\n  /**\n   * Controls the bounding box size of the icon given a t-shirt style value.\n   */\n  @property({ type: String, reflect: true }) size?: Size | 'xs' | 'xl';\n\n  /**\n   * Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions)\n   */\n  @property({ type: String, reflect: true }) direction?: 'up' | 'down' | 'left' | 'right';\n\n  /**\n   * Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\n   * the outline form when that asset is unavailable.\n   */\n  @property({ type: String }) appearance?: 'outline' | 'solid';\n\n  /**\n   * The name of the icon SVG sprite to render.\n   */\n  @property({ type: String, reflect: true }) name?: IconName;\n\n  @state() private svg: string;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-icon',\n    version: '0.0.0'\n  };\n\n  static _icons: { [key: string]: IconSVG } = ICON_IMPORTS;\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static get _iconsRegistry() {\n    return this.registeredIcon?._icons ?? Icon._icons;\n  }\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static set _iconsRegistry(icons: { [key: string]: IconSVG }) {\n    this.registeredIcon._icons = { ...Icon._iconsRegistry, ...icons };\n  }\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static get registeredIcon() {\n    return customElements.get(Icon.metadata.tag) as typeof Icon;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  get #resolvedIconName() {\n    if (!this.name || this.name.endsWith('.svg') || this.appearance !== 'solid' || this.name.endsWith('-solid')) {\n      return this.name;\n    }\n\n    const solidName = `${this.name}-solid`;\n    return Icon._iconsRegistry[solidName] ? solidName : this.name;\n  }\n\n  get #iconString() {\n    const iconName = this.#resolvedIconName;\n    return isServer && globalThis._NVE_SSR_ICON_REGISTRY && iconName\n      ? globalThis._NVE_SSR_ICON_REGISTRY[iconName]\n      : this.svg;\n  }\n\n  #iconRegistryEventName?: string;\n\n  #renderRequest = 0;\n\n  #onIconRegistryUpdate = (event: Event) => this.#asyncRender(event as CustomEvent<IconSVG>);\n\n  render() {\n    return html`\n      <div internal-host aria-hidden=\"true\"><slot>${unsafeSVG(this.#iconString)}</slot></div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n    this.#addIconRegistryListener();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#removeIconRegistryListener();\n  }\n\n  static async add(icons: { [key: string]: IconSVG }) {\n    if (globalThis.customElements?.whenDefined) {\n      await globalThis.customElements.whenDefined(Icon.metadata.tag);\n      Icon._iconsRegistry = icons;\n      Object.keys(icons).forEach(name =>\n        globalThis?.document?.dispatchEvent(new CustomEvent(`${Icon.metadata.tag}-${name}`, { detail: icons[name] }))\n      );\n    }\n  }\n\n  static alias(aliases: { [key: string]: IconName | string }) {\n    // whenDefined has no rejection state\n    if (globalThis.customElements?.whenDefined) {\n      /* eslint-disable @typescript-eslint/no-floating-promises */\n      globalThis.customElements.whenDefined(Icon.metadata.tag).then(() => {\n        Object.keys(aliases).forEach(alias => {\n          Icon._iconsRegistry[alias] = Icon._iconsRegistry[aliases[alias]!]!;\n          globalThis?.document?.dispatchEvent(\n            new CustomEvent(`${Icon.metadata.tag}-${alias}`, { detail: Icon._iconsRegistry[alias] })\n          );\n        });\n      });\n    }\n  }\n\n  async updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('name') || props.has('appearance')) {\n      this.#removeIconRegistryListener();\n      this.#addIconRegistryListener();\n    }\n    await this.#render();\n  }\n\n  #addIconRegistryListener() {\n    const iconName = this.#resolvedIconName;\n    if (!this.isConnected || !iconName || this.#iconRegistryEventName) return;\n    this.#iconRegistryEventName = `${Icon.metadata.tag}-${iconName}`;\n    globalThis.document?.addEventListener(this.#iconRegistryEventName, this.#onIconRegistryUpdate);\n  }\n\n  #removeIconRegistryListener() {\n    if (!this.#iconRegistryEventName) return;\n    globalThis.document?.removeEventListener(this.#iconRegistryEventName, this.#onIconRegistryUpdate);\n    this.#iconRegistryEventName = undefined;\n  }\n\n  async #asyncRender(event: CustomEvent<IconSVG>) {\n    if (this.isConnected && event.detail && this.svg !== (await event.detail.svg())) {\n      this.#render();\n    }\n  }\n\n  async #render() {\n    const renderRequest = ++this.#renderRequest;\n    const iconName = this.#resolvedIconName;\n    if (!iconName) return;\n    const svg = await (iconName.endsWith('.svg')\n      ? fetch(iconName).then(res => res.text())\n      : (Icon._iconsRegistry[iconName]?.svg() ?? Promise.resolve('')));\n    if (renderRequest !== this.#renderRequest) return;\n    Icon._iconsRegistry[iconName] = { svg: () => svg, ...Icon._iconsRegistry[iconName] };\n    this.svg = svg;\n  }\n}\n\nexport function mergeIcons(RegisteredIcon: typeof Icon) {\n  if (typeof globalThis.customElements?.get === 'function') {\n    const registered = parseVersion(RegisteredIcon.metadata.version);\n    const current = parseVersion('0.0.0');\n\n    // determine if an older icon already registered and if so, merge the icons with the latest svgs\n    if (registered.minor <= current.minor && registered.major <= current.major) {\n      RegisteredIcon._icons = { ...RegisteredIcon._icons, ...ICON_IMPORTS };\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/icon-button/icon-button2.js

@@ -15,7 +15,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-icon-button",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/index.js

@@ -2,7 +2,7 @@ import { I18nService as e } from "./internal/services/i18n.service.js";
 import { getThemeTokens as t } from "./internal/utils/dom.js";
 import { statusIcons as n } from "./internal/types/index.js";
 //#region src/index.ts
-var r = "2.5.3", i = "@nvidia-elements";
+var r = "2.6.0", i = "@nvidia-elements";
 //#endregion
 export { e as I18nService, i as SCOPE, r as VERSION, t as getThemeTokens, n as statusIcons };
 

package/dist/input/input-group2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input-group",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	async connectedCallback() {

package/dist/input/input2.js

@@ -14,7 +14,7 @@ var a = r, o = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 };

package/dist/internal/services/global.service.js

@@ -19,7 +19,7 @@ var a = class {
 				i18nRegistry: {},
 				audit: {}
 			}
-		}, globalThis.NVE_ELEMENTS.state.versions = Array.from(/* @__PURE__ */ new Set([...globalThis.NVE_ELEMENTS.state.versions, "2.5.3"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["2.5.3"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
+		}, globalThis.NVE_ELEMENTS.state.versions = Array.from(/* @__PURE__ */ new Set([...globalThis.NVE_ELEMENTS.state.versions, "2.6.0"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["2.6.0"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
 	}
 	get state() {
 		return globalThis.NVE_ELEMENTS.state;

package/dist/logo/logo2.js

@@ -12,7 +12,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-logo",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/menu/menu-item2.js

@@ -13,7 +13,7 @@ var c = class extends s(i) {
 	static {
 		this.metadata = {
 			tag: "nve-menu-item",
-			version: "2.5.3",
+			version: "2.6.0",
 			parents: ["nve-menu"]
 		};
 	}

package/dist/menu/menu2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-menu",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: ["nve-menu-item", "nve-divider"]
 		};
 	}

package/dist/month/month2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-month",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/notification/notification-group2.js

@@ -20,7 +20,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-notification-group",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: ["nve-notification"]
 		};
 	}

package/dist/notification/notification2.js

@@ -34,7 +34,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-notification",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/page/page-panel/page-panel-content2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-content",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-footer2.js

@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-footer",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-header2.js

@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-header",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel2.js

@@ -18,7 +18,7 @@ var f = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel",
-			version: "2.5.3",
+			version: "2.6.0",
 			parents: ["nve-page"]
 		};
 	}

package/dist/page/page2.js

@@ -16,7 +16,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/page-header/page-header2.js

@@ -12,7 +12,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/page-loader/page-loader2.js

@@ -18,7 +18,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/pagination/pagination2.js

@@ -21,7 +21,7 @@ var g = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.5.3",
+			version: "2.6.0",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/panel/panel2.js

@@ -21,7 +21,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-header",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {
@@ -50,7 +50,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {
@@ -69,7 +69,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/password/password2.js

@@ -23,7 +23,7 @@ var u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-password",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/preferences-input/preferences-input2.js

@@ -43,7 +43,7 @@ var x = class extends g(d) {
 	static {
 		this.metadata = {
 			tag: "nve-preferences-input",
-			version: "2.5.3",
+			version: "2.6.0",
 			valueSchema: {
 				type: "object",
 				properties: {

package/dist/progress-bar/progress-bar2.js

@@ -16,7 +16,7 @@ var c = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-progress-bar",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/progress-ring/progress-ring2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-progress-ring",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/progressive-filter-chip/progressive-filter-chip2.js

@@ -23,7 +23,7 @@ var b = class extends h {
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/pulse/pulse2.js

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/radio/radio-group2.js

@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-radio-group",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/radio/radio2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-radio",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: [
 				"label",
 				"input",

package/dist/range/range2.js

@@ -17,7 +17,7 @@ var d = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-range",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	connectedCallback() {

package/dist/resize-handle/resize-handle2.js

@@ -18,7 +18,7 @@ var u = class extends c(a) {
 	static {
 		this.metadata = {
 			tag: "nve-resize-handle",
-			version: "2.5.3",
+			version: "2.6.0",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/search/search2.js

@@ -22,7 +22,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-search",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/select/select2.js

@@ -27,7 +27,7 @@ var S = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-select",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/skeleton/skeleton2.js

@@ -15,7 +15,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-skeleton",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/sort-button/sort-button2.js

@@ -19,7 +19,7 @@ var u = {
 	static {
 		this.metadata = {
 			tag: "nve-sort-button",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/sparkline/sparkline2.js

@@ -21,7 +21,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-sparkline",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	render() {

package/dist/star-rating/star-rating2.js

@@ -18,7 +18,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-star-rating",
-			version: "2.5.3"
+			version: "2.6.0"
 		};
 	}
 	static {

package/dist/steps/steps2.js

@@ -23,7 +23,7 @@ var v = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-steps-item",
-			version: "2.5.3",
+			version: "2.6.0",
 			parents: ["nve-steps"]
 		};
 	}
@@ -69,7 +69,7 @@ var y = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-steps",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: ["nve-steps-item"]
 		};
 	}

package/dist/switch/switch-group2.js

@@ -11,7 +11,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-switch-group",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/switch/switch2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-switch",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: [
 				"label",
 				"input",

package/dist/tabs/tabs-group2.js

@@ -33,7 +33,7 @@ var m, h = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-group",
-			version: "2.5.3",
+			version: "2.6.0",
 			children: ["nve-tabs"]
 		};
 	}