@nvidia-elements/core 2.5.3 → 2.6.1

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.1"
 		};
 	}
 	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.1");
 		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":"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"}
+{"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":";;;;;;;;;;;AAgCA,IAAa,IAAb,MAAa,UAAa,EAAW;;gBA6BnB,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,KAAoB;EACtB,IAAI,CAAC,KAAK,QAAQ,KAAK,KAAK,SAAS,MAAM,KAAK,KAAK,eAAe,WAAW,KAAK,KAAK,SAAS,QAAQ,GACxG,OAAO,KAAK;EAGd,IAAM,IAAY,GAAG,KAAK,KAAK;EAC/B,OAAO,EAAK,eAAe,KAAa,IAAY,KAAK;CAC3D;CAEA,IAAIC,KAAc;EAChB,IAAM,IAAW,KAAKD;EACtB,OAAO,KAAY,WAAW,0BAA0B,IACpD,WAAW,uBAAuB,KAClC,KAAK;CACX;CAEA;CAEA,KAAiB;CAEjB,MAAyB,MAAiB,KAAKE,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,IACf,EAAM,IAAI,MAAM,KAAK,EAAM,IAAI,YAAY,OAC7C,KAAKA,GAA4B,GACjC,KAAKD,GAAyB,IAEhC,MAAM,KAAKE,GAAQ;CACrB;CAEA,KAA2B;EACzB,IAAM,IAAW,KAAKL;EAClB,CAAC,KAAK,eAAe,CAAC,KAAY,KAAKM,OAC3C,KAAKA,KAAyB,GAAG,EAAK,SAAS,IAAI,GAAG,KACtD,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,IAAM,IAAgB,EAAE,KAAKG,IACvB,IAAW,KAAKR;EACtB,IAAI,CAAC,GAAU;EACf,IAAM,IAAM,OAAO,EAAS,SAAS,MAAM,IACvC,MAAM,CAAQ,CAAC,CAAC,MAAK,MAAO,EAAI,KAAK,CAAC,IACrC,EAAK,eAAe,EAAS,EAAE,IAAI,KAAK,QAAQ,QAAQ,EAAE;EAC3D,MAAkB,KAAKQ,OAC3B,EAAK,eAAe,KAAY;GAAE,WAAW;GAAK,GAAG,EAAK,eAAe;EAAU,GACnF,KAAK,MAAM;CACb;AACF;GA5JG,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,MAMxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAKzB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAExC,EAAM,CAAA,GAAA,EAAA,WAAA,OAAA,KAAA,CAAA;AAuIT,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"}

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.1"
 		};
 	}
 	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.1", 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.1"
 		};
 	}
 	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.1"
 		};
 	}
 };

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.1"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["2.6.1"] = 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.1"
 		};
 	}
 	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.1",
 			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.1",
 			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.1"
 		};
 	}
 	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.1",
 			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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1",
 			parents: ["nve-page"]
 		};
 	}

package/dist/page/page.js

@@ -1,5 +1,5 @@
 //#region src/page/page.css?inline
-var e = ":host{--background: var(--nve-sys-layer-canvas-background);--color: var(--nve-sys-layer-canvas-color);--gap: var(--nve-ref-space-md);--padding: 0;display:block;height:100vh;width:stretch;overflow:hidden}:host([document-scroll]){height:auto!important}[internal-host]{background:var(--background);color:var(--color);height:100%;display:grid;grid-template-rows:auto auto 1fr auto auto;grid-template-columns:auto auto 1fr auto auto;grid-template-areas:\"header header header header header\" \"left-aside subheader subheader subheader right-aside\" \"left-aside left main right right-aside\" \"left-aside left bottom right right-aside\" \"left-aside subfooter subfooter subfooter right-aside\" \"footer footer footer footer footer\"}slot{display:flex;background:var(--background);scroll-behavior:smooth;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}[name=header]{grid-area:header;flex-direction:column}[name=subheader]{grid-area:subheader;flex-direction:column}[name=left]{grid-area:left;height:100%}[name=right]{grid-area:right;height:100%}[name=bottom]{grid-area:bottom;height:fit-content;flex-direction:column}[name=left-aside],[name=right-aside]{position:relative;z-index:1}[name=left-aside]{grid-area:left-aside;height:100%}[name=right-aside]{grid-area:right-aside;height:100%}[name=subfooter]{grid-area:subfooter}[name=footer]{grid-area:footer}::slotted(nve-page-panel){--border: 0}::slotted(nve-toolbar[slot=\"footer\"]),::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-page-panel[slot=\"footer\"]),::slotted(nve-page-panel[slot=\"subfooter\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);width:100%}::slotted(nve-page-panel[slot=\"left\"]),::slotted(nve-page-panel[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"left-aside\"]){border-inline-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"right\"]),::slotted(nve-page-panel[slot=\"right-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){border-inline-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"bottom\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"subheader\"]),::slotted(nve-toolbar[slot=\"subheader\"]){border-block-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-toolbar){--border-radius: 0;--box-shadow: none}::slotted(nve-toolbar[slot=\"subheader\"]) ::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-toolbar[slot=\"footer\"]){height:fit-content}::slotted(nve-toolbar[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){--min-height: 100%}::slotted(nve-resize-handle[slot]){--background: transparent}::slotted(nve-resize-handle[slot=\"left\"]){margin-inline-start:calc(-1 * var(--nve-ref-border-width-md))}::slotted(nve-resize-handle[slot=\"right\"]){margin-inline-end:calc(-1 * var(--nve-ref-border-width-md))}slot:not([name]){gap:var(--gap);padding:var(--padding);display:flex;flex-direction:column;align-items:start;overflow:auto;slot{display:contents}}::slotted(main){width:100%;height:100%}";
+var e = ":host{--background: var(--nve-sys-layer-canvas-background);--color: var(--nve-sys-layer-canvas-color);--gap: var(--nve-ref-space-md);--padding: 0;display:block;height:100dvh;width:stretch;overflow:hidden}:host([document-scroll]){height:auto!important}[internal-host]{background:var(--background);color:var(--color);height:100%;display:grid;grid-template-rows:auto auto 1fr auto auto;grid-template-columns:auto auto 1fr auto auto;grid-template-areas:\"header header header header header\" \"left-aside subheader subheader subheader right-aside\" \"left-aside left main right right-aside\" \"left-aside left bottom right right-aside\" \"left-aside subfooter subfooter subfooter right-aside\" \"footer footer footer footer footer\"}slot{display:flex;background:var(--background);scroll-behavior:smooth;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}[name=header]{grid-area:header;flex-direction:column}[name=subheader]{grid-area:subheader;flex-direction:column}[name=left]{grid-area:left;height:100%}[name=right]{grid-area:right;height:100%}[name=bottom]{grid-area:bottom;height:fit-content;flex-direction:column}[name=left-aside],[name=right-aside]{position:relative;z-index:1}[name=left-aside]{grid-area:left-aside;height:100%}[name=right-aside]{grid-area:right-aside;height:100%}[name=subfooter]{grid-area:subfooter}[name=footer]{grid-area:footer}::slotted(nve-page-panel){--border: 0}::slotted(nve-toolbar[slot=\"footer\"]),::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-page-panel[slot=\"footer\"]),::slotted(nve-page-panel[slot=\"subfooter\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);width:100%}::slotted(nve-page-panel[slot=\"left\"]),::slotted(nve-page-panel[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"left-aside\"]){border-inline-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"right\"]),::slotted(nve-page-panel[slot=\"right-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){border-inline-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"bottom\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"subheader\"]),::slotted(nve-toolbar[slot=\"subheader\"]){border-block-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-toolbar){--border-radius: 0;--box-shadow: none}::slotted(nve-toolbar[slot=\"subheader\"]) ::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-toolbar[slot=\"footer\"]){height:fit-content}::slotted(nve-toolbar[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){--min-height: 100%}::slotted(nve-resize-handle[slot]){--background: transparent}::slotted(nve-resize-handle[slot=\"left\"]){margin-inline-start:calc(-1 * var(--nve-ref-border-width-md))}::slotted(nve-resize-handle[slot=\"right\"]){margin-inline-end:calc(-1 * var(--nve-ref-border-width-md))}slot:not([name]){gap:var(--gap);padding:var(--padding);display:flex;flex-direction:column;align-items:start;overflow:auto;slot{display:contents}}::slotted(main){width:100%;height:100%}";
 //#endregion
 export { e as default };
 

package/dist/page/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","names":[],"sources":["../../src/page/page.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --background: var(--nve-sys-layer-canvas-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --gap: var(--nve-ref-space-md);\n  --padding: 0;\n  display: block;\n  height: 100vh;\n  width: stretch;\n  overflow: hidden;\n}\n\n:host([document-scroll]) {\n  height: auto !important;\n}\n\n[internal-host] {\n  background: var(--background);\n  color: var(--color);\n  height: 100%;\n  display: grid;\n  grid-template-rows: auto auto 1fr auto auto;\n  grid-template-columns: auto auto 1fr auto auto;\n  grid-template-areas:\n    'header header header header header'\n    'left-aside subheader subheader subheader right-aside'\n    'left-aside left main right right-aside'\n    'left-aside left bottom right right-aside'\n    'left-aside subfooter subfooter subfooter right-aside'\n    'footer footer footer footer footer';\n}\n\nslot {\n  display: flex;\n  background: var(--background);\n  scroll-behavior: smooth;\n  scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n  scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n[name='header'] {\n  grid-area: header;\n  flex-direction: column;\n}\n\n[name='subheader'] {\n  grid-area: subheader;\n  flex-direction: column;\n}\n\n[name='left'] {\n  grid-area: left;\n  height: 100%;\n}\n\n[name='right'] {\n  grid-area: right;\n  height: 100%;\n}\n\n[name='bottom'] {\n  grid-area: bottom;\n  height: fit-content;\n  flex-direction: column;\n}\n\n/** ensures sliding panels transition \"under\" aside slot */\n[name='left-aside'],\n[name='right-aside'] {\n  position: relative;\n  z-index: 1;\n}\n\n[name='left-aside'] {\n  grid-area: left-aside;\n  height: 100%;\n}\n\n[name='right-aside'] {\n  grid-area: right-aside;\n  height: 100%;\n}\n\n[name='subfooter'] {\n  grid-area: subfooter;\n}\n\n[name='footer'] {\n  grid-area: footer;\n}\n\n::slotted(nve-page-panel) {\n  --border: 0;\n}\n\n::slotted(nve-toolbar[slot='footer']),\n::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-page-panel[slot='footer']),\n::slotted(nve-page-panel[slot='subfooter']) {\n  border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  width: 100%;\n}\n\n::slotted(nve-page-panel[slot='left']),\n::slotted(nve-page-panel[slot='left-aside']),\n::slotted(nve-toolbar[slot='left-aside']) {\n  border-inline-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='right']),\n::slotted(nve-page-panel[slot='right-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n  border-inline-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='bottom']) {\n  border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='subheader']),\n::slotted(nve-toolbar[slot='subheader']) {\n  border-block-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-toolbar) {\n  --border-radius: 0;\n  --box-shadow: none;\n}\n\n::slotted(nve-toolbar[slot='subheader']) ::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-toolbar[slot='footer']) {\n  height: fit-content;\n}\n\n::slotted(nve-toolbar[slot='left-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n  --min-height: 100%;\n}\n\n::slotted(nve-resize-handle[slot]) {\n  --background: transparent;\n}\n\n::slotted(nve-resize-handle[slot='left']) {\n  margin-inline-start: calc(-1 * var(--nve-ref-border-width-md));\n}\n\n::slotted(nve-resize-handle[slot='right']) {\n  margin-inline-end: calc(-1 * var(--nve-ref-border-width-md));\n}\n\nslot:not([name]) {\n  gap: var(--gap);\n  padding: var(--padding);\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  overflow: auto;\n\n  slot {\n    display: contents;\n  }\n}\n\n::slotted(main) {\n  width: 100%;\n  height: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"page.js","names":[],"sources":["../../src/page/page.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --background: var(--nve-sys-layer-canvas-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --gap: var(--nve-ref-space-md);\n  --padding: 0;\n  display: block;\n  height: 100dvh;\n  width: stretch;\n  overflow: hidden;\n}\n\n:host([document-scroll]) {\n  height: auto !important;\n}\n\n[internal-host] {\n  background: var(--background);\n  color: var(--color);\n  height: 100%;\n  display: grid;\n  grid-template-rows: auto auto 1fr auto auto;\n  grid-template-columns: auto auto 1fr auto auto;\n  grid-template-areas:\n    'header header header header header'\n    'left-aside subheader subheader subheader right-aside'\n    'left-aside left main right right-aside'\n    'left-aside left bottom right right-aside'\n    'left-aside subfooter subfooter subfooter right-aside'\n    'footer footer footer footer footer';\n}\n\nslot {\n  display: flex;\n  background: var(--background);\n  scroll-behavior: smooth;\n  scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n  scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n[name='header'] {\n  grid-area: header;\n  flex-direction: column;\n}\n\n[name='subheader'] {\n  grid-area: subheader;\n  flex-direction: column;\n}\n\n[name='left'] {\n  grid-area: left;\n  height: 100%;\n}\n\n[name='right'] {\n  grid-area: right;\n  height: 100%;\n}\n\n[name='bottom'] {\n  grid-area: bottom;\n  height: fit-content;\n  flex-direction: column;\n}\n\n/** ensures sliding panels transition \"under\" aside slot */\n[name='left-aside'],\n[name='right-aside'] {\n  position: relative;\n  z-index: 1;\n}\n\n[name='left-aside'] {\n  grid-area: left-aside;\n  height: 100%;\n}\n\n[name='right-aside'] {\n  grid-area: right-aside;\n  height: 100%;\n}\n\n[name='subfooter'] {\n  grid-area: subfooter;\n}\n\n[name='footer'] {\n  grid-area: footer;\n}\n\n::slotted(nve-page-panel) {\n  --border: 0;\n}\n\n::slotted(nve-toolbar[slot='footer']),\n::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-page-panel[slot='footer']),\n::slotted(nve-page-panel[slot='subfooter']) {\n  border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  width: 100%;\n}\n\n::slotted(nve-page-panel[slot='left']),\n::slotted(nve-page-panel[slot='left-aside']),\n::slotted(nve-toolbar[slot='left-aside']) {\n  border-inline-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='right']),\n::slotted(nve-page-panel[slot='right-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n  border-inline-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='bottom']) {\n  border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='subheader']),\n::slotted(nve-toolbar[slot='subheader']) {\n  border-block-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-toolbar) {\n  --border-radius: 0;\n  --box-shadow: none;\n}\n\n::slotted(nve-toolbar[slot='subheader']) ::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-toolbar[slot='footer']) {\n  height: fit-content;\n}\n\n::slotted(nve-toolbar[slot='left-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n  --min-height: 100%;\n}\n\n::slotted(nve-resize-handle[slot]) {\n  --background: transparent;\n}\n\n::slotted(nve-resize-handle[slot='left']) {\n  margin-inline-start: calc(-1 * var(--nve-ref-border-width-md));\n}\n\n::slotted(nve-resize-handle[slot='right']) {\n  margin-inline-end: calc(-1 * var(--nve-ref-border-width-md));\n}\n\nslot:not([name]) {\n  gap: var(--gap);\n  padding: var(--padding);\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  overflow: auto;\n\n  slot {\n    display: contents;\n  }\n}\n\n::slotted(main) {\n  width: 100%;\n  height: 100%;\n}\n"],"mappings":""}

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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1",
 			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.1"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.5.3"
+			version: "2.6.1"
 		};
 	}
 	render() {
@@ -50,7 +50,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.5.3"
+			version: "2.6.1"
 		};
 	}
 	render() {
@@ -69,7 +69,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.5.3"
+			version: "2.6.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1",
 			valueSchema: {
 				type: "object",
 				properties: {

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

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":[],"sources":["../../src/progress-bar/progress-bar.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  display: flex;\n  width: 100%;\n  line-height: 0;\n  --height: var(--nve-ref-size-200);\n  --opacity: 1;\n  --accent-color: var(--nve-sys-interaction-color);\n  --background: var(--nve-sys-interaction-background);\n}\n\n:host([status='accent']) {\n  --accent-color: var(--nve-sys-accent-secondary-background);\n}\n\n:host([status='success']) {\n  --accent-color: var(--nve-sys-support-success-color);\n}\n\n:host([status='warning']) {\n  --accent-color: var(--nve-sys-support-warning-color);\n}\n\n:host([status='danger']) {\n  --accent-color: var(--nve-sys-support-danger-color);\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background: var(--background);\n  border-radius: var(--nve-ref-border-radius-full);\n  height: var(--height);\n  opacity: var(--opacity);\n  width: 100%;\n}\n\nprogress[value]::-webkit-progress-bar {\n  background-color: inherit;\n  border-radius: var(--nve-ref-border-radius-full);\n}\n\nprogress[value]::-webkit-progress-value {\n  border-radius: var(--nve-ref-border-radius-full);\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  background-color: var(--accent-color);\n}\n\nprogress[value].full::-webkit-progress-value {\n  border-top-right-radius: var(--nve-ref-border-radius-full);\n  border-bottom-right-radius: var(--nve-ref-border-radius-full);\n}\n\nprogress[value].min-width::-webkit-progress-value {\n  min-width: 5px;\n}\n\nprogress[value]::-moz-progress-bar {\n  border-radius: var(--nve-ref-border-radius-full);\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  background-color: var(--accent-color);\n}\n\n:host(:not([value])) {\n  --height: var(--nve-ref-size-100);\n  --opacity: 0.75;\n}\n\nprogress.indeterminate {\n  --accent-color-faded: color-mix(in srgb, var(--accent-color), transparent 90%);\n  --indeterminate-gradient: linear-gradient(to right, var(--accent-color-faded) 10%, var(--accent-color));\n  --indeterminate-gradient-reverse: linear-gradient(to left, var(--accent-color-faded) 10%, var(--accent-color));\n  will-change: transform;\n  background-image: var(--indeterminate-gradient);\n  animation: indeterminate-animation calc(var(--nve-ref-animation-duration-400) * 3) infinite cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\nprogress[value].indeterminate::-webkit-progress-value {\n  border-radius: var(--nve-ref-border-radius-none);\n  background-color: transparent !important;\n}\n\n@keyframes indeterminate-animation {\n  0% {\n    transform: scaleX(0.015);\n    transform-origin: 0% 0%;\n  }\n\n  25% {\n    transform: scaleX(0.4);\n  }\n\n  50% {\n    transform: scaleX(0.015);\n    transform-origin: 100% 0%;\n    background-image: var(--indeterminate-gradient);\n  }\n\n  50.1% {\n    transform: scaleX(0.015);\n    transform-origin: 100% 0%;\n    background-image: var(--indeterminate-gradient-reverse);\n  }\n\n  75% {\n    transform: scaleX(0.4);\n  }\n\n  100% {\n    transform: scaleX(0.015);\n    transform-origin: 0% 0%;\n    background-image: var(--indeterminate-gradient-reverse);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"progress-bar.js","names":[],"sources":["../../src/progress-bar/progress-bar.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  display: flex;\n  width: 100%;\n  line-height: 0;\n  --height: var(--nve-ref-size-200);\n  --opacity: 1;\n  --accent-color: var(--nve-sys-interaction-color);\n  --background: var(--nve-sys-interaction-background);\n}\n\n:host([status='accent']) {\n  --accent-color: var(--nve-sys-accent-secondary-background);\n}\n\n:host([status='success']) {\n  --accent-color: var(--nve-sys-support-success-color);\n}\n\n:host([status='warning']) {\n  --accent-color: var(--nve-sys-support-warning-color);\n}\n\n:host([status='danger']) {\n  --accent-color: var(--nve-sys-support-danger-color);\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background: var(--background);\n  border-radius: var(--nve-ref-border-radius-full);\n  height: var(--height);\n  opacity: var(--opacity);\n  width: 100%;\n}\n\nprogress[value]::-webkit-progress-bar {\n  background-color: inherit;\n  border-radius: var(--nve-ref-border-radius-full);\n}\n\nprogress[value]::-webkit-progress-value {\n  border-radius: var(--nve-ref-border-radius-full);\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  background-color: var(--accent-color);\n}\n\nprogress[value].full::-webkit-progress-value {\n  border-top-right-radius: var(--nve-ref-border-radius-full);\n  border-bottom-right-radius: var(--nve-ref-border-radius-full);\n}\n\nprogress[value].min-width::-webkit-progress-value {\n  min-width: 5px;\n}\n\nprogress[value]::-moz-progress-bar {\n  border-radius: var(--nve-ref-border-radius-full);\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  background-color: var(--accent-color);\n}\n\n:host(:not([value])) {\n  --height: var(--nve-ref-size-100);\n  --opacity: 0.75;\n}\n\nprogress.indeterminate {\n  --accent-color-faded: color-mix(in srgb, var(--accent-color), transparent 90%);\n  --indeterminate-gradient: linear-gradient(to right, var(--accent-color-faded) 10%, var(--accent-color));\n  --indeterminate-gradient-reverse: linear-gradient(to left, var(--accent-color-faded) 10%, var(--accent-color));\n  will-change: transform;\n  background-image: var(--indeterminate-gradient);\n  animation: indeterminate-animation calc(var(--nve-ref-animation-duration-400) * 3) infinite\n    cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\nprogress[value].indeterminate::-webkit-progress-value {\n  border-radius: var(--nve-ref-border-radius-none);\n  background-color: transparent !important;\n}\n\n@keyframes indeterminate-animation {\n  0% {\n    transform: scaleX(0.015);\n    transform-origin: 0% 0%;\n  }\n\n  25% {\n    transform: scaleX(0.4);\n  }\n\n  50% {\n    transform: scaleX(0.015);\n    transform-origin: 100% 0%;\n    background-image: var(--indeterminate-gradient);\n  }\n\n  50.1% {\n    transform: scaleX(0.015);\n    transform-origin: 100% 0%;\n    background-image: var(--indeterminate-gradient-reverse);\n  }\n\n  75% {\n    transform: scaleX(0.4);\n  }\n\n  100% {\n    transform: scaleX(0.015);\n    transform-origin: 0% 0%;\n    background-image: var(--indeterminate-gradient-reverse);\n  }\n}\n"],"mappings":""}

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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1",
 			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.1",
 			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.1"
 		};
 	}
 	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.1",
 			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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	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.1"
 		};
 	}
 	static {