@nvidia-elements/core 0.0.0 → 0.0.1

package/dist/dropdown/dropdown.examples.json

@@ -1,158 +0,0 @@
-{
-  "element": "nve-dropdown",
-  "entrypoint": "@nvidia-elements/core/dropdown/dropdown.examples.json",
-  "items": [
-    {
-      "id": "core-dropdown_default",
-      "name": "Default",
-      "template": "<nve-button popovertarget=\"dropdown\">button</nve-button>\n<nve-dropdown id=\"dropdown\">dropdown content</nve-dropdown>\n",
-      "summary": "Basic dropdown implementation using popovertarget attribute to connect trigger and dropdown. Useful for simple dropdown menus.",
-      "description": "",
-      "composition": false,
-      "tags": []
-    },
-    {
-      "id": "core-dropdown_menu",
-      "name": "Menu",
-      "template": "<nve-button popovertarget=\"dropdown-menu\">dropdown</nve-button>\n<nve-dropdown id=\"dropdown-menu\">\n  <nve-menu>\n    <nve-menu-item><nve-icon name=\"person\"></nve-icon> profile</nve-menu-item>\n    <nve-menu-item><nve-icon name=\"gear\"></nve-icon> settings</nve-menu-item>\n    <nve-menu-item><nve-icon name=\"star\"></nve-icon> favorites</nve-menu-item>\n    <nve-divider></nve-divider>\n    <nve-menu-item><nve-icon name=\"logout\"></nve-icon> logout</nve-menu-item>\n  </nve-menu>\n</nve-dropdown>\n",
-      "summary": "Dropdown with popover-positioned menu for trigger-based actions. Use for context menus, settings, and user actions where content appears on demand relative to a trigger button.",
-      "description": "",
-      "composition": true,
-      "tags": []
-    },
-    {
-      "id": "core-dropdown_visual",
-      "name": "Visual",
-      "template": "<nve-dropdown anchor=\"btn\">dropdown content</nve-dropdown>\n<nve-button id=\"btn\">button</nve-button>\n",
-      "summary": "Dropdown using anchor attribute to reference trigger element by ID. Alternative approach for connecting dropdowns to their triggers.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_events",
-      "name": "Events",
-      "template": "<nve-dropdown id=\"dropdown\">dropdown content</nve-dropdown>\n<nve-button popovertarget=\"dropdown\">button</nve-button>\n<script type=\"module\">\n  const dropdown = document.querySelector(\"nve-dropdown\");\n  dropdown.addEventListener(\"beforetoggle\", () => console.log(\"beforetoggle\"));\n  dropdown.addEventListener(\"toggle\", () => console.log(\"toggle\"));\n  dropdown.addEventListener(\"open\", () => console.log(\"open\"));\n  dropdown.addEventListener(\"close\", () => console.log(\"close\"));\n</script>\n",
-      "summary": "Event handling for dropdown open and close events. Useful for adding custom behavior when dropdown state changes.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_closable",
-      "name": "Closable",
-      "template": "<nve-dropdown anchor=\"btn\" closable>\n  <h3 nve-text=\"label\">Title</h3>\n  <p nve-text=\"body\">some text content in a closable dropdown</p>\n</nve-dropdown>\n<nve-button id=\"btn\">button</nve-button>\n",
-      "summary": "Dropdown with closable attribute that allows users to dismiss the dropdown by clicking close button.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_layout",
-      "name": "Layout",
-      "template": "<nve-dropdown anchor=\"btn\">\n  <nve-dropdown-header>\n    <h3 nve-text=\"heading semibold sm\">heading</h3>\n  </nve-dropdown-header>\n  <p nve-text=\"body\">some text content in a closable dropdown</p>\n  <nve-dropdown-footer>\n    <p nve-text=\"body\">footer</p>\n  </nve-dropdown-footer>\n</nve-dropdown>\n<nve-button id=\"btn\">button</nve-button>\n",
-      "summary": "Dropdown with structured content using header and footer sections. Perfect for complex dropdown content that needs clear visual hierarchy.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_multiple-triggers",
-      "name": "MultipleTriggers",
-      "template": "<div nve-layout=\"row gap:sm align:center\">\n  <nve-button popovertarget=\"dropdown\">button</nve-button>\n  <nve-button popovertarget=\"dropdown\">button</nve-button>\n  <nve-button popovertarget=\"dropdown\">button</nve-button>\n  <nve-dropdown id=\"dropdown\">hello there</nve-dropdown>\n</div>\n",
-      "summary": "Dropdown with many triggers, showing how to use the popovertarget attribute to connect many triggers to the same dropdown.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_position",
-      "name": "Position",
-      "template": "<nve-dropdown anchor=\"card\" position=\"top\" alignment=\"center\">\n  <h3 nve-text=\"label\">Top</h3>\n  <p nve-text=\"body\">dropdown positioned top</p>\n</nve-dropdown>\n<nve-dropdown anchor=\"card\" position=\"right\" alignment=\"center\">\n  <h3 nve-text=\"label\">Right</h3>\n  <p nve-text=\"body\">dropdown positioned right</p>\n</nve-dropdown>\n<nve-dropdown anchor=\"card\" position=\"bottom\" alignment=\"center\">\n  <h3 nve-text=\"label\">Bottom</h3>\n  <p nve-text=\"body\">dropdown positioned bottom</p>\n</nve-dropdown>\n<nve-dropdown anchor=\"card\" position=\"left\" alignment=\"center\">\n  <h3 nve-text=\"label\">Left</h3>\n  <p nve-text=\"body\">dropdown positioned left</p>\n</nve-dropdown>\n<nve-card id=\"card\" style=\"width: 250px; height: 200px\"></nve-card>\n",
-      "summary": "Dropdown position, with the position attribute controlling placement when the trigger is not visible.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_alignment",
-      "name": "Alignment",
-      "template": "<div nve-theme nve-layout=\"row align:center\">\n  <nve-dropdown open anchor=\"card\" position=\"top\" alignment=\"start\">top start</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"top\" alignment=\"center\">top center</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"top\" alignment=\"end\">top end</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"right\" alignment=\"start\">right start</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"right\" alignment=\"center\">right center</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"right\" alignment=\"end\">right end</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"bottom\" alignment=\"start\">bottom start</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"bottom\" alignment=\"center\">bottom center</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"bottom\" alignment=\"end\">bottom end</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"left\" alignment=\"start\">left start</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"left\" alignment=\"center\">left center</nve-dropdown>\n  <nve-dropdown open anchor=\"card\" position=\"left\" alignment=\"end\">left end</nve-dropdown>\n  <nve-card id=\"card\" style=\"width: 450px; height: 300px; margin-top: 50px\"></nve-card>\n</div>\n",
-      "summary": "Dropdown alignment, with the alignment attribute controlling horizontal placement relative to the trigger.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_radio-group",
-      "name": "RadioGroup",
-      "template": "<nve-dropdown anchor=\"btn\">\n  <nve-radio-group style=\"width: 250px\">\n    <label>Sort By</label>\n    <nve-radio>\n      <label>Completed</label>\n      <input type=\"radio\" checked />\n      <nve-control-message>latest completed tasks</nve-control-message>\n    </nve-radio>\n    <nve-radio>\n      <label>Failing</label>\n      <input type=\"radio\" />\n      <nve-control-message>latest failing tasks</nve-control-message>\n    </nve-radio>\n    <nve-radio>\n      <label>Status</label>\n      <input type=\"radio\" />\n      <nve-control-message>task status priority</nve-control-message>\n    </nve-radio>\n  </nve-radio-group>\n</nve-dropdown>\n<nve-button id=\"btn\" nve-control>completed <nve-icon name=\"caret\" direction=\"down\" size=\"sm\"></nve-icon></nve-button>\n",
-      "summary": "Dropdown containing a radio group for single-selection options. Perfect for sort controls, filter selections, or preference settings.",
-      "description": "",
-      "composition": true,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_checkbox-group",
-      "name": "CheckboxGroup",
-      "template": "<nve-dropdown anchor=\"btn\">\n  <nve-checkbox-group style=\"width: 250px\">\n    <label>Test Suites</label>\n    <nve-checkbox>\n      <label>Local</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>Nightly</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>Remote</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n  </nve-checkbox-group>\n</nve-dropdown>\n<nve-button id=\"btn\" nve-control>test suites <nve-icon name=\"caret\" direction=\"down\" size=\"sm\"></nve-icon></nve-button>\n",
-      "summary": "Dropdown containing a checkbox group for multi-selection options. Ideal for filter controls, feature toggles, or bulk action selections.",
-      "description": "",
-      "composition": true,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_legacy-behavior-trigger",
-      "name": "LegacyBehaviorTrigger",
-      "template": "<nve-button id=\"dropdown-btn\">open</nve-button>\n<nve-dropdown anchor=\"dropdown-btn\" trigger=\"dropdown-btn\" behavior-trigger hidden>\n  <p nve-text=\"body\">hello there</p>\n</nve-dropdown>\n",
-      "summary": "Legacy behavior trigger for dropdown, using the behavior-trigger attribute to open the dropdown on button click.",
-      "description": "",
-      "deprecated": true,
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_hint",
-      "name": "Hint",
-      "template": "<nve-dropdown id=\"dropdown\"> dropdown content </nve-dropdown>\n<nve-tooltip id=\"tooltip\" hidden behavior-trigger trigger=\"btn\">dropdown content</nve-tooltip>\n<nve-icon-button id=\"btn\" popovertarget=\"dropdown\" icon-name=\"gear\" aria-label=\"settings\"></nve-icon-button>\n",
-      "summary": "Dropdown hint, using the tooltip element to display a hint when the dropdown opens.",
-      "description": "",
-      "deprecated": true,
-      "composition": true,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-dropdown_position-fallback",
-      "name": "PositionFallback",
-      "template": "<style>\n  body {\n    align-items: start !important;\n    margin: 0;\n    padding: 0 !important;\n  }\n</style>\n<nve-dropdown anchor=\"btn\" position=\"bottom\" alignment=\"center\"> dropdown content </nve-dropdown>\n<nve-dropdown anchor=\"btn\" position=\"right\" alignment=\"center\"> dropdown content </nve-dropdown>\n<nve-icon-button id=\"btn\" icon-name=\"gear\" aria-label=\"settings\"></nve-icon-button>\n",
-      "summary": "Dropdown position fallback, using the position and alignment attributes to reposition the dropdown when the trigger is not visible.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    }
-  ]
-}

package/dist/dropdown/dropdown.js

@@ -1,6 +0,0 @@
-//#region src/dropdown/dropdown.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: 0px;--nve-sys-layer-popover-arrow-offset: 0px;--nve-sys-layer-popover-offset: 0px;--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);--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);box-shadow:var(--box-shadow);gap:var(--nve-ref-space-sm);width:var(--width);min-width:var(--min-width);outline:0}[internal-host]::backdrop{background:transparent}.header{display:flex;gap:var(--gap)}.header:has(nve-icon-button){min-height:var(--nve-ref-size-300)}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-400);height:var(--nve-ref-size-400);background:var(--background);transform:var(--arrow-transform);border-top-left-radius:var(--nve-ref-border-radius-xs);position:absolute;border-left:var(--border);border-top:var(--border)}: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, -1px) 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))}";
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=dropdown.js.map

package/dist/dropdown/dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","names":[],"sources":["../../src/dropdown/dropdown.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: 0px;\n  --nve-sys-layer-popover-arrow-offset: 0px;\n  --nve-sys-layer-popover-offset: 0px;\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  --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  box-shadow: var(--box-shadow);\n  gap: var(--nve-ref-space-sm);\n  width: var(--width);\n  min-width: var(--min-width);\n  outline: 0;\n}\n\n[internal-host]::backdrop {\n  background: transparent;\n}\n\n.header {\n  display: flex;\n  gap: var(--gap);\n}\n\n.header:has(nve-icon-button) {\n  min-height: var(--nve-ref-size-300);\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-400);\n  height: var(--nve-ref-size-400);\n  background: var(--background);\n  transform: var(--arrow-transform);\n  border-top-left-radius: var(--nve-ref-border-radius-xs);\n  position: absolute;\n  border-left: var(--border);\n  border-top: var(--border);\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, -1px) rotate(45deg);\n}\n\n:host([position*='left']) {\n  --arrow-transform: translate(-2px, 0) rotate(45deg);\n}\n\n::slotted(nve-menu),\n::slotted(nve-menu) {\n  --width: 100%;\n}\n\n::slotted(nve-divider),\n::slotted(nve-divider) {\n  margin: 0 calc(-1 * var(--_divider-padding));\n}\n"],"mappings":""}

package/dist/dropdown/dropdown2.js

@@ -1,58 +0,0 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
-import { audit as t } from "../internal/controllers/audit.controller.js";
-import { I18nController as n } from "../internal/controllers/i18n.controller.js";
-import { TypeNativePopoverController as r } from "../internal/controllers/type-native-popover.controller.js";
-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 { IconButton as s } from "../icon-button/icon-button2.js";
-import c from "./dropdown.js";
-import { LitElement as l, html as u } from "lit";
-import { property as d } from "lit/decorators/property.js";
-import { query as f } from "lit/decorators/query.js";
-//#region src/dropdown/dropdown.ts
-var p = class extends l {
-	constructor(...e) {
-		super(...e), this.position = "bottom", this.alignment = "start", this.closable = !1, this.arrow = !1, this.modal = !0, this.popoverType = "auto", this.typeNativePopoverController = new r(this), this.i18n = this.#e.i18n;
-	}
-	static {
-		this.styles = a([o, c]);
-	}
-	static {
-		this.metadata = {
-			tag: "nve-dropdown",
-			version: "0.0.0"
-		};
-	}
-	static {
-		this.elementDefinitions = { [s.metadata.tag]: s };
-	}
-	#e = new n(this);
-	get popoverDismissible() {
-		return this.modal;
-	}
-	render() {
-		return u`<div internal-host><slot name="header"></slot>${this.closable ? u`<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>` : ""}<slot></slot><slot name="footer"></slot>${this.arrow ? u`<div class="arrow"></div>` : ""}</div>`;
-	}
-};
-e([d({ type: String })], p.prototype, "anchor", void 0), e([d({ type: String })], p.prototype, "trigger", void 0), e([d({
-	type: String,
-	reflect: !0
-})], p.prototype, "position", void 0), e([d({
-	type: String,
-	reflect: !0
-})], p.prototype, "alignment", void 0), e([d({
-	type: Boolean,
-	reflect: !0,
-	attribute: "behavior-trigger"
-})], p.prototype, "behaviorTrigger", void 0), e([d({ type: Boolean })], p.prototype, "closable", void 0), e([d({ type: Boolean })], p.prototype, "arrow", void 0), e([d({
-	type: Boolean,
-	reflect: !0
-})], p.prototype, "modal", void 0), e([d({
-	type: String,
-	attribute: "popover-type"
-})], p.prototype, "popoverType", void 0), e([f(".arrow")], p.prototype, "popoverArrow", void 0), e([d({ type: Object })], p.prototype, "i18n", void 0), p = e([t({ excessiveInstanceLimit: 50 }), i()], p);
-//#endregion
-export { p as Dropdown };
-
-//# sourceMappingURL=dropdown2.js.map

package/dist/dropdown/dropdown2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown2.js","names":["#i18nController"],"sources":["../../src/dropdown/dropdown.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  audit,\n  excessiveInstanceLimit,\n  I18nController,\n  popoverStyles,\n  scopedRegistry,\n  TypeNativePopoverController,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport styles from './dropdown.css?inline';\n\n/**\n * @element nve-dropdown\n * @description Generic dropdown element for rendering a variety of different content such as interactive navigation or form controls. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dropdown\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 dropdown opens.\n * @event close - Dispatched when the dropdown closes.\n * @slot - default slot for dropdown content\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --width\n * @cssprop --min-width\n * @cssprop --gap\n * @cssprop --arrow-transform - Transform applied to the popover arrow\n * @cssprop --animation-duration - Duration of dropdown open/close animations\n * @csspart icon-button - The close icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit({ excessiveInstanceLimit })\n@scopedRegistry()\nexport class Dropdown extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropdown',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /**\n   * (optional) By default the popover will automatically anchor 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 = 'bottom';\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 = 'start';\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 dropdown. Non-closable\n   * dropdowns suit menu or selection patterns.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * Determines if an arrow renders.\n   */\n  @property({ type: Boolean }) arrow = false;\n\n  /** @private */\n  @property({ type: Boolean, reflect: true }) modal = true;\n\n  /** @private */\n  @property({ type: String, attribute: 'popover-type' }) popoverType: PopoverType = 'auto';\n\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Dropdown>(this);\n\n  /** @private */\n  get popoverDismissible() {\n    return this.modal;\n  }\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\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      <slot></slot>\n      <slot name=\"footer\"></slot>\n      ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n    </div>\n  `;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAuB,EAAW;;+BA4BgC,2BAMF,yBAY7B,iBAKH,iBAGe,uBAG8B,2CAM1C,IAAI,EAAsC,KAAK,cAUpD,MAAA,EAAqB;;;gBAxExC,EAAU,CAAC,GAAe,EAAO,CAAC;;;kBAEvB;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAW,SAAS,MAAM,GAC5B;;CAmDD,KAAwC,IAAI,EAAqB,KAAK;CAKtE,IAAI,qBAAqB;AACvB,SAAO,KAAK;;CAQd,SAAS;AACP,SAAO,CAAI,iDAGP,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG,0CAG7N,KAAK,QAAQ,CAAI,8BAA8B,GAAG;;;GAlEvD,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAO1B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAK1B,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAMzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAMzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAoB,CAAC,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA,KAMzE,EAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK3B,EAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAG3B,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAG1C,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAgB,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAErD,EAAM,SAAS,CAAA,EAAA,EAAA,WAAA,gBAAA,KAAA,EAAA,KAcf,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,SA3E5B,EAAM,EAAE,wBAAA,IAAwB,CAAC,EACjC,GAAgB,CAAA,EAAA,EAAA"}

package/dist/dropdown/index.d.ts

@@ -1,3 +0,0 @@
-export * from './dropdown.js';
-export * from './dropdown-footer.js';
-export * from './dropdown-header.js';

package/dist/dropdown/index.js

@@ -1,4 +0,0 @@
-import { Dropdown as e } from "./dropdown2.js";
-import { DropdownFooter as t } from "./dropdown-footer2.js";
-import { DropdownHeader as n } from "./dropdown-header2.js";
-export { e as Dropdown, t as DropdownFooter, n as DropdownHeader };

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

@@ -1,6 +0,0 @@
-import { DropdownGroup } from '.';
-declare global {
-    interface HTMLElementTagNameMap {
-        'nve-dropdown-group': DropdownGroup;
-    }
-}

package/dist/dropdown-group/define.js

@@ -1,7 +0,0 @@
-import { define as e } from "../internal/utils/dom.js";
-import { DropdownGroup as t } from "./dropdown-group.js";
-//#region src/dropdown-group/define.ts
-e(t);
-//#endregion
-
-//# sourceMappingURL=define.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/dropdown-group/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/core/internal';\nimport { DropdownGroup } from '@nvidia-elements/core/dropdown-group';\n\ndefine(DropdownGroup);\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-dropdown-group': DropdownGroup;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,EAAc"}

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

@@ -1,30 +0,0 @@
-import { LitElement } from 'lit';
-import { Dropdown } from '../dropdown';
-/**
- * @element nve-dropdown-group
- * @description A Dropdown Group streamlines the management of linked dropdowns and supports nested dropdowns for a more organized and intuitive user experience
- * @since 1.30.1
- * @entrypoint \@nvidia-elements/core/dropdown-group
- * @slot - default slot for dropdown content
- * @event open - Dispatched when a dropdown in the group opens
- * @event close - Dispatched when a dropdown in the group closes
- * @cssprop --nve-dropdown-group-spacing
- * @cssprop --nve-dropdown-group-transition
- * @cssprop --arrow-transform - Transform applied to the popover arrow
- * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
- * @stable false
- */
-export declare class DropdownGroup extends LitElement {
-    #private;
-    static styles: import('lit').CSSResult[];
-    static readonly metadata: {
-        tag: string;
-        version: string;
-        children: string[];
-    };
-    protected dropdowns: Dropdown[];
-    render(): import('lit-html').TemplateResult<1>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    close(): void;
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-group.examples.js","names":[],"sources":["../../src/dropdown-group/dropdown-group.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/dropdown-group/define.js';\nimport '@nvidia-elements/core/dropdown/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon/define.js';\nimport '@nvidia-elements/core/menu/define.js';\n\nexport default {\n  title: 'Elements/Dropdown Group',\n  component: 'nve-dropdown-group',\n};\n\n/**\n * @summary Cascading dropdown menu group with nested submenus for hierarchical navigation.\n */\nexport const Default = {\n  render: () => html`\n    <nve-button popovertarget=\"menu-1\">menu</nve-button>\n    <nve-dropdown-group>\n      <nve-dropdown id=\"menu-1\">\n        <nve-menu>\n          <nve-menu-item popovertarget=\"menu-2\">\n            item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n          </nve-menu-item>\n          <nve-menu-item>item 1-2</nve-menu-item>\n          <nve-menu-item>item 1-3</nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n      <nve-dropdown id=\"menu-2\" position=\"right\">\n        <nve-menu>\n          <nve-menu-item>item 2-1</nve-menu-item>\n          <nve-menu-item popovertarget=\"menu-3\">\n            item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n          </nve-menu-item>\n          <nve-menu-item>item 2-3</nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n      <nve-dropdown id=\"menu-3\" position=\"right\">\n        <nve-menu>\n          <nve-menu-item>item 3-1</nve-menu-item>\n          <nve-menu-item>item 3-2</nve-menu-item>\n          <nve-menu-item>item 3-3</nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n    </nve-dropdown-group>\n  `\n};\n\n/**\n * @summary Cascading dropdown menu with disabled menu items in non-interactive states.\n */\nexport const WithDisabledItems = {\n  render: () => html`\n    <nve-button popovertarget=\"disabled-menu-1\">Disabled Items</nve-button>\n    <nve-dropdown-group>\n      <nve-dropdown id=\"disabled-menu-1\">\n        <nve-menu>\n          <nve-menu-item popovertarget=\"disabled-menu-2\">\n            item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n          </nve-menu-item>\n          <nve-menu-item disabled>item 1-2</nve-menu-item>\n          <nve-menu-item>item 1-3</nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n      <nve-dropdown id=\"disabled-menu-2\" position=\"right\">\n        <nve-menu>\n          <nve-menu-item>item 2-1</nve-menu-item>\n          <nve-menu-item disabled>item 2-2</nve-menu-item>\n          <nve-menu-item popovertarget=\"disabled-menu-3\">\n            item 2-3 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n          </nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n      <nve-dropdown id=\"disabled-menu-3\" position=\"right\">\n        <nve-menu>\n          <nve-menu-item>item 3-1</nve-menu-item>\n          <nve-menu-item disabled>item 3-2</nve-menu-item>\n          <nve-menu-item>item 3-3</nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n    </nve-dropdown-group>\n  `\n};\n\n/**\n * @summary Cascading dropdown menu with leading icons for visual identification of menu item types.\n */\nexport const WithIcons = {\n  render: () => html`\n    <nve-button popovertarget=\"icon-menu-1\">Icons Menu</nve-button>\n    <nve-dropdown-group>\n      <nve-dropdown id=\"icon-menu-1\">\n        <nve-menu>\n          <nve-menu-item popovertarget=\"icon-menu-2\">\n            <nve-icon name=\"folder\" size=\"sm\"></nve-icon> item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\"></nve-icon>\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"image\" size=\"sm\"></nve-icon> item 1-2\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"video-camera\" size=\"sm\"></nve-icon> item 1-3\n          </nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n      <nve-dropdown id=\"icon-menu-2\" position=\"right\">\n        <nve-menu>\n          <nve-menu-item>\n            <nve-icon name=\"document\" size=\"sm\"></nve-icon> item 2-1\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"document\" size=\"sm\"></nve-icon> item 2-2\n          </nve-menu-item>\n          <nve-menu-item popovertarget=\"icon-menu-3\">\n            <nve-icon name=\"terminal\" size=\"sm\"></nve-icon> item 2-3 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\"></nve-icon>\n          </nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n      <nve-dropdown id=\"icon-menu-3\" position=\"right\">\n        <nve-menu>\n          <nve-menu-item>\n            <nve-icon name=\"terminal\" size=\"sm\"></nve-icon> item 3-1\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"terminal\" size=\"sm\"></nve-icon> item 3-2\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"terminal\" size=\"sm\"></nve-icon> item 3-3\n          </nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n    </nve-dropdown-group>\n  `\n};\n\n/**\n * @summary Cascading dropdown menu showcasing extra icon varieties for diverse menu actions.\n */\nexport const WithMoreIcons = {\n  render: () => html`\n    <nve-button popovertarget=\"more-icon-menu-1\">More Icons</nve-button>\n    <nve-dropdown-group>\n      <nve-dropdown id=\"more-icon-menu-1\">\n        <nve-menu>\n          <nve-menu-item popovertarget=\"more-icon-menu-2\">\n            <nve-icon name=\"person\" size=\"sm\"></nve-icon> item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\"></nve-icon>\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"arrow\" direction=\"right\" size=\"sm\"></nve-icon> item 1-2\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"star\" size=\"sm\"></nve-icon> item 1-3\n          </nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n      <nve-dropdown id=\"more-icon-menu-2\" position=\"right\">\n        <nve-menu>\n          <nve-menu-item>\n            <nve-icon name=\"flag\" size=\"sm\"></nve-icon> item 2-1\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"home\" size=\"sm\"></nve-icon> item 2-2\n          </nve-menu-item>\n          <nve-menu-item popovertarget=\"more-icon-menu-3\">\n            <nve-icon name=\"gear\" size=\"sm\"></nve-icon> item 2-3 <nve-icon name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>\n          </nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n      <nve-dropdown id=\"more-icon-menu-3\" position=\"right\">\n        <nve-menu>\n          <nve-menu-item>\n            <nve-icon name=\"dot\" size=\"sm\"></nve-icon> item 3-1\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"exclamation-mark\" size=\"sm\"></nve-icon> item 3-2\n          </nve-menu-item>\n          <nve-menu-item>\n            <nve-icon name=\"edit\" size=\"sm\"></nve-icon> item 3-3\n          </nve-menu-item>\n        </nve-menu>\n      </nve-dropdown>\n    </nve-dropdown-group>\n  `\n};"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/dropdown-group/dropdown-group.examples.json

@@ -1,42 +0,0 @@
-{
-  "element": "nve-dropdown-group",
-  "entrypoint": "@nvidia-elements/core/dropdown-group/dropdown-group.examples.json",
-  "items": [
-    {
-      "id": "core-dropdown-group_default",
-      "name": "Default",
-      "template": "<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\">\n        item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\">\n        item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>\n",
-      "summary": "Cascading dropdown menu group with nested submenus for hierarchical navigation.",
-      "description": "",
-      "composition": true,
-      "tags": []
-    },
-    {
-      "id": "core-dropdown-group_with-disabled-items",
-      "name": "WithDisabledItems",
-      "template": "<nve-button popovertarget=\"disabled-menu-1\">Disabled Items</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"disabled-menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"disabled-menu-2\">\n        item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item disabled>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"disabled-menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item disabled>item 2-2</nve-menu-item>\n      <nve-menu-item popovertarget=\"disabled-menu-3\">\n        item 2-3 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"disabled-menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item disabled>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>\n",
-      "summary": "Cascading dropdown menu with disabled menu items in non-interactive states.",
-      "description": "",
-      "composition": true,
-      "tags": []
-    },
-    {
-      "id": "core-dropdown-group_with-icons",
-      "name": "WithIcons",
-      "template": "<nve-button popovertarget=\"icon-menu-1\">Icons Menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"icon-menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"icon-menu-2\">\n        <nve-icon name=\"folder\" size=\"sm\"></nve-icon> item 1-1\n        <nve-icon name=\"caret\" direction=\"right\" size=\"sm\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"image\" size=\"sm\"></nve-icon> item 1-2 </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"video-camera\" size=\"sm\"></nve-icon> item 1-3 </nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"icon-menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item> <nve-icon name=\"document\" size=\"sm\"></nve-icon> item 2-1 </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"document\" size=\"sm\"></nve-icon> item 2-2 </nve-menu-item>\n      <nve-menu-item popovertarget=\"icon-menu-3\">\n        <nve-icon name=\"terminal\" size=\"sm\"></nve-icon> item 2-3\n        <nve-icon name=\"caret\" direction=\"right\" size=\"sm\"></nve-icon>\n      </nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"icon-menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item> <nve-icon name=\"terminal\" size=\"sm\"></nve-icon> item 3-1 </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"terminal\" size=\"sm\"></nve-icon> item 3-2 </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"terminal\" size=\"sm\"></nve-icon> item 3-3 </nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>\n",
-      "summary": "Cascading dropdown menu with leading icons for visual identification of menu item types.",
-      "description": "",
-      "composition": true,
-      "tags": []
-    },
-    {
-      "id": "core-dropdown-group_with-more-icons",
-      "name": "WithMoreIcons",
-      "template": "<nve-button popovertarget=\"more-icon-menu-1\">More Icons</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"more-icon-menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"more-icon-menu-2\">\n        <nve-icon name=\"person\" size=\"sm\"></nve-icon> item 1-1\n        <nve-icon name=\"caret\" direction=\"right\" size=\"sm\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"arrow\" direction=\"right\" size=\"sm\"></nve-icon> item 1-2 </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"star\" size=\"sm\"></nve-icon> item 1-3 </nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"more-icon-menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item> <nve-icon name=\"flag\" size=\"sm\"></nve-icon> item 2-1 </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"home\" size=\"sm\"></nve-icon> item 2-2 </nve-menu-item>\n      <nve-menu-item popovertarget=\"more-icon-menu-3\">\n        <nve-icon name=\"gear\" size=\"sm\"></nve-icon> item 2-3\n        <nve-icon name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>\n      </nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"more-icon-menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item> <nve-icon name=\"dot\" size=\"sm\"></nve-icon> item 3-1 </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"exclamation-mark\" size=\"sm\"></nve-icon> item 3-2 </nve-menu-item>\n      <nve-menu-item> <nve-icon name=\"edit\" size=\"sm\"></nve-icon> item 3-3 </nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>\n",
-      "summary": "Cascading dropdown menu showcasing extra icon varieties for diverse menu actions.",
-      "description": "",
-      "composition": true,
-      "tags": []
-    }
-  ]
-}

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

@@ -1,6 +0,0 @@
-//#region src/dropdown-group/dropdown-group.global.css?inline
-var e = "nve-dropdown-group>nve-dropdown+nve-dropdown{--nve-sys-layer-popover-offset: calc(var(--nve-ref-size-400) + 2px);margin-block-start:calc(var(--nve-ref-size-400) * -1)}";
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=dropdown-group.global.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-group.global.js","names":[],"sources":["../../src/dropdown-group/dropdown-group.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-dropdown-group > nve-dropdown + nve-dropdown {\n  --nve-sys-layer-popover-offset: calc(var(--nve-ref-size-400) + 2px);\n  margin-block-start: calc(var(--nve-ref-size-400) * -1);\n}\n"],"mappings":""}

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

@@ -1,64 +0,0 @@
-import { isSimpleFocusable as e } from "../internal/utils/focus.js";
-import { appendRootNodeStyle as t, clickOutsideElementBounds as n, getFlattenedFocusableItems as r } from "../internal/utils/dom.js";
-import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
-import { audit as a } from "../internal/controllers/audit.controller.js";
-import { useStyles as o } from "../internal/styles/index.js";
-import s from "./dropdown-group.global.js";
-import { LitElement as c, html as l } from "lit";
-import { queryAssignedElements as u } from "lit/decorators/query-assigned-elements.js";
-//#region src/dropdown-group/dropdown-group.ts
-var d = class extends c {
-	static {
-		this.styles = o([]);
-	}
-	static {
-		this.metadata = {
-			tag: "nve-dropdown-group",
-			version: "0.0.0",
-			children: ["nve-dropdown"]
-		};
-	}
-	render() {
-		return l`<div internal-host><slot @slotchange="${this.#t}"></slot></div>`;
-	}
-	#e = (e) => this.#n(e);
-	connectedCallback() {
-		super.connectedCallback(), t(this, s), globalThis.document?.addEventListener("pointerup", this.#e), this.addEventListener("keydown", this.#r), this.addEventListener("open", this.#i), this.addEventListener("close", this.#a);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), globalThis.document?.removeEventListener("pointerup", this.#e);
-	}
-	#t() {
-		this.dropdowns.forEach((e) => {
-			e.popoverType = "manual";
-		});
-	}
-	#n(e) {
-		let t = this.dropdowns.some((e) => e.matches(":popover-open")), r = this.dropdowns.every((t) => n(e, t));
-		t && r && this.close();
-	}
-	#r(t) {
-		let n = t.target;
-		if (t.code === "Escape" && this.close(), t.code === "ArrowRight") {
-			let e = n.getAttribute("popovertarget");
-			this.dropdowns.find((t) => t.id === e)?.showPopover();
-		}
-		t.code === "ArrowLeft" && e(t.target) && n.closest("nve-dropdown")?.hidePopover();
-	}
-	#i(e) {
-		let t = e.target;
-		t.localName === "nve-dropdown" && this.dropdowns.find((e) => e === t) && r(t)[0]?.focus();
-	}
-	#a(e) {
-		let t = e.target;
-		t.localName === "nve-dropdown" && this.dropdowns.find((e) => e === t) && t._activeTrigger?.focus();
-	}
-	close() {
-		this.querySelectorAll("nve-dropdown").forEach((e) => e.hidePopover());
-	}
-};
-i([u()], d.prototype, "dropdowns", void 0), d = i([a()], d);
-//#endregion
-export { d as DropdownGroup };
-
-//# sourceMappingURL=dropdown-group.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-group.js","names":["#syncDropdowns","#pointerup","#_pointerup","#keydown","#onOpen","#onClose"],"sources":["../../src/dropdown-group/dropdown-group.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport {\n  clickOutsideElementBounds,\n  appendRootNodeStyle,\n  getFlattenedFocusableItems,\n  isSimpleFocusable,\n  useStyles,\n  audit\n} from '@nvidia-elements/core/internal';\nimport type { Dropdown } from '@nvidia-elements/core/dropdown';\nimport globalStyles from './dropdown-group.global.css?inline';\n\n/**\n * @element nve-dropdown-group\n * @description A Dropdown Group streamlines the management of linked dropdowns and supports nested dropdowns for a more organized and intuitive user experience\n * @since 1.30.1\n * @entrypoint \\@nvidia-elements/core/dropdown-group\n * @slot - default slot for dropdown content\n * @event open - Dispatched when a dropdown in the group opens\n * @event close - Dispatched when a dropdown in the group closes\n * @cssprop --nve-dropdown-group-spacing\n * @cssprop --nve-dropdown-group-transition\n * @cssprop --arrow-transform - Transform applied to the popover arrow\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n * @stable false\n */\n@audit()\nexport class DropdownGroup extends LitElement {\n  static styles = useStyles([]);\n\n  static readonly metadata = {\n    tag: 'nve-dropdown-group',\n    version: '0.0.0',\n    children: ['nve-dropdown']\n  };\n\n  @queryAssignedElements() protected dropdowns!: Dropdown[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncDropdowns}></slot>\n      </div>\n    `;\n  }\n\n  #_pointerup = (e: PointerEvent) => this.#pointerup(e);\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    globalThis.document?.addEventListener('pointerup', this.#_pointerup);\n    this.addEventListener('keydown', this.#keydown);\n    this.addEventListener('open', this.#onOpen as EventListener);\n    this.addEventListener('close', this.#onClose as EventListener);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    globalThis.document?.removeEventListener('pointerup', this.#_pointerup);\n  }\n\n  #syncDropdowns() {\n    this.dropdowns.forEach(dropdown => {\n      dropdown.popoverType = 'manual';\n    });\n  }\n\n  #pointerup(event: PointerEvent) {\n    const multipleDropdownsOpen = this.dropdowns.some(dropdown => dropdown.matches(':popover-open'));\n    const pointerIsOutsideGroup = this.dropdowns.every(dropdown => clickOutsideElementBounds(event, dropdown));\n    if (multipleDropdownsOpen && pointerIsOutsideGroup) {\n      this.close();\n    }\n  }\n\n  #keydown(event: KeyboardEvent) {\n    const target = event.target as HTMLElement;\n    if (event.code === 'Escape') {\n      this.close();\n    }\n    if (event.code === 'ArrowRight') {\n      const targetId = target.getAttribute('popovertarget');\n      const dropdown = this.dropdowns.find(dropdown => dropdown.id === targetId);\n      dropdown?.showPopover();\n    }\n    if (event.code === 'ArrowLeft' && isSimpleFocusable(event.target as HTMLElement)) {\n      target.closest('nve-dropdown')?.hidePopover();\n    }\n  }\n\n  #onOpen(event: CustomEvent) {\n    const dropdown = event.target as HTMLElement;\n    const isLocalDropdown = dropdown.localName === 'nve-dropdown' && this.dropdowns.find(d => d === dropdown);\n    if (isLocalDropdown) {\n      getFlattenedFocusableItems(dropdown)[0]?.focus();\n    }\n  }\n\n  #onClose(event: CustomEvent) {\n    const element = event.target as HTMLElement;\n    const isLocalDropdown = element.localName === 'nve-dropdown' && this.dropdowns.find(d => d === element);\n    if (isLocalDropdown) {\n      // _activeTrigger is a popover controller internal API\n      const dropdown = element as Dropdown & { _activeTrigger?: HTMLElement };\n      dropdown._activeTrigger?.focus();\n    }\n  }\n\n  close() {\n    this.querySelectorAll('nve-dropdown').forEach(d => d.hidePopover());\n  }\n}\n"],"mappings":";;;;;;;;;AA+BO,IAAA,IAAA,cAA4B,EAAW;;gBAC5B,EAAU,EAAE,CAAC;;;kBAEF;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,eAAA;GACZ;;CAID,SAAS;AACP,SAAO,CAAI,yCAEa,MAAA,EAAoB;;CAK9C,MAAe,MAAoB,MAAA,EAAgB,EAAE;CAErD,oBAAoB;AAMlB,EALA,MAAM,mBAAmB,EACzB,EAAoB,MAAM,EAAa,EACvC,WAAW,UAAU,iBAAiB,aAAa,MAAA,EAAiB,EACpE,KAAK,iBAAiB,WAAW,MAAA,EAAc,EAC/C,KAAK,iBAAiB,QAAQ,MAAA,EAA8B,EAC5D,KAAK,iBAAiB,SAAS,MAAA,EAA+B;;CAGhE,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,WAAW,UAAU,oBAAoB,aAAa,MAAA,EAAiB;;CAGzE,KAAiB;AACf,OAAK,UAAU,SAAQ,MAAY;AACjC,KAAS,cAAc;IACvB;;CAGJ,GAAW,GAAqB;EAC9B,IAAM,IAAwB,KAAK,UAAU,MAAK,MAAY,EAAS,QAAQ,gBAAgB,CAAC,EAC1F,IAAwB,KAAK,UAAU,OAAM,MAAY,EAA0B,GAAO,EAAS,CAAC;AAC1G,EAAI,KAAyB,KAC3B,KAAK,OAAO;;CAIhB,GAAS,GAAsB;EAC7B,IAAM,IAAS,EAAM;AAIrB,MAHI,EAAM,SAAS,YACjB,KAAK,OAAO,EAEV,EAAM,SAAS,cAAc;GAC/B,IAAM,IAAW,EAAO,aAAa,gBAAgB;AACpC,QAAK,UAAU,MAAK,MAAY,EAAS,OAAO,EAAS,EAChE,aAAa;;AAEzB,EAAI,EAAM,SAAS,eAAe,EAAkB,EAAM,OAAsB,IAC9E,EAAO,QAAQ,eAAe,EAAE,aAAa;;CAIjD,GAAQ,GAAoB;EAC1B,IAAM,IAAW,EAAM;AAEvB,EADwB,EAAS,cAAc,kBAAkB,KAAK,UAAU,MAAK,MAAK,MAAM,EAAS,IAEvG,EAA2B,EAAS,CAAC,IAAI,OAAO;;CAIpD,GAAS,GAAoB;EAC3B,IAAM,IAAU,EAAM;AAEtB,EADwB,EAAQ,cAAc,kBAAkB,KAAK,UAAU,MAAK,MAAK,MAAM,EAAQ,IAGpF,EACR,gBAAgB,OAAO;;CAIpC,QAAQ;AACN,OAAK,iBAAiB,eAAe,CAAC,SAAQ,MAAK,EAAE,aAAa,CAAC;;;GA1EpE,GAAuB,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,SAVzB,GAAO,CAAA,EAAA,EAAA"}

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

@@ -1 +0,0 @@
-export * from './dropdown-group.js';

package/dist/dropdown-group/index.js

@@ -1,2 +0,0 @@
-import { DropdownGroup as e } from "./dropdown-group.js";
-export { e as DropdownGroup };

package/dist/dropzone/define.d.ts

@@ -1,6 +0,0 @@
-import { Dropzone } from '.';
-declare global {
-    interface HTMLElementTagNameMap {
-        'nve-dropzone': Dropzone;
-    }
-}

package/dist/dropzone/define.js

@@ -1,7 +0,0 @@
-import { define as e } from "../internal/utils/dom.js";
-import { Dropzone as t } from "./dropzone2.js";
-//#region src/dropzone/define.ts
-e(t);
-//#endregion
-
-//# sourceMappingURL=define.js.map

package/dist/dropzone/define.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/dropzone/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/core/internal';\nimport { Dropzone } from '@nvidia-elements/core/dropzone';\n\ndefine(Dropzone);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-dropzone': Dropzone;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,EAAS"}