@nvidia-elements/core 2.23.3 → 2.23.5

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

@@ -1,53 +1,53 @@
 import { appendRootNodeStyle as e, generateId as t } from "../internal/utils/dom.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { TypeClosableController as r } from "../internal/controllers/type-closable.controller.js";
-import { typeSSR as i } from "../internal/controllers/type-ssr.controller.js";
-import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
-import { useStyles as o } from "../internal/styles/index.js";
-import s from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as c } from "../icon-button/icon-button2.js";
-import { Input as l } from "../input/input2.js";
-import { Select as u } from "../select/select2.js";
-import { Date as d } from "../date/date2.js";
-import f from "./progressive-filter-chip.global.js";
-import p from "./progressive-filter-chip.js";
-import { LitElement as m, html as h, nothing as g } from "lit";
-import { property as _ } from "lit/decorators/property.js";
-import { I18nController as v } from "@nvidia-elements/foundations/internal/i18n";
+import { TypeClosableController as n } from "../internal/controllers/type-closable.controller.js";
+import { typeSSR as r } from "../internal/controllers/type-ssr.controller.js";
+import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as a } from "../icon-button/icon-button2.js";
+import { Input as o } from "../input/input2.js";
+import { Select as s } from "../select/select2.js";
+import { Date as c } from "../date/date2.js";
+import l from "./progressive-filter-chip.global.js";
+import u from "./progressive-filter-chip.js";
+import { attachInternals as d } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as f, html as p, nothing as m } from "lit";
+import { property as h } from "lit/decorators/property.js";
+import { I18nController as g } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as _ } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as v } from "@nvidia-elements/foundations/internal/styles";
 import { state as y } from "lit/decorators/state.js";
 // src/progressive-filter-chip/progressive-filter-chip.ts
-var b = { close: "close" }, x = class extends m {
+var b = { close: "close" }, x = class extends f {
 	constructor(...e) {
-		super(...e), this.#e = new v(this, b), this.i18n = this.#e.i18n, this.inputs = [], this.#t = new r(this);
+		super(...e), this.#e = new g(this, b), this.i18n = this.#e.i18n, this.inputs = [], this.#t = new n(this);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	static {
 		this.elementDefinitions = {
-			[l.metadata.tag]: l,
-			[u.metadata.tag]: u,
-			[d.metadata.tag]: d,
-			[c.metadata.tag]: c
+			[o.metadata.tag]: o,
+			[s.metadata.tag]: s,
+			[c.metadata.tag]: c,
+			[a.metadata.tag]: a
 		};
 	}
 	#e;
 	static {
-		this.styles = o([p]);
+		this.styles = v([u]);
 	}
 	#t;
 	#n(e) {
-		let t = h`<slot name="${e.slot}" @slotchange="${this.#r}"></slot>`;
-		return e.tagName === "SELECT" ? h`<nve-select part="select" multiple-overflow ?fit-text="${!e.multiple}">${t}</nve-select>` : e.tagName === "INPUT" && e.type === "date" ? h`<nve-date part="date">${t}</nve-date>` : e.tagName === "INPUT" ? h`<nve-input part="input">${t}</nve-input>` : t;
+		let t = p`<slot name="${e.slot}" @slotchange="${this.#r}"></slot>`;
+		return e.tagName === "SELECT" ? p`<nve-select part="select" multiple-overflow ?fit-text="${!e.multiple}">${t}</nve-select>` : e.tagName === "INPUT" && e.type === "date" ? p`<nve-date part="date">${t}</nve-date>` : e.tagName === "INPUT" ? p`<nve-input part="input">${t}</nve-input>` : t;
 	}
 	render() {
-		return h`<div internal-host>${this.inputs.map((e) => this.#n(e))} ${this.closable ? h`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${() => this.#t.close()}" .ariaLabel="${this.i18n.close}" icon-name="cancel"></nve-icon-button>` : g}</div><slot hidden-slot @slotchange="${this.#i}"></slot>`;
+		return p`<div internal-host>${this.inputs.map((e) => this.#n(e))} ${this.closable ? p`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${() => this.#t.close()}" .ariaLabel="${this.i18n.close}" icon-name="cancel"></nve-icon-button>` : m}</div><slot hidden-slot @slotchange="${this.#i}"></slot>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "toolbar", this.setAttribute("nve-control", ""), e(this, f);
+		super.connectedCallback(), d(this), this._internals.role = "toolbar", this.setAttribute("nve-control", ""), e(this, l);
 	}
 	#r(e) {
 		e.target.assignedElements().length || this.#a();
@@ -63,7 +63,7 @@ var b = { close: "close" }, x = class extends m {
 		Array.from(this.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements()).forEach((e) => e.slot = "");
 	}
 };
-s([_({ type: Boolean })], x.prototype, "closable", void 0), s([_({ type: Object })], x.prototype, "i18n", void 0), s([y()], x.prototype, "inputs", void 0), x = s([i(), a()], x);
+i([h({ type: Boolean })], x.prototype, "closable", void 0), i([h({ type: Object })], x.prototype, "i18n", void 0), i([y()], x.prototype, "inputs", void 0), x = i([r(), _()], x);
 export { x as ProgressiveFilterChip };
 
 //# sourceMappingURL=progressive-filter-chip2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progressive-filter-chip2.js","names":["styles","globalStyles","_decorate","__decorate","progressive_filter_chip_global_default","progressive_filter_chip_default","i18nDefaults","ProgressiveFilterChip","LitElement","_args","#i18nController","I18nController","#typeClosableController","TypeClosableController","Input","Select","Date","IconButton","useStyles","slot","el","#removeItem","#getControlTemplate","nothing","#createItems","attachInternals","appendRootNodeStyle","#resetItems","items","i","generateId","property","state","typeSSR","scopedRegistry"],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport {\n  appendRootNodeStyle,\n  attachInternals,\n  generateId,\n  scopedRegistry,\n  TypeClosableController,\n  typeSSR,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Input } from '@nvidia-elements/core/input';\nimport { Select } from '@nvidia-elements/core/select';\nimport { Date } from '@nvidia-elements/core/date';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport globalStyles from './progressive-filter-chip.global.css?inline';\nimport styles from './progressive-filter-chip.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-progressive-filter-chip\n * @description A filter chip is a control that enables users to select many options from a set of choices.\n * @documentation https://nvidia.github.io/elements/docs/elements/progressive-filter-chip/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/progressive-filter-chip\n * @slot - `input`, `select`, `nve-button`, or other `[nve-control]` elements used to build the filter.\n * @event close - Dispatched when the filter chip closes.\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --background\n * @cssprop --font-weight\n * @cssprop --padding\n * @cssprop --width\n * @csspart select - The select element\n * @csspart date - The date input element\n * @csspart input - The input element\n * @csspart icon-button - The icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\n@typeSSR()\n@scopedRegistry()\nexport class ProgressiveFilterChip extends LitElement {\n  static readonly metadata = {\n    tag: 'nve-progressive-filter-chip',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Input.metadata.tag]: Input,\n    [Select.metadata.tag]: Select,\n    [Date.metadata.tag]: Date,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** Determines if a close button should render within filter chip */\n  @property({ type: Boolean }) closable: boolean;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @state() private inputs: Element[] = [];\n\n  static styles = useStyles([styles]);\n\n  #typeClosableController = new TypeClosableController(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #getControlTemplate(el: Element) {\n    const slot = html`<slot name=${el.slot} @slotchange=${this.#removeItem}></slot>`;\n    if (el.tagName === 'SELECT') {\n      return html`<nve-select part=\"select\" multiple-overflow ?fit-text=${!(el as HTMLSelectElement).multiple}>${slot}</nve-select>`;\n    } else if (el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'date') {\n      return html`<nve-date part=\"date\">${slot}</nve-date>`;\n    } else if (el.tagName === 'INPUT') {\n      return html`<nve-input part=\"input\">${slot}</nve-input>`;\n    } else {\n      return slot;\n    }\n  }\n\n  render() {\n    return html`\n    <div internal-host>\n      ${this.inputs.map(el => this.#getControlTemplate(el))}\n      ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} .ariaLabel=${this.i18n.close} icon-name=\"cancel\"></nve-icon-button>` : nothing}\n    </div>\n    <slot hidden-slot @slotchange=${this.#createItems}></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n    this.setAttribute('nve-control', '');\n    appendRootNodeStyle(this, globalStyles);\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = Array.from(\n        this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements()\n      ).filter(i => i.matches('input, select, nve-button, [nve-control]'));\n      items.forEach(i => (i.slot = generateId()));\n      this.inputs = items.length ? items : this.inputs;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,IAAMM,IAAe,EACnB,OAAO,QACT,GAyBaC,IAAN,cAAoCC,EAAW;;EAyB1B,A,aATc,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAGhD,KAAA,OAAA,KAAKI,GAAgB,MAEnB,KAAA,SAAA,CAAC,GAIZ,KAAAE,KAAA,IAAIC,EAAuB,IAAI;;;EAxB9B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBC,EAAM,SAAS,MAAMA;IACrBC,EAAO,SAAS,MAAMA;IACtBC,EAAK,SAAS,MAAMA;IACpBC,EAAW,SAAS,MAAMA;EAC7B;;CAKA;;EAOgB,KAAA,SAAAC,EAAU,CAAClB,CAAM,CAAC;;CAElC;CAKA,GAAoB,GAAa;EAC/B,IAAMmB,IAAO,CAAI,eAAcC,EAAG,KAAK,iBAAe,KAAKC,GAAY;EAQrE,OAPED,EAAG,YAAY,WACV,CAAI,0DAAyD,CAAEA,EAAyB,SAAS,IAAGD,EAAK,iBACvGC,EAAG,YAAY,WAAYA,EAAwB,SAAS,SAC9D,CAAI,yBAAyBD,EAAK,eAChCC,EAAG,YAAY,UACjB,CAAI,2BAA2BD,EAAK,gBAEpCA;CAEX;CAEA,SAAS;EACP,OAAO,CAAI,sBAEP,KAAK,OAAO,KAAI,MAAM,KAAKG,GAAoBF,CAAE,CAAC,EAAE,GACpD,KAAK,WAAW,CAAI,yFAAwF,KAAKR,GAAwB,MAAM,EAAE,gBAAc,KAAK,KAAK,MAAM,2CAA0CW,EAAQ,uCAErM,KAAKC,GAAa;CAEpD;CAEA,oBAAoB;EAKlB,AAJA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,WACvB,KAAK,aAAa,eAAe,EAAE,GACnCC,EAAoB,MAAMzB,CAAY;CACxC;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,CAAC,CAAC,UACpD,KAAK0B,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,CAAC,CAAC,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAMC,IAAQ,MAAM,KAClB,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CAAE,iBAAiB,CACxF,CAAC,CAAC,QAAO,MAAKC,EAAE,QAAQ,0CAA0C,CAAC;GAEnE,AADAD,EAAM,SAAQ,MAAM,EAAE,OAAOE,EAAW,CAAE,GAC1C,KAAK,SAASF,EAAM,SAASA,IAAQ,KAAK;EAC5C;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CAClD,SAAQ,MAAKC,EAAE,iBAAiB,CAAC,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;AArEG3B,EAAA,CAAA6B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAxB,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BL,EAAA,CAAA6B,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAxB,EAAA,WAAA,QAAA,KAAA,CAAA,GAEzBL,EAAA,CAAA8B,EAAM,CAAA,GAAAzB,EAAA,WAAA,UAAA,KAAA,CAAA,GAvBR,IAAAL,EAAA,CAAA+B,EAAQ,GACRC,EAAe,CAAA,GAAA3B,CAAA"}
+{"version":3,"file":"progressive-filter-chip2.js","names":["styles","globalStyles","_decorate","__decorate","progressive_filter_chip_global_default","progressive_filter_chip_default","i18nDefaults","ProgressiveFilterChip","LitElement","_args","#i18nController","I18nController","#typeClosableController","TypeClosableController","Input","Select","Date","IconButton","useStyles","slot","el","#removeItem","#getControlTemplate","nothing","#createItems","attachInternals","appendRootNodeStyle","#resetItems","items","i","generateId","property","state","typeSSR","scopedRegistry"],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { appendRootNodeStyle, generateId, TypeClosableController, typeSSR } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Input } from '@nvidia-elements/core/input';\nimport { Select } from '@nvidia-elements/core/select';\nimport { Date } from '@nvidia-elements/core/date';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport globalStyles from './progressive-filter-chip.global.css?inline';\nimport styles from './progressive-filter-chip.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-progressive-filter-chip\n * @description A filter chip is a control that enables users to select many options from a set of choices.\n * @documentation https://nvidia.github.io/elements/docs/elements/progressive-filter-chip/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/progressive-filter-chip\n * @slot - `input`, `select`, `nve-button`, or other `[nve-control]` elements used to build the filter.\n * @event close - Dispatched when the filter chip closes.\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --background\n * @cssprop --font-weight\n * @cssprop --padding\n * @cssprop --width\n * @csspart select - The select element\n * @csspart date - The date input element\n * @csspart input - The input element\n * @csspart icon-button - The icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\n@typeSSR()\n@scopedRegistry()\nexport class ProgressiveFilterChip extends LitElement {\n  static readonly metadata = {\n    tag: 'nve-progressive-filter-chip',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Input.metadata.tag]: Input,\n    [Select.metadata.tag]: Select,\n    [Date.metadata.tag]: Date,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** Determines if a close button should render within filter chip */\n  @property({ type: Boolean }) closable: boolean;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @state() private inputs: Element[] = [];\n\n  static styles = useStyles([styles]);\n\n  #typeClosableController = new TypeClosableController(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #getControlTemplate(el: Element) {\n    const slot = html`<slot name=${el.slot} @slotchange=${this.#removeItem}></slot>`;\n    if (el.tagName === 'SELECT') {\n      return html`<nve-select part=\"select\" multiple-overflow ?fit-text=${!(el as HTMLSelectElement).multiple}>${slot}</nve-select>`;\n    } else if (el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'date') {\n      return html`<nve-date part=\"date\">${slot}</nve-date>`;\n    } else if (el.tagName === 'INPUT') {\n      return html`<nve-input part=\"input\">${slot}</nve-input>`;\n    } else {\n      return slot;\n    }\n  }\n\n  render() {\n    return html`\n    <div internal-host>\n      ${this.inputs.map(el => this.#getControlTemplate(el))}\n      ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} .ariaLabel=${this.i18n.close} icon-name=\"cancel\"></nve-icon-button>` : nothing}\n    </div>\n    <slot hidden-slot @slotchange=${this.#createItems}></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n    this.setAttribute('nve-control', '');\n    appendRootNodeStyle(this, globalStyles);\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = Array.from(\n        this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements()\n      ).filter(i => i.matches('input, select, nve-button, [nve-control]'));\n      items.forEach(i => (i.slot = generateId()));\n      this.inputs = items.length ? items : this.inputs;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,IAAMM,IAAe,EACnB,OAAO,QACT,GAyBaC,IAAN,cAAoCC,EAAW;;EAyB1B,A,aATc,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAGhD,KAAA,OAAA,KAAKI,GAAgB,MAEnB,KAAA,SAAA,CAAC,GAIZ,KAAAE,KAAA,IAAIC,EAAuB,IAAI;;;EAxB9B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBC,EAAM,SAAS,MAAMA;IACrBC,EAAO,SAAS,MAAMA;IACtBC,EAAK,SAAS,MAAMA;IACpBC,EAAW,SAAS,MAAMA;EAC7B;;CAKA;;EAOgB,KAAA,SAAAC,EAAU,CAAClB,CAAM,CAAC;;CAElC;CAKA,GAAoB,GAAa;EAC/B,IAAMmB,IAAO,CAAI,eAAcC,EAAG,KAAK,iBAAe,KAAKC,GAAY;EAQrE,OAPED,EAAG,YAAY,WACV,CAAI,0DAAyD,CAAEA,EAAyB,SAAS,IAAGD,EAAK,iBACvGC,EAAG,YAAY,WAAYA,EAAwB,SAAS,SAC9D,CAAI,yBAAyBD,EAAK,eAChCC,EAAG,YAAY,UACjB,CAAI,2BAA2BD,EAAK,gBAEpCA;CAEX;CAEA,SAAS;EACP,OAAO,CAAI,sBAEP,KAAK,OAAO,KAAI,MAAM,KAAKG,GAAoBF,CAAE,CAAC,EAAE,GACpD,KAAK,WAAW,CAAI,yFAAwF,KAAKR,GAAwB,MAAM,EAAE,gBAAc,KAAK,KAAK,MAAM,2CAA0CW,EAAQ,uCAErM,KAAKC,GAAa;CAEpD;CAEA,oBAAoB;EAKlB,AAJA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,WACvB,KAAK,aAAa,eAAe,EAAE,GACnCC,EAAoB,MAAMzB,CAAY;CACxC;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,CAAC,CAAC,UACpD,KAAK0B,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,CAAC,CAAC,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAMC,IAAQ,MAAM,KAClB,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CAAE,iBAAiB,CACxF,CAAC,CAAC,QAAO,MAAKC,EAAE,QAAQ,0CAA0C,CAAC;GAEnE,AADAD,EAAM,SAAQ,MAAM,EAAE,OAAOE,EAAW,CAAE,GAC1C,KAAK,SAASF,EAAM,SAASA,IAAQ,KAAK;EAC5C;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CAClD,SAAQ,MAAKC,EAAE,iBAAiB,CAAC,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;AArEG3B,EAAA,CAAA6B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAxB,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BL,EAAA,CAAA6B,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAxB,EAAA,WAAA,QAAA,KAAA,CAAA,GAEzBL,EAAA,CAAA8B,EAAM,CAAA,GAAAzB,EAAA,WAAA,UAAA,KAAA,CAAA,GAvBR,IAAAL,EAAA,CAAA+B,EAAQ,GACRC,EAAe,CAAA,GAAA3B,CAAA"}

package/dist/pulse/pulse2.js

@@ -1,35 +1,35 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as r } from "../icon/icon2.js";
-import i from "./pulse.js";
-import { LitElement as a, html as o } from "lit";
-import { property as s } from "lit/decorators/property.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as t } from "../icon/icon2.js";
+import n from "./pulse.js";
+import { attachInternals as r } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as i, html as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
+import { useStyles as s } from "@nvidia-elements/foundations/internal/styles";
 // src/pulse/pulse.ts
-var c = class extends a {
+var c = class extends i {
 	static {
-		this.styles = t([i]);
+		this.styles = s([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [r.metadata.tag]: r };
+		this.elementDefinitions = { [t.metadata.tag]: t };
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "alert";
+		super.connectedCallback(), r(this), this._internals.role = "alert";
 	}
 	render() {
-		return o`<svg internal-host width="100%" height="100%" viewBox="0 0 200 200"><circle class="circle" cx="100" cy="100" r="25"></circle><circle class="circle c1" cx="100" cy="100" r="25"></circle><circle class="circle c2" cx="100" cy="100" r="25"></circle><circle class="circle c3" cx="100" cy="100" r="25"></circle></svg>`;
+		return a`<svg internal-host width="100%" height="100%" viewBox="0 0 200 200"><circle class="circle" cx="100" cy="100" r="25"></circle><circle class="circle c1" cx="100" cy="100" r="25"></circle><circle class="circle c2" cx="100" cy="100" r="25"></circle><circle class="circle c3" cx="100" cy="100" r="25"></circle></svg>`;
 	}
 };
-n([s({
+e([o({
 	type: String,
 	reflect: !0
-})], c.prototype, "size", void 0), n([s({
+})], c.prototype, "size", void 0), e([o({
 	type: String,
 	reflect: !0
 })], c.prototype, "status", void 0);

package/dist/pulse/pulse2.js.map

@@ -1 +1 @@
-{"version":3,"file":"pulse2.js","names":["styles","_decorate","__decorate","pulse_default","Pulse","LitElement","useStyles","Icon","attachInternals","property"],"sources":["../../src/pulse/pulse.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size } from '@nvidia-elements/core/internal';\nimport { useStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './pulse.css?inline';\n\n/**\n * @element nve-pulse\n * @description Pulse component signals attention for a particular area of a UI. This helps with tutorial/getting started guides for new users.\n * @documentation https://nvidia.github.io/elements/docs/elements/pulse/\n * @since 1.16.3\n * @entrypoint \\@nvidia-elements/core/pulse\n * @cssprop --background\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Pulse extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-pulse',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'alert';\n  }\n\n  /** Sets size of the pulse component. You can also update size using the `width + height` css props. */\n  @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n  /** These visual treatments represent the `status` of different tasks. When `status` changes to `accent`, `warning` or `danger`, the component embeds appropriate colors. */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'warning' | 'danger';\n\n  render() {\n    return html`\n    <svg internal-host width=\"100%\" height=\"100%\" viewBox=\"0 0 200 200\">\n      <circle class=\"circle\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n      <circle class=\"circle c1\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n      <circle class=\"circle c2\" cx=\"100\" cy=\"100\" r=\"25\"></circle> \n      <circle class=\"circle c3\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n    </svg>\n  `;\n  }\n}\n"],"mappings":";;;;;;;;AAuBA,IAAaI,IAAb,cAA2BC,EAAW;;EACpB,KAAA,SAAAC,EAAU,CAACN,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBO,EAAK,SAAS,MAAMA,EACvB;;CAKA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAQA,SAAS;EACP,OAAO,CAAI;CAQb;AACF;AAfGP,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,QAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,UAAA,KAAA,CAAA"}
+{"version":3,"file":"pulse2.js","names":["styles","_decorate","__decorate","pulse_default","Pulse","LitElement","useStyles","Icon","attachInternals","property"],"sources":["../../src/pulse/pulse.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './pulse.css?inline';\n\n/**\n * @element nve-pulse\n * @description Pulse component signals attention for a particular area of a UI. This helps with tutorial/getting started guides for new users.\n * @documentation https://nvidia.github.io/elements/docs/elements/pulse/\n * @since 1.16.3\n * @entrypoint \\@nvidia-elements/core/pulse\n * @cssprop --background\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Pulse extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-pulse',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'alert';\n  }\n\n  /** Sets size of the pulse component. You can also update size using the `width + height` css props. */\n  @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n  /** These visual treatments represent the `status` of different tasks. When `status` changes to `accent`, `warning` or `danger`, the component embeds appropriate colors. */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'warning' | 'danger';\n\n  render() {\n    return html`\n    <svg internal-host width=\"100%\" height=\"100%\" viewBox=\"0 0 200 200\">\n      <circle class=\"circle\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n      <circle class=\"circle c1\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n      <circle class=\"circle c2\" cx=\"100\" cy=\"100\" r=\"25\"></circle> \n      <circle class=\"circle c3\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n    </svg>\n  `;\n  }\n}\n"],"mappings":";;;;;;;;AAwBA,IAAaI,IAAb,cAA2BC,EAAW;;EACpB,KAAA,SAAAC,EAAU,CAACN,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBO,EAAK,SAAS,MAAMA,EACvB;;CAKA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAQA,SAAS;EACP,OAAO,CAAI;CAQb;AACF;AAfGP,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,QAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,UAAA,KAAA,CAAA"}

package/dist/radio/radio-group2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group2.js","names":["styles","_decorate","__decorate","radio_group_default","RadioGroup","ControlGroup","useStyles","audit","typeSSR"],"sources":["../../src/radio/radio-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, typeSSR, useStyles } from '@nvidia-elements/core/internal';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './radio-group.css?inline';\n\n/**\n * @element nve-radio-group\n * @description Groups related radio buttons together with a shared label and validation messaging for single-select form inputs.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/radio\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/radio/\n */\n@audit()\n@typeSSR()\nexport class RadioGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-radio-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-radio']\n  };\n}\n"],"mappings":";;;;;;;AAiBO,IAAMI,IAAN,cAAyBC,EAAa;;EACd,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAa,QAAQL,CAAM,CAAC;;;EAE5C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAW;EACxD;;AACF;AAVC,IAAAC,EAAA,CAAAM,EAAM,GACNC,EAAQ,CAAA,GAAAJ,CAAA"}
+{"version":3,"file":"radio-group2.js","names":["styles","_decorate","__decorate","radio_group_default","RadioGroup","ControlGroup","useStyles","audit","typeSSR"],"sources":["../../src/radio/radio-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, typeSSR } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './radio-group.css?inline';\n\n/**\n * @element nve-radio-group\n * @description Groups related radio buttons together with a shared label and validation messaging for single-select form inputs.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/radio\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/radio/\n */\n@audit()\n@typeSSR()\nexport class RadioGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-radio-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-radio']\n  };\n}\n"],"mappings":";;;;;;;AAkBO,IAAMI,IAAN,cAAyBC,EAAa;;EACd,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAa,QAAQL,CAAM,CAAC;;;EAE5C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAW;EACxD;;AACF;AAVC,IAAAC,EAAA,CAAAM,EAAM,GACNC,EAAQ,CAAA,GAAAJ,CAAA"}

package/dist/radio/radio2.js

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

package/dist/radio/radio2.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio2.js","names":["styles","_decorate","__decorate","radio_default","Radio","Control","_args","useStyles","hostAttr","audit"],"sources":["../../src/radio/radio.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './radio.css?inline';\n\n/**\n * @element nve-radio\n * @description A radio button is a control that enables users to choose one option from a list of mutually exclusive options.\n * @documentation https://nvidia.github.io/elements/docs/elements/radio/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/radio\n * @cssprop --cursor\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --border-color\n * @cssprop --radio-color\n * @cssprop --background\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/radio/\n */\n@audit()\nexport class Radio extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  /** @private - disable for inline control */\n  declare fitText: boolean;\n\n  /** @private - disable for inline control */\n  declare fitContent: boolean;\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-radio',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AAyBO,IAAMI,IAAN,cAAoBC,EAAQ;;EAC8B,A,aAAA,KAAA,aAAA;;;EAQlC,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAS;GAAqB;EACpD;;AACF;AAfGC,EAAA,CAAAO,EAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAAJ,EAAA,WAAA,cAAA,KAAA,CAAA,GAFvC,IAAAH,EAAA,CAAAQ,EAAM,CAAA,GAAAL,CAAA"}
+{"version":3,"file":"radio2.js","names":["styles","_decorate","__decorate","radio_default","Radio","Control","_args","useStyles","hostAttr","audit"],"sources":["../../src/radio/radio.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './radio.css?inline';\n\n/**\n * @element nve-radio\n * @description A radio button is a control that enables users to choose one option from a list of mutually exclusive options.\n * @documentation https://nvidia.github.io/elements/docs/elements/radio/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/radio\n * @cssprop --cursor\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --border-color\n * @cssprop --radio-color\n * @cssprop --background\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/radio/\n */\n@audit()\nexport class Radio extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  /** @private - disable for inline control */\n  declare fitText: boolean;\n\n  /** @private - disable for inline control */\n  declare fitContent: boolean;\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-radio',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AA0BO,IAAMI,IAAN,cAAoBC,EAAQ;;EAC8B,A,aAAA,KAAA,aAAA;;;EAQlC,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAS;GAAqB;EACpD;;AACF;AAfGC,EAAA,CAAAO,EAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAAJ,EAAA,WAAA,cAAA,KAAA,CAAA,GAFvC,IAAAH,EAAA,CAAAQ,EAAM,CAAA,GAAAL,CAAA"}

package/dist/range/range2.js

@@ -1,27 +1,27 @@
 import { appendRootNodeStyle as e, getElementUpdate as t } from "../internal/utils/dom.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as i } from "../forms/control/control2.js";
-import a from "./range.global.js";
-import o from "./range.js";
-import { html as s, isServer as c, nothing as l } from "lit";
-import { property as u } from "lit/decorators/property.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Control as r } from "../forms/control/control2.js";
+import i from "./range.global.js";
+import a from "./range.js";
+import { html as o, isServer as s, nothing as c } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
 // src/range/range.ts
-var d = class extends i {
+var d = class extends r {
 	constructor(...e) {
 		super(...e), this.orientation = "horizontal";
 	}
 	static {
-		this.styles = n([...i.styles, o]);
+		this.styles = u([...r.styles, a]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-range",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this, a), this._internals.ariaOrientation = this.orientation;
+		super.connectedCallback(), e(this, i), this._internals.ariaOrientation = this.orientation;
 	}
 	firstUpdated(e) {
 		super.firstUpdated(e), this.#e(), this.input.addEventListener("input", () => this.#e()), t(this.input, "value", (e) => this.#e(e));
@@ -34,18 +34,18 @@ var d = class extends i {
 		this.style.setProperty("--track-width", `${Math.floor((t - n) / (r - n) * 100) / 100}`);
 	}
 	get suffixContent() {
-		let e = c ? null : this.querySelector("datalist");
-		return e ? this.#t(e) : l;
+		let e = s ? null : this.querySelector("datalist");
+		return e ? this.#t(e) : c;
 	}
 	#t(e) {
 		let t = Array.from(e.options), n = this.input?.min ? parseFloat(this.input.min) : 0, r = this.input?.max ? parseFloat(this.input.max) : 100;
-		return s`<div class="datalist-labels">${t.map((e) => {
+		return o`<div class="datalist-labels">${t.map((e) => {
 			let t = parseFloat(e.value), i = (t - n) / (r - n) * 100, a = this.orientation === "vertical" ? `bottom: ${i}%; transform: translateY(${i}%)` : `left: ${i}%; transform: translateX(-${i}%)`;
-			return s`<span class="datalist-tick" style="${a}">${e.textContent || t}</span>`;
+			return o`<span class="datalist-tick" style="${a}">${e.textContent || t}</span>`;
 		})}</div>`;
 	}
 };
-r([u({
+n([l({
 	type: String,
 	reflect: !0
 })], d.prototype, "orientation", void 0);

package/dist/range/range2.js.map

@@ -1 +1 @@
-{"version":3,"file":"range2.js","names":["styles","globalStyles","_decorate","__decorate","range_global_default","range_default","Range","Control","_args","useStyles","appendRootNodeStyle","props","#setTrackWidth","getElementUpdate","value","val","min","max","datalist","isServer","#renderDatalistTicks","nothing","options","option","position","style","property"],"sources":["../../src/range/range.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { appendRootNodeStyle, getElementUpdate, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { property } from 'lit/decorators/property.js';\nimport globalStyles from './range.global.css?inline';\nimport styles from './range.css?inline';\nimport type { PropertyValues } from 'lit';\nimport { html, nothing, isServer } from 'lit';\n/**\n * @element nve-range\n * @description A range slider is a control that enables users to choose a value from a continuous range of values.\n * @documentation https://nvidia.github.io/elements/docs/elements/range/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/range\n * @cssprop --background\n * @cssprop --control-height\n * @cssprop --cursor\n * @cssprop --track-width\n * @cssprop --track-height\n * @cssprop --track-border-radius\n * @cssprop --track-background\n * @cssprop --thumb-width\n * @cssprop --thumb-height\n * @cssprop --thumb-background\n * @cssprop --thumb-border\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/\n */\nexport class Range extends Control {\n  static styles = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-range',\n    version: '0.0.0'\n  };\n\n  /** Determines the orientation of the range slider. */\n  @property({ type: String, reflect: true }) orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.ariaOrientation = this.orientation;\n  }\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n    this.#setTrackWidth();\n    this.input.addEventListener('input', () => this.#setTrackWidth());\n    getElementUpdate(this.input, 'value', (value: unknown) => this.#setTrackWidth(value as number));\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('orientation')) {\n      this._internals.ariaOrientation = this.orientation;\n    }\n  }\n\n  #setTrackWidth(val?: number) {\n    const value = val ?? this.input.valueAsNumber;\n    const min = this.input.min ? parseFloat(this.input.min) : 0;\n    const max = this.input.max ? parseFloat(this.input.max) : 100;\n    this.style.setProperty('--track-width', `${Math.floor(((value - min) / (max - min)) * 100) / 100}`);\n  }\n\n  protected get suffixContent() {\n    const datalist = !isServer ? this.querySelector<HTMLDataListElement>('datalist') : null;\n    return datalist ? this.#renderDatalistTicks(datalist) : nothing;\n  }\n\n  #renderDatalistTicks(datalist: HTMLDataListElement) {\n    const options = Array.from(datalist.options);\n    const min = this.input?.min ? parseFloat(this.input.min) : 0;\n    const max = this.input?.max ? parseFloat(this.input.max) : 100;\n\n    return html`<div class=\"datalist-labels\">\n      ${options.map(option => {\n        const value = parseFloat(option.value);\n        const position = ((value - min) / (max - min)) * 100;\n        const style =\n          this.orientation === 'vertical'\n            ? `bottom: ${position}%; transform: translateY(${position}%)`\n            : `left: ${position}%; transform: translateX(-${position}%)`;\n        return html`<span class=\"datalist-tick\" style=${style}>${option.textContent || value}</span>`;\n      })}\n    </div>`;\n  }\n}\n"],"mappings":";;;;;;;;;AA6BA,IAAaM,IAAb,cAA2BC,EAAQ;;EASmD,A,aAAA,KAAA,cAAA;;;EARpE,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQP,CAAM,CAAC;;;EAE1B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBU,EAAoB,MAAMT,CAAY,GACtC,KAAK,WAAW,kBAAkB,KAAK;CACzC;CAEA,aAAa,GAA6B;EAIxC,AAHA,MAAM,aAAaU,CAAK,GACxB,KAAKC,GAAe,GACpB,KAAK,MAAM,iBAAiB,eAAe,KAAKA,GAAe,CAAC,GAChEC,EAAiB,KAAK,OAAO,UAAU,MAAmB,KAAKD,GAAeE,CAAe,CAAC;CAChG;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQH,CAAK,GACfA,EAAM,IAAI,aAAa,MACzB,KAAK,WAAW,kBAAkB,KAAK;CAE3C;CAEA,GAAe,GAAc;EAC3B,IAAMG,IAAQC,KAAO,KAAK,MAAM,eAC1BC,IAAM,KAAK,MAAM,MAAM,WAAW,KAAK,MAAM,GAAG,IAAI,GACpDC,IAAM,KAAK,MAAM,MAAM,WAAW,KAAK,MAAM,GAAG,IAAI;EAC1D,KAAK,MAAM,YAAY,iBAAiB,GAAG,KAAK,OAAQH,IAAQE,MAAQC,IAAMD,KAAQ,GAAG,IAAI,KAAK;CACpG;CAEA,IAAc,gBAAgB;EAC5B,IAAME,IAAYC,IAAiE,OAAtD,KAAK,cAAmC,UAAU;EAC/E,OAAOD,IAAW,KAAKE,GAAqBF,CAAQ,IAAIG;CAC1D;CAEA,GAAqB,GAA+B;EAClD,IAAMC,IAAU,MAAM,KAAKJ,EAAS,OAAO,GACrCF,IAAM,KAAK,OAAO,MAAM,WAAW,KAAK,MAAM,GAAG,IAAI,GACrDC,IAAM,KAAK,OAAO,MAAM,WAAW,KAAK,MAAM,GAAG,IAAI;EAE3D,OAAO,CAAI,gCACPK,EAAQ,KAAI,MAAU;GACtB,IAAMR,IAAQ,WAAWS,EAAO,KAAK,GAC/BC,KAAaV,IAAQE,MAAQC,IAAMD,KAAQ,KAC3CS,IACJ,KAAK,gBAAgB,aACjB,WAAWD,EAAS,2BAA2BA,EAAS,MACxD,SAASA,EAAS,4BAA4BA,EAAS;GAC7D,OAAO,CAAI,sCAAqCC,EAAM,IAAGF,EAAO,eAAeT,EAAM;EACvF,CAAC,EAAE;CAEP;AACF;AAnDGZ,EAAA,CAAAwB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAApB,EAAA,WAAA,eAAA,KAAA,CAAA"}
+{"version":3,"file":"range2.js","names":["styles","globalStyles","_decorate","__decorate","range_global_default","range_default","Range","Control","_args","useStyles","appendRootNodeStyle","props","#setTrackWidth","getElementUpdate","value","val","min","max","datalist","isServer","#renderDatalistTicks","nothing","options","option","position","style","property"],"sources":["../../src/range/range.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { appendRootNodeStyle, getElementUpdate } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { property } from 'lit/decorators/property.js';\nimport globalStyles from './range.global.css?inline';\nimport styles from './range.css?inline';\nimport type { PropertyValues } from 'lit';\nimport { html, nothing, isServer } from 'lit';\n/**\n * @element nve-range\n * @description A range slider is a control that enables users to choose a value from a continuous range of values.\n * @documentation https://nvidia.github.io/elements/docs/elements/range/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/range\n * @cssprop --background\n * @cssprop --control-height\n * @cssprop --cursor\n * @cssprop --track-width\n * @cssprop --track-height\n * @cssprop --track-border-radius\n * @cssprop --track-background\n * @cssprop --thumb-width\n * @cssprop --thumb-height\n * @cssprop --thumb-background\n * @cssprop --thumb-border\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/\n */\nexport class Range extends Control {\n  static styles = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-range',\n    version: '0.0.0'\n  };\n\n  /** Determines the orientation of the range slider. */\n  @property({ type: String, reflect: true }) orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.ariaOrientation = this.orientation;\n  }\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n    this.#setTrackWidth();\n    this.input.addEventListener('input', () => this.#setTrackWidth());\n    getElementUpdate(this.input, 'value', (value: unknown) => this.#setTrackWidth(value as number));\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('orientation')) {\n      this._internals.ariaOrientation = this.orientation;\n    }\n  }\n\n  #setTrackWidth(val?: number) {\n    const value = val ?? this.input.valueAsNumber;\n    const min = this.input.min ? parseFloat(this.input.min) : 0;\n    const max = this.input.max ? parseFloat(this.input.max) : 100;\n    this.style.setProperty('--track-width', `${Math.floor(((value - min) / (max - min)) * 100) / 100}`);\n  }\n\n  protected get suffixContent() {\n    const datalist = !isServer ? this.querySelector<HTMLDataListElement>('datalist') : null;\n    return datalist ? this.#renderDatalistTicks(datalist) : nothing;\n  }\n\n  #renderDatalistTicks(datalist: HTMLDataListElement) {\n    const options = Array.from(datalist.options);\n    const min = this.input?.min ? parseFloat(this.input.min) : 0;\n    const max = this.input?.max ? parseFloat(this.input.max) : 100;\n\n    return html`<div class=\"datalist-labels\">\n      ${options.map(option => {\n        const value = parseFloat(option.value);\n        const position = ((value - min) / (max - min)) * 100;\n        const style =\n          this.orientation === 'vertical'\n            ? `bottom: ${position}%; transform: translateY(${position}%)`\n            : `left: ${position}%; transform: translateX(-${position}%)`;\n        return html`<span class=\"datalist-tick\" style=${style}>${option.textContent || value}</span>`;\n      })}\n    </div>`;\n  }\n}\n"],"mappings":";;;;;;;;;AA8BA,IAAaM,IAAb,cAA2BC,EAAQ;;EASmD,A,aAAA,KAAA,cAAA;;;EARpE,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQP,CAAM,CAAC;;;EAE1B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBU,EAAoB,MAAMT,CAAY,GACtC,KAAK,WAAW,kBAAkB,KAAK;CACzC;CAEA,aAAa,GAA6B;EAIxC,AAHA,MAAM,aAAaU,CAAK,GACxB,KAAKC,GAAe,GACpB,KAAK,MAAM,iBAAiB,eAAe,KAAKA,GAAe,CAAC,GAChEC,EAAiB,KAAK,OAAO,UAAU,MAAmB,KAAKD,GAAeE,CAAe,CAAC;CAChG;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQH,CAAK,GACfA,EAAM,IAAI,aAAa,MACzB,KAAK,WAAW,kBAAkB,KAAK;CAE3C;CAEA,GAAe,GAAc;EAC3B,IAAMG,IAAQC,KAAO,KAAK,MAAM,eAC1BC,IAAM,KAAK,MAAM,MAAM,WAAW,KAAK,MAAM,GAAG,IAAI,GACpDC,IAAM,KAAK,MAAM,MAAM,WAAW,KAAK,MAAM,GAAG,IAAI;EAC1D,KAAK,MAAM,YAAY,iBAAiB,GAAG,KAAK,OAAQH,IAAQE,MAAQC,IAAMD,KAAQ,GAAG,IAAI,KAAK;CACpG;CAEA,IAAc,gBAAgB;EAC5B,IAAME,IAAYC,IAAiE,OAAtD,KAAK,cAAmC,UAAU;EAC/E,OAAOD,IAAW,KAAKE,GAAqBF,CAAQ,IAAIG;CAC1D;CAEA,GAAqB,GAA+B;EAClD,IAAMC,IAAU,MAAM,KAAKJ,EAAS,OAAO,GACrCF,IAAM,KAAK,OAAO,MAAM,WAAW,KAAK,MAAM,GAAG,IAAI,GACrDC,IAAM,KAAK,OAAO,MAAM,WAAW,KAAK,MAAM,GAAG,IAAI;EAE3D,OAAO,CAAI,gCACPK,EAAQ,KAAI,MAAU;GACtB,IAAMR,IAAQ,WAAWS,EAAO,KAAK,GAC/BC,KAAaV,IAAQE,MAAQC,IAAMD,KAAQ,KAC3CS,IACJ,KAAK,gBAAgB,aACjB,WAAWD,EAAS,2BAA2BA,EAAS,MACxD,SAASA,EAAS,4BAA4BA,EAAS;GAC7D,OAAO,CAAI,sCAAqCC,EAAM,IAAGF,EAAO,eAAeT,EAAM;EACvF,CAAC,EAAE;CAEP;AACF;AAnDGZ,EAAA,CAAAwB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAApB,EAAA,WAAA,eAAA,KAAA,CAAA"}

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

@@ -1,16 +1,16 @@
 import { GestureController as e } from "../internal/controllers/gesture.controller.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import r from "./resize-handle.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
-import { I18nController as s } from "@nvidia-elements/foundations/internal/i18n";
-import { ifDefined as c } from "lit/directives/if-defined.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./resize-handle.js";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { I18nController as o } from "@nvidia-elements/foundations/internal/i18n";
+import { ifDefined as s } from "lit/directives/if-defined.js";
+import { useStyles as c } from "@nvidia-elements/foundations/internal/styles";
 import { FormControlMixin as l } from "@nvidia-elements/forms/mixins";
 // src/resize-handle/resize-handle.ts
-var u = { resize: "resize" }, d = class extends l(i) {
+var u = { resize: "resize" }, d = class extends l(r) {
 	static {
-		this.styles = t([r]);
+		this.styles = c([n]);
 	}
 	get #e() {
 		return this.shadowRoot.querySelector("input");
@@ -18,7 +18,7 @@ var u = { resize: "resize" }, d = class extends l(i) {
 	static {
 		this.metadata = {
 			tag: "nve-resize-handle",
-			version: "2.23.3",
+			version: "2.23.5",
 			valueSchema: { type: "number" }
 		};
 	}
@@ -27,10 +27,10 @@ var u = { resize: "resize" }, d = class extends l(i) {
 	#r;
 	#i;
 	render() {
-		return a`<div internal-host><div class="line" part="_line"></div><input aria-label="${c(this.ariaLabel ?? this.i18n.resize)}" type="range" min="${this.min}" max="${this.max}" .valueAsNumber="${this.valueAsNumber}" @input="${(e) => this.#f(e.target.valueAsNumber)}" @change="${(e) => this.#p(e.target.valueAsNumber)}" step="${this.step}"></div>`;
+		return i`<div internal-host><div class="line" part="_line"></div><input aria-label="${s(this.ariaLabel ?? this.i18n.resize)}" type="range" min="${this.min}" max="${this.max}" .valueAsNumber="${this.valueAsNumber}" @input="${(e) => this.#f(e.target.valueAsNumber)}" @change="${(e) => this.#p(e.target.valueAsNumber)}" step="${this.step}"></div>`;
 	}
 	constructor() {
-		super(), this.orientation = "horizontal", this.min = 0, this.max = 100, this.step = 10, this.#t = new s(this, u), this.i18n = this.#t.i18n, this.#i = 0, this.#o = (e) => {
+		super(), this.orientation = "horizontal", this.min = 0, this.max = 100, this.step = 10, this.#t = new o(this, u), this.i18n = this.#t.i18n, this.#i = 0, this.#o = (e) => {
 			let t = e.detail;
 			t.kind === "pointerdown" ? t.event.button === 0 && t.event.isPrimary && this.#r === void 0 && t.claim({ kind: "drag" }) && this.#c(t.event.pointerId) : t.kind === "pointerend" && t.event.pointerId === this.#r && (t.interrupted ? this.#d() : (this.#l(t), this.#u()));
 		}, this.#s = (e) => {
@@ -81,19 +81,19 @@ var u = { resize: "resize" }, d = class extends l(i) {
 		e <= this.max && e >= this.min && (this.valueAsNumber = e);
 	}
 };
-n([o({
+t([a({
 	type: String,
 	reflect: !0
-})], d.prototype, "orientation", void 0), n([o({
+})], d.prototype, "orientation", void 0), t([a({
 	type: Number,
 	reflect: !0
-})], d.prototype, "min", void 0), n([o({
+})], d.prototype, "min", void 0), t([a({
 	type: Number,
 	reflect: !0
-})], d.prototype, "max", void 0), n([o({
+})], d.prototype, "max", void 0), t([a({
 	type: Number,
 	reflect: !0
-})], d.prototype, "step", void 0), n([o({ type: Object })], d.prototype, "i18n", void 0);
+})], d.prototype, "step", void 0), t([a({ type: Object })], d.prototype, "i18n", void 0);
 export { d as ResizeHandle };
 
 //# sourceMappingURL=resize-handle2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resize-handle2.js","names":["styles","_decorate","__decorate","resize_handle_default","i18nDefaults","ResizeHandle","FormControlMixin","LitElement","useStyles","#range","ifDefined","#setInput","#setChange","#i18nController","I18nController","#offset","#handleGestureInput","input","event","#dragPointerId","#dragStart","#cancelDrag","#dragMove","#dragEnd","#handleGesture","#gestureController","GestureController","props","#toggle","value","pointerId","offset","gesture","#updateValue","property"],"sources":["../../src/resize-handle/resize-handle.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport {\n  GestureController,\n  useStyles,\n  type Gesture,\n  type GestureInput,\n  type PointerMovementGesture\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './resize-handle.css?inline';\n\nconst i18nDefaults = {\n  resize: 'resize'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-resize-handle\n * @description A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n * @documentation https://nvidia.github.io/elements/docs/elements/resize-handle/\n * @since 1.27.0\n * @entrypoint \\@nvidia-elements/core/resize-handle\n * @event toggle - Dispatched when the resize handle is double clicked.\n * @cssprop --background\n * @cssprop --line-width\n * @cssprop --target-size\n * @cssprop --cursor\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/\n *\n */\nexport class ResizeHandle extends FormControlMixin<typeof LitElement, number>(LitElement) {\n  /**\n   * Determines the orientation direction of the resize handle.\n   */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Determines the min resize value.\n   */\n  @property({ type: Number, reflect: true }) min = 0;\n\n  /**\n   * Determines the max resize value.\n   */\n  @property({ type: Number, reflect: true }) max = 100;\n\n  /**\n   * Determines the value step change.\n   */\n  @property({ type: Number, reflect: true }) step = 10;\n\n  static styles = useStyles([styles]);\n\n  get #range() {\n    return this.shadowRoot!.querySelector('input')!;\n  }\n\n  static readonly metadata = {\n    tag: 'nve-resize-handle',\n    version: '0.0.0',\n    valueSchema: {\n      type: 'number' as const\n    }\n  };\n\n  readonly #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  readonly #gestureController: GestureController;\n\n  #dragPointerId?: number;\n\n  /**\n   * Updates internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  #offset = 0;\n\n  render() {\n    return html`\n      <div internal-host>\n        <div class=\"line\" part=\"_line\"></div>\n        <input aria-label=${ifDefined(this.ariaLabel ?? this.i18n.resize)} type=\"range\" min=${this.min} max=${this.max} .valueAsNumber=${this.valueAsNumber} @input=${(e: Event) => this.#setInput((e.target as HTMLInputElement).valueAsNumber)} @change=${(e: Event) => this.#setChange((e.target as HTMLInputElement).valueAsNumber)} step=${this.step} />\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.value = this.value ?? 50;\n    this.#offset = this.valueAsNumber;\n    this.#gestureController = new GestureController(this, { touchAction: 'none' });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'none';\n    this.addEventListener('nve-gesture', this.#handleGesture as EventListener);\n    this.addEventListener('nve-gesture-input', this.#handleGestureInput as EventListener);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('nve-gesture', this.#handleGesture as EventListener);\n    this.removeEventListener('nve-gesture-input', this.#handleGestureInput as EventListener);\n    this.#cancelDrag();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated(props: PropertyValues) {\n    super.firstUpdated(props);\n    this.#gestureController.target = this;\n    this.addEventListener('dblclick', () => {\n      if (!this.dispatchEvent(new CustomEvent('toggle', { cancelable: true, bubbles: true, composed: true }))) {\n        return;\n      }\n      this.#toggle();\n    });\n  }\n\n  #toggle() {\n    const value = this.valueAsNumber <= this.max && this.valueAsNumber !== this.min ? this.min : this.max;\n    this.#setInput(value);\n    this.#setChange(value);\n  }\n\n  #handleGestureInput = (event: CustomEvent<GestureInput>): void => {\n    const input = event.detail;\n    if (input.kind === 'pointerdown') {\n      const canStartDrag = input.event.button === 0 && input.event.isPrimary && this.#dragPointerId === undefined;\n      if (canStartDrag && input.claim({ kind: 'drag' })) this.#dragStart(input.event.pointerId);\n    } else if (input.kind === 'pointerend' && input.event.pointerId === this.#dragPointerId) {\n      if (input.interrupted) this.#cancelDrag();\n      else {\n        this.#dragMove(input);\n        this.#dragEnd();\n      }\n    }\n  };\n\n  #handleGesture = (event: CustomEvent<Gesture<undefined>>): void => {\n    if (event.detail.kind === 'drag' && event.detail.event.pointerId === this.#dragPointerId) {\n      this.#dragMove(event.detail);\n    }\n  };\n\n  #dragStart(pointerId: number) {\n    this.#dragPointerId = pointerId;\n    this.#range.step = '1';\n    this._internals.states.add('active');\n    this.#offset = this.valueAsNumber;\n  }\n\n  #dragMove(gesture: Pick<PointerMovementGesture, 'movementX' | 'movementY'>) {\n    const offset =\n      (this.orientation === 'vertical' ? gesture.movementX : -gesture.movementY) * (this.dir === 'rtl' ? -1 : 1);\n    if (offset === 0) return;\n    this.#offset = Math.max(this.min, Math.min(this.max, this.#offset + offset));\n    this.#setInput(this.#offset);\n  }\n\n  #dragEnd() {\n    this.#offset = this.valueAsNumber;\n    this.#range.step = `${this.step}`;\n    this.#dragPointerId = undefined;\n    this._internals.states.delete('active');\n    this.#setChange(this.#offset);\n  }\n\n  #cancelDrag() {\n    if (this.#dragPointerId === undefined) return;\n    this.#dragPointerId = undefined;\n    this.#range.step = `${this.step}`;\n    this._internals.states.delete('active');\n  }\n\n  #setInput(value: number) {\n    this.#updateValue(value);\n    this.dispatchInputEvent();\n  }\n\n  #setChange(value: number) {\n    this.#updateValue(value);\n    this.dispatchChangeEvent();\n  }\n\n  #updateValue(value: number) {\n    if (value <= this.max && value >= this.min) {\n      this.valueAsNumber = value;\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"resize-handle2.js","names":["styles","_decorate","__decorate","resize_handle_default","i18nDefaults","ResizeHandle","FormControlMixin","LitElement","useStyles","#range","ifDefined","#setInput","#setChange","#i18nController","I18nController","#offset","#handleGestureInput","input","event","#dragPointerId","#dragStart","#cancelDrag","#dragMove","#dragEnd","#handleGesture","#gestureController","GestureController","props","#toggle","value","pointerId","offset","gesture","#updateValue","property"],"sources":["../../src/resize-handle/resize-handle.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport {\n  GestureController,\n  type Gesture,\n  type GestureInput,\n  type PointerMovementGesture\n} from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './resize-handle.css?inline';\n\nconst i18nDefaults = {\n  resize: 'resize'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-resize-handle\n * @description A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n * @documentation https://nvidia.github.io/elements/docs/elements/resize-handle/\n * @since 1.27.0\n * @entrypoint \\@nvidia-elements/core/resize-handle\n * @event toggle - Dispatched when the resize handle is double clicked.\n * @cssprop --background\n * @cssprop --line-width\n * @cssprop --target-size\n * @cssprop --cursor\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/\n *\n */\nexport class ResizeHandle extends FormControlMixin<typeof LitElement, number>(LitElement) {\n  /**\n   * Determines the orientation direction of the resize handle.\n   */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Determines the min resize value.\n   */\n  @property({ type: Number, reflect: true }) min = 0;\n\n  /**\n   * Determines the max resize value.\n   */\n  @property({ type: Number, reflect: true }) max = 100;\n\n  /**\n   * Determines the value step change.\n   */\n  @property({ type: Number, reflect: true }) step = 10;\n\n  static styles = useStyles([styles]);\n\n  get #range() {\n    return this.shadowRoot!.querySelector('input')!;\n  }\n\n  static readonly metadata = {\n    tag: 'nve-resize-handle',\n    version: '0.0.0',\n    valueSchema: {\n      type: 'number' as const\n    }\n  };\n\n  readonly #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  readonly #gestureController: GestureController;\n\n  #dragPointerId?: number;\n\n  /**\n   * Updates internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  #offset = 0;\n\n  render() {\n    return html`\n      <div internal-host>\n        <div class=\"line\" part=\"_line\"></div>\n        <input aria-label=${ifDefined(this.ariaLabel ?? this.i18n.resize)} type=\"range\" min=${this.min} max=${this.max} .valueAsNumber=${this.valueAsNumber} @input=${(e: Event) => this.#setInput((e.target as HTMLInputElement).valueAsNumber)} @change=${(e: Event) => this.#setChange((e.target as HTMLInputElement).valueAsNumber)} step=${this.step} />\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.value = this.value ?? 50;\n    this.#offset = this.valueAsNumber;\n    this.#gestureController = new GestureController(this, { touchAction: 'none' });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'none';\n    this.addEventListener('nve-gesture', this.#handleGesture as EventListener);\n    this.addEventListener('nve-gesture-input', this.#handleGestureInput as EventListener);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('nve-gesture', this.#handleGesture as EventListener);\n    this.removeEventListener('nve-gesture-input', this.#handleGestureInput as EventListener);\n    this.#cancelDrag();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated(props: PropertyValues) {\n    super.firstUpdated(props);\n    this.#gestureController.target = this;\n    this.addEventListener('dblclick', () => {\n      if (!this.dispatchEvent(new CustomEvent('toggle', { cancelable: true, bubbles: true, composed: true }))) {\n        return;\n      }\n      this.#toggle();\n    });\n  }\n\n  #toggle() {\n    const value = this.valueAsNumber <= this.max && this.valueAsNumber !== this.min ? this.min : this.max;\n    this.#setInput(value);\n    this.#setChange(value);\n  }\n\n  #handleGestureInput = (event: CustomEvent<GestureInput>): void => {\n    const input = event.detail;\n    if (input.kind === 'pointerdown') {\n      const canStartDrag = input.event.button === 0 && input.event.isPrimary && this.#dragPointerId === undefined;\n      if (canStartDrag && input.claim({ kind: 'drag' })) this.#dragStart(input.event.pointerId);\n    } else if (input.kind === 'pointerend' && input.event.pointerId === this.#dragPointerId) {\n      if (input.interrupted) this.#cancelDrag();\n      else {\n        this.#dragMove(input);\n        this.#dragEnd();\n      }\n    }\n  };\n\n  #handleGesture = (event: CustomEvent<Gesture<undefined>>): void => {\n    if (event.detail.kind === 'drag' && event.detail.event.pointerId === this.#dragPointerId) {\n      this.#dragMove(event.detail);\n    }\n  };\n\n  #dragStart(pointerId: number) {\n    this.#dragPointerId = pointerId;\n    this.#range.step = '1';\n    this._internals.states.add('active');\n    this.#offset = this.valueAsNumber;\n  }\n\n  #dragMove(gesture: Pick<PointerMovementGesture, 'movementX' | 'movementY'>) {\n    const offset =\n      (this.orientation === 'vertical' ? gesture.movementX : -gesture.movementY) * (this.dir === 'rtl' ? -1 : 1);\n    if (offset === 0) return;\n    this.#offset = Math.max(this.min, Math.min(this.max, this.#offset + offset));\n    this.#setInput(this.#offset);\n  }\n\n  #dragEnd() {\n    this.#offset = this.valueAsNumber;\n    this.#range.step = `${this.step}`;\n    this.#dragPointerId = undefined;\n    this._internals.states.delete('active');\n    this.#setChange(this.#offset);\n  }\n\n  #cancelDrag() {\n    if (this.#dragPointerId === undefined) return;\n    this.#dragPointerId = undefined;\n    this.#range.step = `${this.step}`;\n    this._internals.states.delete('active');\n  }\n\n  #setInput(value: number) {\n    this.#updateValue(value);\n    this.dispatchInputEvent();\n  }\n\n  #setChange(value: number) {\n    this.#updateValue(value);\n    this.dispatchChangeEvent();\n  }\n\n  #updateValue(value: number) {\n    if (value <= this.max && value >= this.min) {\n      this.valueAsNumber = value;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/search/search2.js

@@ -1,44 +1,44 @@
-import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as r } from "../icon-button/icon-button2.js";
-import { Control as i } from "../forms/control/control2.js";
-import { inputStyles as a } from "../input/input2.js";
-import o from "./search.js";
-import { html as s } from "lit";
-import { property as c } from "lit/decorators/property.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as t } from "../icon-button/icon-button2.js";
+import { Control as n } from "../forms/control/control2.js";
+import { inputStyles as r } from "../input/input2.js";
+import i from "./search.js";
+import { html as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
+import { scopedRegistry as s } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as c } from "@nvidia-elements/foundations/internal/styles";
 // src/search/search.ts
-var l = class extends i {
+var l = class extends n {
 	constructor(...e) {
 		super(...e), this.rounded = !1;
 	}
 	static {
-		this.styles = t([
-			...i.styles,
-			a,
-			o
+		this.styles = c([
+			...n.styles,
+			r,
+			i
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-search",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [r.metadata.tag]: r };
+		this.elementDefinitions = { [t.metadata.tag]: t };
 	}
 	get prefixContent() {
-		return s`<nve-icon-button part="icon-button" icon-name="search" container="inline" aria-hidden="true" readonly="readonly"></nve-icon-button>`;
+		return a`<nve-icon-button part="icon-button" icon-name="search" container="inline" aria-hidden="true" readonly="readonly"></nve-icon-button>`;
 	}
 };
-n([c({
+e([o({
 	type: String,
 	reflect: !0
-})], l.prototype, "container", void 0), n([c({
+})], l.prototype, "container", void 0), e([o({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "rounded", void 0), l = n([e()], l);
+})], l.prototype, "rounded", void 0), l = e([s()], l);
 export { l as Search };
 
 //# sourceMappingURL=search2.js.map