@nvidia-elements/core 2.23.4 → 2.23.5

package/dist/date/date2.js

@@ -1,41 +1,41 @@
-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 "./date.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 "./date.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/date/date.ts
-var l = { expand: "expand" }, u = class extends i {
+var l = { expand: "expand" }, u = class extends n {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
-		this.styles = t([
-			...i.styles,
-			a,
-			o
+		this.styles = c([
+			...n.styles,
+			r,
+			i
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [r.metadata.tag]: r };
+		this.elementDefinitions = { [t.metadata.tag]: t };
 	}
 	get suffixContent() {
-		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
+		return a`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
 	}
 };
-n([c({
+e([o({
 	type: String,
 	reflect: !0
-})], u.prototype, "container", void 0), u = n([e()], u);
+})], u.prototype, "container", void 0), u = e([s()], u);
 export { u as Date };
 
 //# sourceMappingURL=date2.js.map

package/dist/date/date2.js.map

@@ -1 +1 @@
-{"version":3,"file":"date2.js","names":["styles","_decorate","__decorate","date_default","i18nDefaults","Date","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/date/date.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './date.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-date\n * @description A date picker is a control that enables users to choose a date value.\n * @documentation https://nvidia.github.io/elements/docs/elements/date/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/date\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\n */\n@scopedRegistry()\nexport class Date extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-date',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAyBaC,IAAN,cAAmBC,EAAoC;CAC5D,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaR;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBS,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAJ,EAAA,CAAAU,EAAe,CAAA,GAAAN,CAAA"}
+{"version":3,"file":"date2.js","names":["styles","_decorate","__decorate","date_default","i18nDefaults","Date","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/date/date.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './date.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-date\n * @description A date picker is a control that enables users to choose a date value.\n * @documentation https://nvidia.github.io/elements/docs/elements/date/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/date\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\n */\n@scopedRegistry()\nexport class Date extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-date',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAcA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAyBaC,IAAN,cAAmBC,EAAoC;CAC5D,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaR;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBS,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAJ,EAAA,CAAAU,EAAe,CAAA,GAAAN,CAAA"}

package/dist/datetime/datetime2.js

@@ -1,41 +1,41 @@
-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 "./datetime.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 "./datetime.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/datetime/datetime.ts
-var l = { expand: "expand" }, u = class extends i {
+var l = { expand: "expand" }, u = class extends n {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
-		this.styles = t([
-			...i.styles,
-			a,
-			o
+		this.styles = c([
+			...n.styles,
+			r,
+			i
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [r.metadata.tag]: r };
+		this.elementDefinitions = { [t.metadata.tag]: t };
 	}
 	get suffixContent() {
-		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
+		return a`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
 	}
 };
-n([c({
+e([o({
 	type: String,
 	reflect: !0
-})], u.prototype, "container", void 0), u = n([e()], u);
+})], u.prototype, "container", void 0), u = e([s()], u);
 export { u as Datetime };
 
 //# sourceMappingURL=datetime2.js.map

package/dist/datetime/datetime2.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime2.js","names":["styles","_decorate","__decorate","datetime_default","i18nDefaults","Datetime","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/datetime/datetime.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './datetime.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-datetime\n * @description A datetime picker is a control that enables users to choose a datetime value.\n * @documentation https://nvidia.github.io/elements/docs/elements/datetime/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/datetime\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local\n */\n@scopedRegistry()\nexport class Datetime extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-datetime',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAyBaC,IAAN,cAAuBC,EAAoC;CAChE,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaR;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBS,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAJ,EAAA,CAAAU,EAAe,CAAA,GAAAN,CAAA"}
+{"version":3,"file":"datetime2.js","names":["styles","_decorate","__decorate","datetime_default","i18nDefaults","Datetime","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/datetime/datetime.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './datetime.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-datetime\n * @description A datetime picker is a control that enables users to choose a datetime value.\n * @documentation https://nvidia.github.io/elements/docs/elements/datetime/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/datetime\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local\n */\n@scopedRegistry()\nexport class Datetime extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-datetime',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAcA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAyBaC,IAAN,cAAuBC,EAAoC;CAChE,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaR;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBS,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAJ,EAAA,CAAAU,EAAe,CAAA,GAAAN,CAAA"}

package/dist/dialog/dialog-footer2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "./dialog-footer.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./dialog-footer.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/dialog/dialog-footer.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "2.23.4",
+			version: "2.23.5",
 			parents: ["nve-dialog"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "footer";

package/dist/dialog/dialog-footer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-footer2.js","names":["styles","dialog_footer_default","DialogFooter","LitElement","useStyles"],"sources":["../../src/dialog/dialog-footer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './dialog-footer.css?inline';\n\n/**\n * @element nve-dialog-footer\n * @description Contains the action buttons and controls at the bottom of a dialog for confirming, canceling, or navigating.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @slot - default slot for the dialog footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DialogFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog-footer',\n    version: '0.0.0',\n    parents: ['nve-dialog']\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    this.slot = 'footer';\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAAkCC,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"dialog-footer2.js","names":["styles","dialog_footer_default","DialogFooter","LitElement","useStyles"],"sources":["../../src/dialog/dialog-footer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './dialog-footer.css?inline';\n\n/**\n * @element nve-dialog-footer\n * @description Contains the action buttons and controls at the bottom of a dialog for confirming, canceling, or navigating.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @slot - default slot for the dialog footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DialogFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog-footer',\n    version: '0.0.0',\n    parents: ['nve-dialog']\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    this.slot = 'footer';\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAAkCC,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/dialog/dialog-header2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "./dialog-header.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./dialog-header.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/dialog/dialog-header.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dialog-header",
-			version: "2.23.4",
+			version: "2.23.5",
 			parents: ["nve-dialog"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "header";

package/dist/dialog/dialog-header2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-header2.js","names":["styles","dialog_header_default","DialogHeader","LitElement","useStyles"],"sources":["../../src/dialog/dialog-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './dialog-header.css?inline';\n\n/**\n * @element nve-dialog-header\n * @description Displays the title and contextual information at the top of a dialog to orient users to the dialog's purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @slot - default slot for the dialog header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DialogHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog-header',\n    version: '0.0.0',\n    parents: ['nve-dialog']\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    this.slot = 'header';\n  }\n}\n"],"mappings":";;;;AAkBA,IAAaE,IAAb,cAAkCC,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"dialog-header2.js","names":["styles","dialog_header_default","DialogHeader","LitElement","useStyles"],"sources":["../../src/dialog/dialog-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './dialog-header.css?inline';\n\n/**\n * @element nve-dialog-header\n * @description Displays the title and contextual information at the top of a dialog to orient users to the dialog's purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @slot - default slot for the dialog header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DialogHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog-header',\n    version: '0.0.0',\n    parents: ['nve-dialog']\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    this.slot = 'header';\n  }\n}\n"],"mappings":";;;;AAkBA,IAAaE,IAAb,cAAkCC,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/dialog/dialog2.js

@@ -1,21 +1,21 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { TypeNativePopoverController as r } from "../internal/controllers/type-native-popover.controller.js";
-import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
-import { useStyles as a } from "../internal/styles/index.js";
-import { popoverStyles as o } from "../internal/styles/popover2.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 l from "./dialog.global.js";
-import u from "./dialog.js";
-import { LitElement as d, html as f } from "lit";
-import { property as p } from "lit/decorators/property.js";
-import { I18nController as m } from "@nvidia-elements/foundations/internal/i18n";
+import { TypeNativePopoverController as n } from "../internal/controllers/type-native-popover.controller.js";
+import { popoverStyles as r } from "../internal/styles/popover2.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 o from "./dialog.global.js";
+import s from "./dialog.js";
+import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as l, html as u } from "lit";
+import { property as d } from "lit/decorators/property.js";
+import { I18nController as f } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as p } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as m } from "@nvidia-elements/foundations/internal/styles";
 // src/dialog/dialog.ts
-var h = { close: "close" }, g = class extends d {
+var h = { close: "close" }, g = class extends l {
 	constructor(...e) {
-		super(...e), this.position = "center", this.alignment = "center", this.anchor = globalThis.document?.body, this.#e = new m(this, h), this.i18n = this.#e.i18n, this.typeNativePopoverController = new r(this);
+		super(...e), this.position = "center", this.alignment = "center", this.anchor = globalThis.document?.body, this.#e = new f(this, h), this.i18n = this.#e.i18n, this.typeNativePopoverController = new n(this);
 	}
 	#e;
 	get popoverType() {
@@ -25,41 +25,41 @@ var h = { close: "close" }, g = class extends d {
 		return this.closable ?? !1;
 	}
 	static {
-		this.styles = a([o, u]);
+		this.styles = m([r, s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [c.metadata.tag]: c };
+		this.elementDefinitions = { [a.metadata.tag]: a };
 	}
 	render() {
-		return f`<div internal-host part="_host"><div class="header">${this.closable ? f`<nve-icon-button part="close-button icon-button" exportparts="icon:icon-button-icon" size="sm" @click="${this.hidePopover}" icon-name="cancel" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<slot name="header"></slot></div><div class="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>`;
+		return u`<div internal-host part="_host"><div class="header">${this.closable ? u`<nve-icon-button part="close-button icon-button" exportparts="icon:icon-button-icon" size="sm" @click="${this.hidePopover}" icon-name="cancel" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<slot name="header"></slot></div><div class="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "dialog", t(this, l);
+		super.connectedCallback(), c(this), this._internals.role = "dialog", t(this, o);
 	}
 };
-s([p({
+i([d({
 	type: String,
 	reflect: !0
-})], g.prototype, "position", void 0), s([p({
+})], g.prototype, "position", void 0), i([d({
 	type: String,
 	reflect: !0
-})], g.prototype, "alignment", void 0), s([p({
+})], g.prototype, "alignment", void 0), i([d({
 	type: String,
 	reflect: !0
-})], g.prototype, "size", void 0), s([p({ type: Boolean })], g.prototype, "closable", void 0), s([p({
+})], g.prototype, "size", void 0), i([d({ type: Boolean })], g.prototype, "closable", void 0), i([d({
 	type: Boolean,
 	reflect: !0
-})], g.prototype, "modal", void 0), s([p({ type: String })], g.prototype, "anchor", void 0), s([p({ type: String })], g.prototype, "trigger", void 0), s([p({
+})], g.prototype, "modal", void 0), i([d({ type: String })], g.prototype, "anchor", void 0), i([d({ type: String })], g.prototype, "trigger", void 0), i([d({
 	type: Boolean,
 	reflect: !0,
 	attribute: "behavior-trigger"
-})], g.prototype, "behaviorTrigger", void 0), s([p({ type: Object })], g.prototype, "i18n", void 0), g = s([e({ excessiveInstanceLimit: 50 }), i()], g);
+})], g.prototype, "behaviorTrigger", void 0), i([d({ type: Object })], g.prototype, "i18n", void 0), g = i([e({ excessiveInstanceLimit: 50 }), p()], g);
 export { g as Dialog };
 
 //# sourceMappingURL=dialog2.js.map

package/dist/dialog/dialog2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog2.js","names":["styles","globalStyles","_decorate","__decorate","dialog_global_default","dialog_default","i18nDefaults","Dialog","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","useStyles","popoverStyles","IconButton","attachInternals","appendRootNodeStyle","property","audit","scopedRegistry"],"sources":["../../src/dialog/dialog.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { PopoverAlign, PopoverPosition, PopoverType, Size } from '@nvidia-elements/core/internal';\nimport {\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  TypeNativePopoverController,\n  useStyles,\n  attachInternals,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport globalStyles from './dialog.global.css?inline';\nimport styles from './dialog.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-dialog\n * @description Dialog is a component that appears above main content. A modal dialog displays critical information that requires user attention and interrupts user flow.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the dialog opens.\n * @event close - Dispatched when the dialog closes.\n * @slot - Dialog body content displayed between the header and footer.\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --gap\n * @cssprop --max-width\n * @cssprop --min-height\n * @cssprop --max-height\n * @cssprop --animation-duration - Duration of dialog open/close animations\n * @csspart close-button - The inner template reference for the close button of the dialog.\n * @csspart icon-button - The icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\n@audit({ excessiveInstanceLimit })\n@scopedRegistry()\nexport class Dialog extends LitElement {\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   * For dialog the anchor defaults to the document body.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'center';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   * If an arrow exists the alignment will be relative to the arrow against the anchor.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n  /**\n   * Sets the max size of the dialog.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  /**\n   * Determines if a close button should render within dialog. Non-closable\n   * dialogs suit dialogs that require user confirmation steps.\n   */\n  @property({ type: Boolean }) closable: boolean;\n\n  /**\n   * Determines if a dialog should have a modal backdrop that visually overlays the UI.\n   */\n  @property({ type: Boolean, reflect: true }) modal: boolean;\n\n  /**\n   * (optional) By default the popover will automatically anchor itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement = globalThis.document?.body;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  get popoverType(): PopoverType {\n    return this.modal ? 'auto' : 'manual';\n  }\n\n  /** @private */\n  get popoverDismissible() {\n    return this.closable ?? false;\n  }\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Dialog>(this);\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host part=\"_host\">\n      <div class=\"header\">\n        ${this.closable ? html`<nve-icon-button part=\"close-button icon-button\" exportparts=\"icon:icon-button-icon\" size=\"sm\" @click=${this.hidePopover} icon-name=\"cancel\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n        <slot name=\"header\"></slot>\n      </div>\n      <div class=\"content\" part=\"_content\">\n        <slot></slot>\n      </div>\n      <slot name=\"footer\"></slot>\n    </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'dialog';\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAMM,IAAe,EACnB,OAAO,QACT,GA8BaC,IAAN,cAAqBC,EAAW;;EAiEG,A,aA5D+B,KAAA,WAAA,UAMF,KAAA,YAAA,UAsBV,KAAA,SAAA,WAAW,UAAU,MAexC,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAYhB,KAAA,8BAAA,IAAIE,EAAoC,IAAI;;CAjBpF;CAQA,IAAI,cAA2B;EAC7B,OAAO,KAAK,QAAQ,SAAS;CAC/B;CAGA,IAAI,qBAAqB;EACvB,OAAO,KAAK,YAAY;CAC1B;;EAIgB,KAAA,SAAAC,EAAU,CAACC,GAAed,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBe,EAAW,SAAS,MAAMA,EAC7B;;CAKA,SAAS;EACP,OAAO,CAAI,uDAGL,KAAK,WAAW,CAAI,0GAAyG,KAAK,YAAY,mCAAiC,KAAK,KAAK,MAAM,wBAAuB,GAAG;CASjO;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,UACvBC,EAAoB,MAAMhB,CAAY;CACxC;AACF;AAjGGC,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,QAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,SAAA,KAAA,CAAA,GAMzCL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,WAAA,KAAA,CAAA,GAMzBL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAX,EAAA,WAAA,mBAAA,KAAA,CAAA,GAOxEL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,QAAA,KAAA,CAAA,GAvD3B,IAAAL,EAAA,CAAAiB,EAAM,EAAE,wBAAA,GAAuB,CAAC,GAChCC,EAAe,CAAA,GAAAb,CAAA"}
+{"version":3,"file":"dialog2.js","names":["styles","globalStyles","_decorate","__decorate","dialog_global_default","dialog_default","i18nDefaults","Dialog","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","useStyles","popoverStyles","IconButton","attachInternals","appendRootNodeStyle","property","audit","scopedRegistry"],"sources":["../../src/dialog/dialog.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { PopoverAlign, PopoverPosition, PopoverType, Size } from '@nvidia-elements/core/internal';\nimport {\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  TypeNativePopoverController,\n  appendRootNodeStyle\n} 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 { IconButton } from '@nvidia-elements/core/icon-button';\nimport globalStyles from './dialog.global.css?inline';\nimport styles from './dialog.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-dialog\n * @description Dialog is a component that appears above main content. A modal dialog displays critical information that requires user attention and interrupts user flow.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the dialog opens.\n * @event close - Dispatched when the dialog closes.\n * @slot - Dialog body content displayed between the header and footer.\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --gap\n * @cssprop --max-width\n * @cssprop --min-height\n * @cssprop --max-height\n * @cssprop --animation-duration - Duration of dialog open/close animations\n * @csspart close-button - The inner template reference for the close button of the dialog.\n * @csspart icon-button - The icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\n@audit({ excessiveInstanceLimit })\n@scopedRegistry()\nexport class Dialog extends LitElement {\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   * For dialog the anchor defaults to the document body.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'center';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   * If an arrow exists the alignment will be relative to the arrow against the anchor.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n  /**\n   * Sets the max size of the dialog.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  /**\n   * Determines if a close button should render within dialog. Non-closable\n   * dialogs suit dialogs that require user confirmation steps.\n   */\n  @property({ type: Boolean }) closable: boolean;\n\n  /**\n   * Determines if a dialog should have a modal backdrop that visually overlays the UI.\n   */\n  @property({ type: Boolean, reflect: true }) modal: boolean;\n\n  /**\n   * (optional) By default the popover will automatically anchor itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement = globalThis.document?.body;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  get popoverType(): PopoverType {\n    return this.modal ? 'auto' : 'manual';\n  }\n\n  /** @private */\n  get popoverDismissible() {\n    return this.closable ?? false;\n  }\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Dialog>(this);\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host part=\"_host\">\n      <div class=\"header\">\n        ${this.closable ? html`<nve-icon-button part=\"close-button icon-button\" exportparts=\"icon:icon-button-icon\" size=\"sm\" @click=${this.hidePopover} icon-name=\"cancel\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n        <slot name=\"header\"></slot>\n      </div>\n      <div class=\"content\" part=\"_content\">\n        <slot></slot>\n      </div>\n      <slot name=\"footer\"></slot>\n    </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'dialog';\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAMM,IAAe,EACnB,OAAO,QACT,GA8BaC,IAAN,cAAqBC,EAAW;;EAiEG,A,aA5D+B,KAAA,WAAA,UAMF,KAAA,YAAA,UAsBV,KAAA,SAAA,WAAW,UAAU,MAexC,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAYhB,KAAA,8BAAA,IAAIE,EAAoC,IAAI;;CAjBpF;CAQA,IAAI,cAA2B;EAC7B,OAAO,KAAK,QAAQ,SAAS;CAC/B;CAGA,IAAI,qBAAqB;EACvB,OAAO,KAAK,YAAY;CAC1B;;EAIgB,KAAA,SAAAC,EAAU,CAACC,GAAed,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBe,EAAW,SAAS,MAAMA,EAC7B;;CAKA,SAAS;EACP,OAAO,CAAI,uDAGL,KAAK,WAAW,CAAI,0GAAyG,KAAK,YAAY,mCAAiC,KAAK,KAAK,MAAM,wBAAuB,GAAG;CASjO;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,UACvBC,EAAoB,MAAMhB,CAAY;CACxC;AACF;AAjGGC,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,QAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,SAAA,KAAA,CAAA,GAMzCL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,WAAA,KAAA,CAAA,GAMzBL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAX,EAAA,WAAA,mBAAA,KAAA,CAAA,GAOxEL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,QAAA,KAAA,CAAA,GAvD3B,IAAAL,EAAA,CAAAiB,EAAM,EAAE,wBAAA,GAAuB,CAAC,GAChCC,EAAe,CAAA,GAAAb,CAAA"}

package/dist/divider/divider2.js

@@ -1,34 +1,34 @@
-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 r from "./divider.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import t from "./divider.js";
+import { attachInternals as n } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 // src/divider/divider.ts
-var s = class extends i {
+var s = class extends r {
 	constructor(...e) {
 		super(...e), this.orientation = "horizontal";
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = o([t]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-divider",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return a`<div internal-host></div>`;
+		return i`<div internal-host></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "separator", this._internals.ariaOrientation = this.orientation;
+		super.connectedCallback(), n(this), this._internals.role = "separator", this._internals.ariaOrientation = this.orientation;
 	}
 	updated(e) {
 		super.updated(e), e.has("orientation") && (this._internals.ariaOrientation = this.orientation);
 	}
 };
-n([o({
+e([a({
 	type: String,
 	reflect: !0
 })], s.prototype, "orientation", void 0);

package/dist/divider/divider2.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider2.js","names":["styles","_decorate","__decorate","divider_default","Divider","LitElement","_args","useStyles","attachInternals","props","property"],"sources":["../../src/divider/divider.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 { useStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport styles from './divider.css?inline';\n\n/**\n * @element nve-divider\n * @description Divider is a component that separates and distinguishes sections of content or groups of menuitems.\n * @documentation https://nvidia.github.io/elements/docs/elements/divider/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/divider\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --size\n * @cssprop --border-radius\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/separator_role\n */\nexport class Divider extends LitElement {\n  /**\n   * Determines the orientation of the divider.\n   */\n  @property({ type: String, reflect: true }) orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-divider',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`<div internal-host></div>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'separator';\n    this._internals.ariaOrientation = this.orientation;\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"],"mappings":";;;;;;;AAqBA,IAAaI,IAAb,cAA6BC,EAAW;;EAI8C,A,aAAA,KAAA,cAAA;;;EAEpE,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CACb;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBQ,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,aACvB,KAAK,WAAW,kBAAkB,KAAK;CACzC;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQC,CAAK,GACfA,EAAM,IAAI,aAAa,MACzB,KAAK,WAAW,kBAAkB,KAAK;CAE3C;AACF;AA7BGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAN,EAAA,WAAA,eAAA,KAAA,CAAA"}
+{"version":3,"file":"divider2.js","names":["styles","_decorate","__decorate","divider_default","Divider","LitElement","_args","useStyles","attachInternals","props","property"],"sources":["../../src/divider/divider.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 { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './divider.css?inline';\n\n/**\n * @element nve-divider\n * @description Divider is a component that separates and distinguishes sections of content or groups of menuitems.\n * @documentation https://nvidia.github.io/elements/docs/elements/divider/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/divider\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --size\n * @cssprop --border-radius\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/separator_role\n */\nexport class Divider extends LitElement {\n  /**\n   * Determines the orientation of the divider.\n   */\n  @property({ type: String, reflect: true }) orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-divider',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`<div internal-host></div>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'separator';\n    this._internals.ariaOrientation = this.orientation;\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"],"mappings":";;;;;;;AAsBA,IAAaI,IAAb,cAA6BC,EAAW;;EAI8C,A,aAAA,KAAA,cAAA;;;EAEpE,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CACb;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBQ,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,aACvB,KAAK,WAAW,kBAAkB,KAAK;CACzC;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQC,CAAK,GACfA,EAAM,IAAI,aAAa,MACzB,KAAK,WAAW,kBAAkB,KAAK;CAE3C;AACF;AA7BGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAN,EAAA,WAAA,eAAA,KAAA,CAAA"}

package/dist/dot/dot2.js

@@ -1,38 +1,39 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { statusStateStyles as t, supportStateStyles as n, useStyles as r } from "../internal/styles/index.js";
-import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import a from "./dot.js";
-import { LitElement as o, html as s } from "lit";
-import { property as c } from "lit/decorators/property.js";
+import { statusStateStyles as e, supportStateStyles as t } from "../internal/styles/index.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import r from "./dot.js";
+import { attachInternals as i } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as a, html as o } from "lit";
+import { property as s } from "lit/decorators/property.js";
+import { useStyles as c } from "@nvidia-elements/foundations/internal/styles";
 // src/dot/dot.ts
-var l = class extends o {
+var l = class extends a {
 	static {
-		this.styles = r([
-			a,
-			t,
-			n
+		this.styles = c([
+			r,
+			e,
+			t
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return s`<div internal-host><slot @slotchange="${() => this.#e()}"></slot></div>`;
+		return o`<div internal-host><slot @slotchange="${() => this.#e()}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "img";
+		super.connectedCallback(), i(this), this._internals.role = "img";
 	}
 	#e() {
 		this.textContent.length ? this._internals.states.add("has-text") : this._internals.states.delete("has-text");
 	}
 };
-i([c({
+n([s({
 	type: String,
 	reflect: !0
-})], l.prototype, "status", void 0), i([c({
+})], l.prototype, "status", void 0), n([s({
 	type: String,
 	reflect: !0
 })], l.prototype, "size", void 0);

package/dist/dot/dot2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dot2.js","names":["styles","_decorate","__decorate","dot_default","Dot","LitElement","useStyles","statusStateStyles","supportStateStyles","#updateSlot","attachInternals","property"],"sources":["../../src/dot/dot.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport { attachInternals, statusStateStyles, supportStateStyles, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './dot.css?inline';\n\n/**\n * @element nve-dot\n * @description A visual indicator that communicates a status or notification of an associated component.\n * @documentation https://nvidia.github.io/elements/docs/elements/dot/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/dot\n * @slot - default text content no more than 2 characters in length\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --padding\n * @cssprop --border\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Dot extends LitElement {\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status: SupportStatus | TaskStatus;\n\n  /** Determines size of dot relative to provided text. */\n  @property({ type: String, reflect: true }) size: Size;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-dot',\n    version: '0.0.0'\n  };\n\n  _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateSlot()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n  }\n\n  #updateSlot() {\n    this.textContent.length ? this._internals.states.add('has-text') : this._internals.states.delete('has-text');\n  }\n}\n"],"mappings":";;;;;;;AA4BA,IAAaI,IAAb,cAAyBC,EAAW;;EAOlB,KAAA,SAAAC,EAAU;GAACN;GAAQO;GAAmBC;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI,+CAEmB,KAAKC,GAAY,EAAE;CAGnD;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,KAAc;EACZ,KAAK,YAAY,SAAS,KAAK,WAAW,OAAO,IAAI,UAAU,IAAI,KAAK,WAAW,OAAO,OAAO,UAAU;CAC7G;AACF;AA/BGT,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"dot2.js","names":["styles","_decorate","__decorate","dot_default","Dot","LitElement","useStyles","statusStateStyles","supportStateStyles","#updateSlot","attachInternals","property"],"sources":["../../src/dot/dot.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport { statusStateStyles, supportStateStyles } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './dot.css?inline';\n\n/**\n * @element nve-dot\n * @description A visual indicator that communicates a status or notification of an associated component.\n * @documentation https://nvidia.github.io/elements/docs/elements/dot/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/dot\n * @slot - default text content no more than 2 characters in length\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --padding\n * @cssprop --border\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Dot extends LitElement {\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status: SupportStatus | TaskStatus;\n\n  /** Determines size of dot relative to provided text. */\n  @property({ type: String, reflect: true }) size: Size;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-dot',\n    version: '0.0.0'\n  };\n\n  _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateSlot()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n  }\n\n  #updateSlot() {\n    this.textContent.length ? this._internals.states.add('has-text') : this._internals.states.delete('has-text');\n  }\n}\n"],"mappings":";;;;;;;;AA8BA,IAAaI,IAAb,cAAyBC,EAAW;;EAOlB,KAAA,SAAAC,EAAU;GAACN;GAAQO;GAAmBC;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI,+CAEmB,KAAKC,GAAY,EAAE;CAGnD;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,KAAc;EACZ,KAAK,YAAY,SAAS,KAAK,WAAW,OAAO,IAAI,UAAU,IAAI,KAAK,WAAW,OAAO,OAAO,UAAU;CAC7G;AACF;AA/BGT,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,QAAA,KAAA,CAAA"}

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

@@ -1,29 +1,29 @@
-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 { Icon as r } from "../icon/icon2.js";
-import i from "./drag-handle.js";
-import { LitElement as a, html as o } from "lit";
+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 "./drag-handle.js";
+import { LitElement as r, html as i } from "lit";
+import { scopedRegistry as a } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 import { ButtonFormControlMixin as s } from "@nvidia-elements/forms/mixins";
 // src/drag-handle/drag-handle.ts
-var c = class extends s(a) {
+var c = class extends s(r) {
 	static {
-		this.styles = t([i]);
+		this.styles = o([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drag-handle",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [r.metadata.tag]: r };
+		this.elementDefinitions = { [t.metadata.tag]: t };
 	}
 	constructor() {
 		super(), this.type = "button", this.pressed = !1;
 	}
 	render() {
-		return o`<div internal-host interaction-state focus-within><nve-icon name="drag" .appearance="${this.pressed || this.expanded ? "solid" : "outline"}" aria-hidden="true" part="icon"></nve-icon></div>`;
+		return i`<div internal-host interaction-state focus-within><nve-icon name="drag" .appearance="${this.pressed || this.expanded ? "solid" : "outline"}" aria-hidden="true" part="icon"></nve-icon></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("nve-draggable", "handle"), this.hasAttribute("draggable") || (this.draggable = !0), this.addEventListener("click", this.#e), this.addEventListener("keydown", this.#r), this.addEventListener("dragstart", this.#t), this.addEventListener("dragend", this.#n);
@@ -44,7 +44,7 @@ var c = class extends s(a) {
 		e.key !== " " || e.target !== this || e.defaultPrevented || this.disabled || this.readOnly || e.preventDefault();
 	};
 };
-c = n([e()], c);
+c = e([a()], c);
 export { c as DragHandle };
 
 //# sourceMappingURL=drag-handle2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drag-handle2.js","names":["styles","_decorate","__decorate","drag_handle_default","DragHandle","ButtonFormControlMixin","LitElement","useStyles","Icon","#onClick","#onKeydown","#onDragStart","#onDragEnd","event","scopedRegistry"],"sources":["../../src/drag-handle/drag-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 } from 'lit';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './drag-handle.css?inline';\n\n/**\n * @element nve-drag-handle\n * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.\n * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/drag-handle\n * @cssprop --cursor - The cursor over the handle.\n * @cssprop --color - The grip color.\n * @cssprop --width - The horizontal size of the pointer target.\n * @cssprop --height - The vertical size of the pointer target.\n * @cssprop --border-radius - The handle corner radius.\n * @csspart icon - The fixed grip icon.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\n@scopedRegistry()\nexport class DragHandle extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drag-handle',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  constructor() {\n    super();\n    this.type = 'button';\n    this.pressed = false;\n  }\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <nve-icon name=\"drag\" .appearance=${this.pressed || this.expanded ? 'solid' : 'outline'} aria-hidden=\"true\" part=\"icon\"></nve-icon>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('nve-draggable', 'handle');\n    if (!this.hasAttribute('draggable')) this.draggable = true;\n    this.addEventListener('click', this.#onClick);\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('dragstart', this.#onDragStart);\n    this.addEventListener('dragend', this.#onDragEnd);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.#onClick);\n    this.removeEventListener('keydown', this.#onKeydown);\n    this.removeEventListener('dragstart', this.#onDragStart);\n    this.removeEventListener('dragend', this.#onDragEnd);\n    super.disconnectedCallback();\n  }\n\n  #onClick = (event: MouseEvent): void => {\n    if (event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) return;\n\n    this.pressed = !this.pressed;\n  };\n\n  #onDragStart = (event: DragEvent): void => {\n    if (this.disabled || this.readOnly) event.preventDefault();\n  };\n\n  #onDragEnd = (): void => {\n    this._internals.states.delete('active');\n  };\n\n  #onKeydown = (event: KeyboardEvent): void => {\n    if (event.key !== ' ' || event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) {\n      return;\n    }\n\n    event.preventDefault();\n  };\n}\n"],"mappings":";;;;;;;;AAwBO,IAAMI,IAAN,cAAyBC,EAAuBC,CAAU,CAAC,CAAC;;EACjD,KAAA,SAAAC,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBQ,EAAK,SAAS,MAAMA,EACvB;;CAEA,cAAc;EAGZ,AAFA,MAAM,GACN,KAAK,OAAO,UACZ,KAAK,UAAU;CACjB;CAEA,SAAS;EACP,OAAO,CAAI,wFAE6B,KAAK,WAAW,KAAK,WAAW,UAAU,UAAU;CAG9F;CAEA,oBAAoB;EAOlB,AANA,MAAM,kBAAkB,GACxB,KAAK,aAAa,iBAAiB,QAAQ,GACtC,KAAK,aAAa,WAAW,MAAG,KAAK,YAAY,KACtD,KAAK,iBAAiB,SAAS,KAAKC,EAAQ,GAC5C,KAAK,iBAAiB,WAAW,KAAKC,EAAU,GAChD,KAAK,iBAAiB,aAAa,KAAKC,EAAY,GACpD,KAAK,iBAAiB,WAAW,KAAKC,EAAU;CAClD;CAEA,uBAAuB;EAKrB,AAJA,KAAK,oBAAoB,SAAS,KAAKH,EAAQ,GAC/C,KAAK,oBAAoB,WAAW,KAAKC,EAAU,GACnD,KAAK,oBAAoB,aAAa,KAAKC,EAAY,GACvD,KAAK,oBAAoB,WAAW,KAAKC,EAAU,GACnD,MAAM,qBAAqB;CAC7B;CAEA,MAAY,MAA4B;EACtC,AAAIC,EAAM,WAAW,QAAQA,EAAM,oBAAoB,KAAK,YAAY,KAAK,aAE7E,KAAK,UAAU,CAAC,KAAK;CACvB;CAEA,MAAgB,MAA2B;EACzC,CAAI,KAAK,YAAY,KAAK,aAAUA,EAAM,eAAe;CAC3D;CAEA,WAAyB;EACvB,KAAK,WAAW,OAAO,OAAO,QAAQ;CACxC;CAEA,MAAc,MAA+B;EAC3C,AAAIA,EAAM,QAAQ,OAAOA,EAAM,WAAW,QAAQA,EAAM,oBAAoB,KAAK,YAAY,KAAK,YAIlGA,EAAM,eAAe;CACvB;AACF;AAlEC,IAAAZ,EAAA,CAAAa,EAAe,CAAA,GAAAV,CAAA"}
+{"version":3,"file":"drag-handle2.js","names":["styles","_decorate","__decorate","drag_handle_default","DragHandle","ButtonFormControlMixin","LitElement","useStyles","Icon","#onClick","#onKeydown","#onDragStart","#onDragEnd","event","scopedRegistry"],"sources":["../../src/drag-handle/drag-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 } from 'lit';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './drag-handle.css?inline';\n\n/**\n * @element nve-drag-handle\n * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.\n * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/drag-handle\n * @cssprop --cursor - The cursor over the handle.\n * @cssprop --color - The grip color.\n * @cssprop --width - The horizontal size of the pointer target.\n * @cssprop --height - The vertical size of the pointer target.\n * @cssprop --border-radius - The handle corner radius.\n * @csspart icon - The fixed grip icon.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\n@scopedRegistry()\nexport class DragHandle extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drag-handle',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  constructor() {\n    super();\n    this.type = 'button';\n    this.pressed = false;\n  }\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <nve-icon name=\"drag\" .appearance=${this.pressed || this.expanded ? 'solid' : 'outline'} aria-hidden=\"true\" part=\"icon\"></nve-icon>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('nve-draggable', 'handle');\n    if (!this.hasAttribute('draggable')) this.draggable = true;\n    this.addEventListener('click', this.#onClick);\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('dragstart', this.#onDragStart);\n    this.addEventListener('dragend', this.#onDragEnd);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.#onClick);\n    this.removeEventListener('keydown', this.#onKeydown);\n    this.removeEventListener('dragstart', this.#onDragStart);\n    this.removeEventListener('dragend', this.#onDragEnd);\n    super.disconnectedCallback();\n  }\n\n  #onClick = (event: MouseEvent): void => {\n    if (event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) return;\n\n    this.pressed = !this.pressed;\n  };\n\n  #onDragStart = (event: DragEvent): void => {\n    if (this.disabled || this.readOnly) event.preventDefault();\n  };\n\n  #onDragEnd = (): void => {\n    this._internals.states.delete('active');\n  };\n\n  #onKeydown = (event: KeyboardEvent): void => {\n    if (event.key !== ' ' || event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) {\n      return;\n    }\n\n    event.preventDefault();\n  };\n}\n"],"mappings":";;;;;;;;AAyBO,IAAMI,IAAN,cAAyBC,EAAuBC,CAAU,CAAC,CAAC;;EACjD,KAAA,SAAAC,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBQ,EAAK,SAAS,MAAMA,EACvB;;CAEA,cAAc;EAGZ,AAFA,MAAM,GACN,KAAK,OAAO,UACZ,KAAK,UAAU;CACjB;CAEA,SAAS;EACP,OAAO,CAAI,wFAE6B,KAAK,WAAW,KAAK,WAAW,UAAU,UAAU;CAG9F;CAEA,oBAAoB;EAOlB,AANA,MAAM,kBAAkB,GACxB,KAAK,aAAa,iBAAiB,QAAQ,GACtC,KAAK,aAAa,WAAW,MAAG,KAAK,YAAY,KACtD,KAAK,iBAAiB,SAAS,KAAKC,EAAQ,GAC5C,KAAK,iBAAiB,WAAW,KAAKC,EAAU,GAChD,KAAK,iBAAiB,aAAa,KAAKC,EAAY,GACpD,KAAK,iBAAiB,WAAW,KAAKC,EAAU;CAClD;CAEA,uBAAuB;EAKrB,AAJA,KAAK,oBAAoB,SAAS,KAAKH,EAAQ,GAC/C,KAAK,oBAAoB,WAAW,KAAKC,EAAU,GACnD,KAAK,oBAAoB,aAAa,KAAKC,EAAY,GACvD,KAAK,oBAAoB,WAAW,KAAKC,EAAU,GACnD,MAAM,qBAAqB;CAC7B;CAEA,MAAY,MAA4B;EACtC,AAAIC,EAAM,WAAW,QAAQA,EAAM,oBAAoB,KAAK,YAAY,KAAK,aAE7E,KAAK,UAAU,CAAC,KAAK;CACvB;CAEA,MAAgB,MAA2B;EACzC,CAAI,KAAK,YAAY,KAAK,aAAUA,EAAM,eAAe;CAC3D;CAEA,WAAyB;EACvB,KAAK,WAAW,OAAO,OAAO,QAAQ;CACxC;CAEA,MAAc,MAA+B;EAC3C,AAAIA,EAAM,QAAQ,OAAOA,EAAM,WAAW,QAAQA,EAAM,oBAAoB,KAAK,YAAY,KAAK,YAIlGA,EAAM,eAAe;CACvB;AACF;AAlEC,IAAAZ,EAAA,CAAAa,EAAe,CAAA,GAAAV,CAAA"}