@nvidia-elements/core 2.0.2 → 2.0.3

package/dist/button/button2.js

@@ -12,7 +12,7 @@ var s = class extends o(r) {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	render() {

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

@@ -26,7 +26,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "2.0.2",
+			version: "2.0.3",
 			children: [
 				"nve-button",
 				"nve-icon-button",

package/dist/card/card.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.examples.js","names":[],"sources":["../../src/card/card.examples.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 '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\nimport '@nvidia-elements/core/icon/define.js';\nimport '@nvidia-elements/core/tabs/define.js';\nimport '@nvidia-elements/core/divider/define.js';\n\nexport default {\n  title: 'Elements/Card',\n  component: 'nve-card'\n};\n\n/**\n * @summary Basic card component with header, content, and footer sections. Use this as a starting point for simple content containers.\n */\nexport const Default = {\n  render: () => html`\n  <nve-card>\n    <nve-card-header>\n      <h2 nve-text=\"heading sm medium\">Heading</h2>\n    </nve-card-header>\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n    </nve-card-content>\n    <nve-card-footer>\n      <p nve-text=\"body\">card footer</p>\n    </nve-card-footer>\n  </nve-card>\n  `\n};\n\n/**\n * @summary Card with action buttons in the footer, including primary and secondary actions for interactive card layouts.\n */\nexport const Actions = {\n  render: () => html`\n  <nve-card>\n    <nve-card-header>\n      <div nve-layout=\"column gap:xs\">\n        <h2 nve-text=\"heading sm bold\">Heading</h2>\n        <h3 nve-text=\"body sm muted\">Sub Heading</h3>\n      </div>\n    </nve-card-header>\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"row gap:xs\">\n        <nve-button container=\"flat\" style=\"margin-left: auto\">cancel</nve-button>  \n        <nve-button>action</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Cards with media content (images) displayed in a grid layout, ideal for photo galleries, product catalogs, or visual content showcases.\n */\nexport const MediaCard = {\n  render: () => html`\n  <div nve-layout=\"grid gap:md span-items:6 align:stretch\" style=\"max-width: 900px\">\n    <nve-card style=\"height: 100%; width: 100%;\">\n      <img src=\"static/images/test-image-1.svg\" alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; object-fit: cover;\" />\n      <nve-card-content>\n        <p nve-text=\"body\" style=\"min-height: 24px\">card content</p>\n      </nve-card-content>\n    </nve-card>\n    <nve-card style=\"height: 100%; width: 100%;\">\n      <img src=\"static/images/test-image-1.svg\" alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; object-fit: cover;\" />\n      <nve-card-content>\n        <p nve-text=\"body\" style=\"min-height: 24px\">card content</p>\n      </nve-card-content>\n    </nve-card>\n  </div>\n  `\n}\n\n/**\n * @summary Card with a divider separating different content sections, useful for organizing related but distinct information within a single card.\n */\nexport const WithDivider = {\n  render: () => html`\n    <nve-card style=\"width: 400px; height: 300px;\">\n      <nve-card-header>\n        <h2 nve-text=\"heading sm bold\">Heading</h2>\n      </nve-card-header>\n      <nve-card-content>\n        <p nve-text=\"body\">card content</p>\n      </nve-card-content>\n      <nve-divider></nve-divider>\n      <nve-card-content>\n        <p nve-text=\"body\">card content</p>\n      </nve-card-content>\n    </nve-card>\n  `\n}\n\n/**\n * @summary Card containing a description list layout, perfect for displaying key-value pairs, definitions, or structured data in a readable format.\n */\nexport const DescriptionList = {\n  render: () => html`\n  <nve-card style=\"width: 650px\">\n    <nve-card-header>\n      <h2 nve-text=\"heading sm bold\">Nautical Terms</h2>\n    </nve-card-header>\n    <nve-card-content>\n      <dl nve-layout=\"grid gap:lg\">\n        <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Knot</dt>\n        <dd nve-layout=\"span:8\" nve-text=\"body\">Knot is a unit of speed equaling 1 nautical mile per hour.</dd>\n\n        <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Port</dt>\n        <dd nve-layout=\"span:8\" nve-text=\"body\">Port is the nautical term that refers to the left side of a ship, as perceived by a person facing towards the bow (the front of the vessel).</dd>\n\n        <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Starboard</dt>\n        <dd nve-layout=\"span:8\" nve-text=\"body\">Starboard is the nautical term that refers to the right side of a vessel, as perceived by a person facing towards the bow (the front of the vessel).</dd>\n      </dl>\n    </nve-card-content>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Card with integrated tabs in the header for multi-panel content within a single card interface.\n */\nexport const WithTabs = {\n  render: () => html`\n  <nve-card style=\"width:400px; height:200px\">\n    <nve-card-header>\n      <h2 nve-text=\"heading sm bold\">Heading</h2>\n      <nve-tabs>\n        <nve-tabs-item selected>tab 1</nve-tabs-item>\n        <nve-tabs-item>tab 2</nve-tabs-item>\n        <nve-tabs-item>tab 3</nve-tabs-item>\n      </nve-tabs>\n    </nve-card-header>\n    <nve-card-content>\n      <p nve-text=\"body\">card content</p>\n    </nve-card-content>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Card with full container styling that extends to the edges, suitable for full-width layouts or when you want the card to blend with its container.\n */\nexport const ContainerFull = {\n  render: () => html`\n  <nve-card container=\"full\">\n    <nve-card-content>\n      <p nve-text=\"body\">container full</p>\n    </nve-card-content>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Card with flat container styling that removes the default card elevation, ideal for subtle content containers or when you want a more minimal appearance.\n */\nexport const ContainerFlat = {\n  render: () => html`\n  <nve-card container=\"flat\">\n    <nve-card-content>\n      <p nve-text=\"body\">container flat</p>\n    </nve-card-content>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Examples of invalid card usage patterns for testing and documentation purposes, showing what not to do when implementing cards.\n * @tags test-case\n */\nexport const Audit = {\n  /* eslint-disable @nvidia-elements/lint/no-restricted-attributes */\n  render: () => html`\n  <!-- invalid padding usage -->\n  <nve-card nve-layout=\"pad:md\"></nve-card>\n\n  <!-- invalid parent element -->\n  <nve-card-header>\n    card header\n  </nve-card-header>\n  <nve-card-content>\n    card content\n  </nve-card-content>\n  <nve-card-footer>\n    card footer\n  </nve-card-footer>\n  `\n  /* eslint-enable */\n};\n\n/**\n * @summary Card with overflow content, where the card body scrolls when content exceeds the card height.\n */\nexport const OverflowContent = {\n  render: () => html`\n  <nve-card style=\"height: 250px; width: 400px;\">\n    <nve-card-header>\n      <h2 nve-text=\"heading sm medium\">Heading</h2>\n    </nve-card-header>\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"margin-bottom: 300px\">card content</p>\n      <p nve-text=\"body\">card content</p>\n    </nve-card-content>\n    <nve-card-footer>\n      <p nve-text=\"body\">card footer</p>\n    </nve-card-footer>\n  </nve-card>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"card.examples.js","names":[],"sources":["../../src/card/card.examples.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 '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\nimport '@nvidia-elements/core/icon/define.js';\nimport '@nvidia-elements/core/tabs/define.js';\nimport '@nvidia-elements/core/divider/define.js';\n\nexport default {\n  title: 'Elements/Card',\n  component: 'nve-card'\n};\n\n/**\n * @summary Basic card component with header, content, and footer sections. Use this as a starting point for simple content containers.\n */\nexport const Default = {\n  render: () => html`\n  <nve-card>\n    <nve-card-header>\n      <h2 nve-text=\"heading sm medium\">Heading</h2>\n    </nve-card-header>\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n    </nve-card-content>\n    <nve-card-footer>\n      <p nve-text=\"body\">card footer</p>\n    </nve-card-footer>\n  </nve-card>\n  `\n};\n\n/**\n * @summary Card with action buttons in the footer, including primary and secondary actions for interactive card layouts.\n */\nexport const Actions = {\n  render: () => html`\n  <nve-card>\n    <nve-card-header>\n      <div nve-layout=\"column gap:xs\">\n        <h2 nve-text=\"heading sm bold\">Heading</h2>\n        <h3 nve-text=\"body sm muted\">Sub Heading</h3>\n      </div>\n    </nve-card-header>\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"row gap:xs\">\n        <nve-button container=\"flat\" style=\"margin-left: auto\">cancel</nve-button>  \n        <nve-button>action</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Cards with media content (images) displayed in a grid layout, ideal for photo galleries, product catalogs, or visual content showcases.\n */\nexport const MediaCard = {\n  render: () => html`\n  <div nve-layout=\"grid gap:md span-items:6 align:stretch\" style=\"max-width: 900px\">\n    <nve-card style=\"height: 100%; width: 100%;\">\n      <img src=\"/static/images/test-image-1.svg\" alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; object-fit: cover;\" />\n      <nve-card-content>\n        <p nve-text=\"body\" style=\"min-height: 24px\">card content</p>\n      </nve-card-content>\n    </nve-card>\n    <nve-card style=\"height: 100%; width: 100%;\">\n      <img src=\"/static/images/test-image-1.svg\" alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; object-fit: cover;\" />\n      <nve-card-content>\n        <p nve-text=\"body\" style=\"min-height: 24px\">card content</p>\n      </nve-card-content>\n    </nve-card>\n  </div>\n  `\n}\n\n/**\n * @summary Card with a divider separating different content sections, useful for organizing related but distinct information within a single card.\n */\nexport const WithDivider = {\n  render: () => html`\n    <nve-card style=\"width: 400px; height: 300px;\">\n      <nve-card-header>\n        <h2 nve-text=\"heading sm bold\">Heading</h2>\n      </nve-card-header>\n      <nve-card-content>\n        <p nve-text=\"body\">card content</p>\n      </nve-card-content>\n      <nve-divider></nve-divider>\n      <nve-card-content>\n        <p nve-text=\"body\">card content</p>\n      </nve-card-content>\n    </nve-card>\n  `\n}\n\n/**\n * @summary Card containing a description list layout, perfect for displaying key-value pairs, definitions, or structured data in a readable format.\n */\nexport const DescriptionList = {\n  render: () => html`\n  <nve-card style=\"width: 650px\">\n    <nve-card-header>\n      <h2 nve-text=\"heading sm bold\">Nautical Terms</h2>\n    </nve-card-header>\n    <nve-card-content>\n      <dl nve-layout=\"grid gap:lg\">\n        <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Knot</dt>\n        <dd nve-layout=\"span:8\" nve-text=\"body\">Knot is a unit of speed equaling 1 nautical mile per hour.</dd>\n\n        <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Port</dt>\n        <dd nve-layout=\"span:8\" nve-text=\"body\">Port is the nautical term that refers to the left side of a ship, as perceived by a person facing towards the bow (the front of the vessel).</dd>\n\n        <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Starboard</dt>\n        <dd nve-layout=\"span:8\" nve-text=\"body\">Starboard is the nautical term that refers to the right side of a vessel, as perceived by a person facing towards the bow (the front of the vessel).</dd>\n      </dl>\n    </nve-card-content>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Card with integrated tabs in the header for multi-panel content within a single card interface.\n */\nexport const WithTabs = {\n  render: () => html`\n  <nve-card style=\"width:400px; height:200px\">\n    <nve-card-header>\n      <h2 nve-text=\"heading sm bold\">Heading</h2>\n      <nve-tabs>\n        <nve-tabs-item selected>tab 1</nve-tabs-item>\n        <nve-tabs-item>tab 2</nve-tabs-item>\n        <nve-tabs-item>tab 3</nve-tabs-item>\n      </nve-tabs>\n    </nve-card-header>\n    <nve-card-content>\n      <p nve-text=\"body\">card content</p>\n    </nve-card-content>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Card with full container styling that extends to the edges, suitable for full-width layouts or when you want the card to blend with its container.\n */\nexport const ContainerFull = {\n  render: () => html`\n  <nve-card container=\"full\">\n    <nve-card-content>\n      <p nve-text=\"body\">container full</p>\n    </nve-card-content>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Card with flat container styling that removes the default card elevation, ideal for subtle content containers or when you want a more minimal appearance.\n */\nexport const ContainerFlat = {\n  render: () => html`\n  <nve-card container=\"flat\">\n    <nve-card-content>\n      <p nve-text=\"body\">container flat</p>\n    </nve-card-content>\n  </nve-card>\n  `\n}\n\n/**\n * @summary Examples of invalid card usage patterns for testing and documentation purposes, showing what not to do when implementing cards.\n * @tags test-case\n */\nexport const Audit = {\n  /* eslint-disable @nvidia-elements/lint/no-restricted-attributes */\n  render: () => html`\n  <!-- invalid padding usage -->\n  <nve-card nve-layout=\"pad:md\"></nve-card>\n\n  <!-- invalid parent element -->\n  <nve-card-header>\n    card header\n  </nve-card-header>\n  <nve-card-content>\n    card content\n  </nve-card-content>\n  <nve-card-footer>\n    card footer\n  </nve-card-footer>\n  `\n  /* eslint-enable */\n};\n\n/**\n * @summary Card with overflow content, where the card body scrolls when content exceeds the card height.\n */\nexport const OverflowContent = {\n  render: () => html`\n  <nve-card style=\"height: 250px; width: 400px;\">\n    <nve-card-header>\n      <h2 nve-text=\"heading sm medium\">Heading</h2>\n    </nve-card-header>\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"margin-bottom: 300px\">card content</p>\n      <p nve-text=\"body\">card content</p>\n    </nve-card-content>\n    <nve-card-footer>\n      <p nve-text=\"body\">card footer</p>\n    </nve-card-footer>\n  </nve-card>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/card/card.examples.json

@@ -23,7 +23,7 @@
     {
       "id": "card-media-card",
       "name": "MediaCard",
-      "template": "<div nve-layout=\"grid gap:md span-items:6 align:stretch\" style=\"max-width: 900px\">\n  <nve-card style=\"height: 100%; width: 100%\">\n    <img\n      src=\"static/images/test-image-1.svg\"\n      alt=\"example visualization for media card demo\"\n      loading=\"lazy\"\n      style=\"width: 100%; object-fit: cover\"\n    />\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"min-height: 24px\">card content</p>\n    </nve-card-content>\n  </nve-card>\n  <nve-card style=\"height: 100%; width: 100%\">\n    <img\n      src=\"static/images/test-image-1.svg\"\n      alt=\"example visualization for media card demo\"\n      loading=\"lazy\"\n      style=\"width: 100%; object-fit: cover\"\n    />\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"min-height: 24px\">card content</p>\n    </nve-card-content>\n  </nve-card>\n</div>\n",
+      "template": "<div nve-layout=\"grid gap:md span-items:6 align:stretch\" style=\"max-width: 900px\">\n  <nve-card style=\"height: 100%; width: 100%\">\n    <img\n      src=\"/static/images/test-image-1.svg\"\n      alt=\"example visualization for media card demo\"\n      loading=\"lazy\"\n      style=\"width: 100%; object-fit: cover\"\n    />\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"min-height: 24px\">card content</p>\n    </nve-card-content>\n  </nve-card>\n  <nve-card style=\"height: 100%; width: 100%\">\n    <img\n      src=\"/static/images/test-image-1.svg\"\n      alt=\"example visualization for media card demo\"\n      loading=\"lazy\"\n      style=\"width: 100%; object-fit: cover\"\n    />\n    <nve-card-content>\n      <p nve-text=\"body\" style=\"min-height: 24px\">card content</p>\n    </nve-card-content>\n  </nve-card>\n</div>\n",
       "summary": "Cards with media content (images) displayed in a grid layout, ideal for photo galleries, product catalogs, or visual content showcases.",
       "description": "",
       "composition": false,

package/dist/card/card2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.0.2",
+			version: "2.0.3",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.0.2",
+			version: "2.0.3",
 			parents: ["nve-card"]
 		};
 	}
@@ -72,7 +72,7 @@ var m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.0.2",
+			version: "2.0.3",
 			parents: ["nve-card"]
 		};
 	}

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

@@ -17,9 +17,7 @@ import { Color } from '../internal';
  * @cssprop --line-height
  * @cssprop --overflow
  * @cssprop --top-offset - Vertical offset for aligning message with avatar
-
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/
- * @stable false
  */
 export declare class ChatMessage extends LitElement {
     static styles: import('lit').CSSResult[];

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

@@ -13,7 +13,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	render() {

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

@@ -1 +1 @@
-{"version":3,"file":"chat-message2.js","names":[],"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 * @since 1.25.0\n * @entrypoint \\@nvidia-elements/core/chat-message\n * @slot - default slot for 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\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n * @stable false\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  @property({ type: String, reflect: true }) container: 'flat';\n\n  @property({ type: String, reflect: true }) color: Color;\n\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":";;;;;;;;AAgCA,IAAa,IAAb,cAAiC,EAAW;;gBAC1B,EAAU,CAAC,GAAQ,CAAgB,CAAC;;;kBAEzB;GACzB,KAAK;GACL,SAAS;EACX;;CAYA,SAAS;EACP,OAAO,CAAI;CAOb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,EAAoB,MAAM,CAAY;CACxC;AACF;GAxBG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAExC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAExC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAiB,CAAC,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA"}
+{"version":3,"file":"chat-message2.js","names":[],"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 * @since 1.25.0\n * @entrypoint \\@nvidia-elements/core/chat-message\n * @slot - default slot for 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  @property({ type: String, reflect: true }) container: 'flat';\n\n  @property({ type: String, reflect: true }) color: Color;\n\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":";;;;;;;;AA8BA,IAAa,IAAb,cAAiC,EAAW;;gBAC1B,EAAU,CAAC,GAAQ,CAAgB,CAAC;;;kBAEzB;GACzB,KAAK;GACL,SAAS;EACX;;CAYA,SAAS;EACP,OAAO,CAAI;CAOb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,EAAoB,MAAM,CAAY;CACxC;AACF;GAxBG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAExC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAExC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAiB,CAAC,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA"}

package/dist/checkbox/checkbox-group2.js

@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox-group",
-			version: "2.0.2",
+			version: "2.0.3",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/checkbox/checkbox2.js

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

package/dist/color/color2.js

@@ -21,7 +21,7 @@ var f = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	static {

package/dist/combobox/combobox2.js

@@ -31,7 +31,7 @@ var S = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	static {

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

@@ -32,7 +32,7 @@ var p = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-copy-button",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	static {

package/dist/custom-elements.json

@@ -5034,7 +5034,7 @@
             "unitTests": true,
             "apiReview": true,
             "performance": true,
-            "stable": false,
+            "stable": true,
             "vqa": true,
             "responsive": true,
             "themes": true,
@@ -5043,7 +5043,7 @@
             "example": "<nve-chat-message> Your deployment completed successfully. All services are running as expected. </nve-chat-message>",
             "package": true,
             "since": "1.25.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "feedback",
             "markdown": "## nve-chat-message\n\nA chat message component displays a text message within a conversation, sent between users or bots\n\n### Example\n\n```html\n<nve-chat-message> Your deployment completed successfully. All services are running as expected. </nve-chat-message>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/chat-message/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n| prefix | `string` | for avatar/img content |\n| suffix | `string` | for avatar/img content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat'` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| arrowPosition (arrow-position) | `\\| 'top-start'\n    \\| 'top-end'\n    \\| 'bottom-start'\n    \\| 'bottom-end'` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --overflow | `string` | [MDN](https://mdn.dev/CSS/overflow) |\n| --top-offset | `string` | Vertical offset for aligning message with avatar |"
           }
@@ -11159,7 +11159,7 @@
             "unitTests": true,
             "apiReview": true,
             "performance": true,
-            "stable": false,
+            "stable": true,
             "vqa": true,
             "responsive": true,
             "themes": true,
@@ -11168,7 +11168,7 @@
             "example": "<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\">\n        item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\">\n        item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>",
             "package": true,
             "since": "1.30.1",
-            "status": "beta",
+            "status": "stable",
             "behavior": "navigation",
             "markdown": "## nve-dropdown-group\n\nA Dropdown Group streamlines the management of linked dropdowns and supports nested dropdowns for a more organized and intuitive user experience\n\n### Example\n\n```html\n<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\">\n        item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\">\n        item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropdown-group/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for dropdown content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| dropdowns | `Dropdown[]` |  |\n| close |  |  |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched when a dropdown in the group opens |\n| close | `CustomEvent` | Dispatched when a dropdown in the group closes |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --nve-dropdown-group-spacing | `string` |  |\n| --nve-dropdown-group-transition | `string` |  |\n| --arrow-transform | `string` | Transform applied to the popover arrow |"
           }
@@ -12754,7 +12754,7 @@
             "unitTests": true,
             "apiReview": true,
             "performance": true,
-            "stable": false,
+            "stable": true,
             "vqa": true,
             "responsive": true,
             "themes": true,
@@ -12763,7 +12763,7 @@
             "example": "<nve-dropzone name=\"files\" style=\"--min-height: 200px\"></nve-dropzone>",
             "package": true,
             "since": "1.29.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "form",
             "markdown": "## nve-dropzone\n\nA dropzone form control that enables users to drag and drop files onto it.\n\n### Example\n\n```html\n<nve-dropzone name=\"files\" style=\"--min-height: 200px\"></nve-dropzone>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropzone/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | use only when custom messaging requires it |\n| icon | `string` | default slot for icon |\n| content | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| accept | `string` |  |\n| maxFileSize (max-file-size) | `number` |  |\n| i18n |  | Enables updating internal string values for internationalization. |\n| formResetCallback |  |  |\n| value | `array` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| defaultValue | `string` | The initial value used when the parent form resets. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| step | `number \\| null` | Defines the value granularity for numeric inputs. https://mdn.dev/HTML/Attributes/step |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| name | `string` | The name submitted with the control value as part of the form data. https://mdn.dev/HTML/Attributes/name |\n| noValidate (novalidate) | `boolean` | Disables constraint validation for this control. https://mdn.dev/HTML/Attributes/novalidate |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| valueAsString | `string` | The current value serialized as a string. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| type | `string` | The control type. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| reportValidity | `() => boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| checkValidity | `() => boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| setCustomValidity | `(message: string) => void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n| reset | `() => void` | Resets the control value to its initial value. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Dispatched when the value has changed (files located in event.target) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
           }
@@ -14038,12 +14038,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time",
             "entrypoint": "@nvidia-elements/core/format-datetime",
             "example": "<nve-format-datetime date-style=\"long\">2023-07-28T04:20:17.434Z</nve-format-datetime>",
             "package": true,
             "since": "0.0.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-format-datetime\n\nFormats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.\nGranular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.\n\n### Example\n\n```html\n<nve-format-datetime date-style=\"long\">2023-07-28T04:20:17.434Z</nve-format-datetime>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-datetime/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| date | `string \\| \"default\"` | Optional date string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| \"default\"` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| weekday | `'long' \\| 'short' \\| 'narrow' \\| \"default\"` | Weekday representation: 'long' \\| 'short' \\| 'narrow'. |\n| year | `'numeric' \\| '2-digit' \\| \"default\"` | Year representation: 'numeric' \\| '2-digit'. |\n| month | `'numeric' \\| '2-digit' \\| 'long' \\| 'short' \\| 'narrow' \\| \"default\"` | Month representation: 'numeric' \\| '2-digit' \\| 'long' \\| 'short' \\| 'narrow'. |\n| day | `'numeric' \\| '2-digit' \\| \"default\"` | Day representation: 'numeric' \\| '2-digit'. |\n| hour | `'numeric' \\| '2-digit' \\| \"default\"` | Hour representation: 'numeric' \\| '2-digit'. |\n| minute | `'numeric' \\| '2-digit' \\| \"default\"` | Minute representation: 'numeric' \\| '2-digit'. |\n| second | `'numeric' \\| '2-digit' \\| \"default\"` | Second representation: 'numeric' \\| '2-digit'. |\n| dateStyle (date-style) | `'full' \\| 'long' \\| 'medium' \\| 'short' \\| \"default\"` | Preset date formatting style: 'full' \\| 'long' \\| 'medium' \\| 'short'. Preset styles take precedence over granular date and time part options. |\n| timeStyle (time-style) | `'full' \\| 'long' \\| 'medium' \\| 'short' \\| \"default\"` | Preset time formatting style: 'full' \\| 'long' \\| 'medium' \\| 'short'. Preset styles take precedence over granular date and time part options. |\n| timeZoneName (time-zone-name) | `'long' \\| 'short' \\| \"default\"` | Time zone name display: 'long' \\| 'short'. Use it with granular options only; preset styles ignore it. |\n| timeZone (time-zone) | `string \\| \"default\"` | IANA time zone identifier (such as 'America/New_York', 'UTC'). |"
           }
@@ -14800,12 +14800,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data",
             "entrypoint": "@nvidia-elements/core/format-number",
             "example": "<nve-format-number>1234567.89</nve-format-number>",
             "package": true,
             "since": "0.0.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-format-number\n\nA localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat.\nProvide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`.\n\n### Example\n\n```html\n<nve-format-number>1234567.89</nve-format-number>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-number/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| number | `string \\| \"default\"` | Optional numeric string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| \"default\"` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| formatStyle (format-style) | `'decimal' \\| 'currency' \\| 'percent' \\| 'unit'` | Formatting style: 'decimal' \\| 'currency' \\| 'percent' \\| 'unit'. |\n| currency | `string \\| \"default\"` | ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency. |\n| currencySign (currency-sign) | `'standard' \\| 'accounting' \\| \"default\"` | Currency sign style: 'standard' \\| 'accounting'. |\n| currencyDisplay (currency-display) | `'symbol' \\| 'code' \\| 'name' \\| 'narrowSymbol' \\| \"default\"` | Currency display style: 'symbol' \\| 'code' \\| 'name' \\| 'narrowSymbol'. |\n| unit | `string \\| \"default\"` | Unit identifier (such as kilometer or byte). Required when formatStyle is unit. |\n| unitDisplay (unit-display) | `'short' \\| 'long' \\| 'narrow' \\| \"default\"` | Unit display style: 'short' \\| 'long' \\| 'narrow'. |\n| notation | `'standard' \\| 'scientific' \\| 'engineering' \\| 'compact' \\| \"default\"` | Number notation: 'standard' \\| 'scientific' \\| 'engineering' \\| 'compact'. |\n| compactDisplay (compact-display) | `'short' \\| 'long' \\| \"default\"` | Compact notation display: 'short' \\| 'long'. Only applies when notation is compact. |\n| signDisplay (sign-display) | `'auto' \\| 'never' \\| 'always' \\| 'exceptZero' \\| \"default\"` | Sign display: 'auto' \\| 'never' \\| 'always' \\| 'exceptZero'. |\n| useGrouping (use-grouping) | `string \\| \"default\"` | Grouping separators: 'auto' \\| 'always' \\| 'min2' \\| 'true' \\| 'false'. |\n| minimumFractionDigits (minimum-fraction-digits) | `number \\| \"default\"` | Pad fraction output to at least this many digits (0-20). |\n| maximumFractionDigits (maximum-fraction-digits) | `number \\| \"default\"` | Round fraction output to at most this many digits (0-20). |\n| minimumIntegerDigits (minimum-integer-digits) | `number \\| \"default\"` | Pad integer output to at least this many digits (1-21). |"
           }
@@ -15173,12 +15173,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time",
             "entrypoint": "@nvidia-elements/core/format-relative-time",
             "example": "<div nve-layout=\"column gap:sm\">\n  <nve-format-relative-time>2020-01-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2024-06-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2025-12-01T12:00:00.000Z</nve-format-relative-time>\n</div>",
             "package": true,
             "since": "0.0.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-format-relative-time\n\nFormats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element.\nOptions mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:sm\">\n  <nve-format-relative-time>2020-01-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2024-06-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2025-12-01T12:00:00.000Z</nve-format-relative-time>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-relative-time/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| date | `string \\| \"default\"` | Optional date string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| \"default\"` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| numeric | `'always' \\| 'auto'` | Numeric formatting: 'always' \\| 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'. |\n| formatStyle (format-style) | `'long' \\| 'short' \\| 'narrow'` | Formatting length: 'long' \\| 'short' \\| 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. |\n| unit | `'second' \\| 'minute' \\| 'hour' \\| 'day' \\| 'week' \\| 'month' \\| 'year' \\| 'auto'` | Time unit: 'second' \\| 'minute' \\| 'hour' \\| 'day' \\| 'week' \\| 'month' \\| 'year' \\| 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference. |\n| sync | `boolean` | When present, auto-updates the displayed relative time at appropriate intervals. |"
           }
@@ -48085,12 +48085,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/",
             "entrypoint": "@nvidia-elements/core/toggletip",
             "example": "",
             "package": true,
             "since": "0.38.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-toggletip-footer\n\nProvides a designated area at the bottom of a toggletip for actions or supplementary information.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
           }
@@ -48150,12 +48150,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/",
             "entrypoint": "@nvidia-elements/core/toggletip",
             "example": "",
             "package": true,
             "since": "0.38.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-toggletip-header\n\nDisplays a title or contextual label at the top of a toggletip to categorize its contents.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |"
           }

package/dist/data.html.json

@@ -1803,7 +1803,12 @@
           "values": [{ "name": "default" }]
         }
       ],
-      "references": []
+      "references": [
+        {
+          "name": "aria",
+          "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time"
+        }
+      ]
     },
     {
       "name": "nve-format-number",
@@ -1921,7 +1926,12 @@
           "values": [{ "name": "default" }]
         }
       ],
-      "references": []
+      "references": [
+        {
+          "name": "aria",
+          "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data"
+        }
+      ]
     },
     {
       "name": "nve-format-relative-time",
@@ -1971,7 +1981,12 @@
           "values": []
         }
       ],
-      "references": []
+      "references": [
+        {
+          "name": "aria",
+          "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time"
+        }
+      ]
     },
     {
       "name": "nve-control-group",
@@ -5499,6 +5514,10 @@
       "description": "Provides a designated area at the bottom of a toggletip for actions or supplementary information.\n---\n\n\n### **Slots:**\n - _default_ - default slot for the toggletip footer\n\n### **CSS Properties:**\n - **--border-top** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_",
       "attributes": [],
       "references": [
+        {
+          "name": "aria",
+          "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/"
+        },
         {
           "name": "markdown",
           "url": "## nve-toggletip-footer\n\nProvides a designated area at the bottom of a toggletip for actions or supplementary information.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
@@ -5510,6 +5529,10 @@
       "description": "Displays a title or contextual label at the top of a toggletip to categorize its contents.\n---\n\n\n### **Slots:**\n - _default_ - default slot for the toggletip header\n\n### **CSS Properties:**\n - **--border-bottom** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_",
       "attributes": [],
       "references": [
+        {
+          "name": "aria",
+          "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/"
+        },
         {
           "name": "markdown",
           "url": "## nve-toggletip-header\n\nDisplays a title or contextual label at the top of a toggletip to categorize its contents.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |"

package/dist/date/date2.js

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

package/dist/datetime/datetime2.js

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

package/dist/dialog/dialog-footer2.js

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

package/dist/dialog/dialog-header2.js

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

package/dist/dialog/dialog2.js

@@ -30,7 +30,7 @@ var h = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	static {

package/dist/divider/divider2.js

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

package/dist/dot/dot2.js

@@ -16,7 +16,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	render() {

package/dist/drawer/drawer-content2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.0.2",
+			version: "2.0.3",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-footer2.js

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

package/dist/drawer/drawer-header2.js

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

package/dist/drawer/drawer2.js

@@ -30,7 +30,7 @@ var p = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	static {

package/dist/dropdown/dropdown-footer2.js

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

package/dist/dropdown/dropdown-header2.js

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

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "2.0.2"
+			version: "2.0.3"
 		};
 	}
 	static {

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

@@ -12,7 +12,6 @@ import { Dropdown } from '../dropdown';
  * @cssprop --nve-dropdown-group-transition
  * @cssprop --arrow-transform - Transform applied to the popover arrow
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
- * @stable false
  */
 export declare class DropdownGroup extends LitElement {
     #private;

package/dist/dropdown-group/dropdown-group.js

@@ -14,7 +14,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-group",
-			version: "2.0.2",
+			version: "2.0.3",
 			children: ["nve-dropdown"]
 		};
 	}