@nvidia-elements/core 0.0.10 → 0.0.11

package/dist/toast/toast.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/toast/toast.examples.json",
   "items": [
     {
-      "id": "core-toast_default",
+      "id": "toast",
       "name": "Default",
       "template": "<nve-toast id=\"toast\" close-timeout=\"1500\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n",
       "summary": "Basic toast with auto-dismiss for brief, non-critical feedback messages. Use toasts for lightweight confirmations like \"Saved\", \"Copied\", or \"Action complete\" that inform users without requiring interaction or disrupting workflow.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-toast_visual",
+      "id": "toast-visual",
       "name": "Visual",
       "template": "<nve-toast anchor=\"btn\">hello there</nve-toast>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Visual example of toast structure with anchor positioning for consistent implementation patterns across your application.",
@@ -23,7 +23,7 @@
       ]
     },
     {
-      "id": "core-toast_status",
+      "id": "toast-status",
       "name": "Status",
       "template": "<div nve-layout=\"row align:center\" style=\"height: 200px\">\n  <nve-toast position=\"top\">default</nve-toast>\n  <nve-toast status=\"success\" position=\"right\">success</nve-toast>\n  <nve-toast status=\"warning\" position=\"bottom\">warning</nve-toast>\n  <nve-toast status=\"danger\" position=\"left\">danger</nve-toast>\n</div>\n",
       "summary": "Toast status variants for different feedback types. Use success for confirmations, warning for cautions, and danger for error notifications, helping users quickly identify message importance through color and iconography.",
@@ -32,7 +32,7 @@
       "tags": []
     },
     {
-      "id": "core-toast_prominence",
+      "id": "toast-prominence",
       "name": "Prominence",
       "template": "<nve-toast position=\"top\" prominence=\"muted\">muted</nve-toast>\n",
       "summary": "Muted toast variant for subtle, low-priority feedback. Use muted prominence when the message is informative but shouldn't draw significant attention, maintaining user focus on primary tasks.",
@@ -41,7 +41,7 @@
       "tags": []
     },
     {
-      "id": "core-toast_actions",
+      "id": "toast-actions",
       "name": "Actions",
       "template": "<div nve-layout=\"row align:center\" style=\"height: 200px\">\n  <nve-toast position=\"top\"> default <nve-button container=\"inline\">action</nve-button> </nve-toast>\n  <nve-toast status=\"success\" position=\"right\"> success <nve-button container=\"inline\">action</nve-button> </nve-toast>\n  <nve-toast status=\"warning\" position=\"bottom\"> warning <nve-button container=\"inline\">action</nve-button> </nve-toast>\n  <nve-toast status=\"danger\" position=\"left\"> danger <nve-button container=\"inline\">action</nve-button> </nve-toast>\n</div>\n",
       "summary": "Toast with inline action buttons for quick follow-up actions. Use sparingly for important actions like \"Undo\" or \"View\", but prefer simple toasts without actions for most feedback to maintain lightweight nature.",
@@ -50,7 +50,7 @@
       "tags": []
     },
     {
-      "id": "core-toast_events",
+      "id": "toast-events",
       "name": "Events",
       "template": "<nve-toast id=\"toast\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n<script type=\"module\">\n  const toast = document.querySelector(\"nve-toast\");\n  toast.addEventListener(\"beforetoggle\", () => console.log(\"beforetoggle\"));\n  toast.addEventListener(\"toggle\", () => console.log(\"toggle\"));\n  toast.addEventListener(\"close\", () => console.log(\"close\"));\n  toast.addEventListener(\"open\", () => console.log(\"open\"));\n</script>\n",
       "summary": "Event handling for toast lifecycle events. Useful for adding custom behavior when toast state changes.",
@@ -59,7 +59,7 @@
       "tags": []
     },
     {
-      "id": "core-toast_position",
+      "id": "toast-position",
       "name": "Position",
       "template": "<nve-toast anchor=\"btn\" position=\"top\">top</nve-toast>\n<nve-toast anchor=\"btn\" position=\"right\">right</nve-toast>\n<nve-toast anchor=\"btn\" position=\"bottom\">bottom</nve-toast>\n<nve-toast anchor=\"btn\" position=\"left\">left</nve-toast>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Toast positioning options relative to screen edges or anchor elements. Position toasts in consistent locations where they won't obscure important content, typically bottom-center or top-right for global feedback.",
@@ -70,7 +70,7 @@
       ]
     },
     {
-      "id": "core-toast_alignment",
+      "id": "toast-alignment",
       "name": "Alignment",
       "template": "<nve-card id=\"card\" style=\"width: 450px; height: 300px\"></nve-card>\n<nve-toast anchor=\"card\" position=\"top\" alignment=\"start\">top start</nve-toast>\n<nve-toast anchor=\"card\" position=\"top\">top center</nve-toast>\n<nve-toast anchor=\"card\" position=\"top\" alignment=\"end\">top end</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\" alignment=\"start\">right start</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\">right center</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\" alignment=\"end\">right end</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\" alignment=\"start\">bottom start</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\">bottom center</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\" alignment=\"end\">bottom end</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\" alignment=\"start\">left start</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\">left center</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\" alignment=\"end\">left end</nve-toast>\n",
       "summary": "Fine-grained toast alignment for precise placement control. Use alignment to position toasts relative to anchor edges, useful for contextual feedback that should appear near specific UI elements.",
@@ -81,7 +81,7 @@
       ]
     },
     {
-      "id": "core-toast_legacy-behavior-trigger",
+      "id": "toast-legacy-behavior-trigger",
       "name": "LegacyBehaviorTrigger",
       "template": "<div nve-layout=\"row align:center\" style=\"height: 90vh\">\n  <nve-button id=\"btn\">copy to clipboard</nve-button>\n  <nve-toast trigger=\"btn\" behavior-trigger position=\"top\" close-timeout=\"1500\" hidden>copied!</nve-toast>\n</div>\n",
       "summary": "Legacy behavior-trigger pattern for automatic toast lifecycle management. Deprecated approach with manual trigger attributes, prefer modern popovertarget API for simpler toast implementation and better maintainability.",
@@ -93,7 +93,7 @@
       ]
     },
     {
-      "id": "core-toast_shadow-root",
+      "id": "toast-shadow-root",
       "name": "ShadowRoot",
       "template": "<toast-test-shadow-root></toast-test-shadow-root>\n<script type=\"module\">\n  customElements.define(\n    \"toast-test-shadow-root\",\n    class ToastTestShadowRoot extends HTMLElement {\n      constructor() {\n        super();\n        this._shadow = this.attachShadow({ mode: \"open\" });\n        const template = document.createElement(\"template\");\n        template.innerHTML = `\n        <style>:host { box-sizing: border-box; }</style>\n        <nve-toast size=\"sm\">center</nve-toast>\n        <nve-toast size=\"sm\" position=\"top\">top center</nve-toast>\n        <nve-toast size=\"sm\" position=\"top\" alignment=\"start\">top start</nve-toast>\n        <nve-toast size=\"sm\" position=\"top\" alignment=\"end\">top end</nve-toast>\n        <nve-toast size=\"sm\" position=\"right\" alignment=\"start\">right start</nve-toast>\n        <nve-toast size=\"sm\" position=\"right\">right center</nve-toast>\n        <nve-toast size=\"sm\" position=\"right\" alignment=\"end\">right end</nve-toast>\n        <nve-toast size=\"sm\" position=\"bottom\" alignment=\"start\">bottom start</nve-toast>\n        <nve-toast size=\"sm\" position=\"bottom\">bottom center</nve-toast>\n        <nve-toast size=\"sm\" position=\"bottom\" alignment=\"end\">bottom end</nve-toast>\n        <nve-toast size=\"sm\" position=\"left\" alignment=\"start\">left start</nve-toast>\n        <nve-toast size=\"sm\" position=\"left\">left center</nve-toast>\n        <nve-toast size=\"sm\" position=\"left\" alignment=\"end\">left end</nve-toast>\n      `;\n        this._shadow.appendChild(template.content);\n      }\n    },\n  );\n</script>\n",
       "summary": "Toast functionality within shadow DOM for Web Component architectures. Proper toast positioning and behavior in encapsulated component environments, essential for component library implementations.",
@@ -104,7 +104,7 @@
       ]
     },
     {
-      "id": "core-toast_body-anchor",
+      "id": "toast-body-anchor",
       "name": "BodyAnchor",
       "template": "<nve-toast style=\"--background: red\" anchor=\"body\" position=\"center\" alignment=\"center\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: blue\" anchor=\"body\" position=\"top\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: yellow\" anchor=\"body\" position=\"top\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: green\" anchor=\"body\" position=\"top\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: purple\" anchor=\"body\" position=\"bottom\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: orange\" anchor=\"body\" position=\"bottom\">•︎︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: pink\" anchor=\"body\" position=\"bottom\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: brown; margin-right: -250px\" anchor=\"body\" position=\"left\" alignment=\"start\"\n  >•︎•︎•︎•︎•︎•︎</nve-toast\n>\n<nve-toast style=\"--background: gray\" anchor=\"body\" position=\"left\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: black; margin-right: -250px\" anchor=\"body\" position=\"left\" alignment=\"end\"\n  >•︎•︎•︎•︎•︎•︎</nve-toast\n>\n<nve-toast style=\"--background: red; margin-left: -250px\" anchor=\"body\" position=\"right\" alignment=\"start\"\n  >•︎•︎•︎•︎•︎•︎</nve-toast\n>\n<nve-toast style=\"--background: blue\" anchor=\"body\" position=\"right\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: yellow; margin-left: -250px\" anchor=\"body\" position=\"right\" alignment=\"end\"\n  >•︎•︎•︎•︎•︎•︎</nve-toast\n>\n",
       "summary": "Body anchor positioning for toast.",

package/dist/toast/toast2.js

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

package/dist/toggletip/toggletip-footer2.js

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

package/dist/toggletip/toggletip-header2.js

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

package/dist/toggletip/toggletip.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/toggletip/toggletip.examples.json",
   "items": [
     {
-      "id": "core-toggletip_default",
+      "id": "toggletip",
       "name": "Default",
       "template": "<nve-toggletip id=\"toggletip\">hello there</nve-toggletip>\n<nve-button popovertarget=\"toggletip\">button</nve-button>\n",
       "summary": "Basic toggletip requiring click to open and close. Unlike tooltips that appear on hover, use toggletips for interactive content, extra details, or when users need time to read or interact with the popover content.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-toggletip_visual",
+      "id": "toggletip-visual",
       "name": "Visual",
       "template": "<nve-toggletip anchor=\"toggletip-btn\">hello there</nve-toggletip>\n<nve-button id=\"toggletip-btn\">button</nve-button>\n",
       "summary": "Visual example using anchor attribute for explicit trigger-target relationship and consistent toggletip implementation across your application.",
@@ -23,7 +23,7 @@
       ]
     },
     {
-      "id": "core-toggletip_content",
+      "id": "toggletip-content",
       "name": "Content",
       "template": "<nve-toggletip anchor=\"btn\">\n  <nve-toggletip-header>\n    <h3 nve-text=\"heading sm\">Toggletip Header</h3>\n  </nve-toggletip-header>\n  <p nve-text=\"body\">some text content in a toggletip</p>\n  <nve-toggletip-footer>\n    <p nve-text=\"body\">Toggletip Footer</p>\n  </nve-toggletip-footer>\n</nve-toggletip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Toggletip with complete structure including header, content, and footer sections. Perfect for rich interactive content like quick forms, action menus, or detailed explanations that gain from organized layout.",
@@ -32,7 +32,7 @@
       "tags": []
     },
     {
-      "id": "core-toggletip_content-with-footer",
+      "id": "toggletip-content-with-footer",
       "name": "ContentWithFooter",
       "template": "<nve-toggletip anchor=\"btn\">\n  <p nve-text=\"body\">some text content in a toggletip</p>\n  <nve-toggletip-footer>\n    <p nve-text=\"body\">Toggletip Footer</p>\n  </nve-toggletip-footer>\n</nve-toggletip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Toggletip with footer for action buttons or supplementary links. Use when toggletip content needs follow-up actions, navigation, or extra context links without requiring a header section.",
@@ -41,7 +41,7 @@
       "tags": []
     },
     {
-      "id": "core-toggletip_content-with-header",
+      "id": "toggletip-content-with-header",
       "name": "ContentWithHeader",
       "template": "<nve-toggletip anchor=\"btn\">\n  <nve-toggletip-header>\n    <h3 nve-text=\"heading sm\">Toggletip Header</h3>\n  </nve-toggletip-header>\n  <p nve-text=\"body\">some text content in a toggletip</p>\n</nve-toggletip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Toggletip with header for titled content sections. Use when toggletip information benefits from a clear title or heading to establish context, improving content scannability and understanding.",
@@ -52,7 +52,7 @@
       ]
     },
     {
-      "id": "core-toggletip_events",
+      "id": "toggletip-events",
       "name": "Events",
       "template": "<nve-toggletip id=\"toggletip\">hello there</nve-toggletip>\n<nve-button popovertarget=\"toggletip\">button</nve-button>\n<script type=\"module\">\n  const toggletip = document.querySelector(\"nve-toggletip\");\n  toggletip.addEventListener(\"beforetoggle\", () => console.log(\"beforetoggle\"));\n  toggletip.addEventListener(\"toggle\", () => console.log(\"toggle\"));\n  toggletip.addEventListener(\"close\", () => console.log(\"close\"));\n  toggletip.addEventListener(\"open\", () => console.log(\"open\"));\n</script>\n",
       "summary": "Event handling for toggletip lifecycle events. Useful for adding custom behavior when toggletip state changes.",
@@ -61,7 +61,7 @@
       "tags": []
     },
     {
-      "id": "core-toggletip_closable",
+      "id": "toggletip-closable",
       "name": "Closable",
       "template": "<nve-toggletip anchor=\"btn\" closable>\n  <nve-toggletip-header>Toggletip Header</nve-toggletip-header>\n  <p nve-text=\"body\">some text content in a toggletip</p>\n  <nve-toggletip-footer>Toggletip Footer</nve-toggletip-footer>\n</nve-toggletip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Closable toggletip with explicit close button for user control. Use when content is complex enough that users may want to dismiss it independently of clicking outside, providing clear exit paths for longer-form content.",
@@ -72,7 +72,7 @@
       ]
     },
     {
-      "id": "core-toggletip_alert-group",
+      "id": "toggletip-alert-group",
       "name": "AlertGroup",
       "template": "<nve-toggletip id=\"toggletip-alert-group\">\n  <nve-toggletip-header>\n    <nve-alert-group status=\"danger\" container=\"full\" prominence=\"emphasis\">\n      <nve-alert>Workflow Failed</nve-alert>\n    </nve-alert-group>\n  </nve-toggletip-header>\n  <p nve-text=\"body\">some text content in a toggletip</p>\n  <nve-toggletip-footer>\n    <nve-button style=\"width: 100%\">Retry Workflow</nve-button>\n  </nve-toggletip-footer>\n</nve-toggletip>\n<nve-button popovertarget=\"toggletip-alert-group\">button</nve-button>\n",
       "summary": "Toggletip with alert header for error states or critical messaging. Perfect for displaying error details with recovery actions, combining status communication with actionable next steps in a compact format.",
@@ -83,7 +83,7 @@
       ]
     },
     {
-      "id": "core-toggletip_position",
+      "id": "toggletip-position",
       "name": "Position",
       "template": "<nve-toggletip anchor=\"btn\" position=\"top\">top</nve-toggletip>\n<nve-toggletip anchor=\"btn\" position=\"right\">right</nve-toggletip>\n<nve-toggletip anchor=\"btn\" position=\"bottom\">bottom</nve-toggletip>\n<nve-toggletip anchor=\"btn\" position=\"left\">left</nve-toggletip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Toggletip positioning options relative to trigger element. Choose position based on available screen space and content type, ensuring toggletips remain visible and don't extend beyond viewport boundaries.",
@@ -94,7 +94,7 @@
       ]
     },
     {
-      "id": "core-toggletip_alignment",
+      "id": "toggletip-alignment",
       "name": "Alignment",
       "template": "<nve-toggletip anchor=\"card\" position=\"top\" alignment=\"start\">top start</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"top\">top center</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"top\" alignment=\"end\">top end</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"right\" alignment=\"start\">right start</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"right\">right center</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"right\" alignment=\"end\">right end</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"bottom\" alignment=\"start\">bottom start</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"bottom\">bottom center</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"bottom\" alignment=\"end\">bottom end</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"left\" alignment=\"start\">left start</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"left\">left center</nve-toggletip>\n<nve-toggletip anchor=\"card\" position=\"left\" alignment=\"end\">left end</nve-toggletip>\n<nve-card id=\"card\" style=\"width: 400px; height: 200px\"></nve-card>\n",
       "summary": "Precise toggletip alignment combined with positioning for optimal placement control. Use alignment to fine-tune toggletip placement relative to trigger edges, improving visual flow and reducing content overlap in dense layouts.",
@@ -105,7 +105,7 @@
       ]
     },
     {
-      "id": "core-toggletip_cross-shadow-root-anchor-position",
+      "id": "toggletip-cross-shadow-root-anchor-position",
       "name": "CrossShadowRootAnchorPosition",
       "template": "<nve-button popovertarget=\"root-toggletip\">document root anchor</nve-button>\n<nve-toggletip id=\"root-toggletip\">document root toggletip</nve-toggletip>\n<demo-shadow-root style=\"visibility: visible !important\">\n  <template shadowrootmode=\"open\">\n    <nve-toggletip id=\"cross-root-toggletip\" hidden>cross root toggletip</nve-toggletip>\n    <slot></slot>\n  </template>\n</demo-shadow-root>\n<nve-button popovertarget=\"cross-root-toggletip\">cross root anchor</nve-button>\n",
       "summary": "Toggletip anchored to elements across shadow DOM boundaries.",
@@ -116,7 +116,7 @@
       ]
     },
     {
-      "id": "core-toggletip_legacy-behavior-trigger",
+      "id": "toggletip-legacy-behavior-trigger",
       "name": "LegacyBehaviorTrigger",
       "template": "<nve-toggletip behavior-trigger anchor=\"action-btn\" trigger=\"action-btn\" hidden>hello there</nve-toggletip>\n<nve-button id=\"action-btn\">button</nve-button>\n",
       "summary": "Legacy behavior-trigger pattern for automatic toggletip lifecycle management. Deprecated approach with manual trigger attributes, prefer modern popovertarget API for simpler and more maintainable toggletip implementation.",

package/dist/toggletip/toggletip2.js

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

package/dist/toolbar/toolbar.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/toolbar/toolbar.examples.json",
   "items": [
     {
-      "id": "core-toolbar_default",
+      "id": "toolbar",
       "name": "Default",
       "template": "<nve-toolbar>\n  <nve-button><nve-icon name=\"add\"></nve-icon> create</nve-button>\n  <nve-button><nve-icon name=\"delete\"></nve-icon> delete</nve-button>\n  <nve-icon-button icon-name=\"gear\" slot=\"suffix\" aria-label=\"settings\"></nve-icon-button>\n</nve-toolbar>\n",
       "summary": "Basic toolbar with action buttons and a settings icon in the suffix slot.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-toolbar_container-flat",
+      "id": "toolbar-container-flat",
       "name": "ContainerFlat",
       "template": "<nve-toolbar container=\"flat\">\n  <nve-button><nve-icon name=\"add\"></nve-icon> create</nve-button>\n  <nve-button><nve-icon name=\"delete\"></nve-icon> delete</nve-button>\n  <nve-icon-button container=\"flat\" icon-name=\"gear\" slot=\"suffix\" aria-label=\"settings\"></nve-icon-button>\n</nve-toolbar>\n",
       "summary": "Toolbar with flat container styling for a more subtle appearance.",
@@ -21,7 +21,7 @@
       "tags": []
     },
     {
-      "id": "core-toolbar_container-inset",
+      "id": "toolbar-container-inset",
       "name": "ContainerInset",
       "template": "<nve-toolbar container=\"inset\" style=\"--width: 300px\">\n  <nve-button><nve-icon name=\"add\"></nve-icon> create</nve-button>\n  <nve-button><nve-icon name=\"delete\"></nve-icon> delete</nve-button>\n  <nve-icon-button icon-name=\"gear\" slot=\"suffix\" aria-label=\"settings\"></nve-icon-button>\n</nve-toolbar>\n",
       "summary": "Toolbar with inset container styling and constrained width for contained layouts.",
@@ -30,7 +30,7 @@
       "tags": []
     },
     {
-      "id": "core-toolbar_container-full",
+      "id": "toolbar-container-full",
       "name": "ContainerFull",
       "template": "<nve-toolbar container=\"full\">\n  <nve-button><nve-icon name=\"add\"></nve-icon> create</nve-button>\n  <nve-button><nve-icon name=\"delete\"></nve-icon> delete</nve-button>\n  <nve-icon-button container=\"flat\" icon-name=\"gear\" slot=\"suffix\" aria-label=\"settings\"></nve-icon-button>\n</nve-toolbar>\n",
       "summary": "Toolbar with full container styling that spans the entire width.",
@@ -39,7 +39,7 @@
       "tags": []
     },
     {
-      "id": "core-toolbar_groups",
+      "id": "toolbar-groups",
       "name": "Groups",
       "template": "<nve-toolbar>\n  <nve-select fit-text>\n    <select aria-label=\"element type\">\n      <option value=\"1\">Heading 1</option>\n      <option value=\"2\">Heading 2</option>\n      <option value=\"p\">Paragraph</option>\n    </select>\n    <div slot=\"option-1\">\n      <span nve-text=\"heading\">Heading 1</span>\n    </div>\n    <div slot=\"option-2\">\n      <span nve-text=\"heading sm\">Heading 2</span>\n    </div>\n    <div slot=\"option-3\">\n      <span nve-text=\"body sm\">Paragraph</span>\n    </div>\n  </nve-select>\n  <nve-divider></nve-divider>\n  <nve-button-group>\n    <nve-icon-button pressed icon-name=\"bars-3-bottom-left\"></nve-icon-button>\n    <nve-icon-button icon-name=\"bars-3-bottom-right\"></nve-icon-button>\n    <nve-icon-button icon-name=\"bars-4\"></nve-icon-button>\n  </nve-button-group>\n  <nve-divider></nve-divider>\n  <nve-button-group>\n    <nve-icon-button icon-name=\"bold\" size=\"sm\"></nve-icon-button>\n    <nve-icon-button icon-name=\"italic\" size=\"sm\"></nve-icon-button>\n    <nve-icon-button icon-name=\"strikethrough\" size=\"sm\"></nve-icon-button>\n  </nve-button-group>\n  <nve-divider></nve-divider>\n  <nve-button-group>\n    <nve-icon-button icon-name=\"code\"></nve-icon-button>\n    <nve-icon-button icon-name=\"fork\"></nve-icon-button>\n    <nve-icon-button icon-name=\"merge\"></nve-icon-button>\n  </nve-button-group>\n  <nve-button slot=\"suffix\" container=\"flat\">Save</nve-button>\n</nve-toolbar>\n",
       "summary": "Complex toolbar with grouped controls including select dropdowns, button groups, and dividers for text editing scenarios.",
@@ -48,7 +48,7 @@
       "tags": []
     },
     {
-      "id": "core-toolbar_vertical",
+      "id": "toolbar-vertical",
       "name": "Vertical",
       "template": "<nve-toolbar orientation=\"vertical\">\n  <nve-button-group>\n    <nve-icon-button pressed icon-name=\"bars-3-bottom-left\"></nve-icon-button>\n    <nve-icon-button icon-name=\"bars-3-bottom-right\"></nve-icon-button>\n    <nve-icon-button icon-name=\"bars-4\"></nve-icon-button>\n  </nve-button-group>\n  <nve-divider></nve-divider>\n  <nve-button-group>\n    <nve-icon-button icon-name=\"bold\" size=\"sm\"></nve-icon-button>\n    <nve-icon-button icon-name=\"italic\" size=\"sm\"></nve-icon-button>\n    <nve-icon-button icon-name=\"strikethrough\"></nve-icon-button>\n  </nve-button-group>\n</nve-toolbar>\n",
       "summary": "Vertical toolbar orientation with button groups and dividers for sidebar layouts.",
@@ -57,7 +57,7 @@
       "tags": []
     },
     {
-      "id": "core-toolbar_status",
+      "id": "toolbar-status",
       "name": "Status",
       "template": "<div nve-layout=\"column gap:lg align:horizontal-stretch full\">\n  <nve-toolbar status=\"accent\">\n    <nve-icon-button icon-name=\"cancel\" slot=\"prefix\"></nve-icon-button>\n    <p nve-text=\"body\">123 selected</p>\n    <nve-button slot=\"suffix\">delete</nve-button>\n    <nve-icon-button icon-name=\"more-actions\" slot=\"suffix\"></nve-icon-button>\n  </nve-toolbar>\n  <nve-toolbar>\n    <nve-icon-button icon-name=\"cancel\" slot=\"prefix\"></nve-icon-button>\n    <p nve-text=\"body\">123 selected</p>\n    <nve-button slot=\"suffix\">delete</nve-button>\n    <nve-icon-button icon-name=\"more-actions\" slot=\"suffix\"></nve-icon-button>\n  </nve-toolbar>\n</div>\n",
       "summary": "Toolbar with status styling showing selection state with accent status and default status variants for bulk actions.",
@@ -66,7 +66,7 @@
       "tags": []
     },
     {
-      "id": "core-toolbar_container",
+      "id": "toolbar-container",
       "name": "Container",
       "template": "<div nve-layout=\"column gap:lg\">\n  <nve-toolbar>\n    <nve-button><nve-icon name=\"copy\"></nve-icon> copy</nve-button>\n    <nve-button><nve-icon name=\"copy\"></nve-icon></nve-button>\n    <nve-icon-button icon-name=\"copy\"></nve-icon-button>\n    <nve-copy-button></nve-copy-button>\n    <nve-switch prominence=\"muted\">\n      <input type=\"checkbox\" checked aria-label=\"switch\" />\n    </nve-switch>\n    <nve-checkbox prominence=\"muted\">\n      <input type=\"checkbox\" checked aria-label=\"checkbox\" />\n    </nve-checkbox>\n    <nve-input>\n      <input aria-label=\"input\" />\n    </nve-input>\n  </nve-toolbar>\n  <nve-toolbar container=\"flat\">\n    <nve-button><nve-icon name=\"copy\"></nve-icon> copy</nve-button>\n    <nve-button><nve-icon name=\"copy\"></nve-icon></nve-button>\n    <nve-icon-button icon-name=\"copy\"></nve-icon-button>\n    <nve-copy-button></nve-copy-button>\n    <nve-switch prominence=\"muted\">\n      <input type=\"checkbox\" checked aria-label=\"switch\" />\n    </nve-switch>\n    <nve-checkbox prominence=\"muted\">\n      <input type=\"checkbox\" checked aria-label=\"checkbox\" />\n    </nve-checkbox>\n    <nve-input>\n      <input aria-label=\"input\" />\n    </nve-input>\n  </nve-toolbar>\n  <nve-toolbar container=\"inset\">\n    <nve-button><nve-icon name=\"copy\"></nve-icon> copy</nve-button>\n    <nve-button><nve-icon name=\"copy\"></nve-icon></nve-button>\n    <nve-icon-button icon-name=\"copy\"></nve-icon-button>\n    <nve-copy-button></nve-copy-button>\n    <nve-switch prominence=\"muted\">\n      <input type=\"checkbox\" checked aria-label=\"switch\" />\n    </nve-switch>\n    <nve-checkbox prominence=\"muted\">\n      <input type=\"checkbox\" checked aria-label=\"checkbox\" />\n    </nve-checkbox>\n    <nve-input>\n      <input aria-label=\"input\" />\n    </nve-input>\n  </nve-toolbar>\n</div>\n",
       "summary": "Example of toolbar containers and their different appearances with varying prominence levels.",

package/dist/toolbar/toolbar2.js

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

package/dist/tooltip/tooltip.examples.json

@@ -3,7 +3,7 @@
   "entrypoint": "@nvidia-elements/core/tooltip/tooltip.examples.json",
   "items": [
     {
-      "id": "core-tooltip_default",
+      "id": "tooltip",
       "name": "Default",
       "template": "<nve-tooltip id=\"tooltip\">hello there</nve-tooltip>\n<nve-button interestfor=\"tooltip\">button</nve-button>\n",
       "summary": "Basic tooltip triggered by popovertarget attribute. Use for providing brief, contextual information on hover or focus without cluttering the interface.",
@@ -12,7 +12,7 @@
       "tags": []
     },
     {
-      "id": "core-tooltip_visual",
+      "id": "tooltip-visual",
       "name": "Visual",
       "template": "<nve-tooltip anchor=\"btn\">hello there</nve-tooltip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Tooltip using anchor attribute to reference the trigger element. Use when you need to explicitly connect tooltips to their triggers by ID for better control over relationships.",
@@ -23,7 +23,7 @@
       ]
     },
     {
-      "id": "core-tooltip_position",
+      "id": "tooltip-position",
       "name": "Position",
       "template": "<nve-tooltip anchor=\"btn\" position=\"top\">top</nve-tooltip>\n<nve-tooltip anchor=\"btn\" position=\"right\">right</nve-tooltip>\n<nve-tooltip anchor=\"btn\" position=\"bottom\">bottom</nve-tooltip>\n<nve-tooltip anchor=\"btn\" position=\"left\">left</nve-tooltip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Tooltip positioning options for optimal placement relative to trigger elements. Use different positions based on available screen space and content layout to ensure tooltips remain visible and don't obscure important content.",
@@ -34,7 +34,7 @@
       ]
     },
     {
-      "id": "core-tooltip_alignment",
+      "id": "tooltip-alignment",
       "name": "Alignment",
       "template": "<nve-tooltip anchor=\"card\" position=\"top\" alignment=\"start\">top start</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"top\">top center</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"top\" alignment=\"end\">top end</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"right\" alignment=\"start\">right start</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"right\">right center</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"right\" alignment=\"end\">right end</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"bottom\" alignment=\"start\">bottom start</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"bottom\">bottom center</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"bottom\" alignment=\"end\">bottom end</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"left\" alignment=\"start\">left start</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"left\">left center</nve-tooltip>\n<nve-tooltip anchor=\"card\" position=\"left\" alignment=\"end\">left end</nve-tooltip>\n<nve-card id=\"card\" style=\"width: 400px; height: 200px\"></nve-card>\n",
       "summary": "Fine-grained tooltip alignment combined with positioning for precise placement control. Use to align tooltips to specific edges of trigger elements, improving visual hierarchy and reducing overlap with other UI elements.",
@@ -45,7 +45,7 @@
       ]
     },
     {
-      "id": "core-tooltip_events",
+      "id": "tooltip-events",
       "name": "Events",
       "template": "<nve-tooltip id=\"tooltip\">hello there</nve-tooltip>\n<nve-button interestfor=\"tooltip\">button</nve-button>\n<script type=\"module\">\n  const tooltip = document.querySelector(\"nve-tooltip\");\n  tooltip.addEventListener(\"beforetoggle\", () => console.log(\"beforetoggle\"));\n  tooltip.addEventListener(\"toggle\", () => console.log(\"toggle\"));\n  tooltip.addEventListener(\"close\", () => console.log(\"close\"));\n  tooltip.addEventListener(\"open\", () => console.log(\"open\"));\n</script>\n",
       "summary": "Event handling for tooltip lifecycle events. Useful for adding custom behavior when tooltip state changes.",
@@ -54,7 +54,7 @@
       "tags": []
     },
     {
-      "id": "core-tooltip_content",
+      "id": "tooltip-content",
       "name": "Content",
       "template": "<nve-tooltip anchor=\"btn\" position=\"bottom\">\n  <h3 nve-text=\"label\">Title</h3>\n  <p nve-text=\"body\">some text content</p>\n</nve-tooltip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Tooltip with structured content including title and body text. Use for tooltips that need hierarchical information, but keep content brief to maintain tooltip's lightweight nature.",
@@ -63,7 +63,7 @@
       "tags": []
     },
     {
-      "id": "core-tooltip_dynamic-trigger",
+      "id": "tooltip-dynamic-trigger",
       "name": "DynamicTrigger",
       "template": "<nve-tooltip id=\"dynamic-popover\"></nve-tooltip>\n<div nve-layout=\"row gap:sm align:center\">\n  <nve-button interestfor=\"dynamic-popover\">one</nve-button>\n  <nve-button interestfor=\"dynamic-popover\">two</nve-button>\n  <nve-button interestfor=\"dynamic-popover\">three</nve-button>\n</div>\n<script type=\"module\">\n  document.querySelector(\"#dynamic-popover\").addEventListener(\"toggle\", (e) => {\n    if (e.newState === \"open\") {\n      e.target.textContent = \"tooltip \" + e.source.textContent;\n    }\n  });\n</script>\n",
       "summary": "Single tooltip shared across many triggers with dynamic content updates. Use to reduce DOM nodes and improve performance when many similar elements need contextual help, updating tooltip content based on which trigger activated it.",
@@ -72,7 +72,7 @@
       "tags": []
     },
     {
-      "id": "core-tooltip_hint",
+      "id": "tooltip-hint",
       "name": "Hint",
       "template": "<div nve-layout=\"row gap:xs align:vertical-center\">\n  <h2 nve-text=\"heading sm\">Preview</h2>\n  <nve-icon-button container=\"flat\" icon-name=\"information-circle-stroke\" interestfor=\"hint\"></nve-icon-button>\n  <nve-tooltip id=\"hint\" position=\"right\">Preview in progress CI tasks for the active host</nve-tooltip>\n</div>\n",
       "summary": "Tooltip as a hint icon pattern for providing contextual help next to labels or headings. Perfect for explaining features or terminology without cluttering the main interface, allowing users to discover information on demand.",
@@ -81,7 +81,7 @@
       "tags": []
     },
     {
-      "id": "core-tooltip_status",
+      "id": "tooltip-status",
       "name": "Status",
       "template": "<div nve-layout=\"row align:center\" style=\"height: 250px\">\n  <nve-tooltip anchor=\"btn\">default status</nve-tooltip>\n  <nve-tooltip anchor=\"btn\" position=\"bottom\" status=\"muted\">muted status</nve-tooltip>\n  <nve-button id=\"btn\">button</nve-button>\n</div>\n",
       "summary": "Tooltip with muted status variant for subtle, low-emphasis contextual information. Use muted tooltips when the information is supplementary and shouldn't draw attention away from primary content.",
@@ -90,7 +90,7 @@
       "tags": []
     },
     {
-      "id": "core-tooltip_wrap",
+      "id": "tooltip-wrap",
       "name": "Wrap",
       "template": "<nve-tooltip anchor=\"btn\" style=\"--width: 200px\">\n  Tooltips provide contextual help for interface elements. Keep content brief and descriptive to help users understand\n  available actions.\n</nve-tooltip>\n<nve-button id=\"btn\">button</nve-button>\n",
       "summary": "Tooltip with constrained width for controlled text wrapping. Use when tooltip content is longer than a single line, but prefer keeping tooltips brief for better scannability and user experience.",
@@ -101,7 +101,7 @@
       ]
     },
     {
-      "id": "core-tooltip_async-trigger",
+      "id": "tooltip-async-trigger",
       "name": "AsyncTrigger",
       "template": "\n<div id=\"async-trigger-demo\">\n  <nve-tooltip id=\"tooltip\">hello there</nve-tooltip>\n  <template><nve-button interestfor=\"tooltip\">button</nve-button></template>\n</div>\n<script type=\"module\">\n  import '@nvidia-elements/core/button/define.js';\n  import '@nvidia-elements/core/tooltip/define.js';\n  const template = document.querySelector('#async-trigger-demo template');\n  const instance = template.content.cloneNode(true);\n  setTimeout(() => {\n    document.querySelector('#async-trigger-demo').appendChild(instance);\n  }, 1000);\n</script>\n  ",
       "summary": "Tooltip anchoring to a dynamically created anchor element.",
@@ -112,7 +112,7 @@
       ]
     },
     {
-      "id": "core-tooltip_position-strategy-absolute",
+      "id": "tooltip-position-strategy-absolute",
       "name": "PositionStrategyAbsolute",
       "template": "<nve-button interestfor=\"tooltip\">button</nve-button>\n<nve-tooltip id=\"tooltip\">hello there</nve-tooltip>\n",
       "summary": "Tooltip with absolute positioning strategy for precise placement in complex layouts. Use when default fixed positioning causes issues with scrolling containers or nested positioning contexts.",
@@ -123,7 +123,7 @@
       ]
     },
     {
-      "id": "core-tooltip_scroll-container",
+      "id": "tooltip-scroll-container",
       "name": "ScrollContainer",
       "template": "<style>\n  #scroll-container {\n    display: flex;\n    flex-direction: column;\n    height: 300px;\n    width: 200px;\n    overflow-y: auto;\n    border: 1px solid #ccc;\n    margin: 20vh;\n    & > button {\n      min-height: 50px;\n      width: 100%;\n    }\n  }\n</style>\n<section id=\"scroll-container\">\n  <button interestfor=\"tooltip\">1</button>\n  <button interestfor=\"tooltip\">2</button>\n  <button interestfor=\"tooltip\">3</button>\n  <button interestfor=\"tooltip\">4</button>\n  <button interestfor=\"tooltip\">5</button>\n  <button interestfor=\"tooltip\">6</button>\n  <button interestfor=\"tooltip\">7</button>\n  <button interestfor=\"tooltip\">8</button>\n  <button interestfor=\"tooltip\">9</button>\n  <button interestfor=\"tooltip\">10</button>\n</section>\n<nve-tooltip id=\"tooltip\" position=\"left\">hello there</nve-tooltip>\n",
       "summary": "Tooltip behavior within scrollable containers with automatic repositioning. Tooltips maintain visibility and proper positioning even when anchor elements scroll, ensuring consistent user experience in scrollable interfaces.",
@@ -134,7 +134,7 @@
       ]
     },
     {
-      "id": "core-tooltip_dynamic-anchor-position",
+      "id": "tooltip-dynamic-anchor-position",
       "name": "DynamicAnchorPosition",
       "template": "<dynamic-anchor-position-demo></dynamic-anchor-position-demo>\n",
       "summary": "Tooltip that follows a dynamically positioned anchor element. Real-time tooltip repositioning as the anchor moves, useful for cursor-following tooltips or drag-and-drop interfaces.",
@@ -146,7 +146,7 @@
       ]
     },
     {
-      "id": "core-tooltip_legacy-dynamic-trigger",
+      "id": "tooltip-legacy-dynamic-trigger",
       "name": "LegacyDynamicTrigger",
       "template": "<div id=\"dynamic-trigger-demo\" nve-layout=\"row align:center\" style=\"height: 250px\">\n  <nve-tooltip behavior-trigger hidden>hello there</nve-tooltip>\n  <div nve-layout=\"row gap:xl\">\n    <nve-button>button</nve-button>\n    <nve-button>button</nve-button>\n    <nve-button>button</nve-button>\n  </div>\n  <script type=\"module\">\n    const tooltip = document.querySelector(\"#dynamic-trigger-demo nve-tooltip\");\n    document.querySelector(\"#dynamic-trigger-demo\").addEventListener(\"mouseover\", (e) => {\n      if (e.target.tagName === \"NVE-BUTTON\") {\n        tooltip.anchor = e.target;\n        tooltip.trigger = e.target;\n      }\n    });\n  </script>\n</div>\n",
       "summary": "Legacy pattern for dynamic tooltip triggers using behavior-trigger attribute. Programmatic anchor and trigger reassignment for backward compatibility with older implementations.",
@@ -158,7 +158,7 @@
       ]
     },
     {
-      "id": "core-tooltip_legacy-trigger",
+      "id": "tooltip-legacy-trigger",
       "name": "LegacyTrigger",
       "template": "<div nve-layout=\"row align:center\" style=\"height: 250px\">\n  <nve-tooltip anchor=\"action-btn\" trigger=\"action-btn\" hidden>hello there</nve-tooltip>\n  <nve-button id=\"action-btn\">button</nve-button>\n  <script type=\"module\">\n    const tooltip = document.querySelector('nve-tooltip[anchor=\"action-btn\"]');\n    tooltip.addEventListener(\"close\", () => (tooltip.hidden = true));\n    tooltip.addEventListener(\"open\", () => (tooltip.hidden = false));\n  </script>\n</div>\n",
       "summary": "Legacy trigger pattern with manual event handling and hidden attribute management. Older implementation approach for backward compatibility; prefer using popovertarget for new implementations.",
@@ -170,7 +170,7 @@
       ]
     },
     {
-      "id": "core-tooltip_legacy-behavior-trigger",
+      "id": "tooltip-legacy-behavior-trigger",
       "name": "LegacyBehaviorTrigger",
       "template": "<nve-tooltip behavior-trigger anchor=\"action-btn\" trigger=\"action-btn\" hidden>hello there</nve-tooltip>\n<nve-button id=\"action-btn\">button</nve-button>\n",
       "summary": "Legacy behavior-trigger pattern for automatic tooltip lifecycle management. Deprecated approach that auto-manages visibility, prefer modern popovertarget API for new implementations.",
@@ -182,7 +182,7 @@
       ]
     },
     {
-      "id": "core-tooltip_legacy-open-delay",
+      "id": "tooltip-legacy-open-delay",
       "name": "LegacyOpenDelay",
       "template": "<nve-tooltip behavior-trigger anchor=\"delay-tooltip-1\" trigger=\"delay-tooltip-1\" open-delay=\"500\" hidden\n  >delayed tooltip</nve-tooltip\n>\n<nve-button id=\"delay-tooltip-1\">button</nve-button>\n<nve-tooltip behavior-trigger anchor=\"delay-tooltip-2\" trigger=\"delay-tooltip-2\" open-delay=\"500\" hidden\n  >delayed tooltip</nve-tooltip\n>\n<nve-button id=\"delay-tooltip-2\">button</nve-button>\n<nve-tooltip behavior-trigger anchor=\"delay-tooltip-3\" trigger=\"delay-tooltip-3\" open-delay=\"500\" hidden\n  >delayed tooltip</nve-tooltip\n>\n<nve-button id=\"delay-tooltip-3\">button</nve-button>\n",
       "summary": "Legacy implementation combining behavior-trigger with open-delay for many tooltips. Older pattern for delayed tooltip appearance; prefer modern popovertarget with open-delay attribute.",
@@ -194,7 +194,7 @@
       ]
     },
     {
-      "id": "core-tooltip_nested-dynamic",
+      "id": "tooltip-nested-dynamic",
       "name": "NestedDynamic",
       "template": "<nve-button popovertarget=\"dialog\">open</nve-button>\n<nve-dialog id=\"dialog\" size=\"lg\" modal closable>\n  <nve-button interestfor=\"tooltip\">button</nve-button>\n  <section>\n    <button interestfor=\"tooltip\">button</button>\n  </section>\n</nve-dialog>\n<nve-tooltip id=\"tooltip\">test</nve-tooltip>\n",
       "summary": "Tooltip functionality within modal dialogs with many triggers. Ensures tooltips work correctly in layered UI contexts, maintaining proper stacking order and interaction behavior within modal overlays.",
@@ -205,7 +205,7 @@
       ]
     },
     {
-      "id": "core-tooltip_interest-invokers",
+      "id": "tooltip-interest-invokers",
       "name": "InterestInvokers",
       "template": "<section nve-layout=\"row gap:md align:center\">\n  <button popovertarget=\"dropdown\" interestfor=\"tooltip\">open</button>\n  <nve-button popovertarget=\"dropdown\" interestfor=\"tooltip\">open</nve-button>\n  <nve-dropdown id=\"dropdown\">dropdown content</nve-dropdown>\n  <nve-tooltip id=\"tooltip\">tooltip content</nve-tooltip>\n  <div id=\"div\">static</div>\n  <nve-tooltip trigger=\"div\" hidden>static</nve-tooltip>\n</section>\n",
       "summary": "Tooltip functionality using interest invokers to control tooltip visibility on hover and focus.",
@@ -216,7 +216,7 @@
       ]
     },
     {
-      "id": "core-tooltip_open-delay",
+      "id": "tooltip-open-delay",
       "name": "OpenDelay",
       "template": "<nve-tooltip id=\"delay-tooltip\" open-delay=\"500\">delayed tooltip</nve-tooltip>\n<nve-button interestfor=\"delay-tooltip\">button</nve-button>\n",
       "summary": "Tooltip with delayed appearance to reduce visual noise during quick mouse movements. Use open-delay for better user experience when tooltips are dense, preventing tooltips from flashing during cursor transitions.",
@@ -228,7 +228,7 @@
       ]
     },
     {
-      "id": "core-tooltip_legacy-popover-target",
+      "id": "tooltip-legacy-popover-target",
       "name": "LegacyPopoverTarget",
       "template": "<nve-button popovertarget=\"tooltip\">open</nve-button>\n<nve-tooltip id=\"tooltip\">tooltip content</nve-tooltip>\n",
       "summary": "Legacy behavior that allowed tooltip triggering via popovertarget attribute instead of interestfor attribute with hover events.",

package/dist/tooltip/tooltip2.js

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

package/dist/tree/tree-node2.js

@@ -39,7 +39,7 @@ var E = class extends b {
 	static {
 		this.metadata = {
 			tag: "nve-tree-node",
-			version: "0.0.10",
+			version: "0.0.11",
 			parents: ["nve-tree", "nve-tree-node"]
 		};
 	}