@nvidia-elements/core 2.6.1 → 2.7.1

package/dist/data.html.json

@@ -2370,11 +2370,9 @@
             { "name": "beaker" },
             { "name": "bell" },
             { "name": "bell-slash" },
-            { "name": "bell-stroke" },
             { "name": "bold" },
             { "name": "book" },
             { "name": "bookmark" },
-            { "name": "bookmark-stroke" },
             { "name": "bounding-box" },
             { "name": "briefcase" },
             { "name": "broadcast" },
@@ -2428,7 +2426,6 @@
             { "name": "document" },
             { "name": "document-clipboard" },
             { "name": "dot" },
-            { "name": "dot-stroke" },
             { "name": "drag" },
             { "name": "dropper" },
             { "name": "duplicate" },
@@ -2449,14 +2446,12 @@
             { "name": "fast-forward-10" },
             { "name": "film" },
             { "name": "filter" },
-            { "name": "filter-stroke" },
             { "name": "flag" },
-            { "name": "flag-stroke" },
             { "name": "fold" },
             { "name": "folder" },
             { "name": "fork" },
             { "name": "globe" },
-            { "name": "globe-alt-stroke" },
+            { "name": "globe-alt" },
             { "name": "group" },
             { "name": "group-boxes" },
             { "name": "hand" },
@@ -2472,7 +2467,7 @@
             { "name": "image" },
             { "name": "inbox" },
             { "name": "infinity" },
-            { "name": "information-circle-stroke" },
+            { "name": "information-circle" },
             { "name": "inspect" },
             { "name": "italic" },
             { "name": "key" },
@@ -2525,7 +2520,6 @@
             { "name": "plus-circle" },
             { "name": "plus-minus" },
             { "name": "pointer" },
-            { "name": "pointer-stroke" },
             { "name": "priority-high" },
             { "name": "priority-low" },
             { "name": "priority-medium" },
@@ -2536,7 +2530,6 @@
             { "name": "pulse" },
             { "name": "puzzle-piece" },
             { "name": "question-mark-circle" },
-            { "name": "question-mark-circle-stroke" },
             { "name": "rectangle-group" },
             { "name": "rectangle-stack-horizontal" },
             { "name": "rectangle-stack-vertical" },
@@ -2582,7 +2575,6 @@
             { "name": "template" },
             { "name": "terminal" },
             { "name": "thumb" },
-            { "name": "thumb-stroke" },
             { "name": "traffic-cone" },
             { "name": "transparent-box" },
             { "name": "trend-down" },
@@ -2811,11 +2803,9 @@
             { "name": "beaker" },
             { "name": "bell" },
             { "name": "bell-slash" },
-            { "name": "bell-stroke" },
             { "name": "bold" },
             { "name": "book" },
             { "name": "bookmark" },
-            { "name": "bookmark-stroke" },
             { "name": "bounding-box" },
             { "name": "briefcase" },
             { "name": "broadcast" },
@@ -2869,7 +2859,6 @@
             { "name": "document" },
             { "name": "document-clipboard" },
             { "name": "dot" },
-            { "name": "dot-stroke" },
             { "name": "drag" },
             { "name": "dropper" },
             { "name": "duplicate" },
@@ -2890,14 +2879,12 @@
             { "name": "fast-forward-10" },
             { "name": "film" },
             { "name": "filter" },
-            { "name": "filter-stroke" },
             { "name": "flag" },
-            { "name": "flag-stroke" },
             { "name": "fold" },
             { "name": "folder" },
             { "name": "fork" },
             { "name": "globe" },
-            { "name": "globe-alt-stroke" },
+            { "name": "globe-alt" },
             { "name": "group" },
             { "name": "group-boxes" },
             { "name": "hand" },
@@ -2913,7 +2900,7 @@
             { "name": "image" },
             { "name": "inbox" },
             { "name": "infinity" },
-            { "name": "information-circle-stroke" },
+            { "name": "information-circle" },
             { "name": "inspect" },
             { "name": "italic" },
             { "name": "key" },
@@ -2966,7 +2953,6 @@
             { "name": "plus-circle" },
             { "name": "plus-minus" },
             { "name": "pointer" },
-            { "name": "pointer-stroke" },
             { "name": "priority-high" },
             { "name": "priority-low" },
             { "name": "priority-medium" },
@@ -2977,7 +2963,6 @@
             { "name": "pulse" },
             { "name": "puzzle-piece" },
             { "name": "question-mark-circle" },
-            { "name": "question-mark-circle-stroke" },
             { "name": "rectangle-group" },
             { "name": "rectangle-stack-horizontal" },
             { "name": "rectangle-stack-vertical" },
@@ -3023,7 +3008,6 @@
             { "name": "template" },
             { "name": "terminal" },
             { "name": "thumb" },
-            { "name": "thumb-stroke" },
             { "name": "traffic-cone" },
             { "name": "transparent-box" },
             { "name": "trend-down" },

package/dist/data.snippets.json

@@ -188,33 +188,6 @@
     "description": "Dialog is a component that appears above main content. A modal dialog is used to display critical information that requires users attention.",
     "body": "<nve-dialog size=\"${6:md}\" closable>\n  <nve-dialog-header>\n    <h3 nve-text=\"heading semibold\">${1:Title}</h3>\n  </nve-dialog-header>\n  <p nve-text=\"body\">${2:Content}</p>\n  <nve-dialog-footer>\n    <nve-button>${3:Cancel}</nve-button>\n    <nve-button interaction=\"${4:emphasis}\">${5:OK}</nve-button>\n  </nve-dialog-footer>\n</nve-dialog>\n$0\n"
   },
-  "Card": {
-    "srcFile": "card.snippets.html",
-    "prefix": [
-      "card"
-    ],
-    "type": "pattern",
-    "description": "Basic Card with header and footer",
-    "body": "<nve-card>\n  <nve-card-header>\n    <div>\n      <h2>${1:Title}</h2>\n      <p>${2:Sub Title}</p>\n    </div>\n  </nve-card-header>\n  <nve-card-content>\n    ${3:\n    <p>card content</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <nve-button style=\"margin-left: auto\">Action</nve-button>\n  </nve-card-footer>\n</nve-card>\n"
-  },
-  "Media Card": {
-    "srcFile": "card.snippets.html",
-    "prefix": [
-      "media-card"
-    ],
-    "type": "pattern",
-    "description": "Basic media Card with card content and card footer",
-    "body": "<nve-card style=\"height: 100%; width: 100%;\">\n  <img alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n  <nve-card-content>\n    ${1:\n    <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <div nve-layout=\"grid span-items:6 gap:xs\">\n      <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n      <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n    </div>\n  </nve-card-footer>\n</nve-card>\n"
-  },
-  "Media Card Grid": {
-    "srcFile": "card.snippets.html",
-    "prefix": [
-      "media-card-grid"
-    ],
-    "type": "pattern",
-    "description": "Grid layout with 3 media cards",
-    "body": "<section nve-layout=\"grid span-items:4 gap:md\">\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 1\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${1:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 2\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${4:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${5:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${6:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 3\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${7:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${8:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${9:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</section>\n"
-  },
   "Button Group": {
     "srcFile": "button-group.snippets.html",
     "prefix": [
@@ -251,32 +224,32 @@
     "description": "Simple vertical button group with three icon buttons.",
     "body": "<nve-button-group orientation=\"vertical\">\n  <nve-icon-button icon-name=\"${1:copy}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${2:add-comment}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${3:download}\"></nve-icon-button>\n</nve-button-group>\n"
   },
-  "Alert Group": {
-    "srcFile": "alert.snippets.html",
+  "Card": {
+    "srcFile": "card.snippets.html",
     "prefix": [
-      "alert-group"
+      "card"
     ],
     "type": "pattern",
-    "description": "Alert group with two alerts.",
-    "body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n  <nve-alert closable>${3:Alert Text}</nve-alert>\n  <nve-alert closable>${4:Alert Text}</nve-alert>\n</nve-alert-group>\n$0\n"
+    "description": "Basic Card with header and footer",
+    "body": "<nve-card>\n  <nve-card-header>\n    <div>\n      <h2>${1:Title}</h2>\n      <p>${2:Sub Title}</p>\n    </div>\n  </nve-card-header>\n  <nve-card-content>\n    ${3:\n    <p>card content</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <nve-button style=\"margin-left: auto\">Action</nve-button>\n  </nve-card-footer>\n</nve-card>\n"
   },
-  "Alert with Action": {
-    "srcFile": "alert.snippets.html",
+  "Media Card": {
+    "srcFile": "card.snippets.html",
     "prefix": [
-      "alert-action"
+      "media-card"
     ],
     "type": "pattern",
-    "description": "Alert with action button.",
-    "body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n  <nve-alert> ${3:Alert Text} <nve-button slot=\"actions\" container=\"flat\">${4:OK!}</nve-button> </nve-alert>\n</nve-alert-group>\n$0\n"
+    "description": "Basic media Card with card content and card footer",
+    "body": "<nve-card style=\"height: 100%; width: 100%;\">\n  <img alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n  <nve-card-content>\n    ${1:\n    <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <div nve-layout=\"grid span-items:6 gap:xs\">\n      <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n      <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n    </div>\n  </nve-card-footer>\n</nve-card>\n"
   },
-  "Multiline Alert ": {
-    "srcFile": "alert.snippets.html",
+  "Media Card Grid": {
+    "srcFile": "card.snippets.html",
     "prefix": [
-      "multiline-alert"
+      "media-card-grid"
     ],
     "type": "pattern",
-    "description": "Alert text and preformatted code output.",
-    "body": "<nve-alert-group status=\"danger\">\n  <nve-alert>\n    Session Paused:\n    <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n      <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n      <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n      <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n          </pre>\n    </div>\n  </nve-alert>\n</nve-alert-group>\n$0\n"
+    "description": "Grid layout with 3 media cards",
+    "body": "<section nve-layout=\"grid span-items:4 gap:md\">\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 1\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${1:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 2\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${4:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${5:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${6:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 3\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${7:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${8:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${9:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</section>\n"
   },
   "Accordion": {
     "srcFile": "accordion.snippets.html",
@@ -304,5 +277,32 @@
     "type": "pattern",
     "description": "Accordion group with two accordion children.",
     "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${2:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${3:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${4:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${5:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${6:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${7:Content} </nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n$0\n"
+  },
+  "Alert Group": {
+    "srcFile": "alert.snippets.html",
+    "prefix": [
+      "alert-group"
+    ],
+    "type": "pattern",
+    "description": "Alert group with two alerts.",
+    "body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n  <nve-alert closable>${3:Alert Text}</nve-alert>\n  <nve-alert closable>${4:Alert Text}</nve-alert>\n</nve-alert-group>\n$0\n"
+  },
+  "Alert with Action": {
+    "srcFile": "alert.snippets.html",
+    "prefix": [
+      "alert-action"
+    ],
+    "type": "pattern",
+    "description": "Alert with action button.",
+    "body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n  <nve-alert> ${3:Alert Text} <nve-button slot=\"actions\" container=\"flat\">${4:OK!}</nve-button> </nve-alert>\n</nve-alert-group>\n$0\n"
+  },
+  "Multiline Alert ": {
+    "srcFile": "alert.snippets.html",
+    "prefix": [
+      "multiline-alert"
+    ],
+    "type": "pattern",
+    "description": "Alert text and preformatted code output.",
+    "body": "<nve-alert-group status=\"danger\">\n  <nve-alert>\n    Session Paused:\n    <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n      <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n      <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n      <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n          </pre>\n    </div>\n  </nve-alert>\n</nve-alert-group>\n$0\n"
   }
 }

package/dist/date/date2.js

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

package/dist/datetime/datetime2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	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.6.1",
+			version: "2.7.1",
 			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.6.1",
+			version: "2.7.1",
 			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.6.1"
+			version: "2.7.1"
 		};
 	}
 	static {

package/dist/divider/divider.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.examples.js","names":[],"sources":["../../src/divider/divider.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/divider/define.js';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\n\nexport default {\n  title: 'Elements/Divider',\n  component: 'nve-divider',\n};\n\n/**\n * @summary Basic horizontal divider for separating content sections with a subtle line.\n */\nexport const Default = {\n  render: () => html`\n    <nve-divider></nve-divider>\n  `\n};\n\n/**\n * @summary Divider with emphasis color styling for stronger visual separation between content sections.\n * @tags test-case\n */\nexport const Emphasis = {\n  render: () => html`\n    <nve-divider style=\"--color: var(--nve-ref-border-color-emphasis)\"></nve-divider>\n  `\n};\n\n/**\n * @summary Divider with muted color styling for subtle, low-contrast separation in dense layouts.\n * @tags test-case\n */\nexport const Muted = {\n  render: () => html`\n    <nve-divider style=\"--color: var(--nve-ref-border-color-muted)\"></nve-divider>\n  `\n};\n\n/**\n * @summary Vertical divider for separating horizontally arranged elements like toolbar buttons or inline actions.\n */\nexport const Vertical = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:vertical-center\" style=\"height: 50px\">\n      <nve-divider orientation=\"vertical\"></nve-divider>\n      <nve-icon-button icon-name=\"information-circle-stroke\"></nve-icon-button>\n      <nve-icon-button icon-name=\"more-actions\"></nve-icon-button>\n    </div>\n  `\n};\n\n/**\n * @summary Divider with custom rounded styling, thicker border, and accent color for decorative separation.\n * @tags test-case\n */\nexport const Rounded = {\n  render: () => html`\n    <nve-divider style=\"--size: var(--nve-ref-border-width-xl); --border-radius: var(--nve-ref-border-radius-xs); --color: var(--nve-sys-accent-secondary-background);\"></nve-divider>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"divider.examples.js","names":[],"sources":["../../src/divider/divider.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/divider/define.js';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\n\nexport default {\n  title: 'Elements/Divider',\n  component: 'nve-divider',\n};\n\n/**\n * @summary Basic horizontal divider for separating content sections with a subtle line.\n */\nexport const Default = {\n  render: () => html`\n    <nve-divider></nve-divider>\n  `\n};\n\n/**\n * @summary Divider with emphasis color styling for stronger visual separation between content sections.\n * @tags test-case\n */\nexport const Emphasis = {\n  render: () => html`\n    <nve-divider style=\"--color: var(--nve-ref-border-color-emphasis)\"></nve-divider>\n  `\n};\n\n/**\n * @summary Divider with muted color styling for subtle, low-contrast separation in dense layouts.\n * @tags test-case\n */\nexport const Muted = {\n  render: () => html`\n    <nve-divider style=\"--color: var(--nve-ref-border-color-muted)\"></nve-divider>\n  `\n};\n\n/**\n * @summary Vertical divider for separating horizontally arranged elements like toolbar buttons or inline actions.\n */\nexport const Vertical = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:vertical-center\" style=\"height: 50px\">\n      <nve-divider orientation=\"vertical\"></nve-divider>\n      <nve-icon-button icon-name=\"information-circle\"></nve-icon-button>\n      <nve-icon-button icon-name=\"more-actions\"></nve-icon-button>\n    </div>\n  `\n};\n\n/**\n * @summary Divider with custom rounded styling, thicker border, and accent color for decorative separation.\n * @tags test-case\n */\nexport const Rounded = {\n  render: () => html`\n    <nve-divider style=\"--size: var(--nve-ref-border-width-xl); --border-radius: var(--nve-ref-border-radius-xs); --color: var(--nve-sys-accent-secondary-background);\"></nve-divider>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/divider/divider.examples.json

@@ -36,7 +36,7 @@
     {
       "id": "divider-vertical",
       "name": "Vertical",
-      "template": "<div nve-layout=\"row gap:sm align:vertical-center\" style=\"height: 50px\">\n  <nve-divider orientation=\"vertical\"></nve-divider>\n  <nve-icon-button icon-name=\"information-circle-stroke\"></nve-icon-button>\n  <nve-icon-button icon-name=\"more-actions\"></nve-icon-button>\n</div>\n",
+      "template": "<div nve-layout=\"row gap:sm align:vertical-center\" style=\"height: 50px\">\n  <nve-divider orientation=\"vertical\"></nve-divider>\n  <nve-icon-button icon-name=\"information-circle\"></nve-icon-button>\n  <nve-icon-button icon-name=\"more-actions\"></nve-icon-button>\n</div>\n",
       "summary": "Vertical divider for separating horizontally arranged elements like toolbar buttons or inline actions.",
       "description": "",
       "composition": false,

package/dist/divider/divider2.js

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

package/dist/dot/dot2.js

@@ -16,7 +16,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	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.6.1",
+			version: "2.7.1",
 			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.6.1",
+			version: "2.7.1",
 			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.6.1",
+			version: "2.7.1",
 			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.6.1"
+			version: "2.7.1"
 		};
 	}
 	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.6.1",
+			version: "2.7.1",
 			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.6.1",
+			version: "2.7.1",
 			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.6.1"
+			version: "2.7.1"
 		};
 	}
 	static {

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.6.1",
+			version: "2.7.1",
 			children: ["nve-dropdown"]
 		};
 	}

package/dist/dropzone/dropzone2.js

@@ -20,7 +20,7 @@ var g = class extends m(d) {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.6.1",
+			version: "2.7.1",
 			validators: [l, c],
 			valueSchema: {
 				type: "array",

package/dist/file/file2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-file",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	connectedCallback() {

package/dist/format-bytes/format-bytes2.js

@@ -95,7 +95,7 @@ var g = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	get #e() {

package/dist/format-datetime/format-datetime2.js

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	get #e() {

package/dist/format-number/format-number2.js

@@ -29,7 +29,7 @@ var c = [
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	get #e() {

package/dist/format-relative-time/format-relative-time2.js

@@ -53,7 +53,7 @@ var c = {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	#e;

package/dist/format-truncate/format-truncate2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-format-truncate",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	#e;

package/dist/forms/actions.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.examples.js","names":[],"sources":["../../src/forms/actions.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/forms/define.js';\nimport '@nvidia-elements/core/input/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\n\nexport default {\n  title: 'Elements/Forms',\n  component: 'nve-input'\n};\n\n/**\n * @summary Input with action buttons for search and clear, providing quick access to common operations.\n */\nexport const SearchClear = {\n  render: () => {\n    return html`\n<nve-input>\n  <label>label</label>\n  <nve-icon-button icon-name=\"search\" container=\"flat\" readonly></nve-icon-button>\n  <input type=\"text\" />\n  <nve-icon-button icon-name=\"cancel\" container=\"flat\" aria-label=\"clear\"></nve-icon-button>\n  <nve-control-message>message</nve-control-message>\n</nve-input>`\n  }\n}\n\n/**\n * @summary Label with an information button to provide contextual help or more details about the field.\n */\nexport const LabelAction = {\n  render: () => {\n    return html`\n<nve-input>\n  <label>label</label>\n  <nve-icon-button icon-name=\"information-circle-stroke\" container=\"flat\" aria-label=\"more details\" slot=\"label\"></nve-icon-button>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>`\n  }\n}\n\n/**\n * @summary Input with prefix and suffix buttons to show fixed text elements like URL protocols and domains.\n */\nexport const PrefixSuffix = {\n  render: () => {\n    return html`\n<nve-input>\n  <label>label</label>\n  <nve-button container=\"flat\" readonly>https://</nve-button>\n  <input type=\"text\" />\n  <nve-button container=\"flat\" readonly>.com</nve-button>\n  <nve-control-message>message</nve-control-message>\n</nve-input>`\n  }\n}"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"actions.examples.js","names":[],"sources":["../../src/forms/actions.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/forms/define.js';\nimport '@nvidia-elements/core/input/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\n\nexport default {\n  title: 'Elements/Forms',\n  component: 'nve-input'\n};\n\n/**\n * @summary Input with action buttons for search and clear, providing quick access to common operations.\n */\nexport const SearchClear = {\n  render: () => {\n    return html`\n<nve-input>\n  <label>label</label>\n  <nve-icon-button icon-name=\"search\" container=\"flat\" readonly></nve-icon-button>\n  <input type=\"text\" />\n  <nve-icon-button icon-name=\"cancel\" container=\"flat\" aria-label=\"clear\"></nve-icon-button>\n  <nve-control-message>message</nve-control-message>\n</nve-input>`\n  }\n}\n\n/**\n * @summary Label with an information button to provide contextual help or more details about the field.\n */\nexport const LabelAction = {\n  render: () => {\n    return html`\n<nve-input>\n  <label>label</label>\n  <nve-icon-button icon-name=\"information-circle\" container=\"flat\" aria-label=\"more details\" slot=\"label\"></nve-icon-button>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>`\n  }\n}\n\n/**\n * @summary Input with prefix and suffix buttons to show fixed text elements like URL protocols and domains.\n */\nexport const PrefixSuffix = {\n  render: () => {\n    return html`\n<nve-input>\n  <label>label</label>\n  <nve-button container=\"flat\" readonly>https://</nve-button>\n  <input type=\"text\" />\n  <nve-button container=\"flat\" readonly>.com</nve-button>\n  <nve-control-message>message</nve-control-message>\n</nve-input>`\n  }\n}"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/forms/actions.examples.json

@@ -14,7 +14,7 @@
     {
       "id": "forms-actions-label-action",
       "name": "LabelAction",
-      "template": "<nve-input>\n  <label>label</label>\n  <nve-icon-button\n    icon-name=\"information-circle-stroke\"\n    container=\"flat\"\n    aria-label=\"more details\"\n    slot=\"label\"\n  ></nve-icon-button>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
+      "template": "<nve-input>\n  <label>label</label>\n  <nve-icon-button\n    icon-name=\"information-circle\"\n    container=\"flat\"\n    aria-label=\"more details\"\n    slot=\"label\"\n  ></nve-icon-button>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
       "summary": "Label with an information button to provide contextual help or more details about the field.",
       "description": "",
       "composition": true,

package/dist/forms/control/control2.js

@@ -48,7 +48,7 @@ var C = class extends v {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	render() {

package/dist/forms/control-group/control-group2.js

@@ -24,7 +24,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	render() {

package/dist/forms/control-message/control-message2.js

@@ -8,8 +8,8 @@ import { LitElement as o, html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 //#region src/forms/control-message/control-message.ts
 var l = {
-	undefined: "information-circle-stroke",
-	disabled: "information-circle-stroke",
+	undefined: "information-circle",
+	disabled: "information-circle",
 	warning: "exclamation-triangle",
 	success: "checkmark-circle",
 	error: "exclamation-circle"
@@ -23,7 +23,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	static {

package/dist/forms/control-message/control-message2.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-message2.js","names":[],"sources":["../../../src/forms/control-message/control-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 { hostAttr, scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { type ValidityStateError } from '../utils/types.js';\nimport styles from './control-message.css?inline';\n\nconst statusIcons = {\n  undefined: 'information-circle-stroke',\n  disabled: 'information-circle-stroke',\n  warning: 'exclamation-triangle',\n  success: 'checkmark-circle',\n  error: 'exclamation-circle'\n} as const;\n\n/**\n * @element nve-control-message\n * @description Defining a Validity State on a control-message allows messages to show conditionally based on the current HTML5 validity state.\n * @documentation https://nvidia.github.io/elements/docs/elements/control/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/forms\n * @slot - Validation or supporting message text for the associated control.\n * @cssprop --color\n * @cssprop --font-weight\n * @cssprop --font-size\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals\n * @package true\n */\n@scopedRegistry()\nexport class ControlMessage extends LitElement {\n  /**\n   * Visual treatment for current form control validation status\n   */\n  @property({ type: String, reflect: true }) status?: 'warning' | 'error' | 'success' | 'disabled';\n\n  /**\n   * Validation error code for current form control\n   * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n   */\n  @property({ type: String, reflect: true }) error: ValidityStateError | null = null;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-control-message',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @private */\n  @hostAttr() slot = 'messages';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"icon\"><nve-icon part=\"icon\" name=${this.error ? statusIcons.error : statusIcons[this.status!]}></nve-icon></slot>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAc;CAClB,WAAW;CACX,UAAU;CACV,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAiBO,IAAA,cAA6B,EAAW;;4BAUiC,kBAc3D;;;gBAZH,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAKA,SAAS;EACP,OAAO,CAAI,oEAEwC,KAAK,QAAQ,EAAY,QAAQ,EAAY,KAAK,QAAS;CAIhH;AACF;GA9BG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAMxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAcxC,EAAS,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAzBX,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"control-message2.js","names":[],"sources":["../../../src/forms/control-message/control-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 { hostAttr, scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { type ValidityStateError } from '../utils/types.js';\nimport styles from './control-message.css?inline';\n\nconst statusIcons = {\n  undefined: 'information-circle',\n  disabled: 'information-circle',\n  warning: 'exclamation-triangle',\n  success: 'checkmark-circle',\n  error: 'exclamation-circle'\n} as const;\n\n/**\n * @element nve-control-message\n * @description Defining a Validity State on a control-message allows messages to show conditionally based on the current HTML5 validity state.\n * @documentation https://nvidia.github.io/elements/docs/elements/control/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/forms\n * @slot - Validation or supporting message text for the associated control.\n * @cssprop --color\n * @cssprop --font-weight\n * @cssprop --font-size\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals\n * @package true\n */\n@scopedRegistry()\nexport class ControlMessage extends LitElement {\n  /**\n   * Visual treatment for current form control validation status\n   */\n  @property({ type: String, reflect: true }) status?: 'warning' | 'error' | 'success' | 'disabled';\n\n  /**\n   * Validation error code for current form control\n   * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n   */\n  @property({ type: String, reflect: true }) error: ValidityStateError | null = null;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-control-message',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @private */\n  @hostAttr() slot = 'messages';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"icon\"><nve-icon part=\"icon\" name=${this.error ? statusIcons.error : statusIcons[this.status!]}></nve-icon></slot>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAc;CAClB,WAAW;CACX,UAAU;CACV,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAiBO,IAAA,cAA6B,EAAW;;4BAUiC,kBAc3D;;;gBAZH,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAKA,SAAS;EACP,OAAO,CAAI,oEAEwC,KAAK,QAAQ,EAAY,QAAQ,EAAY,KAAK,QAAS;CAIhH;AACF;GA9BG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAMxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAcxC,EAAS,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAzBX,EAAe,CAAA,GAAA,CAAA"}

package/dist/gauge/gauge2.js

@@ -40,7 +40,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-gauge",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	#e;

package/dist/grid/cell/cell2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-cell",
-			version: "2.6.1"
+			version: "2.7.1"
 		};
 	}
 	render() {