@nvidia-elements/core 2.23.4 → 2.23.6

package/dist/button/button2.js

@@ -1,31 +1,31 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import n from "./button.js";
-import { LitElement as r, html as i } from "lit";
-import { property as a } from "lit/decorators/property.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import t from "./button.js";
+import { LitElement as n, html as r } from "lit";
+import { property as i } from "lit/decorators/property.js";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 import { ButtonFormControlMixin as o } from "@nvidia-elements/forms/mixins";
 // src/button/button.ts
-var s = class extends o(r) {
+var s = class extends o(n) {
 	static {
-		this.styles = e([n]);
+		this.styles = a([t]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	render() {
-		return i`<div internal-host interaction-state focus-within><slot></slot></div>`;
+		return r`<div internal-host interaction-state focus-within><slot></slot></div>`;
 	}
 };
-t([a({
+e([i({
 	type: String,
 	reflect: !0
-})], s.prototype, "container", void 0), t([a({
+})], s.prototype, "container", void 0), e([i({
 	type: String,
 	reflect: !0
-})], s.prototype, "size", void 0), t([a({
+})], s.prototype, "size", void 0), e([i({
 	type: String,
 	reflect: !0
 })], s.prototype, "interaction", void 0);

package/dist/button/button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button2.js","names":["styles","_decorate","__decorate","button_default","Button","ButtonFormControlMixin","LitElement","useStyles","property"],"sources":["../../src/button/button.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 { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { Interaction, Size } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './button.css?inline';\n\n/**\n * @element nve-button\n * @description A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n * @documentation https://nvidia.github.io/elements/docs/elements/button/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/button\n * @slot - slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content.\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --font-size\n * @cssprop --text-decoration\n * @cssprop --text-align\n * @cssprop --cursor\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --text-transform\n * @cssprop --line-height\n * @cssprop --width\n * @cssprop --min-width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\nexport class Button extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-button',\n    version: '0.0.0'\n  };\n\n  /**\n   * Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inline';\n\n  /**\n   * Determines size of the button.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  /**\n   * The Interaction type provides a way to show the intended use case for a button or other interactive element. This can help users quickly understand what each interaction will do and reduce the potential for confusion or errors.\n   */\n  @property({ type: String, reflect: true }) interaction: Interaction;\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;AAmCA,IAAaI,IAAb,cAA4BC,EAAuBC,CAAU,CAAC,CAAC;;EAC7C,KAAA,SAAAC,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAiBA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AAnBGC,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,eAAA,KAAA,CAAA"}
+{"version":3,"file":"button2.js","names":["styles","_decorate","__decorate","button_default","Button","ButtonFormControlMixin","LitElement","useStyles","property"],"sources":["../../src/button/button.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 { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { Interaction, Size } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './button.css?inline';\n\n/**\n * @element nve-button\n * @description A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n * @documentation https://nvidia.github.io/elements/docs/elements/button/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/button\n * @slot - slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content.\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --font-size\n * @cssprop --text-decoration\n * @cssprop --text-align\n * @cssprop --cursor\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --text-transform\n * @cssprop --line-height\n * @cssprop --width\n * @cssprop --min-width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\nexport class Button extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-button',\n    version: '0.0.0'\n  };\n\n  /**\n   * Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inline';\n\n  /**\n   * Determines size of the button.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  /**\n   * The Interaction type provides a way to show the intended use case for a button or other interactive element. This can help users quickly understand what each interaction will do and reduce the potential for confusion or errors.\n   */\n  @property({ type: String, reflect: true }) interaction: Interaction;\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;AAmCA,IAAaI,IAAb,cAA4BC,EAAuBC,CAAU,CAAC,CAAC;;EAC7C,KAAA,SAAAC,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAiBA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AAnBGC,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,eAAA,KAAA,CAAA"}

package/dist/button-group/button-group2.js

@@ -1,16 +1,16 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
 import { keyNavigationList as n } from "../internal/controllers/keynav-list.controller.js";
-import { attachInternals as r } from "../internal/utils/a11y.js";
-import { useStyles as i } from "../internal/styles/index.js";
-import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import o from "./button-group.js";
-import s from "./button-group.global.js";
-import { LitElement as c, html as l } from "lit";
-import { property as u } from "lit/decorators/property.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import i from "./button-group.js";
+import a from "./button-group.global.js";
+import { attachInternals as o } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as s, html as c } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
 import { queryAssignedElements as d } from "lit/decorators/query-assigned-elements.js";
 // src/button-group/button-group.ts
-var f = class extends c {
+var f = class extends s {
 	constructor(...e) {
 		super(...e), this.orientation = "horizontal", this.#t = (e) => this.#r(e.target);
 	}
@@ -21,12 +21,12 @@ var f = class extends c {
 		};
 	}
 	static {
-		this.styles = i([o]);
+		this.styles = u([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "2.23.4",
+			version: "2.23.6",
 			children: [
 				"nve-button",
 				"nve-icon-button",
@@ -40,10 +40,10 @@ var f = class extends c {
 		return [...this.iconButtons, ...this.buttons];
 	}
 	render() {
-		return l`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
+		return c`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), r(this), t(this, s), this._internals.role = "group", this.addEventListener("click", this.#t);
+		super.connectedCallback(), o(this), t(this, a), this._internals.role = "group", this.addEventListener("click", this.#t);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("click", this.#t);
@@ -59,22 +59,22 @@ var f = class extends c {
 		e.matches?.("nve-button, nve-icon-button") && (this.behaviorSelect === "single" ? (this.#e.forEach((e) => e.pressed = !1), e.pressed = !0) : this.behaviorSelect === "multi" && (e.pressed = !e.pressed));
 	}
 };
-a([u({
+r([l({
 	type: String,
 	attribute: "behavior-select"
-})], f.prototype, "behaviorSelect", void 0), a([u({
+})], f.prototype, "behaviorSelect", void 0), r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "container", void 0), a([u({
+})], f.prototype, "container", void 0), r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "orientation", void 0), a([u({
+})], f.prototype, "orientation", void 0), r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "interaction", void 0), a([u({
+})], f.prototype, "interaction", void 0), r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "size", void 0), a([d({ selector: "nve-divider" })], f.prototype, "dividers", void 0), a([d({ selector: "nve-icon-button" })], f.prototype, "iconButtons", void 0), a([d({ selector: "nve-button" })], f.prototype, "buttons", void 0), f = a([e(), n()], f);
+})], f.prototype, "size", void 0), r([d({ selector: "nve-divider" })], f.prototype, "dividers", void 0), r([d({ selector: "nve-icon-button" })], f.prototype, "iconButtons", void 0), r([d({ selector: "nve-button" })], f.prototype, "buttons", void 0), f = r([e(), n()], f);
 export { f as ButtonGroup };
 
 //# sourceMappingURL=button-group2.js.map

package/dist/button-group/button-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group2.js","names":["styles","globalStyles","_decorate","__decorate","button_group_default","button_group_global_default","ButtonGroup","LitElement","_args","#onClick","#selectButton","#buttons","useStyles","#syncStyleStates","attachInternals","appendRootNodeStyle","props","button","property","queryAssignedElements","audit","keyNavigationList"],"sources":["../../src/button-group/button-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig, Interaction, Size } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  keyNavigationList,\n  useStyles,\n  audit,\n  appendRootNodeStyle\n} from '@nvidia-elements/core/internal';\nimport type { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { Button } from '@nvidia-elements/core/button';\nimport type { Divider } from '@nvidia-elements/core/divider';\nimport styles from './button-group.css?inline';\nimport globalStyles from './button-group.global.css?inline';\n\n/**\n * @element nve-button-group\n * @description A button group organizes related buttons and can support either mutually exclusive single or multi selection. Prefer usage within toolbars.\n * @documentation https://nvidia.github.io/elements/docs/elements/button-group/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/button-group\n * @slot - default slot for `nve-button`, `nve-icon-button`, `nve-divider`, `nve-media-seek-button`, or `nve-media-pause-button`\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --height\n * @cssprop --color\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role\n */\n@audit()\n@keyNavigationList<ButtonGroup>()\nexport class ButtonGroup extends LitElement {\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.#buttons,\n      layout: this.orientation\n    };\n  }\n\n  /** By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. */\n  @property({ type: String, attribute: 'behavior-select' }) behaviorSelect: 'single' | 'multi';\n\n  /** Set the style of the button group using the `container` property. Options are the default display when omitting the attribute, `flat` or `rounded`. */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'rounded';\n\n  /** Determines the orientation direction of the group. Vertical groups support icon buttons only. */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /** Use the `interaction` property on `button-group` in combination with `divider` for color-coded split buttons */\n  @property({ type: String, reflect: true }) interaction: Interaction;\n\n  /** Determines size of button */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-button-group',\n    version: '0.0.0',\n    children: ['nve-button', 'nve-icon-button', 'nve-divider', 'nve-media-seek-button', 'nve-media-pause-button']\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements({ selector: 'nve-divider' }) private dividers!: Divider[];\n\n  @queryAssignedElements({ selector: 'nve-icon-button' }) private iconButtons!: IconButton[];\n\n  @queryAssignedElements({ selector: 'nve-button' }) private buttons!: Button[];\n\n  get #buttons() {\n    return [...this.iconButtons, ...this.buttons];\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncStyleStates}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'group';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => this.#selectButton(e.target as HTMLElement & { pressed?: boolean });\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#syncStyleStates();\n  }\n\n  #syncStyleStates() {\n    if (this.container === 'flat') {\n      this.#buttons.forEach(btn => (btn.container = 'flat'));\n    }\n\n    if (this.interaction) {\n      this.#buttons.forEach(btn => (btn.interaction = this.interaction));\n    }\n\n    this.dividers.length ? this._internals.states.add('split') : this._internals.states.delete('split');\n  }\n\n  #selectButton(button: HTMLElement & { pressed?: boolean }) {\n    if (!button.matches?.('nve-button, nve-icon-button')) {\n      return;\n    }\n\n    if (this.behaviorSelect === 'single') {\n      this.#buttons.forEach(i => (i.pressed = false));\n      button.pressed = true;\n    } else if (this.behaviorSelect === 'multi') {\n      button.pressed = !button.pressed;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAuCO,IAAMM,IAAN,cAA0BC,EAAW;;EAkE9B,A,aAlDyE,KAAA,cAAA,cAkDzE,KAAAE,MAAA,MAAa,KAAKC,GAAc,EAAE,MAA6C;;CAhE3F,IAAI,mBAAqC;EACvC,OAAO;GACL,OAAO,KAAKC;GACZ,QAAQ,KAAK;EACf;CACF;;EAiBgB,KAAA,SAAAC,EAAU,CAACZ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAc;IAAmB;IAAe;IAAyB;GAAwB;EAC9G;;CAWA,IAAIW,KAAW;EACb,OAAO,CAAC,GAAG,KAAK,aAAa,GAAG,KAAK,OAAO;CAC9C;CAEA,SAAS;EACP,OAAO,CAAI,yCAEa,KAAKE,GAAiB;CAGhD;CAEA,oBAAoB;EAKlB,AAJA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpBC,EAAoB,MAAMd,CAAY,GACtC,KAAK,WAAW,OAAO,SACvB,KAAK,iBAAiB,SAAS,KAAKQ,EAAQ;CAC9C;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,SAAS,KAAKA,EAAQ;CACjD;CAEA;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQO,CAAK,GACnB,KAAKH,GAAiB;CACxB;CAEA,KAAmB;EASjB,AARI,KAAK,cAAc,UACrB,KAAKF,GAAS,SAAQ,MAAQ,EAAI,YAAY,MAAO,GAGnD,KAAK,eACP,KAAKA,GAAS,SAAQ,MAAQ,EAAI,cAAc,KAAK,WAAY,GAGnE,KAAK,SAAS,SAAS,KAAK,WAAW,OAAO,IAAI,OAAO,IAAI,KAAK,WAAW,OAAO,OAAO,OAAO;CACpG;CAEA,GAAc,GAA6C;EACzD,AAAKM,EAAO,UAAU,6BAA6B,MAI/C,KAAK,mBAAmB,YAC1B,KAAKN,GAAS,SAAQ,MAAM,EAAE,UAAU,EAAM,GAC9C,EAAO,UAAU,MACR,KAAK,mBAAmB,YACjC,EAAO,UAAU,CAACM,EAAO;CAE7B;AACF;AAvFGf,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAAZ,EAAA,WAAA,kBAAA,KAAA,CAAA,GAGvDJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,aAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,eAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,eAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,QAAA,KAAA,CAAA,GAaxCJ,EAAA,CAAAiB,EAAsB,EAAE,UAAU,cAAc,CAAC,CAAA,GAAAb,EAAA,WAAA,YAAA,KAAA,CAAA,GAEjDJ,EAAA,CAAAiB,EAAsB,EAAE,UAAU,kBAAkB,CAAC,CAAA,GAAAb,EAAA,WAAA,eAAA,KAAA,CAAA,GAErDJ,EAAA,CAAAiB,EAAsB,EAAE,UAAU,aAAa,CAAC,CAAA,GAAAb,EAAA,WAAA,WAAA,KAAA,CAAA,GAzClD,IAAAJ,EAAA,CAAAkB,EAAM,GACNC,EAA+B,CAAA,GAAAf,CAAA"}
+{"version":3,"file":"button-group2.js","names":["styles","globalStyles","_decorate","__decorate","button_group_default","button_group_global_default","ButtonGroup","LitElement","_args","#onClick","#selectButton","#buttons","useStyles","#syncStyleStates","attachInternals","appendRootNodeStyle","props","button","property","queryAssignedElements","audit","keyNavigationList"],"sources":["../../src/button-group/button-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig, Interaction, Size } from '@nvidia-elements/core/internal';\nimport { keyNavigationList, audit, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport type { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { Button } from '@nvidia-elements/core/button';\nimport type { Divider } from '@nvidia-elements/core/divider';\nimport styles from './button-group.css?inline';\nimport globalStyles from './button-group.global.css?inline';\n\n/**\n * @element nve-button-group\n * @description A button group organizes related buttons and can support either mutually exclusive single or multi selection. Prefer usage within toolbars.\n * @documentation https://nvidia.github.io/elements/docs/elements/button-group/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/button-group\n * @slot - default slot for `nve-button`, `nve-icon-button`, `nve-divider`, `nve-media-seek-button`, or `nve-media-pause-button`\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --height\n * @cssprop --color\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role\n */\n@audit()\n@keyNavigationList<ButtonGroup>()\nexport class ButtonGroup extends LitElement {\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.#buttons,\n      layout: this.orientation\n    };\n  }\n\n  /** By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. */\n  @property({ type: String, attribute: 'behavior-select' }) behaviorSelect: 'single' | 'multi';\n\n  /** Set the style of the button group using the `container` property. Options are the default display when omitting the attribute, `flat` or `rounded`. */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'rounded';\n\n  /** Determines the orientation direction of the group. Vertical groups support icon buttons only. */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /** Use the `interaction` property on `button-group` in combination with `divider` for color-coded split buttons */\n  @property({ type: String, reflect: true }) interaction: Interaction;\n\n  /** Determines size of button */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-button-group',\n    version: '0.0.0',\n    children: ['nve-button', 'nve-icon-button', 'nve-divider', 'nve-media-seek-button', 'nve-media-pause-button']\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements({ selector: 'nve-divider' }) private dividers!: Divider[];\n\n  @queryAssignedElements({ selector: 'nve-icon-button' }) private iconButtons!: IconButton[];\n\n  @queryAssignedElements({ selector: 'nve-button' }) private buttons!: Button[];\n\n  get #buttons() {\n    return [...this.iconButtons, ...this.buttons];\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncStyleStates}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'group';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => this.#selectButton(e.target as HTMLElement & { pressed?: boolean });\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#syncStyleStates();\n  }\n\n  #syncStyleStates() {\n    if (this.container === 'flat') {\n      this.#buttons.forEach(btn => (btn.container = 'flat'));\n    }\n\n    if (this.interaction) {\n      this.#buttons.forEach(btn => (btn.interaction = this.interaction));\n    }\n\n    this.dividers.length ? this._internals.states.add('split') : this._internals.states.delete('split');\n  }\n\n  #selectButton(button: HTMLElement & { pressed?: boolean }) {\n    if (!button.matches?.('nve-button, nve-icon-button')) {\n      return;\n    }\n\n    if (this.behaviorSelect === 'single') {\n      this.#buttons.forEach(i => (i.pressed = false));\n      button.pressed = true;\n    } else if (this.behaviorSelect === 'multi') {\n      button.pressed = !button.pressed;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAmCO,IAAMM,IAAN,cAA0BC,EAAW;;EAkE9B,A,aAlDyE,KAAA,cAAA,cAkDzE,KAAAE,MAAA,MAAa,KAAKC,GAAc,EAAE,MAA6C;;CAhE3F,IAAI,mBAAqC;EACvC,OAAO;GACL,OAAO,KAAKC;GACZ,QAAQ,KAAK;EACf;CACF;;EAiBgB,KAAA,SAAAC,EAAU,CAACZ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAc;IAAmB;IAAe;IAAyB;GAAwB;EAC9G;;CAWA,IAAIW,KAAW;EACb,OAAO,CAAC,GAAG,KAAK,aAAa,GAAG,KAAK,OAAO;CAC9C;CAEA,SAAS;EACP,OAAO,CAAI,yCAEa,KAAKE,GAAiB;CAGhD;CAEA,oBAAoB;EAKlB,AAJA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpBC,EAAoB,MAAMd,CAAY,GACtC,KAAK,WAAW,OAAO,SACvB,KAAK,iBAAiB,SAAS,KAAKQ,EAAQ;CAC9C;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,SAAS,KAAKA,EAAQ;CACjD;CAEA;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQO,CAAK,GACnB,KAAKH,GAAiB;CACxB;CAEA,KAAmB;EASjB,AARI,KAAK,cAAc,UACrB,KAAKF,GAAS,SAAQ,MAAQ,EAAI,YAAY,MAAO,GAGnD,KAAK,eACP,KAAKA,GAAS,SAAQ,MAAQ,EAAI,cAAc,KAAK,WAAY,GAGnE,KAAK,SAAS,SAAS,KAAK,WAAW,OAAO,IAAI,OAAO,IAAI,KAAK,WAAW,OAAO,OAAO,OAAO;CACpG;CAEA,GAAc,GAA6C;EACzD,AAAKM,EAAO,UAAU,6BAA6B,MAI/C,KAAK,mBAAmB,YAC1B,KAAKN,GAAS,SAAQ,MAAM,EAAE,UAAU,EAAM,GAC9C,EAAO,UAAU,MACR,KAAK,mBAAmB,YACjC,EAAO,UAAU,CAACM,EAAO;CAE7B;AACF;AAvFGf,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAAZ,EAAA,WAAA,kBAAA,KAAA,CAAA,GAGvDJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,aAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,eAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,eAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,QAAA,KAAA,CAAA,GAaxCJ,EAAA,CAAAiB,EAAsB,EAAE,UAAU,cAAc,CAAC,CAAA,GAAAb,EAAA,WAAA,YAAA,KAAA,CAAA,GAEjDJ,EAAA,CAAAiB,EAAsB,EAAE,UAAU,kBAAkB,CAAC,CAAA,GAAAb,EAAA,WAAA,eAAA,KAAA,CAAA,GAErDJ,EAAA,CAAAiB,EAAsB,EAAE,UAAU,aAAa,CAAC,CAAA,GAAAb,EAAA,WAAA,WAAA,KAAA,CAAA,GAzClD,IAAAJ,EAAA,CAAAkB,EAAM,GACNC,EAA+B,CAAA,GAAAf,CAAA"}

package/dist/card/card2.js

@@ -1,84 +1,84 @@
 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 i from "./card.js";
-import a from "./card-header.js";
-import o from "./card-content.js";
-import s from "./card-footer.js";
-import { LitElement as c, html 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 r from "./card.js";
+import i from "./card-header.js";
+import a from "./card-content.js";
+import o from "./card-footer.js";
+import { LitElement as s, html as c } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
 // src/card/card.ts
-var d = class extends c {
+var d = class extends s {
 	static {
-		this.styles = n([i]);
+		this.styles = u([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	render() {
-		return l`<div internal-host><slot name="header"></slot><slot></slot><slot name="footer"></slot></div>`;
+		return c`<div internal-host><slot name="header"></slot><slot></slot><slot name="footer"></slot></div>`;
 	}
 };
-r([u({
+n([l({
 	type: String,
 	reflect: !0
-})], d.prototype, "container", void 0), d = r([e()], d);
-var f = class extends c {
+})], d.prototype, "container", void 0), d = n([e()], d);
+var f = class extends s {
 	constructor(...e) {
 		super(...e), this.slot = "header";
 	}
 	static {
-		this.styles = n([a]);
+		this.styles = u([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-card"]
 		};
 	}
 	render() {
-		return l`<header internal-host><div class="content"><slot></slot></div></header>`;
+		return c`<header internal-host><div class="content"><slot></slot></div></header>`;
 	}
 };
-r([t()], f.prototype, "slot", void 0);
-var p = class extends c {
+n([t()], f.prototype, "slot", void 0);
+var p = class extends s {
 	static {
-		this.styles = n([o]);
+		this.styles = u([a]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-card"]
 		};
 	}
 	render() {
-		return l`<slot></slot>`;
+		return c`<slot></slot>`;
 	}
-}, m = class extends c {
+}, m = class extends s {
 	constructor(...e) {
 		super(...e), this.slot = "footer";
 	}
 	static {
-		this.styles = n([s]);
+		this.styles = u([o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-card"]
 		};
 	}
 	render() {
-		return l`<footer internal-host><slot></slot></footer>`;
+		return c`<footer internal-host><slot></slot></footer>`;
 	}
 };
-r([t()], m.prototype, "slot", void 0);
+n([t()], m.prototype, "slot", void 0);
 export { d as Card, p as CardContent, m as CardFooter, f as CardHeader };
 
 //# sourceMappingURL=card2.js.map

package/dist/card/card2.js.map

@@ -1 +1 @@
-{"version":3,"file":"card2.js","names":["cardStyleSheet","_decorate","cardHeaderStyleSheet","cardContentStyleSheet","cardFooterStyleSheet","__decorate","card_default","card_header_default","card_content_default","card_footer_default","Card","LitElement","useStyles","property","audit","CardHeader","_args","hostAttr","CardContent","CardFooter","_args2"],"sources":["../../src/card/card.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 { ContainerElement } from '@nvidia-elements/core/internal';\nimport { audit, hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport cardStyleSheet from './card.css?inline';\nimport cardHeaderStyleSheet from './card-header.css?inline';\nimport cardContentStyleSheet from './card-content.css?inline';\nimport cardFooterStyleSheet from './card-footer.css?inline';\n\n/**\n * @element nve-card\n * @description A container for content representing a single entity.\n * @documentation https://nvidia.github.io/elements/docs/elements/card/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - use `<nve-card-header>`,`<nve-card-content>`,`<nve-card-footer>` for card content layout\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --border\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class Card extends LitElement implements ContainerElement {\n  /** flat (embed into parent container) or full (width of viewport) */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'full';\n\n  static styles = useStyles([cardStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"header\"></slot>\n\n        <slot></slot>\n\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n}\n\n/**\n * @element nve-card-header\n * @description Displays the title and optional actions at the top of a card, establishing the card's identity and purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/card/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - Card title, supporting text, and optional action controls.\n * @cssprop --padding\n * @cssprop --border-bottom\n * @cssprop --line-height\n * @cssprop --gap\n * @aria https://github.com/w3c/aria-practices/issues\n */\nexport class CardHeader extends LitElement {\n  static styles = useStyles([cardHeaderStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-header',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  render() {\n    return html`\n      <header internal-host>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </header>\n    `;\n  }\n}\n\n/**\n * @element nve-card-content\n * @description Contains the primary body content of a card, providing a structured region for the main information or media.\n * @documentation https://nvidia.github.io/elements/docs/elements/card/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - This is a default/unnamed slot for card content\n * @cssprop --padding\n * @aria https://github.com/w3c/aria-practices/issues\n */\nexport class CardContent extends LitElement {\n  static styles = useStyles([cardContentStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-content',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * @element nve-card-footer\n * @description Provides a designated area at the bottom of a card for actions, metadata, or supplementary information.\n * @documentation https://nvidia.github.io/elements/docs/elements/card/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - This is a default/unnamed slot for card footer content\n * @cssprop --padding\n * @cssprop --border-top\n * @aria https://github.com/w3c/aria-practices/issues\n */\nexport class CardFooter extends LitElement {\n  static styles = useStyles([cardFooterStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-footer',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <footer internal-host>\n        <slot></slot>\n      </footer>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;;AA2BO,IAAMU,IAAN,cAAmBC,EAAuC;;EAI/C,KAAA,SAAAC,EAAU,CAACZ,CAAc,CAAC;;;EAEf,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CASb;AACF;AApBGC,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAH,EAAA,WAAA,aAAA,KAAA,CAAA,GAH1C,IAAAT,EAAA,CAAAa,EAAM,CAAA,GAAAJ,CAAA;AAsCP,IAAaK,IAAb,cAAgCJ,EAAW;;EAUtB,A,aAAA,KAAA,OAAA;;;EATH,KAAA,SAAAC,EAAU,CAACV,CAAoB,CAAC;;;EAErB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAKA,SAAS;EACP,OAAO,CAAI;CAOb;AACF;AAXGD,EAAA,CAAAgB,EAAS,CAAA,GAAAF,EAAA,WAAA,QAAA,KAAA,CAAA;AAuBZ,IAAaG,IAAb,cAAiCP,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACT,CAAqB,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAEA,SAAS;EACP,OAAO,CAAI;CAGb;AACF,GAaagB,IAAb,cAAgCR,EAAW;;EAUtB,A,aAAA,KAAA,OAAA;;;EATH,KAAA,SAAAC,EAAU,CAACR,CAAoB,CAAC;;;EAErB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AATGH,EAAA,CAAAgB,EAAS,CAAA,GAAAE,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"card2.js","names":["cardStyleSheet","_decorate","cardHeaderStyleSheet","cardContentStyleSheet","cardFooterStyleSheet","__decorate","card_default","card_header_default","card_content_default","card_footer_default","Card","LitElement","useStyles","property","audit","CardHeader","_args","hostAttr","CardContent","CardFooter","_args2"],"sources":["../../src/card/card.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 { ContainerElement } from '@nvidia-elements/core/internal';\nimport { audit, hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport cardStyleSheet from './card.css?inline';\nimport cardHeaderStyleSheet from './card-header.css?inline';\nimport cardContentStyleSheet from './card-content.css?inline';\nimport cardFooterStyleSheet from './card-footer.css?inline';\n\n/**\n * @element nve-card\n * @description A container for content representing a single entity.\n * @documentation https://nvidia.github.io/elements/docs/elements/card/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - use `<nve-card-header>`,`<nve-card-content>`,`<nve-card-footer>` for card content layout\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --border\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class Card extends LitElement implements ContainerElement {\n  /** flat (embed into parent container) or full (width of viewport) */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'full';\n\n  static styles = useStyles([cardStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"header\"></slot>\n\n        <slot></slot>\n\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n}\n\n/**\n * @element nve-card-header\n * @description Displays the title and optional actions at the top of a card, establishing the card's identity and purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/card/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - Card title, supporting text, and optional action controls.\n * @cssprop --padding\n * @cssprop --border-bottom\n * @cssprop --line-height\n * @cssprop --gap\n * @aria https://github.com/w3c/aria-practices/issues\n */\nexport class CardHeader extends LitElement {\n  static styles = useStyles([cardHeaderStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-header',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  render() {\n    return html`\n      <header internal-host>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </header>\n    `;\n  }\n}\n\n/**\n * @element nve-card-content\n * @description Contains the primary body content of a card, providing a structured region for the main information or media.\n * @documentation https://nvidia.github.io/elements/docs/elements/card/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - This is a default/unnamed slot for card content\n * @cssprop --padding\n * @aria https://github.com/w3c/aria-practices/issues\n */\nexport class CardContent extends LitElement {\n  static styles = useStyles([cardContentStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-content',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * @element nve-card-footer\n * @description Provides a designated area at the bottom of a card for actions, metadata, or supplementary information.\n * @documentation https://nvidia.github.io/elements/docs/elements/card/\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - This is a default/unnamed slot for card footer content\n * @cssprop --padding\n * @cssprop --border-top\n * @aria https://github.com/w3c/aria-practices/issues\n */\nexport class CardFooter extends LitElement {\n  static styles = useStyles([cardFooterStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-footer',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <footer internal-host>\n        <slot></slot>\n      </footer>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;;AA4BO,IAAMU,IAAN,cAAmBC,EAAuC;;EAI/C,KAAA,SAAAC,EAAU,CAACZ,CAAc,CAAC;;;EAEf,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CASb;AACF;AApBGC,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAH,EAAA,WAAA,aAAA,KAAA,CAAA,GAH1C,IAAAT,EAAA,CAAAa,EAAM,CAAA,GAAAJ,CAAA;AAsCP,IAAaK,IAAb,cAAgCJ,EAAW;;EAUtB,A,aAAA,KAAA,OAAA;;;EATH,KAAA,SAAAC,EAAU,CAACV,CAAoB,CAAC;;;EAErB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAKA,SAAS;EACP,OAAO,CAAI;CAOb;AACF;AAXGD,EAAA,CAAAgB,EAAS,CAAA,GAAAF,EAAA,WAAA,QAAA,KAAA,CAAA;AAuBZ,IAAaG,IAAb,cAAiCP,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACT,CAAqB,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAEA,SAAS;EACP,OAAO,CAAI;CAGb;AACF,GAaagB,IAAb,cAAgCR,EAAW;;EAUtB,A,aAAA,KAAA,OAAA;;;EATH,KAAA,SAAAC,EAAU,CAACR,CAAoB,CAAC;;;EAErB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AATGH,EAAA,CAAAgB,EAAS,CAAA,GAAAE,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/chat-message/chat-message2.js

@@ -1,35 +1,36 @@
 import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
-import { colorStateStyles as t, useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import i from "./chat-message.js";
-import a from "./chat-message.global.js";
-import { LitElement as o, html as s } from "lit";
-import { property as c } from "lit/decorators/property.js";
+import { colorStateStyles as t } from "../internal/styles/index.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import r from "./chat-message.js";
+import i from "./chat-message.global.js";
+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/chat-message/chat-message.ts
-var l = class extends o {
+var l = class extends a {
 	static {
-		this.styles = n([i, t]);
+		this.styles = c([r, t]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	render() {
-		return s`<div internal-host><slot name="prefix"></slot><slot part="_message"></slot><slot name="suffix"></slot></div>`;
+		return o`<div internal-host><slot name="prefix"></slot><slot part="_message"></slot><slot name="suffix"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this, a);
+		super.connectedCallback(), e(this, i);
 	}
 };
-r([c({
+n([s({
 	type: String,
 	reflect: !0
-})], l.prototype, "container", void 0), r([c({
+})], l.prototype, "container", void 0), n([s({
 	type: String,
 	reflect: !0
-})], l.prototype, "color", void 0), r([c({
+})], l.prototype, "color", void 0), n([s({
 	type: String,
 	reflect: !0,
 	attribute: "arrow-position"

package/dist/chat-message/chat-message2.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message2.js","names":["styles","globalStyles","_decorate","__decorate","chat_message_default","chat_message_global_default","ChatMessage","LitElement","useStyles","colorStateStyles","appendRootNodeStyle","property"],"sources":["../../src/chat-message/chat-message.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 { Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './chat-message.css?inline';\nimport globalStyles from './chat-message.global.css?inline';\n\n/**\n * @element nve-chat-message\n * @description A chat message component displays a text message within a conversation, sent between users or bots\n * @documentation https://nvidia.github.io/elements/docs/elements/chat-message/\n * @since 1.25.0\n * @entrypoint \\@nvidia-elements/core/chat-message\n * @slot - The message body displayed between the prefix and suffix content.\n * @slot prefix - for avatar/img content\n * @slot suffix - for avatar/img content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --font-size\n * @cssprop --line-height\n * @cssprop --overflow\n * @cssprop --top-offset - Vertical offset for aligning message with avatar\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\nexport class ChatMessage extends LitElement {\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-chat-message',\n    version: '0.0.0'\n  };\n\n  /** Applies a transparent background and reduced horizontal padding for embedding the message in another container. */\n  @property({ type: String, reflect: true }) container: 'flat';\n\n  @property({ type: String, reflect: true }) color: Color;\n\n  /** Removes the border radius from the selected message corner to indicate the speaker direction. */\n  @property({ type: String, reflect: true, attribute: 'arrow-position' }) arrowPosition:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot part=\"_message\"></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;AA+BA,IAAaM,IAAb,cAAiCC,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACR,GAAQS,CAAgB,CAAC;;;EAEzB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAcA,SAAS;EACP,OAAO,CAAI;CAOb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBC,EAAoB,MAAMT,CAAY;CACxC;AACF;AAzBGC,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAExCJ,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,SAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAiB,CAAC,CAAA,GAAAL,EAAA,WAAA,iBAAA,KAAA,CAAA"}
+{"version":3,"file":"chat-message2.js","names":["styles","globalStyles","_decorate","__decorate","chat_message_default","chat_message_global_default","ChatMessage","LitElement","useStyles","colorStateStyles","appendRootNodeStyle","property"],"sources":["../../src/chat-message/chat-message.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 { Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './chat-message.css?inline';\nimport globalStyles from './chat-message.global.css?inline';\n\n/**\n * @element nve-chat-message\n * @description A chat message component displays a text message within a conversation, sent between users or bots\n * @documentation https://nvidia.github.io/elements/docs/elements/chat-message/\n * @since 1.25.0\n * @entrypoint \\@nvidia-elements/core/chat-message\n * @slot - The message body displayed between the prefix and suffix content.\n * @slot prefix - for avatar/img content\n * @slot suffix - for avatar/img content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --font-size\n * @cssprop --line-height\n * @cssprop --overflow\n * @cssprop --top-offset - Vertical offset for aligning message with avatar\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\nexport class ChatMessage extends LitElement {\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-chat-message',\n    version: '0.0.0'\n  };\n\n  /** Applies a transparent background and reduced horizontal padding for embedding the message in another container. */\n  @property({ type: String, reflect: true }) container: 'flat';\n\n  @property({ type: String, reflect: true }) color: Color;\n\n  /** Removes the border radius from the selected message corner to indicate the speaker direction. */\n  @property({ type: String, reflect: true, attribute: 'arrow-position' }) arrowPosition:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot part=\"_message\"></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;AA+BA,IAAaM,IAAb,cAAiCC,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACR,GAAQS,CAAgB,CAAC;;;EAEzB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAcA,SAAS;EACP,OAAO,CAAI;CAOb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBC,EAAoB,MAAMT,CAAY;CACxC;AACF;AAzBGC,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAExCJ,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,SAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAiB,CAAC,CAAA,GAAAL,EAAA,WAAA,iBAAA,KAAA,CAAA"}

package/dist/checkbox/checkbox-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 "./checkbox-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 "./checkbox-group.js";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 // src/checkbox/checkbox-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-checkbox-group",
-			version: "2.23.4",
+			version: "2.23.6",
 			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 CheckboxGroup };
 
 //# sourceMappingURL=checkbox-group2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group2.js","names":["styles","_decorate","__decorate","checkbox_group_default","CheckboxGroup","ControlGroup","useStyles","audit","typeSSR"],"sources":["../../src/checkbox/checkbox-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 { typeSSR, useStyles, audit } from '@nvidia-elements/core/internal';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './checkbox-group.css?inline';\n\n/**\n * @element nve-checkbox-group\n * @description Groups related checkboxes together with a shared label and validation messaging for multi-select form inputs.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/checkbox\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n */\n@audit()\n@typeSSR()\nexport class CheckboxGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-checkbox-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-checkbox']\n  };\n}\n"],"mappings":";;;;;;;AAiBO,IAAMI,IAAN,cAA4BC,EAAa;;EACjB,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAa,QAAQL,CAAM,CAAC;;;EAE5C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAc;EAC3D;;AACF;AAVC,IAAAC,EAAA,CAAAM,EAAM,GACNC,EAAQ,CAAA,GAAAJ,CAAA"}
+{"version":3,"file":"checkbox-group2.js","names":["styles","_decorate","__decorate","checkbox_group_default","CheckboxGroup","ControlGroup","useStyles","audit","typeSSR"],"sources":["../../src/checkbox/checkbox-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 { typeSSR, audit } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './checkbox-group.css?inline';\n\n/**\n * @element nve-checkbox-group\n * @description Groups related checkboxes together with a shared label and validation messaging for multi-select form inputs.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/checkbox\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n */\n@audit()\n@typeSSR()\nexport class CheckboxGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-checkbox-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-checkbox']\n  };\n}\n"],"mappings":";;;;;;;AAkBO,IAAMI,IAAN,cAA4BC,EAAa;;EACjB,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAa,QAAQL,CAAM,CAAC;;;EAE5C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAc;EAC3D;;AACF;AAVC,IAAAC,EAAA,CAAAM,EAAM,GACNC,EAAQ,CAAA,GAAAJ,CAAA"}

package/dist/checkbox/checkbox2.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 "./checkbox.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 "./checkbox.js";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 // src/checkbox/checkbox.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-checkbox",
-			version: "2.23.4",
+			version: "2.23.6",
 			children: [
 				"label",
 				"input",
@@ -24,7 +24,7 @@ var o = class extends i {
 		};
 	}
 };
-r([t({ attribute: "nve-control" })], o.prototype, "nveControl", void 0), o = r([e()], o);
+n([t({ attribute: "nve-control" })], o.prototype, "nveControl", void 0), o = n([e()], o);
 export { o as Checkbox };
 
 //# sourceMappingURL=checkbox2.js.map

package/dist/checkbox/checkbox2.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox2.js","names":["styles","_decorate","__decorate","checkbox_default","Checkbox","Control","_args","useStyles","hostAttr","audit"],"sources":["../../src/checkbox/checkbox.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 './checkbox.css?inline';\n\n/**\n * @element nve-checkbox\n * @description A checkbox is a control that enables users to choose between two distinct mutually exclusive options (checked or unchecked, on or off) through a single click or tap.\n * @documentation https://nvidia.github.io/elements/docs/elements/checkbox/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/checkbox\n * @cssprop --cursor\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --border-color\n * @cssprop --background\n * @cssprop --check-color\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n */\n@audit()\nexport class Checkbox extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\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 readonly metadata = {\n    tag: 'nve-checkbox',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AAyBO,IAAMI,IAAN,cAAuBC,EAAQ;;EAC2B,A,aAAA,KAAA,aAAA;;;EAElC,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAQvC,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":"checkbox2.js","names":["styles","_decorate","__decorate","checkbox_default","Checkbox","Control","_args","useStyles","hostAttr","audit"],"sources":["../../src/checkbox/checkbox.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 './checkbox.css?inline';\n\n/**\n * @element nve-checkbox\n * @description A checkbox is a control that enables users to choose between two distinct mutually exclusive options (checked or unchecked, on or off) through a single click or tap.\n * @documentation https://nvidia.github.io/elements/docs/elements/checkbox/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/checkbox\n * @cssprop --cursor\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --border-color\n * @cssprop --background\n * @cssprop --check-color\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n */\n@audit()\nexport class Checkbox extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\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 readonly metadata = {\n    tag: 'nve-checkbox',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AA0BO,IAAMI,IAAN,cAAuBC,EAAQ;;EAC2B,A,aAAA,KAAA,aAAA;;;EAElC,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAQvC,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/color/color2.js

@@ -1,40 +1,40 @@
 import { appendRootNodeStyle as e, openEyeDropper as t } from "../internal/utils/dom.js";
-import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
-import { useStyles as r } from "../internal/styles/index.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 { Control as o } from "../forms/control/control2.js";
-import { inputStyles as s } from "../input/input2.js";
-import c from "./color.global.js";
-import l from "./color.js";
-import { html as u } from "lit";
-import { property as d } from "lit/decorators/property.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 "./color.global.js";
+import s from "./color.js";
+import { html as c } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { scopedRegistry as u } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as d } from "@nvidia-elements/foundations/internal/styles";
 // src/color/color.ts
-var f = { expand: "expand" }, p = class extends o {
+var f = { expand: "expand" }, p = class extends i {
 	get i18nDefaults() {
 		return f;
 	}
 	static {
-		this.styles = r([
-			...o.styles,
-			s,
-			l
+		this.styles = d([
+			...i.styles,
+			a,
+			s
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	static {
-		this.elementDefinitions = { [a.metadata.tag]: a };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	get suffixContent() {
-		return u`<nve-icon-button part="icon-button" .role="${"button"}" .ariaLabel="${this.i18n.expand}" icon-name="dropper" container="inline" @click="${() => this.#e()}"></nve-icon-button>`;
+		return c`<nve-icon-button part="icon-button" .role="${"button"}" .ariaLabel="${this.i18n.expand}" icon-name="dropper" container="inline" @click="${() => this.#e()}"></nve-icon-button>`;
 	}
 	connectedCallback() {
-		if (super.connectedCallback(), e(this, c), this.input.value === "#000000") {
+		if (super.connectedCallback(), e(this, o), this.input.value === "#000000") {
 			let e = getComputedStyle(this).getPropertyValue("--background").trim();
 			e.includes("#") && (this.input.value = e);
 		}
@@ -43,10 +43,10 @@ var f = { expand: "expand" }, p = class extends o {
 		this.input.value = await t(), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.dispatchEvent(new Event("change", { bubbles: !0 }));
 	}
 };
-i([d({
+n([l({
 	type: String,
 	reflect: !0
-})], p.prototype, "container", void 0), p = i([n()], p);
+})], p.prototype, "container", void 0), p = n([u()], p);
 export { p as Color };
 
 //# sourceMappingURL=color2.js.map

package/dist/color/color2.js.map

@@ -1 +1 @@
-{"version":3,"file":"color2.js","names":["styles","globalStyles","_decorate","__decorate","color_global_default","color_default","i18nDefaults","Color","Control","useStyles","inputStyles","IconButton","#select","appendRootNodeStyle","color","openEyeDropper","property","scopedRegistry"],"sources":["../../src/color/color.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 { appendRootNodeStyle, openEyeDropper, scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport globalStyles from './color.global.css?inline';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './color.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-color\n * @description A color picker is a control that enables users to choose a color value.\n * @documentation https://nvidia.github.io/elements/docs/elements/color/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/color\n * @cssprop --cursor\n * @csspart icon-button - The eye dropper icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n */\n@scopedRegistry()\nexport class Color 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-color',\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\" .role=${'button'} .ariaLabel=${this.i18n.expand} icon-name=\"dropper\" container=\"inline\" @click=${() => this.#select()}></nve-icon-button>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    if (this.input.value === '#000000') {\n      const color = getComputedStyle(this).getPropertyValue('--background').trim();\n      if (color.includes('#')) {\n        this.input.value = color;\n      }\n    }\n  }\n\n  async #select() {\n    this.input.value = await openEyeDropper();\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAcA,IAAMM,IAAe,EACnB,QAAQ,SACV,GAaaC,IAAN,cAAoBC,EAAoC;CAC7D,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaV;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBW,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,8CAA6C,SAAS,gBAAc,KAAK,KAAK,OAAO,yDAAuD,KAAKC,GAAQ,EAAE;CACxK;CAEA,oBAAoB;EAGlB,IAFA,MAAM,kBAAkB,GACxBC,EAAoB,MAAMZ,CAAY,GAClC,KAAK,MAAM,UAAU,WAAW;GAClC,IAAMa,IAAQ,iBAAiB,IAAI,CAAC,CAAC,iBAAiB,cAAc,CAAC,CAAC,KAAK;GAC3E,AAAIA,EAAM,SAAS,GAAG,MACpB,KAAK,MAAM,QAAQA;EAEvB;CACF;CAEA,MAAMF,KAAU;EAGd,AAFA,KAAK,MAAM,QAAQ,MAAMG,EAAe,GACxC,KAAK,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAK,CAAC,CAAC,GAC9D,KAAK,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,CAAC;CACjE;AACF;AAjCGb,EAAA,CAAAc,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAL,EAAA,CAAAe,EAAe,CAAA,GAAAV,CAAA"}
+{"version":3,"file":"color2.js","names":["styles","globalStyles","_decorate","__decorate","color_global_default","color_default","i18nDefaults","Color","Control","useStyles","inputStyles","IconButton","#select","appendRootNodeStyle","color","openEyeDropper","property","scopedRegistry"],"sources":["../../src/color/color.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 { appendRootNodeStyle, openEyeDropper } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport globalStyles from './color.global.css?inline';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './color.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-color\n * @description A color picker is a control that enables users to choose a color value.\n * @documentation https://nvidia.github.io/elements/docs/elements/color/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/color\n * @cssprop --cursor\n * @csspart icon-button - The eye dropper icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n */\n@scopedRegistry()\nexport class Color 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-color',\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\" .role=${'button'} .ariaLabel=${this.i18n.expand} icon-name=\"dropper\" container=\"inline\" @click=${() => this.#select()}></nve-icon-button>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    if (this.input.value === '#000000') {\n      const color = getComputedStyle(this).getPropertyValue('--background').trim();\n      if (color.includes('#')) {\n        this.input.value = color;\n      }\n    }\n  }\n\n  async #select() {\n    this.input.value = await openEyeDropper();\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,IAAMM,IAAe,EACnB,QAAQ,SACV,GAaaC,IAAN,cAAoBC,EAAoC;CAC7D,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaV;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBW,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,8CAA6C,SAAS,gBAAc,KAAK,KAAK,OAAO,yDAAuD,KAAKC,GAAQ,EAAE;CACxK;CAEA,oBAAoB;EAGlB,IAFA,MAAM,kBAAkB,GACxBC,EAAoB,MAAMZ,CAAY,GAClC,KAAK,MAAM,UAAU,WAAW;GAClC,IAAMa,IAAQ,iBAAiB,IAAI,CAAC,CAAC,iBAAiB,cAAc,CAAC,CAAC,KAAK;GAC3E,AAAIA,EAAM,SAAS,GAAG,MACpB,KAAK,MAAM,QAAQA;EAEvB;CACF;CAEA,MAAMF,KAAU;EAGd,AAFA,KAAK,MAAM,QAAQ,MAAMG,EAAe,GACxC,KAAK,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAK,CAAC,CAAC,GAC9D,KAAK,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,CAAC;CACjE;AACF;AAjCGb,EAAA,CAAAc,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAL,EAAA,CAAAe,EAAe,CAAA,GAAAV,CAAA"}