@nvidia-elements/core 2.20.1 → 2.20.3

package/dist/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../src/alert/alert.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  --gap: var(--nve-ref-space-xs);\n  --font-size: var(--nve-ref-font-size-100);\n  --color: var(--nve-sys-text-emphasis-color);\n  --icon-color: var(--status-color);\n  --icon-size: var(--nve-ref-size-400);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --justify-content: start;\n  --align-items: center;\n  --min-height: initial;\n  --text-transform: initial;\n  width: auto;\n}\n\n[internal-host] {\n  --_icon-cancel-color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  gap: var(--gap);\n  color: var(--color);\n  justify-content: var(--justify-content);\n  align-items: var(--align-items);\n  text-transform: var(--text-transform);\n  display: flex;\n  line-height: 1em;\n  height: 100%;\n}\n\nslot[part='_content'] {\n  display: contents;\n  padding-inline-start: var(--nve-ref-size-600);\n  padding-block-end: var(--nve-ref-size-200);\n}\n\nslot {\n  display: flex;\n  align-items: center;\n  justify-content: var(--justify-content);\n  gap: var(--nve-ref-space-xxs);\n  min-height: var(--min-height);\n}\n\nslot:not([name='actions'], [name='prefix'], [name='icon']) {\n  flex-grow: 1;\n}\n\nslot[name='prefix'],\nslot[name='actions'] {\n  font-weight: var(--nve-ref-font-weight-semibold);\n}\n\n::slotted(nve-button[container='flat']) {\n  --color: inherit;\n}\n\nslot[name='actions'] {\n  margin-inline-start: auto;\n}\n\nslot[name='prefix'] {\n  margin-inline-end: var(--nve-ref-space-lg);\n}\n\nnve-icon {\n  --color: var(--icon-color);\n}\n\nnve-icon:not([size='sm']) {\n  --width: var(--icon-size);\n  --height: var(--icon-size);\n}\n\nnve-icon[size='sm'] {\n  padding: var(--nve-ref-size-50);\n}\n\nnve-icon-button {\n  --color: var(--icon-color);\n  margin-inline-start: auto;\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n\n:host([status='success']),\n:host([status='danger']) {\n  --color: var(--status-color);\n}\n\n:host([status='scheduled']),\n:host([status='queued']),\n:host([status='pending']),\n:host([status='starting']),\n:host([status='running']),\n:host([status='restarting']),\n:host([status='stopping']),\n:host([status='finished']),\n:host([status='failed']),\n:host([status='unknown']),\n:host([status='ignored']) {\n  --color: var(--status-color);\n}\n\n::slotted([slot='actions']) {\n  --color: var(--status-color) !important;\n}\n"],"mappings":""}
+{"version":3,"file":"alert.js","names":["alert_default"],"sources":["../../src/alert/alert.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  --gap: var(--nve-ref-space-xs);\n  --font-size: var(--nve-ref-font-size-100);\n  --color: var(--nve-sys-text-emphasis-color);\n  --icon-color: var(--status-color);\n  --icon-size: var(--nve-ref-size-400);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --justify-content: start;\n  --align-items: center;\n  --min-height: initial;\n  --text-transform: initial;\n  width: auto;\n}\n\n[internal-host] {\n  --_icon-cancel-color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  gap: var(--gap);\n  color: var(--color);\n  justify-content: var(--justify-content);\n  align-items: var(--align-items);\n  text-transform: var(--text-transform);\n  display: flex;\n  line-height: 1em;\n  height: 100%;\n}\n\nslot[part='_content'] {\n  display: contents;\n  padding-inline-start: var(--nve-ref-size-600);\n  padding-block-end: var(--nve-ref-size-200);\n}\n\nslot {\n  display: flex;\n  align-items: center;\n  justify-content: var(--justify-content);\n  gap: var(--nve-ref-space-xxs);\n  min-height: var(--min-height);\n}\n\nslot:not([name='actions'], [name='prefix'], [name='icon']) {\n  flex-grow: 1;\n}\n\nslot[name='prefix'],\nslot[name='actions'] {\n  font-weight: var(--nve-ref-font-weight-semibold);\n}\n\n::slotted(nve-button[container='flat']) {\n  --color: inherit;\n}\n\nslot[name='actions'] {\n  margin-inline-start: auto;\n}\n\nslot[name='prefix'] {\n  margin-inline-end: var(--nve-ref-space-lg);\n}\n\nnve-icon {\n  --color: var(--icon-color);\n}\n\nnve-icon:not([size='sm']) {\n  --width: var(--icon-size);\n  --height: var(--icon-size);\n}\n\nnve-icon[size='sm'] {\n  padding: var(--nve-ref-size-50);\n}\n\nnve-icon-button {\n  --color: var(--icon-color);\n  margin-inline-start: auto;\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n\n:host([status='success']),\n:host([status='danger']) {\n  --color: var(--status-color);\n}\n\n:host([status='scheduled']),\n:host([status='queued']),\n:host([status='pending']),\n:host([status='starting']),\n:host([status='running']),\n:host([status='restarting']),\n:host([status='stopping']),\n:host([status='finished']),\n:host([status='failed']),\n:host([status='unknown']),\n:host([status='ignored']) {\n  --color: var(--status-color);\n}\n\n::slotted([slot='actions']) {\n  --color: var(--status-color) !important;\n}\n"],"mappings":""}

package/dist/alert/alert2.js

@@ -4,7 +4,7 @@ import { TypeClosableController as n } from "../internal/controllers/type-closab
 import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
 import { statusStateStyles as i, supportStateStyles as a, useStyles as o } from "../internal/styles/index.js";
 import { statusIcons as s } from "../internal/types/index.js";
-import c from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import c from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { Icon as l } from "../icon/icon2.js";
 import { IconButton as u } from "../icon-button/icon-button2.js";
 import d from "./alert.global.js";
@@ -13,7 +13,7 @@ import { LitElement as p, html as m } from "lit";
 import { property as h } from "lit/decorators/property.js";
 import { I18nController as g } from "@nvidia-elements/foundations/internal/i18n";
 import { queryAssignedElements as _ } from "lit/decorators/query-assigned-elements.js";
-//#region src/alert/alert.ts
+// src/alert/alert.ts
 var v = {
 	close: "close",
 	danger: "danger",
@@ -34,7 +34,7 @@ var v = {
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "2.20.1"
+			version: "2.20.3"
 		};
 	}
 	static {
@@ -62,7 +62,6 @@ c([h({
 	slot: "actions",
 	flatten: !0
 })], y.prototype, "actionItems", void 0), y = c([r()], y);
-//#endregion
 export { y as Alert };
 
 //# sourceMappingURL=alert2.js.map

package/dist/alert/alert2.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.js","names":[],"sources":["../../src/alert/alert.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  statusIcons,\n  TypeClosableController,\n  useStyles,\n  statusStateStyles,\n  supportStateStyles,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport globalStyles from './alert.global.css?inline';\nimport styles from './alert.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-alert\n * @description Alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.\n * @documentation https://nvidia.github.io/elements/docs/elements/alert/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @event close - Dispatched when the alert closes within an alert group.\n * @command --close - Use to set the alert closed/hidden state.\n * @slot icon - Icon slot renders on the left side of the alert. Icons typically represent the alert's status.\n * @slot prefix - Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status.\n * @slot actions - Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert.\n * @slot content - Content for large overflow text.\n * @slot - Default content placed inside of the alert.\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --icon-color\n * @cssprop --icon-size\n * @cssprop --font-weight\n * @cssprop --justify-content\n * @cssprop --align-items\n * @cssprop --min-height\n * @cssprop --text-transform\n * @cssprop --height\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@scopedRegistry()\nexport class Alert extends LitElement {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status?: SupportStatus | TaskStatus | 'muted';\n\n  /** When used in an `alert-group` the `closable` property enables dismissing alerts within the same group. */\n  @property({ type: Boolean }) closable = false;\n\n  #typeClosableController = new TypeClosableController(this);\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @queryAssignedElements({ slot: 'prefix', flatten: true }) private prefixItems!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'actions', flatten: true }) private actionItems!: HTMLElement[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host @slotchange=${() => this.requestUpdate()}>\n        <slot name=\"icon\"><nve-icon part=\"icon\" role=\"img\" .name=${statusIcons[this.status as string] ?? statusIcons['']} aria-label=${(this.status ? (this.i18n as Record<string, string>)[this.status] : undefined) ?? this.i18n.information ?? 'information'}></nve-icon></slot>\n        <slot name=\"prefix\" ?hidden=${!this.prefixItems.length}></slot>\n        <slot></slot>\n        <slot name=\"actions\" ?hidden=${!this.actionItems.length}></slot>\n        ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} container=\"flat\" icon-name=\"cancel\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n      </div>\n      <slot name=\"content\" part=\"_content\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'alert';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAM,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GA8Ba,IAAN,cAAoB,EAAW;;EAwBD,aAPK,KAAA,WAAA,IAEd,KAAA,KAAA,IAAI,EAAuB,IAAI,GAEjB,KAAA,KAAA,IAAI,EAAqB,MAAM,CAAY,GAGhD,KAAA,OAAA,KAAK,GAAgB;;;EAvBxC,KAAA,SAAA,EAAU;GAAC;GAAQ;GAAmB;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzB,EAAK,SAAS,MAAM;IACpB,EAAW,SAAS,MAAM;EAC7B;;CAQA;CAEA;CAYA,SAAS;EACP,OAAO,CAAI,yCAC8B,KAAK,cAAc,EAAE,8DACC,EAAY,KAAK,WAAqB,EAAY,IAAI,iBAAe,KAAK,SAAU,KAAK,KAAgC,KAAK,UAAU,KAAA,MAAc,KAAK,KAAK,eAAe,cAAc,mDAC1N,CAAC,KAAK,YAAY,OAAO,sDAExB,CAAC,KAAK,YAAY,OAAO,WACtD,KAAK,WAAW,CAAI,yFAAwF,KAAK,GAAwB,MAAM,EAAE,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG;CAI/P;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,EAAoB,MAAM,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;AACF;AAtCG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAO1B,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAEzB,EAAA,CAAA,EAAsB;CAAE,MAAM;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAEvD,EAAA,CAAA,EAAsB;CAAE,MAAM;CAAW,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GA7B1D,IAAA,EAAA,CAAA,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"alert2.js","names":["styles","globalStyles","_decorate","__decorate","alert_global_default","alert_default","i18nDefaults","Alert","LitElement","_args","#typeClosableController","TypeClosableController","#i18nController","I18nController","useStyles","statusStateStyles","supportStateStyles","Icon","IconButton","statusIcons","attachInternals","appendRootNodeStyle","property","queryAssignedElements","scopedRegistry"],"sources":["../../src/alert/alert.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  statusIcons,\n  TypeClosableController,\n  useStyles,\n  statusStateStyles,\n  supportStateStyles,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport globalStyles from './alert.global.css?inline';\nimport styles from './alert.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-alert\n * @description Alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.\n * @documentation https://nvidia.github.io/elements/docs/elements/alert/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @event close - Dispatched when the alert closes within an alert group.\n * @command --close - Use to set the alert closed/hidden state.\n * @slot icon - Icon slot renders on the left side of the alert. Icons typically represent the alert's status.\n * @slot prefix - Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status.\n * @slot actions - Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert.\n * @slot content - Content for large overflow text.\n * @slot - Default content placed inside of the alert.\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --icon-color\n * @cssprop --icon-size\n * @cssprop --font-weight\n * @cssprop --justify-content\n * @cssprop --align-items\n * @cssprop --min-height\n * @cssprop --text-transform\n * @cssprop --height\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@scopedRegistry()\nexport class Alert extends LitElement {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status?: SupportStatus | TaskStatus | 'muted';\n\n  /** When used in an `alert-group` the `closable` property enables dismissing alerts within the same group. */\n  @property({ type: Boolean }) closable = false;\n\n  #typeClosableController = new TypeClosableController(this);\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @queryAssignedElements({ slot: 'prefix', flatten: true }) private prefixItems!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'actions', flatten: true }) private actionItems!: HTMLElement[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host @slotchange=${() => this.requestUpdate()}>\n        <slot name=\"icon\"><nve-icon part=\"icon\" role=\"img\" .name=${statusIcons[this.status as string] ?? statusIcons['']} aria-label=${(this.status ? (this.i18n as Record<string, string>)[this.status] : undefined) ?? this.i18n.information ?? 'information'}></nve-icon></slot>\n        <slot name=\"prefix\" ?hidden=${!this.prefixItems.length}></slot>\n        <slot></slot>\n        <slot name=\"actions\" ?hidden=${!this.actionItems.length}></slot>\n        ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} container=\"flat\" icon-name=\"cancel\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n      </div>\n      <slot name=\"content\" part=\"_content\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'alert';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAMM,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GA8BaC,IAAN,cAAoBC,EAAW;;EAwBD,A,aAPK,KAAA,WAAA,IAEd,KAAAE,KAAA,IAAIC,EAAuB,IAAI,GAEjB,KAAAC,KAAA,IAAIC,EAAqB,MAAMP,CAAY,GAGhD,KAAA,OAAA,KAAKM,GAAgB;;;EAvBxC,KAAA,SAAAE,EAAU;GAACd;GAAQe;GAAmBC;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBC,EAAK,SAAS,MAAMA;IACpBC,EAAW,SAAS,MAAMA;EAC7B;;CAQA;CAEA;CAYA,SAAS;EACP,OAAO,CAAI,yCAC8B,KAAK,cAAc,EAAE,8DACCC,EAAY,KAAK,WAAqBA,EAAY,IAAI,iBAAe,KAAK,SAAU,KAAK,KAAgC,KAAK,UAAU,KAAA,MAAc,KAAK,KAAK,eAAe,cAAc,mDAC1N,CAAC,KAAK,YAAY,OAAO,sDAExB,CAAC,KAAK,YAAY,OAAO,WACtD,KAAK,WAAW,CAAI,yFAAwF,KAAKT,GAAwB,MAAM,EAAE,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG;CAI/P;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBU,EAAgB,IAAI,GACpBC,EAAoB,MAAMpB,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;AACF;AAtCGC,EAAA,CAAAoB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAf,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCL,EAAA,CAAAoB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAf,EAAA,WAAA,YAAA,KAAA,CAAA,GAO1BL,EAAA,CAAAoB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAf,EAAA,WAAA,QAAA,KAAA,CAAA,GAEzBL,EAAA,CAAAqB,EAAsB;CAAE,MAAM;CAAU,SAAS;AAAK,CAAC,CAAA,GAAAhB,EAAA,WAAA,eAAA,KAAA,CAAA,GAEvDL,EAAA,CAAAqB,EAAsB;CAAE,MAAM;CAAW,SAAS;AAAK,CAAC,CAAA,GAAAhB,EAAA,WAAA,eAAA,KAAA,CAAA,GA7B1D,IAAAL,EAAA,CAAAsB,EAAe,CAAA,GAAAjB,CAAA"}

package/dist/alert/define.js

@@ -2,6 +2,5 @@ import { Alert as e } from "./alert2.js";
 import { AlertGroup as t } from "./alert-group2.js";
 import { define as n } from "@nvidia-elements/foundations/internal/define";
 n(e), n(t);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/alert/define.js.map

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

package/dist/avatar/avatar-group.js

@@ -1,6 +1,5 @@
-//#region src/avatar/avatar-group.css?inline
+// src/avatar/avatar-group.css?inline
 var e = ":host{display:block}[internal-host]{display:flex;overflow:visible}::slotted(nve-avatar){margin-inline-start:calc(-1 * var(--nve-ref-size-150));--border: 1px solid var(--nve-sys-contrast-mute-color)}::slotted(:first-child){margin-inline-start:0}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=avatar-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.js","names":[],"sources":["../../src/avatar/avatar-group.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  display: block;\n}\n\n[internal-host] {\n  display: flex;\n  overflow: visible;\n}\n\n::slotted(nve-avatar) {\n  margin-inline-start: calc(-1 * var(--nve-ref-size-150));\n  --border: 1px solid var(--nve-sys-contrast-mute-color);\n}\n\n::slotted(:first-child) {\n  margin-inline-start: 0; /* Remove the negative margin for the first slotted nve-avatar */\n}\n"],"mappings":""}
+{"version":3,"file":"avatar-group.js","names":["avatar_group_default"],"sources":["../../src/avatar/avatar-group.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  display: block;\n}\n\n[internal-host] {\n  display: flex;\n  overflow: visible;\n}\n\n::slotted(nve-avatar) {\n  margin-inline-start: calc(-1 * var(--nve-ref-size-150));\n  --border: 1px solid var(--nve-sys-contrast-mute-color);\n}\n\n::slotted(:first-child) {\n  margin-inline-start: 0; /* Remove the negative margin for the first slotted nve-avatar */\n}\n"],"mappings":""}

package/dist/avatar/avatar-group2.js

@@ -2,7 +2,7 @@ import { attachInternals as e } from "../internal/utils/a11y.js";
 import { useStyles as t } from "../internal/styles/index.js";
 import n from "./avatar-group.js";
 import { LitElement as r, html as i } from "lit";
-//#region src/avatar/avatar-group.ts
+// src/avatar/avatar-group.ts
 var a = class extends r {
 	static {
 		this.styles = t([n]);
@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-avatar-group",
-			version: "2.20.1"
+			version: "2.20.3"
 		};
 	}
 	render() {
@@ -20,7 +20,6 @@ var a = class extends r {
 		super.connectedCallback(), e(this), this._internals.role = "group";
 	}
 };
-//#endregion
 export { a as AvatarGroup };
 
 //# sourceMappingURL=avatar-group2.js.map

package/dist/avatar/avatar-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group2.js","names":[],"sources":["../../src/avatar/avatar-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { useStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport styles from './avatar-group.css?inline';\n\n/**\n * @element nve-avatar-group\n * @description An avatar group displays a collection of user avatars in a compact and organized layout, showcasing many participants or contributors in a space-efficient way.\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - `nve-avatar` elements that represent the group members.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class AvatarGroup extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-avatar-group',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n        <slot></slot>\n    </div>\n  `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n}\n"],"mappings":";;;;;AAgBA,IAAa,IAAb,cAAiC,EAAW;;EAC1B,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}
+{"version":3,"file":"avatar-group2.js","names":["styles","avatar_group_default","AvatarGroup","LitElement","useStyles","attachInternals"],"sources":["../../src/avatar/avatar-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { useStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport styles from './avatar-group.css?inline';\n\n/**\n * @element nve-avatar-group\n * @description An avatar group displays a collection of user avatars in a compact and organized layout, showcasing many participants or contributors in a space-efficient way.\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - `nve-avatar` elements that represent the group members.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class AvatarGroup extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-avatar-group',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n        <slot></slot>\n    </div>\n  `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n}\n"],"mappings":";;;;;AAgBA,IAAaE,IAAb,cAAiCC,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBK,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}

package/dist/avatar/avatar.examples.js

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

package/dist/avatar/avatar.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.examples.js","names":[],"sources":["../../src/avatar/avatar.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/avatar/define.js';\nimport '@nvidia-elements/core/icon/define.js';\n\nexport default {\n  title: 'Elements/Avatar',\n  component: 'nve-avatar',\n};\n\n/**\n * @summary Basic avatar component with text initials, providing a simple way to represent users when profile images are unavailable.\n */\nexport const Default = {\n  render: () => html`\n    <nve-avatar>AV</nve-avatar>\n`};\n\n/**\n * @summary Avatar with profile image, offering personalized user representation and visual identity in interfaces.\n */\nexport const Image = {\n  render: () => html`\n    <nve-avatar>\n      <img src=\"/static/images/test-image-1.svg\" alt=\"User Avatar\" />\n    </nve-avatar>\n`};\n\n/**\n * @summary Avatar with icons for representing system users, bots, or special account types with clear visual indicators.\n */\nexport const Icon = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:wrap\">\n      <nve-avatar>\n        <nve-icon name=\"star\"></nve-icon>\n      </nve-avatar>\n        <nve-avatar>\n        <nve-icon name=\"person\"></nve-icon>\n      </nve-avatar>\n    </div>\n`};\n\n/**\n * @summary Different avatar sizes to accommodate layout contexts from compact lists to prominent user profiles.\n * @tags test-case\n */\nexport const Size = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:wrap\">\n      <nve-avatar size=\"sm\">AV</nve-avatar>\n      <nve-avatar>AV</nve-avatar>\n      <nve-avatar size=\"lg\">AV</nve-avatar>\n    </div>\n`};\n\n/**\n * @summary Avatar group component for displaying many users with overflow indicator, ideal for team displays and collaboration interfaces.\n */\nexport const Group = {\n  render: () => html`\n    <nve-avatar-group>\n      <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n      <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n      <nve-avatar color=\"green-grass\">AV</nve-avatar>\n      <nve-avatar>+3</nve-avatar>\n    </nve-avatar-group>\n`};\n\n/**\n * @summary Comprehensive color palette for avatar backgrounds, enabling visual distinction and brand consistency across user representations.\n * @tags test-case\n */\nexport const Color = {\n  render: () => html`\n  <div nve-layout=\"row gap:sm align:wrap\">\n    <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n    <nve-avatar color=\"gray-slate\">AV</nve-avatar>\n    <nve-avatar color=\"gray-denim\">AV</nve-avatar>\n    <nve-avatar color=\"blue-indigo\">AV</nve-avatar>\n    <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n    <nve-avatar color=\"blue-sky\">AV</nve-avatar>\n    <nve-avatar color=\"teal-cyan\">AV</nve-avatar>\n    <nve-avatar color=\"green-mint\">AV</nve-avatar>\n    <nve-avatar color=\"teal-seafoam\">AV</nve-avatar>\n    <nve-avatar color=\"green-grass\">AV</nve-avatar>\n    <nve-avatar color=\"yellow-amber\">AV</nve-avatar>\n    <nve-avatar color=\"orange-pumpkin\">AV</nve-avatar>\n    <nve-avatar color=\"red-tomato\">AV</nve-avatar>\n    <nve-avatar color=\"pink-magenta\">AV</nve-avatar>\n    <nve-avatar color=\"purple-plum\">AV</nve-avatar>\n    <nve-avatar color=\"purple-violet\">AV</nve-avatar>\n    <nve-avatar color=\"purple-lavender\">AV</nve-avatar>\n    <nve-avatar color=\"pink-rose\">AV</nve-avatar>\n    <nve-avatar color=\"green-jade\">AV</nve-avatar>\n    <nve-avatar color=\"lime-pear\">AV</nve-avatar>\n    <nve-avatar color=\"yellow-nova\">AV</nve-avatar>\n    <nve-avatar color=\"brand-green\">AV</nve-avatar>\n   </div>\n  `\n}\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"avatar.examples.js","names":["avatar_examples_default"],"sources":["../../src/avatar/avatar.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/avatar/define.js';\nimport '@nvidia-elements/core/icon/define.js';\n\nexport default {\n  title: 'Elements/Avatar',\n  component: 'nve-avatar',\n};\n\n/**\n * @summary Basic avatar component with text initials, providing a simple way to represent users when profile images are unavailable.\n */\nexport const Default = {\n  render: () => html`\n    <nve-avatar>AV</nve-avatar>\n`};\n\n/**\n * @summary Avatar with profile image, offering personalized user representation and visual identity in interfaces.\n */\nexport const Image = {\n  render: () => html`\n    <nve-avatar>\n      <img src=\"/static/images/test-image-1.svg\" alt=\"User Avatar\" />\n    </nve-avatar>\n`};\n\n/**\n * @summary Avatar with icons for representing system users, bots, or special account types with clear visual indicators.\n */\nexport const Icon = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:wrap\">\n      <nve-avatar>\n        <nve-icon name=\"star\"></nve-icon>\n      </nve-avatar>\n        <nve-avatar>\n        <nve-icon name=\"person\"></nve-icon>\n      </nve-avatar>\n    </div>\n`};\n\n/**\n * @summary Different avatar sizes to accommodate layout contexts from compact lists to prominent user profiles.\n * @tags test-case\n */\nexport const Size = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:wrap\">\n      <nve-avatar size=\"sm\">AV</nve-avatar>\n      <nve-avatar>AV</nve-avatar>\n      <nve-avatar size=\"lg\">AV</nve-avatar>\n    </div>\n`};\n\n/**\n * @summary Avatar group component for displaying many users with overflow indicator, ideal for team displays and collaboration interfaces.\n */\nexport const Group = {\n  render: () => html`\n    <nve-avatar-group>\n      <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n      <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n      <nve-avatar color=\"green-grass\">AV</nve-avatar>\n      <nve-avatar>+3</nve-avatar>\n    </nve-avatar-group>\n`};\n\n/**\n * @summary Comprehensive color palette for avatar backgrounds, enabling visual distinction and brand consistency across user representations.\n * @tags test-case\n */\nexport const Color = {\n  render: () => html`\n  <div nve-layout=\"row gap:sm align:wrap\">\n    <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n    <nve-avatar color=\"gray-slate\">AV</nve-avatar>\n    <nve-avatar color=\"gray-denim\">AV</nve-avatar>\n    <nve-avatar color=\"blue-indigo\">AV</nve-avatar>\n    <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n    <nve-avatar color=\"blue-sky\">AV</nve-avatar>\n    <nve-avatar color=\"teal-cyan\">AV</nve-avatar>\n    <nve-avatar color=\"green-mint\">AV</nve-avatar>\n    <nve-avatar color=\"teal-seafoam\">AV</nve-avatar>\n    <nve-avatar color=\"green-grass\">AV</nve-avatar>\n    <nve-avatar color=\"yellow-amber\">AV</nve-avatar>\n    <nve-avatar color=\"orange-pumpkin\">AV</nve-avatar>\n    <nve-avatar color=\"red-tomato\">AV</nve-avatar>\n    <nve-avatar color=\"pink-magenta\">AV</nve-avatar>\n    <nve-avatar color=\"purple-plum\">AV</nve-avatar>\n    <nve-avatar color=\"purple-violet\">AV</nve-avatar>\n    <nve-avatar color=\"purple-lavender\">AV</nve-avatar>\n    <nve-avatar color=\"pink-rose\">AV</nve-avatar>\n    <nve-avatar color=\"green-jade\">AV</nve-avatar>\n    <nve-avatar color=\"lime-pear\">AV</nve-avatar>\n    <nve-avatar color=\"yellow-nova\">AV</nve-avatar>\n    <nve-avatar color=\"brand-green\">AV</nve-avatar>\n   </div>\n  `\n}\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/avatar/avatar.js

@@ -1,6 +1,5 @@
-//#region src/avatar/avatar.css?inline
+// src/avatar/avatar.css?inline
 var e = ":host{--background: var(--state-color);--color: var(--nve-sys-contrast-mute-color);--border-radius: var(--nve-ref-border-radius-full);--height: var(--nve-ref-size-800);--width: var(--nve-ref-size-800);--font-size: calc(var(--width) / 2.5);--font-weight: var(--nve-ref-font-weight-medium);--state-color-base: var(--nve-ref-color-gray-slate-1100);--border: 0;display:block;overflow:hidden}[internal-host]{--_icon-color: var(--color);background:var(--background);color:var(--color);border-radius:var(--border-radius);width:var(--width);height:var(--height);font-size:var(--font-size);font-weight:var(--font-weight);border:var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}::slotted(nve-icon){--color: var(--_icon-color)}::slotted(img){object-fit:cover;width:100%;height:100%}:host([size=\"sm\"]){--height: var(--nve-ref-size-700);--width: var(--nve-ref-size-700)}:host([size=\"lg\"]){--width: var(--nve-ref-size-1000);--height: var(--nve-ref-size-1000)}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=avatar.js.map

package/dist/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"sources":["../../src/avatar/avatar.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  --background: var(--state-color);\n  --color: var(--nve-sys-contrast-mute-color);\n  --border-radius: var(--nve-ref-border-radius-full);\n  --height: var(--nve-ref-size-800);\n  --width: var(--nve-ref-size-800);\n  --font-size: calc(var(--width) / 2.5);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --state-color-base: var(--nve-ref-color-gray-slate-1100);\n  --border: 0;\n  display: block;\n  overflow: hidden;\n}\n\n[internal-host] {\n  --_icon-color: var(--color);\n  background: var(--background);\n  color: var(--color);\n  border-radius: var(--border-radius);\n  width: var(--width);\n  height: var(--height);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  border: var(--border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n::slotted(nve-icon) {\n  --color: var(--_icon-color);\n}\n\n::slotted(img) {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n:host([size='sm']) {\n  --height: var(--nve-ref-size-700);\n  --width: var(--nve-ref-size-700);\n}\n\n:host([size='lg']) {\n  --width: var(--nve-ref-size-1000);\n  --height: var(--nve-ref-size-1000);\n}\n"],"mappings":""}
+{"version":3,"file":"avatar.js","names":["avatar_default"],"sources":["../../src/avatar/avatar.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  --background: var(--state-color);\n  --color: var(--nve-sys-contrast-mute-color);\n  --border-radius: var(--nve-ref-border-radius-full);\n  --height: var(--nve-ref-size-800);\n  --width: var(--nve-ref-size-800);\n  --font-size: calc(var(--width) / 2.5);\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --state-color-base: var(--nve-ref-color-gray-slate-1100);\n  --border: 0;\n  display: block;\n  overflow: hidden;\n}\n\n[internal-host] {\n  --_icon-color: var(--color);\n  background: var(--background);\n  color: var(--color);\n  border-radius: var(--border-radius);\n  width: var(--width);\n  height: var(--height);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  border: var(--border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n::slotted(nve-icon) {\n  --color: var(--_icon-color);\n}\n\n::slotted(img) {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n:host([size='sm']) {\n  --height: var(--nve-ref-size-700);\n  --width: var(--nve-ref-size-700);\n}\n\n:host([size='lg']) {\n  --width: var(--nve-ref-size-1000);\n  --height: var(--nve-ref-size-1000);\n}\n"],"mappings":""}

package/dist/avatar/avatar2.js

@@ -1,9 +1,9 @@
 import { colorStateStyles as e, 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 r from "./avatar.js";
 import { LitElement as i, html as a } from "lit";
 import { property as o } from "lit/decorators/property.js";
-//#region src/avatar/avatar.ts
+// src/avatar/avatar.ts
 var s = class extends i {
 	static {
 		this.styles = t([r, e]);
@@ -11,7 +11,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "2.20.1"
+			version: "2.20.3"
 		};
 	}
 	render() {
@@ -25,7 +25,6 @@ n([o({
 	type: String,
 	reflect: !0
 })], s.prototype, "color", void 0);
-//#endregion
 export { s as Avatar };
 
 //# sourceMappingURL=avatar2.js.map

package/dist/avatar/avatar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar2.js","names":[],"sources":["../../src/avatar/avatar.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './avatar.css?inline';\n\n/**\n * @element nve-avatar\n * @description Avatar represents a user/bot within a UI. Typically with text or image content.\n * @documentation https://nvidia.github.io/elements/docs/elements/avatar/\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - Initials, an image, or other content that identifies the represented user or bot.\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --border\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Avatar extends LitElement {\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-avatar',\n    version: '0.0.0'\n  };\n\n  /** Sets size of the avatar component. Update size through the `width + height` css props as an alternative. */\n  @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n  /** Sets the color of the avatar component. */\n  @property({ type: String, reflect: true }) color: Color;\n\n  render() {\n    return html`\n    <div internal-host>\n        <slot></slot>\n    </div>\n  `;\n  }\n}\n"],"mappings":";;;;;;AA4BA,IAAa,IAAb,cAA4B,EAAW;;EACrB,KAAA,SAAA,EAAU,CAAC,GAAQ,CAAgB,CAAC;;;EAEzB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAQA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AAZG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA"}
+{"version":3,"file":"avatar2.js","names":["styles","_decorate","__decorate","avatar_default","Avatar","LitElement","useStyles","colorStateStyles","property"],"sources":["../../src/avatar/avatar.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './avatar.css?inline';\n\n/**\n * @element nve-avatar\n * @description Avatar represents a user/bot within a UI. Typically with text or image content.\n * @documentation https://nvidia.github.io/elements/docs/elements/avatar/\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - Initials, an image, or other content that identifies the represented user or bot.\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --border\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Avatar extends LitElement {\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-avatar',\n    version: '0.0.0'\n  };\n\n  /** Sets size of the avatar component. Update size through the `width + height` css props as an alternative. */\n  @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n  /** Sets the color of the avatar component. */\n  @property({ type: String, reflect: true }) color: Color;\n\n  render() {\n    return html`\n    <div internal-host>\n        <slot></slot>\n    </div>\n  `;\n  }\n}\n"],"mappings":";;;;;;AA4BA,IAAaI,IAAb,cAA4BC,EAAW;;EACrB,KAAA,SAAAC,EAAU,CAACN,GAAQO,CAAgB,CAAC;;;EAEzB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAQA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AAZGN,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAO,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAJ,EAAA,WAAA,SAAA,KAAA,CAAA"}

package/dist/avatar/define.js

@@ -2,6 +2,5 @@ import { Avatar as e } from "./avatar2.js";
 import { AvatarGroup as t } from "./avatar-group2.js";
 import { define as n } from "@nvidia-elements/foundations/internal/define";
 n(e), n(t);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/avatar/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/avatar/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 { Avatar, AvatarGroup } from '@nvidia-elements/core/avatar';\n\ndefine(Avatar);\ndefine(AvatarGroup);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-avatar': Avatar;\n    'nve-avatar-group': AvatarGroup;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAM,GACb,EAAO,CAAW"}
+{"version":3,"file":"define.js","names":["define","Avatar","AvatarGroup"],"sources":["../../src/avatar/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 { Avatar, AvatarGroup } from '@nvidia-elements/core/avatar';\n\ndefine(Avatar);\ndefine(AvatarGroup);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-avatar': Avatar;\n    'nve-avatar-group': AvatarGroup;\n  }\n}\n"],"mappings":";;;AAMAA,EAAOC,CAAM,GACbD,EAAOE,CAAW"}

package/dist/badge/badge.examples.js

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

package/dist/badge/badge.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.examples.js","names":[],"sources":["../../src/badge/badge.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/badge/define.js';\nimport '@nvidia-elements/core/alert/define.js';\n\nexport default {\n  title: 'Elements/Badge',\n  component: 'nve-badge',\n};\n\n/**\n * @summary Basic badge component with default styling. Use for simple non-interactive labels or status indicators.\n */\nexport const Default = {\n  render: () => html`\n  <nve-badge>badge</nve-badge>\n  `\n};\n\n/**\n * @summary Badges with predefined status colors for different states. Ideal for showing job status, task progress, or system states.\n * @tags test-case\n */\nexport const Status = {\n  render: () => html`\n<div nve-layout=\"row gap:xs align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Flat container badges with status colors for a more subtle appearance. Perfect for dense layouts or when you want less visual weight.\n * @tags test-case\n */\nexport const StatusFlat = {\n  render: () => html`\n<div nve-layout=\"row gap:md align:wrap\">\n  <nve-badge container=\"flat\" status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge container=\"flat\" status=\"queued\">queued</nve-badge>\n  <nve-badge container=\"flat\" status=\"pending\">pending</nve-badge>\n  <nve-badge container=\"flat\" status=\"starting\">starting</nve-badge>\n  <nve-badge container=\"flat\" status=\"running\">running</nve-badge>\n  <nve-badge container=\"flat\" status=\"restarting\">restarting</nve-badge>\n  <nve-badge container=\"flat\" status=\"stopping\">stopping</nve-badge>\n  <nve-badge container=\"flat\" status=\"finished\">finished</nve-badge>\n  <nve-badge container=\"flat\" status=\"failed\">failed</nve-badge>\n  <nve-badge container=\"flat\" status=\"unknown\">unknown</nve-badge>\n  <nve-badge container=\"flat\" status=\"ignored\">ignored</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Status badges with icons only, using aria-label for accessibility. Useful for compact status indicators in toolbars or data tables.\n */\nexport const StatusIcon = {\n  render: () => html`\n<div nve-layout=\"row gap:md align:wrap\">\n  <nve-badge container=\"flat\" status=\"scheduled\" aria-label=\"scheduled\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"queued\" aria-label=\"queued\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"pending\" aria-label=\"pending\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"starting\" aria-label=\"starting\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"running\" aria-label=\"running\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"restarting\" aria-label=\"restarting\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"stopping\" aria-label=\"stopping\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"finished\" aria-label=\"finished\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"failed\" aria-label=\"failed\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"unknown\" aria-label=\"unknown\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"ignored\" aria-label=\"ignored\"></nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Support status badges for general feedback states. Use for success, warning, error, or informational messages.\n */\nexport const Support = {\n  render: () => html`\n<div nve-layout=\"row gap:md\">\n  <nve-badge status=\"accent\">accent</nve-badge>\n  <nve-badge status=\"warning\">warning</nve-badge>\n  <nve-badge status=\"success\">success</nve-badge>\n  <nve-badge status=\"danger\">danger</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Status badges in light theme for better visibility on light backgrounds. Use when your application primarily uses light mode.\n * @tags test-case\n */\nexport const StatusLightTheme = {\n  render: () => html`\n<div nve-theme=\"root light\" nve-layout=\"row gap:md pad:md align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Status badges in dark theme for better visibility on dark backgrounds. Use when your application primarily uses dark mode.\n * @tags test-case\n */\nexport const StatusDarkTheme = {\n  render: () => html`\n<div nve-theme=\"root dark\" nve-layout=\"row gap:md pad:md align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Trend badges for displaying data changes and metrics. Perfect for dashboards, analytics, or financial data showing positive, negative, or neutral trends.\n * @tags pattern test-case\n */\nexport const Trend = {\n  render: () => html`\n<div nve-layout=\"row gap:md\">\n  <nve-badge>0%</nve-badge>\n  <nve-badge status=\"success\"><nve-icon name=\"trend-down\"></nve-icon> -15%</nve-badge>\n  <nve-badge status=\"danger\"><nve-icon name=\"trend-up\"></nve-icon> +15%</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Badges with color variants for categorization and theming. Use for organizing content by color-coded categories.\n * @tags test-case\n */\nexport const Color = {\n  render: () => html`\n<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n  <nve-badge color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n  <nve-badge color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n  <nve-badge color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n  <nve-badge color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n  <nve-badge color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n  <nve-badge color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n  <nve-badge color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n  `\n};\n\n/**\n * @summary High emphasis badges with custom colors for important or highlighted content. Use for highlighting critical information.\n */\nexport const Prominence = {\n  render: () => html`\n<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge prominence=\"emphasis\" color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n  `\n};\n\n/**\n * @summary Flat container badges with custom colors for a minimal, borderless appearance. Ideal for subtle categorization or when you want to reduce visual noise.\n */\nexport const Flat = {\n  render: () => html`\n<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge container=\"flat\" color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n  <nve-badge container=\"flat\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge container=\"flat\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge container=\"flat\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge container=\"flat\" color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge container=\"flat\" color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n  <nve-badge container=\"flat\" color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n  <nve-badge container=\"flat\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge container=\"flat\" color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n  <nve-badge container=\"flat\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge container=\"flat\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge container=\"flat\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge container=\"flat\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n  `\n};\n\n/**\n * @summary Badge with constrained width to show text overflow behavior. Use when you need to control badge width in constrained layouts or responsive designs.\n * @tags test-case\n */\nexport const Overflow = {\n  render: () => html`\n  <nve-badge status=\"pending\" style=\"--width: 150px\">some really long content</nve-badge>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"badge.examples.js","names":["badge_examples_default"],"sources":["../../src/badge/badge.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/badge/define.js';\nimport '@nvidia-elements/core/alert/define.js';\n\nexport default {\n  title: 'Elements/Badge',\n  component: 'nve-badge',\n};\n\n/**\n * @summary Basic badge component with default styling. Use for simple non-interactive labels or status indicators.\n */\nexport const Default = {\n  render: () => html`\n  <nve-badge>badge</nve-badge>\n  `\n};\n\n/**\n * @summary Badges with predefined status colors for different states. Ideal for showing job status, task progress, or system states.\n * @tags test-case\n */\nexport const Status = {\n  render: () => html`\n<div nve-layout=\"row gap:xs align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Flat container badges with status colors for a more subtle appearance. Perfect for dense layouts or when you want less visual weight.\n * @tags test-case\n */\nexport const StatusFlat = {\n  render: () => html`\n<div nve-layout=\"row gap:md align:wrap\">\n  <nve-badge container=\"flat\" status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge container=\"flat\" status=\"queued\">queued</nve-badge>\n  <nve-badge container=\"flat\" status=\"pending\">pending</nve-badge>\n  <nve-badge container=\"flat\" status=\"starting\">starting</nve-badge>\n  <nve-badge container=\"flat\" status=\"running\">running</nve-badge>\n  <nve-badge container=\"flat\" status=\"restarting\">restarting</nve-badge>\n  <nve-badge container=\"flat\" status=\"stopping\">stopping</nve-badge>\n  <nve-badge container=\"flat\" status=\"finished\">finished</nve-badge>\n  <nve-badge container=\"flat\" status=\"failed\">failed</nve-badge>\n  <nve-badge container=\"flat\" status=\"unknown\">unknown</nve-badge>\n  <nve-badge container=\"flat\" status=\"ignored\">ignored</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Status badges with icons only, using aria-label for accessibility. Useful for compact status indicators in toolbars or data tables.\n */\nexport const StatusIcon = {\n  render: () => html`\n<div nve-layout=\"row gap:md align:wrap\">\n  <nve-badge container=\"flat\" status=\"scheduled\" aria-label=\"scheduled\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"queued\" aria-label=\"queued\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"pending\" aria-label=\"pending\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"starting\" aria-label=\"starting\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"running\" aria-label=\"running\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"restarting\" aria-label=\"restarting\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"stopping\" aria-label=\"stopping\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"finished\" aria-label=\"finished\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"failed\" aria-label=\"failed\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"unknown\" aria-label=\"unknown\"></nve-badge>\n  <nve-badge container=\"flat\" status=\"ignored\" aria-label=\"ignored\"></nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Support status badges for general feedback states. Use for success, warning, error, or informational messages.\n */\nexport const Support = {\n  render: () => html`\n<div nve-layout=\"row gap:md\">\n  <nve-badge status=\"accent\">accent</nve-badge>\n  <nve-badge status=\"warning\">warning</nve-badge>\n  <nve-badge status=\"success\">success</nve-badge>\n  <nve-badge status=\"danger\">danger</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Status badges in light theme for better visibility on light backgrounds. Use when your application primarily uses light mode.\n * @tags test-case\n */\nexport const StatusLightTheme = {\n  render: () => html`\n<div nve-theme=\"root light\" nve-layout=\"row gap:md pad:md align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Status badges in dark theme for better visibility on dark backgrounds. Use when your application primarily uses dark mode.\n * @tags test-case\n */\nexport const StatusDarkTheme = {\n  render: () => html`\n<div nve-theme=\"root dark\" nve-layout=\"row gap:md pad:md align:wrap\">\n  <nve-badge status=\"scheduled\">scheduled</nve-badge>\n  <nve-badge status=\"queued\">queued</nve-badge>\n  <nve-badge status=\"pending\">pending</nve-badge>\n  <nve-badge status=\"starting\">starting</nve-badge>\n  <nve-badge status=\"running\">running</nve-badge>\n  <nve-badge status=\"restarting\">restarting</nve-badge>\n  <nve-badge status=\"stopping\">stopping</nve-badge>\n  <nve-badge status=\"finished\">finished</nve-badge>\n  <nve-badge status=\"failed\">failed</nve-badge>\n  <nve-badge status=\"unknown\">unknown</nve-badge>\n  <nve-badge status=\"ignored\">ignored</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Trend badges for displaying data changes and metrics. Perfect for dashboards, analytics, or financial data showing positive, negative, or neutral trends.\n * @tags pattern test-case\n */\nexport const Trend = {\n  render: () => html`\n<div nve-layout=\"row gap:md\">\n  <nve-badge>0%</nve-badge>\n  <nve-badge status=\"success\"><nve-icon name=\"trend-down\"></nve-icon> -15%</nve-badge>\n  <nve-badge status=\"danger\"><nve-icon name=\"trend-up\"></nve-icon> +15%</nve-badge>\n</div>\n  `\n}\n\n/**\n * @summary Badges with color variants for categorization and theming. Use for organizing content by color-coded categories.\n * @tags test-case\n */\nexport const Color = {\n  render: () => html`\n<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n  <nve-badge color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n  <nve-badge color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n  <nve-badge color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n  <nve-badge color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n  <nve-badge color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n  <nve-badge color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n  <nve-badge color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n  `\n};\n\n/**\n * @summary High emphasis badges with custom colors for important or highlighted content. Use for highlighting critical information.\n */\nexport const Prominence = {\n  render: () => html`\n<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge prominence=\"emphasis\" color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge prominence=\"emphasis\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n  `\n};\n\n/**\n * @summary Flat container badges with custom colors for a minimal, borderless appearance. Ideal for subtle categorization or when you want to reduce visual noise.\n */\nexport const Flat = {\n  render: () => html`\n<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge container=\"flat\" color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n  <nve-badge container=\"flat\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n  <nve-badge container=\"flat\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n  <nve-badge container=\"flat\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n  <nve-badge container=\"flat\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n  <nve-badge container=\"flat\" color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n  <nve-badge container=\"flat\" color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n  <nve-badge container=\"flat\" color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n  <nve-badge container=\"flat\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n  <nve-badge container=\"flat\" color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n  <nve-badge container=\"flat\" color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n  <nve-badge container=\"flat\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n  <nve-badge container=\"flat\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n  <nve-badge container=\"flat\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n  <nve-badge container=\"flat\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n  <nve-badge container=\"flat\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n  `\n};\n\n/**\n * @summary Badge with constrained width to show text overflow behavior. Use when you need to control badge width in constrained layouts or responsive designs.\n * @tags test-case\n */\nexport const Overflow = {\n  render: () => html`\n  <nve-badge status=\"pending\" style=\"--width: 150px\">some really long content</nve-badge>\n  `\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/badge/badge.js

@@ -1,6 +1,5 @@
-//#region src/badge/badge.css?inline
+// src/badge/badge.css?inline
 var e = ":host{--background: var(--state-color-background);--color: var(--state-color);--gap: var(--nve-ref-space-xs);--font-size: var(--nve-ref-font-size-100);--icon-color: var(--color);--padding: 0 var(--nve-ref-size-200);--border: 0;--border-radius: var(--nve-ref-border-radius-sm);--font-weight: var(--nve-ref-font-weight-semibold);--text-transform: initial;--width: initial;--height: var(--nve-ref-size-600);display:inline-flex}[internal-host]{font-weight:var(--font-weight);font-size:var(--font-size);gap:var(--gap);background:var(--background);color:var(--color);padding:var(--padding);border:var(--border);border-radius:var(--border-radius);width:var(--width);height:var(--height);text-transform:var(--text-transform);display:inline-flex;line-height:1em;place-items:center}slot:not([name]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;line-height:1.15}:host([aria-label]) slot:not([name]){display:contents}::slotted([nve-text]){color:inherit!important}::slotted(a){margin:0!important;color:inherit!important;text-decoration:none!important;line-height:0!important}nve-icon,::slotted(nve-icon){--color: var(--icon-color);--width: var(--nve-ref-size-300);--height: var(--nve-ref-size-300)}:host([status]){--state-color-base: var(--status-color)}:host([container=\"flat\"]){--background: var(--nve-sys-background-color);--border-radius: var(--nve-ref-border-radius-sm);--gap: var(--nve-ref-space-xs);--padding: 0;--text-transform: capitalize;--width: initial;--height: initial}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../src/badge/badge.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  --background: var(--state-color-background);\n  --color: var(--state-color);\n  --gap: var(--nve-ref-space-xs);\n  --font-size: var(--nve-ref-font-size-100);\n  --icon-color: var(--color);\n  --padding: 0 var(--nve-ref-size-200);\n  --border: 0;\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --font-weight: var(--nve-ref-font-weight-semibold);\n  --text-transform: initial;\n  --width: initial;\n  --height: var(--nve-ref-size-600);\n  display: inline-flex;\n}\n\n[internal-host] {\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  gap: var(--gap);\n  background: var(--background);\n  color: var(--color);\n  padding: var(--padding);\n  border: var(--border);\n  border-radius: var(--border-radius);\n  width: var(--width);\n  height: var(--height);\n  text-transform: var(--text-transform);\n  display: inline-flex;\n  line-height: 1em;\n  place-items: center;\n}\n\nslot:not([name]) {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: block;\n  line-height: 1.15;\n}\n\n:host([aria-label]) slot:not([name]) {\n  display: contents;\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n\n::slotted(a) {\n  margin: 0 !important;\n  color: inherit !important;\n  text-decoration: none !important;\n  line-height: 0 !important;\n}\n\nnve-icon,\n::slotted(nve-icon) {\n  --color: var(--icon-color);\n  --width: var(--nve-ref-size-300);\n  --height: var(--nve-ref-size-300);\n}\n\n:host([status]) {\n  --state-color-base: var(--status-color);\n}\n\n:host([container='flat']) {\n  --background: var(--nve-sys-background-color);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --gap: var(--nve-ref-space-xs);\n  --padding: 0;\n  --text-transform: capitalize;\n  --width: initial;\n  --height: initial;\n}\n"],"mappings":""}
+{"version":3,"file":"badge.js","names":["badge_default"],"sources":["../../src/badge/badge.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  --background: var(--state-color-background);\n  --color: var(--state-color);\n  --gap: var(--nve-ref-space-xs);\n  --font-size: var(--nve-ref-font-size-100);\n  --icon-color: var(--color);\n  --padding: 0 var(--nve-ref-size-200);\n  --border: 0;\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --font-weight: var(--nve-ref-font-weight-semibold);\n  --text-transform: initial;\n  --width: initial;\n  --height: var(--nve-ref-size-600);\n  display: inline-flex;\n}\n\n[internal-host] {\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  gap: var(--gap);\n  background: var(--background);\n  color: var(--color);\n  padding: var(--padding);\n  border: var(--border);\n  border-radius: var(--border-radius);\n  width: var(--width);\n  height: var(--height);\n  text-transform: var(--text-transform);\n  display: inline-flex;\n  line-height: 1em;\n  place-items: center;\n}\n\nslot:not([name]) {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: block;\n  line-height: 1.15;\n}\n\n:host([aria-label]) slot:not([name]) {\n  display: contents;\n}\n\n::slotted([nve-text]) {\n  color: inherit !important;\n}\n\n::slotted(a) {\n  margin: 0 !important;\n  color: inherit !important;\n  text-decoration: none !important;\n  line-height: 0 !important;\n}\n\nnve-icon,\n::slotted(nve-icon) {\n  --color: var(--icon-color);\n  --width: var(--nve-ref-size-300);\n  --height: var(--nve-ref-size-300);\n}\n\n:host([status]) {\n  --state-color-base: var(--status-color);\n}\n\n:host([container='flat']) {\n  --background: var(--nve-sys-background-color);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --gap: var(--nve-ref-space-xs);\n  --padding: 0;\n  --text-transform: capitalize;\n  --width: initial;\n  --height: initial;\n}\n"],"mappings":""}

package/dist/badge/badge2.js

@@ -3,12 +3,12 @@ import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
 import { colorStateStyles as r, statusStateStyles as i, supportStateStyles as a, useStyles as o } from "../internal/styles/index.js";
 import { statusIcons as s } from "../internal/types/index.js";
-import c from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import c from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { Icon as l } from "../icon/icon2.js";
 import u from "./badge.js";
 import { LitElement as d, html as f, nothing as p } from "lit";
 import { property as m } from "lit/decorators/property.js";
-//#region src/badge/badge.ts
+// src/badge/badge.ts
 var h = class extends d {
 	static {
 		this.styles = o([
@@ -21,7 +21,7 @@ var h = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "2.20.1"
+			version: "2.20.3"
 		};
 	}
 	static {
@@ -63,7 +63,6 @@ c([m({
 	type: String,
 	reflect: !0
 })], h.prototype, "prominence", void 0), h = c([t(), n()], h);
-//#endregion
 export { h as Badge };
 
 //# sourceMappingURL=badge2.js.map

package/dist/badge/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","names":[],"sources":["../../src/badge/badge.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusIcons,\n  statusStateStyles,\n  supportStateStyles,\n  colorStateStyles,\n  attachInternals,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './badge.css?inline';\n\n/**\n * @element nve-badge\n * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n * @documentation https://nvidia.github.io/elements/docs/elements/badge/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - Short text that communicates the badge status.\n * @slot prefix-icon - slot for prefix icon\n * @slot suffix-icon - slot for suffix icon\n * @cssprop --background\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --icon-color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --text-transform\n * @cssprop --width\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\n@typeSSR()\n@scopedRegistry()\nexport class Badge extends LitElement {\n  /**\n   * Visual treatment to represent a ongoing task, support status.\n   */\n  @property({ type: String, reflect: true }) status: TaskStatus | SupportStatus;\n\n  /**\n   * Highlights content to draw attention and convey simple messages.\n   */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /**\n   * Determines the container styles of component. Flat suits nesting within other containers.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  /** Determines the visual prominence or weight */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-badge',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  get #size() {\n    return this.status && statusIcons[this.status] === 'dot' ? 'sm' : 'md';\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix-icon\">${this.status ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status] ?? ''} .size=${this.#size} aria-hidden=\"true\"></nve-icon>` : nothing}</slot>\n        <slot @slotchange=${this.#slotChange}></slot>\n        <slot name=\"suffix-icon\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'status';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#assignAriaLabel();\n  }\n\n  #slotChange() {\n    this.#assignAriaLabel();\n    this.#assignDefaultIcon();\n  }\n\n  #assignAriaLabel() {\n    this._internals.ariaLabel = this.textContent;\n  }\n\n  #assignDefaultIcon() {\n    const unassignedIcon = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!\n      .assignedElements()\n      .find(i => i.matches('nve-icon') && !i.slot);\n    if (unassignedIcon) {\n      unassignedIcon.slot = 'prefix-icon';\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;AA6CO,IAAM,IAAN,cAAoB,EAAW;;EAmBpB,KAAA,SAAA,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;EAEhE,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAI,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,SAAS,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAK,GAAM,oCAAmC,EAAQ,4BACvJ,KAAK,GAAY;CAI3C;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAK,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAK,GAAiB,GACtB,KAAK,GAAmB;CAC1B;CAEA,KAAmB;EACjB,KAAK,WAAW,YAAY,KAAK;CACnC;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CACvF,iBAAiB,CAAC,CAClB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;AAvEG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAKxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAKxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,GAnB1C,IAAA,EAAA,CAAA,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"badge2.js","names":["styles","_decorate","__decorate","badge_default","Badge","LitElement","useStyles","statusStateStyles","supportStateStyles","colorStateStyles","Icon","#size","statusIcons","nothing","#slotChange","attachInternals","props","#assignAriaLabel","#assignDefaultIcon","unassignedIcon","i","property","typeSSR","scopedRegistry"],"sources":["../../src/badge/badge.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusIcons,\n  statusStateStyles,\n  supportStateStyles,\n  colorStateStyles,\n  attachInternals,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './badge.css?inline';\n\n/**\n * @element nve-badge\n * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n * @documentation https://nvidia.github.io/elements/docs/elements/badge/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - Short text that communicates the badge status.\n * @slot prefix-icon - slot for prefix icon\n * @slot suffix-icon - slot for suffix icon\n * @cssprop --background\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --icon-color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --text-transform\n * @cssprop --width\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\n@typeSSR()\n@scopedRegistry()\nexport class Badge extends LitElement {\n  /**\n   * Visual treatment to represent a ongoing task, support status.\n   */\n  @property({ type: String, reflect: true }) status: TaskStatus | SupportStatus;\n\n  /**\n   * Highlights content to draw attention and convey simple messages.\n   */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /**\n   * Determines the container styles of component. Flat suits nesting within other containers.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  /** Determines the visual prominence or weight */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-badge',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  get #size() {\n    return this.status && statusIcons[this.status] === 'dot' ? 'sm' : 'md';\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix-icon\">${this.status ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status] ?? ''} .size=${this.#size} aria-hidden=\"true\"></nve-icon>` : nothing}</slot>\n        <slot @slotchange=${this.#slotChange}></slot>\n        <slot name=\"suffix-icon\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'status';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#assignAriaLabel();\n  }\n\n  #slotChange() {\n    this.#assignAriaLabel();\n    this.#assignDefaultIcon();\n  }\n\n  #assignAriaLabel() {\n    this._internals.ariaLabel = this.textContent;\n  }\n\n  #assignDefaultIcon() {\n    const unassignedIcon = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!\n      .assignedElements()\n      .find(i => i.matches('nve-icon') && !i.slot);\n    if (unassignedIcon) {\n      unassignedIcon.slot = 'prefix-icon';\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;AA6CO,IAAMI,IAAN,cAAoBC,EAAW;;EAmBpB,KAAA,SAAAC,EAAU;GAACN;GAAQO;GAAmBC;GAAoBC;EAAgB,CAAC;;;EAEhE,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBC,EAAK,SAAS,MAAMA,EACvB;;CAEA,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAUC,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,SAAS,CAAI,iCAAgCA,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKD,GAAM,oCAAmCE,EAAQ,4BACvJ,KAAKC,GAAY;CAI3C;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQC,CAAK,GACnB,KAAKC,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAKA,GAAiB,GACtB,KAAKC,GAAmB;CAC1B;CAEA,KAAmB;EACjB,KAAK,WAAW,YAAY,KAAK;CACnC;CAEA,KAAqB;EACnB,IAAMC,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CACvF,iBAAiB,CAAC,CAClB,MAAK,MAAKC,EAAE,QAAQ,UAAU,KAAK,CAACA,EAAE,IAAI;EAC7C,AAAID,MACF,EAAe,OAAO;CAE1B;AACF;AAvEGlB,EAAA,CAAAoB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAjB,EAAA,WAAA,UAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAoB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAjB,EAAA,WAAA,SAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAoB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAjB,EAAA,WAAA,aAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAoB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAjB,EAAA,WAAA,cAAA,KAAA,CAAA,GAnB1C,IAAAH,EAAA,CAAAqB,EAAQ,GACRC,EAAe,CAAA,GAAAnB,CAAA"}

package/dist/badge/define.js

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

package/dist/badge/define.js.map

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

package/dist/badge/index.js

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

package/dist/breadcrumb/breadcrumb.examples.js

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

package/dist/breadcrumb/breadcrumb.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.examples.js","names":[],"sources":["../../src/breadcrumb/breadcrumb.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/breadcrumb/define.js';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/dropdown/define.js';\nimport '@nvidia-elements/core/icon/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\nimport '@nvidia-elements/core/menu/define.js';\n\nexport default {\n  title: 'Elements/Breadcrumb',\n  component: 'nve-breadcrumb',\n};\n\n/**\n * @summary Basic breadcrumb navigation showing page hierarchy with linked items and current location indicator.\n */\nexport const Default = {\n  render: () => html`\n    <nve-breadcrumb>\n      <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n      <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n      <nve-button><a href=\"#\" target=\"_self\">Item 3</a></nve-button>\n      <span>You Are Here</span>\n    </nve-breadcrumb>\n  `\n};\n\n/**\n * @summary Breadcrumb with home icon button for quick navigation to the root page, offering a compact starting point.\n */\nexport const WithIconButton = {\n  render: () => html`\n    <nve-breadcrumb>\n      <nve-icon-button icon-name=\"home\" size=\"sm\"><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a></nve-icon-button>\n      <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n      <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n      <span>You Are Here</span>\n    </nve-breadcrumb>\n  `\n};\n\n/**\n * @summary Breadcrumb with overflow menu for collapsed navigation levels, ideal for deep hierarchies in limited space.\n */\nexport const WithMenu = {\n  render: () => html`\n<nve-breadcrumb>\n  <nve-icon-button popovertarget=\"more-links\" icon-name=\"more-actions\"></nve-icon-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 4</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 5</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n<nve-dropdown id=\"more-links\">\n  <nve-menu>\n    <nve-menu-item>Item 1</nve-menu-item>\n    <nve-menu-item>Item 2</nve-menu-item>\n    <nve-menu-item>Item 3</nve-menu-item>\n  </nve-menu>\n</nve-dropdown>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"breadcrumb.examples.js","names":["breadcrumb_examples_default"],"sources":["../../src/breadcrumb/breadcrumb.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/breadcrumb/define.js';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/dropdown/define.js';\nimport '@nvidia-elements/core/icon/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\nimport '@nvidia-elements/core/menu/define.js';\n\nexport default {\n  title: 'Elements/Breadcrumb',\n  component: 'nve-breadcrumb',\n};\n\n/**\n * @summary Basic breadcrumb navigation showing page hierarchy with linked items and current location indicator.\n */\nexport const Default = {\n  render: () => html`\n    <nve-breadcrumb>\n      <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n      <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n      <nve-button><a href=\"#\" target=\"_self\">Item 3</a></nve-button>\n      <span>You Are Here</span>\n    </nve-breadcrumb>\n  `\n};\n\n/**\n * @summary Breadcrumb with home icon button for quick navigation to the root page, offering a compact starting point.\n */\nexport const WithIconButton = {\n  render: () => html`\n    <nve-breadcrumb>\n      <nve-icon-button icon-name=\"home\" size=\"sm\"><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a></nve-icon-button>\n      <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n      <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n      <span>You Are Here</span>\n    </nve-breadcrumb>\n  `\n};\n\n/**\n * @summary Breadcrumb with overflow menu for collapsed navigation levels, ideal for deep hierarchies in limited space.\n */\nexport const WithMenu = {\n  render: () => html`\n<nve-breadcrumb>\n  <nve-icon-button popovertarget=\"more-links\" icon-name=\"more-actions\"></nve-icon-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 4</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 5</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n<nve-dropdown id=\"more-links\">\n  <nve-menu>\n    <nve-menu-item>Item 1</nve-menu-item>\n    <nve-menu-item>Item 2</nve-menu-item>\n    <nve-menu-item>Item 3</nve-menu-item>\n  </nve-menu>\n</nve-dropdown>\n  `\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/breadcrumb/breadcrumb.js

@@ -1,6 +1,5 @@
-//#region src/breadcrumb/breadcrumb.css?inline
+// src/breadcrumb/breadcrumb.css?inline
 var e = ":host{--gap: var(--nve-ref-space-xxs);--height: var(--nve-ref-size-500);--font-size: var(--nve-ref-font-size-50);--color: var(--nve-sys-text-muted-color);--font-weight: var(--nve-ref-font-weight-medium)}[internal-host]{--_font-size: var(--font-size);--_font-weight: var(--font-weight);--_color: var(--color);--_height: var(--height)}ol,li{list-style-type:none;padding:0;display:flex;margin:0;min-height:0;align-items:flex-start;justify-content:stretch;gap:var(--gap)}li{display:flex;align-items:center;justify-content:center;text-wrap:nowrap;height:var(--_height)}::slotted(nve-button){--border-radius: calc(var(--nve-ref-border-radius-xs) / 2);--font-size: var(--_font-size);--color: var(--_color);--padding: 0 var(--nve-ref-size-100);--height: var(--_height);--font-weight: var(--_font-weight);--text-decoration: none !important;--_border-bottom-offset: -.5;--_border-bottom-width: 85%}::slotted(nve-icon-button){--border-radius: calc(var(--nve-ref-border-radius-xs) / 2);--icon-width: var(--nve-ref-size-300);--icon-height: var(--nve-ref-size-300);--height: var(--_height);--width: var(--_height);--font-size: var(--_font-size);--font-weight: var(--_font-weight);--color: var(--_color)}nve-icon[separator]{--height: var(--nve-ref-size-200);--width: var(--nve-ref-size-200);--color: var(--_color)}::slotted(span){font-size:var(--_font-size);color:var(--_color);display:block}::slotted(*:last-child){color:var(--nve-sys-text-emphasis-color);font-weight:var(--nve-ref-font-weight-semibold);--font-weight: var(--nve-ref-font-weight-semibold);--color: var(--nve-sys-text-emphasis-color)}[hidden-slot]{gap:var(--nve-ref-space-sm);display:flex;align-items:center}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../src/breadcrumb/breadcrumb.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  --gap: var(--nve-ref-space-xxs);\n  --height: var(--nve-ref-size-500);\n  --font-size: var(--nve-ref-font-size-50);\n  --color: var(--nve-sys-text-muted-color);\n  --font-weight: var(--nve-ref-font-weight-medium);\n}\n\n[internal-host] {\n  --_font-size: var(--font-size);\n  --_font-weight: var(--font-weight);\n  --_color: var(--color);\n  --_height: var(--height);\n}\n\nol,\nli {\n  list-style-type: none;\n  padding: 0;\n  display: flex;\n  margin: 0;\n  min-height: 0;\n  align-items: flex-start;\n  justify-content: stretch;\n  gap: var(--gap);\n}\n\nli {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-wrap: nowrap;\n  height: var(--_height);\n}\n\n::slotted(nve-button) {\n  --border-radius: calc(var(--nve-ref-border-radius-xs) / 2);\n  --font-size: var(--_font-size);\n  --color: var(--_color);\n  --padding: 0 var(--nve-ref-size-100);\n  --height: var(--_height);\n  --font-weight: var(--_font-weight);\n  --text-decoration: none !important;\n  --_border-bottom-offset: -0.5;\n  --_border-bottom-width: 85%;\n}\n\n::slotted(nve-icon-button) {\n  --border-radius: calc(var(--nve-ref-border-radius-xs) / 2);\n  --icon-width: var(--nve-ref-size-300);\n  --icon-height: var(--nve-ref-size-300);\n  --height: var(--_height);\n  --width: var(--_height);\n  --font-size: var(--_font-size);\n  --font-weight: var(--_font-weight);\n  --color: var(--_color);\n}\n\nnve-icon[separator] {\n  --height: var(--nve-ref-size-200);\n  --width: var(--nve-ref-size-200);\n  --color: var(--_color);\n}\n\n::slotted(span) {\n  font-size: var(--_font-size);\n  color: var(--_color);\n  display: block;\n}\n\n::slotted(*:last-child) {\n  color: var(--nve-sys-text-emphasis-color);\n  font-weight: var(--nve-ref-font-weight-semibold);\n  --font-weight: var(--nve-ref-font-weight-semibold);\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\n[hidden-slot] {\n  gap: var(--nve-ref-space-sm);\n  display: flex;\n  align-items: center;\n}\n"],"mappings":""}
+{"version":3,"file":"breadcrumb.js","names":["breadcrumb_default"],"sources":["../../src/breadcrumb/breadcrumb.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  --gap: var(--nve-ref-space-xxs);\n  --height: var(--nve-ref-size-500);\n  --font-size: var(--nve-ref-font-size-50);\n  --color: var(--nve-sys-text-muted-color);\n  --font-weight: var(--nve-ref-font-weight-medium);\n}\n\n[internal-host] {\n  --_font-size: var(--font-size);\n  --_font-weight: var(--font-weight);\n  --_color: var(--color);\n  --_height: var(--height);\n}\n\nol,\nli {\n  list-style-type: none;\n  padding: 0;\n  display: flex;\n  margin: 0;\n  min-height: 0;\n  align-items: flex-start;\n  justify-content: stretch;\n  gap: var(--gap);\n}\n\nli {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-wrap: nowrap;\n  height: var(--_height);\n}\n\n::slotted(nve-button) {\n  --border-radius: calc(var(--nve-ref-border-radius-xs) / 2);\n  --font-size: var(--_font-size);\n  --color: var(--_color);\n  --padding: 0 var(--nve-ref-size-100);\n  --height: var(--_height);\n  --font-weight: var(--_font-weight);\n  --text-decoration: none !important;\n  --_border-bottom-offset: -0.5;\n  --_border-bottom-width: 85%;\n}\n\n::slotted(nve-icon-button) {\n  --border-radius: calc(var(--nve-ref-border-radius-xs) / 2);\n  --icon-width: var(--nve-ref-size-300);\n  --icon-height: var(--nve-ref-size-300);\n  --height: var(--_height);\n  --width: var(--_height);\n  --font-size: var(--_font-size);\n  --font-weight: var(--_font-weight);\n  --color: var(--_color);\n}\n\nnve-icon[separator] {\n  --height: var(--nve-ref-size-200);\n  --width: var(--nve-ref-size-200);\n  --color: var(--_color);\n}\n\n::slotted(span) {\n  font-size: var(--_font-size);\n  color: var(--_color);\n  display: block;\n}\n\n::slotted(*:last-child) {\n  color: var(--nve-sys-text-emphasis-color);\n  font-weight: var(--nve-ref-font-weight-semibold);\n  --font-weight: var(--nve-ref-font-weight-semibold);\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\n[hidden-slot] {\n  gap: var(--nve-ref-space-sm);\n  display: flex;\n  align-items: center;\n}\n"],"mappings":""}

package/dist/breadcrumb/breadcrumb2.js

@@ -5,12 +5,12 @@ import { attachInternals as r } from "../internal/utils/a11y.js";
 import { typeSSR as i } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
 import { useStyles as o } from "../internal/styles/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 l from "./breadcrumb.js";
 import { LitElement as u, html as d, nothing as f } from "lit";
 import { state as p } from "lit/decorators/state.js";
-//#region src/breadcrumb/breadcrumb.ts
+// src/breadcrumb/breadcrumb.ts
 var m = class extends u {
 	constructor(...e) {
 		super(...e), this.breadcrumbItems = [];
@@ -24,7 +24,7 @@ var m = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-breadcrumb",
-			version: "2.20.1"
+			version: "2.20.3"
 		};
 	}
 	static {
@@ -55,7 +55,6 @@ s([p()], m.prototype, "breadcrumbItems", void 0), m = s([
 	a(),
 	n()
 ], m);
-//#endregion
 export { m as Breadcrumb };
 
 //# sourceMappingURL=breadcrumb2.js.map