@nvidia-elements/core 2.23.3 → 2.23.5

package/dist/dot/dot2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dot2.js","names":["styles","_decorate","__decorate","dot_default","Dot","LitElement","useStyles","statusStateStyles","supportStateStyles","#updateSlot","attachInternals","property"],"sources":["../../src/dot/dot.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 type { Size, SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport { attachInternals, statusStateStyles, supportStateStyles, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './dot.css?inline';\n\n/**\n * @element nve-dot\n * @description A visual indicator that communicates a status or notification of an associated component.\n * @documentation https://nvidia.github.io/elements/docs/elements/dot/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/dot\n * @slot - default text content no more than 2 characters in length\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --padding\n * @cssprop --border\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Dot extends LitElement {\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status: SupportStatus | TaskStatus;\n\n  /** Determines size of dot relative to provided text. */\n  @property({ type: String, reflect: true }) size: Size;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-dot',\n    version: '0.0.0'\n  };\n\n  _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateSlot()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n  }\n\n  #updateSlot() {\n    this.textContent.length ? this._internals.states.add('has-text') : this._internals.states.delete('has-text');\n  }\n}\n"],"mappings":";;;;;;;AA4BA,IAAaI,IAAb,cAAyBC,EAAW;;EAOlB,KAAA,SAAAC,EAAU;GAACN;GAAQO;GAAmBC;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI,+CAEmB,KAAKC,GAAY,EAAE;CAGnD;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,KAAc;EACZ,KAAK,YAAY,SAAS,KAAK,WAAW,OAAO,IAAI,UAAU,IAAI,KAAK,WAAW,OAAO,OAAO,UAAU;CAC7G;AACF;AA/BGT,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"dot2.js","names":["styles","_decorate","__decorate","dot_default","Dot","LitElement","useStyles","statusStateStyles","supportStateStyles","#updateSlot","attachInternals","property"],"sources":["../../src/dot/dot.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 type { Size, SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport { statusStateStyles, supportStateStyles } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './dot.css?inline';\n\n/**\n * @element nve-dot\n * @description A visual indicator that communicates a status or notification of an associated component.\n * @documentation https://nvidia.github.io/elements/docs/elements/dot/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/dot\n * @slot - default text content no more than 2 characters in length\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --padding\n * @cssprop --border\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Dot extends LitElement {\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status: SupportStatus | TaskStatus;\n\n  /** Determines size of dot relative to provided text. */\n  @property({ type: String, reflect: true }) size: Size;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-dot',\n    version: '0.0.0'\n  };\n\n  _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateSlot()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n  }\n\n  #updateSlot() {\n    this.textContent.length ? this._internals.states.add('has-text') : this._internals.states.delete('has-text');\n  }\n}\n"],"mappings":";;;;;;;;AA8BA,IAAaI,IAAb,cAAyBC,EAAW;;EAOlB,KAAA,SAAAC,EAAU;GAACN;GAAQO;GAAmBC;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI,+CAEmB,KAAKC,GAAY,EAAE;CAGnD;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,KAAc;EACZ,KAAK,YAAY,SAAS,KAAK,WAAW,OAAO,IAAI,UAAU,IAAI,KAAK,WAAW,OAAO,OAAO,UAAU;CAC7G;AACF;AA/BGT,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/drag-handle/drag-handle2.js

@@ -1,29 +1,29 @@
-import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as r } from "../icon/icon2.js";
-import i from "./drag-handle.js";
-import { LitElement as a, html as o } from "lit";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as t } from "../icon/icon2.js";
+import n from "./drag-handle.js";
+import { LitElement as r, html as i } from "lit";
+import { scopedRegistry as a } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 import { ButtonFormControlMixin as s } from "@nvidia-elements/forms/mixins";
 // src/drag-handle/drag-handle.ts
-var c = class extends s(a) {
+var c = class extends s(r) {
 	static {
-		this.styles = t([i]);
+		this.styles = o([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drag-handle",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [r.metadata.tag]: r };
+		this.elementDefinitions = { [t.metadata.tag]: t };
 	}
 	constructor() {
 		super(), this.type = "button", this.pressed = !1;
 	}
 	render() {
-		return o`<div internal-host interaction-state focus-within><nve-icon name="drag" .appearance="${this.pressed || this.expanded ? "solid" : "outline"}" aria-hidden="true" part="icon"></nve-icon></div>`;
+		return i`<div internal-host interaction-state focus-within><nve-icon name="drag" .appearance="${this.pressed || this.expanded ? "solid" : "outline"}" aria-hidden="true" part="icon"></nve-icon></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("nve-draggable", "handle"), this.hasAttribute("draggable") || (this.draggable = !0), this.addEventListener("click", this.#e), this.addEventListener("keydown", this.#r), this.addEventListener("dragstart", this.#t), this.addEventListener("dragend", this.#n);
@@ -44,7 +44,7 @@ var c = class extends s(a) {
 		e.key !== " " || e.target !== this || e.defaultPrevented || this.disabled || this.readOnly || e.preventDefault();
 	};
 };
-c = n([e()], c);
+c = e([a()], c);
 export { c as DragHandle };
 
 //# sourceMappingURL=drag-handle2.js.map

package/dist/drag-handle/drag-handle2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-handle2.js","names":["styles","_decorate","__decorate","drag_handle_default","DragHandle","ButtonFormControlMixin","LitElement","useStyles","Icon","#onClick","#onKeydown","#onDragStart","#onDragEnd","event","scopedRegistry"],"sources":["../../src/drag-handle/drag-handle.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 { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './drag-handle.css?inline';\n\n/**\n * @element nve-drag-handle\n * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.\n * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/drag-handle\n * @cssprop --cursor - The cursor over the handle.\n * @cssprop --color - The grip color.\n * @cssprop --width - The horizontal size of the pointer target.\n * @cssprop --height - The vertical size of the pointer target.\n * @cssprop --border-radius - The handle corner radius.\n * @csspart icon - The fixed grip icon.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\n@scopedRegistry()\nexport class DragHandle extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drag-handle',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  constructor() {\n    super();\n    this.type = 'button';\n    this.pressed = false;\n  }\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <nve-icon name=\"drag\" .appearance=${this.pressed || this.expanded ? 'solid' : 'outline'} aria-hidden=\"true\" part=\"icon\"></nve-icon>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('nve-draggable', 'handle');\n    if (!this.hasAttribute('draggable')) this.draggable = true;\n    this.addEventListener('click', this.#onClick);\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('dragstart', this.#onDragStart);\n    this.addEventListener('dragend', this.#onDragEnd);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.#onClick);\n    this.removeEventListener('keydown', this.#onKeydown);\n    this.removeEventListener('dragstart', this.#onDragStart);\n    this.removeEventListener('dragend', this.#onDragEnd);\n    super.disconnectedCallback();\n  }\n\n  #onClick = (event: MouseEvent): void => {\n    if (event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) return;\n\n    this.pressed = !this.pressed;\n  };\n\n  #onDragStart = (event: DragEvent): void => {\n    if (this.disabled || this.readOnly) event.preventDefault();\n  };\n\n  #onDragEnd = (): void => {\n    this._internals.states.delete('active');\n  };\n\n  #onKeydown = (event: KeyboardEvent): void => {\n    if (event.key !== ' ' || event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) {\n      return;\n    }\n\n    event.preventDefault();\n  };\n}\n"],"mappings":";;;;;;;;AAwBO,IAAMI,IAAN,cAAyBC,EAAuBC,CAAU,CAAC,CAAC;;EACjD,KAAA,SAAAC,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBQ,EAAK,SAAS,MAAMA,EACvB;;CAEA,cAAc;EAGZ,AAFA,MAAM,GACN,KAAK,OAAO,UACZ,KAAK,UAAU;CACjB;CAEA,SAAS;EACP,OAAO,CAAI,wFAE6B,KAAK,WAAW,KAAK,WAAW,UAAU,UAAU;CAG9F;CAEA,oBAAoB;EAOlB,AANA,MAAM,kBAAkB,GACxB,KAAK,aAAa,iBAAiB,QAAQ,GACtC,KAAK,aAAa,WAAW,MAAG,KAAK,YAAY,KACtD,KAAK,iBAAiB,SAAS,KAAKC,EAAQ,GAC5C,KAAK,iBAAiB,WAAW,KAAKC,EAAU,GAChD,KAAK,iBAAiB,aAAa,KAAKC,EAAY,GACpD,KAAK,iBAAiB,WAAW,KAAKC,EAAU;CAClD;CAEA,uBAAuB;EAKrB,AAJA,KAAK,oBAAoB,SAAS,KAAKH,EAAQ,GAC/C,KAAK,oBAAoB,WAAW,KAAKC,EAAU,GACnD,KAAK,oBAAoB,aAAa,KAAKC,EAAY,GACvD,KAAK,oBAAoB,WAAW,KAAKC,EAAU,GACnD,MAAM,qBAAqB;CAC7B;CAEA,MAAY,MAA4B;EACtC,AAAIC,EAAM,WAAW,QAAQA,EAAM,oBAAoB,KAAK,YAAY,KAAK,aAE7E,KAAK,UAAU,CAAC,KAAK;CACvB;CAEA,MAAgB,MAA2B;EACzC,CAAI,KAAK,YAAY,KAAK,aAAUA,EAAM,eAAe;CAC3D;CAEA,WAAyB;EACvB,KAAK,WAAW,OAAO,OAAO,QAAQ;CACxC;CAEA,MAAc,MAA+B;EAC3C,AAAIA,EAAM,QAAQ,OAAOA,EAAM,WAAW,QAAQA,EAAM,oBAAoB,KAAK,YAAY,KAAK,YAIlGA,EAAM,eAAe;CACvB;AACF;AAlEC,IAAAZ,EAAA,CAAAa,EAAe,CAAA,GAAAV,CAAA"}
+{"version":3,"file":"drag-handle2.js","names":["styles","_decorate","__decorate","drag_handle_default","DragHandle","ButtonFormControlMixin","LitElement","useStyles","Icon","#onClick","#onKeydown","#onDragStart","#onDragEnd","event","scopedRegistry"],"sources":["../../src/drag-handle/drag-handle.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 { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './drag-handle.css?inline';\n\n/**\n * @element nve-drag-handle\n * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.\n * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/drag-handle\n * @cssprop --cursor - The cursor over the handle.\n * @cssprop --color - The grip color.\n * @cssprop --width - The horizontal size of the pointer target.\n * @cssprop --height - The vertical size of the pointer target.\n * @cssprop --border-radius - The handle corner radius.\n * @csspart icon - The fixed grip icon.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\n@scopedRegistry()\nexport class DragHandle extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drag-handle',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  constructor() {\n    super();\n    this.type = 'button';\n    this.pressed = false;\n  }\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <nve-icon name=\"drag\" .appearance=${this.pressed || this.expanded ? 'solid' : 'outline'} aria-hidden=\"true\" part=\"icon\"></nve-icon>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('nve-draggable', 'handle');\n    if (!this.hasAttribute('draggable')) this.draggable = true;\n    this.addEventListener('click', this.#onClick);\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('dragstart', this.#onDragStart);\n    this.addEventListener('dragend', this.#onDragEnd);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.#onClick);\n    this.removeEventListener('keydown', this.#onKeydown);\n    this.removeEventListener('dragstart', this.#onDragStart);\n    this.removeEventListener('dragend', this.#onDragEnd);\n    super.disconnectedCallback();\n  }\n\n  #onClick = (event: MouseEvent): void => {\n    if (event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) return;\n\n    this.pressed = !this.pressed;\n  };\n\n  #onDragStart = (event: DragEvent): void => {\n    if (this.disabled || this.readOnly) event.preventDefault();\n  };\n\n  #onDragEnd = (): void => {\n    this._internals.states.delete('active');\n  };\n\n  #onKeydown = (event: KeyboardEvent): void => {\n    if (event.key !== ' ' || event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) {\n      return;\n    }\n\n    event.preventDefault();\n  };\n}\n"],"mappings":";;;;;;;;AAyBO,IAAMI,IAAN,cAAyBC,EAAuBC,CAAU,CAAC,CAAC;;EACjD,KAAA,SAAAC,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBQ,EAAK,SAAS,MAAMA,EACvB;;CAEA,cAAc;EAGZ,AAFA,MAAM,GACN,KAAK,OAAO,UACZ,KAAK,UAAU;CACjB;CAEA,SAAS;EACP,OAAO,CAAI,wFAE6B,KAAK,WAAW,KAAK,WAAW,UAAU,UAAU;CAG9F;CAEA,oBAAoB;EAOlB,AANA,MAAM,kBAAkB,GACxB,KAAK,aAAa,iBAAiB,QAAQ,GACtC,KAAK,aAAa,WAAW,MAAG,KAAK,YAAY,KACtD,KAAK,iBAAiB,SAAS,KAAKC,EAAQ,GAC5C,KAAK,iBAAiB,WAAW,KAAKC,EAAU,GAChD,KAAK,iBAAiB,aAAa,KAAKC,EAAY,GACpD,KAAK,iBAAiB,WAAW,KAAKC,EAAU;CAClD;CAEA,uBAAuB;EAKrB,AAJA,KAAK,oBAAoB,SAAS,KAAKH,EAAQ,GAC/C,KAAK,oBAAoB,WAAW,KAAKC,EAAU,GACnD,KAAK,oBAAoB,aAAa,KAAKC,EAAY,GACvD,KAAK,oBAAoB,WAAW,KAAKC,EAAU,GACnD,MAAM,qBAAqB;CAC7B;CAEA,MAAY,MAA4B;EACtC,AAAIC,EAAM,WAAW,QAAQA,EAAM,oBAAoB,KAAK,YAAY,KAAK,aAE7E,KAAK,UAAU,CAAC,KAAK;CACvB;CAEA,MAAgB,MAA2B;EACzC,CAAI,KAAK,YAAY,KAAK,aAAUA,EAAM,eAAe;CAC3D;CAEA,WAAyB;EACvB,KAAK,WAAW,OAAO,OAAO,QAAQ;CACxC;CAEA,MAAc,MAA+B;EAC3C,AAAIA,EAAM,QAAQ,OAAOA,EAAM,WAAW,QAAQA,EAAM,oBAAoB,KAAK,YAAY,KAAK,YAIlGA,EAAM,eAAe;CACvB;AACF;AAlEC,IAAAZ,EAAA,CAAAa,EAAe,CAAA,GAAAV,CAAA"}

package/dist/drawer/drawer-content2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "./drawer-content.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./drawer-content.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/drawer/drawer-content.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-drawer"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 };
 export { i as DrawerContent };

package/dist/drawer/drawer-content2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-content2.js","names":["styles","drawer_content_default","DrawerContent","LitElement","useStyles"],"sources":["../../src/drawer/drawer-content.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 './drawer-content.css?inline';\n\n/**\n * @element nve-drawer-content\n * @description Contains the scrollable main body content within a drawer panel.\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/drawer\n * @slot - default slot for the drawer content\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DrawerContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drawer-content',\n    version: '0.0.0',\n    parents: ['nve-drawer']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;AAkBA,IAAaE,IAAb,cAAmCC,EAAW;;EAC5B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;AACF"}
+{"version":3,"file":"drawer-content2.js","names":["styles","drawer_content_default","DrawerContent","LitElement","useStyles"],"sources":["../../src/drawer/drawer-content.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/foundations/internal/styles';\nimport styles from './drawer-content.css?inline';\n\n/**\n * @element nve-drawer-content\n * @description Contains the scrollable main body content within a drawer panel.\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/drawer\n * @slot - default slot for the drawer content\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DrawerContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drawer-content',\n    version: '0.0.0',\n    parents: ['nve-drawer']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;AAkBA,IAAaE,IAAb,cAAmCC,EAAW;;EAC5B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;AACF"}

package/dist/drawer/drawer-footer2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "./drawer-footer.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./drawer-footer.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/drawer/drawer-footer.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-drawer"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "footer";

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-footer2.js","names":["styles","drawer_footer_default","DrawerFooter","LitElement","useStyles"],"sources":["../../src/drawer/drawer-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 './drawer-footer.css?inline';\n\n/**\n * @element nve-drawer-footer\n * @description Provides a fixed action area at the bottom of a drawer for primary actions such as save or cancel.\n * @documentation https://nvidia.github.io/elements/docs/elements/drawer/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/drawer\n * @slot - default slot for the drawer footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --min-height\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DrawerFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drawer-footer',\n    version: '0.0.0',\n    parents: ['nve-drawer']\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":";;;;AAoBA,IAAaE,IAAb,cAAkCC,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"drawer-footer2.js","names":["styles","drawer_footer_default","DrawerFooter","LitElement","useStyles"],"sources":["../../src/drawer/drawer-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/foundations/internal/styles';\nimport styles from './drawer-footer.css?inline';\n\n/**\n * @element nve-drawer-footer\n * @description Provides a fixed action area at the bottom of a drawer for primary actions such as save or cancel.\n * @documentation https://nvidia.github.io/elements/docs/elements/drawer/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/drawer\n * @slot - default slot for the drawer footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --min-height\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DrawerFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drawer-footer',\n    version: '0.0.0',\n    parents: ['nve-drawer']\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":";;;;AAoBA,IAAaE,IAAb,cAAkCC,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/drawer/drawer-header2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "./drawer-header.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./drawer-header.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/drawer/drawer-header.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-drawer"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "header";

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-header2.js","names":["styles","drawer_header_default","DrawerHeader","LitElement","useStyles"],"sources":["../../src/drawer/drawer-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 './drawer-header.css?inline';\n\n/**\n * @element nve-drawer-header\n * @description Displays the title and optional close control at the top of a drawer to identify its purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/drawer/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/drawer\n * @slot - default slot for the drawer header\n * @cssprop --border-bottom\n * @cssprop --min-height\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DrawerHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drawer-header',\n    version: '0.0.0',\n    parents: ['nve-drawer']\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,cAAkCC,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"drawer-header2.js","names":["styles","drawer_header_default","DrawerHeader","LitElement","useStyles"],"sources":["../../src/drawer/drawer-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/foundations/internal/styles';\nimport styles from './drawer-header.css?inline';\n\n/**\n * @element nve-drawer-header\n * @description Displays the title and optional close control at the top of a drawer to identify its purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/drawer/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/drawer\n * @slot - default slot for the drawer header\n * @cssprop --border-bottom\n * @cssprop --min-height\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DrawerHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drawer-header',\n    version: '0.0.0',\n    parents: ['nve-drawer']\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,cAAkCC,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY;EACxB;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/drawer/drawer.js

@@ -1,5 +1,5 @@
 // src/drawer/drawer.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;--border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);--background: var(--nve-sys-layer-overlay-background);--color: var(--nve-sys-layer-overlay-color);--padding: 0;--box-shadow: var(--nve-ref-shadow-500);--gap: var(--nve-ref-space-sm);--top: 0px;--max-width: 400px;--width: 100vw;width:var(--width);max-width:var(--max-width);height:calc(100vh - var(--top));margin:initial!important;margin-block-start:var(--top)!important;position-area:unset!important}:host([size=\"sm\"]){--max-width: 280px}:host([size=\"lg\"]){--max-width: 540px}:host([position=\"left\"]){transform:translate(calc(-1 * var(--width)))!important}:host([position=\"right\"]){transform:translate(var(--width))!important}:host(:popover-open){transform:translate(0)!important}:host([inline]){--nve-sys-interaction-background: var(--nve-sys-interaction-background-200);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);--background: var(--nve-sys-layer-container-background);--box-shadow: none;--border: 0;transition:none!important}[internal-host]{border:var(--border);background:var(--background);color:var(--color);box-shadow:var(--box-shadow);bottom:0!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;width:100%}::backdrop{background:transparent}:host([modal])::backdrop{background:#00000012}.header{display:flex;gap:var(--gap)}.content{padding:var(--padding);display:flex;flex-direction:column;align-items:start;overflow:auto;flex:1}nve-icon-button{position:absolute;top:var(--nve-ref-size-200);right:var(--nve-ref-size-200);z-index:99}:host([position=\"bottom\"]),:host([position=\"top\"]){min-width:100%;height:max-content}:host([position=\"bottom\"]) [internal-host],:host([position=\"top\"]) [internal-host]{height:min-content}:host([position=\"left\"]){inset:auto auto auto 0!important}:host([position=\"right\"]){inset:auto 0 auto auto!important}:host([position=\"top\"]){inset:0 auto auto!important}:host([position=\"bottom\"]){inset:auto auto 0!important}";
+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;--border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);--background: var(--nve-sys-layer-overlay-background);--color: var(--nve-sys-layer-overlay-color);--padding: 0;--box-shadow: var(--nve-ref-shadow-500);--gap: var(--nve-ref-space-sm);--top: 0px;--max-width: 400px;--width: 100vw;width:var(--width);max-width:var(--max-width);height:calc(100dvh - var(--top));margin:initial!important;margin-block-start:var(--top)!important;position-area:unset!important}:host([size=\"sm\"]){--max-width: 280px}:host([size=\"lg\"]){--max-width: 540px}:host([position=\"left\"]){transform:translate(calc(-1 * var(--width)))!important}:host([position=\"right\"]){transform:translate(var(--width))!important}:host(:popover-open){transform:translate(0)!important}:host([inline]){--nve-sys-interaction-background: var(--nve-sys-interaction-background-200);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);--background: var(--nve-sys-layer-container-background);--box-shadow: none;--border: 0;transition:none!important}[internal-host]{border:var(--border);background:var(--background);color:var(--color);box-shadow:var(--box-shadow);bottom:0!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;width:100%}::backdrop{background:transparent}:host([modal])::backdrop{background:#00000012}.header{display:flex;gap:var(--gap)}.content{padding:var(--padding);display:flex;flex-direction:column;align-items:start;overflow:auto;flex:1}nve-icon-button{position:absolute;top:var(--nve-ref-size-200);right:var(--nve-ref-size-200);z-index:99}:host([position=\"bottom\"]),:host([position=\"top\"]){min-width:100%;height:max-content}:host([position=\"bottom\"]) [internal-host],:host([position=\"top\"]) [internal-host]{height:min-content}:host([position=\"left\"]){inset:auto auto auto 0!important}:host([position=\"right\"]){inset:auto 0 auto auto!important}:host([position=\"top\"]){inset:0 auto auto!important}:host([position=\"bottom\"]){inset:auto auto 0!important}";
 export { e as default };
 
 //# sourceMappingURL=drawer.js.map

package/dist/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["drawer_default"],"sources":["../../src/drawer/drawer.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  --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --background: var(--nve-sys-layer-overlay-background);\n  --color: var(--nve-sys-layer-overlay-color);\n  --padding: 0;\n  --box-shadow: var(--nve-ref-shadow-500);\n  --gap: var(--nve-ref-space-sm);\n  --top: 0px;\n  --max-width: 400px;\n  --width: 100vw;\n  width: var(--width);\n  max-width: var(--max-width);\n  height: calc(100vh - var(--top));\n  margin: initial !important;\n  margin-block-start: var(--top) !important;\n  position-area: unset !important; /* drawer uses its own fixed positioning with translation */\n}\n\n:host([size='sm']) {\n  --max-width: 280px;\n}\n\n:host([size='lg']) {\n  --max-width: 540px;\n}\n\n:host([position='left']) {\n  transform: translateX(calc(-1 * var(--width))) !important;\n}\n\n:host([position='right']) {\n  transform: translateX(var(--width)) !important;\n}\n\n:host(:popover-open) {\n  transform: translateX(0) !important;\n}\n\n:host([inline]) {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --box-shadow: none;\n  --border: 0;\n  transition: none !important;\n}\n\n[internal-host] {\n  border: var(--border);\n  background: var(--background);\n  color: var(--color);\n  box-shadow: var(--box-shadow);\n  bottom: 0 !important;\n  display: grid;\n  grid-template-rows: auto minmax(0, 1fr) auto;\n  height: 100%;\n  width: 100%;\n}\n\n::backdrop {\n  background: transparent;\n}\n\n:host([modal])::backdrop {\n  /* --nve-sys-layer-backdrop-background (not available on top layer) */\n  background: hsl(0 0% 0% / 0.07); /* eslint-disable-line @nvidia-elements/lint/no-unexpected-css-value */\n}\n\n.header {\n  display: flex;\n  gap: var(--gap);\n}\n\n.content {\n  padding: var(--padding);\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  overflow: auto;\n  flex: 1;\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:host([position='bottom']),\n:host([position='top']) {\n  min-width: 100%;\n  height: max-content;\n}\n\n:host([position='bottom']) [internal-host],\n:host([position='top']) [internal-host] {\n  height: min-content;\n}\n\n:host([position='left']) {\n  inset: auto auto auto 0 !important;\n}\n\n:host([position='right']) {\n  inset: auto 0 auto auto !important;\n}\n\n:host([position='top']) {\n  inset: 0 auto auto !important;\n}\n\n:host([position='bottom']) {\n  inset: auto auto 0 !important;\n}\n"],"mappings":""}
+{"version":3,"file":"drawer.js","names":["drawer_default"],"sources":["../../src/drawer/drawer.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  --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --background: var(--nve-sys-layer-overlay-background);\n  --color: var(--nve-sys-layer-overlay-color);\n  --padding: 0;\n  --box-shadow: var(--nve-ref-shadow-500);\n  --gap: var(--nve-ref-space-sm);\n  --top: 0px;\n  --max-width: 400px;\n  --width: 100vw;\n  width: var(--width);\n  max-width: var(--max-width);\n  height: calc(100dvh - var(--top));\n  margin: initial !important;\n  margin-block-start: var(--top) !important;\n  position-area: unset !important; /* drawer uses its own fixed positioning with translation */\n}\n\n:host([size='sm']) {\n  --max-width: 280px;\n}\n\n:host([size='lg']) {\n  --max-width: 540px;\n}\n\n:host([position='left']) {\n  transform: translateX(calc(-1 * var(--width))) !important;\n}\n\n:host([position='right']) {\n  transform: translateX(var(--width)) !important;\n}\n\n:host(:popover-open) {\n  transform: translateX(0) !important;\n}\n\n:host([inline]) {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --box-shadow: none;\n  --border: 0;\n  transition: none !important;\n}\n\n[internal-host] {\n  border: var(--border);\n  background: var(--background);\n  color: var(--color);\n  box-shadow: var(--box-shadow);\n  bottom: 0 !important;\n  display: grid;\n  grid-template-rows: auto minmax(0, 1fr) auto;\n  height: 100%;\n  width: 100%;\n}\n\n::backdrop {\n  background: transparent;\n}\n\n:host([modal])::backdrop {\n  /* --nve-sys-layer-backdrop-background (not available on top layer) */\n  background: hsl(0 0% 0% / 0.07); /* eslint-disable-line @nvidia-elements/lint/no-unexpected-css-value */\n}\n\n.header {\n  display: flex;\n  gap: var(--gap);\n}\n\n.content {\n  padding: var(--padding);\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  overflow: auto;\n  flex: 1;\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:host([position='bottom']),\n:host([position='top']) {\n  min-width: 100%;\n  height: max-content;\n}\n\n:host([position='bottom']) [internal-host],\n:host([position='top']) [internal-host] {\n  height: min-content;\n}\n\n:host([position='left']) {\n  inset: auto auto auto 0 !important;\n}\n\n:host([position='right']) {\n  inset: auto 0 auto auto !important;\n}\n\n:host([position='top']) {\n  inset: 0 auto auto !important;\n}\n\n:host([position='bottom']) {\n  inset: auto auto 0 !important;\n}\n"],"mappings":""}

package/dist/drawer/drawer2.js

@@ -1,19 +1,19 @@
 import { createGhostElement as e } from "../internal/utils/dom.js";
 import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
 import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
-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 o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as s } from "../icon-button/icon-button2.js";
-import c from "./drawer.js";
-import { LitElement as l, html as u } from "lit";
-import { property as d } from "lit/decorators/property.js";
-import { I18nController as f } from "@nvidia-elements/foundations/internal/i18n";
+import { popoverStyles as r } from "../internal/styles/popover2.js";
+import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as a } from "../icon-button/icon-button2.js";
+import o from "./drawer.js";
+import { LitElement as s, html as c } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { I18nController as u } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as d } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as f } from "@nvidia-elements/foundations/internal/styles";
 // src/drawer/drawer.ts
-var p = { close: "close" }, m = class extends l {
+var p = { close: "close" }, m = class extends s {
 	constructor(...n) {
-		super(...n), this.position = "left", this.anchor = globalThis.document?.body, this.#e = new f(this, p), this.i18n = this.#e.i18n, this.typeNativePopoverController = new t(this), this.#n = (t) => {
+		super(...n), this.position = "left", this.anchor = globalThis.document?.body, this.#e = new u(this, p), this.i18n = this.#e.i18n, this.typeNativePopoverController = new t(this), this.#n = (t) => {
 			this.inline && (this.#t && t.newState === "closed" ? this.#t.remove() : (this.#t = e(this), this.after(this.#t)));
 		};
 	}
@@ -25,19 +25,19 @@ var p = { close: "close" }, m = class extends l {
 		return this.closable ?? !1;
 	}
 	static {
-		this.styles = i([a, c]);
+		this.styles = f([r, o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [s.metadata.tag]: s };
+		this.elementDefinitions = { [a.metadata.tag]: a };
 	}
 	render() {
-		return u`<div internal-host><div class="header"><nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" .hidden="${!this.closable}" @click="${this.hidePopover}" icon-name="cancel" .ariaLabel="${this.i18n.close}" container="flat"></nve-icon-button><slot name="header"></slot></div><div class="content"><slot></slot></div><div><slot name="footer"></slot></div></div>`;
+		return c`<div internal-host><div class="header"><nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" .hidden="${!this.closable}" @click="${this.hidePopover}" icon-name="cancel" .ariaLabel="${this.i18n.close}" container="flat"></nve-icon-button><slot name="header"></slot></div><div class="content"><slot></slot></div><div><slot name="footer"></slot></div></div>`;
 	}
 	#t;
 	connectedCallback() {
@@ -48,23 +48,23 @@ var p = { close: "close" }, m = class extends l {
 	}
 	#n;
 };
-o([d({
+i([l({
 	type: String,
 	reflect: !0
-})], m.prototype, "position", void 0), o([d({
+})], m.prototype, "position", void 0), i([l({
 	type: String,
 	reflect: !0
-})], m.prototype, "size", void 0), o([d({ type: Boolean })], m.prototype, "closable", void 0), o([d({
+})], m.prototype, "size", void 0), i([l({ type: Boolean })], m.prototype, "closable", void 0), i([l({
 	type: Boolean,
 	reflect: !0
-})], m.prototype, "modal", void 0), o([d({ type: String })], m.prototype, "anchor", void 0), o([d({ type: String })], m.prototype, "trigger", void 0), o([d({
+})], m.prototype, "modal", void 0), i([l({ type: String })], m.prototype, "anchor", void 0), i([l({ type: String })], m.prototype, "trigger", void 0), i([l({
 	type: Boolean,
 	reflect: !0
-})], m.prototype, "inline", void 0), o([d({
+})], m.prototype, "inline", void 0), i([l({
 	type: Boolean,
 	reflect: !0,
 	attribute: "behavior-trigger"
-})], m.prototype, "behaviorTrigger", void 0), o([d({ type: Object })], m.prototype, "i18n", void 0), m = o([n(), r()], m);
+})], m.prototype, "behaviorTrigger", void 0), i([l({ type: Object })], m.prototype, "i18n", void 0), m = i([n(), d()], m);
 export { m as Drawer };
 
 //# sourceMappingURL=drawer2.js.map

package/dist/drawer/drawer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer2.js","names":["styles","_decorate","__decorate","drawer_default","i18nDefaults","Drawer","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","#onToggle","#inlineElement","toggleEvent","createGhostElement","useStyles","popoverStyles","IconButton","property","typeSSR","scopedRegistry"],"sources":["../../src/drawer/drawer.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 type { PopoverType, Size } from '@nvidia-elements/core/internal';\nimport {\n  createGhostElement,\n  popoverStyles,\n  scopedRegistry,\n  TypeNativePopoverController,\n  typeSSR,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport styles from './drawer.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-drawer\n * @description A drawer displays content separate from the rest of the page, such as notifications, navigation, and settings.\n * @documentation https://nvidia.github.io/elements/docs/elements/drawer/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/drawer\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 drawer opens.\n * @event close - Dispatched when the drawer closes.\n * @slot - Drawer body content displayed between the header and footer.\n * @cssprop --border\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --gap\n * @cssprop --top\n * @cssprop --max-width\n * @cssprop --width\n * @cssprop --animation-duration - Duration of drawer open/close animations\n * @csspart icon-button - The close icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\n@typeSSR()\n@scopedRegistry()\nexport class Drawer extends LitElement {\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   * For drawer the anchor defaults to the document body.\n   */\n  @property({ type: String, reflect: true }) position: 'left' | 'right' | 'bottom' | 'top' = 'left';\n\n  /**\n   * Sets the max size of the drawer.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  /**\n   * Determines if a close button should render within drawer. Non-closable\n   * drawers suit drawers that require user confirmation steps.\n   */\n  @property({ type: Boolean }) closable: boolean;\n\n  /**\n   * Determines if a drawer should have a modal backdrop that visually overlays the UI.\n   */\n  @property({ type: Boolean, reflect: true }) modal: boolean;\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 = globalThis.document?.body;\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   * Create a inline layout effect while retaining the a11y characteristics and top layer behavior (light dismiss, focus trap, non interactive background)\n   * https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n   */\n  @property({ type: Boolean, reflect: true }) inline: boolean;\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  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  get popoverType(): PopoverType {\n    return this.modal ? 'auto' : 'manual';\n  }\n\n  /** @private */\n  get popoverDismissible() {\n    return this.closable ?? false;\n  }\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Drawer>(this);\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drawer',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  render() {\n    return html`\n    <div internal-host>\n      <div class=\"header\">\n        <nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" .hidden=${!this.closable} @click=${this.hidePopover} icon-name=\"cancel\" .ariaLabel=${this.i18n.close} container=\"flat\"></nve-icon-button>\n        <slot name=\"header\"></slot>\n      </div>\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n      <div>\n        <slot name=\"footer\"></slot>\n      </div>\n    </div>\n    `;\n  }\n\n  #inlineElement?: HTMLElement;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('toggle', this.#onToggle);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('toggle', this.#onToggle);\n    this.#inlineElement?.remove();\n    this.#inlineElement = undefined;\n  }\n\n  #onToggle = (toggleEvent: ToggleEvent) => {\n    if (this.inline) {\n      if (this.#inlineElement && toggleEvent.newState === 'closed') {\n        this.#inlineElement.remove();\n      } else {\n        this.#inlineElement = createGhostElement(this);\n        this.after(this.#inlineElement);\n      }\n    }\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAMI,IAAe,EACnB,OAAO,QACT,GA4BaC,IAAN,cAAqBC,EAAW;;EA6GxB,A,aAxG8E,KAAA,WAAA,QAsBhC,KAAA,SAAA,WAAW,UAAU,MAqBxC,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAYhB,KAAA,8BAAA,IAAIE,EAAoC,IAAI,GA4CvE,KAAAC,MAAA,MAA6B;GACxC,AAAI,KAAK,WACH,KAAKC,MAAkBC,EAAY,aAAa,WAClD,KAAKD,GAAe,OAAO,KAE3B,KAAKA,KAAiBE,EAAmB,IAAI,GAC7C,KAAK,MAAM,KAAKF,EAAc;EAGpC;;CAtEA;CAQA,IAAI,cAA2B;EAC7B,OAAO,KAAK,QAAQ,SAAS;CAC/B;CAGA,IAAI,qBAAqB;EACvB,OAAO,KAAK,YAAY;CAC1B;;EAIgB,KAAA,SAAAG,EAAU,CAACC,GAAehB,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBiB,EAAW,SAAS,MAAMA,EAC7B;;CAEA,SAAS;EACP,OAAO,CAAI,2HAG2E,CAAC,KAAK,SAAS,YAAU,KAAK,YAAY,mCAAiC,KAAK,KAAK,MAAM;CAWnL;CAEA;CAEA,oBAA0B;EAExB,AADA,MAAM,kBAAkB,GACxB,KAAK,iBAAiB,UAAU,KAAKN,EAAS;CAChD;CAEA,uBAA6B;EAI3B,AAHA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,UAAU,KAAKA,EAAS,GACjD,KAAKC,IAAgB,OAAO,GAC5B,KAAKA,KAAiB,KAAA;CACxB;CAEA;AAUF;AAlHGX,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,QAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAb,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,SAAA,KAAA,CAAA,GAMzCJ,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,GAMzBJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,UAAA,KAAA,CAAA,GAMzCJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAb,EAAA,WAAA,mBAAA,KAAA,CAAA,GAOxEJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAb,EAAA,WAAA,QAAA,KAAA,CAAA,GAvD3B,IAAAJ,EAAA,CAAAkB,EAAQ,GACRC,EAAe,CAAA,GAAAf,CAAA"}
+{"version":3,"file":"drawer2.js","names":["styles","_decorate","__decorate","drawer_default","i18nDefaults","Drawer","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","#onToggle","#inlineElement","toggleEvent","createGhostElement","useStyles","popoverStyles","IconButton","property","typeSSR","scopedRegistry"],"sources":["../../src/drawer/drawer.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 type { PopoverType, Size } from '@nvidia-elements/core/internal';\nimport {\n  createGhostElement,\n  popoverStyles,\n  TypeNativePopoverController,\n  typeSSR\n} from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport styles from './drawer.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-drawer\n * @description A drawer displays content separate from the rest of the page, such as notifications, navigation, and settings.\n * @documentation https://nvidia.github.io/elements/docs/elements/drawer/\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/drawer\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 drawer opens.\n * @event close - Dispatched when the drawer closes.\n * @slot - Drawer body content displayed between the header and footer.\n * @cssprop --border\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --gap\n * @cssprop --top\n * @cssprop --max-width\n * @cssprop --width\n * @cssprop --animation-duration - Duration of drawer open/close animations\n * @csspart icon-button - The close icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\n@typeSSR()\n@scopedRegistry()\nexport class Drawer extends LitElement {\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   * For drawer the anchor defaults to the document body.\n   */\n  @property({ type: String, reflect: true }) position: 'left' | 'right' | 'bottom' | 'top' = 'left';\n\n  /**\n   * Sets the max size of the drawer.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  /**\n   * Determines if a close button should render within drawer. Non-closable\n   * drawers suit drawers that require user confirmation steps.\n   */\n  @property({ type: Boolean }) closable: boolean;\n\n  /**\n   * Determines if a drawer should have a modal backdrop that visually overlays the UI.\n   */\n  @property({ type: Boolean, reflect: true }) modal: boolean;\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 = globalThis.document?.body;\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   * Create a inline layout effect while retaining the a11y characteristics and top layer behavior (light dismiss, focus trap, non interactive background)\n   * https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n   */\n  @property({ type: Boolean, reflect: true }) inline: boolean;\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  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  get popoverType(): PopoverType {\n    return this.modal ? 'auto' : 'manual';\n  }\n\n  /** @private */\n  get popoverDismissible() {\n    return this.closable ?? false;\n  }\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Drawer>(this);\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drawer',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  render() {\n    return html`\n    <div internal-host>\n      <div class=\"header\">\n        <nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" .hidden=${!this.closable} @click=${this.hidePopover} icon-name=\"cancel\" .ariaLabel=${this.i18n.close} container=\"flat\"></nve-icon-button>\n        <slot name=\"header\"></slot>\n      </div>\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n      <div>\n        <slot name=\"footer\"></slot>\n      </div>\n    </div>\n    `;\n  }\n\n  #inlineElement?: HTMLElement;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('toggle', this.#onToggle);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('toggle', this.#onToggle);\n    this.#inlineElement?.remove();\n    this.#inlineElement = undefined;\n  }\n\n  #onToggle = (toggleEvent: ToggleEvent) => {\n    if (this.inline) {\n      if (this.#inlineElement && toggleEvent.newState === 'closed') {\n        this.#inlineElement.remove();\n      } else {\n        this.#inlineElement = createGhostElement(this);\n        this.after(this.#inlineElement);\n      }\n    }\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAMI,IAAe,EACnB,OAAO,QACT,GA4BaC,IAAN,cAAqBC,EAAW;;EA6GxB,A,aAxG8E,KAAA,WAAA,QAsBhC,KAAA,SAAA,WAAW,UAAU,MAqBxC,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAYhB,KAAA,8BAAA,IAAIE,EAAoC,IAAI,GA4CvE,KAAAC,MAAA,MAA6B;GACxC,AAAI,KAAK,WACH,KAAKC,MAAkBC,EAAY,aAAa,WAClD,KAAKD,GAAe,OAAO,KAE3B,KAAKA,KAAiBE,EAAmB,IAAI,GAC7C,KAAK,MAAM,KAAKF,EAAc;EAGpC;;CAtEA;CAQA,IAAI,cAA2B;EAC7B,OAAO,KAAK,QAAQ,SAAS;CAC/B;CAGA,IAAI,qBAAqB;EACvB,OAAO,KAAK,YAAY;CAC1B;;EAIgB,KAAA,SAAAG,EAAU,CAACC,GAAehB,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBiB,EAAW,SAAS,MAAMA,EAC7B;;CAEA,SAAS;EACP,OAAO,CAAI,2HAG2E,CAAC,KAAK,SAAS,YAAU,KAAK,YAAY,mCAAiC,KAAK,KAAK,MAAM;CAWnL;CAEA;CAEA,oBAA0B;EAExB,AADA,MAAM,kBAAkB,GACxB,KAAK,iBAAiB,UAAU,KAAKN,EAAS;CAChD;CAEA,uBAA6B;EAI3B,AAHA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,UAAU,KAAKA,EAAS,GACjD,KAAKC,IAAgB,OAAO,GAC5B,KAAKA,KAAiB,KAAA;CACxB;CAEA;AAUF;AAlHGX,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,QAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAb,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,SAAA,KAAA,CAAA,GAMzCJ,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,GAMzBJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAb,EAAA,WAAA,UAAA,KAAA,CAAA,GAMzCJ,EAAA,CAAAiB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAb,EAAA,WAAA,mBAAA,KAAA,CAAA,GAOxEJ,EAAA,CAAAiB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAb,EAAA,WAAA,QAAA,KAAA,CAAA,GAvD3B,IAAAJ,EAAA,CAAAkB,EAAQ,GACRC,EAAe,CAAA,GAAAf,CAAA"}

package/dist/dropdown/dropdown-footer2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "./dropdown-footer.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./dropdown-footer.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/dropdown/dropdown-footer.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-dropdown"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "footer";

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-footer2.js","names":["styles","dropdown_footer_default","DropdownFooter","LitElement","useStyles"],"sources":["../../src/dropdown/dropdown-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 './dropdown-footer.css?inline';\n\n/**\n * @element nve-dropdown-footer\n * @description Provides a fixed area at the bottom of a dropdown menu for extra actions or supplementary controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropdown/\n * @since 0.36.0\n * @entrypoint \\@nvidia-elements/core/dropdown\n * @slot - default slot for the dropdown footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\nexport class DropdownFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropdown-footer',\n    version: '0.0.0',\n    parents: ['nve-dropdown']\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,cAAoCC,EAAW;;EAC7B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,cAAc;EAC1B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"dropdown-footer2.js","names":["styles","dropdown_footer_default","DropdownFooter","LitElement","useStyles"],"sources":["../../src/dropdown/dropdown-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/foundations/internal/styles';\nimport styles from './dropdown-footer.css?inline';\n\n/**\n * @element nve-dropdown-footer\n * @description Provides a fixed area at the bottom of a dropdown menu for extra actions or supplementary controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropdown/\n * @since 0.36.0\n * @entrypoint \\@nvidia-elements/core/dropdown\n * @slot - default slot for the dropdown footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\nexport class DropdownFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropdown-footer',\n    version: '0.0.0',\n    parents: ['nve-dropdown']\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,cAAoCC,EAAW;;EAC7B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,cAAc;EAC1B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/dropdown/dropdown-header2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "./dropdown-header.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./dropdown-header.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/dropdown/dropdown-header.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-header",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-dropdown"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "header";

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-header2.js","names":["styles","dropdown_header_default","DropdownHeader","LitElement","useStyles"],"sources":["../../src/dropdown/dropdown-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 './dropdown-header.css?inline';\n\n/**\n * @element nve-dropdown-header\n * @description Displays a title or contextual label at the top of a dropdown menu to categorize its contents.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropdown/\n * @since 0.36.0\n * @entrypoint \\@nvidia-elements/core/dropdown\n * @slot - default slot for the dropdown header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\nexport class DropdownHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropdown-header',\n    version: '0.0.0',\n    parents: ['nve-dropdown']\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":";;;;AAkBA,IAAaE,IAAb,cAAoCC,EAAW;;EAC7B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,cAAc;EAC1B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"dropdown-header2.js","names":["styles","dropdown_header_default","DropdownHeader","LitElement","useStyles"],"sources":["../../src/dropdown/dropdown-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/foundations/internal/styles';\nimport styles from './dropdown-header.css?inline';\n\n/**\n * @element nve-dropdown-header\n * @description Displays a title or contextual label at the top of a dropdown menu to categorize its contents.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropdown/\n * @since 0.36.0\n * @entrypoint \\@nvidia-elements/core/dropdown\n * @slot - default slot for the dropdown header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\nexport class DropdownHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropdown-header',\n    version: '0.0.0',\n    parents: ['nve-dropdown']\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":";;;;AAkBA,IAAaE,IAAb,cAAoCC,EAAW;;EAC7B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,cAAc;EAC1B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/dropdown/dropdown2.js

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

package/dist/dropdown/dropdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown2.js","names":["styles","_decorate","__decorate","dropdown_default","i18nDefaults","Dropdown","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","useStyles","popoverStyles","IconButton","property","query","audit","scopedRegistry"],"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  popoverStyles,\n  scopedRegistry,\n  TypeNativePopoverController,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './dropdown.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\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.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropdown/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dropdown\n * @event beforetoggle - Dispatched on a popover just before showing or hiding.\n * @event toggle - Dispatched on a popover element just after showing or hiding.\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  /** @private */\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\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    </div>\n    ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n  `;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,IAAMI,IAAe,EACnB,OAAO,QACT,GA6BaC,IAAN,cAAuBC,EAAW;;EA0EJ,A,aA9CoC,KAAA,WAAA,UAMF,KAAA,YAAA,SAY7B,KAAA,WAAA,IAKH,KAAA,QAAA,IAGe,KAAA,QAAA,IAG8B,KAAA,cAAA,QAK1C,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAE3C,KAAA,8BAAA,IAAIM,EAAsC,IAAI,GAUnD,KAAA,OAAA,KAAKF,GAAgB;;;EAzExC,KAAA,SAAAG,EAAU,CAACC,GAAeZ,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBa,EAAW,SAAS,MAAMA,EAC7B;;CAoDA;CAKA,IAAI,qBAAqB;EACvB,OAAO,KAAK;CACd;CAOA,SAAS;EACP,OAAO,CAAI,iDAGP,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG,gDAI/N,KAAK,QAAQ,CAAI,8BAA8B;CAEnD;AACF;AAvEGZ,EAAA,CAAAa,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAT,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBJ,EAAA,CAAAa,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAT,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAT,EAAA,WAAA,mBAAA,KAAA,CAAA,GAMxEJ,EAAA,CAAAa,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAAa,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAT,EAAA,WAAA,SAAA,KAAA,CAAA,GAG1BJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzCJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAe,CAAC,CAAA,GAAAT,EAAA,WAAA,eAAA,KAAA,CAAA,GAGpDJ,EAAA,CAAAc,EAAM,QAAQ,CAAA,GAAAV,EAAA,WAAA,gBAAA,KAAA,CAAA,GAcdJ,EAAA,CAAAa,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAT,EAAA,WAAA,QAAA,KAAA,CAAA,GA5E3B,IAAAJ,EAAA,CAAAe,EAAM,EAAE,wBAAA,GAAuB,CAAC,GAChCC,EAAe,CAAA,GAAAZ,CAAA"}
+{"version":3,"file":"dropdown2.js","names":["styles","_decorate","__decorate","dropdown_default","i18nDefaults","Dropdown","LitElement","_args","#i18nController","I18nController","TypeNativePopoverController","useStyles","popoverStyles","IconButton","property","query","audit","scopedRegistry"],"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  popoverStyles,\n  TypeNativePopoverController\n} from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './dropdown.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\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.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropdown/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dropdown\n * @event beforetoggle - Dispatched on a popover just before showing or hiding.\n * @event toggle - Dispatched on a popover element just after showing or hiding.\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  /** @private */\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\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    </div>\n    ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n  `;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,IAAMI,IAAe,EACnB,OAAO,QACT,GA6BaC,IAAN,cAAuBC,EAAW;;EA0EJ,A,aA9CoC,KAAA,WAAA,UAMF,KAAA,YAAA,SAY7B,KAAA,WAAA,IAKH,KAAA,QAAA,IAGe,KAAA,QAAA,IAG8B,KAAA,cAAA,QAK1C,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAE3C,KAAA,8BAAA,IAAIM,EAAsC,IAAI,GAUnD,KAAA,OAAA,KAAKF,GAAgB;;;EAzExC,KAAA,SAAAG,EAAU,CAACC,GAAeZ,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBa,EAAW,SAAS,MAAMA,EAC7B;;CAoDA;CAKA,IAAI,qBAAqB;EACvB,OAAO,KAAK;CACd;CAOA,SAAS;EACP,OAAO,CAAI,iDAGP,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG,gDAI/N,KAAK,QAAQ,CAAI,8BAA8B;CAEnD;AACF;AAvEGZ,EAAA,CAAAa,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAT,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBJ,EAAA,CAAAa,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAT,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAT,EAAA,WAAA,mBAAA,KAAA,CAAA,GAMxEJ,EAAA,CAAAa,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAAa,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAT,EAAA,WAAA,SAAA,KAAA,CAAA,GAG1BJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzCJ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAe,CAAC,CAAA,GAAAT,EAAA,WAAA,eAAA,KAAA,CAAA,GAGpDJ,EAAA,CAAAc,EAAM,QAAQ,CAAA,GAAAV,EAAA,WAAA,gBAAA,KAAA,CAAA,GAcdJ,EAAA,CAAAa,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAT,EAAA,WAAA,QAAA,KAAA,CAAA,GA5E3B,IAAAJ,EAAA,CAAAe,EAAM,EAAE,wBAAA,GAAuB,CAAC,GAChCC,EAAe,CAAA,GAAAZ,CAAA"}