@nvidia-elements/core 2.20.0 → 2.20.2

package/dist/drawer/define.js

@@ -4,6 +4,5 @@ import { DrawerFooter as n } from "./drawer-footer2.js";
 import { DrawerHeader as r } from "./drawer-header2.js";
 import { define as i } from "@nvidia-elements/foundations/internal/define";
 i(e), i(n), i(r), i(t);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/drawer/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/drawer/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from '@nvidia-elements/core/drawer';\n\ndefine(Drawer);\ndefine(DrawerFooter);\ndefine(DrawerHeader);\ndefine(DrawerContent);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-drawer': Drawer;\n    'nve-drawer-footer': DrawerFooter;\n    'nve-drawer-header': DrawerHeader;\n    'nve-drawer-content': DrawerContent;\n  }\n}\n"],"mappings":";;;;;AAMA,EAAO,CAAM,GACb,EAAO,CAAY,GACnB,EAAO,CAAY,GACnB,EAAO,CAAa"}
+{"version":3,"file":"define.js","names":["define","Drawer","DrawerFooter","DrawerHeader","DrawerContent"],"sources":["../../src/drawer/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from '@nvidia-elements/core/drawer';\n\ndefine(Drawer);\ndefine(DrawerFooter);\ndefine(DrawerHeader);\ndefine(DrawerContent);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-drawer': Drawer;\n    'nve-drawer-footer': DrawerFooter;\n    'nve-drawer-header': DrawerHeader;\n    'nve-drawer-content': DrawerContent;\n  }\n}\n"],"mappings":";;;;;AAMAA,EAAOC,CAAM,GACbD,EAAOE,CAAY,GACnBF,EAAOG,CAAY,GACnBH,EAAOI,CAAa"}

package/dist/drawer/drawer-content.js

@@ -1,6 +1,5 @@
-//#region src/drawer/drawer-content.css?inline
+// src/drawer/drawer-content.css?inline
 var e = ":host{--padding: var(--nve-ref-size-300) var(--nve-ref-size-400);--gap: var(--nve-ref-space-sm);width:100%;height:100%;flex:1;justify-content:stretch;flex-direction:column;display:flex;overflow:auto;gap:var(--gap);contain:none}[internal-host]{background:var(--background);padding:var(--padding);height:100%;width:100%;flex:1}::slotted(nve-menu){--width: 100%}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=drawer-content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-content.js","names":[],"sources":["../../src/drawer/drawer-content.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  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --gap: var(--nve-ref-space-sm);\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  justify-content: stretch;\n  flex-direction: column;\n  display: flex;\n  overflow: auto;\n  gap: var(--gap);\n  contain: none;\n}\n\n[internal-host] {\n  background: var(--background);\n  padding: var(--padding);\n  height: 100%;\n  width: 100%;\n  flex: 1;\n}\n\n::slotted(nve-menu) {\n  --width: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"drawer-content.js","names":["drawer_content_default"],"sources":["../../src/drawer/drawer-content.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  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --gap: var(--nve-ref-space-sm);\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  justify-content: stretch;\n  flex-direction: column;\n  display: flex;\n  overflow: auto;\n  gap: var(--gap);\n  contain: none;\n}\n\n[internal-host] {\n  background: var(--background);\n  padding: var(--padding);\n  height: 100%;\n  width: 100%;\n  flex: 1;\n}\n\n::slotted(nve-menu) {\n  --width: 100%;\n}\n"],"mappings":""}

package/dist/drawer/drawer-content2.js

@@ -1,7 +1,7 @@
 import { useStyles as e } from "../internal/styles/index.js";
 import t from "./drawer-content.js";
 import { LitElement as n, html as r } from "lit";
-//#region src/drawer/drawer-content.ts
+// src/drawer/drawer-content.ts
 var i = class extends n {
 	static {
 		this.styles = e([t]);
@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.20.0",
+			version: "2.20.2",
 			parents: ["nve-drawer"]
 		};
 	}
@@ -17,7 +17,6 @@ var i = class extends n {
 		return r`<div internal-host><slot></slot></div>`;
 	}
 };
-//#endregion
 export { i as DrawerContent };
 
 //# sourceMappingURL=drawer-content2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-content2.js","names":[],"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,IAAa,IAAb,cAAmC,EAAW;;EAC5B,KAAA,SAAA,EAAU,CAAC,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/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"}

package/dist/drawer/drawer-footer.js

@@ -1,6 +1,5 @@
-//#region src/drawer/drawer-footer.css?inline
+// src/drawer/drawer-footer.css?inline
 var e = ":host{--border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);--padding: var(--nve-ref-size-300) var(--nve-ref-size-400);--gap: var(--nve-ref-space-sm);--min-height: calc(var(--nve-ref-size-1000) + var(--nve-ref-size-200));display:block}[internal-host]{background:var(--background);border-top:var(--border-top);padding:var(--padding);gap:var(--gap);min-height:var(--min-height);display:flex;align-items:center}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=drawer-footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-footer.js","names":[],"sources":["../../src/drawer/drawer-footer.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --gap: var(--nve-ref-space-sm);\n  --min-height: calc(var(--nve-ref-size-1000) + var(--nve-ref-size-200));\n  display: block;\n}\n\n[internal-host] {\n  background: var(--background);\n  border-top: var(--border-top);\n  padding: var(--padding);\n  gap: var(--gap);\n  min-height: var(--min-height);\n  display: flex;\n  align-items: center;\n}\n"],"mappings":""}
+{"version":3,"file":"drawer-footer.js","names":["drawer_footer_default"],"sources":["../../src/drawer/drawer-footer.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --gap: var(--nve-ref-space-sm);\n  --min-height: calc(var(--nve-ref-size-1000) + var(--nve-ref-size-200));\n  display: block;\n}\n\n[internal-host] {\n  background: var(--background);\n  border-top: var(--border-top);\n  padding: var(--padding);\n  gap: var(--gap);\n  min-height: var(--min-height);\n  display: flex;\n  align-items: center;\n}\n"],"mappings":""}

package/dist/drawer/drawer-footer2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-footer2.js","names":[],"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,IAAa,IAAb,cAAkC,EAAW;;EAC3B,KAAA,SAAA,EAAU,CAAC,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/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"}

package/dist/drawer/drawer-header.js

@@ -1,6 +1,5 @@
-//#region src/drawer/drawer-header.css?inline
+// src/drawer/drawer-header.css?inline
 var e = ":host{--border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);--min-height: calc(var(--nve-ref-size-1000) + var(--nve-ref-size-200));--padding: var(--nve-ref-size-300);display:block;width:100%}[internal-host]{background:var(--background);border-bottom:var(--border-bottom);padding:var(--padding);color:var(--color);min-height:var(--min-height);display:flex;align-items:center}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=drawer-header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-header.js","names":[],"sources":["../../src/drawer/drawer-header.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --min-height: calc(var(--nve-ref-size-1000) + var(--nve-ref-size-200));\n  --padding: var(--nve-ref-size-300);\n  display: block;\n  width: 100%;\n}\n\n[internal-host] {\n  background: var(--background);\n  border-bottom: var(--border-bottom);\n  padding: var(--padding);\n  color: var(--color);\n  min-height: var(--min-height);\n  display: flex;\n  align-items: center;\n}\n"],"mappings":""}
+{"version":3,"file":"drawer-header.js","names":["drawer_header_default"],"sources":["../../src/drawer/drawer-header.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --min-height: calc(var(--nve-ref-size-1000) + var(--nve-ref-size-200));\n  --padding: var(--nve-ref-size-300);\n  display: block;\n  width: 100%;\n}\n\n[internal-host] {\n  background: var(--background);\n  border-bottom: var(--border-bottom);\n  padding: var(--padding);\n  color: var(--color);\n  min-height: var(--min-height);\n  display: flex;\n  align-items: center;\n}\n"],"mappings":""}

package/dist/drawer/drawer-header2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-header2.js","names":[],"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,IAAa,IAAb,cAAkC,EAAW;;EAC3B,KAAA,SAAA,EAAU,CAAC,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/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"}

package/dist/drawer/drawer.examples.js

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

package/dist/drawer/drawer.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.examples.js","names":[],"sources":["../../src/drawer/drawer.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/drawer/define.js';\n\nexport default {\n  title: 'Elements/Drawer',\n  component: 'nve-drawer',\n  inline: false\n};\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\n * @summary Basic modal drawer with header, content, and footer sections. Use for displaying detailed information, forms, or settings that need more space than a dialog, typically sliding in from the side of the screen.\n */\nexport const Default = {\n  render: () => html`\n<nve-drawer id=\"drawer\" closable modal>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n<nve-button popovertarget=\"drawer\">button</nve-button>\n  `,\n};\n\n/**\n * @summary Complete drawer layout pattern with header, scrollable content, and footer sections for consistent drawer structure.\n * @tags test-case\n */\nexport const Visual = {\n  render: () => html`\n<nve-drawer closable>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `,\n};\n\n/**\n * @summary Drawer with scrollable content for overflow behavior. Use when drawer content exceeds viewport height, ensuring header and footer remain fixed while content scrolls independently.\n * @tags test-case\n */\nexport const Scroll = {\n  render: () => html`\n<nve-drawer closable>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\" style=\"height: 2500px\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `,\n};\n\n/**\n * @summary Event handling for drawer open, close, and toggle events. Useful for adding custom behavior when drawer state changes.\n * @tags test-case\n */\nexport const Events = {\n  render: () => html`\n<nve-drawer id=\"drawer\" closable modal position=\"right\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n</nve-drawer>\n<nve-button popovertarget=\"drawer\">open</nve-button>\n<script type=\"module\">\n  const drawer = document.querySelector('nve-drawer');\n  drawer.addEventListener('beforetoggle', () => console.log('beforetoggle'));\n  drawer.addEventListener('toggle', () => console.log('toggle'));\n  drawer.addEventListener('open', () => console.log('open'));\n  drawer.addEventListener('close', () => console.log('close'));\n</script>\n  `\n};\n\n/**\n * @summary Small drawer size for compact side panels and quick actions. Ideal for navigation menus, filters, or supplementary information that shouldn't dominate the screen.\n * @tags test-case\n */\nexport const Small = {\n  render: () => html`\n<nve-drawer size=\"sm\" closable>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `\n};\n\n/**\n * @summary Large drawer size for comprehensive content like detailed forms or settings panels. Use when users need significant screen space for complex tasks without leaving the current page context.\n * @tags test-case\n */\nexport const Large = {\n  render: () => html`\n<nve-drawer size=\"lg\" closable>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `\n};\n\n/**\n * @summary Non-closable drawer requiring explicit user action to close. Use for critical workflows or multi-step processes where users must complete or explicitly cancel actions, preventing accidental dismissal.\n * @tags test-case\n */\nexport const NonClosable = {\n  render: () => html`\n<nve-button id=\"open-btn\">open</nve-button>\n<nve-drawer hidden modal>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n<script type=\"module\">\n  const drawer = document.querySelector('nve-drawer');\n  const open = document.querySelector('#open-btn');\n  const cancel = document.querySelector('#cancel-btn');\n  open.addEventListener('click', () => drawer.hidden = false);\n  cancel.addEventListener('click', () => drawer.hidden = true);\n</script>\n  `\n};\n\n/**\n * @summary Drawer positioning from all four screen edges. Use position based on content type and user workflow: right for details/settings, left for navigation, top/bottom for notifications or quick actions that span the width.\n * @tags test-case\n */\nexport const Position = {\n  inline: false,\n  render: () => html`\n<div nve-layout=\"row align:center gap:md\">\n  <nve-button popovertarget=\"popover-top\">open top</nve-button>\n  <nve-button popovertarget=\"popover-left\">open left</nve-button>\n  <nve-button popovertarget=\"popover-right\">open right</nve-button>\n  <nve-button popovertarget=\"popover-bottom\">open bottom</nve-button>\n</div>\n\n<nve-drawer id=\"popover-top\" closable modal position=\"top\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Top</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\" style=\"height: 200px\">some text content in a top closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer id=\"popover-left\" closable modal position=\"left\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Left</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer id=\"popover-right\" closable modal position=\"right\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Right</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">some text content in a right closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer id=\"popover-bottom\" closable modal position=\"bottom\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Bottom</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\" style=\"height: 200px\">some text content in a bottom closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `\n};\n\n/**\n * @summary Legacy drawer positioning with manual visibility management. Uses an older pattern with programmatic position control and event handling for backward compatibility.\n * @tags test-case\n */\nexport const LegacyPosition = {\n  inline: false,\n  render: () => html`\n<div nve-layout=\"row align:center gap:md\" style=\"height: 95vh\">\n  <nve-button class=\"drawer-btn-left\">open left</nve-button>\n  <nve-button class=\"drawer-btn-right\">open right</nve-button>\n  <nve-button class=\"drawer-btn-bottom\">open bottom</nve-button>\n</div>\n\n<nve-drawer closable modal hidden position=\"left\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Left</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer closable modal hidden position=\"right\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Right</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">some text content in a right closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer closable modal hidden position=\"bottom\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Bottom</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">some text content in a bottom closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n<script type=\"module\">\n  const leftDrawer = document.querySelector('nve-drawer[position=\"left\"]');\n  document.querySelector('.drawer-btn-left').addEventListener('click', () => {\n    leftDrawer.position = 'left';\n    leftDrawer.hidden = false;\n  });\n\n  const rightDrawer = document.querySelector('nve-drawer[position=\"right\"]');\n  document.querySelector('.drawer-btn-right').addEventListener('click', () => {\n    rightDrawer.position = 'right';\n    rightDrawer.hidden = false;\n  });\n\n  const bottomDrawer = document.querySelector('nve-drawer[position=\"bottom\"]');\n  document.querySelector('.drawer-btn-bottom').addEventListener('click', () => {\n    bottomDrawer.position = 'bottom';\n    bottomDrawer.hidden = false;\n  });\n\n  leftDrawer.addEventListener('close', () => leftDrawer.hidden = true);\n  rightDrawer.addEventListener('close', () => rightDrawer.hidden = true);\n  bottomDrawer.addEventListener('close', () => bottomDrawer.hidden = true);\n</script>\n  `\n};\n\n\n/**\n * @summary Inline drawer constrained within a parent container rather than full viewport. Perfect for detail panels within cards or sections, maintaining context without overlaying the entire application.\n * @tags test-case\n */\nexport const Inline = {\n  render: () => html`\n<div nve-layout=\"row align:horizontal-stretch\">\n  <div nve-layout=\"column gap:md align:stretch\">\n    <nve-card style=\"height: 200px\">\n      <nve-card-content>\n        <nve-button popovertarget=\"drawer\">inline drawer</nve-button>\n      </nve-card-content>\n    </nve-card>\n    <nve-card style=\"height: 200px\"></nve-card>\n  </div>\n\n  <nve-drawer id=\"drawer\" closable modal inline position=\"right\">\n    <nve-drawer-header>\n      <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n    </nve-drawer-header>\n    <nve-drawer-content>\n      <p nve-text=\"body\">drawer content</p>\n    </nve-drawer-content>\n    <nve-drawer-footer>\n      <p nve-text=\"body\">drawer footer</p>\n    </nve-drawer-footer>\n  </nve-drawer>\n</div>\n  `\n};\n\n/**\n * @summary Inline drawer in persistent open state for always-visible side panels. Use for navigation, filters, or contextual information that should remain accessible while users interact with main content.\n * @tags test-case\n */\nexport const InlineVisible = {\n  render: () => html`\n<div nve-layout=\"row align:horizontal-stretch\">\n  <div nve-layout=\"column gap:md align:stretch\">\n    <nve-card style=\"height: 200px\">\n      <nve-card-content>\n        open inline drawer\n      </nve-card-content>\n    </nve-card>\n    <nve-card style=\"height: 200px\"></nve-card>\n  </div>\n\n  <nve-drawer id=\"drawer\" inline position=\"right\">\n    <nve-drawer-header>\n      <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n    </nve-drawer-header>\n    <nve-drawer-content>\n      <p nve-text=\"body\">drawer content</p>\n    </nve-drawer-content>\n    <nve-drawer-footer>\n      <p nve-text=\"body\">drawer footer</p>\n    </nve-drawer-footer>\n  </nve-drawer>\n</div>\n  `\n};\n\n/**\n * @summary Legacy inline drawer pattern with manual visibility control. Uses an older implementation for inline drawer management; prefer the modern popovertarget API for new implementations.\n * @tags test-case\n */\nexport const LegacyInline = {\n  render: () => html`\n<div nve-layout=\"row align:stretch\">\n  <div nve-layout=\"column gap:md align:horizontal-stretch\">\n    <nve-card style=\"height: 200px\">\n      <nve-card-content>\n        <nve-button>open inline drawer</nve-button>\n      </nve-card-content>\n    </nve-card>\n    <nve-card style=\"height: 200px\"></nve-card>\n  </div>\n\n  <nve-drawer hidden closable modal inline position=\"right\">\n    <nve-drawer-header>\n      <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n    </nve-drawer-header>\n    <nve-drawer-content>\n      <p nve-text=\"body\">drawer content</p>\n    </nve-drawer-content>\n    <nve-drawer-footer>\n      <p nve-text=\"body\">drawer footer</p>\n    </nve-drawer-footer>\n  </nve-drawer>\n</div>\n<script type=\"module\">\n  const drawer = document.querySelector('nve-drawer');\n  const open = document.querySelector('nve-button');\n  open.addEventListener('click', () => drawer.hidden = false);\n  drawer.addEventListener('close', () => drawer.hidden = true);\n</script>\n  `\n};\n\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n\n/**\n * @summary Legacy behavior-trigger pattern for automatic drawer lifecycle management. Deprecated approach that auto-manages visibility and state, prefer modern popovertarget API for new implementations.\n * @tags test-case\n */\nexport const LegacyBehaviorTrigger = {\n  render: () => html`\n<nve-button id=\"drawer-btn\">open</nve-button>\n<nve-drawer behavior-trigger trigger=\"drawer-btn\" closable modal hidden position=\"right\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"drawer.examples.js","names":["drawer_examples_default"],"sources":["../../src/drawer/drawer.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/drawer/define.js';\n\nexport default {\n  title: 'Elements/Drawer',\n  component: 'nve-drawer',\n  inline: false\n};\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\n * @summary Basic modal drawer with header, content, and footer sections. Use for displaying detailed information, forms, or settings that need more space than a dialog, typically sliding in from the side of the screen.\n */\nexport const Default = {\n  render: () => html`\n<nve-drawer id=\"drawer\" closable modal>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n<nve-button popovertarget=\"drawer\">button</nve-button>\n  `,\n};\n\n/**\n * @summary Complete drawer layout pattern with header, scrollable content, and footer sections for consistent drawer structure.\n * @tags test-case\n */\nexport const Visual = {\n  render: () => html`\n<nve-drawer closable>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `,\n};\n\n/**\n * @summary Drawer with scrollable content for overflow behavior. Use when drawer content exceeds viewport height, ensuring header and footer remain fixed while content scrolls independently.\n * @tags test-case\n */\nexport const Scroll = {\n  render: () => html`\n<nve-drawer closable>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\" style=\"height: 2500px\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `,\n};\n\n/**\n * @summary Event handling for drawer open, close, and toggle events. Useful for adding custom behavior when drawer state changes.\n * @tags test-case\n */\nexport const Events = {\n  render: () => html`\n<nve-drawer id=\"drawer\" closable modal position=\"right\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n</nve-drawer>\n<nve-button popovertarget=\"drawer\">open</nve-button>\n<script type=\"module\">\n  const drawer = document.querySelector('nve-drawer');\n  drawer.addEventListener('beforetoggle', () => console.log('beforetoggle'));\n  drawer.addEventListener('toggle', () => console.log('toggle'));\n  drawer.addEventListener('open', () => console.log('open'));\n  drawer.addEventListener('close', () => console.log('close'));\n</script>\n  `\n};\n\n/**\n * @summary Small drawer size for compact side panels and quick actions. Ideal for navigation menus, filters, or supplementary information that shouldn't dominate the screen.\n * @tags test-case\n */\nexport const Small = {\n  render: () => html`\n<nve-drawer size=\"sm\" closable>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `\n};\n\n/**\n * @summary Large drawer size for comprehensive content like detailed forms or settings panels. Use when users need significant screen space for complex tasks without leaving the current page context.\n * @tags test-case\n */\nexport const Large = {\n  render: () => html`\n<nve-drawer size=\"lg\" closable>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `\n};\n\n/**\n * @summary Non-closable drawer requiring explicit user action to close. Use for critical workflows or multi-step processes where users must complete or explicitly cancel actions, preventing accidental dismissal.\n * @tags test-case\n */\nexport const NonClosable = {\n  render: () => html`\n<nve-button id=\"open-btn\">open</nve-button>\n<nve-drawer hidden modal>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n<script type=\"module\">\n  const drawer = document.querySelector('nve-drawer');\n  const open = document.querySelector('#open-btn');\n  const cancel = document.querySelector('#cancel-btn');\n  open.addEventListener('click', () => drawer.hidden = false);\n  cancel.addEventListener('click', () => drawer.hidden = true);\n</script>\n  `\n};\n\n/**\n * @summary Drawer positioning from all four screen edges. Use position based on content type and user workflow: right for details/settings, left for navigation, top/bottom for notifications or quick actions that span the width.\n * @tags test-case\n */\nexport const Position = {\n  inline: false,\n  render: () => html`\n<div nve-layout=\"row align:center gap:md\">\n  <nve-button popovertarget=\"popover-top\">open top</nve-button>\n  <nve-button popovertarget=\"popover-left\">open left</nve-button>\n  <nve-button popovertarget=\"popover-right\">open right</nve-button>\n  <nve-button popovertarget=\"popover-bottom\">open bottom</nve-button>\n</div>\n\n<nve-drawer id=\"popover-top\" closable modal position=\"top\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Top</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\" style=\"height: 200px\">some text content in a top closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer id=\"popover-left\" closable modal position=\"left\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Left</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer id=\"popover-right\" closable modal position=\"right\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Right</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">some text content in a right closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer id=\"popover-bottom\" closable modal position=\"bottom\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Bottom</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\" style=\"height: 200px\">some text content in a bottom closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `\n};\n\n/**\n * @summary Legacy drawer positioning with manual visibility management. Uses an older pattern with programmatic position control and event handling for backward compatibility.\n * @tags test-case\n */\nexport const LegacyPosition = {\n  inline: false,\n  render: () => html`\n<div nve-layout=\"row align:center gap:md\" style=\"height: 95vh\">\n  <nve-button class=\"drawer-btn-left\">open left</nve-button>\n  <nve-button class=\"drawer-btn-right\">open right</nve-button>\n  <nve-button class=\"drawer-btn-bottom\">open bottom</nve-button>\n</div>\n\n<nve-drawer closable modal hidden position=\"left\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Left</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer closable modal hidden position=\"right\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Right</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">some text content in a right closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n\n<nve-drawer closable modal hidden position=\"bottom\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header Bottom</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">some text content in a bottom closable drawer</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">some text footer content</p>\n  </nve-drawer-footer>\n</nve-drawer>\n<script type=\"module\">\n  const leftDrawer = document.querySelector('nve-drawer[position=\"left\"]');\n  document.querySelector('.drawer-btn-left').addEventListener('click', () => {\n    leftDrawer.position = 'left';\n    leftDrawer.hidden = false;\n  });\n\n  const rightDrawer = document.querySelector('nve-drawer[position=\"right\"]');\n  document.querySelector('.drawer-btn-right').addEventListener('click', () => {\n    rightDrawer.position = 'right';\n    rightDrawer.hidden = false;\n  });\n\n  const bottomDrawer = document.querySelector('nve-drawer[position=\"bottom\"]');\n  document.querySelector('.drawer-btn-bottom').addEventListener('click', () => {\n    bottomDrawer.position = 'bottom';\n    bottomDrawer.hidden = false;\n  });\n\n  leftDrawer.addEventListener('close', () => leftDrawer.hidden = true);\n  rightDrawer.addEventListener('close', () => rightDrawer.hidden = true);\n  bottomDrawer.addEventListener('close', () => bottomDrawer.hidden = true);\n</script>\n  `\n};\n\n\n/**\n * @summary Inline drawer constrained within a parent container rather than full viewport. Perfect for detail panels within cards or sections, maintaining context without overlaying the entire application.\n * @tags test-case\n */\nexport const Inline = {\n  render: () => html`\n<div nve-layout=\"row align:horizontal-stretch\">\n  <div nve-layout=\"column gap:md align:stretch\">\n    <nve-card style=\"height: 200px\">\n      <nve-card-content>\n        <nve-button popovertarget=\"drawer\">inline drawer</nve-button>\n      </nve-card-content>\n    </nve-card>\n    <nve-card style=\"height: 200px\"></nve-card>\n  </div>\n\n  <nve-drawer id=\"drawer\" closable modal inline position=\"right\">\n    <nve-drawer-header>\n      <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n    </nve-drawer-header>\n    <nve-drawer-content>\n      <p nve-text=\"body\">drawer content</p>\n    </nve-drawer-content>\n    <nve-drawer-footer>\n      <p nve-text=\"body\">drawer footer</p>\n    </nve-drawer-footer>\n  </nve-drawer>\n</div>\n  `\n};\n\n/**\n * @summary Inline drawer in persistent open state for always-visible side panels. Use for navigation, filters, or contextual information that should remain accessible while users interact with main content.\n * @tags test-case\n */\nexport const InlineVisible = {\n  render: () => html`\n<div nve-layout=\"row align:horizontal-stretch\">\n  <div nve-layout=\"column gap:md align:stretch\">\n    <nve-card style=\"height: 200px\">\n      <nve-card-content>\n        open inline drawer\n      </nve-card-content>\n    </nve-card>\n    <nve-card style=\"height: 200px\"></nve-card>\n  </div>\n\n  <nve-drawer id=\"drawer\" inline position=\"right\">\n    <nve-drawer-header>\n      <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n    </nve-drawer-header>\n    <nve-drawer-content>\n      <p nve-text=\"body\">drawer content</p>\n    </nve-drawer-content>\n    <nve-drawer-footer>\n      <p nve-text=\"body\">drawer footer</p>\n    </nve-drawer-footer>\n  </nve-drawer>\n</div>\n  `\n};\n\n/**\n * @summary Legacy inline drawer pattern with manual visibility control. Uses an older implementation for inline drawer management; prefer the modern popovertarget API for new implementations.\n * @tags test-case\n */\nexport const LegacyInline = {\n  render: () => html`\n<div nve-layout=\"row align:stretch\">\n  <div nve-layout=\"column gap:md align:horizontal-stretch\">\n    <nve-card style=\"height: 200px\">\n      <nve-card-content>\n        <nve-button>open inline drawer</nve-button>\n      </nve-card-content>\n    </nve-card>\n    <nve-card style=\"height: 200px\"></nve-card>\n  </div>\n\n  <nve-drawer hidden closable modal inline position=\"right\">\n    <nve-drawer-header>\n      <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n    </nve-drawer-header>\n    <nve-drawer-content>\n      <p nve-text=\"body\">drawer content</p>\n    </nve-drawer-content>\n    <nve-drawer-footer>\n      <p nve-text=\"body\">drawer footer</p>\n    </nve-drawer-footer>\n  </nve-drawer>\n</div>\n<script type=\"module\">\n  const drawer = document.querySelector('nve-drawer');\n  const open = document.querySelector('nve-button');\n  open.addEventListener('click', () => drawer.hidden = false);\n  drawer.addEventListener('close', () => drawer.hidden = true);\n</script>\n  `\n};\n\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n\n/**\n * @summary Legacy behavior-trigger pattern for automatic drawer lifecycle management. Deprecated approach that auto-manages visibility and state, prefer modern popovertarget API for new implementations.\n * @tags test-case\n */\nexport const LegacyBehaviorTrigger = {\n  render: () => html`\n<nve-button id=\"drawer-btn\">open</nve-button>\n<nve-drawer behavior-trigger trigger=\"drawer-btn\" closable modal hidden position=\"right\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n  `\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/drawer/drawer.js

@@ -1,6 +1,5 @@
-//#region src/drawer/drawer.css?inline
+// 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}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=drawer.js.map

package/dist/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":[],"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(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":""}

package/dist/drawer/drawer2.js

@@ -4,13 +4,13 @@ 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.147.0/helpers/esm/decorate.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";
-//#region src/drawer/drawer.ts
+// src/drawer/drawer.ts
 var p = { close: "close" }, m = class extends l {
 	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) => {
@@ -30,7 +30,7 @@ var p = { close: "close" }, m = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.20.0"
+			version: "2.20.2"
 		};
 	}
 	static {
@@ -65,7 +65,6 @@ o([d({
 	reflect: !0,
 	attribute: "behavior-trigger"
 })], m.prototype, "behaviorTrigger", void 0), o([d({ type: Object })], m.prototype, "i18n", void 0), m = o([n(), r()], m);
-//#endregion
 export { m as Drawer };
 
 //# sourceMappingURL=drawer2.js.map

package/dist/drawer/drawer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer2.js","names":[],"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,IAAM,IAAe,EACnB,OAAO,QACT,GA4Ba,IAAN,cAAqB,EAAW;;EA6GxB,aAxG8E,KAAA,WAAA,QAsBhC,KAAA,SAAA,WAAW,UAAU,MAqBxC,KAAA,KAAA,IAAI,EAAqB,MAAM,CAAY,GAKhD,KAAA,OAAA,KAAK,GAAgB,MAYhB,KAAA,8BAAA,IAAI,EAAoC,IAAI,GA4CvE,KAAA,MAAA,MAA6B;GACxC,AAAI,KAAK,WACH,KAAK,MAAkB,EAAY,aAAa,WAClD,KAAK,GAAe,OAAO,KAE3B,KAAK,KAAiB,EAAmB,IAAI,GAC7C,KAAK,MAAM,KAAK,EAAc;EAGpC;;CAtEA;CAQA,IAAI,cAA2B;EAC7B,OAAO,KAAK,QAAQ,SAAS;CAC/B;CAGA,IAAI,qBAAqB;EACvB,OAAO,KAAK,YAAY;CAC1B;;EAIgB,KAAA,SAAA,EAAU,CAAC,GAAe,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAW,SAAS,MAAM,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,KAAK,EAAS;CAChD;CAEA,uBAA6B;EAI3B,AAHA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,UAAU,KAAK,EAAS,GACjD,KAAK,IAAgB,OAAO,GAC5B,KAAK,KAAiB,KAAA;CACxB;CAEA;AAUF;AAlHG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAMxC,EAAA,CAAA,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1B,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAMzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAMzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAMzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GAOxE,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAvD3B,IAAA,EAAA,CAAA,EAAQ,GACR,EAAe,CAAA,GAAA,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  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"}

package/dist/dropdown/define.js

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

package/dist/dropdown/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/dropdown/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Dropdown, DropdownHeader, DropdownFooter } from '@nvidia-elements/core/dropdown';\n\ndefine(Dropdown);\ndefine(DropdownFooter);\ndefine(DropdownHeader);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-dropdown': Dropdown;\n    'nve-dropdown-footer': DropdownFooter;\n    'nve-dropdown-header': DropdownHeader;\n  }\n}\n"],"mappings":";;;;AAMA,EAAO,CAAQ,GACf,EAAO,CAAc,GACrB,EAAO,CAAc"}
+{"version":3,"file":"define.js","names":["define","Dropdown","DropdownFooter","DropdownHeader"],"sources":["../../src/dropdown/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Dropdown, DropdownHeader, DropdownFooter } from '@nvidia-elements/core/dropdown';\n\ndefine(Dropdown);\ndefine(DropdownFooter);\ndefine(DropdownHeader);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-dropdown': Dropdown;\n    'nve-dropdown-footer': DropdownFooter;\n    'nve-dropdown-header': DropdownHeader;\n  }\n}\n"],"mappings":";;;;AAMAA,EAAOC,CAAQ,GACfD,EAAOE,CAAc,GACrBF,EAAOG,CAAc"}

package/dist/dropdown/dropdown-footer.js

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

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

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

package/dist/dropdown/dropdown-footer2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-footer2.js","names":[],"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,IAAa,IAAb,cAAoC,EAAW;;EAC7B,KAAA,SAAA,EAAU,CAAC,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/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"}

package/dist/dropdown/dropdown-header.js

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

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

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

package/dist/dropdown/dropdown-header2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-header2.js","names":[],"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,IAAa,IAAb,cAAoC,EAAW;;EAC7B,KAAA,SAAA,EAAU,CAAC,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/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"}

package/dist/dropdown/dropdown.examples.js

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