@nvidia-elements/core 2.20.0 → 2.20.2

package/dist/toast/define.js

@@ -1,7 +1,6 @@
 import { Toast as e } from "./toast2.js";
 import { define as t } from "@nvidia-elements/foundations/internal/define";
-//#region src/toast/define.ts
+// src/toast/define.ts
 t(e);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/toast/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/toast/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Toast } from '@nvidia-elements/core/toast';\n\ndefine(Toast);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-toast': Toast;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAK"}
+{"version":3,"file":"define.js","names":["define","Toast"],"sources":["../../src/toast/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Toast } from '@nvidia-elements/core/toast';\n\ndefine(Toast);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-toast': Toast;\n  }\n}\n"],"mappings":";;;AAMAA,EAAOC,CAAK"}

package/dist/toast/index.js

@@ -1,2 +1 @@
-import { Toast as e } from "./toast2.js";
-export { e as Toast };
+export { Toast } from "./toast2.js";

package/dist/toast/toast.examples.js

@@ -1,6 +1,5 @@
-//#region src/toast/toast.examples.ts
+// src/toast/toast.examples.ts
 var e = "";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=toast.examples.js.map

package/dist/toast/toast.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.examples.js","names":[],"sources":["../../src/toast/toast.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/toast/define.js';\n\nexport default {\n  title: 'Elements/Toast',\n  component: 'nve-toast',\n  parameters: {\n    layout: 'centered'\n  }\n};\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\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.\n */\nexport const Default = {\n  render: () => html`\n<nve-toast id=\"toast\" close-timeout=\"1500\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n`\n};\n\n/**\n * @summary Visual example of toast structure with anchor positioning for consistent implementation patterns across your application.\n * @tags test-case\n */\nexport const Visual = {\n  render: () => html`\n<nve-toast anchor=\"btn\">hello there</nve-toast>\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\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.\n */\nexport const Status = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n */\nexport const Prominence = {\n  render: () => html`<nve-toast position=\"top\" prominence=\"muted\">muted</nve-toast>`\n};\n\n/**\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.\n */\nexport const Actions = {\n  render: () => html`\n<div nve-layout=\"row align:center\" style=\"height: 200px\">\n  <nve-toast position=\"top\">\n    default <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"success\" position=\"right\">\n    success <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"warning\" position=\"bottom\">\n    warning <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"danger\" position=\"left\">\n    danger <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n</div>\n  `\n};\n\n/**\n * @summary Event handling for toast lifecycle events. Useful for adding custom behavior when toast state changes.\n */\nexport const Events = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Position = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Alignment = {\n  render: () => html`\n<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  `\n};\n\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n\n/**\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.\n * @tags test-case\n * @deprecated\n */\nexport const LegacyBehaviorTrigger = {\n  render: () => html`\n<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`\n};\n\n/**\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.\n * @tags test-case\n */\nexport const ShadowRoot = {\n  render: () => html`\n<toast-test-shadow-root></toast-test-shadow-root>\n<script type=\"module\">\n  customElements.define('toast-test-shadow-root', class ToastTestShadowRoot extends HTMLElement {\n    constructor() {\n      super();\n      this._shadow = this.attachShadow({mode: 'open'});\n\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\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\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\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\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</script>\n  `\n};\n\n/**\n * @summary Body anchor positioning for toast.\n * @tags test-case\n */\nexport const BodyAnchor = {\n  render: () => html`\n<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\">•︎•︎•︎•︎•︎•︎</nve-toast>\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\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: red; margin-left: -250px\" anchor=\"body\" position=\"right\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\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\">•︎•︎•︎•︎•︎•︎</nve-toast>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"toast.examples.js","names":["toast_examples_default"],"sources":["../../src/toast/toast.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/toast/define.js';\n\nexport default {\n  title: 'Elements/Toast',\n  component: 'nve-toast',\n  parameters: {\n    layout: 'centered'\n  }\n};\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\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.\n */\nexport const Default = {\n  render: () => html`\n<nve-toast id=\"toast\" close-timeout=\"1500\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n`\n};\n\n/**\n * @summary Visual example of toast structure with anchor positioning for consistent implementation patterns across your application.\n * @tags test-case\n */\nexport const Visual = {\n  render: () => html`\n<nve-toast anchor=\"btn\">hello there</nve-toast>\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\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.\n */\nexport const Status = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n */\nexport const Prominence = {\n  render: () => html`<nve-toast position=\"top\" prominence=\"muted\">muted</nve-toast>`\n};\n\n/**\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.\n */\nexport const Actions = {\n  render: () => html`\n<div nve-layout=\"row align:center\" style=\"height: 200px\">\n  <nve-toast position=\"top\">\n    default <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"success\" position=\"right\">\n    success <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"warning\" position=\"bottom\">\n    warning <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"danger\" position=\"left\">\n    danger <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n</div>\n  `\n};\n\n/**\n * @summary Event handling for toast lifecycle events. Useful for adding custom behavior when toast state changes.\n */\nexport const Events = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Position = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Alignment = {\n  render: () => html`\n<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  `\n};\n\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n\n/**\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.\n * @tags test-case\n * @deprecated\n */\nexport const LegacyBehaviorTrigger = {\n  render: () => html`\n<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`\n};\n\n/**\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.\n * @tags test-case\n */\nexport const ShadowRoot = {\n  render: () => html`\n<toast-test-shadow-root></toast-test-shadow-root>\n<script type=\"module\">\n  customElements.define('toast-test-shadow-root', class ToastTestShadowRoot extends HTMLElement {\n    constructor() {\n      super();\n      this._shadow = this.attachShadow({mode: 'open'});\n\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\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\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\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\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</script>\n  `\n};\n\n/**\n * @summary Body anchor positioning for toast.\n * @tags test-case\n */\nexport const BodyAnchor = {\n  render: () => html`\n<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\">•︎•︎•︎•︎•︎•︎</nve-toast>\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\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: red; margin-left: -250px\" anchor=\"body\" position=\"right\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\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\">•︎•︎•︎•︎•︎•︎</nve-toast>\n  `\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/toast/toast.js

@@ -1,6 +1,5 @@
-//#region src/toast/toast.css?inline
+// src/toast/toast.css?inline
 var e = ":host{--nve-sys-layer-popover-arrow-padding: 0px;--nve-sys-layer-popover-arrow-offset: 0px;--nve-sys-layer-popover-offset: var(--nve-ref-space-md);--nve-sys-interaction-color: var(--color);--padding: var(--nve-ref-size-200) var(--nve-ref-size-400);--justify-content: initial;--background: var(--nve-sys-layer-popover-background);--border-radius: var(--nve-ref-border-radius-md);--border: none;--color: var(--nve-sys-layer-popover-color);--font-size: var(--nve-ref-font-size-200);--font-weight: var(--nve-ref-font-weight-medium);--box-shadow: var(--nve-ref-shadow-100);--gap: var(--nve-ref-space-xs);--_gap: var(--gap);height:fit-content}[internal-host]{background:var(--background);font-size:var(--font-size);font-weight:var(--font-weight);gap:var(--gap);color:var(--color);padding:var(--padding);border-radius:var(--border-radius);border:var(--border);display:flex;flex-direction:row;align-items:center;justify-content:var(--justify-content)}[internal-host]:has(nve-icon-button){padding-inline-end:var(--nve-ref-size-800)}:host([status=\"accent\"]){--background: var(--nve-sys-support-accent-color)}:host([status=\"success\"]){--background: var(--nve-sys-support-success-color);--color: var(--nve-sys-text-white-color)}:host([status=\"warning\"]){--background: var(--nve-sys-support-warning-color);--color: var(--nve-sys-text-black-color)}:host([status=\"danger\"]){--background: var(--nve-sys-support-danger-color);--color: var(--nve-sys-text-white-color)}:host([prominence=\"muted\"]:not([status])){--background: var(--nve-sys-support-muted-color);--color: var(--nve-sys-layer-popover-background)}nve-icon{--color: inherit}nve-icon-button{--color: inherit;position:absolute;inset-block-start:var(--nve-ref-size-50);inset-inline-end:var(--nve-ref-size-50)}::slotted(nve-button[container=\"flat\"]),::slotted(nve-button[container=\"inline\"]){--color: inherit;margin-inline:calc(var(--_gap) * 2) calc(var(--_gap) / -2)}::slotted([nve-text]){color:inherit!important}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=toast.js.map

package/dist/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../src/toast/toast.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-layer-popover-arrow-padding: 0px;\n  --nve-sys-layer-popover-arrow-offset: 0px;\n  --nve-sys-layer-popover-offset: var(--nve-ref-space-md);\n  --nve-sys-interaction-color: var(--color);\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-400);\n  --justify-content: initial;\n  --background: var(--nve-sys-layer-popover-background);\n  --border-radius: var(--nve-ref-border-radius-md);\n  --border: none;\n  --color: var(--nve-sys-layer-popover-color);\n  --font-size: var(--nve-ref-font-size-200);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --box-shadow: var(--nve-ref-shadow-100);\n  --gap: var(--nve-ref-space-xs);\n  --_gap: var(--gap);\n  height: fit-content;\n}\n\n[internal-host] {\n  background: var(--background);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  gap: var(--gap);\n  color: var(--color);\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  border: var(--border);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: var(--justify-content);\n}\n\n[internal-host]:has(nve-icon-button) {\n  padding-inline-end: var(--nve-ref-size-800);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n}\n\n:host([status='success']) {\n  --background: var(--nve-sys-support-success-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([status='warning']) {\n  --background: var(--nve-sys-support-warning-color);\n  --color: var(--nve-sys-text-black-color);\n}\n\n:host([status='danger']) {\n  --background: var(--nve-sys-support-danger-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([prominence='muted']:not([status])) {\n  --background: var(--nve-sys-support-muted-color);\n  --color: var(--nve-sys-layer-popover-background);\n}\n\nnve-icon {\n  --color: inherit;\n}\n\nnve-icon-button {\n  --color: inherit;\n  position: absolute;\n  inset-block-start: var(--nve-ref-size-50);\n  inset-inline-end: var(--nve-ref-size-50);\n}\n\n::slotted(nve-button[container='flat']),\n::slotted(nve-button[container='inline']) {\n  --color: inherit;\n  margin-inline: calc(var(--_gap) * 2) calc(var(--_gap) / -2);\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n"],"mappings":""}
+{"version":3,"file":"toast.js","names":["toast_default"],"sources":["../../src/toast/toast.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-layer-popover-arrow-padding: 0px;\n  --nve-sys-layer-popover-arrow-offset: 0px;\n  --nve-sys-layer-popover-offset: var(--nve-ref-space-md);\n  --nve-sys-interaction-color: var(--color);\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-400);\n  --justify-content: initial;\n  --background: var(--nve-sys-layer-popover-background);\n  --border-radius: var(--nve-ref-border-radius-md);\n  --border: none;\n  --color: var(--nve-sys-layer-popover-color);\n  --font-size: var(--nve-ref-font-size-200);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --box-shadow: var(--nve-ref-shadow-100);\n  --gap: var(--nve-ref-space-xs);\n  --_gap: var(--gap);\n  height: fit-content;\n}\n\n[internal-host] {\n  background: var(--background);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  gap: var(--gap);\n  color: var(--color);\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  border: var(--border);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: var(--justify-content);\n}\n\n[internal-host]:has(nve-icon-button) {\n  padding-inline-end: var(--nve-ref-size-800);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n}\n\n:host([status='success']) {\n  --background: var(--nve-sys-support-success-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([status='warning']) {\n  --background: var(--nve-sys-support-warning-color);\n  --color: var(--nve-sys-text-black-color);\n}\n\n:host([status='danger']) {\n  --background: var(--nve-sys-support-danger-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([prominence='muted']:not([status])) {\n  --background: var(--nve-sys-support-muted-color);\n  --color: var(--nve-sys-layer-popover-background);\n}\n\nnve-icon {\n  --color: inherit;\n}\n\nnve-icon-button {\n  --color: inherit;\n  position: absolute;\n  inset-block-start: var(--nve-ref-size-50);\n  inset-inline-end: var(--nve-ref-size-50);\n}\n\n::slotted(nve-button[container='flat']),\n::slotted(nve-button[container='inline']) {\n  --color: inherit;\n  margin-inline: calc(var(--_gap) * 2) calc(var(--_gap) / -2);\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n"],"mappings":""}

package/dist/toast/toast2.js

@@ -5,14 +5,14 @@ import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
 import { useStyles as i } from "../internal/styles/index.js";
 import { popoverStyles as a } from "../internal/styles/popover2.js";
 import { statusIcons as o } from "../internal/types/index.js";
-import s from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import s from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { Icon as c } from "../icon/icon2.js";
 import { IconButton as l } from "../icon-button/icon-button2.js";
 import u from "./toast.js";
 import { LitElement as d, html as f, nothing as p } from "lit";
 import { property as m } from "lit/decorators/property.js";
 import { I18nController as h } from "@nvidia-elements/foundations/internal/i18n";
-//#region src/toast/toast.ts
+// src/toast/toast.ts
 var g = {
 	close: "close",
 	danger: "danger",
@@ -29,7 +29,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-toast",
-			version: "2.20.0"
+			version: "2.20.2"
 		};
 	}
 	static {
@@ -66,7 +66,6 @@ s([m({ type: String })], _.prototype, "anchor", void 0), s([m({ type: String })]
 	type: String,
 	reflect: !0
 })], _.prototype, "status", void 0), s([m({ type: Object })], _.prototype, "i18n", void 0), _ = s([r(), e({ excessiveInstanceLimit: 50 })], _);
-//#endregion
 export { _ as Toast };
 
 //# sourceMappingURL=toast2.js.map

package/dist/toast/toast2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast2.js","names":[],"sources":["../../src/toast/toast.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  scopedRegistry,\n  statusIcons,\n  TypeNativePopoverController,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Icon, type IconName } from '@nvidia-elements/core/icon';\nimport styles from './toast.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  danger: 'danger',\n  information: 'information',\n  success: 'success',\n  warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-toast\n * @description A contextual popup that displays a status. Toasts are [triggered](https://w3c.github.io/aria/#tooltip) by clicking, focusing, or tapping an element and cannot have interactive elements within them.\n * @documentation https://nvidia.github.io/elements/docs/elements/toast/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/toast\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the toast opens.\n * @event close - Dispatched when the toast closes.\n * @slot - The message communicated by the toast.\n * @slot prefix - custom status icon slot\n * @cssprop --padding\n * @cssprop --justify-content\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --box-shadow\n * @cssprop --gap\n * @csspart prefix-icon - The prefix icon slot\n * @csspart icon-button - The close icon button element\n * @cssprop --animation-duration - Duration of toast open/close animations\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\n@scopedRegistry()\n@audit({ excessiveInstanceLimit })\nexport class Toast extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toast',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [Icon.metadata.tag]: Icon\n  };\n\n  /**\n   * (optional) By default the popover automatically anchors itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n  /**\n   * Sets the visual prominence of the toast.\n   */\n  @property({ type: String, reflect: true }) prominence: 'muted';\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * Determines if a close button should render within toast.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * A delayed `close` event occurs after the provided millisecond value elapses.\n   */\n  @property({ type: Number, attribute: 'close-timeout' }) closeTimeout = 0;\n\n  /**\n   * Visual treatment to represent a support status.\n   */\n  @property({ type: String, reflect: true }) status: SupportStatus;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Updates internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  readonly popoverType: PopoverType = 'manual';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Toast>(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"><nve-icon part=\"prefix-icon\" .name=${statusIcons[this.status] as IconName} .ariaLabel=${(this.i18n as Record<string, string>)[this.status] ?? this.i18n.information}></nve-icon></slot>\n        ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${this.hidePopover} icon-name=\"cancel\" container=\"flat\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : nothing}\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'alert';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAM,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GA+Ba,IAAN,cAAoB,EAAW;;EAwEI,aA3C+B,KAAA,WAAA,OAqB/B,KAAA,WAAA,IAK+B,KAAA,eAAA,GAO/B,KAAA,KAAA,IAAI,EAAqB,MAAM,CAAY,GAKhD,KAAA,OAAA,KAAK,GAAgB,MAGpB,KAAA,cAAA,UAEI,KAAA,8BAAA,IAAI,EAAmC,IAAI;;;EAvEnE,KAAA,SAAA,EAAU,CAAC,GAAe,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzB,EAAW,SAAS,MAAM;IAC1B,EAAK,SAAS,MAAM;EACvB;;CAmDA;CAeA,SAAS;EACP,OAAO,CAAI,8EAEkD,EAAY,KAAK,QAAoB,gBAAe,KAAK,KAAgC,KAAK,WAAW,KAAK,KAAK,YAAY,sBACtL,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,oDAAkD,KAAK,KAAK,MAAM,wBAAuB,EAAQ;CAIhO;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AA3EG,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,GAMxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxE,EAAA,CAAA,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1B,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAgB,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GAKrD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAOxC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GArE3B,IAAA,EAAA,CAAA,EAAe,GACf,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAA,CAAA"}
+{"version":3,"file":"toast2.js","names":["styles","_decorate","__decorate","toast_default","i18nDefaults","Toast","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","useStyles","popoverStyles","IconButton","Icon","statusIcons","nothing","attachInternals","property","scopedRegistry","audit"],"sources":["../../src/toast/toast.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  scopedRegistry,\n  statusIcons,\n  TypeNativePopoverController,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Icon, type IconName } from '@nvidia-elements/core/icon';\nimport styles from './toast.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  danger: 'danger',\n  information: 'information',\n  success: 'success',\n  warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-toast\n * @description A contextual popup that displays a status. Toasts are [triggered](https://w3c.github.io/aria/#tooltip) by clicking, focusing, or tapping an element and cannot have interactive elements within them.\n * @documentation https://nvidia.github.io/elements/docs/elements/toast/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/toast\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the toast opens.\n * @event close - Dispatched when the toast closes.\n * @slot - The message communicated by the toast.\n * @slot prefix - custom status icon slot\n * @cssprop --padding\n * @cssprop --justify-content\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --box-shadow\n * @cssprop --gap\n * @csspart prefix-icon - The prefix icon slot\n * @csspart icon-button - The close icon button element\n * @cssprop --animation-duration - Duration of toast open/close animations\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\n@scopedRegistry()\n@audit({ excessiveInstanceLimit })\nexport class Toast extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toast',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [Icon.metadata.tag]: Icon\n  };\n\n  /**\n   * (optional) By default the popover automatically anchors itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n  /**\n   * Sets the visual prominence of the toast.\n   */\n  @property({ type: String, reflect: true }) prominence: 'muted';\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * Determines if a close button should render within toast.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * A delayed `close` event occurs after the provided millisecond value elapses.\n   */\n  @property({ type: Number, attribute: 'close-timeout' }) closeTimeout = 0;\n\n  /**\n   * Visual treatment to represent a support status.\n   */\n  @property({ type: String, reflect: true }) status: SupportStatus;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Updates internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  readonly popoverType: PopoverType = 'manual';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Toast>(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"><nve-icon part=\"prefix-icon\" .name=${statusIcons[this.status] as IconName} .ariaLabel=${(this.i18n as Record<string, string>)[this.status] ?? this.i18n.information}></nve-icon></slot>\n        ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${this.hidePopover} icon-name=\"cancel\" container=\"flat\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : nothing}\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'alert';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAMI,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GA+BaC,IAAN,cAAoBC,EAAW;;EAwEI,A,aA3C+B,KAAA,WAAA,OAqB/B,KAAA,WAAA,IAK+B,KAAA,eAAA,GAO/B,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAGpB,KAAA,cAAA,UAEI,KAAA,8BAAA,IAAIE,EAAmC,IAAI;;;EAvEnE,KAAA,SAAAC,EAAU,CAACC,GAAeZ,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBa,EAAW,SAAS,MAAMA;IAC1BC,EAAK,SAAS,MAAMA;EACvB;;CAmDA;CAeA,SAAS;EACP,OAAO,CAAI,8EAEkDC,EAAY,KAAK,QAAoB,gBAAe,KAAK,KAAgC,KAAK,WAAW,KAAK,KAAK,YAAY,sBACtL,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,oDAAkD,KAAK,KAAK,MAAM,wBAAuBC,EAAQ;CAIhO;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AA3EGhB,EAAA,CAAAiB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAb,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAb,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxCJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,cAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAb,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAb,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAgB,CAAC,CAAA,GAAAb,EAAA,WAAA,gBAAA,KAAA,CAAA,GAKrDJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,UAAA,KAAA,CAAA,GAOxCJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAb,EAAA,WAAA,QAAA,KAAA,CAAA,GArE3B,IAAAJ,EAAA,CAAAkB,EAAe,GACfC,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAf,CAAA"}

package/dist/toggletip/define.js

@@ -3,6 +3,5 @@ import { ToggletipFooter as t } from "./toggletip-footer2.js";
 import { ToggletipHeader as n } from "./toggletip-header2.js";
 import { define as r } from "@nvidia-elements/foundations/internal/define";
 r(e), r(t), r(n);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/toggletip/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/toggletip/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Toggletip, ToggletipHeader, ToggletipFooter } from '@nvidia-elements/core/toggletip';\n\ndefine(Toggletip);\ndefine(ToggletipFooter);\ndefine(ToggletipHeader);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-toggletip': Toggletip;\n    'nve-toggletip-footer': ToggletipFooter;\n    'nve-toggletip-header': ToggletipHeader;\n  }\n}\n"],"mappings":";;;;AAMA,EAAO,CAAS,GAChB,EAAO,CAAe,GACtB,EAAO,CAAe"}
+{"version":3,"file":"define.js","names":["define","Toggletip","ToggletipFooter","ToggletipHeader"],"sources":["../../src/toggletip/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Toggletip, ToggletipHeader, ToggletipFooter } from '@nvidia-elements/core/toggletip';\n\ndefine(Toggletip);\ndefine(ToggletipFooter);\ndefine(ToggletipHeader);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-toggletip': Toggletip;\n    'nve-toggletip-footer': ToggletipFooter;\n    'nve-toggletip-header': ToggletipHeader;\n  }\n}\n"],"mappings":";;;;AAMAA,EAAOC,CAAS,GAChBD,EAAOE,CAAe,GACtBF,EAAOG,CAAe"}

package/dist/toggletip/toggletip-footer.js

@@ -1,6 +1,5 @@
-//#region src/toggletip/toggletip-footer.css?inline
+// src/toggletip/toggletip-footer.css?inline
 var e = ":host{--border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);--padding: var(--nve-ref-size-400);--gap: var(--nve-ref-space-sm);display:block;width:calc(100% + calc(var(--padding) * 2));margin:var(--padding) calc(var(--padding) * -1) 0 calc(var(--padding) * -1)}[internal-host]{color:var(--color);border-top:var(--border-top);padding:var(--padding) var(--padding) 0 var(--padding);display:flex;justify-content:start;gap:var(--gap)}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=toggletip-footer.js.map

package/dist/toggletip/toggletip-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip-footer.js","names":[],"sources":["../../src/toggletip/toggletip-footer.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --padding: var(--nve-ref-size-400);\n  --gap: var(--nve-ref-space-sm);\n  display: block;\n  width: calc(100% + calc(var(--padding) * 2));\n  margin: var(--padding) calc(var(--padding) * -1) 0 calc(var(--padding) * -1);\n}\n\n[internal-host] {\n  color: var(--color);\n  border-top: var(--border-top);\n  padding: var(--padding) var(--padding) 0 var(--padding);\n  display: flex;\n  justify-content: start;\n  gap: var(--gap);\n}\n"],"mappings":""}
+{"version":3,"file":"toggletip-footer.js","names":["toggletip_footer_default"],"sources":["../../src/toggletip/toggletip-footer.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --padding: var(--nve-ref-size-400);\n  --gap: var(--nve-ref-space-sm);\n  display: block;\n  width: calc(100% + calc(var(--padding) * 2));\n  margin: var(--padding) calc(var(--padding) * -1) 0 calc(var(--padding) * -1);\n}\n\n[internal-host] {\n  color: var(--color);\n  border-top: var(--border-top);\n  padding: var(--padding) var(--padding) 0 var(--padding);\n  display: flex;\n  justify-content: start;\n  gap: var(--gap);\n}\n"],"mappings":""}

package/dist/toggletip/toggletip-footer2.js

@@ -1,7 +1,7 @@
 import { useStyles as e } from "../internal/styles/index.js";
 import t from "./toggletip-footer.js";
 import { LitElement as n, html as r } from "lit";
-//#region src/toggletip/toggletip-footer.ts
+// src/toggletip/toggletip-footer.ts
 var i = class extends n {
 	static {
 		this.styles = e([t]);
@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-footer",
-			version: "2.20.0",
+			version: "2.20.2",
 			parents: ["nve-toggletip"]
 		};
 	}
@@ -20,7 +20,6 @@ var i = class extends n {
 		super.connectedCallback(), this.slot = "footer";
 	}
 };
-//#endregion
 export { i as ToggletipFooter };
 
 //# sourceMappingURL=toggletip-footer2.js.map

package/dist/toggletip/toggletip-footer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip-footer2.js","names":[],"sources":["../../src/toggletip/toggletip-footer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './toggletip-footer.css?inline';\n\n/**\n * @element nve-toggletip-footer\n * @description Provides a designated area at the bottom of a toggletip for actions or supplementary information.\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @slot - default slot for the toggletip footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\nexport class ToggletipFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip-footer',\n    version: '0.0.0',\n    parents: ['nve-toggletip']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.slot = 'footer';\n  }\n}\n"],"mappings":";;;;AAmBA,IAAa,IAAb,cAAqC,EAAW;;EAC9B,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;EAC3B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"toggletip-footer2.js","names":["styles","toggletip_footer_default","ToggletipFooter","LitElement","useStyles"],"sources":["../../src/toggletip/toggletip-footer.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './toggletip-footer.css?inline';\n\n/**\n * @element nve-toggletip-footer\n * @description Provides a designated area at the bottom of a toggletip for actions or supplementary information.\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @slot - default slot for the toggletip footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\nexport class ToggletipFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip-footer',\n    version: '0.0.0',\n    parents: ['nve-toggletip']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.slot = 'footer';\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAAqCC,EAAW;;EAC9B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;EAC3B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/toggletip/toggletip-header.js

@@ -1,6 +1,5 @@
-//#region src/toggletip/toggletip-header.css?inline
+// src/toggletip/toggletip-header.css?inline
 var e = ":host{margin:0 calc(var(--padding) * -1) var(--padding) calc(var(--padding) * -1);--border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);--padding: var(--nve-ref-size-400);width:calc(100% + calc(var(--padding) * 2))}[internal-host]{color:var(--color);padding:0 var(--padding) var(--padding) var(--padding);border-bottom:var(--border-bottom)}::slotted(nve-alert-group){margin:calc(var(--nve-ref-size-400) * -1);width:calc(100% + var(--nve-ref-size-800));--border-radius: var(--nve-ref-border-radius-md) var(--nve-ref-border-radius-md) 0 0;--padding: var(--nve-ref-size-200) var(--nve-ref-size-1000) var(--nve-ref-size-200) var(--nve-ref-size-300)}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=toggletip-header.js.map

package/dist/toggletip/toggletip-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip-header.js","names":[],"sources":["../../src/toggletip/toggletip-header.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  margin: 0 calc(var(--padding) * -1) var(--padding) calc(var(--padding) * -1);\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --padding: var(--nve-ref-size-400);\n  width: calc(100% + calc(var(--padding) * 2));\n}\n\n[internal-host] {\n  color: var(--color);\n  padding: 0 var(--padding) var(--padding) var(--padding);\n  border-bottom: var(--border-bottom);\n}\n\n::slotted(nve-alert-group) {\n  margin: calc(var(--nve-ref-size-400) * -1);\n  width: calc(100% + var(--nve-ref-size-800));\n  --border-radius: var(--nve-ref-border-radius-md) var(--nve-ref-border-radius-md) 0 0;\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-1000) var(--nve-ref-size-200) var(--nve-ref-size-300);\n}\n"],"mappings":""}
+{"version":3,"file":"toggletip-header.js","names":["toggletip_header_default"],"sources":["../../src/toggletip/toggletip-header.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  margin: 0 calc(var(--padding) * -1) var(--padding) calc(var(--padding) * -1);\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --padding: var(--nve-ref-size-400);\n  width: calc(100% + calc(var(--padding) * 2));\n}\n\n[internal-host] {\n  color: var(--color);\n  padding: 0 var(--padding) var(--padding) var(--padding);\n  border-bottom: var(--border-bottom);\n}\n\n::slotted(nve-alert-group) {\n  margin: calc(var(--nve-ref-size-400) * -1);\n  width: calc(100% + var(--nve-ref-size-800));\n  --border-radius: var(--nve-ref-border-radius-md) var(--nve-ref-border-radius-md) 0 0;\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-1000) var(--nve-ref-size-200) var(--nve-ref-size-300);\n}\n"],"mappings":""}

package/dist/toggletip/toggletip-header2.js

@@ -1,7 +1,7 @@
 import { useStyles as e } from "../internal/styles/index.js";
 import t from "./toggletip-header.js";
 import { LitElement as n, html as r } from "lit";
-//#region src/toggletip/toggletip-header.ts
+// src/toggletip/toggletip-header.ts
 var i = class extends n {
 	static {
 		this.styles = e([t]);
@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-header",
-			version: "2.20.0",
+			version: "2.20.2",
 			parents: ["nve-toggletip"]
 		};
 	}
@@ -20,7 +20,6 @@ var i = class extends n {
 		super.connectedCallback(), this.slot = "header";
 	}
 };
-//#endregion
 export { i as ToggletipHeader };
 
 //# sourceMappingURL=toggletip-header2.js.map

package/dist/toggletip/toggletip-header2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip-header2.js","names":[],"sources":["../../src/toggletip/toggletip-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './toggletip-header.css?inline';\n\n/**\n * @element nve-toggletip-header\n * @description Displays a title or contextual label at the top of a toggletip to categorize its contents.\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @slot - default slot for the toggletip header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @cssprop --border-radius\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\nexport class ToggletipHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip-header',\n    version: '0.0.0',\n    parents: ['nve-toggletip']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.slot = 'header';\n  }\n}\n"],"mappings":";;;;AAmBA,IAAa,IAAb,cAAqC,EAAW;;EAC9B,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;EAC3B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"toggletip-header2.js","names":["styles","toggletip_header_default","ToggletipHeader","LitElement","useStyles"],"sources":["../../src/toggletip/toggletip-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './toggletip-header.css?inline';\n\n/**\n * @element nve-toggletip-header\n * @description Displays a title or contextual label at the top of a toggletip to categorize its contents.\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @slot - default slot for the toggletip header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @cssprop --border-radius\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\nexport class ToggletipHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip-header',\n    version: '0.0.0',\n    parents: ['nve-toggletip']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.slot = 'header';\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAAqCC,EAAW;;EAC9B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;EAC3B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/toggletip/toggletip.examples.js

@@ -1,6 +1,5 @@
-//#region src/toggletip/toggletip.examples.ts
+// src/toggletip/toggletip.examples.ts
 var e = "";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=toggletip.examples.js.map

package/dist/toggletip/toggletip.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.examples.js","names":[],"sources":["../../src/toggletip/toggletip.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/forms/define.js';\nimport '@nvidia-elements/core/search/define.js';\nimport '@nvidia-elements/core/alert/define.js';\nimport '@nvidia-elements/core/toggletip/define.js';\nimport '@nvidia-elements/core/radio/define.js';\nimport '@nvidia-elements/core/checkbox/define.js';\nimport '@nvidia-elements/core/icon/define.js';\n\nexport default {\n  title: 'Elements/Toggletip',\n  component: 'nve-toggletip',\n  parameters: {\n    layout: 'centered'\n  }\n};\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\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.\n */\nexport const Default = {\n  render: () => html`\n<nve-toggletip id=\"toggletip\">hello there</nve-toggletip>\n<nve-button popovertarget=\"toggletip\">button</nve-button>\n`\n};\n\n/**\n * @summary Visual example using anchor attribute for explicit trigger-target relationship and consistent toggletip implementation across your application.\n * @tags test-case\n */\nexport const Visual = {\n  render: () => html`\n<nve-toggletip anchor=\"toggletip-btn\">hello there</nve-toggletip>\n<nve-button id=\"toggletip-btn\">button</nve-button>\n`\n};\n\n/**\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.\n */\nexport const Content = {\n  render: () => html`\n<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\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\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.\n */\nexport const ContentWithFooter = {\n  render: () => html`\n<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\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\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.\n * @tags test-case\n */\nexport const ContentWithHeader = {\n  render: () => html`\n<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\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\n * @summary Event handling for toggletip lifecycle events. Useful for adding custom behavior when toggletip state changes.\n */\nexport const Events = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Closable = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const AlertGroup = {\n  inline: false,\n  render: () => html`\n<nve-toggletip id=\"toggletip-alert-group\" closable>\n  <nve-toggletip-header>\n    <nve-alert-group status=\"danger\" prominence=\"emphasis\">\n      <nve-alert>Workflow Timeout</nve-alert>\n    </nve-alert-group>\n  </nve-toggletip-header>\n  <p nve-text=\"body\">The training process has timed out. Please try again.</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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Position = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Alignment = {\n  render: () => html`\n<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\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\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\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\n<nve-card id=\"card\" style=\"width: 400px; height: 200px;\"></nve-card>\n  `\n};\n\n/**\n * @summary Toggletip anchored to elements across shadow DOM boundaries.\n * @tags test-case\n */\nexport const CrossShadowRootAnchorPosition = {\n  render: () => html`\n<nve-button popovertarget=\"root-toggletip\">document root anchor</nve-button>\n<nve-toggletip id=\"root-toggletip\">document root toggletip</nve-toggletip>\n\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  `\n};\n\n/**\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.\n * @tags test-case\n * @deprecated\n */\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes -- legacy behavior-trigger example intentionally covers deprecated popover attributes. */\nexport const LegacyBehaviorTrigger = {\n  render: () => html`\n<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  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"toggletip.examples.js","names":["toggletip_examples_default"],"sources":["../../src/toggletip/toggletip.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/forms/define.js';\nimport '@nvidia-elements/core/search/define.js';\nimport '@nvidia-elements/core/alert/define.js';\nimport '@nvidia-elements/core/toggletip/define.js';\nimport '@nvidia-elements/core/radio/define.js';\nimport '@nvidia-elements/core/checkbox/define.js';\nimport '@nvidia-elements/core/icon/define.js';\n\nexport default {\n  title: 'Elements/Toggletip',\n  component: 'nve-toggletip',\n  parameters: {\n    layout: 'centered'\n  }\n};\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\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.\n */\nexport const Default = {\n  render: () => html`\n<nve-toggletip id=\"toggletip\">hello there</nve-toggletip>\n<nve-button popovertarget=\"toggletip\">button</nve-button>\n`\n};\n\n/**\n * @summary Visual example using anchor attribute for explicit trigger-target relationship and consistent toggletip implementation across your application.\n * @tags test-case\n */\nexport const Visual = {\n  render: () => html`\n<nve-toggletip anchor=\"toggletip-btn\">hello there</nve-toggletip>\n<nve-button id=\"toggletip-btn\">button</nve-button>\n`\n};\n\n/**\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.\n */\nexport const Content = {\n  render: () => html`\n<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\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\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.\n */\nexport const ContentWithFooter = {\n  render: () => html`\n<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\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\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.\n * @tags test-case\n */\nexport const ContentWithHeader = {\n  render: () => html`\n<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\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\n * @summary Event handling for toggletip lifecycle events. Useful for adding custom behavior when toggletip state changes.\n */\nexport const Events = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Closable = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const AlertGroup = {\n  inline: false,\n  render: () => html`\n<nve-toggletip id=\"toggletip-alert-group\" closable>\n  <nve-toggletip-header>\n    <nve-alert-group status=\"danger\" prominence=\"emphasis\">\n      <nve-alert>Workflow Timeout</nve-alert>\n    </nve-alert-group>\n  </nve-toggletip-header>\n  <p nve-text=\"body\">The training process has timed out. Please try again.</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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Position = {\n  render: () => html`\n<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  `\n};\n\n/**\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.\n * @tags test-case\n */\nexport const Alignment = {\n  render: () => html`\n<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\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\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\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\n<nve-card id=\"card\" style=\"width: 400px; height: 200px;\"></nve-card>\n  `\n};\n\n/**\n * @summary Toggletip anchored to elements across shadow DOM boundaries.\n * @tags test-case\n */\nexport const CrossShadowRootAnchorPosition = {\n  render: () => html`\n<nve-button popovertarget=\"root-toggletip\">document root anchor</nve-button>\n<nve-toggletip id=\"root-toggletip\">document root toggletip</nve-toggletip>\n\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  `\n};\n\n/**\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.\n * @tags test-case\n * @deprecated\n */\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes -- legacy behavior-trigger example intentionally covers deprecated popover attributes. */\nexport const LegacyBehaviorTrigger = {\n  render: () => html`\n<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  `\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/toggletip/toggletip.global.js

@@ -1,6 +1,5 @@
-//#region src/toggletip/toggletip.global.css?inline
+// src/toggletip/toggletip.global.css?inline
 var e = "nve-toggletip:not(:has([slot=footer])):has([slot=header])::part(_content){margin-block-end:calc(var(--padding) * .5)}nve-toggletip:not(:has([slot=header])):has([slot=footer])::part(_content){margin-block-start:calc(var(--padding) * .5)}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=toggletip.global.js.map

package/dist/toggletip/toggletip.global.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.global.js","names":[],"sources":["../../src/toggletip/toggletip.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-toggletip:not(:has([slot='footer'])):has([slot='header'])::part(_content) {\n  margin-block-end: calc(var(--padding) * 0.5);\n}\n\nnve-toggletip:not(:has([slot='header'])):has([slot='footer'])::part(_content) {\n  margin-block-start: calc(var(--padding) * 0.5);\n}\n"],"mappings":""}
+{"version":3,"file":"toggletip.global.js","names":["toggletip_global_default"],"sources":["../../src/toggletip/toggletip.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-toggletip:not(:has([slot='footer'])):has([slot='header'])::part(_content) {\n  margin-block-end: calc(var(--padding) * 0.5);\n}\n\nnve-toggletip:not(:has([slot='header'])):has([slot='footer'])::part(_content) {\n  margin-block-start: calc(var(--padding) * 0.5);\n}\n"],"mappings":""}

package/dist/toggletip/toggletip.js

@@ -1,6 +1,5 @@
-//#region src/toggletip/toggletip.css?inline
+// src/toggletip/toggletip.css?inline
 var e = ":host{--nve-sys-interaction-background: var(--nve-sys-interaction-background-300);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-300);--nve-sys-layer-popover-arrow-padding: 6px;--nve-sys-layer-popover-arrow-offset: 2px;--nve-sys-layer-popover-offset: 2px;--arrow-transform: translate(0, -2px) rotate(-45deg);--border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);--border-radius: var(--nve-ref-border-radius-md);--background: var(--nve-sys-layer-overlay-background);--color: var(--nve-sys-layer-overlay-color);--font-size: var(--nve-ref-font-size-100);--font-weight: var(--nve-ref-font-weight-regular);--padding: var(--nve-ref-size-400);--box-shadow: var(--nve-ref-shadow-400);--width: fit-content;--min-width: fit-content;--gap: var(--nve-ref-space-sm);--_divider-padding: var(--padding)}[internal-host]{padding:var(--padding);border-radius:var(--border-radius);border:var(--border);background:var(--background);color:var(--color);gap:var(--nve-ref-space-sm);width:var(--width);min-width:var(--min-width);outline:0;font-size:var(--font-size);font-weight:var(--font-weight);box-shadow:var(--box-shadow)}[internal-host]::backdrop{background:transparent}nve-icon-button{position:absolute;top:var(--nve-ref-size-200);right:var(--nve-ref-size-200);z-index:99}.arrow{width:var(--nve-ref-size-300);height:var(--nve-ref-size-300);background:var(--background);transform:var(--arrow-transform);border-radius:var(--nve-ref-size-50);position:absolute}:host([position*=\"top\"]){--arrow-transform: translate(0, -2px) rotate(-45deg)}:host([position*=\"right\"]){--arrow-transform: translate(2px, 0) rotate(45deg)}:host([position*=\"bottom\"]){--arrow-transform: translate(0, 2px) rotate(45deg)}:host([position*=\"left\"]){--arrow-transform: translate(-2px, 0) rotate(45deg)}::slotted(nve-menu){--width: 100%}::slotted(nve-divider){margin:0 calc(-1 * var(--_divider-padding))}#content{margin:calc(var(--padding) * -.5) 0}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=toggletip.js.map

package/dist/toggletip/toggletip.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.js","names":[],"sources":["../../src/toggletip/toggletip.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-300);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-300);\n  --nve-sys-layer-popover-arrow-padding: 6px;\n  --nve-sys-layer-popover-arrow-offset: 2px;\n  --nve-sys-layer-popover-offset: 2px;\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n  --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --border-radius: var(--nve-ref-border-radius-md);\n  --background: var(--nve-sys-layer-overlay-background);\n  --color: var(--nve-sys-layer-overlay-color);\n  --font-size: var(--nve-ref-font-size-100);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --padding: var(--nve-ref-size-400);\n  --box-shadow: var(--nve-ref-shadow-400);\n  --width: fit-content;\n  --min-width: fit-content;\n  --gap: var(--nve-ref-space-sm);\n  --_divider-padding: var(--padding);\n}\n\n[internal-host] {\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  border: var(--border);\n  background: var(--background);\n  color: var(--color);\n  gap: var(--nve-ref-space-sm);\n  width: var(--width);\n  min-width: var(--min-width);\n  outline: 0;\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  box-shadow: var(--box-shadow);\n}\n\n[internal-host]::backdrop {\n  background: transparent;\n}\n\nnve-icon-button {\n  position: absolute;\n  top: var(--nve-ref-size-200);\n  right: var(--nve-ref-size-200);\n  z-index: 99;\n}\n\n.arrow {\n  width: var(--nve-ref-size-300);\n  height: var(--nve-ref-size-300);\n  background: var(--background);\n  transform: var(--arrow-transform);\n  border-radius: var(--nve-ref-size-50);\n  position: absolute;\n}\n\n:host([position*='top']) {\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n}\n\n:host([position*='right']) {\n  --arrow-transform: translate(2px, 0) rotate(45deg);\n}\n\n:host([position*='bottom']) {\n  --arrow-transform: translate(0, 2px) rotate(45deg);\n}\n\n:host([position*='left']) {\n  --arrow-transform: translate(-2px, 0) rotate(45deg);\n}\n\n::slotted(nve-menu) {\n  --width: 100%;\n}\n\n::slotted(nve-divider) {\n  margin: 0 calc(-1 * var(--_divider-padding));\n}\n\n#content {\n  margin: calc(var(--padding) * -0.5) 0;\n}\n"],"mappings":""}
+{"version":3,"file":"toggletip.js","names":["toggletip_default"],"sources":["../../src/toggletip/toggletip.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-300);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-300);\n  --nve-sys-layer-popover-arrow-padding: 6px;\n  --nve-sys-layer-popover-arrow-offset: 2px;\n  --nve-sys-layer-popover-offset: 2px;\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n  --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --border-radius: var(--nve-ref-border-radius-md);\n  --background: var(--nve-sys-layer-overlay-background);\n  --color: var(--nve-sys-layer-overlay-color);\n  --font-size: var(--nve-ref-font-size-100);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --padding: var(--nve-ref-size-400);\n  --box-shadow: var(--nve-ref-shadow-400);\n  --width: fit-content;\n  --min-width: fit-content;\n  --gap: var(--nve-ref-space-sm);\n  --_divider-padding: var(--padding);\n}\n\n[internal-host] {\n  padding: var(--padding);\n  border-radius: var(--border-radius);\n  border: var(--border);\n  background: var(--background);\n  color: var(--color);\n  gap: var(--nve-ref-space-sm);\n  width: var(--width);\n  min-width: var(--min-width);\n  outline: 0;\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  box-shadow: var(--box-shadow);\n}\n\n[internal-host]::backdrop {\n  background: transparent;\n}\n\nnve-icon-button {\n  position: absolute;\n  top: var(--nve-ref-size-200);\n  right: var(--nve-ref-size-200);\n  z-index: 99;\n}\n\n.arrow {\n  width: var(--nve-ref-size-300);\n  height: var(--nve-ref-size-300);\n  background: var(--background);\n  transform: var(--arrow-transform);\n  border-radius: var(--nve-ref-size-50);\n  position: absolute;\n}\n\n:host([position*='top']) {\n  --arrow-transform: translate(0, -2px) rotate(-45deg);\n}\n\n:host([position*='right']) {\n  --arrow-transform: translate(2px, 0) rotate(45deg);\n}\n\n:host([position*='bottom']) {\n  --arrow-transform: translate(0, 2px) rotate(45deg);\n}\n\n:host([position*='left']) {\n  --arrow-transform: translate(-2px, 0) rotate(45deg);\n}\n\n::slotted(nve-menu) {\n  --width: 100%;\n}\n\n::slotted(nve-divider) {\n  margin: 0 calc(-1 * var(--_divider-padding));\n}\n\n#content {\n  margin: calc(var(--padding) * -0.5) 0;\n}\n"],"mappings":""}

package/dist/toggletip/toggletip2.js

@@ -5,7 +5,7 @@ import { TypeNativePopoverController as r } from "../internal/controllers/type-n
 import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
 import { useStyles as a } from "../internal/styles/index.js";
 import { popoverStyles as o } from "../internal/styles/popover2.js";
-import s from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import s from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { IconButton as c } from "../icon-button/icon-button2.js";
 import l from "./toggletip.js";
 import u from "./toggletip.global.js";
@@ -13,7 +13,7 @@ import { LitElement as d, html as f } from "lit";
 import { property as p } from "lit/decorators/property.js";
 import { I18nController as m } from "@nvidia-elements/foundations/internal/i18n";
 import { query as h } from "lit/decorators/query.js";
-//#region src/toggletip/toggletip.ts
+// src/toggletip/toggletip.ts
 var g = { close: "close" }, _ = class extends d {
 	constructor(...e) {
 		super(...e), this.position = "top", this.alignment = "center", this.closable = !1, this.arrow = !0, this.popoverType = "auto", this.typeNativePopoverController = new r(this), this.#e = new m(this, g), this.i18n = this.#e.i18n;
@@ -24,7 +24,7 @@ var g = { close: "close" }, _ = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip",
-			version: "2.20.0"
+			version: "2.20.2"
 		};
 	}
 	static {
@@ -49,7 +49,6 @@ s([p({ type: String })], _.prototype, "anchor", void 0), s([p({ type: String })]
 	reflect: !0,
 	attribute: "behavior-trigger"
 })], _.prototype, "behaviorTrigger", void 0), s([p({ type: Boolean })], _.prototype, "closable", void 0), s([p({ type: Boolean })], _.prototype, "arrow", void 0), s([h(".arrow")], _.prototype, "popoverArrow", void 0), s([p({ type: Object })], _.prototype, "i18n", void 0), _ = s([i(), e({ excessiveInstanceLimit: 50 })], _);
-//#endregion
 export { _ as Toggletip };
 
 //# sourceMappingURL=toggletip2.js.map

package/dist/toggletip/toggletip2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip2.js","names":[],"sources":["../../src/toggletip/toggletip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  TypeNativePopoverController,\n  useStyles,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './toggletip.css?inline';\nimport globalStyles from './toggletip.global.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-toggletip\n * @description Generic toggletip element for rendering a variety of different interactive content. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the toggletip opens.\n * @event close - Dispatched when the toggletip closes.\n * @slot - default slot for toggletip content\n * @cssprop --arrow-transform\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --box-shadow\n * @cssprop --width\n * @cssprop --min-width\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of toggletip open/close animations\n * @csspart icon-button - The close icon button element\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n *\n */\n@scopedRegistry()\n@audit({ excessiveInstanceLimit })\nexport class Toggletip extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /**\n   * (optional) By default the popover automatically anchors itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   * If an arrow exists the alginment will be relative to the arrow against the anchor.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * Determines if a close button should render within toggletip.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * Determines if the component renders an arrow.\n   */\n  @property({ type: Boolean }) arrow = true;\n\n  /** @private */\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  /** @private */\n  readonly popoverType: PopoverType = 'auto';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Toggletip>(this);\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Updates internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n      <slot name=\"header\"></slot>\n      ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${this.hidePopover} icon-name=\"cancel\" container=\"flat\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n      <div id=\"content\" part=\"_content\">\n        <slot></slot>\n      </div>\n      <slot name=\"footer\"></slot>\n    </div>\n    ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n  `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toggletip';\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,IAAM,IAAe,EACnB,OAAO,QACT,GAiCa,IAAN,cAAwB,EAAW;;EAiEL,aArCoC,KAAA,WAAA,OAMF,KAAA,YAAA,UAW7B,KAAA,WAAA,IAKH,KAAA,QAAA,IAMD,KAAA,cAAA,QAEI,KAAA,8BAAA,IAAI,EAAuC,IAAI,GAE/C,KAAA,KAAA,IAAI,EAAqB,MAAM,CAAY,GAKhD,KAAA,OAAA,KAAK,GAAgB;;;EAhExC,KAAA,SAAA,EAAU,CAAC,GAAe,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAW,SAAS,MAAM,EAC7B;;CAkDA;CAUA,SAAS;EACP,OAAO,CAAI,iDAGP,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG,wFAM/N,KAAK,QAAQ,CAAI,8BAA8B;CAEnD;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,aACvB,EAAoB,MAAM,CAAY;CACxC;AACF;AA1EG,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxE,EAAA,CAAA,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1B,EAAA,CAAA,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAG1B,EAAA,CAAA,EAAM,QAAQ,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GAYd,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAnE3B,IAAA,EAAA,CAAA,EAAe,GACf,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAA,CAAA"}
+{"version":3,"file":"toggletip2.js","names":["styles","globalStyles","_decorate","__decorate","toggletip_default","toggletip_global_default","i18nDefaults","Toggletip","LitElement","_args","TypeNativePopoverController","#i18nController","I18nController","useStyles","popoverStyles","IconButton","attachInternals","appendRootNodeStyle","property","query","scopedRegistry","audit"],"sources":["../../src/toggletip/toggletip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  TypeNativePopoverController,\n  useStyles,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './toggletip.css?inline';\nimport globalStyles from './toggletip.global.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-toggletip\n * @description Generic toggletip element for rendering a variety of different interactive content. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the toggletip opens.\n * @event close - Dispatched when the toggletip closes.\n * @slot - default slot for toggletip content\n * @cssprop --arrow-transform\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --box-shadow\n * @cssprop --width\n * @cssprop --min-width\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of toggletip open/close animations\n * @csspart icon-button - The close icon button element\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n *\n */\n@scopedRegistry()\n@audit({ excessiveInstanceLimit })\nexport class Toggletip extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /**\n   * (optional) By default the popover automatically anchors itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   * If an arrow exists the alginment will be relative to the arrow against the anchor.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * Determines if a close button should render within toggletip.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * Determines if the component renders an arrow.\n   */\n  @property({ type: Boolean }) arrow = true;\n\n  /** @private */\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  /** @private */\n  readonly popoverType: PopoverType = 'auto';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Toggletip>(this);\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Updates internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n      <slot name=\"header\"></slot>\n      ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${this.hidePopover} icon-name=\"cancel\" container=\"flat\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n      <div id=\"content\" part=\"_content\">\n        <slot></slot>\n      </div>\n      <slot name=\"footer\"></slot>\n    </div>\n    ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n  `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toggletip';\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,IAAMM,IAAe,EACnB,OAAO,QACT,GAiCaC,IAAN,cAAwBC,EAAW;;EAiEL,A,aArCoC,KAAA,WAAA,OAMF,KAAA,YAAA,UAW7B,KAAA,WAAA,IAKH,KAAA,QAAA,IAMD,KAAA,cAAA,QAEI,KAAA,8BAAA,IAAIE,EAAuC,IAAI,GAE/C,KAAAC,KAAA,IAAIC,EAAqB,MAAMN,CAAY,GAKhD,KAAA,OAAA,KAAKK,GAAgB;;;EAhExC,KAAA,SAAAE,EAAU,CAACC,GAAed,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBe,EAAW,SAAS,MAAMA,EAC7B;;CAkDA;CAUA,SAAS;EACP,OAAO,CAAI,iDAGP,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG,wFAM/N,KAAK,QAAQ,CAAI,8BAA8B;CAEnD;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,aACvBC,EAAoB,MAAMhB,CAAY;CACxC;AACF;AA1EGC,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAX,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,SAAA,KAAA,CAAA,GAG1BL,EAAA,CAAAiB,EAAM,QAAQ,CAAA,GAAAZ,EAAA,WAAA,gBAAA,KAAA,CAAA,GAYdL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,QAAA,KAAA,CAAA,GAnE3B,IAAAL,EAAA,CAAAkB,EAAe,GACfC,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAd,CAAA"}

package/dist/toolbar/define.js

@@ -1,7 +1,6 @@
 import { Toolbar as e } from "./toolbar2.js";
 import { define as t } from "@nvidia-elements/foundations/internal/define";
-//#region src/toolbar/define.ts
+// src/toolbar/define.ts
 t(e);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/toolbar/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/toolbar/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Toolbar } from '@nvidia-elements/core/toolbar';\n\ndefine(Toolbar);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-toolbar': Toolbar;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAO"}
+{"version":3,"file":"define.js","names":["define","Toolbar"],"sources":["../../src/toolbar/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Toolbar } from '@nvidia-elements/core/toolbar';\n\ndefine(Toolbar);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-toolbar': Toolbar;\n  }\n}\n"],"mappings":";;;AAMAA,EAAOC,CAAO"}

package/dist/toolbar/index.js

@@ -1,2 +1 @@
-import { Toolbar as e } from "./toolbar2.js";
-export { e as Toolbar };
+export { Toolbar } from "./toolbar2.js";

package/dist/toolbar/toolbar.examples.js

@@ -1,6 +1,5 @@
-//#region src/toolbar/toolbar.examples.ts
+// src/toolbar/toolbar.examples.ts
 var e = "";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=toolbar.examples.js.map