@nvidia-elements/core 2.20.1 → 2.20.2

package/dist/copy-button/copy-button.js

@@ -1,6 +1,5 @@
-//#region src/copy-button/copy-button.css?inline
+// src/copy-button/copy-button.css?inline
 var e = ":host{--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--color: var(--nve-sys-text-muted-color);--border-radius: var(--nve-ref-border-radius-full);--line-height: 0;--padding: 0;--height: var(--nve-ref-size-800);--min-width: var(--nve-ref-size-800);--font-size: calc(var(--width) / 2.3);--_icon-color: var(--color)}[internal-host]:after{display:none!important}:host([size=\"sm\"]){--height: var(--nve-ref-size-700);--min-width: var(--nve-ref-size-700)}:host([size=\"lg\"]){--min-width: var(--nve-ref-size-1000);--height: var(--nve-ref-size-1000);--padding: 0}:host([container=\"flat\"][selected]) [interaction-state],:host([container=\"flat\"]:state(selected)) [interaction-state],:host([container=\"flat\"][pressed]) [interaction-state],:host([container=\"flat\"]:state(pressed)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}:host([container*=\"flat\"]){--background: transparent;--border-radius: var(--nve-ref-border-radius-xs)}:host([container*=\"flat\"]:state(disabled)){--color: var(--nve-sys-interaction-disabled-color);--background: transparent}:host([container*=\"flat\"]:state(disabled)) [interaction-state]{--nve-sys-interaction-state-ratio: 0}:host([container*=\"flat\"]:state(selected)){--color: var(--nve-sys-interaction-selected-color)}nve-icon{--color: var(--_icon-color);pointer-events:none}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=copy-button.js.map

package/dist/copy-button/copy-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.js","names":[],"sources":["../../src/copy-button/copy-button.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-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --color: var(--nve-sys-text-muted-color);\n  --border-radius: var(--nve-ref-border-radius-full);\n  --line-height: 0;\n  --padding: 0;\n  --height: var(--nve-ref-size-800);\n  --min-width: var(--nve-ref-size-800);\n  --font-size: calc(var(--width) / 2.3);\n  --_icon-color: var(--color);\n}\n\n/* disable pseudo element on base button */\n[internal-host]::after {\n  display: none !important;\n}\n\n:host([size='sm']) {\n  --height: var(--nve-ref-size-700);\n  --min-width: var(--nve-ref-size-700);\n}\n\n:host([size='lg']) {\n  --min-width: var(--nve-ref-size-1000);\n  --height: var(--nve-ref-size-1000);\n  --padding: 0;\n}\n\n:host([container='flat'][selected]) [interaction-state],\n:host([container='flat']:state(selected)) [interaction-state],\n:host([container='flat'][pressed]) [interaction-state],\n:host([container='flat']:state(pressed)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host([container*='flat']) {\n  --background: transparent;\n  --border-radius: var(--nve-ref-border-radius-xs);\n}\n\n:host([container*='flat']:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --background: transparent;\n}\n\n:host([container*='flat']:state(disabled)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([container*='flat']:state(selected)) {\n  --color: var(--nve-sys-interaction-selected-color);\n}\n\nnve-icon {\n  --color: var(--_icon-color);\n  pointer-events: none;\n}\n"],"mappings":""}
+{"version":3,"file":"copy-button.js","names":["copy_button_default"],"sources":["../../src/copy-button/copy-button.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-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --color: var(--nve-sys-text-muted-color);\n  --border-radius: var(--nve-ref-border-radius-full);\n  --line-height: 0;\n  --padding: 0;\n  --height: var(--nve-ref-size-800);\n  --min-width: var(--nve-ref-size-800);\n  --font-size: calc(var(--width) / 2.3);\n  --_icon-color: var(--color);\n}\n\n/* disable pseudo element on base button */\n[internal-host]::after {\n  display: none !important;\n}\n\n:host([size='sm']) {\n  --height: var(--nve-ref-size-700);\n  --min-width: var(--nve-ref-size-700);\n}\n\n:host([size='lg']) {\n  --min-width: var(--nve-ref-size-1000);\n  --height: var(--nve-ref-size-1000);\n  --padding: 0;\n}\n\n:host([container='flat'][selected]) [interaction-state],\n:host([container='flat']:state(selected)) [interaction-state],\n:host([container='flat'][pressed]) [interaction-state],\n:host([container='flat']:state(pressed)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host([container*='flat']) {\n  --background: transparent;\n  --border-radius: var(--nve-ref-border-radius-xs);\n}\n\n:host([container*='flat']:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --background: transparent;\n}\n\n:host([container*='flat']:state(disabled)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([container*='flat']:state(selected)) {\n  --color: var(--nve-sys-interaction-selected-color);\n}\n\nnve-icon {\n  --color: var(--_icon-color);\n  pointer-events: none;\n}\n"],"mappings":""}

package/dist/copy-button/copy-button2.js

@@ -1,6 +1,6 @@
 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.147.0/helpers/esm/decorate.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { Icon as r } from "../icon/icon2.js";
 import { Button as i } from "../button/button2.js";
 import { Tooltip as a } from "../tooltip/tooltip2.js";
@@ -10,7 +10,7 @@ import { html as c, nothing as l } from "lit";
 import { property as u } from "lit/decorators/property.js";
 import { I18nController as d } from "@nvidia-elements/foundations/internal/i18n";
 import { state as f } from "lit/decorators/state.js";
-//#region src/copy-button/copy-button.ts
+// src/copy-button/copy-button.ts
 var p = {
 	copy: "copy",
 	copied: "copied"
@@ -35,7 +35,7 @@ var p = {
 	static {
 		this.metadata = {
 			tag: "nve-copy-button",
-			version: "2.20.1"
+			version: "2.20.2"
 		};
 	}
 	static {
@@ -66,7 +66,6 @@ n([f()], m.prototype, "copied", void 0), n([f()], m.prototype, "showToast", void
 	reflect: !0,
 	attribute: "behavior-copy"
 })], m.prototype, "behaviorCopy", void 0), n([u({ type: String })], m.prototype, "value", void 0), m = n([e()], m);
-//#endregion
 export { m as CopyButton };
 
 //# sourceMappingURL=copy-button2.js.map

package/dist/copy-button/copy-button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button2.js","names":[],"sources":["../../src/copy-button/copy-button.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { useStyles, scopedRegistry } from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Button } from '@nvidia-elements/core/button';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { Toast } from '@nvidia-elements/core/toast';\nimport { Tooltip } from '@nvidia-elements/core/tooltip';\nimport styles from './copy-button.css?inline';\n\nconst i18nDefaults = {\n  copy: 'copy',\n  copied: 'copied'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-copy-button\n * @description A copy button is a button that easily enables the copy to clipboard pattern.\n * @documentation https://nvidia.github.io/elements/docs/elements/copy-button/\n * @since 1.1.4\n * @entrypoint \\@nvidia-elements/core/copy-button\n * @slot - Text label displayed before the copy icon.\n * @slot icon - slot for custom icon\n * @cssprop --color\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --height\n * @cssprop --min-width\n * @cssprop --font-size\n * @cssprop --line-height\n * @csspart icon - The icon element\n * @csspart toast - The toast notification element\n * @csspart tooltip - The tooltip element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n *\n */\n@scopedRegistry()\nexport class CopyButton extends Button {\n  @state() private copied = false;\n\n  @state() private showToast = false;\n\n  @state() private showTooltip = false;\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  /**\n   * Determines if the copy button should auto write to clipboard by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-copy' }) behaviorCopy: boolean;\n\n  /**\n   * Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint.\n   */\n  @property({ type: String }) value: string;\n\n  static styles = useStyles([...Button.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-copy-button',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [Toast.metadata.tag]: Toast,\n    [Tooltip.metadata.tag]: Tooltip\n  };\n\n  render() {\n    return html`\n     <div id=\"btn\" internal-host interaction-state focus-within>\n        <slot></slot>\n        ${\n          this.copied\n            ? html`<nve-icon part=\"icon\" name=\"check\" status=\"success\" .size=${this.size} aria-hidden=\"true\"></nve-icon>`\n            : html`<slot name=\"icon\"><nve-icon part=\"icon\" name=\"copy\" .size=${this.size} aria-hidden=\"true\"></nve-icon></slot>`\n        }\n     </div>\n     ${this.showToast ? html`<nve-toast part=\"toast\" @close=${this.#close} status=\"success\" anchor=\"btn\" position=\"top\" close-timeout=\"1500\">${this.i18n.copied}</nve-toast>` : nothing}\n     ${this.showTooltip && !this.showToast ? html`<nve-tooltip part=\"tooltip\" exportparts=\"arrow:tooltip-arrow\" anchor=\"btn\">${this.ariaLabel ?? this.i18n.copy}</nve-tooltip>` : nothing}\n   `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#copy);\n    this.addEventListener('mouseenter', this.#openTooltip);\n    this.addEventListener('mouseleave', this.#closeTooltip);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#copy);\n    this.removeEventListener('mouseenter', this.#openTooltip);\n    this.removeEventListener('mouseleave', this.#closeTooltip);\n  }\n\n  #copy = () => {\n    if (this.behaviorCopy) {\n      navigator.clipboard\n        .writeText(this.value)\n        .then(() => {\n          this.showToast = true;\n          this.copied = true;\n        })\n        .catch(err => {\n          this.showToast = false;\n          console.error(err);\n        });\n    }\n  };\n\n  #close() {\n    this.showToast = false;\n    this.copied = false;\n    this.showTooltip = false;\n  }\n\n  #openTooltip = () => {\n    this.showTooltip = true;\n  };\n\n  #closeTooltip = () => {\n    this.showTooltip = false;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAM,IAAe;CACnB,MAAM;CACN,QAAQ;AACV,GAyBa,IAAN,cAAyB,EAAO;;EA2Ff,aA1FI,KAAA,SAAA,IAEG,KAAA,YAAA,IAEE,KAAA,cAAA,IAES,KAAA,KAAA,IAAI,EAAqB,MAAM,CAAY,GAKhD,KAAA,OAAA,KAAK,GAAgB,MAsD1C,KAAA,WAAA;GACZ,AAAI,KAAK,gBACP,UAAU,UACP,UAAU,KAAK,KAAK,CAAC,CACrB,WAAW;IAEV,AADA,KAAK,YAAY,IACjB,KAAK,SAAS;GAChB,CAAC,CAAC,CACD,OAAM,MAAO;IAEZ,AADA,KAAK,YAAY,IACjB,QAAQ,MAAM,CAAG;GACnB,CAAC;EAEP,GAQqB,KAAA,WAAA;GACnB,KAAK,cAAc;EACrB,GAEsB,KAAA,WAAA;GACpB,KAAK,cAAc;EACrB;;CAtFA;;EAiBgB,KAAA,SAAA,EAAU,CAAC,GAAG,EAAO,QAAQ,CAAM,CAAC;;;EAEzB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzB,EAAK,SAAS,MAAM;IACpB,EAAM,SAAS,MAAM;IACrB,EAAQ,SAAS,MAAM;EAC1B;;CAEA,SAAS;EACP,OAAO,CAAI,2EAIL,KAAK,SACD,CAAI,8DAA6D,KAAK,KAAK,oCAC3E,CAAI,8DAA6D,KAAK,KAAK,yCAChF,QAEF,KAAK,YAAY,CAAI,mCAAkC,KAAK,GAAO,sEAAqE,KAAK,KAAK,OAAO,gBAAgB,EAAQ,GACjL,KAAK,eAAe,CAAC,KAAK,YAAY,CAAI,8EAA8E,KAAK,aAAa,KAAK,KAAK,KAAK,kBAAkB;CAEhL;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,KAAK,iBAAiB,SAAS,KAAK,EAAK,GACzC,KAAK,iBAAiB,cAAc,KAAK,EAAY,GACrD,KAAK,iBAAiB,cAAc,KAAK,EAAa;CACxD;CAEA,uBAAuB;EAIrB,AAHA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,SAAS,KAAK,EAAK,GAC5C,KAAK,oBAAoB,cAAc,KAAK,EAAY,GACxD,KAAK,oBAAoB,cAAc,KAAK,EAAa;CAC3D;CAEA;CAeA,KAAS;EAGP,AAFA,KAAK,YAAY,IACjB,KAAK,SAAS,IACd,KAAK,cAAc;CACrB;CAEA;CAIA;AAGF;AA7FG,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAEN,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAEN,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAON,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAgB,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GAKrE,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAvB3B,IAAA,EAAA,CAAA,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"copy-button2.js","names":["styles","_decorate","__decorate","copy_button_default","i18nDefaults","CopyButton","Button","_args","#i18nController","I18nController","#copy","err","#openTooltip","#closeTooltip","useStyles","Icon","Toast","Tooltip","#close","nothing","state","property","scopedRegistry"],"sources":["../../src/copy-button/copy-button.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { useStyles, scopedRegistry } from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Button } from '@nvidia-elements/core/button';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { Toast } from '@nvidia-elements/core/toast';\nimport { Tooltip } from '@nvidia-elements/core/tooltip';\nimport styles from './copy-button.css?inline';\n\nconst i18nDefaults = {\n  copy: 'copy',\n  copied: 'copied'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-copy-button\n * @description A copy button is a button that easily enables the copy to clipboard pattern.\n * @documentation https://nvidia.github.io/elements/docs/elements/copy-button/\n * @since 1.1.4\n * @entrypoint \\@nvidia-elements/core/copy-button\n * @slot - Text label displayed before the copy icon.\n * @slot icon - slot for custom icon\n * @cssprop --color\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --height\n * @cssprop --min-width\n * @cssprop --font-size\n * @cssprop --line-height\n * @csspart icon - The icon element\n * @csspart toast - The toast notification element\n * @csspart tooltip - The tooltip element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n *\n */\n@scopedRegistry()\nexport class CopyButton extends Button {\n  @state() private copied = false;\n\n  @state() private showToast = false;\n\n  @state() private showTooltip = false;\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  /**\n   * Determines if the copy button should auto write to clipboard by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-copy' }) behaviorCopy: boolean;\n\n  /**\n   * Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint.\n   */\n  @property({ type: String }) value: string;\n\n  static styles = useStyles([...Button.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-copy-button',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [Toast.metadata.tag]: Toast,\n    [Tooltip.metadata.tag]: Tooltip\n  };\n\n  render() {\n    return html`\n     <div id=\"btn\" internal-host interaction-state focus-within>\n        <slot></slot>\n        ${\n          this.copied\n            ? html`<nve-icon part=\"icon\" name=\"check\" status=\"success\" .size=${this.size} aria-hidden=\"true\"></nve-icon>`\n            : html`<slot name=\"icon\"><nve-icon part=\"icon\" name=\"copy\" .size=${this.size} aria-hidden=\"true\"></nve-icon></slot>`\n        }\n     </div>\n     ${this.showToast ? html`<nve-toast part=\"toast\" @close=${this.#close} status=\"success\" anchor=\"btn\" position=\"top\" close-timeout=\"1500\">${this.i18n.copied}</nve-toast>` : nothing}\n     ${this.showTooltip && !this.showToast ? html`<nve-tooltip part=\"tooltip\" exportparts=\"arrow:tooltip-arrow\" anchor=\"btn\">${this.ariaLabel ?? this.i18n.copy}</nve-tooltip>` : nothing}\n   `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#copy);\n    this.addEventListener('mouseenter', this.#openTooltip);\n    this.addEventListener('mouseleave', this.#closeTooltip);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#copy);\n    this.removeEventListener('mouseenter', this.#openTooltip);\n    this.removeEventListener('mouseleave', this.#closeTooltip);\n  }\n\n  #copy = () => {\n    if (this.behaviorCopy) {\n      navigator.clipboard\n        .writeText(this.value)\n        .then(() => {\n          this.showToast = true;\n          this.copied = true;\n        })\n        .catch(err => {\n          this.showToast = false;\n          console.error(err);\n        });\n    }\n  };\n\n  #close() {\n    this.showToast = false;\n    this.copied = false;\n    this.showTooltip = false;\n  }\n\n  #openTooltip = () => {\n    this.showTooltip = true;\n  };\n\n  #closeTooltip = () => {\n    this.showTooltip = false;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAMI,IAAe;CACnB,MAAM;CACN,QAAQ;AACV,GAyBaC,IAAN,cAAyBC,EAAO;;EA2Ff,A,aA1FI,KAAA,SAAA,IAEG,KAAA,YAAA,IAEE,KAAA,cAAA,IAES,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAsD1C,KAAAE,WAAA;GACZ,AAAI,KAAK,gBACP,UAAU,UACP,UAAU,KAAK,KAAK,CAAC,CACrB,WAAW;IAEV,AADA,KAAK,YAAY,IACjB,KAAK,SAAS;GAChB,CAAC,CAAC,CACD,OAAM,MAAO;IAEZ,AADA,KAAK,YAAY,IACjB,QAAQ,MAAMC,CAAG;GACnB,CAAC;EAEP,GAQqB,KAAAC,WAAA;GACnB,KAAK,cAAc;EACrB,GAEsB,KAAAC,WAAA;GACpB,KAAK,cAAc;EACrB;;CAtFA;;EAiBgB,KAAA,SAAAC,EAAU,CAAC,GAAGR,EAAO,QAAQN,CAAM,CAAC;;;EAEzB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBe,EAAK,SAAS,MAAMA;IACpBC,EAAM,SAAS,MAAMA;IACrBC,EAAQ,SAAS,MAAMA;EAC1B;;CAEA,SAAS;EACP,OAAO,CAAI,2EAIL,KAAK,SACD,CAAI,8DAA6D,KAAK,KAAK,oCAC3E,CAAI,8DAA6D,KAAK,KAAK,yCAChF,QAEF,KAAK,YAAY,CAAI,mCAAkC,KAAKC,GAAO,sEAAqE,KAAK,KAAK,OAAO,gBAAgBC,EAAQ,GACjL,KAAK,eAAe,CAAC,KAAK,YAAY,CAAI,8EAA8E,KAAK,aAAa,KAAK,KAAK,KAAK,kBAAkBA;CAEhL;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,KAAK,iBAAiB,SAAS,KAAKT,EAAK,GACzC,KAAK,iBAAiB,cAAc,KAAKE,EAAY,GACrD,KAAK,iBAAiB,cAAc,KAAKC,EAAa;CACxD;CAEA,uBAAuB;EAIrB,AAHA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,SAAS,KAAKH,EAAK,GAC5C,KAAK,oBAAoB,cAAc,KAAKE,EAAY,GACxD,KAAK,oBAAoB,cAAc,KAAKC,EAAa;CAC3D;CAEA;CAeA,KAAS;EAGP,AAFA,KAAK,YAAY,IACjB,KAAK,SAAS,IACd,KAAK,cAAc;CACrB;CAEA;CAIA;AAGF;AA7FGZ,EAAA,CAAAmB,EAAM,CAAA,GAAAf,EAAA,WAAA,UAAA,KAAA,CAAA,GAENJ,EAAA,CAAAmB,EAAM,CAAA,GAAAf,EAAA,WAAA,aAAA,KAAA,CAAA,GAENJ,EAAA,CAAAmB,EAAM,CAAA,GAAAf,EAAA,WAAA,eAAA,KAAA,CAAA,GAONJ,EAAA,CAAAoB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAhB,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAoB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAgB,CAAC,CAAA,GAAAhB,EAAA,WAAA,gBAAA,KAAA,CAAA,GAKrEJ,EAAA,CAAAoB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAhB,EAAA,WAAA,SAAA,KAAA,CAAA,GAvB3B,IAAAJ,EAAA,CAAAqB,EAAe,CAAA,GAAAjB,CAAA"}

package/dist/copy-button/define.js

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

package/dist/copy-button/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/copy-button/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 { CopyButton } from '@nvidia-elements/core/copy-button';\n\ndefine(CopyButton);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-copy-button': CopyButton;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAU"}
+{"version":3,"file":"define.js","names":["define","CopyButton"],"sources":["../../src/copy-button/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 { CopyButton } from '@nvidia-elements/core/copy-button';\n\ndefine(CopyButton);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-copy-button': CopyButton;\n  }\n}\n"],"mappings":";;;AAMAA,EAAOC,CAAU"}

package/dist/copy-button/index.js

@@ -1,2 +1 @@
-import { CopyButton as e } from "./copy-button2.js";
-export { e as CopyButton };
+export { CopyButton } from "./copy-button2.js";

package/dist/date/date.examples.js

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

package/dist/date/date.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.examples.js","names":[],"sources":["../../src/date/date.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/forms/define.js';\nimport '@nvidia-elements/core/date/define.js';\nimport '@nvidia-elements/core/datetime/define.js';\nimport '@nvidia-elements/core/input/define.js';\nimport '@nvidia-elements/core/month/define.js';\nimport '@nvidia-elements/core/week/define.js';\nimport '@nvidia-elements/core/time/define.js';\n\nexport default {\n  title: 'Elements/Date',\n  component: 'nve-date',\n};\n\n/**\n * @summary Basic date picker input with label and message for selecting calendar dates.\n */\nexport const Default = {\n  render: () => html`\n<nve-date>\n  <label>date</label>\n  <input type=\"date\" />\n  <nve-control-message>message</nve-control-message>\n</nve-date>\n`\n};\n\n/**\n * @summary Date picker with datalist providing suggested date options for quick selection from predefined dates.\n */\nexport const Datalist = {\n  render: () => html`\n<nve-date>\n  <label>label</label>\n  <input type=\"date\" />\n  <nve-control-message>message</nve-control-message>\n  <datalist>\n    <option value=\"2018-07-22\"></option>\n    <option value=\"2018-01-01\"></option>\n    <option value=\"2018-12-31\"></option>\n  </datalist>\n</nve-date>\n  `\n}\n\n/**\n * @summary Date pickers with vertical layout including validation states for disabled, success, and error.\n * @tags test-case\n */\nexport const Vertical = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-date>\n    <label>label</label>\n    <input type=\"date\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-date>\n    <label>disabled</label>\n    <input type=\"date\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-date>\n    <label>success</label>\n    <input type=\"date\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-date>\n\n  <nve-date>\n    <label>error</label>\n    <input type=\"date\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-date>\n</div>`\n};\n\n/**\n * @summary Date pickers with horizontal layout showing validation states for inline forms and compact layouts.\n * @tags test-case\n */\nexport const Horizontal = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-date layout=\"horizontal\">\n    <label>label</label>\n    <input type=\"date\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-date layout=\"horizontal\">\n    <label>disabled</label>\n    <input type=\"date\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-date layout=\"horizontal\">\n    <label>success</label>\n    <input type=\"date\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-date>\n\n  <nve-date layout=\"horizontal\">\n    <label>error</label>\n    <input type=\"date\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-date>\n</div>`\n};\n\n/**\n * @summary Date range input with start and end date pickers for selecting time periods and date intervals.\n */\nexport const Range = {\n  render: () => html`\n<nve-input-group>\n  <label>date range</label>\n  <nve-date>\n    <input type=\"date\" aria-label=\"start date\" value=\"2018-07-22\" />\n  </nve-date>\n  <nve-date>\n    <input type=\"date\" aria-label=\"end date\" value=\"2022-07-22\" />\n  </nve-date>\n  <nve-control-message>message</nve-control-message>\n</nve-input-group>\n`\n};\n\n/**\n * @summary Collection of temporal input types including date, datetime, month, week, time, and date range pickers.\n */\nexport const Types = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-date layout=\"horizontal\">\n    <label>date label</label>\n    <input type=\"date\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-datetime layout=\"horizontal\">\n    <label>datetime label</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-month layout=\"horizontal\">\n    <label>month label</label>\n    <input type=\"month\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-month>\n\n  <nve-week layout=\"horizontal\">\n    <label>week label</label>\n    <input type=\"week\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-week>\n\n  <nve-time layout=\"horizontal\">\n    <label>time label</label>\n    <input type=\"time\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-input-group layout=\"horizontal\">\n    <label>date range</label>\n    <nve-date>\n      <input type=\"date\" aria-label=\"start date\" value=\"2018-07-22\" />\n    </nve-date>\n    <nve-date>\n      <input type=\"date\" aria-label=\"end date\" value=\"2022-07-22\" />\n    </nve-date>\n    <nve-control-message>message</nve-control-message>\n  </nve-input-group>\n</div>\n`\n}\n\n/**\n * @summary Date picker with fit-text styling that adjusts width to match the selected date value for compact displays.\n * @tags test-case\n */\nexport const FitText = {\n  render: () => html`\n<nve-date fit-text>\n  <label>date</label>\n  <input type=\"date\" value=\"2017-06-01\" />\n  <nve-control-message>message</nve-control-message>\n</nve-date>\n`\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"date.examples.js","names":["date_examples_default"],"sources":["../../src/date/date.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/forms/define.js';\nimport '@nvidia-elements/core/date/define.js';\nimport '@nvidia-elements/core/datetime/define.js';\nimport '@nvidia-elements/core/input/define.js';\nimport '@nvidia-elements/core/month/define.js';\nimport '@nvidia-elements/core/week/define.js';\nimport '@nvidia-elements/core/time/define.js';\n\nexport default {\n  title: 'Elements/Date',\n  component: 'nve-date',\n};\n\n/**\n * @summary Basic date picker input with label and message for selecting calendar dates.\n */\nexport const Default = {\n  render: () => html`\n<nve-date>\n  <label>date</label>\n  <input type=\"date\" />\n  <nve-control-message>message</nve-control-message>\n</nve-date>\n`\n};\n\n/**\n * @summary Date picker with datalist providing suggested date options for quick selection from predefined dates.\n */\nexport const Datalist = {\n  render: () => html`\n<nve-date>\n  <label>label</label>\n  <input type=\"date\" />\n  <nve-control-message>message</nve-control-message>\n  <datalist>\n    <option value=\"2018-07-22\"></option>\n    <option value=\"2018-01-01\"></option>\n    <option value=\"2018-12-31\"></option>\n  </datalist>\n</nve-date>\n  `\n}\n\n/**\n * @summary Date pickers with vertical layout including validation states for disabled, success, and error.\n * @tags test-case\n */\nexport const Vertical = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-date>\n    <label>label</label>\n    <input type=\"date\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-date>\n    <label>disabled</label>\n    <input type=\"date\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-date>\n    <label>success</label>\n    <input type=\"date\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-date>\n\n  <nve-date>\n    <label>error</label>\n    <input type=\"date\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-date>\n</div>`\n};\n\n/**\n * @summary Date pickers with horizontal layout showing validation states for inline forms and compact layouts.\n * @tags test-case\n */\nexport const Horizontal = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-date layout=\"horizontal\">\n    <label>label</label>\n    <input type=\"date\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-date layout=\"horizontal\">\n    <label>disabled</label>\n    <input type=\"date\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-date layout=\"horizontal\">\n    <label>success</label>\n    <input type=\"date\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-date>\n\n  <nve-date layout=\"horizontal\">\n    <label>error</label>\n    <input type=\"date\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-date>\n</div>`\n};\n\n/**\n * @summary Date range input with start and end date pickers for selecting time periods and date intervals.\n */\nexport const Range = {\n  render: () => html`\n<nve-input-group>\n  <label>date range</label>\n  <nve-date>\n    <input type=\"date\" aria-label=\"start date\" value=\"2018-07-22\" />\n  </nve-date>\n  <nve-date>\n    <input type=\"date\" aria-label=\"end date\" value=\"2022-07-22\" />\n  </nve-date>\n  <nve-control-message>message</nve-control-message>\n</nve-input-group>\n`\n};\n\n/**\n * @summary Collection of temporal input types including date, datetime, month, week, time, and date range pickers.\n */\nexport const Types = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-date layout=\"horizontal\">\n    <label>date label</label>\n    <input type=\"date\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-date>\n\n  <nve-datetime layout=\"horizontal\">\n    <label>datetime label</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-month layout=\"horizontal\">\n    <label>month label</label>\n    <input type=\"month\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-month>\n\n  <nve-week layout=\"horizontal\">\n    <label>week label</label>\n    <input type=\"week\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-week>\n\n  <nve-time layout=\"horizontal\">\n    <label>time label</label>\n    <input type=\"time\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-input-group layout=\"horizontal\">\n    <label>date range</label>\n    <nve-date>\n      <input type=\"date\" aria-label=\"start date\" value=\"2018-07-22\" />\n    </nve-date>\n    <nve-date>\n      <input type=\"date\" aria-label=\"end date\" value=\"2022-07-22\" />\n    </nve-date>\n    <nve-control-message>message</nve-control-message>\n  </nve-input-group>\n</div>\n`\n}\n\n/**\n * @summary Date picker with fit-text styling that adjusts width to match the selected date value for compact displays.\n * @tags test-case\n */\nexport const FitText = {\n  render: () => html`\n<nve-date fit-text>\n  <label>date</label>\n  <input type=\"date\" value=\"2017-06-01\" />\n  <nve-control-message>message</nve-control-message>\n</nve-date>\n`\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/date/date.js

@@ -1,6 +1,5 @@
-//#region src/date/date.css?inline
+// src/date/date.css?inline
 var e = ":host{--width: 100%;width:var(--width)}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=date.js.map

package/dist/date/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","names":[],"sources":["../../src/date/date.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  --width: 100%;\n  width: var(--width);\n}\n"],"mappings":""}
+{"version":3,"file":"date.js","names":["date_default"],"sources":["../../src/date/date.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  --width: 100%;\n  width: var(--width);\n}\n"],"mappings":""}

package/dist/date/date2.js

@@ -1,13 +1,13 @@
 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.147.0/helpers/esm/decorate.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./date.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
-//#region src/date/date.ts
+// src/date/date.ts
 var l = { expand: "expand" }, u = class extends r {
 	get i18nDefaults() {
 		return l;
@@ -22,7 +22,7 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.20.1"
+			version: "2.20.2"
 		};
 	}
 	static {
@@ -36,7 +36,6 @@ n([c({
 	type: String,
 	reflect: !0
 })], u.prototype, "container", void 0), u = n([e()], u);
-//#endregion
 export { u as Date };
 
 //# sourceMappingURL=date2.js.map

package/dist/date/date2.js.map

@@ -1 +1 @@
-{"version":3,"file":"date2.js","names":[],"sources":["../../src/date/date.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 { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './date.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-date\n * @description A date picker is a control that enables users to choose a date value.\n * @documentation https://nvidia.github.io/elements/docs/elements/date/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/date\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\n */\n@scopedRegistry()\nexport class Date extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-date',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAe,EACnB,QAAQ,SACV,GAyBa,IAAN,cAAmB,EAAoC;CAC5D,IAAuB,eAA6B;EAClD,OAAO;CACT;;EAQgB,KAAA,SAAA,EAAU;GAAC,GAAG,EAAQ;GAAQ;GAAa;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAW,SAAS,MAAM,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAA,EAAA,CAAA,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date2.js","names":["styles","_decorate","__decorate","date_default","i18nDefaults","Date","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/date/date.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 { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './date.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-date\n * @description A date picker is a control that enables users to choose a date value.\n * @documentation https://nvidia.github.io/elements/docs/elements/date/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/date\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\n */\n@scopedRegistry()\nexport class Date extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-date',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAyBaC,IAAN,cAAmBC,EAAoC;CAC5D,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaR;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBS,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAJ,EAAA,CAAAU,EAAe,CAAA,GAAAN,CAAA"}

package/dist/date/define.js

@@ -4,6 +4,5 @@ import { ControlGroup as n } from "../forms/control-group/control-group2.js";
 import { Date as r } from "./date2.js";
 import { define as i } from "@nvidia-elements/foundations/internal/define";
 i(r), i(t), i(n), i(e);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/date/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/date/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 { Date } from '@nvidia-elements/core/date';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Date);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-date': Date;\n  }\n}\n"],"mappings":";;;;;AAOA,EAAO,CAAI,GACX,EAAO,CAAO,GACd,EAAO,CAAY,GACnB,EAAO,CAAc"}
+{"version":3,"file":"define.js","names":["define","Date","Control","ControlGroup","ControlMessage"],"sources":["../../src/date/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 { Date } from '@nvidia-elements/core/date';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Date);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-date': Date;\n  }\n}\n"],"mappings":";;;;;AAOAA,EAAOC,CAAI,GACXD,EAAOE,CAAO,GACdF,EAAOG,CAAY,GACnBH,EAAOI,CAAc"}

package/dist/date/index.js

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

package/dist/datetime/datetime.examples.js

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

package/dist/datetime/datetime.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime.examples.js","names":[],"sources":["../../src/datetime/datetime.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/forms/define.js';\nimport '@nvidia-elements/core/month/define.js';\nimport '@nvidia-elements/core/datetime/define.js';\n\nexport default {\n  title: 'Elements/Datetime',\n  component: 'nve-datetime',\n};\n\n/**\n * @summary Basic datetime picker input with label and message for selecting both date and time values.\n */\nexport const Default = {\n  render: () => html`\n<nve-datetime>\n  <label>date</label>\n  <input type=\"datetime-local\" />\n  <nve-control-message>message</nve-control-message>\n</nve-datetime>\n`\n};\n\n/**\n * @summary Datetime picker with datalist providing suggested datetime options for quick selection from predefined values.\n */\nexport const Datalist = {\n  render: () => html`\n<nve-datetime>\n  <label>label</label>\n  <input type=\"datetime-local\" />\n  <nve-control-message>message</nve-control-message>\n  <datalist>\n    <option value=\"2018-06-07T00:00\"></option>\n    <option value=\"2018-06-12T19:30\"></option>\n    <option value=\"2018-06-14T00:00\"></option>\n  </datalist>\n</nve-datetime>\n  `\n}\n\n/**\n * @summary Datetime pickers with vertical layout including validation states for disabled, success, and error.\n * @tags test-case\n */\nexport const Vertical = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-datetime>\n    <label>label</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime>\n    <label>disabled</label>\n    <input type=\"datetime-local\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime>\n    <label>success</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime>\n    <label>error</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-datetime>\n</div>`\n};\n\n/**\n * @summary Datetime pickers with horizontal layout showing validation states for inline forms and compact layouts.\n * @tags test-case\n */\nexport const Horizontal = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-datetime layout=\"horizontal\">\n    <label>label</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime layout=\"horizontal\">\n    <label>disabled</label>\n    <input type=\"datetime-local\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime layout=\"horizontal\">\n    <label>success</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime layout=\"horizontal\">\n    <label>error</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-datetime>\n</div>`\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"datetime.examples.js","names":["datetime_examples_default"],"sources":["../../src/datetime/datetime.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/forms/define.js';\nimport '@nvidia-elements/core/month/define.js';\nimport '@nvidia-elements/core/datetime/define.js';\n\nexport default {\n  title: 'Elements/Datetime',\n  component: 'nve-datetime',\n};\n\n/**\n * @summary Basic datetime picker input with label and message for selecting both date and time values.\n */\nexport const Default = {\n  render: () => html`\n<nve-datetime>\n  <label>date</label>\n  <input type=\"datetime-local\" />\n  <nve-control-message>message</nve-control-message>\n</nve-datetime>\n`\n};\n\n/**\n * @summary Datetime picker with datalist providing suggested datetime options for quick selection from predefined values.\n */\nexport const Datalist = {\n  render: () => html`\n<nve-datetime>\n  <label>label</label>\n  <input type=\"datetime-local\" />\n  <nve-control-message>message</nve-control-message>\n  <datalist>\n    <option value=\"2018-06-07T00:00\"></option>\n    <option value=\"2018-06-12T19:30\"></option>\n    <option value=\"2018-06-14T00:00\"></option>\n  </datalist>\n</nve-datetime>\n  `\n}\n\n/**\n * @summary Datetime pickers with vertical layout including validation states for disabled, success, and error.\n * @tags test-case\n */\nexport const Vertical = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-datetime>\n    <label>label</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime>\n    <label>disabled</label>\n    <input type=\"datetime-local\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime>\n    <label>success</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime>\n    <label>error</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-datetime>\n</div>`\n};\n\n/**\n * @summary Datetime pickers with horizontal layout showing validation states for inline forms and compact layouts.\n * @tags test-case\n */\nexport const Horizontal = {\n  render: () => html`\n<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-datetime layout=\"horizontal\">\n    <label>label</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime layout=\"horizontal\">\n    <label>disabled</label>\n    <input type=\"datetime-local\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime layout=\"horizontal\">\n    <label>success</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-datetime>\n\n  <nve-datetime layout=\"horizontal\">\n    <label>error</label>\n    <input type=\"datetime-local\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-datetime>\n</div>`\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/datetime/datetime.js

@@ -1,6 +1,5 @@
-//#region src/datetime/datetime.css?inline
+// src/datetime/datetime.css?inline
 var e = ":host{width:100%}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=datetime.js.map

package/dist/datetime/datetime.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime.js","names":[],"sources":["../../src/datetime/datetime.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  width: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"datetime.js","names":["datetime_default"],"sources":["../../src/datetime/datetime.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  width: 100%;\n}\n"],"mappings":""}

package/dist/datetime/datetime2.js

@@ -1,13 +1,13 @@
 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.147.0/helpers/esm/decorate.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./datetime.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
-//#region src/datetime/datetime.ts
+// src/datetime/datetime.ts
 var l = { expand: "expand" }, u = class extends r {
 	get i18nDefaults() {
 		return l;
@@ -22,7 +22,7 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.20.1"
+			version: "2.20.2"
 		};
 	}
 	static {
@@ -36,7 +36,6 @@ n([c({
 	type: String,
 	reflect: !0
 })], u.prototype, "container", void 0), u = n([e()], u);
-//#endregion
 export { u as Datetime };
 
 //# sourceMappingURL=datetime2.js.map

package/dist/datetime/datetime2.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime2.js","names":[],"sources":["../../src/datetime/datetime.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 { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './datetime.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-datetime\n * @description A datetime picker is a control that enables users to choose a datetime value.\n * @documentation https://nvidia.github.io/elements/docs/elements/datetime/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/datetime\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local\n */\n@scopedRegistry()\nexport class Datetime extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-datetime',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAe,EACnB,QAAQ,SACV,GAyBa,IAAN,cAAuB,EAAoC;CAChE,IAAuB,eAA6B;EAClD,OAAO;CACT;;EAQgB,KAAA,SAAA,EAAU;GAAC,GAAG,EAAQ;GAAQ;GAAa;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAW,SAAS,MAAM,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAA,EAAA,CAAA,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"datetime2.js","names":["styles","_decorate","__decorate","datetime_default","i18nDefaults","Datetime","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/datetime/datetime.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 { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './datetime.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-datetime\n * @description A datetime picker is a control that enables users to choose a datetime value.\n * @documentation https://nvidia.github.io/elements/docs/elements/datetime/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/datetime\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --cursor\n * @cssprop --font-weight\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @csspart icon-button - The calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local\n */\n@scopedRegistry()\nexport class Datetime extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-datetime',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAyBaC,IAAN,cAAuBC,EAAoC;CAChE,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaR;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBS,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,mDAAkD,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CAClJ;AACF;AAhBGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAJ,EAAA,CAAAU,EAAe,CAAA,GAAAN,CAAA"}

package/dist/datetime/define.js

@@ -4,6 +4,5 @@ import { ControlGroup as n } from "../forms/control-group/control-group2.js";
 import { Datetime as r } from "./datetime2.js";
 import { define as i } from "@nvidia-elements/foundations/internal/define";
 i(r), i(t), i(n), i(e);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/datetime/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/datetime/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 { Datetime } from '@nvidia-elements/core/datetime';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Datetime);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-datetime': Datetime;\n  }\n}\n"],"mappings":";;;;;AAOA,EAAO,CAAQ,GACf,EAAO,CAAO,GACd,EAAO,CAAY,GACnB,EAAO,CAAc"}
+{"version":3,"file":"define.js","names":["define","Datetime","Control","ControlGroup","ControlMessage"],"sources":["../../src/datetime/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 { Datetime } from '@nvidia-elements/core/datetime';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Datetime);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-datetime': Datetime;\n  }\n}\n"],"mappings":";;;;;AAOAA,EAAOC,CAAQ,GACfD,EAAOE,CAAO,GACdF,EAAOG,CAAY,GACnBH,EAAOI,CAAc"}

package/dist/datetime/index.js

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

package/dist/dialog/define.js

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

package/dist/dialog/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/dialog/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 { Dialog, DialogHeader, DialogFooter } from '@nvidia-elements/core/dialog';\n\ndefine(Dialog);\ndefine(DialogHeader);\ndefine(DialogFooter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-dialog': Dialog;\n    'nve-dialog-header': DialogHeader;\n    'nve-dialog-footer': DialogFooter;\n  }\n}\n"],"mappings":";;;;AAMA,EAAO,CAAM,GACb,EAAO,CAAY,GACnB,EAAO,CAAY"}
+{"version":3,"file":"define.js","names":["define","Dialog","DialogHeader","DialogFooter"],"sources":["../../src/dialog/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 { Dialog, DialogHeader, DialogFooter } from '@nvidia-elements/core/dialog';\n\ndefine(Dialog);\ndefine(DialogHeader);\ndefine(DialogFooter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-dialog': Dialog;\n    'nve-dialog-header': DialogHeader;\n    'nve-dialog-footer': DialogFooter;\n  }\n}\n"],"mappings":";;;;AAMAA,EAAOC,CAAM,GACbD,EAAOE,CAAY,GACnBF,EAAOG,CAAY"}

package/dist/dialog/dialog-footer.js

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

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

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

package/dist/dialog/dialog-footer2.js

@@ -1,7 +1,7 @@
 import { useStyles as e } from "../internal/styles/index.js";
 import t from "./dialog-footer.js";
 import { LitElement as n, html as r } from "lit";
-//#region src/dialog/dialog-footer.ts
+// src/dialog/dialog-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-dialog-footer",
-			version: "2.20.1",
+			version: "2.20.2",
 			parents: ["nve-dialog"]
 		};
 	}
@@ -20,7 +20,6 @@ var i = class extends n {
 		super.connectedCallback(), this.slot = "footer";
 	}
 };
-//#endregion
 export { i as DialogFooter };
 
 //# sourceMappingURL=dialog-footer2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-footer2.js","names":[],"sources":["../../src/dialog/dialog-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 './dialog-footer.css?inline';\n\n/**\n * @element nve-dialog-footer\n * @description Contains the action buttons and controls at the bottom of a dialog for confirming, canceling, or navigating.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @slot - default slot for the dialog footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DialogFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog-footer',\n    version: '0.0.0',\n    parents: ['nve-dialog']\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,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":"dialog-footer2.js","names":["styles","dialog_footer_default","DialogFooter","LitElement","useStyles"],"sources":["../../src/dialog/dialog-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 './dialog-footer.css?inline';\n\n/**\n * @element nve-dialog-footer\n * @description Contains the action buttons and controls at the bottom of a dialog for confirming, canceling, or navigating.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @slot - default slot for the dialog footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DialogFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog-footer',\n    version: '0.0.0',\n    parents: ['nve-dialog']\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,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/dialog/dialog-header.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-header.js","names":[],"sources":["../../src/dialog/dialog-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  --padding: var(--nve-ref-size-400);\n  display: block;\n  width: 100%;\n}\n\n[internal-host] {\n  border-bottom: var(--border-bottom);\n  padding: var(--padding);\n  color: var(--color);\n}\n"],"mappings":""}
+{"version":3,"file":"dialog-header.js","names":["dialog_header_default"],"sources":["../../src/dialog/dialog-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  --padding: var(--nve-ref-size-400);\n  display: block;\n  width: 100%;\n}\n\n[internal-host] {\n  border-bottom: var(--border-bottom);\n  padding: var(--padding);\n  color: var(--color);\n}\n"],"mappings":""}

package/dist/dialog/dialog-header2.js

@@ -1,7 +1,7 @@
 import { useStyles as e } from "../internal/styles/index.js";
 import t from "./dialog-header.js";
 import { LitElement as n, html as r } from "lit";
-//#region src/dialog/dialog-header.ts
+// src/dialog/dialog-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-dialog-header",
-			version: "2.20.1",
+			version: "2.20.2",
 			parents: ["nve-dialog"]
 		};
 	}
@@ -20,7 +20,6 @@ var i = class extends n {
 		super.connectedCallback(), this.slot = "header";
 	}
 };
-//#endregion
 export { i as DialogHeader };
 
 //# sourceMappingURL=dialog-header2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-header2.js","names":[],"sources":["../../src/dialog/dialog-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 './dialog-header.css?inline';\n\n/**\n * @element nve-dialog-header\n * @description Displays the title and contextual information at the top of a dialog to orient users to the dialog's purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @slot - default slot for the dialog header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DialogHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog-header',\n    version: '0.0.0',\n    parents: ['nve-dialog']\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,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":"dialog-header2.js","names":["styles","dialog_header_default","DialogHeader","LitElement","useStyles"],"sources":["../../src/dialog/dialog-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 './dialog-header.css?inline';\n\n/**\n * @element nve-dialog-header\n * @description Displays the title and contextual information at the top of a dialog to orient users to the dialog's purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/dialog/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/dialog\n * @slot - default slot for the dialog header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n */\nexport class DialogHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dialog-header',\n    version: '0.0.0',\n    parents: ['nve-dialog']\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,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/dialog/dialog.examples.js

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