@nvidia-elements/core 2.20.1 → 2.20.3

package/dist/textarea/textarea.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.examples.js","names":[],"sources":["../../src/textarea/textarea.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/textarea/define.js';\n\nexport default {\n  title: 'Elements/Textarea',\n  component: 'nve-textarea',\n};\n\n/**\n * @summary Basic multi-line text input for longer content entry like comments, descriptions, or messages.\n */\nexport const Default = {\n  render: () => html`\n<nve-textarea>\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>`\n};\n\n/**\n * @summary Textareas 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 full\">\n  <nve-textarea>\n    <label>label</label>\n    <textarea></textarea>\n    <nve-control-message>message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea>\n    <label>disabled</label>\n    <textarea disabled></textarea>\n    <nve-control-message>message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea>\n    <label>success</label>\n    <textarea></textarea>\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea>\n    <label>error</label>\n    <textarea></textarea>\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-textarea>\n</div>`\n};\n\n/**\n * @summary Textareas 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 full\">\n  <nve-textarea layout=\"horizontal\">\n    <label>label</label>\n    <textarea></textarea>\n    <nve-control-message>message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea layout=\"horizontal\">\n    <label>disabled</label>\n    <textarea disabled></textarea>\n    <nve-control-message>message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea layout=\"horizontal\">\n    <label>success</label>\n    <textarea></textarea>\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea layout=\"horizontal\">\n    <label>error</label>\n    <textarea></textarea>\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-textarea>\n</div>`\n};\n\n/**\n * @summary Textarea with built-in HTML validation showing required field error messages for form validation.\n */\nexport const ControlValidation = {\n  render: () => html`\n<nve-textarea>\n  <label>validation</label>\n  <textarea required></textarea>\n  <nve-control-message>message</nve-control-message>\n  <nve-control-message error=\"valueMissing\">required</nve-control-message>\n</nve-textarea>`\n};\n\n/**\n * @summary Textarea with custom columns and rows attributes for controlling initial size and dimensions.\n */\nexport const ColumnsAndRows = {\n  render: () => html`\n<nve-textarea>\n  <label>label</label>\n  <textarea rows=\"15\" cols=\"40\"></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>`\n};\n\n/**\n * @summary Flat textarea with prefix tags for context and suffix buttons to attach files or send a message.\n * @tags test-case\n */\nexport const Slots = {\n  render: () => html`\n<nve-textarea container=\"flat\">\n  <textarea placeholder=\"Build something...\" aria-label=\"prompt\"></textarea>\n  <nve-tag slot=\"prefix\" color=\"gray-denim\" closable>AGENTS.md</nve-tag>\n  <nve-tag slot=\"prefix\" color=\"gray-denim\" closable>Web Search</nve-tag>\n  <nve-icon-button slot=\"suffix\" icon-name=\"paper-clip\" aria-label=\"Attach file\" container=\"flat\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" icon-name=\"paper-airplane\" aria-label=\"Send message\" style=\"margin-left: auto\"></nve-icon-button>\n</nve-textarea>`\n};\n\n/**\n * @summary Textarea with flat container for inline forms.\n * @tags test-case\n */\nexport const ContainerFlat = {\n  render: () => html`\n<nve-textarea container=\"flat\">\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>`\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"textarea.examples.js","names":["textarea_examples_default"],"sources":["../../src/textarea/textarea.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/textarea/define.js';\n\nexport default {\n  title: 'Elements/Textarea',\n  component: 'nve-textarea',\n};\n\n/**\n * @summary Basic multi-line text input for longer content entry like comments, descriptions, or messages.\n */\nexport const Default = {\n  render: () => html`\n<nve-textarea>\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>`\n};\n\n/**\n * @summary Textareas 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 full\">\n  <nve-textarea>\n    <label>label</label>\n    <textarea></textarea>\n    <nve-control-message>message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea>\n    <label>disabled</label>\n    <textarea disabled></textarea>\n    <nve-control-message>message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea>\n    <label>success</label>\n    <textarea></textarea>\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea>\n    <label>error</label>\n    <textarea></textarea>\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-textarea>\n</div>`\n};\n\n/**\n * @summary Textareas 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 full\">\n  <nve-textarea layout=\"horizontal\">\n    <label>label</label>\n    <textarea></textarea>\n    <nve-control-message>message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea layout=\"horizontal\">\n    <label>disabled</label>\n    <textarea disabled></textarea>\n    <nve-control-message>message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea layout=\"horizontal\">\n    <label>success</label>\n    <textarea></textarea>\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-textarea>\n\n  <nve-textarea layout=\"horizontal\">\n    <label>error</label>\n    <textarea></textarea>\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-textarea>\n</div>`\n};\n\n/**\n * @summary Textarea with built-in HTML validation showing required field error messages for form validation.\n */\nexport const ControlValidation = {\n  render: () => html`\n<nve-textarea>\n  <label>validation</label>\n  <textarea required></textarea>\n  <nve-control-message>message</nve-control-message>\n  <nve-control-message error=\"valueMissing\">required</nve-control-message>\n</nve-textarea>`\n};\n\n/**\n * @summary Textarea with custom columns and rows attributes for controlling initial size and dimensions.\n */\nexport const ColumnsAndRows = {\n  render: () => html`\n<nve-textarea>\n  <label>label</label>\n  <textarea rows=\"15\" cols=\"40\"></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>`\n};\n\n/**\n * @summary Flat textarea with prefix tags for context and suffix buttons to attach files or send a message.\n * @tags test-case\n */\nexport const Slots = {\n  render: () => html`\n<nve-textarea container=\"flat\">\n  <textarea placeholder=\"Build something...\" aria-label=\"prompt\"></textarea>\n  <nve-tag slot=\"prefix\" color=\"gray-denim\" closable>AGENTS.md</nve-tag>\n  <nve-tag slot=\"prefix\" color=\"gray-denim\" closable>Web Search</nve-tag>\n  <nve-icon-button slot=\"suffix\" icon-name=\"paper-clip\" aria-label=\"Attach file\" container=\"flat\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" icon-name=\"paper-airplane\" aria-label=\"Send message\" style=\"margin-left: auto\"></nve-icon-button>\n</nve-textarea>`\n};\n\n/**\n * @summary Textarea with flat container for inline forms.\n * @tags test-case\n */\nexport const ContainerFlat = {\n  render: () => html`\n<nve-textarea container=\"flat\">\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>`\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/textarea/textarea.js

@@ -1,6 +1,5 @@
-//#region src/textarea/textarea.css?inline
+// src/textarea/textarea.css?inline
 var e = ":host{--padding: var(--nve-ref-size-200);--font-size: var(--nve-ref-font-size-100);--height: 100px;--width: 100%;--min-height: 100px;--background: var(--nve-sys-interaction-field-background);--color: var(--nve-sys-interaction-field-color);--border-radius: var(--nve-ref-border-radius-sm);--cursor: text;--border: 0;display:block;width:var(--width);contain:layout}::slotted(textarea){font-size:var(--font-size)!important;margin:0!important;align-content:stretch!important;background:var(--background)!important;border:0!important;color:var(--color)!important;cursor:var(--cursor)!important;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}slot[name=prefix],slot[name=suffix]{display:none;gap:var(--nve-ref-space-xxs)}@scope{:scope:has([slot=prefix]) slot[name=prefix]{display:flex}:scope:has([slot=suffix]) slot[name=suffix]{display:flex}:scope:has(textarea[style*=width],textarea[cols]) [input]{width:fit-content}:scope:has(textarea:focus-visible) [input]{outline:5px auto -webkit-focus-ring-color!important;outline:Highlight solid 2px!important}}[input]{flex-direction:column;gap:var(--nve-ref-space-xs);background:var(--background);border:var(--border);border-radius:var(--border-radius);padding:var(--padding);cursor:initial;outline:none!important}::slotted(textarea:not([rows],[style*=\"height\"])){height:var(--height)!important;min-height:var(--min-height)!important}::slotted(textarea:not([cols],[style*=\"width\"])){width:var(--width)!important}::slotted(textarea:not([cols],[rows])){field-sizing:content}:host([layout*=\"horizontal\"]) ::slotted(label){padding-block-start:var(--nve-ref-size-100)!important;align-self:start!important}:host([layout*=\"horizontal\"]) slot[name=label]{align-self:start}:host([status=\"error\"]),:host(:state(invalid)),:host(:state(error)){--border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-danger-emphasis-color)}:host([status=\"success\"]),:host(:state(success)){--border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-success-emphasis-color)}:host(:state(disabled)){--border: var(--nve-ref-border-width-md) solid transparent}:host([container=\"flat\"]){--background: transparent;--border: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted)}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=textarea.js.map

package/dist/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../src/textarea/textarea.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-200);\n  --font-size: var(--nve-ref-font-size-100);\n  --height: 100px;\n  --width: 100%;\n  --min-height: 100px;\n  --background: var(--nve-sys-interaction-field-background);\n  --color: var(--nve-sys-interaction-field-color);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --cursor: text;\n  --border: 0;\n  display: block;\n  width: var(--width);\n  contain: layout;\n}\n\n::slotted(textarea) {\n  font-size: var(--font-size) !important;\n  margin: 0 !important;\n  align-content: stretch !important;\n  background: var(--background) !important;\n  border: 0 !important;\n  color: var(--color) !important;\n  cursor: var(--cursor) !important;\n  scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n  scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\nslot[name='prefix'],\nslot[name='suffix'] {\n  display: none;\n  gap: var(--nve-ref-space-xxs);\n}\n\n@scope {\n  :scope:has([slot='prefix']) slot[name='prefix'] {\n    display: flex;\n  }\n\n  :scope:has([slot='suffix']) slot[name='suffix'] {\n    display: flex;\n  }\n\n  :scope:has(textarea[style*='width'], textarea[cols]) [input] {\n    width: fit-content;\n  }\n\n  :scope:has(textarea:focus-visible) [input] {\n    outline: 5px auto -webkit-focus-ring-color !important;\n    outline: Highlight solid 2px !important;\n  }\n}\n\n[input] {\n  flex-direction: column;\n  gap: var(--nve-ref-space-xs);\n  background: var(--background);\n  border: var(--border);\n  border-radius: var(--border-radius);\n  padding: var(--padding);\n  cursor: initial;\n  outline: none !important;\n}\n\n::slotted(textarea:not([rows], [style*='height'])) {\n  height: var(--height) !important;\n  min-height: var(--min-height) !important;\n}\n\n::slotted(textarea:not([cols], [style*='width'])) {\n  width: var(--width) !important;\n}\n\n::slotted(textarea:not([cols], [rows])) {\n  field-sizing: content;\n}\n\n:host([layout*='horizontal']) ::slotted(label) {\n  padding-block-start: var(--nve-ref-size-100) !important;\n  align-self: start !important;\n}\n\n:host([layout*='horizontal']) slot[name='label'] {\n  align-self: start;\n}\n\n:host([status='error']),\n:host(:state(invalid)),\n:host(:state(error)) {\n  --border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-danger-emphasis-color);\n}\n\n:host([status='success']),\n:host(:state(success)) {\n  --border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-success-emphasis-color);\n}\n\n:host(:state(disabled)) {\n  --border: var(--nve-ref-border-width-md) solid transparent;\n}\n\n:host([container='flat']) {\n  --background: transparent;\n  --border: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);\n}\n"],"mappings":""}
+{"version":3,"file":"textarea.js","names":["textarea_default"],"sources":["../../src/textarea/textarea.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-200);\n  --font-size: var(--nve-ref-font-size-100);\n  --height: 100px;\n  --width: 100%;\n  --min-height: 100px;\n  --background: var(--nve-sys-interaction-field-background);\n  --color: var(--nve-sys-interaction-field-color);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --cursor: text;\n  --border: 0;\n  display: block;\n  width: var(--width);\n  contain: layout;\n}\n\n::slotted(textarea) {\n  font-size: var(--font-size) !important;\n  margin: 0 !important;\n  align-content: stretch !important;\n  background: var(--background) !important;\n  border: 0 !important;\n  color: var(--color) !important;\n  cursor: var(--cursor) !important;\n  scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n  scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\nslot[name='prefix'],\nslot[name='suffix'] {\n  display: none;\n  gap: var(--nve-ref-space-xxs);\n}\n\n@scope {\n  :scope:has([slot='prefix']) slot[name='prefix'] {\n    display: flex;\n  }\n\n  :scope:has([slot='suffix']) slot[name='suffix'] {\n    display: flex;\n  }\n\n  :scope:has(textarea[style*='width'], textarea[cols]) [input] {\n    width: fit-content;\n  }\n\n  :scope:has(textarea:focus-visible) [input] {\n    outline: 5px auto -webkit-focus-ring-color !important;\n    outline: Highlight solid 2px !important;\n  }\n}\n\n[input] {\n  flex-direction: column;\n  gap: var(--nve-ref-space-xs);\n  background: var(--background);\n  border: var(--border);\n  border-radius: var(--border-radius);\n  padding: var(--padding);\n  cursor: initial;\n  outline: none !important;\n}\n\n::slotted(textarea:not([rows], [style*='height'])) {\n  height: var(--height) !important;\n  min-height: var(--min-height) !important;\n}\n\n::slotted(textarea:not([cols], [style*='width'])) {\n  width: var(--width) !important;\n}\n\n::slotted(textarea:not([cols], [rows])) {\n  field-sizing: content;\n}\n\n:host([layout*='horizontal']) ::slotted(label) {\n  padding-block-start: var(--nve-ref-size-100) !important;\n  align-self: start !important;\n}\n\n:host([layout*='horizontal']) slot[name='label'] {\n  align-self: start;\n}\n\n:host([status='error']),\n:host(:state(invalid)),\n:host(:state(error)) {\n  --border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-danger-emphasis-color);\n}\n\n:host([status='success']),\n:host(:state(success)) {\n  --border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-success-emphasis-color);\n}\n\n:host(:state(disabled)) {\n  --border: var(--nve-ref-border-width-md) solid transparent;\n}\n\n:host([container='flat']) {\n  --background: transparent;\n  --border: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);\n}\n"],"mappings":""}

package/dist/textarea/textarea2.js

@@ -2,7 +2,7 @@ import { useStyles as e } from "../internal/styles/index.js";
 import { Control as t } from "../forms/control/control2.js";
 import n from "./textarea.js";
 import { html as r } from "lit";
-//#region src/textarea/textarea.ts
+// src/textarea/textarea.ts
 var i = class extends t {
 	static {
 		this.styles = e([...t.styles, n]);
@@ -16,11 +16,10 @@ var i = class extends t {
 	static {
 		this.metadata = {
 			tag: "nve-textarea",
-			version: "2.20.1"
+			version: "2.20.3"
 		};
 	}
 };
-//#endregion
 export { i as Textarea };
 
 //# sourceMappingURL=textarea2.js.map

package/dist/textarea/textarea2.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea2.js","names":[],"sources":["../../src/textarea/textarea.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, type CSSResult } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './textarea.css?inline';\n\n/**\n * @element nve-textarea\n * @description A textarea is a control that enables users to enter and edit text.\n * @documentation https://nvidia.github.io/elements/docs/elements/textarea/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/textarea\n * @slot prefix - Content to display before the textarea.\n * @slot suffix - Content to display after the textarea.\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --width\n * @cssprop --min-height\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --cursor\n * @cssprop --border\n * @cssprop --color\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea\n */\nexport class Textarea extends Control {\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  /** @private */\n  protected get prefixContent() {\n    return html`<slot name=\"prefix\"></slot>`;\n  }\n\n  /** @private */\n  protected get suffixContent() {\n    return html`<slot name=\"suffix\"></slot>`;\n  }\n\n  static readonly metadata = {\n    tag: 'nve-textarea',\n    version: '0.0.0'\n  };\n}\n"],"mappings":";;;;;AA4BA,IAAa,IAAb,cAA8B,EAAQ;;EACP,KAAA,SAAA,EAAU,CAAC,GAAG,EAAQ,QAAQ,CAAM,CAAC;;CAGlE,IAAc,gBAAgB;EAC5B,OAAO,CAAI;CACb;CAGA,IAAc,gBAAgB;EAC5B,OAAO,CAAI;CACb;;EAE2B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;AACF"}
+{"version":3,"file":"textarea2.js","names":["styles","textarea_default","Textarea","Control","useStyles"],"sources":["../../src/textarea/textarea.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, type CSSResult } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './textarea.css?inline';\n\n/**\n * @element nve-textarea\n * @description A textarea is a control that enables users to enter and edit text.\n * @documentation https://nvidia.github.io/elements/docs/elements/textarea/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/textarea\n * @slot prefix - Content to display before the textarea.\n * @slot suffix - Content to display after the textarea.\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --width\n * @cssprop --min-height\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --cursor\n * @cssprop --border\n * @cssprop --color\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea\n */\nexport class Textarea extends Control {\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  /** @private */\n  protected get prefixContent() {\n    return html`<slot name=\"prefix\"></slot>`;\n  }\n\n  /** @private */\n  protected get suffixContent() {\n    return html`<slot name=\"suffix\"></slot>`;\n  }\n\n  static readonly metadata = {\n    tag: 'nve-textarea',\n    version: '0.0.0'\n  };\n}\n"],"mappings":";;;;;AA4BA,IAAaE,IAAb,cAA8BC,EAAQ;;EACP,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAQ,QAAQH,CAAM,CAAC;;CAGlE,IAAc,gBAAgB;EAC5B,OAAO,CAAI;CACb;CAGA,IAAc,gBAAgB;EAC5B,OAAO,CAAI;CACb;;EAE2B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;AACF"}

package/dist/time/define.js

@@ -4,6 +4,5 @@ import { ControlGroup as n } from "../forms/control-group/control-group2.js";
 import { Time as r } from "./time2.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/time/define.js.map

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

package/dist/time/index.js

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

package/dist/time/time.examples.js

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

package/dist/time/time.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.examples.js","names":[],"sources":["../../src/time/time.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/time/define.js';\n\nexport default {\n  title: 'Elements/Time',\n  component: 'nve-time',\n};\n\n/**\n * @summary Basic time input with label, min/max time constraints, and help message\n */\nexport const Default = {\n  render: () => html`\n<nve-time>\n  <label>label</label>\n  <input type=\"time\" min=\"09:00\" max=\"18:00\" value=\"12:00\" />\n  <nve-control-message>message</nve-control-message>\n</nve-time>`\n};\n\n/**\n * @summary Time input with datalist slot for predefined time options users can select from\n */\nexport const Datalist = {\n  render: () => html`\n<nve-time>\n  <label>label</label>\n  <input type=\"time\" />\n  <nve-control-message>message</nve-control-message>\n  <datalist>\n    <option value=\"12:00\"></option>\n    <option value=\"13:00\"></option>\n    <option value=\"14:00\"></option>\n  </datalist>\n</nve-time>\n  `\n}\n\n/**\n * @summary Vertical field layout showcasing default, disabled, success, and error states\n * @tags test-case\n */\nexport const Vertical = {\n  render: () => html`\n<div nve-layout=\"column gap:lg full\">\n  <nve-time>\n    <label>label</label>\n    <input type=\"time\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-time>\n    <label>disabled</label>\n    <input type=\"time\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-time>\n    <label>success</label>\n    <input type=\"time\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-time>\n\n  <nve-time>\n    <label>error</label>\n    <input type=\"time\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-time>\n</div>`\n};\n\n/**\n * @summary Horizontal field layout with label beside input, showing default, disabled, success, and error states\n * @tags test-case\n */\nexport const Horizontal = {\n  render: () => html`\n<div nve-layout=\"column gap:lg full\">\n  <nve-time layout=\"horizontal\">\n    <label>label</label>\n    <input type=\"time\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-time layout=\"horizontal\">\n    <label>disabled</label>\n    <input type=\"time\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-time layout=\"horizontal\">\n    <label>success</label>\n    <input type=\"time\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-time>\n\n  <nve-time layout=\"horizontal\">\n    <label>error</label>\n    <input type=\"time\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-time>\n</div>`\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"time.examples.js","names":["time_examples_default"],"sources":["../../src/time/time.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/time/define.js';\n\nexport default {\n  title: 'Elements/Time',\n  component: 'nve-time',\n};\n\n/**\n * @summary Basic time input with label, min/max time constraints, and help message\n */\nexport const Default = {\n  render: () => html`\n<nve-time>\n  <label>label</label>\n  <input type=\"time\" min=\"09:00\" max=\"18:00\" value=\"12:00\" />\n  <nve-control-message>message</nve-control-message>\n</nve-time>`\n};\n\n/**\n * @summary Time input with datalist slot for predefined time options users can select from\n */\nexport const Datalist = {\n  render: () => html`\n<nve-time>\n  <label>label</label>\n  <input type=\"time\" />\n  <nve-control-message>message</nve-control-message>\n  <datalist>\n    <option value=\"12:00\"></option>\n    <option value=\"13:00\"></option>\n    <option value=\"14:00\"></option>\n  </datalist>\n</nve-time>\n  `\n}\n\n/**\n * @summary Vertical field layout showcasing default, disabled, success, and error states\n * @tags test-case\n */\nexport const Vertical = {\n  render: () => html`\n<div nve-layout=\"column gap:lg full\">\n  <nve-time>\n    <label>label</label>\n    <input type=\"time\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-time>\n    <label>disabled</label>\n    <input type=\"time\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-time>\n    <label>success</label>\n    <input type=\"time\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-time>\n\n  <nve-time>\n    <label>error</label>\n    <input type=\"time\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-time>\n</div>`\n};\n\n/**\n * @summary Horizontal field layout with label beside input, showing default, disabled, success, and error states\n * @tags test-case\n */\nexport const Horizontal = {\n  render: () => html`\n<div nve-layout=\"column gap:lg full\">\n  <nve-time layout=\"horizontal\">\n    <label>label</label>\n    <input type=\"time\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-time layout=\"horizontal\">\n    <label>disabled</label>\n    <input type=\"time\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-time>\n\n  <nve-time layout=\"horizontal\">\n    <label>success</label>\n    <input type=\"time\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-time>\n\n  <nve-time layout=\"horizontal\">\n    <label>error</label>\n    <input type=\"time\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-time>\n</div>`\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/time/time.js

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

package/dist/time/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","names":[],"sources":["../../src/time/time.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":"time.js","names":["time_default"],"sources":["../../src/time/time.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/time/time2.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 "./time.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
-//#region src/time/time.ts
+// src/time/time.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-time",
-			version: "2.20.1"
+			version: "2.20.3"
 		};
 	}
 	static {
@@ -36,7 +36,6 @@ n([c({
 	type: String,
 	reflect: !0
 })], u.prototype, "container", void 0), u = n([e()], u);
-//#endregion
 export { u as Time };
 
 //# sourceMappingURL=time2.js.map

package/dist/time/time2.js.map

@@ -1 +1 @@
-{"version":3,"file":"time2.js","names":[],"sources":["../../src/time/time.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 { IconButton } from '@nvidia-elements/core/icon-button';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './time.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-time\n * @description A time picker is a control that enables users to choose a time value.\n * @documentation https://nvidia.github.io/elements/docs/elements/time/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/time\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --cursor\n * @csspart icon-button - The clock icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time\n */\n@scopedRegistry()\nexport class Time 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-time',\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=\"clock\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAe,EACnB,QAAQ,SACV,GAmBa,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,iDAA+C,KAAK,WAAW;CAC/I;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":"time2.js","names":["styles","_decorate","__decorate","time_default","i18nDefaults","Time","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/time/time.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 { IconButton } from '@nvidia-elements/core/icon-button';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './time.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-time\n * @description A time picker is a control that enables users to choose a time value.\n * @documentation https://nvidia.github.io/elements/docs/elements/time/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/time\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --cursor\n * @csspart icon-button - The clock icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time\n */\n@scopedRegistry()\nexport class Time 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-time',\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=\"clock\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAmBaC,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,iDAA+C,KAAK,WAAW;CAC/I;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/toast/define.js

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

package/dist/toast/define.js.map

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

package/dist/toast/index.js

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

package/dist/toast/toast.examples.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"toast.examples.js","names":[],"sources":["../../src/toast/toast.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/toast/define.js';\n\nexport default {\n  title: 'Elements/Toast',\n  component: 'nve-toast',\n  parameters: {\n    layout: 'centered'\n  }\n};\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\n * @summary Basic toast with auto-dismiss for brief, non-critical feedback messages. Use toasts for lightweight confirmations like \"Saved\", \"Copied\", or \"Action complete\" that inform users without requiring interaction or disrupting workflow.\n */\nexport const Default = {\n  render: () => html`\n<nve-toast id=\"toast\" close-timeout=\"1500\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n`\n};\n\n/**\n * @summary Visual example of toast structure with anchor positioning for consistent implementation patterns across your application.\n * @tags test-case\n */\nexport const Visual = {\n  render: () => html`\n<nve-toast anchor=\"btn\">hello there</nve-toast>\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\n * @summary Toast status variants for different feedback types. Use success for confirmations, warning for cautions, and danger for error notifications, helping users quickly identify message importance through color and iconography.\n */\nexport const Status = {\n  render: () => html`\n<div nve-layout=\"row align:center\" style=\"height: 200px\">\n  <nve-toast position=\"top\">default</nve-toast>\n  <nve-toast status=\"success\" position=\"right\">success</nve-toast>\n  <nve-toast status=\"warning\" position=\"bottom\">warning</nve-toast>\n  <nve-toast status=\"danger\" position=\"left\">danger</nve-toast>\n</div>\n  `\n};\n\n/**\n * @summary Muted toast variant for subtle, low-priority feedback. Use muted prominence when the message is informative but shouldn't draw significant attention, maintaining user focus on primary tasks.\n */\nexport const Prominence = {\n  render: () => html`<nve-toast position=\"top\" prominence=\"muted\">muted</nve-toast>`\n};\n\n/**\n * @summary Toast with inline action buttons for quick follow-up actions. Use sparingly for important actions like \"Undo\" or \"View\", but prefer simple toasts without actions for most feedback to maintain lightweight nature.\n */\nexport const Actions = {\n  render: () => html`\n<div nve-layout=\"row align:center\" style=\"height: 200px\">\n  <nve-toast position=\"top\">\n    default <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"success\" position=\"right\">\n    success <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"warning\" position=\"bottom\">\n    warning <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"danger\" position=\"left\">\n    danger <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n</div>\n  `\n};\n\n/**\n * @summary Event handling for toast lifecycle events. Useful for adding custom behavior when toast state changes.\n */\nexport const Events = {\n  render: () => html`\n<nve-toast id=\"toast\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n<script type=\"module\">\n  const toast = document.querySelector('nve-toast');\n  toast.addEventListener('beforetoggle', () => console.log('beforetoggle'));\n  toast.addEventListener('toggle', () => console.log('toggle'));\n  toast.addEventListener('close', () => console.log('close'));\n  toast.addEventListener('open', () => console.log('open'));\n</script>\n  `\n};\n\n/**\n * @summary Toast positioning options relative to screen edges or anchor elements. Position toasts in consistent locations where they won't obscure important content, typically bottom-center or top-right for global feedback.\n * @tags test-case\n */\nexport const Position = {\n  render: () => html`\n<nve-toast anchor=\"btn\" position=\"top\">top</nve-toast>\n<nve-toast anchor=\"btn\" position=\"right\">right</nve-toast>\n<nve-toast anchor=\"btn\" position=\"bottom\">bottom</nve-toast>\n<nve-toast anchor=\"btn\" position=\"left\">left</nve-toast>\n<nve-button id=\"btn\">button</nve-button>\n  `\n};\n\n/**\n * @summary Fine-grained toast alignment for precise placement control. Use alignment to position toasts relative to anchor edges, useful for contextual feedback that should appear near specific UI elements.\n * @tags test-case\n */\nexport const Alignment = {\n  render: () => html`\n<nve-card id=\"card\" style=\"width: 450px; height: 300px;\"></nve-card>\n<nve-toast anchor=\"card\" position=\"top\" alignment=\"start\">top start</nve-toast>\n<nve-toast anchor=\"card\" position=\"top\">top center</nve-toast>\n<nve-toast anchor=\"card\" position=\"top\" alignment=\"end\">top end</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\" alignment=\"start\">right start</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\">right center</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\" alignment=\"end\">right end</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\" alignment=\"start\">bottom start</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\">bottom center</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\" alignment=\"end\">bottom end</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\" alignment=\"start\">left start</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\">left center</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\" alignment=\"end\">left end</nve-toast>\n  `\n};\n\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n\n/**\n * @summary Legacy behavior-trigger pattern for automatic toast lifecycle management. Deprecated approach with manual trigger attributes, prefer modern popovertarget API for simpler toast implementation and better maintainability.\n * @tags test-case\n * @deprecated\n */\nexport const LegacyBehaviorTrigger = {\n  render: () => html`\n<div nve-layout=\"row align:center\" style=\"height: 90vh\">\n  <nve-button id=\"btn\">copy to clipboard</nve-button>\n  <nve-toast trigger=\"btn\" behavior-trigger position=\"top\" close-timeout=\"1500\" hidden>copied!</nve-toast>\n</div>\n`\n};\n\n/**\n * @summary Toast functionality within shadow DOM for Web Component architectures. Proper toast positioning and behavior in encapsulated component environments, essential for component library implementations.\n * @tags test-case\n */\nexport const ShadowRoot = {\n  render: () => html`\n<toast-test-shadow-root></toast-test-shadow-root>\n<script type=\"module\">\n  customElements.define('toast-test-shadow-root', class ToastTestShadowRoot extends HTMLElement {\n    constructor() {\n      super();\n      this._shadow = this.attachShadow({mode: 'open'});\n\n      const template = document.createElement('template');\n      template.innerHTML = \\`\n        <style>:host { box-sizing: border-box; }</style>\n        <nve-toast size=\"sm\">center</nve-toast>\n\n        <nve-toast size=\"sm\" position=\"top\">top center</nve-toast>\n        <nve-toast size=\"sm\" position=\"top\" alignment=\"start\">top start</nve-toast>\n        <nve-toast size=\"sm\" position=\"top\" alignment=\"end\">top end</nve-toast>\n\n        <nve-toast size=\"sm\" position=\"right\" alignment=\"start\">right start</nve-toast>\n        <nve-toast size=\"sm\" position=\"right\">right center</nve-toast>\n        <nve-toast size=\"sm\" position=\"right\" alignment=\"end\">right end</nve-toast>\n\n        <nve-toast size=\"sm\" position=\"bottom\" alignment=\"start\">bottom start</nve-toast>\n        <nve-toast size=\"sm\" position=\"bottom\">bottom center</nve-toast>\n        <nve-toast size=\"sm\" position=\"bottom\" alignment=\"end\">bottom end</nve-toast>\n\n        <nve-toast size=\"sm\" position=\"left\" alignment=\"start\">left start</nve-toast>\n        <nve-toast size=\"sm\" position=\"left\">left center</nve-toast>\n        <nve-toast size=\"sm\" position=\"left\" alignment=\"end\">left end</nve-toast>\n      \\`;\n      this._shadow.appendChild(template.content);\n    }\n  });\n</script>\n  `\n};\n\n/**\n * @summary Body anchor positioning for toast.\n * @tags test-case\n */\nexport const BodyAnchor = {\n  render: () => html`\n<nve-toast style=\"--background: red\" anchor=\"body\" position=\"center\" alignment=\"center\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: blue\" anchor=\"body\" position=\"top\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: yellow\" anchor=\"body\" position=\"top\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: green\" anchor=\"body\" position=\"top\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: purple\" anchor=\"body\" position=\"bottom\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: orange\" anchor=\"body\" position=\"bottom\">•︎︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: pink\" anchor=\"body\" position=\"bottom\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: brown; margin-right: -250px\" anchor=\"body\" position=\"left\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: gray;\" anchor=\"body\" position=\"left\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: black; margin-right: -250px\" anchor=\"body\" position=\"left\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: red; margin-left: -250px\" anchor=\"body\" position=\"right\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: blue\" anchor=\"body\" position=\"right\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: yellow; margin-left: -250px\" anchor=\"body\" position=\"right\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"toast.examples.js","names":["toast_examples_default"],"sources":["../../src/toast/toast.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/toast/define.js';\n\nexport default {\n  title: 'Elements/Toast',\n  component: 'nve-toast',\n  parameters: {\n    layout: 'centered'\n  }\n};\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\n * @summary Basic toast with auto-dismiss for brief, non-critical feedback messages. Use toasts for lightweight confirmations like \"Saved\", \"Copied\", or \"Action complete\" that inform users without requiring interaction or disrupting workflow.\n */\nexport const Default = {\n  render: () => html`\n<nve-toast id=\"toast\" close-timeout=\"1500\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n`\n};\n\n/**\n * @summary Visual example of toast structure with anchor positioning for consistent implementation patterns across your application.\n * @tags test-case\n */\nexport const Visual = {\n  render: () => html`\n<nve-toast anchor=\"btn\">hello there</nve-toast>\n<nve-button id=\"btn\">button</nve-button>\n`\n};\n\n/**\n * @summary Toast status variants for different feedback types. Use success for confirmations, warning for cautions, and danger for error notifications, helping users quickly identify message importance through color and iconography.\n */\nexport const Status = {\n  render: () => html`\n<div nve-layout=\"row align:center\" style=\"height: 200px\">\n  <nve-toast position=\"top\">default</nve-toast>\n  <nve-toast status=\"success\" position=\"right\">success</nve-toast>\n  <nve-toast status=\"warning\" position=\"bottom\">warning</nve-toast>\n  <nve-toast status=\"danger\" position=\"left\">danger</nve-toast>\n</div>\n  `\n};\n\n/**\n * @summary Muted toast variant for subtle, low-priority feedback. Use muted prominence when the message is informative but shouldn't draw significant attention, maintaining user focus on primary tasks.\n */\nexport const Prominence = {\n  render: () => html`<nve-toast position=\"top\" prominence=\"muted\">muted</nve-toast>`\n};\n\n/**\n * @summary Toast with inline action buttons for quick follow-up actions. Use sparingly for important actions like \"Undo\" or \"View\", but prefer simple toasts without actions for most feedback to maintain lightweight nature.\n */\nexport const Actions = {\n  render: () => html`\n<div nve-layout=\"row align:center\" style=\"height: 200px\">\n  <nve-toast position=\"top\">\n    default <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"success\" position=\"right\">\n    success <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"warning\" position=\"bottom\">\n    warning <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n  <nve-toast status=\"danger\" position=\"left\">\n    danger <nve-button container=\"inline\">action</nve-button>\n  </nve-toast>\n</div>\n  `\n};\n\n/**\n * @summary Event handling for toast lifecycle events. Useful for adding custom behavior when toast state changes.\n */\nexport const Events = {\n  render: () => html`\n<nve-toast id=\"toast\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n<script type=\"module\">\n  const toast = document.querySelector('nve-toast');\n  toast.addEventListener('beforetoggle', () => console.log('beforetoggle'));\n  toast.addEventListener('toggle', () => console.log('toggle'));\n  toast.addEventListener('close', () => console.log('close'));\n  toast.addEventListener('open', () => console.log('open'));\n</script>\n  `\n};\n\n/**\n * @summary Toast positioning options relative to screen edges or anchor elements. Position toasts in consistent locations where they won't obscure important content, typically bottom-center or top-right for global feedback.\n * @tags test-case\n */\nexport const Position = {\n  render: () => html`\n<nve-toast anchor=\"btn\" position=\"top\">top</nve-toast>\n<nve-toast anchor=\"btn\" position=\"right\">right</nve-toast>\n<nve-toast anchor=\"btn\" position=\"bottom\">bottom</nve-toast>\n<nve-toast anchor=\"btn\" position=\"left\">left</nve-toast>\n<nve-button id=\"btn\">button</nve-button>\n  `\n};\n\n/**\n * @summary Fine-grained toast alignment for precise placement control. Use alignment to position toasts relative to anchor edges, useful for contextual feedback that should appear near specific UI elements.\n * @tags test-case\n */\nexport const Alignment = {\n  render: () => html`\n<nve-card id=\"card\" style=\"width: 450px; height: 300px;\"></nve-card>\n<nve-toast anchor=\"card\" position=\"top\" alignment=\"start\">top start</nve-toast>\n<nve-toast anchor=\"card\" position=\"top\">top center</nve-toast>\n<nve-toast anchor=\"card\" position=\"top\" alignment=\"end\">top end</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\" alignment=\"start\">right start</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\">right center</nve-toast>\n<nve-toast anchor=\"card\" position=\"right\" alignment=\"end\">right end</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\" alignment=\"start\">bottom start</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\">bottom center</nve-toast>\n<nve-toast anchor=\"card\" position=\"bottom\" alignment=\"end\">bottom end</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\" alignment=\"start\">left start</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\">left center</nve-toast>\n<nve-toast anchor=\"card\" position=\"left\" alignment=\"end\">left end</nve-toast>\n  `\n};\n\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n\n/**\n * @summary Legacy behavior-trigger pattern for automatic toast lifecycle management. Deprecated approach with manual trigger attributes, prefer modern popovertarget API for simpler toast implementation and better maintainability.\n * @tags test-case\n * @deprecated\n */\nexport const LegacyBehaviorTrigger = {\n  render: () => html`\n<div nve-layout=\"row align:center\" style=\"height: 90vh\">\n  <nve-button id=\"btn\">copy to clipboard</nve-button>\n  <nve-toast trigger=\"btn\" behavior-trigger position=\"top\" close-timeout=\"1500\" hidden>copied!</nve-toast>\n</div>\n`\n};\n\n/**\n * @summary Toast functionality within shadow DOM for Web Component architectures. Proper toast positioning and behavior in encapsulated component environments, essential for component library implementations.\n * @tags test-case\n */\nexport const ShadowRoot = {\n  render: () => html`\n<toast-test-shadow-root></toast-test-shadow-root>\n<script type=\"module\">\n  customElements.define('toast-test-shadow-root', class ToastTestShadowRoot extends HTMLElement {\n    constructor() {\n      super();\n      this._shadow = this.attachShadow({mode: 'open'});\n\n      const template = document.createElement('template');\n      template.innerHTML = \\`\n        <style>:host { box-sizing: border-box; }</style>\n        <nve-toast size=\"sm\">center</nve-toast>\n\n        <nve-toast size=\"sm\" position=\"top\">top center</nve-toast>\n        <nve-toast size=\"sm\" position=\"top\" alignment=\"start\">top start</nve-toast>\n        <nve-toast size=\"sm\" position=\"top\" alignment=\"end\">top end</nve-toast>\n\n        <nve-toast size=\"sm\" position=\"right\" alignment=\"start\">right start</nve-toast>\n        <nve-toast size=\"sm\" position=\"right\">right center</nve-toast>\n        <nve-toast size=\"sm\" position=\"right\" alignment=\"end\">right end</nve-toast>\n\n        <nve-toast size=\"sm\" position=\"bottom\" alignment=\"start\">bottom start</nve-toast>\n        <nve-toast size=\"sm\" position=\"bottom\">bottom center</nve-toast>\n        <nve-toast size=\"sm\" position=\"bottom\" alignment=\"end\">bottom end</nve-toast>\n\n        <nve-toast size=\"sm\" position=\"left\" alignment=\"start\">left start</nve-toast>\n        <nve-toast size=\"sm\" position=\"left\">left center</nve-toast>\n        <nve-toast size=\"sm\" position=\"left\" alignment=\"end\">left end</nve-toast>\n      \\`;\n      this._shadow.appendChild(template.content);\n    }\n  });\n</script>\n  `\n};\n\n/**\n * @summary Body anchor positioning for toast.\n * @tags test-case\n */\nexport const BodyAnchor = {\n  render: () => html`\n<nve-toast style=\"--background: red\" anchor=\"body\" position=\"center\" alignment=\"center\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: blue\" anchor=\"body\" position=\"top\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: yellow\" anchor=\"body\" position=\"top\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: green\" anchor=\"body\" position=\"top\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: purple\" anchor=\"body\" position=\"bottom\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: orange\" anchor=\"body\" position=\"bottom\">•︎︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: pink\" anchor=\"body\" position=\"bottom\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: brown; margin-right: -250px\" anchor=\"body\" position=\"left\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: gray;\" anchor=\"body\" position=\"left\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: black; margin-right: -250px\" anchor=\"body\" position=\"left\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: red; margin-left: -250px\" anchor=\"body\" position=\"right\" alignment=\"start\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: blue\" anchor=\"body\" position=\"right\">•︎•︎•︎•︎•︎•︎</nve-toast>\n<nve-toast style=\"--background: yellow; margin-left: -250px\" anchor=\"body\" position=\"right\" alignment=\"end\">•︎•︎•︎•︎•︎•︎</nve-toast>\n  `\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/toast/toast.js

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

package/dist/toast/toast.js.map

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

package/dist/toast/toast2.js

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

package/dist/toast/toast2.js.map

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

package/dist/toggletip/define.js

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

package/dist/toggletip/define.js.map

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

package/dist/toggletip/toggletip-footer.js

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

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

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

package/dist/toggletip/toggletip-footer2.js

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

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

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

package/dist/toggletip/toggletip-header.js

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

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

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

package/dist/toggletip/toggletip-header2.js

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

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

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

package/dist/toggletip/toggletip.examples.js

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