@nvidia-elements/core 0.0.10 → 0.0.11

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## <small>0.0.11 (2026-04-29)</small>
+
+* fix(cli): reduce context memory usage ([85e1ba3](https://github.com/NVIDIA/elements/commit/85e1ba3))
+* fix(core): improve grid dynamic column re-render ([f81d846](https://github.com/NVIDIA/elements/commit/f81d846))
+* fix(lint): recognize lit boolean binding on popover hidden attribute ([38281fb](https://github.com/NVIDIA/elements/commit/38281fb))
+* chore(ci): enable max params lint rule ([453b378](https://github.com/NVIDIA/elements/commit/453b378))
+* chore(docs): sitemap ([c43ad8f](https://github.com/NVIDIA/elements/commit/c43ad8f))
+* chore(release): @nvidia-elements/cli-v0.0.8 [skip ci] ([70f2287](https://github.com/NVIDIA/elements/commit/70f2287))
+* chore(release): @nvidia-elements/cli-v0.0.9 [skip ci] ([99737bf](https://github.com/NVIDIA/elements/commit/99737bf))
+* chore(release): @nvidia-elements/lint-v0.1.0 [skip ci] ([1df4634](https://github.com/NVIDIA/elements/commit/1df4634))
+* chore(release): @nvidia-elements/lint-v0.1.1 [skip ci] ([f62bb11](https://github.com/NVIDIA/elements/commit/f62bb11))
+
 ## <small>0.0.10 (2026-04-28)</small>
 
 * fix(cli): migration url paths ([823c8c4](https://github.com/NVIDIA/elements/commit/823c8c4))

package/dist/accordion/accordion.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/accordion/accordion.examples.json",
   "items": [
     {
-      "id": "core-accordion_default",
+      "id": "accordion",
       "name": "Default",
       "template": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n",
       "summary": "Basic accordion component for collapsible content sections. Use accordions to progressively disclose information, helping users focus on relevant content while keeping the interface compact and scannable.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-accordion_disabled",
+      "id": "accordion-disabled",
       "name": "Disabled",
       "template": "<nve-accordion behavior-expand disabled>\n  <nve-accordion-header>\n    <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Admin Settings</h2>\n    <p nve-text=\"body\">Requires administrator access</p>\n  </nve-accordion-header>\n  <nve-accordion-content\n    >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n  >\n</nve-accordion>\n",
       "summary": "Disabled accordion state for read-only content display. Use when accordion sections are temporarily unavailable or conditionally accessible based on user permissions, providing visual feedback about inaccessible content.",
@@ -21,7 +21,7 @@
       "tags": []
     },
     {
-      "id": "core-accordion_container",
+      "id": "accordion-container",
       "name": "Container",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-accordion-group behavior-expand>\n    <nve-accordion>\n      <nve-accordion-header>\n        <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n      </nve-accordion-header>\n      <nve-accordion-content\n        >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n      >\n    </nve-accordion>\n    <nve-accordion>\n      <nve-accordion-header>\n        <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n      </nve-accordion-header>\n      <nve-accordion-content\n        >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n      >\n    </nve-accordion>\n  </nve-accordion-group>\n  <nve-accordion-group container=\"inset\" behavior-expand>\n    <nve-accordion>\n      <nve-accordion-header>\n        <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n      </nve-accordion-header>\n      <nve-accordion-content\n        >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n      >\n    </nve-accordion>\n    <nve-accordion>\n      <nve-accordion-header>\n        <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n      </nve-accordion-header>\n      <nve-accordion-content\n        >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n      >\n    </nve-accordion>\n  </nve-accordion-group>\n  <nve-accordion-group container=\"flat\" behavior-expand>\n    <nve-accordion>\n      <nve-accordion-header>\n        <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n      </nve-accordion-header>\n      <nve-accordion-content\n        >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n      >\n    </nve-accordion>\n    <nve-accordion>\n      <nve-accordion-header>\n        <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n      </nve-accordion-header>\n      <nve-accordion-content\n        >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n      >\n    </nve-accordion>\n  </nve-accordion-group>\n</div>\n",
       "summary": "Accordion container variants for different visual emphasis levels. Use default for standard sections, inset for elevated content within cards, and flat for minimal visual weight in dense layouts or sidebars.",
@@ -30,7 +30,7 @@
       "tags": []
     },
     {
-      "id": "core-accordion_animated",
+      "id": "accordion-animated",
       "name": "Animated",
       "template": "<nve-accordion behavior-expand style=\"--transition: height 0.3s ease-in-out\">\n  <nve-accordion-header>\n    <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Release Notes</h2>\n    <p nve-text=\"body\">Version 3.2.0</p>\n  </nve-accordion-header>\n  <nve-accordion-content\n    >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n  >\n</nve-accordion>\n",
       "summary": "Accordion with custom CSS transitions for enhanced visual feedback during state changes. Use animated accordions to provide smoother, more polished interactions, particularly in content-heavy interfaces where transitions help users track what changed.",
@@ -41,7 +41,7 @@
       ]
     },
     {
-      "id": "core-accordion_behavior-expand-single",
+      "id": "accordion-behavior-expand-single",
       "name": "BehaviorExpandSingle",
       "template": "<nve-accordion-group behavior-expand-single>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Account Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Security</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n",
       "summary": "Accordion group allowing only one section expanded at a time, automatically closing others. Use single-expand behavior when content sections are mutually exclusive or when you want to maintain compact vertical space by limiting expanded content to one section.",
@@ -50,7 +50,7 @@
       "tags": []
     },
     {
-      "id": "core-accordion_custom-icon-button",
+      "id": "accordion-custom-icon-button",
       "name": "CustomIconButton",
       "template": "<nve-accordion id=\"custom-icon-button-accordion\">\n  <nve-icon-button slot=\"icon-button\" icon-name=\"add\" size=\"sm\" container=\"flat\"></nve-icon-button>\n  <nve-accordion-header>\n    <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Additional Resources</h2>\n  </nve-accordion-header>\n  <nve-accordion-content\n    >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n  >\n</nve-accordion>\n<script type=\"module\">\n  const accordion = document.querySelector(\"#custom-icon-button-accordion\");\n  const accordionHeader = accordion.querySelector(\"nve-accordion-header\");\n  const iconButton = accordion.querySelector(\"nve-icon-button\");\n  accordionHeader.addEventListener(\"click\", () => toggle());\n  iconButton.addEventListener(\"click\", () => toggle());\n  function toggle() {\n    accordion.expanded = !accordion.expanded;\n    iconButton.iconName = accordion.expanded ? \"minus\" : \"add\";\n  }\n</script>\n",
       "summary": "Accordion with custom icon button that changes based on state. Use custom icons to provide more semantic indicators (e.g., plus/minus for add/remove patterns, chevron for expand/collapse).",
@@ -61,7 +61,7 @@
       ]
     },
     {
-      "id": "core-accordion_with-actions",
+      "id": "accordion-with-actions",
       "name": "WithActions",
       "template": "<nve-accordion behavior-expand>\n  <nve-accordion-header>\n    <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Pipeline Configuration</h2>\n    <p nve-text=\"body\">Last updated 2 hours ago <nve-button container=\"inline\">view history</nve-button></p>\n    <nve-icon-button container=\"flat\" icon-name=\"add\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n    <nve-icon-button container=\"flat\" icon-name=\"delete\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n  </nve-accordion-header>\n  <nve-accordion-content\n    >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n  >\n</nve-accordion>\n",
       "summary": "Accordion with action buttons in header for quick operations without expanding. Perfect for list items where users need both to view details and perform actions like edit, delete, or add, keeping common actions immediately accessible.",
@@ -70,7 +70,7 @@
       "tags": []
     },
     {
-      "id": "core-accordion_nested-open-event",
+      "id": "accordion-nested-open-event",
       "name": "NestedOpenEvent",
       "template": "<nve-accordion-group behavior-expand-single>\n  <nve-accordion>\n    <nve-accordion-header>Details</nve-accordion-header>\n    <nve-accordion-content>\n      <nve-tooltip id=\"tooltip\">tooltip</nve-tooltip>\n      <nve-button popovertarget=\"tooltip\">button</nve-button>\n    </nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n",
       "summary": "Accordion with nested interactive elements like tooltips and popovers. Ensures proper event handling when accordion content contains interactive components, preventing unintended state changes and maintaining smooth user interactions.",
@@ -81,7 +81,7 @@
       ]
     },
     {
-      "id": "core-accordion_deprecated-slots",
+      "id": "accordion-deprecated-slots",
       "name": "DeprecatedSlots",
       "template": "<nve-accordion behavior-expand>\n  <nve-accordion-header>\n    <div slot=\"title\">Project Details</div>\n    <div slot=\"subtitle\">Last modified today</div>\n    <nve-icon-button container=\"flat\" icon-name=\"add\" size=\"sm\" slot=\"actions\"></nve-icon-button>\n    <nve-icon-button container=\"flat\" icon-name=\"delete\" size=\"sm\" slot=\"actions\"></nve-icon-button>\n  </nve-accordion-header>\n  <nve-accordion-content\n    >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n  >\n</nve-accordion>\n",
       "summary": "Legacy slot patterns (title, subtitle, actions) for backward compatibility. Deprecated in favor of prefix/suffix slots for more flexible content layout, but maintained to support existing implementations during migration.",
@@ -92,7 +92,7 @@
       ]
     },
     {
-      "id": "core-accordion_single",
+      "id": "accordion-single",
       "name": "Single",
       "template": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Appearance</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n",
       "summary": "Basic accordion component for collapsible content sections with expand/collapse functionality.",
@@ -103,7 +103,7 @@
       ]
     },
     {
-      "id": "core-accordion_multiple",
+      "id": "accordion-multiple",
       "name": "Multiple",
       "template": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Account Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Privacy</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n",
       "summary": "Brings together many accordion components for embedded multi-section content organization.",

package/dist/accordion/accordion2.js

@@ -28,7 +28,7 @@ var b = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "0.0.10"
+			version: "0.0.11"
 		};
 	}
 	render() {
@@ -46,7 +46,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "0.0.10"
+			version: "0.0.11"
 		};
 	}
 	render() {
@@ -62,7 +62,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "0.0.10",
+			version: "0.0.11",
 			children: [
 				b.metadata.tag,
 				x.metadata.tag,
@@ -121,7 +121,7 @@ var C = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-group",
-			version: "0.0.10",
+			version: "0.0.11",
 			children: [S.metadata.tag]
 		};
 	}

package/dist/alert/alert-group2.js

@@ -19,7 +19,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-alert-group",
-			version: "0.0.10",
+			version: "0.0.11",
 			children: [o.metadata.tag]
 		};
 	}

package/dist/alert/alert.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/alert/alert.examples.json",
   "items": [
     {
-      "id": "core-alert_default",
+      "id": "alert",
       "name": "Default",
       "template": "<nve-alert>alert message</nve-alert>\n",
       "summary": "Basic alert for inline informational messages. Use alerts for persistent feedback that doesn't auto-dismiss, ideal for system status updates, or contextual information that users may need to reference while completing tasks.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_support-status",
+      "id": "alert-support-status",
       "name": "SupportStatus",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-alert>Standard</nve-alert>\n  <nve-alert status=\"accent\">Accent</nve-alert>\n  <nve-alert status=\"warning\">Warning</nve-alert>\n  <nve-alert status=\"success\">Success</nve-alert>\n  <nve-alert status=\"danger\">Danger</nve-alert>\n</div>\n",
       "summary": "Alert status variants for semantic messaging. Use accent for informational updates, warning for cautionary messages requiring attention, success for confirmations, and danger for errors or critical issues that may block user progress.",
@@ -21,7 +21,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_status",
+      "id": "alert-status",
       "name": "Status",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-alert>Standard</nve-alert>\n  <nve-alert status=\"accent\">Accent</nve-alert>\n  <nve-alert status=\"warning\">Warning</nve-alert>\n  <nve-alert status=\"success\">Success</nve-alert>\n  <nve-alert status=\"danger\">Danger</nve-alert>\n  <nve-alert status=\"scheduled\">Scheduled</nve-alert>\n  <nve-alert status=\"queued\">Queued</nve-alert>\n  <nve-alert status=\"finished\">Finished</nve-alert>\n  <nve-alert status=\"failed\">Failed</nve-alert>\n  <nve-alert status=\"unknown\">Unknown</nve-alert>\n  <nve-alert status=\"pending\">Pending</nve-alert>\n  <nve-alert status=\"starting\">Starting</nve-alert>\n  <nve-alert status=\"running\">Running</nve-alert>\n  <nve-alert status=\"restarting\">Restarting</nve-alert>\n  <nve-alert status=\"stopping\">Stopping</nve-alert>\n  <nve-alert status=\"ignored\">Ignored</nve-alert>\n</div>\n",
       "summary": "Extended status variants for workflow and process state communication. Use these specialized states (scheduled, queued, running, failed, etc.) in dashboards, build pipelines, or task management interfaces where users need detailed visibility into process lifecycle stages.",
@@ -30,7 +30,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_group-default",
+      "id": "alert-group",
       "name": "GroupDefault",
       "template": "<nve-alert-group>\n  <nve-alert>alert message</nve-alert>\n</nve-alert-group>\n",
       "summary": "Alert group for visually organizing related messages with shared styling. Use alert groups to present many related messages as a cohesive unit, improving scannability and visual hierarchy.",
@@ -39,7 +39,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_group-status",
+      "id": "alert-group-status",
       "name": "GroupStatus",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-alert-group>\n    <nve-alert>Standard</nve-alert>\n    <nve-alert>Standard</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"accent\">\n    <nve-alert>Accent</nve-alert>\n    <nve-alert>Accent</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"warning\">\n    <nve-alert>Warning</nve-alert>\n    <nve-alert>Warning</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"success\">\n    <nve-alert>Success</nve-alert>\n    <nve-alert>Success</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"danger\">\n    <nve-alert>Danger</nve-alert>\n    <nve-alert>Danger</nve-alert>\n  </nve-alert-group>\n</div>\n",
       "summary": "Alert groups with inherited status styling for all children. Applying status at the group level ensures visual consistency across related messages, perfect for form validation where many fields share the same error context.",
@@ -48,7 +48,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_invoker-command",
+      "id": "alert-invoker-command",
       "name": "InvokerCommand",
       "template": "<nve-alert-group>\n  <nve-alert id=\"alert-1\">\n    Alert Notification Message 1\n    <nve-icon-button\n      commandfor=\"alert-1\"\n      command=\"--close\"\n      slot=\"actions\"\n      container=\"flat\"\n      icon-name=\"cancel\"\n      size=\"sm\"\n      aria-label=\"close\"\n    ></nve-icon-button>\n  </nve-alert>\n  <nve-alert id=\"alert-2\">\n    Alert Notification Message 2\n    <nve-icon-button\n      commandfor=\"alert-2\"\n      command=\"--close\"\n      slot=\"actions\"\n      container=\"flat\"\n      icon-name=\"cancel\"\n      size=\"sm\"\n      aria-label=\"close\"\n    ></nve-icon-button>\n  </nve-alert>\n</nve-alert-group>\n",
       "summary": "Dismissible alerts using the Invoker Command API for declarative close behavior. Use `commandfor` and `command=\"--close\"` on action buttons to dismiss individual alerts without custom JavaScript event handling.",
@@ -57,7 +57,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_closable",
+      "id": "alert-closable",
       "name": "Closable",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-alert-group>\n    <nve-alert closable>Standard</nve-alert>\n    <nve-alert closable>Standard</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"accent\">\n    <nve-alert closable>Accent</nve-alert>\n    <nve-alert closable>Accent</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"warning\">\n    <nve-alert closable>Warning</nve-alert>\n    <nve-alert closable>Warning</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"success\">\n    <nve-alert closable>Success</nve-alert>\n    <nve-alert closable>Success</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"danger\">\n    <nve-alert closable>Danger</nve-alert>\n    <nve-alert closable>Danger</nve-alert>\n  </nve-alert-group>\n</div>\n",
       "summary": "Closable alerts that users can dismiss. Use closable alerts for messages that become irrelevant after reading (like onboarding tips, one-time announcements, or acknowledged warnings), but avoid for critical errors that need to remain visible until resolved.",
@@ -66,7 +66,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_actions",
+      "id": "alert-actions",
       "name": "Actions",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-alert-group>\n    <nve-alert> Standard <nve-button slot=\"actions\" container=\"flat\">action</nve-button> </nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"accent\">\n    <nve-alert> Standard <nve-button slot=\"actions\" container=\"flat\">action</nve-button> </nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"warning\">\n    <nve-alert> Warning <nve-button slot=\"actions\" container=\"flat\">action</nve-button> </nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"success\">\n    <nve-alert> Success <nve-button slot=\"actions\" container=\"flat\">action</nve-button> </nve-alert>\n  </nve-alert-group>\n  <nve-alert-group status=\"danger\">\n    <nve-alert> Danger <nve-button slot=\"actions\" container=\"flat\">action</nve-button> </nve-alert>\n  </nve-alert-group>\n</div>\n",
       "summary": "Alerts with action buttons for immediate user response. Include actions when the alert requires user decision-making (like \"Retry\", \"View Details\", or \"Undo\"), making the next step clear and reducing friction in error recovery or task completion flows.",
@@ -75,7 +75,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_prominence",
+      "id": "alert-prominence",
       "name": "Prominence",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-alert-group prominence=\"emphasis\" container=\"full\">\n    <nve-alert closable\n      ><span slot=\"prefix\">Standard</span> banner message\n      <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group status=\"accent\" prominence=\"emphasis\" container=\"full\">\n    <nve-alert closable\n      ><span slot=\"prefix\">Accent</span> banner message\n      <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group status=\"warning\" prominence=\"emphasis\" container=\"full\">\n    <nve-alert closable\n      ><span slot=\"prefix\">Warning</span> banner message\n      <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group status=\"success\" prominence=\"emphasis\" container=\"full\">\n    <nve-alert closable\n      ><span slot=\"prefix\">Success</span> banner message\n      <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group status=\"danger\" prominence=\"emphasis\" container=\"full\">\n    <nve-alert closable\n      ><span slot=\"prefix\">Danger</span> banner message\n      <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n    >\n  </nve-alert-group>\n</div>\n",
       "summary": "High-prominence alerts with emphasis styling for full-width banners. Use prominence=\"emphasis\" for system-wide announcements like maintenance windows, feature launches, or critical security updates that need max visibility and impact across the entire interface.",
@@ -84,7 +84,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_content",
+      "id": "alert-content",
       "name": "Content",
       "template": "<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 emphasis\">Failed to verify drives.</p>\n      <pre nve-text=\"sm emphasis\">\n10: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</pre\n      >\n    </div>\n    <nve-button slot=\"actions\" container=\"flat\">Collapse Details</nve-button>\n  </nve-alert>\n</nve-alert-group>\n",
       "summary": "Alert with complex structured content including expandable details. Use the content slot for rich information like stack traces, validation summaries, or detailed error logs where users need both the high-level message and access to technical details for debugging or reporting.",
@@ -93,7 +93,7 @@
       "tags": []
     },
     {
-      "id": "core-alert_color",
+      "id": "alert-color",
       "name": "Color",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-alert-group color=\"red-cardinal\">\n    <nve-alert>red-cardinal</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"gray-slate\">\n    <nve-alert>gray-slate</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"gray-denim\">\n    <nve-alert>gray-denim</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"blue-indigo\">\n    <nve-alert>blue-indigo</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"blue-cobalt\">\n    <nve-alert>blue-cobalt</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"blue-sky\">\n    <nve-alert>blue-sky</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"teal-cyan\">\n    <nve-alert>teal-cyan</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"green-mint\">\n    <nve-alert>green-mint</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"teal-seafoam\">\n    <nve-alert>teal-seafoam</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"green-grass\">\n    <nve-alert>green-grass</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"yellow-amber\">\n    <nve-alert>yellow-amber</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"orange-pumpkin\">\n    <nve-alert>orange-pumpkin</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"red-tomato\">\n    <nve-alert>red-tomato</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"pink-magenta\">\n    <nve-alert>pink-magenta</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"purple-plum\">\n    <nve-alert>purple-plum</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"purple-violet\">\n    <nve-alert>purple-violet</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"purple-lavender\">\n    <nve-alert>purple-lavender</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"pink-rose\">\n    <nve-alert>pink-rose</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"green-jade\">\n    <nve-alert>green-jade</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"lime-pear\">\n    <nve-alert>lime-pear</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"yellow-nova\">\n    <nve-alert>yellow-nova</nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"brand-green\">\n    <nve-alert>brand-green</nve-alert>\n  </nve-alert-group>\n</div>\n",
       "summary": "Custom color variants for brand-specific styling or extra visual differentiation beyond standard status colors. Use custom colors when standard semantic colors don't match your use case, such as category labels, team assignments, or brand-specific messaging.",
@@ -104,7 +104,7 @@
       ]
     },
     {
-      "id": "core-alert_custom-color-combinations",
+      "id": "alert-custom-color-combinations",
       "name": "CustomColorCombinations",
       "template": "<div nve-layout=\"column gap:md\">\n  <nve-alert-group color=\"blue-indigo\">\n    <nve-alert closable\n      >Custom <code nve-text=\"code\">color</code> will theme the <code nve-text=\"code\">closable</code> icon.</nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group color=\"teal-seafoam\">\n    <nve-alert>\n      Custom <code nve-text=\"code\">color</code> is compatible with <code nve-text=\"code\">actions</code> button.\n      <nve-button slot=\"actions\" container=\"flat\">action</nve-button>\n    </nve-alert>\n  </nve-alert-group>\n  <nve-alert-group color=\"pink-rose\" status=\"accent\">\n    <nve-alert\n      >Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields\n      the status icon with custom alert color.</nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group color=\"pink-rose\" status=\"success\">\n    <nve-alert\n      >Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields\n      the status icon with custom alert color.</nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group color=\"pink-rose\" status=\"warning\">\n    <nve-alert\n      >Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields\n      the status icon with custom alert color.</nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group color=\"pink-rose\" status=\"danger\">\n    <nve-alert\n      >Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields\n      the status icon with custom alert color.</nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group color=\"blue-indigo\" status=\"accent\" prominence=\"emphasis\">\n    <nve-alert\n      >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and\n      <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom alert\n      color.</nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group color=\"blue-indigo\" status=\"success\" prominence=\"emphasis\">\n    <nve-alert\n      >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and\n      <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom alert\n      color.</nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group color=\"blue-indigo\" status=\"warning\" prominence=\"emphasis\">\n    <nve-alert\n      >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and\n      <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom alert\n      color.</nve-alert\n    >\n  </nve-alert-group>\n  <nve-alert-group color=\"blue-indigo\" status=\"danger\" prominence=\"emphasis\">\n    <nve-alert\n      >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and\n      <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom alert\n      color.</nve-alert\n    >\n  </nve-alert-group>\n</div>\n",
       "summary": "Custom color combinations with status icons and prominence for advanced theming. Custom colors interact with status icons and emphasis styling, useful for maintaining brand consistency while preserving semantic meaning through status indicators.",

package/dist/alert/alert2.js

@@ -28,7 +28,7 @@ var v = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "0.0.10"
+			version: "0.0.11"
 		};
 	}
 	static {

package/dist/avatar/avatar-group2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-avatar-group",
-			version: "0.0.10"
+			version: "0.0.11"
 		};
 	}
 	render() {

package/dist/avatar/avatar.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/avatar/avatar.examples.json",
   "items": [
     {
-      "id": "core-avatar_default",
+      "id": "avatar",
       "name": "Default",
       "template": "<nve-avatar>AV</nve-avatar>\n",
       "summary": "Basic avatar component with text initials, providing a simple way to represent users when profile images are unavailable.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-avatar_image",
+      "id": "avatar-image",
       "name": "Image",
       "template": "<nve-avatar>\n  <img src=\"static/images/test-image-1.svg\" alt=\"User Avatar\" />\n</nve-avatar>\n",
       "summary": "Avatar with profile image, offering personalized user representation and visual identity in interfaces.",
@@ -21,7 +21,7 @@
       "tags": []
     },
     {
-      "id": "core-avatar_icon",
+      "id": "avatar-icon",
       "name": "Icon",
       "template": "<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-avatar>\n    <nve-icon name=\"star\"></nve-icon>\n  </nve-avatar>\n  <nve-avatar>\n    <nve-icon name=\"person\"></nve-icon>\n  </nve-avatar>\n</div>\n",
       "summary": "Avatar with icons for representing system users, bots, or special account types with clear visual indicators.",
@@ -30,7 +30,7 @@
       "tags": []
     },
     {
-      "id": "core-avatar_size",
+      "id": "avatar-size",
       "name": "Size",
       "template": "<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-avatar size=\"sm\">AV</nve-avatar>\n  <nve-avatar>AV</nve-avatar>\n  <nve-avatar size=\"lg\">AV</nve-avatar>\n</div>\n",
       "summary": "Different avatar sizes to accommodate layout contexts from compact lists to prominent user profiles.",
@@ -41,7 +41,7 @@
       ]
     },
     {
-      "id": "core-avatar_group",
+      "id": "avatar-group",
       "name": "Group",
       "template": "<nve-avatar-group>\n  <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n  <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n  <nve-avatar color=\"green-grass\">AV</nve-avatar>\n  <nve-avatar>+3</nve-avatar>\n</nve-avatar-group>\n",
       "summary": "Avatar group component for displaying many users with overflow indicator, ideal for team displays and collaboration interfaces.",
@@ -50,7 +50,7 @@
       "tags": []
     },
     {
-      "id": "core-avatar_color",
+      "id": "avatar-color",
       "name": "Color",
       "template": "<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n  <nve-avatar color=\"gray-slate\">AV</nve-avatar>\n  <nve-avatar color=\"gray-denim\">AV</nve-avatar>\n  <nve-avatar color=\"blue-indigo\">AV</nve-avatar>\n  <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n  <nve-avatar color=\"blue-sky\">AV</nve-avatar>\n  <nve-avatar color=\"teal-cyan\">AV</nve-avatar>\n  <nve-avatar color=\"green-mint\">AV</nve-avatar>\n  <nve-avatar color=\"teal-seafoam\">AV</nve-avatar>\n  <nve-avatar color=\"green-grass\">AV</nve-avatar>\n  <nve-avatar color=\"yellow-amber\">AV</nve-avatar>\n  <nve-avatar color=\"orange-pumpkin\">AV</nve-avatar>\n  <nve-avatar color=\"red-tomato\">AV</nve-avatar>\n  <nve-avatar color=\"pink-magenta\">AV</nve-avatar>\n  <nve-avatar color=\"purple-plum\">AV</nve-avatar>\n  <nve-avatar color=\"purple-violet\">AV</nve-avatar>\n  <nve-avatar color=\"purple-lavender\">AV</nve-avatar>\n  <nve-avatar color=\"pink-rose\">AV</nve-avatar>\n  <nve-avatar color=\"green-jade\">AV</nve-avatar>\n  <nve-avatar color=\"lime-pear\">AV</nve-avatar>\n  <nve-avatar color=\"yellow-nova\">AV</nve-avatar>\n  <nve-avatar color=\"brand-green\">AV</nve-avatar>\n</div>\n",
       "summary": "Comprehensive color palette for avatar backgrounds, enabling visual distinction and brand consistency across user representations.",

package/dist/avatar/avatar2.js

@@ -11,7 +11,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "0.0.10"
+			version: "0.0.11"
 		};
 	}
 	render() {

package/dist/badge/badge.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/badge/badge.examples.json",
   "items": [
     {
-      "id": "core-badge_default",
+      "id": "badge",
       "name": "Default",
       "template": "<nve-badge>badge</nve-badge>\n",
       "summary": "Basic badge component with default styling. Use for simple non-interactive labels or status indicators.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-badge_status",
+      "id": "badge-status",
       "name": "Status",
       "template": "<div nve-layout=\"row gap:xs align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n",
       "summary": "Badges with predefined status colors for different states. Ideal for showing job status, task progress, or system states.",
@@ -23,7 +23,7 @@
       ]
     },
     {
-      "id": "core-badge_status-flat",
+      "id": "badge-status-flat",
       "name": "StatusFlat",
       "template": "<div nve-layout=\"row gap:md align:wrap\">\n  <nve-badge container=\"flat\" status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge container=\"flat\" status=\"queued\">queued</nve-badge>\n  <nve-badge container=\"flat\" status=\"pending\">pending</nve-badge>\n  <nve-badge container=\"flat\" status=\"starting\">starting</nve-badge>\n  <nve-badge container=\"flat\" status=\"running\">running</nve-badge>\n  <nve-badge container=\"flat\" status=\"restarting\">restarting</nve-badge>\n  <nve-badge container=\"flat\" status=\"stopping\">stopping</nve-badge>\n  <nve-badge container=\"flat\" status=\"finished\">finished</nve-badge>\n  <nve-badge container=\"flat\" status=\"failed\">failed</nve-badge>\n  <nve-badge container=\"flat\" status=\"unknown\">unknown</nve-badge>\n  <nve-badge container=\"flat\" status=\"ignored\">ignored</nve-badge>\n</div>\n",
       "summary": "Flat container badges with status colors for a more subtle appearance. Perfect for dense layouts or when you want less visual weight.",
@@ -34,7 +34,7 @@
       ]
     },
     {
-      "id": "core-badge_status-icon",
+      "id": "badge-status-icon",
       "name": "StatusIcon",
       "template": "<div nve-layout=\"row gap:md align:wrap\">\n  <nve-badge container=\"flat\" status=\"scheduled\" aria-label=\"scheduled\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"queued\" aria-label=\"queued\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"pending\" aria-label=\"pending\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"starting\" aria-label=\"starting\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"running\" aria-label=\"running\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"restarting\" aria-label=\"restarting\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"stopping\" aria-label=\"stopping\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"finished\" aria-label=\"finished\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"failed\" aria-label=\"failed\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"unknown\" aria-label=\"unknown\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"ignored\" aria-label=\"ignored\"></nve-badge>\n</div>\n",
       "summary": "Status badges with icons only, using aria-label for accessibility. Useful for compact status indicators in toolbars or data tables.",
@@ -43,7 +43,7 @@
       "tags": []
     },
     {
-      "id": "core-badge_support",
+      "id": "badge-support",
       "name": "Support",
       "template": "<div nve-layout=\"row gap:md\">\n  <nve-badge status=\"accent\">accent</nve-badge>\n  <nve-badge status=\"warning\">warning</nve-badge>\n  <nve-badge status=\"success\">success</nve-badge>\n  <nve-badge status=\"danger\">danger</nve-badge>\n</div>\n",
       "summary": "Support status badges for general feedback states. Use for success, warning, error, or informational messages.",
@@ -52,7 +52,7 @@
       "tags": []
     },
     {
-      "id": "core-badge_status-light-theme",
+      "id": "badge-status-light-theme",
       "name": "StatusLightTheme",
       "template": "<div nve-theme=\"root light\" nve-layout=\"row gap:md pad:md align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n",
       "summary": "Status badges in light theme for better visibility on light backgrounds. Use when your application primarily uses light mode.",
@@ -63,7 +63,7 @@
       ]
     },
     {
-      "id": "core-badge_status-dark-theme",
+      "id": "badge-status-dark-theme",
       "name": "StatusDarkTheme",
       "template": "<div nve-theme=\"root dark\" nve-layout=\"row gap:md pad:md align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n",
       "summary": "Status badges in dark theme for better visibility on dark backgrounds. Use when your application primarily uses dark mode.",
@@ -74,7 +74,7 @@
       ]
     },
     {
-      "id": "core-badge_trend",
+      "id": "badge-trend",
       "name": "Trend",
       "template": "<div nve-layout=\"row gap:md\">\n  <nve-badge>0%</nve-badge>\n  <nve-badge status=\"success\"><nve-icon name=\"trend-down\"></nve-icon> -15%</nve-badge>\n  <nve-badge status=\"danger\"><nve-icon name=\"trend-up\"></nve-icon> +15%</nve-badge>\n</div>\n",
       "summary": "Trend badges for displaying data changes and metrics. Perfect for dashboards, analytics, or financial data showing positive, negative, or neutral trends.",
@@ -86,7 +86,7 @@
       ]
     },
     {
-      "id": "core-badge_color",
+      "id": "badge-color",
       "name": "Color",
       "template": "<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n  <nve-badge color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n  <nve-badge color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n  <nve-badge color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n  <nve-badge color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n  <nve-badge color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n  <nve-badge color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n  <nve-badge color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n",
       "summary": "Badges with color variants for categorization and theming. Use for organizing content by color-coded categories.",
@@ -97,7 +97,7 @@
       ]
     },
     {
-      "id": "core-badge_prominence",
+      "id": "badge-prominence",
       "name": "Prominence",
       "template": "<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge prominence=\"emphasis\" color=\"red-cardinal\"\n    ><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"teal-seafoam\"\n    ><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"yellow-amber\"\n    ><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"orange-pumpkin\"\n    ><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"pink-magenta\"\n    ><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"purple-violet\"\n    ><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"purple-lavender\"\n    ><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n",
       "summary": "High emphasis badges with custom colors for important or highlighted content. Use for highlighting critical information.",
@@ -106,7 +106,7 @@
       "tags": []
     },
     {
-      "id": "core-badge_flat",
+      "id": "badge-flat",
       "name": "Flat",
       "template": "<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge container=\"flat\" color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n  <nve-badge container=\"flat\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge container=\"flat\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge container=\"flat\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge container=\"flat\" color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge container=\"flat\" color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n  <nve-badge container=\"flat\" color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n  <nve-badge container=\"flat\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge container=\"flat\" color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-lavender\"\n    ><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge\n  >\n  <nve-badge container=\"flat\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge container=\"flat\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge container=\"flat\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge container=\"flat\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n",
       "summary": "Flat container badges with custom colors for a minimal, borderless appearance. Ideal for subtle categorization or when you want to reduce visual noise.",
@@ -115,7 +115,7 @@
       "tags": []
     },
     {
-      "id": "core-badge_overflow",
+      "id": "badge-overflow",
       "name": "Overflow",
       "template": "<nve-badge status=\"pending\" style=\"--width: 150px\">some really long content</nve-badge>\n",
       "summary": "Badge with constrained width to show text overflow behavior. Use when you need to control badge width in constrained layouts or responsive designs.",

package/dist/badge/badge2.js

@@ -25,7 +25,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "0.0.10"
+			version: "0.0.11"
 		};
 	}
 	static {

package/dist/breadcrumb/breadcrumb.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/breadcrumb/breadcrumb.examples.json",
   "items": [
     {
-      "id": "core-breadcrumb_default",
+      "id": "breadcrumb",
       "name": "Default",
       "template": "<nve-breadcrumb>\n  <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 3</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n",
       "summary": "Basic breadcrumb navigation showing page hierarchy with linked items and current location indicator.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-breadcrumb_with-icon-button",
+      "id": "breadcrumb-with-icon-button",
       "name": "WithIconButton",
       "template": "<nve-breadcrumb>\n  <nve-icon-button icon-name=\"home\" size=\"sm\"\n    ><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a\n  ></nve-icon-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n",
       "summary": "Breadcrumb with home icon button for quick navigation to the root page, offering a compact starting point.",
@@ -21,7 +21,7 @@
       "tags": []
     },
     {
-      "id": "core-breadcrumb_with-menu",
+      "id": "breadcrumb-with-menu",
       "name": "WithMenu",
       "template": "<nve-breadcrumb>\n  <nve-icon-button popovertarget=\"more-links\" icon-name=\"more-actions\"></nve-icon-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 4</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 5</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n<nve-dropdown id=\"more-links\">\n  <nve-menu>\n    <nve-menu-item>Item 1</nve-menu-item>\n    <nve-menu-item>Item 2</nve-menu-item>\n    <nve-menu-item>Item 3</nve-menu-item>\n  </nve-menu>\n</nve-dropdown>\n",
       "summary": "Breadcrumb with overflow menu for collapsed navigation levels, ideal for deep hierarchies in limited space.",

package/dist/breadcrumb/breadcrumb2.js

@@ -24,7 +24,7 @@ var m = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-breadcrumb",
-			version: "0.0.10"
+			version: "0.0.11"
 		};
 	}
 	static {