@nvidia-elements/core 2.0.3 → 2.1.0

package/dist/button/button.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { Interaction, Size } from '../internal';
-declare const Button_base: import('@nvidia-elements/forms/mixins').ButtonFormControlMixinReturn<typeof LitElement>;
+import type { Interaction, Size } from '@nvidia-elements/core/internal';
+declare const Button_base: import("@nvidia-elements/forms/mixins").ButtonFormControlMixinReturn<typeof LitElement>;
 /**
  * @element nve-button
  * @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.
@@ -26,7 +26,7 @@ declare const Button_base: import('@nvidia-elements/forms/mixins').ButtonFormCon
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/
  */
 export declare class Button extends Button_base {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -43,6 +43,6 @@ export declare class Button extends Button_base {
      * 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.
      */
     interaction: Interaction;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist/button/button2.js

@@ -1,5 +1,5 @@
 import { useStyles as e } from "../internal/styles/index.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import t from "../_virtual/_@oxc-project_runtime@0.139.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";
@@ -12,7 +12,7 @@ var s = class extends o(r) {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "2.0.3"
+			version: "2.1.0"
 		};
 	}
 	render() {

package/dist/button/button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button2.js","names":[],"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 * @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":";;;;;;;AAkCA,IAAa,IAAb,cAA4B,EAAuB,CAAU,EAAE;;gBAC7C,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAiBA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GAnBG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA"}
+{"version":3,"file":"button2.js","names":[],"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 * @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":";;;;;;;AAkCA,IAAa,IAAb,cAA4B,EAAuB,CAAU,CAAC,CAAC;;gBAC7C,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAiBA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GAnBG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA"}

package/dist/button/define.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '.';
+import { Button } from '@nvidia-elements/core/button';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-button': Button;

package/dist/button-group/button-group.d.ts

@@ -1,5 +1,6 @@
-import { PropertyValues, LitElement } from 'lit';
-import { KeynavListConfig, Interaction, Size } from '../internal';
+import type { PropertyValues } from 'lit';
+import { LitElement } from 'lit';
+import type { KeynavListConfig, Interaction, Size } from '@nvidia-elements/core/internal';
 /**
  * @element nve-button-group
  * @description A button group organizes related buttons and can support either mutually exclusive single or multi selection. Prefer usage within toolbars.
@@ -29,7 +30,7 @@ export declare class ButtonGroup extends LitElement {
     interaction: Interaction;
     /** Determines size of button */
     size?: Size;
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -40,7 +41,7 @@ export declare class ButtonGroup extends LitElement {
     private dividers;
     private iconButtons;
     private buttons;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(props: PropertyValues<this>): void;

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

@@ -3,7 +3,7 @@ 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 { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import a from "../_virtual/_@oxc-project_runtime@0.139.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";
@@ -26,7 +26,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "2.0.3",
+			version: "2.1.0",
 			children: [
 				"nve-button",
 				"nve-icon-button",

package/dist/button-group/define.d.ts

@@ -1,4 +1,4 @@
-import { ButtonGroup } from '.';
+import { ButtonGroup } from '@nvidia-elements/core/button-group';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-button-group': ButtonGroup;

package/dist/card/card.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { ContainerElement } from '../internal';
+import type { ContainerElement } from '@nvidia-elements/core/internal';
 /**
  * @element nve-card
  * @description A container for content representing a single entity.
@@ -16,12 +16,12 @@ import { ContainerElement } from '../internal';
 export declare class Card extends LitElement implements ContainerElement {
     /** flat (embed into parent container) or full (width of viewport) */
     container?: 'flat' | 'full';
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
     };
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 /**
  * @element nve-card-header
@@ -36,14 +36,14 @@ export declare class Card extends LitElement implements ContainerElement {
  * @aria https://github.com/w3c/aria-practices/issues
  */
 export declare class CardHeader extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
         parents: string[];
     };
     slot: string;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 /**
  * @element nve-card-content
@@ -55,13 +55,13 @@ export declare class CardHeader extends LitElement {
  * @aria https://github.com/w3c/aria-practices/issues
  */
 export declare class CardContent extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
         parents: string[];
     };
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 /**
  * @element nve-card-footer
@@ -74,12 +74,12 @@ export declare class CardContent extends LitElement {
  * @aria https://github.com/w3c/aria-practices/issues
  */
 export declare class CardFooter extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
         parents: string[];
     };
     slot: string;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/card/card2.js

@@ -1,7 +1,7 @@
 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 { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import r from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import i from "./card.js";
 import a from "./card-header.js";
 import o from "./card-content.js";
@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "2.0.3"
+			version: "2.1.0"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.0.3",
+			version: "2.1.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.0.3",
+			version: "2.1.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -72,7 +72,7 @@ var m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.0.3",
+			version: "2.1.0",
 			parents: ["nve-card"]
 		};
 	}

package/dist/card/define.d.ts

@@ -1,4 +1,4 @@
-import { Card, CardHeader, CardContent, CardFooter } from '.';
+import { Card, CardHeader, CardContent, CardFooter } from '@nvidia-elements/core/card';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-card': Card;

package/dist/chat-message/chat-message.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { Color } from '../internal';
+import type { Color } from '@nvidia-elements/core/internal';
 /**
  * @element nve-chat-message
  * @description A chat message component displays a text message within a conversation, sent between users or bots
@@ -20,7 +20,7 @@ import { Color } from '../internal';
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/
  */
 export declare class ChatMessage extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -28,6 +28,6 @@ export declare class ChatMessage extends LitElement {
     container: 'flat';
     color: Color;
     arrowPosition: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }

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

@@ -1,6 +1,6 @@
 import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
 import { colorStateStyles as t, useStyles as n } from "../internal/styles/index.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import r from "../_virtual/_@oxc-project_runtime@0.139.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";
@@ -13,7 +13,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.0.3"
+			version: "2.1.0"
 		};
 	}
 	render() {

package/dist/chat-message/define.d.ts

@@ -1,4 +1,4 @@
-import { ChatMessage } from '.';
+import { ChatMessage } from '@nvidia-elements/core/chat-message';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-chat-message': ChatMessage;

package/dist/checkbox/checkbox-group.d.ts

@@ -1,5 +1,5 @@
-import { CSSResult } from 'lit';
-import { ControlGroup } from '../forms';
+import type { CSSResult } from 'lit';
+import { ControlGroup } from '@nvidia-elements/core/forms';
 /**
  * @element nve-checkbox-group
  * @description Groups related checkboxes together with a shared label and validation messaging for multi-select form inputs.

package/dist/checkbox/checkbox-group2.js

@@ -1,7 +1,7 @@
 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 { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import r from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { ControlGroup as i } from "../forms/control-group/control-group2.js";
 import a from "./checkbox-group.js";
 //#region src/checkbox/checkbox-group.ts
@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox-group",
-			version: "2.0.3",
+			version: "2.1.0",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
-import { CSSResult } from 'lit';
-import { Control } from '../forms';
+import type { CSSResult } from 'lit';
+import { Control } from '@nvidia-elements/core/forms';
 /**
  * @element nve-checkbox
  * @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.

package/dist/checkbox/checkbox2.js

@@ -1,7 +1,7 @@
 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 { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import r from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { Control as i } from "../forms/control/control2.js";
 import a from "./checkbox.js";
 //#region src/checkbox/checkbox.ts
@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox",
-			version: "2.0.3",
+			version: "2.1.0",
 			children: [
 				"label",
 				"input",

package/dist/checkbox/define.d.ts

@@ -1,4 +1,4 @@
-import { Checkbox, CheckboxGroup } from '.';
+import { Checkbox, CheckboxGroup } from '@nvidia-elements/core/checkbox';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-checkbox': Checkbox;

package/dist/color/color.d.ts

@@ -1,6 +1,6 @@
-import { ContainerElement } from '../internal';
-import { Control } from '../forms';
-import { IconButton } from '../icon-button';
+import type { ContainerElement } from '@nvidia-elements/core/internal';
+import { Control } from '@nvidia-elements/core/forms';
+import { IconButton } from '@nvidia-elements/core/icon-button';
 /**
  * @element nve-color
  * @description A color picker is a control that enables users to choose a color value.
@@ -17,7 +17,7 @@ export declare class Color extends Control implements ContainerElement {
      * Use when embedding within another container such as a toolbar.
      */
     container?: 'flat';
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -25,6 +25,6 @@ export declare class Color extends Control implements ContainerElement {
     static elementDefinitions: {
         [IconButton.metadata.tag]: typeof IconButton;
     };
-    protected get suffixContent(): import('lit').TemplateResult<1>;
+    protected get suffixContent(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/color/color2.js

@@ -1,7 +1,7 @@
 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 { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import i from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { Control as a } from "../forms/control/control2.js";
 import { IconButton as o } from "../icon-button/icon-button2.js";
 import { inputStyles as s } from "../input/input2.js";
@@ -21,7 +21,7 @@ var f = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.0.3"
+			version: "2.1.0"
 		};
 	}
 	static {

package/dist/color/color2.js.map

@@ -1 +1 @@
-{"version":3,"file":"color2.js","names":["#select"],"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 styles from './color.css?inline';\n\n/**\n * @element nve-color\n * @description A color picker is a control that enables users to choose a color value.\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  /**\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":";;;;;;;;;;;;AAuBO,IAAA,IAAA,cAAoB,EAAoC;;gBAO7C,EAAU;GAAC,GAAG,EAAQ;GAAQ;GAAa;EAAM,CAAC;;;kBAEvC;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAW,SAAS,MAAM,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,8CAA6C,SAAS,gBAAc,KAAK,KAAK,OAAO,yDAAuD,KAAKA,GAAQ,EAAE;CACxK;CAEA,oBAAoB;EAGlB,IAFA,MAAM,kBAAkB,GACxB,EAAoB,MAAM,CAAY,GAClC,KAAK,MAAM,UAAU,WAAW;GAClC,IAAM,IAAQ,iBAAiB,IAAI,EAAE,iBAAiB,cAAc,EAAE,KAAK;GAC3E,AAAI,EAAM,SAAS,GAAG,MACpB,KAAK,MAAM,QAAQ;EAEvB;CACF;CAEA,MAAMA,KAAU;EAGd,AAFA,KAAK,MAAM,QAAQ,MAAM,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;GAjCG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,UAN1C,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"color2.js","names":["#select"],"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 styles from './color.css?inline';\n\n/**\n * @element nve-color\n * @description A color picker is a control that enables users to choose a color value.\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  /**\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":";;;;;;;;;;;;AAuBO,IAAA,IAAA,cAAoB,EAAoC;;gBAO7C,EAAU;GAAC,GAAG,EAAQ;GAAQ;GAAa;EAAM,CAAC;;;kBAEvC;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAW,SAAS,MAAM,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,8CAA6C,SAAS,gBAAc,KAAK,KAAK,OAAO,yDAAuD,KAAKA,GAAQ,EAAE;CACxK;CAEA,oBAAoB;EAGlB,IAFA,MAAM,kBAAkB,GACxB,EAAoB,MAAM,CAAY,GAClC,KAAK,MAAM,UAAU,WAAW;GAClC,IAAM,IAAQ,iBAAiB,IAAI,CAAC,CAAC,iBAAiB,cAAc,CAAC,CAAC,KAAK;GAC3E,AAAI,EAAM,SAAS,GAAG,MACpB,KAAK,MAAM,QAAQ;EAEvB;CACF;CAEA,MAAMA,KAAU;EAGd,AAFA,KAAK,MAAM,QAAQ,MAAM,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;GAjCG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,UAN1C,EAAe,CAAA,GAAA,CAAA"}

package/dist/color/define.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '.';
+import { Color } from '@nvidia-elements/core/color';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-color': Color;

package/dist/combobox/combobox.d.ts

@@ -1,11 +1,12 @@
-import { PropertyValues, nothing } from 'lit';
-import { ContainerElement } from '../internal';
-import { Control } from '../forms';
-import { Menu, MenuItem } from '../menu';
-import { Dropdown } from '../dropdown';
-import { Tag } from '../tag';
-import { Icon } from '../icon';
-import { Checkbox } from '../checkbox';
+import type { PropertyValues } from 'lit';
+import { nothing } from 'lit';
+import type { ContainerElement } from '@nvidia-elements/core/internal';
+import { Control } from '@nvidia-elements/core/forms';
+import { Menu, MenuItem } from '@nvidia-elements/core/menu';
+import { Dropdown } from '@nvidia-elements/core/dropdown';
+import { Tag } from '@nvidia-elements/core/tag';
+import { Icon } from '@nvidia-elements/core/icon';
+import { Checkbox } from '@nvidia-elements/core/checkbox';
 /**
  * @element nve-combobox
  * @description An editable combobox with autocomplete behavior and selection support.
@@ -50,7 +51,7 @@ export declare class Combobox extends Control implements ContainerElement {
     tagLayout: 'hidden' | 'wrap';
     /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */
     behaviorCreate: boolean;
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -64,8 +65,8 @@ export declare class Combobox extends Control implements ContainerElement {
         [Tag.metadata.tag]: typeof Tag;
     };
     protected _associateDatalist: boolean;
-    protected get prefixContent(): import('lit').TemplateResult<1>;
-    protected get suffixContent(): typeof nothing | import('lit').TemplateResult<1>;
+    protected get prefixContent(): import("lit").TemplateResult<1>;
+    protected get suffixContent(): typeof nothing | import("lit").TemplateResult<1>;
     firstUpdated(props: PropertyValues<this>): Promise<void>;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/combobox/combobox2.js

@@ -3,7 +3,7 @@ import { getDisplayValue as t, getElementUpdate as n, getPropertyChanges as r }
 import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
 import { useStyles as a } from "../internal/styles/index.js";
 import { createLightDismiss as o } from "../internal/utils/keynav.js";
-import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import s from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { Icon as c } from "../icon/icon2.js";
 import { Control as l } from "../forms/control/control2.js";
 import { inputStyles as u } from "../input/input2.js";
@@ -31,7 +31,7 @@ var S = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "2.0.3"
+			version: "2.1.0"
 		};
 	}
 	static {