@nvidia-elements/core 2.23.4 → 2.23.6

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

@@ -1 +1 @@
-{"version":3,"file":"star-rating2.js","names":["styles","_decorate","__decorate","star_rating_default","StarRating","Control","_args","useStyles","Icon","props","getElementUpdate","max","min","#setValue","value","starValue","i","diff","#getStepValue","#handleMouseMove","rect","position","index","state","scopedRegistry"],"sources":["../../src/star-rating/star-rating.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport type { PropertyValues } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport { useStyles, getElementUpdate, scopedRegistry } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './star-rating.css?inline';\n\n/**\n * @element nve-star-rating\n * @description A star rating component lets users rate something using stars, providing a quick visual representation of feedback\n * @documentation https://nvidia.github.io/elements/docs/elements/star-rating/\n * @since 1.23.1\n * @entrypoint \\@nvidia-elements/core/star-rating\n * @cssprop --star-size\n * @cssprop --color\n * @cssprop --stroke-color\n * @cssprop --width\n * @cssprop --height\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range\n *\n */\n@scopedRegistry()\nexport class StarRating extends Control {\n  static styles = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-star-rating',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private min = 0;\n  @state() private max = 5;\n  @state() private value = 0;\n  @state() private active = 0;\n  @state() private precision = 0.5;\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n\n    getElementUpdate(this.input, 'max', (max: unknown) => {\n      if (max) {\n        this.max = parseInt(max as string);\n      }\n    });\n\n    getElementUpdate(this.input, 'min', (min: unknown) => {\n      if (min) {\n        this.min = parseInt(min as string);\n      }\n    });\n\n    getElementUpdate(this.input, 'value', (value: unknown) => {\n      this.#setValue(value ? parseFloat(value as string) : this.input.valueAsNumber);\n    });\n\n    this.input.addEventListener('input', () => (this.value = this.input.valueAsNumber));\n\n    this.value = this.input.valueAsNumber;\n  }\n\n  protected get prefixContent() {\n    return html`\n    <div aria-hidden=\"true\" class=\"stars\" @mouseleave=${() => (this.active = 0)}>\n      ${new Array(this.max).fill('').map((_, i) => {\n        const starValue = i + 1;\n        const currentValue = this.active || this.value;\n        const diff = currentValue - i;\n\n        const iconName = diff >= 1 ? 'star' : diff >= 0.5 ? 'star-half' : 'star-stroke';\n\n        return html`\n        <nve-icon part=\"icon\"\n          @click=${() => this.#setValue(this.#getStepValue(i, starValue))}\n          @mousemove=${(e: MouseEvent) => this.#handleMouseMove(e, i, starValue)}\n          name=${iconName}\n        ></nve-icon>\n      `;\n      })}\n    </div>\n    `;\n  }\n\n  #handleMouseMove(e: MouseEvent, index: number, starValue: number) {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const position = (e.clientX - rect.left) / rect.width;\n\n    this.active = position <= 0.5 ? index + 0.5 : starValue;\n  }\n\n  #getStepValue(index: number, starValue: number) {\n    // If hovering (active has a value), use that value\n    if (this.active > 0) {\n      return this.active;\n    }\n\n    // If clicking on the current value, toggle it off\n    if (this.value === starValue || this.value === index + 0.5) {\n      return 0;\n    }\n\n    // Otherwise, return the star value\n    return starValue;\n  }\n\n  #setValue(value: number) {\n    this.input.valueAsNumber = value === this.value ? 0 : value;\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n"],"mappings":";;;;;;;;;;AA2BO,IAAMI,IAAN,cAAyBC,EAAQ;;EAgBT,A,aAJN,KAAA,MAAA,GACA,KAAA,MAAA,GACE,KAAA,QAAA,GACC,KAAA,SAAA,GACG,KAAA,YAAA;;;EAfb,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAE1B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBQ,EAAK,SAAS,MAAMA,EACvB;;CAQA,aAAa,GAA6B;EAqBxC,AApBA,MAAM,aAAaC,CAAK,GAExBC,EAAiB,KAAK,OAAO,QAAQ,MAAiB;GACpD,AAAIC,MACF,KAAK,MAAM,SAASA,CAAa;EAErC,CAAC,GAEDD,EAAiB,KAAK,OAAO,QAAQ,MAAiB;GACpD,AAAIE,MACF,KAAK,MAAM,SAASA,CAAa;EAErC,CAAC,GAEDF,EAAiB,KAAK,OAAO,UAAU,MAAmB;GACxD,KAAKG,GAAUC,IAAQ,WAAWA,CAAe,IAAI,KAAK,MAAM,aAAa;EAC/E,CAAC,GAED,KAAK,MAAM,iBAAiB,eAAgB,KAAK,QAAQ,KAAK,MAAM,aAAc,GAElF,KAAK,QAAQ,KAAK,MAAM;CAC1B;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,4DACgD,KAAK,SAAS,EAAG,IACpE,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAG,MAAM;GAC3C,IAAMC,IAAYC,IAAI,GAEhBC,KADe,KAAK,UAAU,KAAK,SACbD;GAI5B,OAAO,CAAI,uCAEM,KAAKH,GAAU,KAAKK,GAAcF,GAAGD,CAAS,CAAC,EAAE,iBAClD,MAAkB,KAAKI,GAAiB,GAAGH,GAAGD,CAAS,EAAE,UALxDE,KAAQ,IAAI,SAASA,KAAQ,KAAM,cAAc,cAMhD;EAGpB,CAAC,EAAE;CAGP;CAEA,GAAiB,GAAe,GAAe,GAAmB;EAEhE,IAAMG,IADS,EAAE,cACG,sBAAsB,GACpCC,KAAY,EAAE,UAAUD,EAAK,QAAQA,EAAK;EAEhD,KAAK,SAASC,KAAY,KAAMC,IAAQ,KAAMP;CAChD;CAEA,GAAc,GAAe,GAAmB;EAY9C,OAVI,KAAK,SAAS,IACT,KAAK,SAIV,KAAK,UAAUA,KAAa,KAAK,UAAUO,IAAQ,KAC9C,IAIFP;CACT;CAEA,GAAU,GAAe;EAGvB,AAFA,KAAK,MAAM,gBAAgBD,MAAU,KAAK,QAAQ,IAAIA,GACtD,KAAK,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAK,CAAC,CAAC,GAC9D,KAAK,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,CAAC;CACjE;AACF;AAhFGb,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,OAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,OAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,SAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,UAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,aAAA,KAAA,CAAA,GAjBR,IAAAH,EAAA,CAAAuB,EAAe,CAAA,GAAApB,CAAA"}
+{"version":3,"file":"star-rating2.js","names":["styles","_decorate","__decorate","star_rating_default","StarRating","Control","_args","useStyles","Icon","props","getElementUpdate","max","min","#setValue","value","starValue","i","diff","#getStepValue","#handleMouseMove","rect","position","index","state","scopedRegistry"],"sources":["../../src/star-rating/star-rating.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport type { PropertyValues } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport { getElementUpdate } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './star-rating.css?inline';\n\n/**\n * @element nve-star-rating\n * @description A star rating component lets users rate something using stars, providing a quick visual representation of feedback\n * @documentation https://nvidia.github.io/elements/docs/elements/star-rating/\n * @since 1.23.1\n * @entrypoint \\@nvidia-elements/core/star-rating\n * @cssprop --star-size\n * @cssprop --color\n * @cssprop --stroke-color\n * @cssprop --width\n * @cssprop --height\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range\n *\n */\n@scopedRegistry()\nexport class StarRating extends Control {\n  static styles = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-star-rating',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private min = 0;\n  @state() private max = 5;\n  @state() private value = 0;\n  @state() private active = 0;\n  @state() private precision = 0.5;\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n\n    getElementUpdate(this.input, 'max', (max: unknown) => {\n      if (max) {\n        this.max = parseInt(max as string);\n      }\n    });\n\n    getElementUpdate(this.input, 'min', (min: unknown) => {\n      if (min) {\n        this.min = parseInt(min as string);\n      }\n    });\n\n    getElementUpdate(this.input, 'value', (value: unknown) => {\n      this.#setValue(value ? parseFloat(value as string) : this.input.valueAsNumber);\n    });\n\n    this.input.addEventListener('input', () => (this.value = this.input.valueAsNumber));\n\n    this.value = this.input.valueAsNumber;\n  }\n\n  protected get prefixContent() {\n    return html`\n    <div aria-hidden=\"true\" class=\"stars\" @mouseleave=${() => (this.active = 0)}>\n      ${new Array(this.max).fill('').map((_, i) => {\n        const starValue = i + 1;\n        const currentValue = this.active || this.value;\n        const diff = currentValue - i;\n\n        const iconName = diff >= 1 ? 'star' : diff >= 0.5 ? 'star-half' : 'star-stroke';\n\n        return html`\n        <nve-icon part=\"icon\"\n          @click=${() => this.#setValue(this.#getStepValue(i, starValue))}\n          @mousemove=${(e: MouseEvent) => this.#handleMouseMove(e, i, starValue)}\n          name=${iconName}\n        ></nve-icon>\n      `;\n      })}\n    </div>\n    `;\n  }\n\n  #handleMouseMove(e: MouseEvent, index: number, starValue: number) {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const position = (e.clientX - rect.left) / rect.width;\n\n    this.active = position <= 0.5 ? index + 0.5 : starValue;\n  }\n\n  #getStepValue(index: number, starValue: number) {\n    // If hovering (active has a value), use that value\n    if (this.active > 0) {\n      return this.active;\n    }\n\n    // If clicking on the current value, toggle it off\n    if (this.value === starValue || this.value === index + 0.5) {\n      return 0;\n    }\n\n    // Otherwise, return the star value\n    return starValue;\n  }\n\n  #setValue(value: number) {\n    this.input.valueAsNumber = value === this.value ? 0 : value;\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n"],"mappings":";;;;;;;;;;AA6BO,IAAMI,IAAN,cAAyBC,EAAQ;;EAgBT,A,aAJN,KAAA,MAAA,GACA,KAAA,MAAA,GACE,KAAA,QAAA,GACC,KAAA,SAAA,GACG,KAAA,YAAA;;;EAfb,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAE1B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBQ,EAAK,SAAS,MAAMA,EACvB;;CAQA,aAAa,GAA6B;EAqBxC,AApBA,MAAM,aAAaC,CAAK,GAExBC,EAAiB,KAAK,OAAO,QAAQ,MAAiB;GACpD,AAAIC,MACF,KAAK,MAAM,SAASA,CAAa;EAErC,CAAC,GAEDD,EAAiB,KAAK,OAAO,QAAQ,MAAiB;GACpD,AAAIE,MACF,KAAK,MAAM,SAASA,CAAa;EAErC,CAAC,GAEDF,EAAiB,KAAK,OAAO,UAAU,MAAmB;GACxD,KAAKG,GAAUC,IAAQ,WAAWA,CAAe,IAAI,KAAK,MAAM,aAAa;EAC/E,CAAC,GAED,KAAK,MAAM,iBAAiB,eAAgB,KAAK,QAAQ,KAAK,MAAM,aAAc,GAElF,KAAK,QAAQ,KAAK,MAAM;CAC1B;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,4DACgD,KAAK,SAAS,EAAG,IACpE,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAG,MAAM;GAC3C,IAAMC,IAAYC,IAAI,GAEhBC,KADe,KAAK,UAAU,KAAK,SACbD;GAI5B,OAAO,CAAI,uCAEM,KAAKH,GAAU,KAAKK,GAAcF,GAAGD,CAAS,CAAC,EAAE,iBAClD,MAAkB,KAAKI,GAAiB,GAAGH,GAAGD,CAAS,EAAE,UALxDE,KAAQ,IAAI,SAASA,KAAQ,KAAM,cAAc,cAMhD;EAGpB,CAAC,EAAE;CAGP;CAEA,GAAiB,GAAe,GAAe,GAAmB;EAEhE,IAAMG,IADS,EAAE,cACG,sBAAsB,GACpCC,KAAY,EAAE,UAAUD,EAAK,QAAQA,EAAK;EAEhD,KAAK,SAASC,KAAY,KAAMC,IAAQ,KAAMP;CAChD;CAEA,GAAc,GAAe,GAAmB;EAY9C,OAVI,KAAK,SAAS,IACT,KAAK,SAIV,KAAK,UAAUA,KAAa,KAAK,UAAUO,IAAQ,KAC9C,IAIFP;CACT;CAEA,GAAU,GAAe;EAGvB,AAFA,KAAK,MAAM,gBAAgBD,MAAU,KAAK,QAAQ,IAAIA,GACtD,KAAK,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAK,CAAC,CAAC,GAC9D,KAAK,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,CAAC;CACjE;AACF;AAhFGb,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,OAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,OAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,SAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,UAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,aAAA,KAAA,CAAA,GAjBR,IAAAH,EAAA,CAAAuB,EAAe,CAAA,GAAApB,CAAA"}

package/dist/steps/steps2.js

@@ -1,40 +1,40 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { keyNavigationList as t } from "../internal/controllers/keynav-list.controller.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { stateSelected as r } from "../internal/controllers/state-selected.controller.js";
-import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
-import { useStyles as a } from "../internal/styles/index.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as s } from "../icon-button/icon-button2.js";
-import { ProgressRing as c } from "../progress-ring/progress-ring2.js";
-import l from "./steps-item.js";
-import u from "./steps.js";
-import { LitElement as d, html as f } from "lit";
-import { property as p } from "lit/decorators/property.js";
+import { stateSelected as n } from "../internal/controllers/state-selected.controller.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as i } from "../icon-button/icon-button2.js";
+import { ProgressRing as a } from "../progress-ring/progress-ring2.js";
+import o from "./steps-item.js";
+import s from "./steps.js";
+import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as l, html as u } from "lit";
+import { property as d } from "lit/decorators/property.js";
+import { scopedRegistry as f } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as p } from "@nvidia-elements/foundations/internal/styles";
 import { ButtonFormControlMixin as m } from "@nvidia-elements/forms/mixins";
 import { state as h } from "lit/decorators/state.js";
 import { queryAssignedElements as g } from "lit/decorators/query-assigned-elements.js";
 import { when as _ } from "lit/directives/when.js";
 // src/steps/steps.ts
-var v = class extends m(d) {
+var v = class extends m(l) {
 	static {
-		this.styles = a([l]);
+		this.styles = p([o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-steps-item",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-steps"]
 		};
 	}
 	static {
 		this.elementDefinitions = {
-			[s.metadata.tag]: s,
-			[c.metadata.tag]: c
+			[i.metadata.tag]: i,
+			[a.metadata.tag]: a
 		};
 	}
 	render() {
-		return f`<div internal-host focus-within><slot name="status-icon">${this.status ? "" : f`<nve-icon-button part="icon-button" readonly="readonly" id="number-icon" .disabled="${this.disabled}">${this.index}</nve-icon-button>`} ${this.status === "success" ? f`<nve-icon-button part="icon-button" readonly="readonly" size="sm" interaction="emphasis" icon-name="check"></nve-icon-button>` : ""} ${this.status === "danger" ? f`<nve-icon-button part="icon-button" readonly="readonly" size="sm" interaction="destructive" icon-name="exclamation-circle"></nve-icon-button>` : ""} ${this.status === "pending" ? f`<nve-progress-ring part="progress-ring" status="accent" size="sm"></nve-progress-ring>` : ""}</slot>${_(this.container !== "condensed", () => f`<slot></slot>`)}</div>`;
+		return u`<div internal-host focus-within><slot name="status-icon">${this.status ? "" : u`<nve-icon-button part="icon-button" readonly="readonly" id="number-icon" .disabled="${this.disabled}">${this.index}</nve-icon-button>`} ${this.status === "success" ? u`<nve-icon-button part="icon-button" readonly="readonly" size="sm" interaction="emphasis" icon-name="check"></nve-icon-button>` : ""} ${this.status === "danger" ? u`<nve-icon-button part="icon-button" readonly="readonly" size="sm" interaction="destructive" icon-name="exclamation-circle"></nve-icon-button>` : ""} ${this.status === "pending" ? u`<nve-progress-ring part="progress-ring" status="accent" size="sm"></nve-progress-ring>` : ""}</slot>${_(this.container !== "condensed", () => u`<slot></slot>`)}</div>`;
 	}
 	constructor() {
 		super(), this.selected = !1, this.index = 0, this.type = "button";
@@ -43,33 +43,33 @@ var v = class extends m(d) {
 		super.connectedCallback(), this._internals.role = "tab";
 	}
 };
-o([p({
+r([d({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "selected", void 0), o([p({
+})], v.prototype, "selected", void 0), r([d({
 	type: String,
 	reflect: !0
-})], v.prototype, "status", void 0), o([p({
+})], v.prototype, "status", void 0), r([d({
 	type: String,
 	reflect: !0
-})], v.prototype, "container", void 0), o([h()], v.prototype, "index", void 0), v = o([
+})], v.prototype, "container", void 0), r([h()], v.prototype, "index", void 0), v = r([
 	e(),
-	i(),
-	r()
+	f(),
+	n()
 ], v);
-var y = class extends d {
+var y = class extends l {
 	constructor(...e) {
 		super(...e), this.vertical = !1, this.behaviorSelect = !1, this.#t = (e) => {
 			this.#e(e.target);
 		};
 	}
 	static {
-		this.styles = a([u]);
+		this.styles = p([s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-steps",
-			version: "2.23.4",
+			version: "2.23.6",
 			children: ["nve-steps-item"]
 		};
 	}
@@ -83,10 +83,10 @@ var y = class extends d {
 		this.behaviorSelect && e.matches("nve-steps-item") && !e.disabled && (this.steps.forEach((e) => e.selected = !1), e.selected = !0);
 	}
 	render() {
-		return f`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
+		return u`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "tablist", this.addEventListener("click", this.#t);
+		super.connectedCallback(), c(this), this._internals.role = "tablist", this.addEventListener("click", this.#t);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("click", this.#t);
@@ -101,16 +101,16 @@ var y = class extends d {
 		});
 	}
 };
-o([p({
+r([d({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "vertical", void 0), o([p({
+})], y.prototype, "vertical", void 0), r([d({
 	type: String,
 	reflect: !0
-})], y.prototype, "container", void 0), o([p({
+})], y.prototype, "container", void 0), r([d({
 	type: Boolean,
 	attribute: "behavior-select"
-})], y.prototype, "behaviorSelect", void 0), o([g({ selector: "nve-steps-item" })], y.prototype, "steps", void 0), y = o([e(), t()], y);
+})], y.prototype, "behaviorSelect", void 0), r([g({ selector: "nve-steps-item" })], y.prototype, "steps", void 0), y = r([e(), t()], y);
 export { y as Steps, v as StepsItem };
 
 //# sourceMappingURL=steps2.js.map

package/dist/steps/steps2.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps2.js","names":["stepsItemStyleSheet","_decorate","stepsStyleSheet","__decorate","steps_item_default","steps_default","StepsItem","ButtonFormControlMixin","LitElement","useStyles","IconButton","ProgressRing","when","property","state","audit","scopedRegistry","stateSelected","Steps","_args","#onClick","#selectTab","stepsItem","#syncChildSteps","attachInternals","props","i","queryAssignedElements","keyNavigationList"],"sources":["../../src/steps/steps.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, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { when } from 'lit/directives/when.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  stateSelected,\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  audit,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport stepsItemStyleSheet from './steps-item.css?inline';\nimport stepsStyleSheet from './steps.css?inline';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\n\n/**\n * @element nve-steps-item\n * @description Represents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for step text\n * @slot status-icon - custom slotted step icon\n * @cssprop --font-size\n * @cssprop --border-top\n * @cssprop --width\n * @cssprop --font-weight\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --text-transform\n * @csspart icon-button - The icon button element\n * @csspart progress-ring - The progress ring element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@scopedRegistry()\n@stateSelected<StepsItem>()\nexport class StepsItem extends ButtonFormControlMixin(LitElement) {\n  /**\n   * Determines which item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number.\n   */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'danger' | 'success' | 'pending';\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /** @private */\n  @state() index: number = 0;\n\n  static styles = useStyles([stepsItemStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps-item',\n    version: '0.0.0',\n    parents: ['nve-steps']\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  render() {\n    return html`\n      <div internal-host focus-within>\n        <slot name=\"status-icon\">\n          ${!this.status ? html`<nve-icon-button part=\"icon-button\" readonly id=\"number-icon\" .disabled=${this.disabled}>${this.index}</nve-icon-button>` : ''}\n          ${this.status === 'success' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"emphasis\" icon-name=\"check\"></nve-icon-button>` : ''}\n          ${this.status === 'danger' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"destructive\" icon-name=\"exclamation-circle\"></nve-icon-button>` : ''}\n          ${this.status === 'pending' ? html`<nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"sm\"></nve-progress-ring>` : ''}\n        </slot>\n        ${when(this.container !== 'condensed', () => html`<slot></slot>`)}\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.type = 'button';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'tab';\n  }\n}\n\n/**\n * @element nve-steps\n * @description Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for steps-item\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@keyNavigationList<Steps>()\nexport class Steps extends LitElement {\n  /**\n   * Determines whether the steps should display in a vertical layout vs. defaulting to horizontal.\n   */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /**\n   * Determines whether the steps should handle selection behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  static styles = useStyles([stepsStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps',\n    version: '0.0.0',\n    children: ['nve-steps-item']\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.steps,\n      layout: this.vertical ? 'vertical' : 'horizontal'\n    };\n  }\n\n  @queryAssignedElements({ selector: 'nve-steps-item' }) private steps!: StepsItem[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #selectTab(stepsItem: HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean }) {\n    if (!this.behaviorSelect || !stepsItem.matches('nve-steps-item') || stepsItem.disabled) {\n      return;\n    }\n\n    this.steps.forEach(i => (i.selected = false));\n    stepsItem.selected = true;\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncChildSteps}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'tablist';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => {\n    this.#selectTab(e.target as HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean });\n  };\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('container') || props.has('vertical')) {\n      this.#syncChildSteps();\n    }\n  }\n\n  #syncChildSteps() {\n    this._internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';\n    this.steps.forEach((item, i) => {\n      item.index = i + 1;\n      item.container = this.container;\n    });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"steps2.js","names":["stepsItemStyleSheet","_decorate","stepsStyleSheet","__decorate","steps_item_default","steps_default","StepsItem","ButtonFormControlMixin","LitElement","useStyles","IconButton","ProgressRing","when","property","state","audit","scopedRegistry","stateSelected","Steps","_args","#onClick","#selectTab","stepsItem","#syncChildSteps","attachInternals","props","i","queryAssignedElements","keyNavigationList"],"sources":["../../src/steps/steps.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, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { when } from 'lit/directives/when.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport { stateSelected, keyNavigationList, audit } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport stepsItemStyleSheet from './steps-item.css?inline';\nimport stepsStyleSheet from './steps.css?inline';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\n\n/**\n * @element nve-steps-item\n * @description Represents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for step text\n * @slot status-icon - custom slotted step icon\n * @cssprop --font-size\n * @cssprop --border-top\n * @cssprop --width\n * @cssprop --font-weight\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --text-transform\n * @csspart icon-button - The icon button element\n * @csspart progress-ring - The progress ring element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@scopedRegistry()\n@stateSelected<StepsItem>()\nexport class StepsItem extends ButtonFormControlMixin(LitElement) {\n  /**\n   * Determines which item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number.\n   */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'danger' | 'success' | 'pending';\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /** @private */\n  @state() index: number = 0;\n\n  static styles = useStyles([stepsItemStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps-item',\n    version: '0.0.0',\n    parents: ['nve-steps']\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  render() {\n    return html`\n      <div internal-host focus-within>\n        <slot name=\"status-icon\">\n          ${!this.status ? html`<nve-icon-button part=\"icon-button\" readonly id=\"number-icon\" .disabled=${this.disabled}>${this.index}</nve-icon-button>` : ''}\n          ${this.status === 'success' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"emphasis\" icon-name=\"check\"></nve-icon-button>` : ''}\n          ${this.status === 'danger' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"destructive\" icon-name=\"exclamation-circle\"></nve-icon-button>` : ''}\n          ${this.status === 'pending' ? html`<nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"sm\"></nve-progress-ring>` : ''}\n        </slot>\n        ${when(this.container !== 'condensed', () => html`<slot></slot>`)}\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.type = 'button';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'tab';\n  }\n}\n\n/**\n * @element nve-steps\n * @description Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for steps-item\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@keyNavigationList<Steps>()\nexport class Steps extends LitElement {\n  /**\n   * Determines whether the steps should display in a vertical layout vs. defaulting to horizontal.\n   */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /**\n   * Determines whether the steps should handle selection behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  static styles = useStyles([stepsStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps',\n    version: '0.0.0',\n    children: ['nve-steps-item']\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.steps,\n      layout: this.vertical ? 'vertical' : 'horizontal'\n    };\n  }\n\n  @queryAssignedElements({ selector: 'nve-steps-item' }) private steps!: StepsItem[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #selectTab(stepsItem: HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean }) {\n    if (!this.behaviorSelect || !stepsItem.matches('nve-steps-item') || stepsItem.disabled) {\n      return;\n    }\n\n    this.steps.forEach(i => (i.selected = false));\n    stepsItem.selected = true;\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncChildSteps}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'tablist';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => {\n    this.#selectTab(e.target as HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean });\n  };\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('container') || props.has('vertical')) {\n      this.#syncChildSteps();\n    }\n  }\n\n  #syncChildSteps() {\n    this._internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';\n    this.steps.forEach((item, i) => {\n      item.index = i + 1;\n      item.container = this.container;\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/switch/switch-group2.js

@@ -1,17 +1,17 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { ControlGroup as r } from "../forms/control-group/control-group2.js";
-import i from "./switch-group.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { ControlGroup as n } from "../forms/control-group/control-group2.js";
+import r from "./switch-group.js";
+import { useStyles as i } from "@nvidia-elements/foundations/internal/styles";
 // src/switch/switch-group.ts
-var a = class extends r {
+var a = class extends n {
 	static {
-		this.styles = t([...r.styles, i]);
+		this.styles = i([...n.styles, r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-switch-group",
-			version: "2.23.4",
+			version: "2.23.6",
 			children: [
 				"label",
 				"nve-control-message",
@@ -20,7 +20,7 @@ var a = class extends r {
 		};
 	}
 };
-a = n([e()], a);
+a = t([e()], a);
 export { a as SwitchGroup };
 
 //# sourceMappingURL=switch-group2.js.map

package/dist/switch/switch-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-group2.js","names":["styles","_decorate","__decorate","switch_group_default","SwitchGroup","ControlGroup","useStyles","audit"],"sources":["../../src/switch/switch-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, useStyles } from '@nvidia-elements/core/internal';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './switch-group.css?inline';\n\n/**\n * @element nve-switch-group\n * @description A switch group is a container for a group of switches.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/switch\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n */\n@audit()\nexport class SwitchGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-switch-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-switch']\n  };\n}\n"],"mappings":";;;;;;AAgBO,IAAMI,IAAN,cAA0BC,EAAa;;EACf,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAa,QAAQL,CAAM,CAAC;;;EAE5C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAY;EACzD;;AACF;AATC,IAAAC,EAAA,CAAAM,EAAM,CAAA,GAAAH,CAAA"}
+{"version":3,"file":"switch-group2.js","names":["styles","_decorate","__decorate","switch_group_default","SwitchGroup","ControlGroup","useStyles","audit"],"sources":["../../src/switch/switch-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './switch-group.css?inline';\n\n/**\n * @element nve-switch-group\n * @description A switch group is a container for a group of switches.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/switch\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n */\n@audit()\nexport class SwitchGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-switch-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-switch']\n  };\n}\n"],"mappings":";;;;;;AAiBO,IAAMI,IAAN,cAA0BC,EAAa;;EACf,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAa,QAAQL,CAAM,CAAC;;;EAE5C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAY;EACzD;;AACF;AATC,IAAAC,EAAA,CAAAM,EAAM,CAAA,GAAAH,CAAA"}

package/dist/switch/switch2.js

@@ -1,21 +1,21 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { hostAttr as t } from "../internal/decorators/host-attr.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as i } from "../forms/control/control2.js";
-import a from "./switch.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Control as r } from "../forms/control/control2.js";
+import i from "./switch.js";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 // src/switch/switch.ts
-var o = class extends i {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.nveControl = "inline";
 	}
 	static {
-		this.styles = n([...i.styles, a]);
+		this.styles = a([...r.styles, i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-switch",
-			version: "2.23.4",
+			version: "2.23.6",
 			children: [
 				"label",
 				"input",
@@ -24,7 +24,7 @@ var o = class extends i {
 		};
 	}
 };
-r([t({ attribute: "nve-control" })], o.prototype, "nveControl", void 0), o = r([e()], o);
+n([t({ attribute: "nve-control" })], o.prototype, "nveControl", void 0), o = n([e()], o);
 export { o as Switch };
 
 //# sourceMappingURL=switch2.js.map

package/dist/switch/switch2.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch2.js","names":["styles","_decorate","__decorate","switch_default","Switch","Control","_args","useStyles","hostAttr","audit"],"sources":["../../src/switch/switch.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './switch.css?inline';\n\n/**\n * @element nve-switch\n * @description A switch is a control that enables users to switch between two mutually exclusive options (on or off, checked or unchecked) through a single click or tap.\n * @documentation https://nvidia.github.io/elements/docs/elements/switch/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/switch\n * @cssprop --cursor\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --border\n * @cssprop --background\n * @cssprop --width\n * @cssprop --height\n * @cssprop --anchor-width\n * @cssprop --anchor-height\n * @cssprop --anchor-border-radius\n * @cssprop --anchor-background\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n */\n@audit()\nexport class Switch extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-switch',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AA6BO,IAAMI,IAAN,cAAqBC,EAAQ;;EAC6B,A,aAAA,KAAA,aAAA;;;EAElC,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAS;GAAqB;EACpD;;AACF;AATGC,EAAA,CAAAO,EAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAAJ,EAAA,WAAA,cAAA,KAAA,CAAA,GAFvC,IAAAH,EAAA,CAAAQ,EAAM,CAAA,GAAAL,CAAA"}
+{"version":3,"file":"switch2.js","names":["styles","_decorate","__decorate","switch_default","Switch","Control","_args","useStyles","hostAttr","audit"],"sources":["../../src/switch/switch.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './switch.css?inline';\n\n/**\n * @element nve-switch\n * @description A switch is a control that enables users to switch between two mutually exclusive options (on or off, checked or unchecked) through a single click or tap.\n * @documentation https://nvidia.github.io/elements/docs/elements/switch/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/switch\n * @cssprop --cursor\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --border\n * @cssprop --background\n * @cssprop --width\n * @cssprop --height\n * @cssprop --anchor-width\n * @cssprop --anchor-height\n * @cssprop --anchor-border-radius\n * @cssprop --anchor-background\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n */\n@audit()\nexport class Switch extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-switch',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AA8BO,IAAMI,IAAN,cAAqBC,EAAQ;;EAC6B,A,aAAA,KAAA,aAAA;;;EAElC,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAS;GAAqB;EACpD;;AACF;AATGC,EAAA,CAAAO,EAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAAJ,EAAA,WAAA,cAAA,KAAA,CAAA,GAFvC,IAAAH,EAAA,CAAAQ,EAAM,CAAA,GAAAL,CAAA"}

package/dist/tabs/tabs-group2.js

@@ -1,17 +1,17 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { generateId as t, sameOrderedStringArray as n, uniqueNonEmptyStrings as r } from "../internal/utils/dom.js";
-import { attachInternals as i } from "../internal/utils/a11y.js";
-import { useStyles as a } from "../internal/styles/index.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { getTabItems as s } from "./utils.js";
-import { Tabs as c } from "./tabs2.js";
-import l from "./tabs-group.js";
-import { LitElement as u, html as d } from "lit";
-import { property as f } from "lit/decorators/property.js";
+import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { getTabItems as a } from "./utils.js";
+import { Tabs as o } from "./tabs2.js";
+import s from "./tabs-group.js";
+import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as l, html as u } from "lit";
+import { property as d } from "lit/decorators/property.js";
+import { useStyles as f } from "@nvidia-elements/foundations/internal/styles";
 import { state as p } from "lit/decorators/state.js";
 import { queryAssignedElements as m } from "lit/decorators/query-assigned-elements.js";
 // src/tabs/tabs-group.ts
-var h, g = class extends u {
+var h, g = class extends l {
 	static {
 		h = this;
 	}
@@ -29,12 +29,12 @@ var h, g = class extends u {
 		};
 	}
 	static {
-		this.styles = a([l]);
+		this.styles = f([s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-tabs-group",
-			version: "2.23.4",
+			version: "2.23.6",
 			children: ["nve-tabs"]
 		};
 	}
@@ -53,10 +53,10 @@ var h, g = class extends u {
 	}
 	#e;
 	render() {
-		return d`<div internal-host><slot @slotchange="${this.#t}"></slot>${this.panelValues.map((e) => d`<slot name="${e}" @slotchange="${this.#n}"></slot>`)}</div>`;
+		return u`<div internal-host><slot @slotchange="${this.#t}"></slot>${this.panelValues.map((e) => u`<slot name="${e}" @slotchange="${this.#n}"></slot>`)}</div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), i(this), this._internals.role = "group", this.addEventListener("command", this.#r);
+		super.connectedCallback(), c(this), this._internals.role = "group", this.addEventListener("command", this.#r);
 	}
 	firstUpdated() {
 		this.updateComplete.then(() => {
@@ -114,11 +114,11 @@ var h, g = class extends u {
 		});
 	}
 	#u() {
-		let e = this.defaultSlotElements.find((e) => e.localName === c.metadata.tag) ?? this.querySelector(c.metadata.tag);
-		return e instanceof c ? e : void 0;
+		let e = this.defaultSlotElements.find((e) => e.localName === o.metadata.tag) ?? this.querySelector(o.metadata.tag);
+		return e instanceof o ? e : void 0;
 	}
 	#d() {
-		return s(Array.from(this.#u()?.children ?? []));
+		return a(Array.from(this.#u()?.children ?? []));
 	}
 	#f() {
 		return Array.from(this.renderRoot.querySelectorAll("slot[name]"));
@@ -130,10 +130,10 @@ var h, g = class extends u {
 		return e.find((e) => this.#p(e) && e.selected) ?? e.find((e) => this.#p(e));
 	}
 };
-o([m({ flatten: !0 })], g.prototype, "defaultSlotElements", void 0), o([f({
+i([m({ flatten: !0 })], g.prototype, "defaultSlotElements", void 0), i([d({
 	type: String,
 	reflect: !0
-})], g.prototype, "alignment", void 0), o([p()], g.prototype, "panelValues", void 0), o([p()], g.prototype, "selectedValue", void 0), g = h = o([e()], g);
+})], g.prototype, "alignment", void 0), i([p()], g.prototype, "panelValues", void 0), i([p()], g.prototype, "selectedValue", void 0), g = h = i([e()], g);
 export { g as TabsGroup };
 
 //# sourceMappingURL=tabs-group2.js.map

package/dist/tabs/tabs-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-group2.js","names":["styles","_decorate","__decorate","tabs_group_default","_TabsGroup","TabsGroup","LitElement","_args","#handleDefaultSlotChange","#observeTabs","#syncFromTabs","#handlePanelSlotChange","#syncPanels","#handleCommand","event","value","tabItems","#getTabItems","tabItem","#isSelectableTab","item","#setActiveTab","useStyles","attachInternals","#tabsObserver","changedProperties","props","tabs","#getTabsElement","nextPanelValues","uniqueNonEmptyStrings","selectedTab","#resolveSelectedTab","#commitState","options","changed","nextTab","emitEvent","sameOrderedStringArray","nextSelectedValue","tabMap","#getPanelSlots","#syncPanelSlot","slot","panels","generateId","index","panel","el","element","Tabs","getTabItems","queryAssignedElements","property","state","audit"],"sources":["../../src/tabs/tabs-group.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, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { state } from 'lit/decorators/state.js';\nimport {\n  attachInternals,\n  audit,\n  generateId,\n  sameOrderedStringArray,\n  uniqueNonEmptyStrings,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { Tabs, type TabsItem } from './tabs.js';\nimport styles from './tabs-group.css?inline';\nimport { getTabItems } from './utils.js';\n\n/** Invoker command source for `--toggle` (e.g. `nve-tabs-item` with `value`). */\ntype TabsGroupCommandSource = HTMLElement & {\n  disabled?: boolean;\n  value?: string | null;\n};\n\n/** `command` event from Invoker Commands; `source` is the control that fired. */\ntype TabsGroupCommandEvent = Event & {\n  command?: string;\n  source?: TabsGroupCommandSource | null;\n};\n\n/** Payload for the composed `select` event when the active tab value changes via command. */\ntype TabsGroupSelectDetail = { value: string };\n\n/** Arranges the tab strip and slot-matched panels: stacked column (`top`), or sidebar row with tabs at inline-start (`start`) or inline-end (`end`). */\nexport type TabsGroupAlignment = 'top' | 'start' | 'end';\n\n/**\n * @element nve-tabs-group\n * @description Coordinates tabs with matching panel content using Invoker Commands and slot-matched panels.\n * @documentation https://nvidia.github.io/elements/docs/elements/tabs/\n * @since 1.67.0\n * @entrypoint \\@nvidia-elements/core/tabs\n * @command --toggle - Select the matching tab and reveal the panel whose slot matches the invoker value.\n * @event select - Dispatched when the selected tab value changes after an invoker `--toggle` updates selection\n * @slot - Default slot for a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group.\n * @slot {value} - Named panel content where the slot name matches a nve-tabs-item value.\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n * @responsive false\n */\n@audit()\nexport class TabsGroup extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-tabs-group',\n    version: '0.0.0',\n    children: ['nve-tabs']\n  };\n\n  /** Options for observing the slotted `nve-tabs` subtree (tab list / item attribute changes). */\n  protected static readonly subtreeObserverInit = {\n    childList: true,\n    subtree: true,\n    attributes: true,\n    attributeFilter: ['disabled', 'id', 'selected', 'value']\n  } as const satisfies MutationObserverInit;\n\n  @queryAssignedElements({ flatten: true }) private defaultSlotElements!: HTMLElement[];\n\n  /**\n   * Arranges the tab strip relative to slot-matched panels: stacked column (`top`), or sidebar row with tabs at\n   * inline-start (`start`) or inline-end (`end`) beside the panel region.\n   */\n  @property({ type: String, reflect: true }) alignment: TabsGroupAlignment = 'top';\n\n  @state() private panelValues: string[] = [];\n\n  @state() private selectedValue = '';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #tabsObserver?: MutationObserver;\n\n  /**\n   * Renders the default slot (single `nve-tabs`) plus one named `<slot name={value}>` per distinct selectable\n   * `nve-tabs-item` value. `#syncPanelSlot` applies panel visibility and ARIA from `selectedValue`.\n   */\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#handleDefaultSlotChange}></slot>\n        ${this.panelValues.map(value => html`<slot name=${value} @slotchange=${this.#handlePanelSlotChange}></slot>`)}\n      </div>\n    `;\n  }\n\n  // --- Lifecycle & command ---\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n    this.addEventListener('command', this.#handleCommand as EventListener);\n  }\n\n  firstUpdated() {\n    void this.updateComplete.then(() => {\n      if (!this.isConnected) {\n        return;\n      }\n\n      this.#syncFromTabs();\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('command', this.#handleCommand as EventListener);\n    this.#tabsObserver?.disconnect();\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (!this.#tabsObserver) {\n      this.#observeTabs();\n    }\n\n    // `@state()` fields are not in `PropertyValues<this>` keys; cast for membership checks.\n    const props = changedProperties as ReadonlyMap<PropertyKey, unknown>;\n    if (props.has('panelValues') || props.has('selectedValue')) {\n      this.#syncPanels();\n    }\n  }\n\n  #handleDefaultSlotChange = (): void => {\n    this.#observeTabs();\n    this.#syncFromTabs();\n  };\n\n  #handlePanelSlotChange = (): void => {\n    this.#syncPanels();\n  };\n\n  /**\n   * Handles Invoker `--toggle` on a tab item: selects the matching `nve-tabs-item` and syncs panels.\n   * Ignores non-toggle commands and invokers without a non-empty string `value`.\n   */\n  #handleCommand = (event: TabsGroupCommandEvent): void => {\n    if (event.command !== '--toggle') {\n      return;\n    }\n\n    const value = event.source?.value;\n    if (typeof value !== 'string' || !value.length) {\n      return;\n    }\n\n    const tabItems = this.#getTabItems();\n    const tabItem = tabItems.find(item => this.#isSelectableTab(item) && item.value === value);\n    if (!tabItem) {\n      return;\n    }\n\n    this.#setActiveTab(tabItems, tabItem, { emitEvent: true });\n  };\n\n  // --- Tab strip sync (tabs → state) ---\n\n  /** Attaches a single `MutationObserver` on the slotted `nve-tabs` element to mirror tab list changes into state. */\n  #observeTabs(): void {\n    this.#tabsObserver?.disconnect();\n\n    const tabs = this.#getTabsElement();\n    if (!tabs) {\n      return;\n    }\n\n    this.#tabsObserver = new MutationObserver(() => this.#syncFromTabs());\n    this.#tabsObserver.observe(tabs, TabsGroup.subtreeObserverInit);\n  }\n\n  /**\n   * Reads the current tab items: derives ordered `panelValues` for render, resolves which tab should be active,\n   * and commits selection. Called on slot change, subtree mutations, and after mount.\n   */\n  #syncFromTabs(): void {\n    const tabItems = this.#getTabItems();\n    const nextPanelValues = uniqueNonEmptyStrings(tabItems.map(item => item.value));\n\n    const selectedTab = this.#resolveSelectedTab(tabItems);\n\n    if (!selectedTab) {\n      tabItems.forEach(item => (item.selected = false));\n      this.#commitState(nextPanelValues, '');\n      return;\n    }\n\n    this.#setActiveTab(tabItems, selectedTab, { emitEvent: false, nextPanelValues });\n  }\n\n  /**\n   * Sets exactly one selected tab, updates `panelValues` / `selectedValue`, and optionally dispatches `select`.\n   *\n   * @param emitEvent - When true (command path), dispatches `select` if selection actually changed.\n   */\n  #setActiveTab(\n    tabItems: TabsItem[],\n    nextTab: TabsItem,\n    options: { emitEvent: boolean; nextPanelValues?: string[] }\n  ): void {\n    const { emitEvent } = options;\n    const nextPanelValues = options.nextPanelValues ?? uniqueNonEmptyStrings(tabItems.map(item => item.value));\n    // True when the effective selection differs from the prior committed state (value, flags, or multi-select).\n    // `select` is only dispatched when both `emitEvent` (invoker/command path) and `changed` are true.\n    const changed =\n      this.selectedValue !== nextTab.value ||\n      !nextTab.selected ||\n      tabItems.some(item => item !== nextTab && item.selected);\n\n    tabItems.forEach(item => {\n      item.selected = item === nextTab;\n    });\n\n    this.#commitState(nextPanelValues, nextTab.value);\n\n    if (emitEvent && changed) {\n      this.dispatchEvent(\n        new CustomEvent<TabsGroupSelectDetail>('select', {\n          bubbles: true,\n          composed: true,\n          detail: { value: nextTab.value }\n        })\n      );\n    }\n  }\n\n  /** Updates reactive state for panel slot names and the active tab value without touching the tab items. */\n  #commitState(nextPanelValues: string[], nextSelectedValue: string): void {\n    if (!sameOrderedStringArray(this.panelValues, nextPanelValues)) {\n      this.panelValues = nextPanelValues;\n    }\n\n    if (this.selectedValue !== nextSelectedValue) {\n      this.selectedValue = nextSelectedValue;\n    }\n  }\n\n  // --- Panel sync (state → panels & ARIA) ---\n\n  /** For each named panel slot, wires `hidden` and tab↔panel ARIA ids to match `selectedValue`. */\n  #syncPanels(): void {\n    const tabItems = this.#getTabItems();\n    const tabMap = new Map(\n      tabItems.filter(item => this.#isSelectableTab(item)).map(item => [item.value, item] satisfies [string, TabsItem])\n    );\n\n    this.#getPanelSlots().forEach(slot => {\n      this.#syncPanelSlot(slot, tabMap);\n    });\n  }\n\n  /**\n   * If no selectable tab exists for `slot.name`, hides all assigned nodes. Otherwise shows only the panel(s)\n   * for the active value and assigns `role=\"tabpanel\"` / `aria-labelledby` when missing.\n   */\n  #syncPanelSlot(slot: HTMLSlotElement, tabMap: ReadonlyMap<string, TabsItem>): void {\n    const tabItem = tabMap.get(slot.name);\n    const panels = slot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    if (!tabItem) {\n      panels.forEach(panel => {\n        panel.hidden = true;\n      });\n      return;\n    }\n\n    tabItem.id ||= generateId();\n\n    panels.forEach((panel, index) => {\n      panel.id ||= generateId();\n\n      if (!tabItem.hasAttribute('aria-controls') && index === 0) {\n        tabItem.setAttribute('aria-controls', panel.id);\n      }\n\n      if (!panel.hasAttribute('aria-labelledby')) {\n        panel.setAttribute('aria-labelledby', tabItem.id);\n      }\n\n      if (!panel.hasAttribute('role')) {\n        panel.setAttribute('role', 'tabpanel');\n      }\n\n      const isActive = slot.name === this.selectedValue;\n      panel.hidden = !isActive;\n    });\n  }\n\n  // --- DOM queries ---\n\n  /** Resolves the single slotted `nve-tabs` (default slot), with a light-DOM fallback for edge timing. */\n  #getTabsElement(): Tabs | undefined {\n    const el =\n      this.defaultSlotElements.find(element => element.localName === Tabs.metadata.tag) ??\n      this.querySelector(Tabs.metadata.tag);\n    return el instanceof Tabs ? el : undefined;\n  }\n\n  #getTabItems(): TabsItem[] {\n    return getTabItems(Array.from(this.#getTabsElement()?.children ?? []));\n  }\n\n  #getPanelSlots(): HTMLSlotElement[] {\n    return Array.from(this.renderRoot.querySelectorAll<HTMLSlotElement>('slot[name]'));\n  }\n\n  /** Selectable tabs have a non-empty `value` and are not `disabled`. */\n  #isSelectableTab(tabItem: TabsItem): tabItem is TabsItem & { value: string } {\n    return typeof tabItem.value === 'string' && tabItem.value.length > 0 && !tabItem.disabled;\n  }\n\n  /** Prefer the selectable tab that is already selected; otherwise the first selectable tab. */\n  #resolveSelectedTab(tabItems: readonly TabsItem[]): TabsItem | undefined {\n    return (\n      tabItems.find(item => this.#isSelectableTab(item) && item.selected) ??\n      tabItems.find(item => this.#isSelectableTab(item))\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"tabs-group2.js","names":["styles","_decorate","__decorate","tabs_group_default","_TabsGroup","TabsGroup","LitElement","_args","#handleDefaultSlotChange","#observeTabs","#syncFromTabs","#handlePanelSlotChange","#syncPanels","#handleCommand","event","value","tabItems","#getTabItems","tabItem","#isSelectableTab","item","#setActiveTab","useStyles","attachInternals","#tabsObserver","changedProperties","props","tabs","#getTabsElement","nextPanelValues","uniqueNonEmptyStrings","selectedTab","#resolveSelectedTab","#commitState","options","changed","nextTab","emitEvent","sameOrderedStringArray","nextSelectedValue","tabMap","#getPanelSlots","#syncPanelSlot","slot","panels","generateId","index","panel","el","element","Tabs","getTabItems","queryAssignedElements","property","state","audit"],"sources":["../../src/tabs/tabs-group.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, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { state } from 'lit/decorators/state.js';\nimport { audit, generateId, sameOrderedStringArray, uniqueNonEmptyStrings } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Tabs, type TabsItem } from './tabs.js';\nimport styles from './tabs-group.css?inline';\nimport { getTabItems } from './utils.js';\n\n/** Invoker command source for `--toggle` (e.g. `nve-tabs-item` with `value`). */\ntype TabsGroupCommandSource = HTMLElement & {\n  disabled?: boolean;\n  value?: string | null;\n};\n\n/** `command` event from Invoker Commands; `source` is the control that fired. */\ntype TabsGroupCommandEvent = Event & {\n  command?: string;\n  source?: TabsGroupCommandSource | null;\n};\n\n/** Payload for the composed `select` event when the active tab value changes via command. */\ntype TabsGroupSelectDetail = { value: string };\n\n/** Arranges the tab strip and slot-matched panels: stacked column (`top`), or sidebar row with tabs at inline-start (`start`) or inline-end (`end`). */\nexport type TabsGroupAlignment = 'top' | 'start' | 'end';\n\n/**\n * @element nve-tabs-group\n * @description Coordinates tabs with matching panel content using Invoker Commands and slot-matched panels.\n * @documentation https://nvidia.github.io/elements/docs/elements/tabs/\n * @since 1.67.0\n * @entrypoint \\@nvidia-elements/core/tabs\n * @command --toggle - Select the matching tab and reveal the panel whose slot matches the invoker value.\n * @event select - Dispatched when the selected tab value changes after an invoker `--toggle` updates selection\n * @slot - Default slot for a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group.\n * @slot {value} - Named panel content where the slot name matches a nve-tabs-item value.\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n * @responsive false\n */\n@audit()\nexport class TabsGroup extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-tabs-group',\n    version: '0.0.0',\n    children: ['nve-tabs']\n  };\n\n  /** Options for observing the slotted `nve-tabs` subtree (tab list / item attribute changes). */\n  protected static readonly subtreeObserverInit = {\n    childList: true,\n    subtree: true,\n    attributes: true,\n    attributeFilter: ['disabled', 'id', 'selected', 'value']\n  } as const satisfies MutationObserverInit;\n\n  @queryAssignedElements({ flatten: true }) private defaultSlotElements!: HTMLElement[];\n\n  /**\n   * Arranges the tab strip relative to slot-matched panels: stacked column (`top`), or sidebar row with tabs at\n   * inline-start (`start`) or inline-end (`end`) beside the panel region.\n   */\n  @property({ type: String, reflect: true }) alignment: TabsGroupAlignment = 'top';\n\n  @state() private panelValues: string[] = [];\n\n  @state() private selectedValue = '';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #tabsObserver?: MutationObserver;\n\n  /**\n   * Renders the default slot (single `nve-tabs`) plus one named `<slot name={value}>` per distinct selectable\n   * `nve-tabs-item` value. `#syncPanelSlot` applies panel visibility and ARIA from `selectedValue`.\n   */\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#handleDefaultSlotChange}></slot>\n        ${this.panelValues.map(value => html`<slot name=${value} @slotchange=${this.#handlePanelSlotChange}></slot>`)}\n      </div>\n    `;\n  }\n\n  // --- Lifecycle & command ---\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n    this.addEventListener('command', this.#handleCommand as EventListener);\n  }\n\n  firstUpdated() {\n    void this.updateComplete.then(() => {\n      if (!this.isConnected) {\n        return;\n      }\n\n      this.#syncFromTabs();\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('command', this.#handleCommand as EventListener);\n    this.#tabsObserver?.disconnect();\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (!this.#tabsObserver) {\n      this.#observeTabs();\n    }\n\n    // `@state()` fields are not in `PropertyValues<this>` keys; cast for membership checks.\n    const props = changedProperties as ReadonlyMap<PropertyKey, unknown>;\n    if (props.has('panelValues') || props.has('selectedValue')) {\n      this.#syncPanels();\n    }\n  }\n\n  #handleDefaultSlotChange = (): void => {\n    this.#observeTabs();\n    this.#syncFromTabs();\n  };\n\n  #handlePanelSlotChange = (): void => {\n    this.#syncPanels();\n  };\n\n  /**\n   * Handles Invoker `--toggle` on a tab item: selects the matching `nve-tabs-item` and syncs panels.\n   * Ignores non-toggle commands and invokers without a non-empty string `value`.\n   */\n  #handleCommand = (event: TabsGroupCommandEvent): void => {\n    if (event.command !== '--toggle') {\n      return;\n    }\n\n    const value = event.source?.value;\n    if (typeof value !== 'string' || !value.length) {\n      return;\n    }\n\n    const tabItems = this.#getTabItems();\n    const tabItem = tabItems.find(item => this.#isSelectableTab(item) && item.value === value);\n    if (!tabItem) {\n      return;\n    }\n\n    this.#setActiveTab(tabItems, tabItem, { emitEvent: true });\n  };\n\n  // --- Tab strip sync (tabs → state) ---\n\n  /** Attaches a single `MutationObserver` on the slotted `nve-tabs` element to mirror tab list changes into state. */\n  #observeTabs(): void {\n    this.#tabsObserver?.disconnect();\n\n    const tabs = this.#getTabsElement();\n    if (!tabs) {\n      return;\n    }\n\n    this.#tabsObserver = new MutationObserver(() => this.#syncFromTabs());\n    this.#tabsObserver.observe(tabs, TabsGroup.subtreeObserverInit);\n  }\n\n  /**\n   * Reads the current tab items: derives ordered `panelValues` for render, resolves which tab should be active,\n   * and commits selection. Called on slot change, subtree mutations, and after mount.\n   */\n  #syncFromTabs(): void {\n    const tabItems = this.#getTabItems();\n    const nextPanelValues = uniqueNonEmptyStrings(tabItems.map(item => item.value));\n\n    const selectedTab = this.#resolveSelectedTab(tabItems);\n\n    if (!selectedTab) {\n      tabItems.forEach(item => (item.selected = false));\n      this.#commitState(nextPanelValues, '');\n      return;\n    }\n\n    this.#setActiveTab(tabItems, selectedTab, { emitEvent: false, nextPanelValues });\n  }\n\n  /**\n   * Sets exactly one selected tab, updates `panelValues` / `selectedValue`, and optionally dispatches `select`.\n   *\n   * @param emitEvent - When true (command path), dispatches `select` if selection actually changed.\n   */\n  #setActiveTab(\n    tabItems: TabsItem[],\n    nextTab: TabsItem,\n    options: { emitEvent: boolean; nextPanelValues?: string[] }\n  ): void {\n    const { emitEvent } = options;\n    const nextPanelValues = options.nextPanelValues ?? uniqueNonEmptyStrings(tabItems.map(item => item.value));\n    // True when the effective selection differs from the prior committed state (value, flags, or multi-select).\n    // `select` is only dispatched when both `emitEvent` (invoker/command path) and `changed` are true.\n    const changed =\n      this.selectedValue !== nextTab.value ||\n      !nextTab.selected ||\n      tabItems.some(item => item !== nextTab && item.selected);\n\n    tabItems.forEach(item => {\n      item.selected = item === nextTab;\n    });\n\n    this.#commitState(nextPanelValues, nextTab.value);\n\n    if (emitEvent && changed) {\n      this.dispatchEvent(\n        new CustomEvent<TabsGroupSelectDetail>('select', {\n          bubbles: true,\n          composed: true,\n          detail: { value: nextTab.value }\n        })\n      );\n    }\n  }\n\n  /** Updates reactive state for panel slot names and the active tab value without touching the tab items. */\n  #commitState(nextPanelValues: string[], nextSelectedValue: string): void {\n    if (!sameOrderedStringArray(this.panelValues, nextPanelValues)) {\n      this.panelValues = nextPanelValues;\n    }\n\n    if (this.selectedValue !== nextSelectedValue) {\n      this.selectedValue = nextSelectedValue;\n    }\n  }\n\n  // --- Panel sync (state → panels & ARIA) ---\n\n  /** For each named panel slot, wires `hidden` and tab↔panel ARIA ids to match `selectedValue`. */\n  #syncPanels(): void {\n    const tabItems = this.#getTabItems();\n    const tabMap = new Map(\n      tabItems.filter(item => this.#isSelectableTab(item)).map(item => [item.value, item] satisfies [string, TabsItem])\n    );\n\n    this.#getPanelSlots().forEach(slot => {\n      this.#syncPanelSlot(slot, tabMap);\n    });\n  }\n\n  /**\n   * If no selectable tab exists for `slot.name`, hides all assigned nodes. Otherwise shows only the panel(s)\n   * for the active value and assigns `role=\"tabpanel\"` / `aria-labelledby` when missing.\n   */\n  #syncPanelSlot(slot: HTMLSlotElement, tabMap: ReadonlyMap<string, TabsItem>): void {\n    const tabItem = tabMap.get(slot.name);\n    const panels = slot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    if (!tabItem) {\n      panels.forEach(panel => {\n        panel.hidden = true;\n      });\n      return;\n    }\n\n    tabItem.id ||= generateId();\n\n    panels.forEach((panel, index) => {\n      panel.id ||= generateId();\n\n      if (!tabItem.hasAttribute('aria-controls') && index === 0) {\n        tabItem.setAttribute('aria-controls', panel.id);\n      }\n\n      if (!panel.hasAttribute('aria-labelledby')) {\n        panel.setAttribute('aria-labelledby', tabItem.id);\n      }\n\n      if (!panel.hasAttribute('role')) {\n        panel.setAttribute('role', 'tabpanel');\n      }\n\n      const isActive = slot.name === this.selectedValue;\n      panel.hidden = !isActive;\n    });\n  }\n\n  // --- DOM queries ---\n\n  /** Resolves the single slotted `nve-tabs` (default slot), with a light-DOM fallback for edge timing. */\n  #getTabsElement(): Tabs | undefined {\n    const el =\n      this.defaultSlotElements.find(element => element.localName === Tabs.metadata.tag) ??\n      this.querySelector(Tabs.metadata.tag);\n    return el instanceof Tabs ? el : undefined;\n  }\n\n  #getTabItems(): TabsItem[] {\n    return getTabItems(Array.from(this.#getTabsElement()?.children ?? []));\n  }\n\n  #getPanelSlots(): HTMLSlotElement[] {\n    return Array.from(this.renderRoot.querySelectorAll<HTMLSlotElement>('slot[name]'));\n  }\n\n  /** Selectable tabs have a non-empty `value` and are not `disabled`. */\n  #isSelectableTab(tabItem: TabsItem): tabItem is TabsItem & { value: string } {\n    return typeof tabItem.value === 'string' && tabItem.value.length > 0 && !tabItem.disabled;\n  }\n\n  /** Prefer the selectable tab that is already selected; otherwise the first selectable tab. */\n  #resolveSelectedTab(tabItems: readonly TabsItem[]): TabsItem | undefined {\n    return (\n      tabItems.find(item => this.#isSelectableTab(item) && item.selected) ??\n      tabItems.find(item => this.#isSelectableTab(item))\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/tabs/tabs-item-group2.js

@@ -1,33 +1,33 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import r from "./tabs-item-group.js";
-import { LitElement as i, html as a, nothing as o } from "lit";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./tabs-item-group.js";
+import { LitElement as r, html as i, nothing as a } from "lit";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 import { state as s } from "lit/decorators/state.js";
 // src/tabs/tabs-item-group.ts
-var c = class extends i {
+var c = class extends r {
 	constructor(...e) {
 		super(...e), this.accessoryTabEnabled = !0;
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = o([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-tabs-item-group",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-tabs"],
 			children: ["nve-tabs-item"]
 		};
 	}
 	render() {
-		return a`<div internal-host><slot name="prefix" tabindex="${this.accessoryTabEnabled ? o : -1}"></slot><slot></slot><slot name="suffix" tabindex="${this.accessoryTabEnabled ? o : -1}"></slot></div>`;
+		return i`<div internal-host><slot name="prefix" tabindex="${this.accessoryTabEnabled ? a : -1}"></slot><slot></slot><slot name="suffix" tabindex="${this.accessoryTabEnabled ? a : -1}"></slot></div>`;
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.accessoryTabEnabled = !0;
 	}
 };
-n([s()], c.prototype, "accessoryTabEnabled", void 0), c = n([e()], c);
+t([s()], c.prototype, "accessoryTabEnabled", void 0), c = t([e()], c);
 export { c as TabsItemGroup };
 
 //# sourceMappingURL=tabs-item-group2.js.map

package/dist/tabs/tabs-item-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-item-group2.js","names":["styles","_decorate","__decorate","tabs_item_group_default","TabsItemGroup","LitElement","_args","useStyles","nothing","state","audit"],"sources":["../../src/tabs/tabs-item-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport { audit, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './tabs-item-group.css?inline';\n\n/**\n * @element nve-tabs-item-group\n * @description Groups a tab item with application-owned accessory controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/tabs/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/tabs\n * @slot - A single nve-tabs-item.\n * @slot prefix - Controls before the tab item.\n * @slot suffix - Controls after the tab item.\n * @cssprop --gap - Spacing between the tab item and accessories.\n * @cssprop --height\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --border-radius\n */\n@audit()\nexport class TabsItemGroup extends LitElement {\n  /** @private */\n  @state() accessoryTabEnabled = true;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-tabs-item-group',\n    version: '0.0.0',\n    parents: ['nve-tabs'],\n    children: ['nve-tabs-item']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\" tabindex=${this.accessoryTabEnabled ? nothing : -1}></slot>\n        <slot></slot>\n        <slot name=\"suffix\" tabindex=${this.accessoryTabEnabled ? nothing : -1}></slot>\n      </div>\n    `;\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.accessoryTabEnabled = true;\n  }\n}\n"],"mappings":";;;;;;;AAwBO,IAAMI,IAAN,cAA4BC,EAAW;;EAEb,A,aAAA,KAAA,sBAAA;;;EAEf,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;GACpB,UAAU,CAAC,eAAe;EAC5B;;CAEA,SAAS;EACP,OAAO,CAAI,oDAEwB,KAAK,sBAAsBQ,IAAU,GAAG,sDAExC,KAAK,sBAAsBA,IAAU,GAAG;CAG7E;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAK,sBAAsB;CAC7B;AACF;AAzBGP,EAAA,CAAAQ,EAAM,CAAA,GAAAL,EAAA,WAAA,uBAAA,KAAA,CAAA,GAHR,IAAAH,EAAA,CAAAS,EAAM,CAAA,GAAAN,CAAA"}
+{"version":3,"file":"tabs-item-group2.js","names":["styles","_decorate","__decorate","tabs_item_group_default","TabsItemGroup","LitElement","_args","useStyles","nothing","state","audit"],"sources":["../../src/tabs/tabs-item-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport { audit } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './tabs-item-group.css?inline';\n\n/**\n * @element nve-tabs-item-group\n * @description Groups a tab item with application-owned accessory controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/tabs/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/tabs\n * @slot - A single nve-tabs-item.\n * @slot prefix - Controls before the tab item.\n * @slot suffix - Controls after the tab item.\n * @cssprop --gap - Spacing between the tab item and accessories.\n * @cssprop --height\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --border-radius\n */\n@audit()\nexport class TabsItemGroup extends LitElement {\n  /** @private */\n  @state() accessoryTabEnabled = true;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-tabs-item-group',\n    version: '0.0.0',\n    parents: ['nve-tabs'],\n    children: ['nve-tabs-item']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\" tabindex=${this.accessoryTabEnabled ? nothing : -1}></slot>\n        <slot></slot>\n        <slot name=\"suffix\" tabindex=${this.accessoryTabEnabled ? nothing : -1}></slot>\n      </div>\n    `;\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.accessoryTabEnabled = true;\n  }\n}\n"],"mappings":";;;;;;;AAyBO,IAAMI,IAAN,cAA4BC,EAAW;;EAEb,A,aAAA,KAAA,sBAAA;;;EAEf,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;GACpB,UAAU,CAAC,eAAe;EAC5B;;CAEA,SAAS;EACP,OAAO,CAAI,oDAEwB,KAAK,sBAAsBQ,IAAU,GAAG,sDAExC,KAAK,sBAAsBA,IAAU,GAAG;CAG7E;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAK,sBAAsB;CAC7B;AACF;AAzBGP,EAAA,CAAAQ,EAAM,CAAA,GAAAL,EAAA,WAAA,uBAAA,KAAA,CAAA,GAHR,IAAAH,EAAA,CAAAS,EAAM,CAAA,GAAAN,CAAA"}