@nvidia-elements/core 0.0.7 → 0.0.9

package/dist/skeleton/skeleton2.js

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

package/dist/skeleton/skeleton2.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton2.js","names":["#slotchange"],"sources":["../../src/skeleton/skeleton.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { attachInternals, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './skeleton.css?inline';\n\n/**\n * @element nve-skeleton\n * @description A loading placeholder component that displays animated placeholder shapes while content loads.\n * @since 1.44.0\n * @entrypoint \\@nvidia-elements/core/skeleton\n * @slot - default content slot\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --min-height\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live\n */\nexport class Skeleton extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-skeleton',\n    version: '0.0.0'\n  };\n\n  /** The effect of the skeleton */\n  @property({ type: String, reflect: true }) effect: 'shimmer' | 'pulse';\n\n  /** The shape of the skeleton */\n  @property({ type: String, reflect: true }) shape: 'round' | 'pill';\n\n  /** Whether the skeleton hides its content */\n  @property({ type: Boolean, reflect: true }) hidden = false;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <div class=\"animate\"></div>\n        <slot @slotchange=${this.#slotchange}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.ariaBusy = 'true';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this._internals.ariaBusy = `${!this.hidden}`;\n  }\n\n  #slotchange(event: Event) {\n    const target = event.target as HTMLSlotElement;\n    const hasContent = target\n      .assignedNodes()\n      .some(\n        node =>\n          node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')\n      );\n\n    if (hasContent) {\n      this._internals.states.add('slotted');\n    } else {\n      this._internals.states.delete('slotted');\n    }\n  }\n}\n"],"mappings":";;;;;;;AAmBA,IAAa,IAAb,cAA8B,EAAW;;6BAec;;;gBAdrC,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;CAcD,SAAS;AACP,SAAO,CAAI,oEAGa,MAAA,EAAiB;;CAK3C,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,WAAW;;CAG7B,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,KAAK,WAAW,WAAW,GAAG,CAAC,KAAK;;CAGtC,GAAY,GAAc;AASxB,EARe,EAAM,OAElB,eAAe,CACf,MACC,MACE,EAAK,aAAa,KAAK,gBAAiB,EAAK,aAAa,KAAK,aAAa,EAAK,aAAa,MAAM,KAAK,GAC5G,GAGD,KAAK,WAAW,OAAO,IAAI,UAAU,GAErC,KAAK,WAAW,OAAO,OAAO,UAAU;;;GA3C3C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA"}
+{"version":3,"file":"skeleton2.js","names":["#slotchange"],"sources":["../../src/skeleton/skeleton.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { attachInternals, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './skeleton.css?inline';\n\n/**\n * @element nve-skeleton\n * @description A loading placeholder component that displays animated placeholder shapes while content loads.\n * @since 1.44.0\n * @entrypoint \\@nvidia-elements/core/skeleton\n * @slot - default content slot\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --min-height\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live\n */\nexport class Skeleton extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-skeleton',\n    version: '0.0.0'\n  };\n\n  /** Visual animation style shown while content loads. */\n  @property({ type: String, reflect: true }) effect: 'shimmer' | 'pulse';\n\n  /** Geometry of the placeholder — rounded corners or a full pill outline. */\n  @property({ type: String, reflect: true }) shape: 'round' | 'pill';\n\n  /** Whether the skeleton hides its content */\n  @property({ type: Boolean, reflect: true }) hidden = false;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <div class=\"animate\"></div>\n        <slot @slotchange=${this.#slotchange}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.ariaBusy = 'true';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this._internals.ariaBusy = `${!this.hidden}`;\n  }\n\n  #slotchange(event: Event) {\n    const target = event.target as HTMLSlotElement;\n    const hasContent = target\n      .assignedNodes()\n      .some(\n        node =>\n          node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')\n      );\n\n    if (hasContent) {\n      this._internals.states.add('slotted');\n    } else {\n      this._internals.states.delete('slotted');\n    }\n  }\n}\n"],"mappings":";;;;;;;AAmBA,IAAa,IAAb,cAA8B,EAAW;;6BAec;;;gBAdrC,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;CAcD,SAAS;AACP,SAAO,CAAI,oEAGa,MAAA,EAAiB;;CAK3C,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,WAAW;;CAG7B,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,KAAK,WAAW,WAAW,GAAG,CAAC,KAAK;;CAGtC,GAAY,GAAc;AASxB,EARe,EAAM,OAElB,eAAe,CACf,MACC,MACE,EAAK,aAAa,KAAK,gBAAiB,EAAK,aAAa,KAAK,aAAa,EAAK,aAAa,MAAM,KAAK,GAC5G,GAGD,KAAK,WAAW,OAAO,IAAI,UAAU,GAErC,KAAK,WAAW,OAAO,OAAO,UAAU;;;GA3C3C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA"}

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

@@ -19,7 +19,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-sort-button",
-			version: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 	static {

package/dist/sparkline/sparkline2.js

@@ -21,7 +21,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-sparkline",
-			version: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 	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: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 	static {

package/dist/steps/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","names":[],"sources":["../../src/steps/steps.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  --gap: var(--nve-ref-space-lg);\n}\n\n[internal-host] {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap);\n}\n\n:host([vertical]) [internal-host] {\n  flex-direction: column;\n}\n\n:host(:not([vertical])) ::slotted(nve-steps-item:not(:last-child))::after,\n:host(:not([vertical])) ::slotted(nve-steps-item:not(:last-child))::after {\n  content: '';\n  position: absolute;\n  width: var(--gap);\n  top: 50%;\n  border: var(--nve-ref-border-width-sm) dashed var(--nve-ref-border-color);\n}\n\n:host([vertical]) ::slotted(nve-steps-item:not(:last-child))::after,\n:host([vertical]) ::slotted(nve-steps-item:not(:last-child))::after {\n  content: '';\n  position: absolute;\n  height: var(--gap);\n  left: var(--nve-ref-size-500);\n  top: 100%;\n  border: var(--nve-ref-border-width-sm) dashed var(--nve-ref-border-color);\n}\n\n:host([vertical]:not([container='condensed'])) ::slotted(nve-steps-item),\n:host([vertical]:not([container='condensed'])) ::slotted(nve-steps-item) {\n  --width: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"steps.js","names":[],"sources":["../../src/steps/steps.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  --gap: var(--nve-ref-space-lg);\n}\n\n[internal-host] {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap);\n}\n\n:host([vertical]) [internal-host] {\n  flex-direction: column;\n}\n\n:host(:not([vertical])) ::slotted(nve-steps-item:not(:last-child))::after {\n  content: '';\n  position: absolute;\n  width: var(--gap);\n  top: 50%;\n  border: var(--nve-ref-border-width-sm) dashed var(--nve-ref-border-color);\n}\n\n:host([vertical]) ::slotted(nve-steps-item:not(:last-child))::after {\n  content: '';\n  position: absolute;\n  height: var(--gap);\n  left: var(--nve-ref-size-500);\n  top: 100%;\n  border: var(--nve-ref-border-width-sm) dashed var(--nve-ref-border-color);\n}\n\n:host([vertical]:not([container='condensed'])) ::slotted(nve-steps-item) {\n  --width: 100%;\n}\n"],"mappings":""}

package/dist/steps/steps2.js

@@ -23,7 +23,7 @@ var v = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-steps-item",
-			version: "0.0.7",
+			version: "0.0.9",
 			parents: ["nve-steps"]
 		};
 	}
@@ -67,7 +67,7 @@ var y = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-steps",
-			version: "0.0.7",
+			version: "0.0.9",
 			children: ["nve-steps-item"]
 		};
 	}
@@ -78,7 +78,7 @@ var y = class extends f {
 		};
 	}
 	#e(e) {
-		!this.behaviorSelect || !e.matches("nve-steps-item, nve-steps-item") || e.disabled || (this.steps.forEach((e) => e.selected = !1), e.selected = !0);
+		!this.behaviorSelect || !e.matches("nve-steps-item") || e.disabled || (this.steps.forEach((e) => e.selected = !1), e.selected = !0);
 	}
 	render() {
 		return p`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
@@ -110,7 +110,7 @@ n([m({
 })], y.prototype, "container", void 0), n([m({
 	type: Boolean,
 	attribute: "behavior-select"
-})], y.prototype, "behaviorSelect", void 0), n([g({ selector: "nve-steps-item, nve-steps-item" })], y.prototype, "steps", void 0), y = n([i(), a()], y);
+})], y.prototype, "behaviorSelect", void 0), n([g({ selector: "nve-steps-item" })], y.prototype, "steps", void 0), y = n([i(), a()], y);
 //#endregion
 export { y as Steps, v as StepsItem };
 

package/dist/steps/steps2.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps2.js","names":["#syncChildSteps","#onClick","#selectTab"],"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 type { KeynavListConfig, Container } from '@nvidia-elements/core/internal';\nimport {\n  BaseButton,\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 * @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 BaseButton {\n  /**\n   * Determines which item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Four visual treatments represent the `status` of tasks. When `status` has a value of `warning`, `success`, or `danger`, the component embeds appropriate icons.\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?: Extract<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 * @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?: Extract<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, 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, 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":";;;;;;;;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAwB,EAAW;;gBAmBxB,EAAU,CAAC,EAAoB,CAAC;;;kBAErB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAA;GACX;;;4BAE2B;IACzB,EAAW,SAAS,MAAM;IAC1B,EAAa,SAAS,MAAM;GAC9B;;CAED,SAAS;AACP,SAAO,CAAI,4DAGF,KAAK,SAA0I,KAAjI,CAAI,uFAA2E,KAAK,SAAS,IAAG,KAAK,MAAM,oBAAyB,GACnJ,KAAK,WAAW,YAAY,CAAI,kIAAuH,GAAG,GAC1J,KAAK,WAAW,WAAW,CAAI,kJAAuI,GAAG,GACzK,KAAK,WAAW,YAAY,CAAI,2FAA2F,GAAG,SAEhI,EAAK,KAAK,cAAc,mBAAmB,CAAI,gBAAgB,CAAC;;CAKxE,cAAc;AAEZ,EADA,OAAO,kBA3C8C,iBAa9B,GA+BvB,KAAK,OAAO;;CAGd,oBAAoB;AAElB,EADA,MAAM,mBAAmB,EACzB,KAAK,WAAW,OAAO;;;GAjDxB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK1C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAGzC,GAAO,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA;CApBT,GAAO;CACP,GAAgB;CAChB,GAAA;;AAqEM,IAAA,IAAA,cAAoB,EAAW;;+BAImB,0BAUqB;;;gBAE5D,EAAU,CAAC,EAAgB,CAAC;;;kBAEjB;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAA;GACZ;;CAGD,IAAI,mBAAqC;AACvC,SAAO;GACL,OAAO,KAAK;GACZ,QAAQ,KAAK,WAAW,aAAa;GACtC;;CAQH,GAAW,GAAkG;AACvG,GAAC,KAAK,kBAAkB,CAAC,EAAU,QAAQ,iCAAiC,IAAI,EAAU,aAI9F,KAAK,MAAM,SAAQ,MAAM,EAAE,WAAW,GAAO,EAC7C,EAAU,WAAW;;CAGvB,SAAS;AACP,SAAO,CAAI,yCAEa,MAAA,EAAqB;;CAK/C,oBAAoB;AAIlB,EAHA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,WACvB,KAAK,iBAAiB,SAAS,MAAA,EAAc;;CAG/C,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,KAAK,oBAAoB,SAAS,MAAA,EAAc;;CAGlD,MAAY,MAAa;AACvB,QAAA,EAAgB,EAAE,OAAgG;;CAGpH,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,GAChB,EAAM,IAAI,YAAY,IAAI,EAAM,IAAI,WAAW,KACjD,MAAA,GAAsB;;CAI1B,KAAkB;AAEhB,EADA,KAAK,WAAW,kBAAkB,KAAK,WAAW,aAAa,cAC/D,KAAK,MAAM,SAAS,GAAM,MAAM;AAE9B,GADA,EAAK,QAAQ,IAAI,GACjB,EAAK,YAAY,KAAK;IACtB;;;GA9EH,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK1C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAkBzD,EAAsB,EAAE,UAAU,kCAAkC,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAlCvE,GAAO,EACP,GAA0B,CAAA,EAAA,EAAA"}
+{"version":3,"file":"steps2.js","names":["#syncChildSteps","#onClick","#selectTab"],"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 type { KeynavListConfig, Container } from '@nvidia-elements/core/internal';\nimport {\n  BaseButton,\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 * @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 BaseButton {\n  /**\n   * Determines which item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Four visual treatments represent the `status` of tasks. When `status` has a value of `warning`, `success`, or `danger`, the component embeds appropriate icons.\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?: Extract<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 * @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?: Extract<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":";;;;;;;;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAwB,EAAW;;gBAmBxB,EAAU,CAAC,EAAoB,CAAC;;;kBAErB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAA;GACX;;;4BAE2B;IACzB,EAAW,SAAS,MAAM;IAC1B,EAAa,SAAS,MAAM;GAC9B;;CAED,SAAS;AACP,SAAO,CAAI,4DAGF,KAAK,SAA0I,KAAjI,CAAI,uFAA2E,KAAK,SAAS,IAAG,KAAK,MAAM,oBAAyB,GACnJ,KAAK,WAAW,YAAY,CAAI,kIAAuH,GAAG,GAC1J,KAAK,WAAW,WAAW,CAAI,kJAAuI,GAAG,GACzK,KAAK,WAAW,YAAY,CAAI,2FAA2F,GAAG,SAEhI,EAAK,KAAK,cAAc,mBAAmB,CAAI,gBAAgB,CAAC;;CAKxE,cAAc;AAEZ,EADA,OAAO,kBA3C8C,iBAa9B,GA+BvB,KAAK,OAAO;;CAGd,oBAAoB;AAElB,EADA,MAAM,mBAAmB,EACzB,KAAK,WAAW,OAAO;;;GAjDxB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK1C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAGzC,GAAO,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA;CApBT,GAAO;CACP,GAAgB;CAChB,GAAA;;AAqEM,IAAA,IAAA,cAAoB,EAAW;;+BAImB,0BAUqB;;;gBAE5D,EAAU,CAAC,EAAgB,CAAC;;;kBAEjB;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAA;GACZ;;CAGD,IAAI,mBAAqC;AACvC,SAAO;GACL,OAAO,KAAK;GACZ,QAAQ,KAAK,WAAW,aAAa;GACtC;;CAQH,GAAW,GAAkG;AACvG,GAAC,KAAK,kBAAkB,CAAC,EAAU,QAAQ,iBAAiB,IAAI,EAAU,aAI9E,KAAK,MAAM,SAAQ,MAAM,EAAE,WAAW,GAAO,EAC7C,EAAU,WAAW;;CAGvB,SAAS;AACP,SAAO,CAAI,yCAEa,MAAA,EAAqB;;CAK/C,oBAAoB;AAIlB,EAHA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,WACvB,KAAK,iBAAiB,SAAS,MAAA,EAAc;;CAG/C,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,KAAK,oBAAoB,SAAS,MAAA,EAAc;;CAGlD,MAAY,MAAa;AACvB,QAAA,EAAgB,EAAE,OAAgG;;CAGpH,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,GAChB,EAAM,IAAI,YAAY,IAAI,EAAM,IAAI,WAAW,KACjD,MAAA,GAAsB;;CAI1B,KAAkB;AAEhB,EADA,KAAK,WAAW,kBAAkB,KAAK,WAAW,aAAa,cAC/D,KAAK,MAAM,SAAS,GAAM,MAAM;AAE9B,GADA,EAAK,QAAQ,IAAI,GACjB,EAAK,YAAY,KAAK;IACtB;;;GA9EH,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK1C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAkBzD,EAAsB,EAAE,UAAU,kBAAkB,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAlCvD,GAAO,EACP,GAA0B,CAAA,EAAA,EAAA"}

package/dist/switch/switch-group2.js

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

package/dist/switch/switch2.js

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

package/dist/tabs/tabs-group2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"tabs-item.js","names":[],"sources":["../../src/tabs/tabs-item.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  --border-background: var(--indicator-background);\n  --border-height: var(--indicator-height);\n  --border-width: 100%;\n  --border-top: auto;\n  --width: 100%;\n  --padding: 0 var(--nve-ref-size-200);\n  --font-size: var(--nve-ref-font-size-100);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --color: var(--nve-sys-text-muted-color);\n  --height: var(--nve-ref-size-800);\n  --cursor: pointer;\n  --text-transform: initial;\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n[internal-host] {\n  width: var(--width);\n  gap: var(--nve-ref-space-xs);\n  padding: var(--padding);\n  height: var(--height);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--nve-ref-font-size-500);\n  background-image: linear-gradient(\n    color-mix(\n        in oklab,\n        var(--nve-sys-interaction-state-base) 100%,\n        var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio)\n      )\n      0 0\n  ) !important;\n  inset: var(--border-inset);\n  border-radius: var(--border-radius);\n  cursor: var(--cursor);\n  text-transform: var(--text-transform);\n  display: inline-flex;\n  align-items: center;\n  border: 0;\n  position: relative;\n}\n\n:host(:state(selected)) {\n  --color: var(--nve-sys-text-emphasis-color);\n  --font-weight: var(--nve-ref-font-weight-semibold);\n}\n\n/* @deprecated use the --indicator-background variable instead */\n:host(:state(selected))::after {\n  width: var(--border-width);\n  height: var(--border-height);\n  border-radius: var(--border-radius);\n  background: var(--border-background);\n  top: var(--border-top);\n  content: '';\n  display: block;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n:host(:state(selected)) ::slotted(nve-icon),\n:host(:state(selected)) ::slotted(nve-icon) {\n  --color: var(--nve-sys-interaction-color);\n}\n\n:host(:hover:not(:state(disabled), :state(selected))) {\n  --color: var(--nve-sys-text-emphasis-color);\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover);\n}\n\n:host(:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --cursor: not-allowed;\n}\n\n:host(:is(:focus, :state(focused))) [internal-host] {\n  outline-offset: -3px;\n  outline: 5px auto -webkit-focus-ring-color; /* var(--nve-ref-outline-webkit) */\n  outline: Highlight solid 2px; /* --nve-ref-outline */\n}\n\n::slotted(a) {\n  text-decoration: var(--text-decoration) !important;\n  color: var(--color) !important;\n  gap: var(--gap) !important;\n  display: flex !important;\n  align-items: center !important;\n  outline: 0;\n}\n\n::slotted(a)::after {\n  display: block;\n  content: ' ';\n  inset: 0;\n  position: absolute;\n}\n"],"mappings":""}
+{"version":3,"file":"tabs-item.js","names":[],"sources":["../../src/tabs/tabs-item.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  --border-background: var(--indicator-background);\n  --border-height: var(--indicator-height);\n  --border-width: 100%;\n  --border-top: auto;\n  --width: 100%;\n  --padding: 0 var(--nve-ref-size-200);\n  --font-size: var(--nve-ref-font-size-100);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --color: var(--nve-sys-text-muted-color);\n  --height: var(--nve-ref-size-800);\n  --cursor: pointer;\n  --text-transform: initial;\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n[internal-host] {\n  width: var(--width);\n  gap: var(--nve-ref-space-xs);\n  padding: var(--padding);\n  height: var(--height);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--nve-ref-font-size-500);\n  background-image: linear-gradient(\n    color-mix(\n        in oklab,\n        var(--nve-sys-interaction-state-base) 100%,\n        var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio)\n      )\n      0 0\n  ) !important;\n  inset: var(--border-inset);\n  border-radius: var(--border-radius);\n  cursor: var(--cursor);\n  text-transform: var(--text-transform);\n  display: inline-flex;\n  align-items: center;\n  border: 0;\n  position: relative;\n}\n\n:host(:state(selected)) {\n  --color: var(--nve-sys-text-emphasis-color);\n  --font-weight: var(--nve-ref-font-weight-semibold);\n}\n\n/* @deprecated use the --indicator-background variable instead */\n:host(:state(selected))::after {\n  width: var(--border-width);\n  height: var(--border-height);\n  border-radius: var(--border-radius);\n  background: var(--border-background);\n  top: var(--border-top);\n  content: '';\n  display: block;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n:host(:state(selected)) ::slotted(nve-icon) {\n  --color: var(--nve-sys-interaction-color);\n}\n\n:host(:hover:not(:state(disabled), :state(selected))) {\n  --color: var(--nve-sys-text-emphasis-color);\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover);\n}\n\n:host(:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --cursor: not-allowed;\n}\n\n:host(:is(:focus, :state(focused))) [internal-host] {\n  outline-offset: -3px;\n  outline: 5px auto -webkit-focus-ring-color; /* var(--nve-ref-outline-webkit) */\n  outline: Highlight solid 2px; /* --nve-ref-outline */\n}\n\n::slotted(a) {\n  text-decoration: var(--text-decoration) !important;\n  color: var(--color) !important;\n  gap: var(--gap) !important;\n  display: flex !important;\n  align-items: center !important;\n  outline: 0;\n}\n\n::slotted(a)::after {\n  display: block;\n  content: ' ';\n  inset: 0;\n  position: absolute;\n}\n"],"mappings":""}

package/dist/tabs/tabs.global.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.global.js","names":[],"sources":["../../src/tabs/tabs.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-tabs,\nnve-tabs {\n  --indicator-background: var(--nve-sys-accent-secondary-background);\n  --indicator-height: var(--nve-ref-border-width-xl);\n  --indicator-border-radius: var(--nve-ref-border-radius-sm);\n\n  &::after {\n    background: var(--indicator-background);\n    height: var(--indicator-height);\n    border-radius: var(--indicator-border-radius);\n    position: fixed;\n    display: block;\n    content: '';\n    width: anchor-size(width);\n    transition: left var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100);\n    position-anchor: --selected;\n    top: calc(anchor(bottom) - var(--indicator-height));\n    left: anchor(left);\n    z-index: -1;\n  }\n\n  &[borderless]::after {\n    display: none !important;\n  }\n}\n\nnve-tabs[vertical],\nnve-tabs[vertical] {\n  &::after {\n    width: var(--indicator-height);\n    height: anchor-size(height);\n    transition: top var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100);\n    top: anchor(top);\n  }\n}\n\nnve-tabs-item,\nnve-tabs-item {\n  &[selected] {\n    anchor-name: --selected;\n  }\n\n  /* if the item does not have custom styles disable the item specific indicator */\n  @container style(--border-background: var(--indicator-background)) {\n    &::after {\n      visibility: hidden !important;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"tabs.global.js","names":[],"sources":["../../src/tabs/tabs.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-tabs {\n  --indicator-background: var(--nve-sys-accent-secondary-background);\n  --indicator-height: var(--nve-ref-border-width-xl);\n  --indicator-border-radius: var(--nve-ref-border-radius-sm);\n\n  &::after {\n    background: var(--indicator-background);\n    height: var(--indicator-height);\n    border-radius: var(--indicator-border-radius);\n    position: fixed;\n    display: block;\n    content: '';\n    width: anchor-size(width);\n    transition: left var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100);\n    position-anchor: --selected;\n    top: calc(anchor(bottom) - var(--indicator-height));\n    left: anchor(left);\n    z-index: -1;\n  }\n\n  &[borderless]::after {\n    display: none !important;\n  }\n}\n\nnve-tabs[vertical] {\n  &::after {\n    width: var(--indicator-height);\n    height: anchor-size(height);\n    transition: top var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100);\n    top: anchor(top);\n  }\n}\n\nnve-tabs-item {\n  &[selected] {\n    anchor-name: --selected;\n  }\n\n  /* if the item does not have custom styles disable the item specific indicator */\n  @container style(--border-background: var(--indicator-background)) {\n    &::after {\n      visibility: hidden !important;\n    }\n  }\n}\n"],"mappings":""}

package/dist/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../src/tabs/tabs.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  --gap: var(--nve-ref-space-xs);\n}\n\n[internal-host] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap);\n  overflow-x: auto;\n  white-space: nowrap;\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:host([vertical]) {\n  --gap: var(--nve-ref-space-xxxs);\n}\n\n:host([vertical]) [internal-host] {\n  flex-direction: column;\n}\n\n:host([vertical]) ::slotted(nve-tabs-item),\n:host([vertical]) ::slotted(nve-tabs-item) {\n  --border-width: var(--nve-ref-border-width-lg);\n  --border-height: 24px;\n  --border-top: calc(50% - 12px);\n  --border-inset: 0 8px 0 8px;\n  --width: calc(100% - 8px);\n}\n\n:host([vertical]) ::slotted(nve-tabs-item:state(selected)),\n:host([vertical]) ::slotted(nve-tabs-item:state(selected)) {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover);\n}\n\n:host([borderless]) ::slotted(nve-tabs-item),\n:host([borderless]) ::slotted(nve-tabs-item) {\n  --border-width: 0;\n  --border-height: 0;\n}\n\n::slotted(nve-tabs-item),\n::slotted(nve-tabs-item) {\n  white-space: nowrap;\n}\n"],"mappings":""}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/tabs/tabs.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  --gap: var(--nve-ref-space-xs);\n}\n\n[internal-host] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap);\n  overflow-x: auto;\n  white-space: nowrap;\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:host([vertical]) {\n  --gap: var(--nve-ref-space-xxxs);\n}\n\n:host([vertical]) [internal-host] {\n  flex-direction: column;\n}\n\n:host([vertical]) ::slotted(nve-tabs-item) {\n  --border-width: var(--nve-ref-border-width-lg);\n  --border-height: 24px;\n  --border-top: calc(50% - 12px);\n  --border-inset: 0 8px 0 8px;\n  --width: calc(100% - 8px);\n}\n\n:host([vertical]) ::slotted(nve-tabs-item:state(selected)) {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover);\n}\n\n:host([borderless]) ::slotted(nve-tabs-item) {\n  --border-width: 0;\n  --border-height: 0;\n}\n\n::slotted(nve-tabs-item) {\n  white-space: nowrap;\n}\n"],"mappings":""}

package/dist/tabs/tabs2.js

@@ -20,7 +20,7 @@ var _ = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-item",
-			version: "0.0.7",
+			version: "0.0.9",
 			parents: ["nve-tabs"]
 		};
 	}
@@ -51,7 +51,7 @@ var v = class extends p {
 	static {
 		this.metadata = {
 			tag: "nve-tabs",
-			version: "0.0.7",
+			version: "0.0.9",
 			children: ["nve-tabs-item"]
 		};
 	}
@@ -62,7 +62,7 @@ var v = class extends p {
 		};
 	}
 	#e(e) {
-		!this.behaviorSelect || !e.matches("nve-tabs-item, nve-tabs-item") || e.disabled || (this.keynavListConfig.items.forEach((e) => e.selected = !1), e.selected = !0);
+		!this.behaviorSelect || !e.matches("nve-tabs-item") || e.disabled || (this.keynavListConfig.items.forEach((e) => e.selected = !1), e.selected = !0);
 	}
 	render() {
 		return m`<div internal-host><slot></slot></div>`;

package/dist/tabs/tabs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs2.js","names":["#onClick","#selectTab"],"sources":["../../src/tabs/tabs.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 type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  BaseButton,\n  stateSelected,\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  audit,\n  appendRootNodeStyle,\n  appendAnchorName,\n  removeAnchorName\n} from '@nvidia-elements/core/internal';\nimport globalStyles from './tabs.global.css?inline';\nimport tabsItemStyleSheet from './tabs-item.css?inline';\nimport tabsStyleSheet from './tabs.css?inline';\n\n/**\n * @element nve-tabs-item\n * @description Represents an individual tab within a tablist, providing a selectable button for switching between content views.\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/tabs\n * @slot - default slot for content\n * @cssprop --font-size\n * @cssprop --border-width\n * @cssprop --border-height\n * @cssprop --border-top\n * @cssprop --border-background\n * @cssprop --width\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --height\n * @cssprop --cursor\n * @cssprop --text-transform\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n * @responsive false\n */\n@audit()\n@stateSelected<TabsItem>()\nexport class TabsItem extends BaseButton {\n  /**\n   * Determines which tab item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  static styles = useStyles([tabsItemStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-tabs-item',\n    version: '0.0.0',\n    parents: ['nve-tabs']\n  };\n\n  render() {\n    return html`\n      <div internal-host focus-within>\n        <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  updated(props: PropertyValues<this>) {\n    if (props.has('selected')) {\n      if (this.selected) {\n        appendAnchorName(this, '--selected');\n      } else {\n        removeAnchorName(this, '--selected');\n      }\n    }\n  }\n}\n\n/**\n * @element nve-tabs\n * @description Tabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/tabs\n * @slot - default slot for tab-item\n * @cssprop --gap\n * @cssprop --indicator-background\n * @cssprop --indicator-border-radius\n * @cssprop --indicator-height\n * @cssprop --border-inset\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n * @responsive false\n */\n@audit()\n@keyNavigationList<Tabs>()\nexport class Tabs extends LitElement {\n  /**\n   * Determines whether the tabs 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 tabs should display a border on selected items vs. defaults to show border.\n   */\n  @property({ type: Boolean, reflect: true }) borderless = false;\n\n  /**\n   * Determines whether the tabs should handle selection behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  static styles = useStyles([tabsStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-tabs',\n    version: '0.0.0',\n    children: ['nve-tabs-item']\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.items,\n      layout: this.vertical ? 'vertical' : 'horizontal'\n    };\n  }\n\n  @queryAssignedElements() private items!: TabsItem[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #selectTab(tabItem: HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean }) {\n    if (!this.behaviorSelect || !tabItem.matches('nve-tabs-item, nve-tabs-item') || tabItem.disabled) {\n      return;\n    }\n\n    this.keynavListConfig.items.forEach((i: HTMLElement) => ((i as TabsItem).selected = false));\n    tabItem.selected = true;\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\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    this._internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgDO,IAAA,IAAA,cAAuB,EAAW;;gBAMvB,EAAU,CAAC,EAAmB,CAAC;;;kBAEpB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,WAAA;GACX;;CAED,SAAS;AACP,SAAO,CAAI;;CAOb,cAAc;AAEZ,EADA,OAAO,kBAnB8C,IAoBrD,KAAK,OAAO;;CAGd,oBAAoB;AAElB,EADA,MAAM,mBAAmB,EACzB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AACnC,EAAI,EAAM,IAAI,WAAW,KACnB,KAAK,WACP,EAAiB,MAAM,aAAa,GAEpC,EAAiB,MAAM,aAAa;;;GAjCzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,SAN5C,GAAO,EACP,GAAyB,CAAA,EAAA,EAAA;AA4DnB,IAAA,IAAA,cAAmB,EAAW;;+BAIoB,sBAKE,0BAKmB;;;gBAE5D,EAAU,CAAC,EAAe,CAAC;;;kBAEhB;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,gBAAA;GACZ;;CAGD,IAAI,mBAAqC;AACvC,SAAO;GACL,OAAO,KAAK;GACZ,QAAQ,KAAK,WAAW,aAAa;GACtC;;CAQH,GAAW,GAAgG;AACrG,GAAC,KAAK,kBAAkB,CAAC,EAAQ,QAAQ,+BAA+B,IAAI,EAAQ,aAIxF,KAAK,iBAAiB,MAAM,SAAS,MAAoB,EAAgB,WAAW,GAAO,EAC3F,EAAQ,WAAW;;CAGrB,SAAS;AACP,SAAO,CAAI;;CAOb,oBAAoB;AAKlB,EAJA,MAAM,mBAAmB,EACzB,EAAoB,MAAM,EAAa,EACvC,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,WACvB,KAAK,iBAAiB,SAAS,MAAA,EAAc;;CAG/C,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,KAAK,oBAAoB,SAAS,MAAA,EAAc;;CAGlD,MAAY,MAAa;AACvB,QAAA,EAAgB,EAAE,OAAgG;;CAGpH,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,KAAK,WAAW,kBAAkB,KAAK,WAAW,aAAa;;;GArEhE,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAK1C,EAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAkBzD,GAAuB,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAlCzB,GAAO,EACP,GAAyB,CAAA,EAAA,EAAA"}
+{"version":3,"file":"tabs2.js","names":["#onClick","#selectTab"],"sources":["../../src/tabs/tabs.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 type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  BaseButton,\n  stateSelected,\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  audit,\n  appendRootNodeStyle,\n  appendAnchorName,\n  removeAnchorName\n} from '@nvidia-elements/core/internal';\nimport globalStyles from './tabs.global.css?inline';\nimport tabsItemStyleSheet from './tabs-item.css?inline';\nimport tabsStyleSheet from './tabs.css?inline';\n\n/**\n * @element nve-tabs-item\n * @description Represents an individual tab within a tablist, providing a selectable button for switching between content views.\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/tabs\n * @slot - default slot for content\n * @cssprop --font-size\n * @cssprop --border-width\n * @cssprop --border-height\n * @cssprop --border-top\n * @cssprop --border-background\n * @cssprop --width\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --height\n * @cssprop --cursor\n * @cssprop --text-transform\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n * @responsive false\n */\n@audit()\n@stateSelected<TabsItem>()\nexport class TabsItem extends BaseButton {\n  /**\n   * Determines which tab item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  static styles = useStyles([tabsItemStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-tabs-item',\n    version: '0.0.0',\n    parents: ['nve-tabs']\n  };\n\n  render() {\n    return html`\n      <div internal-host focus-within>\n        <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  updated(props: PropertyValues<this>) {\n    if (props.has('selected')) {\n      if (this.selected) {\n        appendAnchorName(this, '--selected');\n      } else {\n        removeAnchorName(this, '--selected');\n      }\n    }\n  }\n}\n\n/**\n * @element nve-tabs\n * @description Tabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/tabs\n * @slot - default slot for tab-item\n * @cssprop --gap\n * @cssprop --indicator-background\n * @cssprop --indicator-border-radius\n * @cssprop --indicator-height\n * @cssprop --border-inset\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n * @responsive false\n */\n@audit()\n@keyNavigationList<Tabs>()\nexport class Tabs extends LitElement {\n  /**\n   * Determines whether the tabs 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 tabs should display a border on selected items vs. defaults to show border.\n   */\n  @property({ type: Boolean, reflect: true }) borderless = false;\n\n  /**\n   * Determines whether the tabs should handle selection behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  static styles = useStyles([tabsStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-tabs',\n    version: '0.0.0',\n    children: ['nve-tabs-item']\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.items,\n      layout: this.vertical ? 'vertical' : 'horizontal'\n    };\n  }\n\n  @queryAssignedElements() private items!: TabsItem[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #selectTab(tabItem: HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean }) {\n    if (!this.behaviorSelect || !tabItem.matches('nve-tabs-item') || tabItem.disabled) {\n      return;\n    }\n\n    this.keynavListConfig.items.forEach((i: HTMLElement) => ((i as TabsItem).selected = false));\n    tabItem.selected = true;\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\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    this._internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgDO,IAAA,IAAA,cAAuB,EAAW;;gBAMvB,EAAU,CAAC,EAAmB,CAAC;;;kBAEpB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,WAAA;GACX;;CAED,SAAS;AACP,SAAO,CAAI;;CAOb,cAAc;AAEZ,EADA,OAAO,kBAnB8C,IAoBrD,KAAK,OAAO;;CAGd,oBAAoB;AAElB,EADA,MAAM,mBAAmB,EACzB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AACnC,EAAI,EAAM,IAAI,WAAW,KACnB,KAAK,WACP,EAAiB,MAAM,aAAa,GAEpC,EAAiB,MAAM,aAAa;;;GAjCzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,SAN5C,GAAO,EACP,GAAyB,CAAA,EAAA,EAAA;AA4DnB,IAAA,IAAA,cAAmB,EAAW;;+BAIoB,sBAKE,0BAKmB;;;gBAE5D,EAAU,CAAC,EAAe,CAAC;;;kBAEhB;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,gBAAA;GACZ;;CAGD,IAAI,mBAAqC;AACvC,SAAO;GACL,OAAO,KAAK;GACZ,QAAQ,KAAK,WAAW,aAAa;GACtC;;CAQH,GAAW,GAAgG;AACrG,GAAC,KAAK,kBAAkB,CAAC,EAAQ,QAAQ,gBAAgB,IAAI,EAAQ,aAIzE,KAAK,iBAAiB,MAAM,SAAS,MAAoB,EAAgB,WAAW,GAAO,EAC3F,EAAQ,WAAW;;CAGrB,SAAS;AACP,SAAO,CAAI;;CAOb,oBAAoB;AAKlB,EAJA,MAAM,mBAAmB,EACzB,EAAoB,MAAM,EAAa,EACvC,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,WACvB,KAAK,iBAAiB,SAAS,MAAA,EAAc;;CAG/C,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,KAAK,oBAAoB,SAAS,MAAA,EAAc;;CAGlD,MAAY,MAAa;AACvB,QAAA,EAAgB,EAAE,OAAgG;;CAGpH,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,KAAK,WAAW,kBAAkB,KAAK,WAAW,aAAa;;;GArEhE,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAK1C,EAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAkBzD,GAAuB,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAlCzB,GAAO,EACP,GAAyB,CAAA,EAAA,EAAA"}

package/dist/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":[],"sources":["../../src/tag/tag.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(--state-color-background);\n  --color: var(--state-color);\n  --state-color-base: var(--nve-ref-color-blue-cobalt-1100);\n  --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --gap: var(--nve-ref-space-xs);\n  --font-size: var(--nve-ref-font-size-100);\n  --padding: 0 var(--nve-ref-size-200);\n  --border: 0;\n  --border-radius: var(--nve-ref-border-radius-full);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --cursor: pointer;\n  --height: var(--nve-ref-size-600);\n  --width: initial;\n  --max-width: initial;\n  display: inline-flex;\n  user-select: none;\n}\n\n[internal-host] {\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  gap: var(--gap);\n  background: var(--background);\n  color: var(--color);\n  padding: var(--padding);\n  border: var(--border);\n  border-radius: var(--border-radius);\n  cursor: var(--cursor);\n  height: var(--height);\n  width: var(--width);\n  max-width: var(--max-width);\n  display: inline-flex;\n  line-height: 1.1em;\n  place-items: center;\n  place-content: center;\n  white-space: nowrap;\n}\n\nslot {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: block;\n}\n\n::slotted([nve-text]),\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n\nnve-icon {\n  --color: inherit;\n  cursor: var(--cursor);\n}\n\n:host([readonly]) {\n  --text-decoration: none;\n  --cursor: cursor;\n}\n"],"mappings":""}
+{"version":3,"file":"tag.js","names":[],"sources":["../../src/tag/tag.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(--state-color-background);\n  --color: var(--state-color);\n  --state-color-base: var(--nve-ref-color-blue-cobalt-1100);\n  --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --gap: var(--nve-ref-space-xs);\n  --font-size: var(--nve-ref-font-size-100);\n  --padding: 0 var(--nve-ref-size-200);\n  --border: 0;\n  --border-radius: var(--nve-ref-border-radius-full);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --cursor: pointer;\n  --height: var(--nve-ref-size-600);\n  --width: initial;\n  --max-width: initial;\n  display: inline-flex;\n  user-select: none;\n}\n\n[internal-host] {\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  gap: var(--gap);\n  background: var(--background);\n  color: var(--color);\n  padding: var(--padding);\n  border: var(--border);\n  border-radius: var(--border-radius);\n  cursor: var(--cursor);\n  height: var(--height);\n  width: var(--width);\n  max-width: var(--max-width);\n  display: inline-flex;\n  line-height: 1.1em;\n  place-items: center;\n  place-content: center;\n  white-space: nowrap;\n}\n\nslot {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: block;\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n\nnve-icon {\n  --color: inherit;\n  cursor: var(--cursor);\n}\n\n:host([readonly]) {\n  --text-decoration: none;\n  --cursor: cursor;\n}\n"],"mappings":""}

package/dist/tag/tag2.js

@@ -17,7 +17,7 @@ var f = class extends t {
 	static {
 		this.metadata = {
 			tag: "nve-tag",
-			version: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 	static {

package/dist/textarea/textarea2.js

@@ -9,7 +9,7 @@ var r = class extends t {
 	static {
 		this.metadata = {
 			tag: "nve-textarea",
-			version: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 };

package/dist/time/time2.js

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

package/dist/toast/toast.js

@@ -1,5 +1,5 @@
 //#region src/toast/toast.css?inline
-var e = ":host{--nve-sys-layer-popover-arrow-padding: 0px;--nve-sys-layer-popover-arrow-offset: 0px;--nve-sys-layer-popover-offset: var(--nve-ref-space-md);--nve-sys-interaction-color: var(--color);--padding: var(--nve-ref-size-200) var(--nve-ref-size-400);--justify-content: initial;--background: var(--nve-sys-layer-popover-background);--border-radius: var(--nve-ref-border-radius-md);--border: none;--color: var(--nve-sys-layer-popover-color);--font-size: var(--nve-ref-font-size-200);--font-weight: var(--nve-ref-font-weight-medium);--box-shadow: var(--nve-ref-shadow-100);--gap: var(--nve-ref-space-xs);--_gap: var(--gap);height:fit-content}[internal-host]{background:var(--background);font-size:var(--font-size);font-weight:var(--font-weight);gap:var(--gap);color:var(--color);padding:var(--padding);border-radius:var(--border-radius);border:var(--border);display:flex;flex-direction:row;align-items:center;justify-content:var(--justify-content)}[internal-host]:has(nve-icon-button){padding-inline-end:var(--nve-ref-size-800)}:host([status=\"accent\"]){--background: var(--nve-sys-support-accent-color)}:host([status=\"success\"]){--background: var(--nve-sys-support-success-color);--color: var(--nve-sys-text-white-color)}:host([status=\"warning\"]){--background: var(--nve-sys-support-warning-color);--color: var(--nve-sys-text-black-color)}:host([status=\"danger\"]){--background: var(--nve-sys-support-danger-color);--color: var(--nve-sys-text-white-color)}:host([prominence=\"muted\"]:not([status])){--background: var(--nve-sys-support-muted-color);--color: var(--nve-sys-layer-popover-background)}nve-icon{--color: inherit}nve-icon-button{--color: inherit;position:absolute;inset-block-start:var(--nve-ref-size-50);inset-inline-end:var(--nve-ref-size-50)}::slotted(nve-button[interaction=\"flat\"]),::slotted(nve-button[container=\"flat\"]),::slotted(nve-button[container=\"inline\"]){--color: inherit;margin-inline:calc(var(--_gap) * 2) calc(var(--_gap) / -2)}::slotted([nve-text]){color:inherit!important}";
+var e = ":host{--nve-sys-layer-popover-arrow-padding: 0px;--nve-sys-layer-popover-arrow-offset: 0px;--nve-sys-layer-popover-offset: var(--nve-ref-space-md);--nve-sys-interaction-color: var(--color);--padding: var(--nve-ref-size-200) var(--nve-ref-size-400);--justify-content: initial;--background: var(--nve-sys-layer-popover-background);--border-radius: var(--nve-ref-border-radius-md);--border: none;--color: var(--nve-sys-layer-popover-color);--font-size: var(--nve-ref-font-size-200);--font-weight: var(--nve-ref-font-weight-medium);--box-shadow: var(--nve-ref-shadow-100);--gap: var(--nve-ref-space-xs);--_gap: var(--gap);height:fit-content}[internal-host]{background:var(--background);font-size:var(--font-size);font-weight:var(--font-weight);gap:var(--gap);color:var(--color);padding:var(--padding);border-radius:var(--border-radius);border:var(--border);display:flex;flex-direction:row;align-items:center;justify-content:var(--justify-content)}[internal-host]:has(nve-icon-button){padding-inline-end:var(--nve-ref-size-800)}:host([status=\"accent\"]){--background: var(--nve-sys-support-accent-color)}:host([status=\"success\"]){--background: var(--nve-sys-support-success-color);--color: var(--nve-sys-text-white-color)}:host([status=\"warning\"]){--background: var(--nve-sys-support-warning-color);--color: var(--nve-sys-text-black-color)}:host([status=\"danger\"]){--background: var(--nve-sys-support-danger-color);--color: var(--nve-sys-text-white-color)}:host([prominence=\"muted\"]:not([status])){--background: var(--nve-sys-support-muted-color);--color: var(--nve-sys-layer-popover-background)}nve-icon{--color: inherit}nve-icon-button{--color: inherit;position:absolute;inset-block-start:var(--nve-ref-size-50);inset-inline-end:var(--nve-ref-size-50)}::slotted(nve-button[container=\"flat\"]),::slotted(nve-button[container=\"inline\"]){--color: inherit;margin-inline:calc(var(--_gap) * 2) calc(var(--_gap) / -2)}::slotted([nve-text]){color:inherit!important}";
 //#endregion
 export { e as default };
 

package/dist/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../src/toast/toast.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  --nve-sys-layer-popover-arrow-padding: 0px;\n  --nve-sys-layer-popover-arrow-offset: 0px;\n  --nve-sys-layer-popover-offset: var(--nve-ref-space-md);\n  --nve-sys-interaction-color: var(--color);\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-400);\n  --justify-content: initial;\n  --background: var(--nve-sys-layer-popover-background);\n  --border-radius: var(--nve-ref-border-radius-md);\n  --border: none;\n  --color: var(--nve-sys-layer-popover-color);\n  --font-size: var(--nve-ref-font-size-200);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --box-shadow: var(--nve-ref-shadow-100);\n  --gap: var(--nve-ref-space-xs);\n  --_gap: var(--gap);\n  height: fit-content;\n}\n\n[internal-host] {\n  background: var(--background);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  gap: var(--gap);\n  color: var(--color);\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  border: var(--border);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: var(--justify-content);\n}\n\n[internal-host]:has(nve-icon-button) {\n  padding-inline-end: var(--nve-ref-size-800);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n}\n\n:host([status='success']) {\n  --background: var(--nve-sys-support-success-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([status='warning']) {\n  --background: var(--nve-sys-support-warning-color);\n  --color: var(--nve-sys-text-black-color);\n}\n\n:host([status='danger']) {\n  --background: var(--nve-sys-support-danger-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([prominence='muted']:not([status])) {\n  --background: var(--nve-sys-support-muted-color);\n  --color: var(--nve-sys-layer-popover-background);\n}\n\nnve-icon {\n  --color: inherit;\n}\n\nnve-icon-button {\n  --color: inherit;\n  position: absolute;\n  inset-block-start: var(--nve-ref-size-50);\n  inset-inline-end: var(--nve-ref-size-50);\n}\n\n::slotted(nve-button[interaction='flat']), /* deprecated */\n::slotted(nve-button[container='flat']), /* deprecated */\n::slotted(nve-button[container='inline']), /* deprecated */\n::slotted(nve-button[container='flat']),\n::slotted(nve-button[container='inline']) {\n  --color: inherit;\n  margin-inline: calc(var(--_gap) * 2) calc(var(--_gap) / -2);\n}\n\n::slotted([nve-text]),\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n"],"mappings":""}
+{"version":3,"file":"toast.js","names":[],"sources":["../../src/toast/toast.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  --nve-sys-layer-popover-arrow-padding: 0px;\n  --nve-sys-layer-popover-arrow-offset: 0px;\n  --nve-sys-layer-popover-offset: var(--nve-ref-space-md);\n  --nve-sys-interaction-color: var(--color);\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-400);\n  --justify-content: initial;\n  --background: var(--nve-sys-layer-popover-background);\n  --border-radius: var(--nve-ref-border-radius-md);\n  --border: none;\n  --color: var(--nve-sys-layer-popover-color);\n  --font-size: var(--nve-ref-font-size-200);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --box-shadow: var(--nve-ref-shadow-100);\n  --gap: var(--nve-ref-space-xs);\n  --_gap: var(--gap);\n  height: fit-content;\n}\n\n[internal-host] {\n  background: var(--background);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  gap: var(--gap);\n  color: var(--color);\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  border: var(--border);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: var(--justify-content);\n}\n\n[internal-host]:has(nve-icon-button) {\n  padding-inline-end: var(--nve-ref-size-800);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n}\n\n:host([status='success']) {\n  --background: var(--nve-sys-support-success-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([status='warning']) {\n  --background: var(--nve-sys-support-warning-color);\n  --color: var(--nve-sys-text-black-color);\n}\n\n:host([status='danger']) {\n  --background: var(--nve-sys-support-danger-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([prominence='muted']:not([status])) {\n  --background: var(--nve-sys-support-muted-color);\n  --color: var(--nve-sys-layer-popover-background);\n}\n\nnve-icon {\n  --color: inherit;\n}\n\nnve-icon-button {\n  --color: inherit;\n  position: absolute;\n  inset-block-start: var(--nve-ref-size-50);\n  inset-inline-end: var(--nve-ref-size-50);\n}\n\n::slotted(nve-button[container='flat']),\n::slotted(nve-button[container='inline']) {\n  --color: inherit;\n  margin-inline: calc(var(--_gap) * 2) calc(var(--_gap) / -2);\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n"],"mappings":""}

package/dist/toast/toast2.js

@@ -23,7 +23,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-toast",
-			version: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 	static {

package/dist/toggletip/toggletip-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-footer",
-			version: "0.0.7",
+			version: "0.0.9",
 			parents: ["nve-toggletip"]
 		};
 	}

package/dist/toggletip/toggletip-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip-header.js","names":[],"sources":["../../src/toggletip/toggletip-header.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  margin: 0 calc(var(--padding) * -1) var(--padding) calc(var(--padding) * -1);\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color);\n  --padding: var(--nve-ref-size-400);\n  width: calc(100% + calc(var(--padding) * 2));\n}\n\n[internal-host] {\n  color: var(--color);\n  padding: 0 var(--padding) var(--padding) var(--padding);\n  border-bottom: var(--border-bottom);\n}\n\n::slotted(nve-alert-group),\n::slotted(nve-alert-group) {\n  margin: calc(var(--nve-ref-size-400) * -1);\n  width: calc(100% + var(--nve-ref-size-800));\n  --border-radius: var(--nve-ref-border-radius-md) var(--nve-ref-border-radius-md) 0 0;\n}\n"],"mappings":""}
+{"version":3,"file":"toggletip-header.js","names":[],"sources":["../../src/toggletip/toggletip-header.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  margin: 0 calc(var(--padding) * -1) var(--padding) calc(var(--padding) * -1);\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color);\n  --padding: var(--nve-ref-size-400);\n  width: calc(100% + calc(var(--padding) * 2));\n}\n\n[internal-host] {\n  color: var(--color);\n  padding: 0 var(--padding) var(--padding) var(--padding);\n  border-bottom: var(--border-bottom);\n}\n\n::slotted(nve-alert-group) {\n  margin: calc(var(--nve-ref-size-400) * -1);\n  width: calc(100% + var(--nve-ref-size-800));\n  --border-radius: var(--nve-ref-border-radius-md) var(--nve-ref-border-radius-md) 0 0;\n}\n"],"mappings":""}

package/dist/toggletip/toggletip-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-header",
-			version: "0.0.7",
+			version: "0.0.9",
 			parents: ["nve-toggletip"]
 		};
 	}

package/dist/toggletip/toggletip.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.js","names":[],"sources":["../../src/toggletip/toggletip.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  --nve-sys-interaction-background: var(--nve-sys-interaction-background-300);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-300);\n  --nve-sys-layer-popover-arrow-padding: 6px;\n  --nve-sys-layer-popover-arrow-offset: 2px;\n  --nve-sys-layer-popover-offset: 2px;\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n  --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --border-radius: var(--nve-ref-border-radius-md);\n  --background: var(--nve-sys-layer-overlay-background);\n  --color: var(--nve-sys-layer-overlay-color);\n  --font-size: var(--nve-ref-font-size-100);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --padding: var(--nve-ref-size-400);\n  --box-shadow: var(--nve-ref-shadow-400);\n  --width: fit-content;\n  --min-width: fit-content;\n  --gap: var(--nve-ref-space-sm);\n  --_divider-padding: var(--padding);\n}\n\n[internal-host] {\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  border: var(--border);\n  background: var(--background);\n  color: var(--color);\n  gap: var(--nve-ref-space-sm);\n  width: var(--width);\n  min-width: var(--min-width);\n  outline: 0;\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  box-shadow: var(--box-shadow);\n}\n\n[internal-host]::backdrop {\n  background: transparent;\n}\n\nnve-icon-button {\n  position: absolute;\n  top: var(--nve-ref-size-200);\n  right: var(--nve-ref-size-200);\n  z-index: 99;\n}\n\n.arrow {\n  width: var(--nve-ref-size-300);\n  height: var(--nve-ref-size-300);\n  background: var(--background);\n  transform: var(--arrow-transform);\n  border-radius: var(--nve-ref-size-50);\n  position: absolute;\n}\n\n:host([position*='top']) {\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n}\n\n:host([position*='right']) {\n  --arrow-transform: translate(2px, 0) rotate(45deg);\n}\n\n:host([position*='bottom']) {\n  --arrow-transform: translate(0, 2px) rotate(45deg);\n}\n\n:host([position*='left']) {\n  --arrow-transform: translate(-2px, 0) rotate(45deg);\n}\n\n::slotted(nve-menu),\n::slotted(nve-menu) {\n  --width: 100%;\n}\n\n::slotted(nve-divider),\n::slotted(nve-divider) {\n  margin: 0 calc(-1 * var(--_divider-padding));\n}\n\n#content {\n  margin: calc(var(--padding) * -0.5) 0;\n}\n"],"mappings":""}
+{"version":3,"file":"toggletip.js","names":[],"sources":["../../src/toggletip/toggletip.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  --nve-sys-interaction-background: var(--nve-sys-interaction-background-300);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-300);\n  --nve-sys-layer-popover-arrow-padding: 6px;\n  --nve-sys-layer-popover-arrow-offset: 2px;\n  --nve-sys-layer-popover-offset: 2px;\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n  --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --border-radius: var(--nve-ref-border-radius-md);\n  --background: var(--nve-sys-layer-overlay-background);\n  --color: var(--nve-sys-layer-overlay-color);\n  --font-size: var(--nve-ref-font-size-100);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --padding: var(--nve-ref-size-400);\n  --box-shadow: var(--nve-ref-shadow-400);\n  --width: fit-content;\n  --min-width: fit-content;\n  --gap: var(--nve-ref-space-sm);\n  --_divider-padding: var(--padding);\n}\n\n[internal-host] {\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  border: var(--border);\n  background: var(--background);\n  color: var(--color);\n  gap: var(--nve-ref-space-sm);\n  width: var(--width);\n  min-width: var(--min-width);\n  outline: 0;\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  box-shadow: var(--box-shadow);\n}\n\n[internal-host]::backdrop {\n  background: transparent;\n}\n\nnve-icon-button {\n  position: absolute;\n  top: var(--nve-ref-size-200);\n  right: var(--nve-ref-size-200);\n  z-index: 99;\n}\n\n.arrow {\n  width: var(--nve-ref-size-300);\n  height: var(--nve-ref-size-300);\n  background: var(--background);\n  transform: var(--arrow-transform);\n  border-radius: var(--nve-ref-size-50);\n  position: absolute;\n}\n\n:host([position*='top']) {\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n}\n\n:host([position*='right']) {\n  --arrow-transform: translate(2px, 0) rotate(45deg);\n}\n\n:host([position*='bottom']) {\n  --arrow-transform: translate(0, 2px) rotate(45deg);\n}\n\n:host([position*='left']) {\n  --arrow-transform: translate(-2px, 0) rotate(45deg);\n}\n\n::slotted(nve-menu) {\n  --width: 100%;\n}\n\n::slotted(nve-divider) {\n  margin: 0 calc(-1 * var(--_divider-padding));\n}\n\n#content {\n  margin: calc(var(--padding) * -0.5) 0;\n}\n"],"mappings":""}

package/dist/toggletip/toggletip2.js

@@ -24,7 +24,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip",
-			version: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 	static {

package/dist/toolbar/toolbar.js

@@ -1,5 +1,5 @@
 //#region src/toolbar/toolbar.css?inline
-var e = ":host{--nve-sys-interaction-background: var(--nve-sys-interaction-background-200);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);--background: var(--nve-sys-layer-container-background);--color: var(--nve-sys-layer-canvas-color);--padding: 0 var(--nve-ref-size-300);--min-height: var(--nve-ref-size-1000);--border-radius: var(--nve-ref-border-radius-sm);--gap: var(--nve-ref-space-xs);--border-bottom: 0;--box-shadow: var(--nve-ref-shadow-100);--width: 100%;width:var(--width);contain:initial}:host([container=\"flat\"]),:host([container=\"inset\"]){--nve-sys-interaction-background: var(--nve-sys-interaction-background-100);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-100);--background: transparent;--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);--box-shadow: none;--border-radius: 0;--padding: 0}:host([container=\"full\"]){--box-shadow: none;--border-radius: 0}:host([container=\"inset\"]){--border-bottom: 0}:host([container=\"flat\"]:focus-within){--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis)}:host([status=\"accent\"]){--background: var(--nve-sys-support-accent-color);--color: var(--nve-sys-text-white-color)}:host([status=\"accent\"]) ::slotted(nve-button),:host([status=\"accent\"]) ::slotted(nve-icon-button),:host([status=\"accent\"]) nve-icon-button{--color: var(--nve-sys-text-white-color) !important;--_icon-color: var(--nve-sys-text-white-color) !important}:host([status=\"accent\"]) ::slotted([nve-text]){color:var(--nve-sys-text-white-color)!important}[internal-host]{background:var(--background);color:var(--color);padding:var(--padding);min-height:var(--min-height);border-radius:var(--border-radius);border-bottom:var(--border-bottom);box-shadow:var(--box-shadow);width:var(--width);gap:var(--gap);display:flex;align-items:center}:host([orientation=\"vertical\"]){--padding: var(--nve-ref-size-100) 0;--gap: var(--nve-ref-space-xs);--width: fit-content}:host([orientation=\"vertical\"]) [internal-host],:host([orientation=\"vertical\"]) slot{flex-direction:column;align-items:center;margin:0}:host([orientation=\"vertical\"]) ::slotted(nve-divider){width:100%}[name=prefix],[name=suffix]{display:none;gap:var(--gap);align-items:center;justify-content:start}[name=suffix]{justify-content:end}:host(:state(has-prefix)) [name=prefix],:host(:state(has-suffix)) [name=suffix]{display:flex}::slotted(nve-combobox),::slotted(nve-search),::slotted(nve-input){--border-bottom: 0;min-width:20cqw;flex:1}::slotted(nve-select){--border-bottom: 0}::slotted(nve-button){--color: var(--nve-sys-text-muted-color)}slot:not([name]){gap:var(--gap);width:100%;display:flex;align-items:center;text-wrap:nowrap;overflow:auto hidden;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}:host([content=\"wrap\"]) slot:not([name]){gap:var(--gap);width:100%;display:flex;flex-wrap:wrap;text-wrap:balance;overflow-x:initial}:host(:state(scrollbar)) slot:not([name]){margin-block-end:-14px}";
+var e = ":host{--nve-sys-interaction-background: var(--nve-sys-interaction-background-200);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);--background: var(--nve-sys-layer-container-background);--color: var(--nve-sys-layer-canvas-color);--padding: 0 var(--nve-ref-size-300);--min-height: var(--nve-ref-size-1000);--border-radius: var(--nve-ref-border-radius-sm);--gap: var(--nve-ref-space-xs);--border-bottom: 0;--box-shadow: var(--nve-ref-shadow-100);--width: 100%;width:var(--width);contain:initial}:host([container=\"flat\"]),:host([container=\"inset\"]){--nve-sys-interaction-background: var(--nve-sys-interaction-background-100);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-100);--background: transparent;--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);--box-shadow: none;--border-radius: 0;--padding: 0}:host([container=\"full\"]){--box-shadow: none;--border-radius: 0}:host([container=\"inset\"]){--border-bottom: 0}:host([container=\"flat\"]:focus-within){--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis)}:host([status=\"accent\"]){--background: var(--nve-sys-support-accent-color);--color: var(--nve-sys-text-white-color)}:host([status=\"accent\"]) ::slotted(nve-button),:host([status=\"accent\"]) ::slotted(nve-icon-button),:host([status=\"accent\"]) nve-icon-button{--color: var(--nve-sys-text-white-color) !important;--_icon-color: var(--nve-sys-text-white-color) !important}:host([status=\"accent\"]) ::slotted([nve-text]){color:var(--nve-sys-text-white-color)!important}[internal-host]{background:var(--background);color:var(--color);padding:var(--padding);min-height:var(--min-height);border-radius:var(--border-radius);border-bottom:var(--border-bottom);box-shadow:var(--box-shadow);width:var(--width);gap:var(--gap);display:flex;align-items:center}:host([orientation=\"vertical\"]){--padding: var(--nve-ref-size-100) 0;--gap: var(--nve-ref-space-xs);--width: fit-content}:host([orientation=\"vertical\"]) [internal-host],:host([orientation=\"vertical\"]) slot{flex-direction:column;align-items:center;margin:0}:host([orientation=\"vertical\"]) ::slotted(nve-divider){width:100%}[name=prefix],[name=suffix]{display:none;gap:var(--gap);align-items:center;justify-content:start}[name=suffix]{justify-content:end}:host(:state(has-prefix)) [name=prefix],:host(:state(has-suffix)) [name=suffix]{display:flex}::slotted(nve-combobox),::slotted(nve-search),::slotted(nve-input){--border-bottom: 0;min-width:20cqw;flex:1}::slotted(nve-select){--border-bottom: 0}slot:not([name]){gap:var(--gap);width:100%;display:flex;align-items:center;text-wrap:nowrap;overflow:auto hidden;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}:host([content=\"wrap\"]) slot:not([name]){gap:var(--gap);width:100%;display:flex;flex-wrap:wrap;text-wrap:balance;overflow-x:initial}:host(:state(scrollbar)) slot:not([name]){margin-block-end:-14px}::slotted([nve-text]),::slotted(a),::slotted(span){text-wrap:nowrap!important}";
 //#endregion
 export { e as default };
 

package/dist/toolbar/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","names":[],"sources":["../../src/toolbar/toolbar.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  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --padding: 0 var(--nve-ref-size-300);\n  --min-height: var(--nve-ref-size-1000);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --gap: var(--nve-ref-space-xs);\n  --border-bottom: 0;\n  --box-shadow: var(--nve-ref-shadow-100);\n  --width: 100%;\n  width: var(--width);\n  contain: initial;\n}\n\n:host([container='flat']),\n:host([container='inset']) {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-100);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-100);\n  --background: transparent;\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);\n  --box-shadow: none;\n  --border-radius: 0;\n  --padding: 0;\n}\n\n:host([container='full']) {\n  --box-shadow: none;\n  --border-radius: 0;\n}\n\n:host([container='inset']) {\n  --border-bottom: 0;\n}\n\n:host([container='flat']:focus-within) {\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([status='accent']) ::slotted(nve-button),\n:host([status='accent']) ::slotted(nve-icon-button),\n:host([status='accent']) nve-icon-button,\n:host([status='accent']) ::slotted(nve-button),\n:host([status='accent']) ::slotted(nve-icon-button),\n:host([status='accent']) nve-icon-button {\n  --color: var(--nve-sys-text-white-color) !important;\n  --_icon-color: var(--nve-sys-text-white-color) !important;\n}\n\n:host([status='accent']) ::slotted([nve-text]),\n:host([status='accent']) ::slotted([nve-text]) {\n  color: var(--nve-sys-text-white-color) !important;\n}\n\n[internal-host] {\n  background: var(--background);\n  color: var(--color);\n  padding: var(--padding);\n  min-height: var(--min-height);\n  border-radius: var(--border-radius);\n  border-bottom: var(--border-bottom);\n  box-shadow: var(--box-shadow);\n  width: var(--width);\n  gap: var(--gap);\n  display: flex;\n  align-items: center;\n}\n\n:host([orientation='vertical']) {\n  --padding: var(--nve-ref-size-100) 0;\n  --gap: var(--nve-ref-space-xs);\n  --width: fit-content;\n}\n\n:host([orientation='vertical']) [internal-host],\n:host([orientation='vertical']) slot {\n  flex-direction: column;\n  align-items: center;\n  margin: 0;\n}\n\n:host([orientation='vertical']) ::slotted(nve-divider),\n:host([orientation='vertical']) ::slotted(nve-divider) {\n  width: 100%;\n}\n\n[name='prefix'],\n[name='suffix'] {\n  display: none;\n  gap: var(--gap);\n  align-items: center;\n  justify-content: start;\n}\n\n[name='suffix'] {\n  justify-content: end;\n}\n\n:host(:state(has-prefix)) [name='prefix'],\n:host(:state(has-suffix)) [name='suffix'] {\n  display: flex;\n}\n\n::slotted(nve-combobox),\n::slotted(nve-search),\n::slotted(nve-input),\n::slotted(nve-combobox),\n::slotted(nve-search),\n::slotted(nve-input) {\n  --border-bottom: 0;\n  min-width: 20cqw;\n  flex: 1;\n}\n\n::slotted(nve-select),\n::slotted(nve-select) {\n  --border-bottom: 0;\n}\n\n::slotted(nve-button) {\n  --color: var(--nve-sys-text-muted-color);\n}\n\nslot:not([name]) {\n  gap: var(--gap);\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-wrap: nowrap;\n  overflow: auto hidden;\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:host([content='wrap']) slot:not([name]) {\n  gap: var(--gap);\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  text-wrap: balance;\n  overflow-x: initial;\n}\n\n:host(:state(scrollbar)) slot:not([name]) {\n  /* stylelint-disable-next-line declaration-property-value-disallowed-list */\n  margin-block-end: -14px;\n}\n"],"mappings":""}
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../src/toolbar/toolbar.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  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --padding: 0 var(--nve-ref-size-300);\n  --min-height: var(--nve-ref-size-1000);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --gap: var(--nve-ref-space-xs);\n  --border-bottom: 0;\n  --box-shadow: var(--nve-ref-shadow-100);\n  --width: 100%;\n  width: var(--width);\n  contain: initial;\n}\n\n:host([container='flat']),\n:host([container='inset']) {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-100);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-100);\n  --background: transparent;\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);\n  --box-shadow: none;\n  --border-radius: 0;\n  --padding: 0;\n}\n\n:host([container='full']) {\n  --box-shadow: none;\n  --border-radius: 0;\n}\n\n:host([container='inset']) {\n  --border-bottom: 0;\n}\n\n:host([container='flat']:focus-within) {\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([status='accent']) ::slotted(nve-button),\n:host([status='accent']) ::slotted(nve-icon-button),\n:host([status='accent']) nve-icon-button {\n  --color: var(--nve-sys-text-white-color) !important;\n  --_icon-color: var(--nve-sys-text-white-color) !important;\n}\n\n:host([status='accent']) ::slotted([nve-text]) {\n  color: var(--nve-sys-text-white-color) !important;\n}\n\n[internal-host] {\n  background: var(--background);\n  color: var(--color);\n  padding: var(--padding);\n  min-height: var(--min-height);\n  border-radius: var(--border-radius);\n  border-bottom: var(--border-bottom);\n  box-shadow: var(--box-shadow);\n  width: var(--width);\n  gap: var(--gap);\n  display: flex;\n  align-items: center;\n}\n\n:host([orientation='vertical']) {\n  --padding: var(--nve-ref-size-100) 0;\n  --gap: var(--nve-ref-space-xs);\n  --width: fit-content;\n}\n\n:host([orientation='vertical']) [internal-host],\n:host([orientation='vertical']) slot {\n  flex-direction: column;\n  align-items: center;\n  margin: 0;\n}\n\n:host([orientation='vertical']) ::slotted(nve-divider) {\n  width: 100%;\n}\n\n[name='prefix'],\n[name='suffix'] {\n  display: none;\n  gap: var(--gap);\n  align-items: center;\n  justify-content: start;\n}\n\n[name='suffix'] {\n  justify-content: end;\n}\n\n:host(:state(has-prefix)) [name='prefix'],\n:host(:state(has-suffix)) [name='suffix'] {\n  display: flex;\n}\n\n::slotted(nve-combobox),\n::slotted(nve-search),\n::slotted(nve-input) {\n  --border-bottom: 0;\n  min-width: 20cqw;\n  flex: 1;\n}\n\n::slotted(nve-select) {\n  --border-bottom: 0;\n}\n\nslot:not([name]) {\n  gap: var(--gap);\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-wrap: nowrap;\n  overflow: auto hidden;\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:host([content='wrap']) slot:not([name]) {\n  gap: var(--gap);\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  text-wrap: balance;\n  overflow-x: initial;\n}\n\n:host(:state(scrollbar)) slot:not([name]) {\n  /* stylelint-disable-next-line declaration-property-value-disallowed-list */\n  margin-block-end: -14px;\n}\n\n::slotted([nve-text]),\n::slotted(a),\n::slotted(span) {\n  text-wrap: nowrap !important;\n}\n"],"mappings":""}

package/dist/toolbar/toolbar2.js

@@ -21,7 +21,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-toolbar",
-			version: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 	static {
@@ -69,7 +69,7 @@ var f = class extends c {
 	}
 	#s() {
 		let e = this.#n;
-		e.filter((e) => e.matches("nve-divider, nve-divider")).forEach((e) => e.orientation = this.orientation === "horizontal" ? "vertical" : "horizontal"), e.filter((e) => e.matches("nve-button-group, nve-button-group")).forEach((e) => e.orientation = this.orientation);
+		e.filter((e) => e.matches("nve-divider")).forEach((e) => e.orientation = this.orientation === "horizontal" ? "vertical" : "horizontal"), e.filter((e) => e.matches("nve-button-group")).forEach((e) => e.orientation = this.orientation);
 	}
 };
 r([u({

package/dist/toolbar/toolbar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar2.js","names":["#scrollbox","#slottedElements","#slotchange","#setupScrollbarListener","#updateContainers","#updateOrientation","#observers","#setScrollbarState"],"sources":["../../src/toolbar/toolbar.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 type { ContainerElement } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusStateStyles,\n  supportStateStyles,\n  attachInternals,\n  applySlotContentStates,\n  hasHorizontalScrollBar\n} from '@nvidia-elements/core/internal';\nimport styles from './toolbar.css?inline';\n\n/**\n * @element nve-toolbar\n * @description A toolbar is a container for grouping a set of controls, such as buttons, icon buttons and combobox search.\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/toolbar\n * @slot - default slot for content\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --border-radius\n * @cssprop --gap\n * @cssprop --border-bottom\n * @cssprop --box-shadow\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\nexport class Toolbar extends LitElement implements ContainerElement {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-toolbar',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {};\n\n  /**\n   * Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inset' | 'full';\n\n  /**\n   * Determines the primary content overflow behavior.\n   */\n  @property({ type: String, reflect: true }) content?: 'scroll' | 'wrap' = 'scroll';\n\n  /**\n   * Determines the orientation direction of the toolbar. Vertical toolbars support icon buttons only.\n   */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Visual treatment to represent accent color for interactive selections\n   */\n  @property({ type: String, reflect: true }) status: 'accent';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #observers: (MutationObserver | ResizeObserver)[] = [];\n\n  get #scrollbox() {\n    return this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])');\n  }\n\n  @queryAssignedElements({ slot: 'prefix' }) private prefixElements!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'suffix' }) private suffixElements!: HTMLElement[];\n\n  @queryAssignedElements() private defaultElements!: HTMLElement[];\n\n  get #slottedElements() {\n    return [...this.prefixElements, ...this.defaultElements, ...this.suffixElements];\n  }\n\n  render() {\n    return html`\n      <div internal-host @slotchange=${this.#slotchange}>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n  }\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n    this.#setupScrollbarListener();\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateContainers();\n    this.#updateOrientation();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#observers.forEach(observer => observer.disconnect());\n  }\n\n  #slotchange(e: Event) {\n    applySlotContentStates(e.target as HTMLSlotElement, this);\n    this.#updateContainers();\n    this.#updateOrientation();\n    this.#setScrollbarState();\n  }\n\n  #setupScrollbarListener() {\n    this.#setScrollbarState();\n    const observer = new ResizeObserver(() => this.#setScrollbarState());\n    this.#observers.push(observer);\n    observer.observe(this);\n  }\n\n  #setScrollbarState() {\n    if (hasHorizontalScrollBar(this.#scrollbox as HTMLElement)) {\n      this._internals.states.add('scrollbar');\n    } else {\n      this._internals.states.delete('scrollbar');\n    }\n  }\n\n  #updateContainers() {\n    const slottedElements = this.#slottedElements as (HTMLElement & { container: string })[];\n    slottedElements\n      .filter(e =>\n        e.matches(\n          'nve-button-group, nve-input, nve-search, nve-combobox, nve-button, nve-select, nve-icon-button, nve-copy-button'\n        )\n      )\n      .forEach(e => (e.container = 'flat'));\n  }\n\n  #updateOrientation() {\n    const slottedElements = this.#slottedElements as (HTMLElement & { orientation: string })[];\n    slottedElements\n      .filter(e => e.matches('nve-divider, nve-divider'))\n      .forEach(divider => (divider.orientation = this.orientation === 'horizontal' ? 'vertical' : 'horizontal'));\n    slottedElements\n      .filter(e => e.matches('nve-button-group, nve-button-group'))\n      .forEach(group => (group.orientation = this.orientation!));\n  }\n}\n"],"mappings":";;;;;;;;;AAqCA,IAAa,IAAb,cAA6B,EAAuC;;8BAkBO,6BAKY;;;gBAtBrE,EAAU;GAAC;GAAQ;GAAmB;GAAmB,CAAC;;;kBAE/C;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,EAAE;;CAyB9B,KAAoD,EAAE;CAEtD,KAAA,IAAiB;AACf,SAAO,KAAK,WAAY,cAA+B,mBAAmB;;CAS5E,KAAA,IAAuB;AACrB,SAAO;GAAC,GAAG,KAAK;GAAgB,GAAG,KAAK;GAAiB,GAAG,KAAK;GAAe;;CAGlF,SAAS;AACP,SAAO,CAAI,mCACwB,MAAA,EAAiB;;CAQtD,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,aAAa,GAA6B;AAExC,EADA,MAAM,aAAa,EAAM,EACzB,MAAA,GAA8B;;CAGhC,QAAQ,GAA6B;AAGnC,EAFA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAwB,EACxB,MAAA,GAAyB;;CAG3B,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,MAAA,EAAgB,SAAQ,MAAY,EAAS,YAAY,CAAC;;CAG5D,GAAY,GAAU;AAIpB,EAHA,EAAuB,EAAE,QAA2B,KAAK,EACzD,MAAA,GAAwB,EACxB,MAAA,GAAyB,EACzB,MAAA,GAAyB;;CAG3B,KAA0B;AACxB,QAAA,GAAyB;EACzB,IAAM,IAAW,IAAI,qBAAqB,MAAA,GAAyB,CAAC;AAEpE,EADA,MAAA,EAAgB,KAAK,EAAS,EAC9B,EAAS,QAAQ,KAAK;;CAGxB,KAAqB;AACnB,EAAI,EAAuB,MAAA,EAA+B,GACxD,KAAK,WAAW,OAAO,IAAI,YAAY,GAEvC,KAAK,WAAW,OAAO,OAAO,YAAY;;CAI9C,KAAoB;AACM,QAAA,EAErB,QAAO,MACN,EAAE,QACA,kHACD,CACF,CACA,SAAQ,MAAM,EAAE,YAAY,OAAQ;;CAGzC,KAAqB;EACnB,IAAM,IAAkB,MAAA;AAIxB,EAHA,EACG,QAAO,MAAK,EAAE,QAAQ,2BAA2B,CAAC,CAClD,SAAQ,MAAY,EAAQ,cAAc,KAAK,gBAAgB,eAAe,aAAa,aAAc,EAC5G,EACG,QAAO,MAAK,EAAE,QAAQ,qCAAqC,CAAC,CAC5D,SAAQ,MAAU,EAAM,cAAc,KAAK,YAAc;;;GA5G7D,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAWzC,EAAsB,EAAE,MAAM,UAAU,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAEzC,EAAsB,EAAE,MAAM,UAAU,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAEzC,GAAuB,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA"}
+{"version":3,"file":"toolbar2.js","names":["#scrollbox","#slottedElements","#slotchange","#setupScrollbarListener","#updateContainers","#updateOrientation","#observers","#setScrollbarState"],"sources":["../../src/toolbar/toolbar.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 type { ContainerElement } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusStateStyles,\n  supportStateStyles,\n  attachInternals,\n  applySlotContentStates,\n  hasHorizontalScrollBar\n} from '@nvidia-elements/core/internal';\nimport styles from './toolbar.css?inline';\n\n/**\n * @element nve-toolbar\n * @description A toolbar is a container for grouping a set of controls, such as buttons, icon buttons and combobox search.\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/toolbar\n * @slot - default slot for content\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --border-radius\n * @cssprop --gap\n * @cssprop --border-bottom\n * @cssprop --box-shadow\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\nexport class Toolbar extends LitElement implements ContainerElement {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-toolbar',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {};\n\n  /**\n   * Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inset' | 'full';\n\n  /**\n   * Determines the primary content overflow behavior.\n   */\n  @property({ type: String, reflect: true }) content?: 'scroll' | 'wrap' = 'scroll';\n\n  /**\n   * Determines the orientation direction of the toolbar. Vertical toolbars support icon buttons only.\n   */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Visual treatment to represent accent color for interactive selections\n   */\n  @property({ type: String, reflect: true }) status: 'accent';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #observers: (MutationObserver | ResizeObserver)[] = [];\n\n  get #scrollbox() {\n    return this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])');\n  }\n\n  @queryAssignedElements({ slot: 'prefix' }) private prefixElements!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'suffix' }) private suffixElements!: HTMLElement[];\n\n  @queryAssignedElements() private defaultElements!: HTMLElement[];\n\n  get #slottedElements() {\n    return [...this.prefixElements, ...this.defaultElements, ...this.suffixElements];\n  }\n\n  render() {\n    return html`\n      <div internal-host @slotchange=${this.#slotchange}>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n  }\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n    this.#setupScrollbarListener();\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateContainers();\n    this.#updateOrientation();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#observers.forEach(observer => observer.disconnect());\n  }\n\n  #slotchange(e: Event) {\n    applySlotContentStates(e.target as HTMLSlotElement, this);\n    this.#updateContainers();\n    this.#updateOrientation();\n    this.#setScrollbarState();\n  }\n\n  #setupScrollbarListener() {\n    this.#setScrollbarState();\n    const observer = new ResizeObserver(() => this.#setScrollbarState());\n    this.#observers.push(observer);\n    observer.observe(this);\n  }\n\n  #setScrollbarState() {\n    if (hasHorizontalScrollBar(this.#scrollbox as HTMLElement)) {\n      this._internals.states.add('scrollbar');\n    } else {\n      this._internals.states.delete('scrollbar');\n    }\n  }\n\n  #updateContainers() {\n    const slottedElements = this.#slottedElements as (HTMLElement & { container: string })[];\n    slottedElements\n      .filter(e =>\n        e.matches(\n          'nve-button-group, nve-input, nve-search, nve-combobox, nve-button, nve-select, nve-icon-button, nve-copy-button'\n        )\n      )\n      .forEach(e => (e.container = 'flat'));\n  }\n\n  #updateOrientation() {\n    const slottedElements = this.#slottedElements as (HTMLElement & { orientation: string })[];\n    slottedElements\n      .filter(e => e.matches('nve-divider'))\n      .forEach(divider => (divider.orientation = this.orientation === 'horizontal' ? 'vertical' : 'horizontal'));\n    slottedElements\n      .filter(e => e.matches('nve-button-group'))\n      .forEach(group => (group.orientation = this.orientation!));\n  }\n}\n"],"mappings":";;;;;;;;;AAqCA,IAAa,IAAb,cAA6B,EAAuC;;8BAkBO,6BAKY;;;gBAtBrE,EAAU;GAAC;GAAQ;GAAmB;GAAmB,CAAC;;;kBAE/C;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,EAAE;;CAyB9B,KAAoD,EAAE;CAEtD,KAAA,IAAiB;AACf,SAAO,KAAK,WAAY,cAA+B,mBAAmB;;CAS5E,KAAA,IAAuB;AACrB,SAAO;GAAC,GAAG,KAAK;GAAgB,GAAG,KAAK;GAAiB,GAAG,KAAK;GAAe;;CAGlF,SAAS;AACP,SAAO,CAAI,mCACwB,MAAA,EAAiB;;CAQtD,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,aAAa,GAA6B;AAExC,EADA,MAAM,aAAa,EAAM,EACzB,MAAA,GAA8B;;CAGhC,QAAQ,GAA6B;AAGnC,EAFA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAwB,EACxB,MAAA,GAAyB;;CAG3B,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,MAAA,EAAgB,SAAQ,MAAY,EAAS,YAAY,CAAC;;CAG5D,GAAY,GAAU;AAIpB,EAHA,EAAuB,EAAE,QAA2B,KAAK,EACzD,MAAA,GAAwB,EACxB,MAAA,GAAyB,EACzB,MAAA,GAAyB;;CAG3B,KAA0B;AACxB,QAAA,GAAyB;EACzB,IAAM,IAAW,IAAI,qBAAqB,MAAA,GAAyB,CAAC;AAEpE,EADA,MAAA,EAAgB,KAAK,EAAS,EAC9B,EAAS,QAAQ,KAAK;;CAGxB,KAAqB;AACnB,EAAI,EAAuB,MAAA,EAA+B,GACxD,KAAK,WAAW,OAAO,IAAI,YAAY,GAEvC,KAAK,WAAW,OAAO,OAAO,YAAY;;CAI9C,KAAoB;AACM,QAAA,EAErB,QAAO,MACN,EAAE,QACA,kHACD,CACF,CACA,SAAQ,MAAM,EAAE,YAAY,OAAQ;;CAGzC,KAAqB;EACnB,IAAM,IAAkB,MAAA;AAIxB,EAHA,EACG,QAAO,MAAK,EAAE,QAAQ,cAAc,CAAC,CACrC,SAAQ,MAAY,EAAQ,cAAc,KAAK,gBAAgB,eAAe,aAAa,aAAc,EAC5G,EACG,QAAO,MAAK,EAAE,QAAQ,mBAAmB,CAAC,CAC1C,SAAQ,MAAU,EAAM,cAAc,KAAK,YAAc;;;GA5G7D,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAWzC,EAAsB,EAAE,MAAM,UAAU,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAEzC,EAAsB,EAAE,MAAM,UAAU,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAEzC,GAAuB,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA"}

package/dist/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/tooltip/tooltip.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  --nve-sys-layer-popover-arrow-padding: 6px;\n  --nve-sys-layer-popover-arrow-offset: 2px;\n  --nve-sys-layer-popover-offset: 2px;\n  --nve-sys-interaction-color: var(--color);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --border: 0;\n  --background: var(--nve-sys-layer-popover-background);\n  --color: var(--nve-sys-layer-popover-color);\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-300);\n  --box-shadow: var(--nve-ref-shadow-500);\n  --font-size: var(--nve-ref-font-size-100);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n  --width: max-content;\n  --height: initial;\n  box-shadow: var(--box-shadow);\n}\n\n:host([status='muted']) {\n  --background: var(--nve-sys-layer-overlay-background);\n  --color: var(--nve-sys-layer-overlay-color);\n}\n\n[internal-host] {\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--color);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  width: var(--width);\n  height: var(--height);\n  border: var(--border);\n  white-space: initial;\n}\n\n[internal-host]:has(nve-icon-button) {\n  padding-inline-end: var(--nve-ref-size-800);\n}\n\n.arrow {\n  width: var(--nve-ref-size-300);\n  height: var(--nve-ref-size-300);\n  background: var(--background);\n  transform: var(--arrow-transform);\n  border-radius: var(--nve-ref-size-50);\n  position: absolute;\n}\n\nnve-icon-button {\n  --color: inherit;\n  position: absolute;\n  inset-block-start: var(--nve-ref-size-50);\n  inset-inline-end: var(--nve-ref-size-50);\n}\n\n::slotted([nve-text]),\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n\n:host([position*='top']) {\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n}\n\n:host([position*='right']) {\n  --arrow-transform: translate(2px, 0) rotate(45deg);\n}\n\n:host([position*='bottom']) {\n  --arrow-transform: translate(0, 2px) rotate(45deg);\n}\n\n:host([position*='left']) {\n  --arrow-transform: translate(-2px, 0) rotate(45deg);\n}\n"],"mappings":""}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/tooltip/tooltip.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  --nve-sys-layer-popover-arrow-padding: 6px;\n  --nve-sys-layer-popover-arrow-offset: 2px;\n  --nve-sys-layer-popover-offset: 2px;\n  --nve-sys-interaction-color: var(--color);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --border: 0;\n  --background: var(--nve-sys-layer-popover-background);\n  --color: var(--nve-sys-layer-popover-color);\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-300);\n  --box-shadow: var(--nve-ref-shadow-500);\n  --font-size: var(--nve-ref-font-size-100);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n  --width: max-content;\n  --height: initial;\n  box-shadow: var(--box-shadow);\n}\n\n:host([status='muted']) {\n  --background: var(--nve-sys-layer-overlay-background);\n  --color: var(--nve-sys-layer-overlay-color);\n}\n\n[internal-host] {\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--color);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  width: var(--width);\n  height: var(--height);\n  border: var(--border);\n  white-space: initial;\n}\n\n[internal-host]:has(nve-icon-button) {\n  padding-inline-end: var(--nve-ref-size-800);\n}\n\n.arrow {\n  width: var(--nve-ref-size-300);\n  height: var(--nve-ref-size-300);\n  background: var(--background);\n  transform: var(--arrow-transform);\n  border-radius: var(--nve-ref-size-50);\n  position: absolute;\n}\n\nnve-icon-button {\n  --color: inherit;\n  position: absolute;\n  inset-block-start: var(--nve-ref-size-50);\n  inset-inline-end: var(--nve-ref-size-50);\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n\n:host([position*='top']) {\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n}\n\n:host([position*='right']) {\n  --arrow-transform: translate(2px, 0) rotate(45deg);\n}\n\n:host([position*='bottom']) {\n  --arrow-transform: translate(0, 2px) rotate(45deg);\n}\n\n:host([position*='left']) {\n  --arrow-transform: translate(-2px, 0) rotate(45deg);\n}\n"],"mappings":""}

package/dist/tooltip/tooltip2.js

@@ -19,7 +19,7 @@ var d = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-tooltip",
-			version: "0.0.7"
+			version: "0.0.9"
 		};
 	}
 	render() {

package/dist/tree/tree-node.js

@@ -1,5 +1,5 @@
 //#region src/tree/tree-node.css?inline
-var e = ":host{--color: var(--nve-sys-interaction-color);--border-radius: var(--nve-ref-border-radius-xs);--font-size: var(--nve-ref-font-size-100);--font-weight: var(--nve-ref-font-weight-regular);--min-height: var(--nve-ref-size-800);--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--text-wrap: nowrap;width:100%;cursor:default}[internal-host]{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);text-wrap:var(--text-wrap);display:flex;align-content:center;flex-wrap:wrap;width:100%}slot{display:flex;flex-direction:column;width:100%}slot[name=nodes]{padding-inline-start:var(--nve-ref-size-500);display:flex;flex-direction:column;align-items:start}slot:not(:has-slotted){display:none!important}[part=_node]{display:flex;align-items:center;width:100%}.node-title{border-radius:var(--border-radius);border-inline-start:var(--nve-ref-border-width-md) solid transparent;margin-inline-start:var(--nve-ref-space-xxxs);padding:var(--nve-ref-size-200) var(--nve-ref-size-100);min-height:var(--min-height);width:100%;display:block}[part=_node-header]{display:flex;flex-direction:column;width:100%;position:relative;min-width:fit-content}:host(:focus-visible) [part=_node-header],::slotted(a:focus-visible):after{outline:Highlight solid 2px!important;outline:5px auto -webkit-focus-ring-color!important}[name=content]{padding:var(--nve-ref-size-200);display:block}[part=_nodes]{width:100%;position:relative;display:block;padding-inline-start:var(--nve-ref-size-200);overflow:hidden;transition:height var(--nve-ref-animation-duration-200) cubic-bezier(.4,0,.2,1)}:host([expanded]) [part=_nodes]{height:auto;height:calc-size(max-content,size)}[part=_nodes]:before{border-inline-start:var(--node-border);inset-inline-start:var(--nve-ref-size-150);inset-block:0;display:block;content:\"\";position:absolute}nve-icon-button{--width: var(--nve-ref-size-400);outline:0!important}nve-icon[name=caret]{transition:transform var(--nve-ref-animation-duration-150) cubic-bezier(.4,0,.2,1)}nve-checkbox{margin-inline-start:var(--nve-ref-space-xxs);margin-block-start:var(--nve-ref-space-xs);align-self:start}input{outline:0!important}::slotted(a){text-decoration:none!important;color:var(--color)!important;outline:0}::slotted(a):after{display:block;content:\" \";inset:0;position:absolute}:host(:state(selected):state(selectable-single)) .node-title{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}:host(:state(selected):state(selectable-single)) .node-title:after{width:var(--nve-ref-border-width-md);border-radius:var(--nve-ref-border-radius-full);background:var(--nve-sys-accent-secondary-background);content:\"\";display:block;position:absolute;height:80%;inset-block-start:10%;inset-inline-start:calc(var(--nve-ref-size-50) * -1)}:host(:state(selectable-single)) .node-title{cursor:pointer}:host(:state(selectable-multi)){nve-icon-button{--width: var(--nve-ref-size-500)}slot[name=nodes]{padding-inline-start:var(--nve-ref-size-700)}[role=group]:before{inset-inline-start:var(--nve-ref-size-200)}}:host(:state(highlighted)){--border-radius: 0;.node-title{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}}.node-title{background-image:linear-gradient(color-mix(in oklab,var(--nve-sys-interaction-state-base) 100%,var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio)) 0 0)!important;&:hover{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover)}}";
+var e = ":host{--color: var(--nve-sys-interaction-color);--border-radius: var(--nve-ref-border-radius-xs);--font-size: var(--nve-ref-font-size-100);--font-weight: var(--nve-ref-font-weight-regular);--min-height: var(--nve-ref-size-800);--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--text-wrap: nowrap;width:100%;cursor:default}[internal-host]{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);text-wrap:var(--text-wrap);display:flex;align-content:center;flex-wrap:wrap;width:100%}slot{display:flex;flex-direction:column;width:100%}slot[name=nodes]{padding-inline-start:var(--nve-ref-size-500);display:flex;flex-direction:column;align-items:start}slot:not(:has-slotted){display:none!important}[part=_node]{display:flex;align-items:center;width:100%}.node-title{border-radius:var(--border-radius);border-inline-start:var(--nve-ref-border-width-md) solid transparent;margin-inline-start:var(--nve-ref-space-xxxs);padding:var(--nve-ref-size-200) var(--nve-ref-size-100);min-height:var(--min-height);width:100%;display:block}[part=_node-header]{display:flex;flex-direction:column;width:100%;position:relative;min-width:fit-content}:host(:focus-visible) [part=_node-header],::slotted(a:focus-visible):after{outline:Highlight solid 2px!important;outline:5px auto -webkit-focus-ring-color!important}[name=content]{padding:var(--nve-ref-size-200);display:block}[part=_nodes]{width:100%;position:relative;display:block;padding-inline-start:var(--nve-ref-size-200);overflow:hidden;transition:height var(--nve-ref-animation-duration-200) cubic-bezier(.4,0,.2,1)}:host([expanded]) [part=_nodes]{height:auto;height:calc-size(max-content,size)}[part=_nodes]:before{border-inline-start:var(--node-border);inset-inline-start:var(--nve-ref-size-150);inset-block:0;display:block;content:\"\";position:absolute}nve-icon-button{--width: var(--nve-ref-size-400);outline:0!important}nve-icon[name=caret]{transition:transform var(--nve-ref-animation-duration-150) cubic-bezier(.4,0,.2,1)}nve-checkbox{margin-inline-start:var(--nve-ref-space-xxs);margin-block-start:var(--nve-ref-space-xs);align-self:start}input{outline:0!important}::slotted(a){text-decoration:none!important;color:var(--color)!important;outline:0;vertical-align:middle}::slotted(a):after{display:block;content:\" \";inset:0;position:absolute}:host(:state(selected):state(selectable-single)) .node-title{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}:host(:state(selected):state(selectable-single)) .node-title:after{width:var(--nve-ref-border-width-md);border-radius:var(--nve-ref-border-radius-full);background:var(--nve-sys-accent-secondary-background);content:\"\";display:block;position:absolute;height:80%;inset-block-start:10%;inset-inline-start:calc(var(--nve-ref-size-50) * -1)}:host(:state(selectable-single)) .node-title{cursor:pointer}:host(:state(selectable-multi)){nve-icon-button{--width: var(--nve-ref-size-500)}slot[name=nodes]{padding-inline-start:var(--nve-ref-size-700)}[role=group]:before{inset-inline-start:var(--nve-ref-size-200)}}:host(:state(highlighted)){--border-radius: 0;.node-title{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}}.node-title{background-image:linear-gradient(color-mix(in oklab,var(--nve-sys-interaction-state-base) 100%,var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio)) 0 0)!important;&:hover{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover)}}";
 //#endregion
 export { e as default };