@nvidia-elements/core 0.2.2 → 0.2.4

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[interaction='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":[],"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

@@ -1,11 +1,11 @@
-import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { I18nController as r } from "../internal/controllers/i18n.controller.js";
-import { TypeClosableController as i } from "../internal/controllers/type-closable.controller.js";
-import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
-import { statusStateStyles as o, supportStateStyles as s, useStyles as c } from "../internal/styles/index.js";
-import { statusIcons as l } from "../internal/types/index.js";
+import { I18nController as e } from "../internal/controllers/i18n.controller.js";
+import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
+import { attachInternals as n } from "../internal/utils/a11y.js";
+import { TypeClosableController as r } from "../internal/controllers/type-closable.controller.js";
+import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
+import { statusStateStyles as a, supportStateStyles as o, useStyles as s } from "../internal/styles/index.js";
+import { statusIcons as c } from "../internal/types/index.js";
+import { __decorate as l } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import { Icon as u } from "../icon/icon2.js";
 import { IconButton as d } from "../icon-button/icon-button2.js";
 import f from "./alert.global.js";
@@ -15,20 +15,20 @@ import { property as g } from "lit/decorators/property.js";
 import { queryAssignedElements as _ } from "lit/decorators/query-assigned-elements.js";
 //#region src/alert/alert.ts
 var v = class extends m {
-	constructor(...e) {
-		super(...e), this.closable = !1, this.#e = new i(this), this.#t = new r(this), this.i18n = this.#t.i18n;
+	constructor(...t) {
+		super(...t), this.closable = !1, this.#e = new r(this), this.#t = new e(this), this.i18n = this.#t.i18n;
 	}
 	static {
-		this.styles = c([
+		this.styles = s([
 			p,
-			o,
-			s
+			a,
+			o
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	static {
@@ -40,22 +40,22 @@ var v = class extends m {
 	#e;
 	#t;
 	render() {
-		return h`<div internal-host @slotchange="${() => this.requestUpdate()}"><slot name="icon"><nve-icon part="icon" role="img" .name="${l[this.status] ?? l[""]}" aria-label="${(this.status ? this.i18n[this.status] : void 0) ?? this.i18n.information ?? "information"}"></nve-icon></slot><slot name="prefix" ?hidden="${!this.prefixItems.length}"></slot><slot></slot><slot name="actions" ?hidden="${!this.actionItems.length}"></slot>${this.closable ? h`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${() => this.#e.close()}" container="flat" icon-name="cancel" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}</div><slot name="content" part="_content"></slot>`;
+		return h`<div internal-host @slotchange="${() => this.requestUpdate()}"><slot name="icon"><nve-icon part="icon" role="img" .name="${c[this.status] ?? c[""]}" aria-label="${(this.status ? this.i18n[this.status] : void 0) ?? this.i18n.information ?? "information"}"></nve-icon></slot><slot name="prefix" ?hidden="${!this.prefixItems.length}"></slot><slot></slot><slot name="actions" ?hidden="${!this.actionItems.length}"></slot>${this.closable ? h`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${() => this.#e.close()}" container="flat" icon-name="cancel" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}</div><slot name="content" part="_content"></slot>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), e(this, f), this._internals.role = "alert";
+		super.connectedCallback(), n(this), t(this, f), this._internals.role = "alert";
 	}
 };
-n([g({
+l([g({
 	type: String,
 	reflect: !0
-})], v.prototype, "status", void 0), n([g({ type: Boolean })], v.prototype, "closable", void 0), n([g({ type: Object })], v.prototype, "i18n", void 0), n([_({
+})], v.prototype, "status", void 0), l([g({ type: Boolean })], v.prototype, "closable", void 0), l([g({ type: Object })], v.prototype, "i18n", void 0), l([_({
 	slot: "prefix",
 	flatten: !0
-})], v.prototype, "prefixItems", void 0), n([_({
+})], v.prototype, "prefixItems", void 0), l([_({
 	slot: "actions",
 	flatten: !0
-})], v.prototype, "actionItems", void 0), v = n([a()], v);
+})], v.prototype, "actionItems", void 0), v = l([i()], v);
 //#endregion
 export { v as Alert };
 

package/dist/avatar/avatar-group.d.ts

@@ -16,6 +16,6 @@ export declare class AvatarGroup extends LitElement {
     };
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/avatar/avatar-group2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-avatar-group",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	render() {

package/dist/avatar/avatar.d.ts

@@ -27,5 +27,5 @@ export declare class Avatar extends LitElement {
     size?: Size | 'xs';
     /** Sets the color of the avatar component. */
     color: Color;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }

package/dist/avatar/avatar2.js

@@ -1,27 +1,27 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { colorStateStyles as t, useStyles as n } from "../internal/styles/index.js";
+import { colorStateStyles as e, useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/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
 var s = class extends i {
 	static {
-		this.styles = n([r, t]);
+		this.styles = t([r, e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	render() {
 		return a`<div internal-host><slot></slot></div>`;
 	}
 };
-e([o({
+n([o({
 	type: String,
 	reflect: !0
-})], s.prototype, "size", void 0), e([o({
+})], s.prototype, "size", void 0), n([o({
 	type: String,
 	reflect: !0
 })], s.prototype, "color", void 0);

package/dist/badge/badge.d.ts

@@ -1,6 +1,6 @@
 import { PropertyValues, LitElement } from 'lit';
 import { Icon } from '../icon';
-import { TaskStatus, SupportStatus, TrendStatus, Color, Prominence } from '../internal';
+import { TaskStatus, SupportStatus, Color, Prominence } from '../internal';
 /**
  * @element nve-badge
  * @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.
@@ -28,7 +28,7 @@ export declare class Badge extends LitElement {
     /**
      * Visual treatment to represent a ongoing task, support status.
      */
-    status: TaskStatus | SupportStatus | TrendStatus;
+    status: TaskStatus | SupportStatus;
     /**
      * Highlights content to draw attention and convey simple messages.
      */
@@ -55,7 +55,7 @@ export declare class Badge extends LitElement {
     i18n: Partial<import('../internal').I18nStrings & {
         __set: boolean;
     }>;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
     updated(props: PropertyValues<this>): void;
 }

package/dist/badge/badge.js

@@ -1,5 +1,5 @@
 //#region 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([status=\"trend-down\"]){--state-color-base: var(--nve-sys-visualization-trend-negative-emphasis-color)}:host([status=\"trend-up\"]){--state-color-base: var(--nve-sys-visualization-trend-positive-emphasis-color)}:host([status=\"trend-neutral\"]){--state-color-base: var(--nve-sys-status-pending-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}";
+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 };
 

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/* trend status */\n:host([status='trend-down']) {\n  --state-color-base: var(--nve-sys-visualization-trend-negative-emphasis-color);\n}\n\n:host([status='trend-up']) {\n  --state-color-base: var(--nve-sys-visualization-trend-positive-emphasis-color);\n}\n\n:host([status='trend-neutral']) {\n  --state-color-base: var(--nve-sys-status-pending-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":[],"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

@@ -1,45 +1,45 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { I18nController as n } from "../internal/controllers/i18n.controller.js";
-import { typeSSR as r } from "../internal/controllers/type-ssr.controller.js";
-import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
-import { colorStateStyles as a, statusStateStyles as o, supportStateStyles as s, useStyles as c } from "../internal/styles/index.js";
-import { statusIcons as l } from "../internal/types/index.js";
+import { I18nController as e } from "../internal/controllers/i18n.controller.js";
+import { attachInternals as t } from "../internal/utils/a11y.js";
+import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
+import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
+import { colorStateStyles as i, statusStateStyles as a, supportStateStyles as o, useStyles as s } from "../internal/styles/index.js";
+import { statusIcons as c } from "../internal/types/index.js";
+import { __decorate as l } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import { Icon as u } from "../icon/icon2.js";
 import d from "./badge.js";
 import { LitElement as f, html as p, nothing as m } from "lit";
 import { property as h } from "lit/decorators/property.js";
 //#region src/badge/badge.ts
 var g = class extends f {
-	constructor(...e) {
-		super(...e), this.#t = new n(this), this.i18n = this.#t.i18n;
+	constructor(...t) {
+		super(...t), this.#t = new e(this), this.i18n = this.#t.i18n;
 	}
 	static {
-		this.styles = c([
+		this.styles = s([
 			d,
+			a,
 			o,
-			s,
-			a
+			i
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	static {
 		this.elementDefinitions = { [u.metadata.tag]: u };
 	}
 	get #e() {
-		return this.status && l[this.status] === "dot" ? "sm" : "md";
+		return this.status && c[this.status] === "dot" ? "sm" : "md";
 	}
 	#t;
 	render() {
-		return p`<div internal-host><slot name="prefix-icon">${this.status && !this.status?.includes("trend") ? p`<nve-icon part="_icon" .name="${l[this.status] ?? ""}" .size="${this.#e}" aria-hidden="true"></nve-icon>` : m}</slot><slot @slotchange="${this.#n}"></slot><slot name="suffix-icon">${this.status?.includes("trend") ? p`<nve-icon part="_icon" .name="${l[this.status]}" aria-hidden="true"></nve-icon>` : m}</slot></div>`;
+		return p`<div internal-host><slot name="prefix-icon">${this.status ? p`<nve-icon part="_icon" .name="${c[this.status] ?? ""}" .size="${this.#e}" aria-hidden="true"></nve-icon>` : m}</slot><slot @slotchange="${this.#n}"></slot><slot name="suffix-icon"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "status";
+		super.connectedCallback(), t(this), this._internals.role = "status";
 	}
 	updated(e) {
 		super.updated(e), this.#r();
@@ -48,27 +48,26 @@ var g = class extends f {
 		this.#r(), this.#i();
 	}
 	#r() {
-		let e = this.status?.includes("trend") ? ` ${this.i18n.trend} ${this.i18n[this.status.split("-")[1]]}` : "";
-		this._internals.ariaLabel = this.textContent + e;
+		this._internals.ariaLabel = this.textContent;
 	}
 	#i() {
 		let e = this.shadowRoot.querySelector("slot:not([name])").assignedElements().find((e) => e.matches("nve-icon") && !e.slot);
 		e && (e.slot = "prefix-icon");
 	}
 };
-t([h({
+l([h({
 	type: String,
 	reflect: !0
-})], g.prototype, "status", void 0), t([h({
+})], g.prototype, "status", void 0), l([h({
 	type: String,
 	reflect: !0
-})], g.prototype, "color", void 0), t([h({
+})], g.prototype, "color", void 0), l([h({
 	type: String,
 	reflect: !0
-})], g.prototype, "container", void 0), t([h({
+})], g.prototype, "container", void 0), l([h({
 	type: String,
 	reflect: !0
-})], g.prototype, "prominence", void 0), t([h({ type: Object })], g.prototype, "i18n", void 0), g = t([r(), i()], g);
+})], g.prototype, "prominence", void 0), l([h({ type: Object })], g.prototype, "i18n", void 0), g = l([n(), r()], g);
 //#endregion
 export { g as Badge };
 

package/dist/badge/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","names":["#i18nController","#size","#slotChange","#assignAriaLabel","#assignDefaultIcon"],"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, TrendStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusIcons,\n  statusStateStyles,\n  supportStateStyles,\n  colorStateStyles,\n  attachInternals,\n  I18nController,\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 * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - default slot for content\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 | TrendStatus;\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  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix-icon\">${this.status && !this.status?.includes('trend') ? 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\">\n          ${this.status?.includes('trend') ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status]} aria-hidden=\"true\"></nve-icon>` : nothing}\n        </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    const trend = this.status?.includes('trend')\n      ? ` ${this.i18n.trend} ${(this.i18n as Record<string, string>)[this.status!.split('-')[1]!]}`\n      : '';\n    this._internals.ariaLabel = this.textContent + trend;\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,IAAA,IAAA,cAAoB,EAAW;;yBAqCI,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;kBAEhE;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,UAAU,CAAC,KAAK,QAAQ,SAAS,OAAO,IAAI,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKA,GAAM,oCAAmC,EAAQ,4BAC1L,KAAKC,GAAY,oCAEjC,KAAK,QAAQ,SAAS,OAAO,IAAI,CAAI,iCAAgC,EAAY,KAAK,QAAQ,oCAAmC,EAAQ;CAInJ;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAKC,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAKA,GAAiB,GACtB,KAAKC,GAAmB;CAC1B;CAEA,KAAmB;EACjB,IAAM,IAAQ,KAAK,QAAQ,SAAS,OAAO,IACvC,IAAI,KAAK,KAAK,MAAM,GAAI,KAAK,KAAgC,KAAK,OAAQ,MAAM,GAAG,EAAE,QACrF;EACJ,KAAK,WAAW,YAAY,KAAK,cAAc;CACjD;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,EACtF,iBAAiB,EACjB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;GAnFG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAyBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA5C3B,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"badge2.js","names":["#i18nController","#size","#slotChange","#assignAriaLabel","#assignDefaultIcon"],"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  I18nController,\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 * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - default slot for content\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  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\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,IAAA,IAAA,cAAoB,EAAW;;yBAqCI,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;kBAEhE;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,SAAS,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKA,GAAM,oCAAmC,EAAQ,4BACvJ,KAAKC,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,KAAKC,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAKA,GAAiB,GACtB,KAAKC,GAAmB;CAC1B;CAEA,KAAmB;EACjB,KAAK,WAAW,YAAY,KAAK;CACnC;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,EACtF,iBAAiB,EACjB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;GA9EG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAyBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA5C3B,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}

package/dist/breadcrumb/breadcrumb.d.ts

@@ -17,11 +17,6 @@ import { Icon } from '../icon';
  * @cssprop --icon-width
  * @cssprop --icon-height
  * @cssprop --text-decoration
- * @cssprop --breadcrumb-height - deprecated
- * @cssprop --item-text-size - deprecated
- * @cssprop --item-color - deprecated
- * @cssprop --item-active-color - deprecated
- * @cssprop --item-active-font-weight - deprecated
  * @slot - default slot for `nve-button` and anchor elements
  * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role
  */
@@ -39,6 +34,6 @@ export declare class Breadcrumb extends LitElement {
         [Icon.metadata.tag]: typeof Icon;
     };
     private breadcrumbItems;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/breadcrumb/breadcrumb.js

@@ -1,5 +1,5 @@
 //#region 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(--item-text-size, var(--font-size));--_font-weight: var(--font-weight);--_color: var(--item-color, var(--color));--_height: var(--breadcrumb-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(--item-active-color, var(--nve-sys-text-emphasis-color));font-weight:var(--item-active-font-weight, var(--nve-ref-font-weight-semibold));--font-weight: var(--item-active-font-weight, var(--nve-ref-font-weight-semibold));--color: var(--item-active-color, var(--nve-sys-text-emphasis-color))}[hidden-slot]{gap:var(--nve-ref-space-sm);display:flex;align-items:center}";
+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 };
 

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(--item-text-size, var(--font-size));\n  --_font-weight: var(--font-weight);\n  --_color: var(--item-color, var(--color));\n  --_height: var(--breadcrumb-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(--item-active-color, var(--nve-sys-text-emphasis-color));\n  font-weight: var(--item-active-font-weight, var(--nve-ref-font-weight-semibold));\n  --font-weight: var(--item-active-font-weight, var(--nve-ref-font-weight-semibold));\n  --color: var(--item-active-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":[],"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

@@ -1,11 +1,11 @@
 import { isFocusable as e } from "../internal/utils/focus.js";
 import { generateId as t } from "../internal/utils/dom.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { keyNavigationList as i } from "../internal/controllers/keynav-list.controller.js";
-import { typeSSR as a } from "../internal/controllers/type-ssr.controller.js";
-import { scopedRegistry as o } from "../internal/decorators/scoped-registry.js";
-import { useStyles as s } from "../internal/styles/index.js";
+import { keyNavigationList as n } from "../internal/controllers/keynav-list.controller.js";
+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 { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/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";
@@ -19,12 +19,12 @@ var m = class extends u {
 		return { items: Array.from(this.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements()).filter((t) => e(t)) };
 	}
 	static {
-		this.styles = s([l]);
+		this.styles = o([l]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-breadcrumb",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	static {
@@ -34,7 +34,7 @@ var m = class extends u {
 		return d`<ol internal-host>${this.breadcrumbItems.map((e, t) => d`<li><slot name="${e.slot}" @slotchange="${this.#e}"></slot>${t < this.breadcrumbItems.length - 1 ? d`<nve-icon part="icon" separator aria-hidden="true" name="chevron" direction="right" size="sm"></nve-icon>` : f}</li>`)}</ol><slot ?hidden-slot="${!this.breadcrumbItems.length}" @slotchange="${this.#t}"></slot>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "navigation";
+		super.connectedCallback(), r(this), this._internals.role = "navigation";
 	}
 	#e(e) {
 		e.target.assignedElements().length || this.#n();
@@ -50,10 +50,10 @@ var m = class extends u {
 		Array.from(this.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements()).forEach((e) => e.slot = "");
 	}
 };
-r([p()], m.prototype, "breadcrumbItems", void 0), m = r([
+s([p()], m.prototype, "breadcrumbItems", void 0), m = s([
+	i(),
 	a(),
-	o(),
-	i()
+	n()
 ], m);
 //#endregion
 export { m as Breadcrumb };

package/dist/breadcrumb/breadcrumb2.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb2.js","names":["#removeItem","#createItems","#resetItems"],"sources":["../../src/breadcrumb/breadcrumb.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  generateId,\n  isFocusable,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './breadcrumb.css?inline';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { Button } from '@nvidia-elements/core/button';\n\n/**\n * @element nve-breadcrumb\n * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @cssprop --breadcrumb-height - deprecated\n * @cssprop --item-text-size - deprecated\n * @cssprop --item-color - deprecated\n * @cssprop --item-active-color - deprecated\n * @cssprop --item-active-font-weight - deprecated\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: Array.from(this.shadowRoot!.querySelectorAll('slot'))\n        .flatMap(slot => slot.assignedElements())\n        .filter(e => isFocusable(e)) as HTMLElement[]\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-breadcrumb',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private breadcrumbItems: Element[] = [];\n\n  render() {\n    /* eslint-disable @nvidia-elements/lint/no-unstyled-typography */\n    return html`\n    <ol internal-host>\n      ${this.breadcrumbItems.map(\n        (el, idx) => html`\n        <li>\n          <slot name=${el.slot} @slotchange=${this.#removeItem}></slot>\n          ${idx < this.breadcrumbItems.length - 1 ? html`<nve-icon part=\"icon\" separator aria-hidden=\"true\" name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>` : nothing}\n        </li>\n      `\n      )}\n    </ol>\n    <slot ?hidden-slot=${!this.breadcrumbItems.length} @slotchange=${this.#createItems}></slot>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements();\n      items.filter(i => i.matches('nve-button, nve-icon-button, span, a')).forEach(i => (i.slot = generateId()));\n      items\n        .filter(i => i.matches('nve-button, nve-icon-button'))\n        .forEach((i: Element) => ((i as Button).container = 'inline'));\n      this.breadcrumbItems = items.length ? items : this.breadcrumbItems;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA8CO,IAAA,IAAA,cAAyB,EAAW;;sCAuBK,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,EACxD,SAAQ,MAAQ,EAAK,iBAAiB,CAAC,EACvC,QAAO,MAAK,EAAY,CAAC,CAAC,EAC/B;CACF;;gBAKgB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,KAAKA,GAAY,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAKC,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,EAAE,UACpD,KAAKC,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,EAAE,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAM,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,EAAG,iBAAiB;GAKpG,AAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,sCAAsC,CAAC,EAAE,SAAQ,MAAM,EAAE,OAAO,EAAW,CAAE,GACzG,EACG,QAAO,MAAK,EAAE,QAAQ,6BAA6B,CAAC,EACpD,SAAS,MAAgB,EAAc,YAAY,QAAS,GAC/D,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;EACrD;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,EACjD,SAAQ,MAAK,EAAE,iBAAiB,CAAC,EACjC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;GA/CG,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA;CA1BR,EAAQ;CACR,EAAe;CACf,EAA8B"}
+{"version":3,"file":"breadcrumb2.js","names":["#removeItem","#createItems","#resetItems"],"sources":["../../src/breadcrumb/breadcrumb.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  generateId,\n  isFocusable,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './breadcrumb.css?inline';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { Button } from '@nvidia-elements/core/button';\n\n/**\n * @element nve-breadcrumb\n * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: Array.from(this.shadowRoot!.querySelectorAll('slot'))\n        .flatMap(slot => slot.assignedElements())\n        .filter(e => isFocusable(e)) as HTMLElement[]\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-breadcrumb',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private breadcrumbItems: Element[] = [];\n\n  render() {\n    /* eslint-disable @nvidia-elements/lint/no-unstyled-typography */\n    return html`\n    <ol internal-host>\n      ${this.breadcrumbItems.map(\n        (el, idx) => html`\n        <li>\n          <slot name=${el.slot} @slotchange=${this.#removeItem}></slot>\n          ${idx < this.breadcrumbItems.length - 1 ? html`<nve-icon part=\"icon\" separator aria-hidden=\"true\" name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>` : nothing}\n        </li>\n      `\n      )}\n    </ol>\n    <slot ?hidden-slot=${!this.breadcrumbItems.length} @slotchange=${this.#createItems}></slot>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements();\n      items.filter(i => i.matches('nve-button, nve-icon-button, span, a')).forEach(i => (i.slot = generateId()));\n      items\n        .filter(i => i.matches('nve-button, nve-icon-button'))\n        .forEach((i: Element) => ((i as Button).container = 'inline'));\n      this.breadcrumbItems = items.length ? items : this.breadcrumbItems;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAyCO,IAAA,IAAA,cAAyB,EAAW;;sCAuBK,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,EACxD,SAAQ,MAAQ,EAAK,iBAAiB,CAAC,EACvC,QAAO,MAAK,EAAY,CAAC,CAAC,EAC/B;CACF;;gBAKgB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,KAAKA,GAAY,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAKC,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,EAAE,UACpD,KAAKC,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,EAAE,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAM,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,EAAG,iBAAiB;GAKpG,AAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,sCAAsC,CAAC,EAAE,SAAQ,MAAM,EAAE,OAAO,EAAW,CAAE,GACzG,EACG,QAAO,MAAK,EAAE,QAAQ,6BAA6B,CAAC,EACpD,SAAS,MAAgB,EAAc,YAAY,QAAS,GAC/D,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;EACrD;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,EACjD,SAAQ,MAAK,EAAE,iBAAiB,CAAC,EACjC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;GA/CG,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA;CA1BR,EAAQ;CACR,EAAe;CACf,EAA8B"}

package/dist/bundle.d.ts

@@ -1,3 +1,16 @@
+export * from './accordion';
+export * from './alert';
+export * from './avatar';
+export * from './badge';
+export * from './breadcrumb';
+export * from './button';
+export * from './button-group';
+export * from './card';
+export * from './chat-message';
+export * from './checkbox';
+export * from './color';
+export * from './combobox';
+export * from './copy-button';
 export * from './date';
 export * from './datetime';
 export * from './dialog';
@@ -5,6 +18,7 @@ export * from './divider';
 export * from './dot';
 export * from './drawer';
 export * from './dropdown';
+export * from './dropdown-group';
 export * from './dropzone';
 export * from './file';
 export * from './format-datetime';