@nvidia-elements/core 0.0.1 → 0.0.2

package/dist/badge/badge.examples.json

@@ -0,0 +1,129 @@
+{
+  "element": "nve-badge",
+  "entrypoint": "@nvidia-elements/core/badge/badge.examples.json",
+  "items": [
+    {
+      "id": "core-badge_default",
+      "name": "Default",
+      "template": "<nve-badge>badge</nve-badge>\n",
+      "summary": "Basic badge component with default styling. Use for simple non-interactive labels or status indicators.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-badge_status",
+      "name": "Status",
+      "template": "<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",
+      "summary": "Badges with predefined status colors for different states. Ideal for showing job status, task progress, or system states.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "core-badge_status-flat",
+      "name": "StatusFlat",
+      "template": "<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",
+      "summary": "Flat container badges with status colors for a more subtle appearance. Perfect for dense layouts or when you want less visual weight.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "core-badge_status-icon",
+      "name": "StatusIcon",
+      "template": "<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",
+      "summary": "Status badges with icons only, using aria-label for accessibility. Useful for compact status indicators in toolbars or data tables.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-badge_support",
+      "name": "Support",
+      "template": "<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",
+      "summary": "Support status badges for general feedback states. Use for success, warning, error, or informational messages.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-badge_status-light-theme",
+      "name": "StatusLightTheme",
+      "template": "<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",
+      "summary": "Status badges in light theme for better visibility on light backgrounds. Use when your application primarily uses light mode.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "core-badge_status-dark-theme",
+      "name": "StatusDarkTheme",
+      "template": "<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",
+      "summary": "Status badges in dark theme for better visibility on dark backgrounds. Use when your application primarily uses dark mode.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "core-badge_trend",
+      "name": "Trend",
+      "template": "<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",
+      "summary": "Trend badges for displaying data changes and metrics. Perfect for dashboards, analytics, or financial data showing positive, negative, or neutral trends.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "pattern",
+        "test-case"
+      ]
+    },
+    {
+      "id": "core-badge_color",
+      "name": "Color",
+      "template": "<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",
+      "summary": "Badges with color variants for categorization and theming. Use for organizing content by color-coded categories.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "core-badge_prominence",
+      "name": "Prominence",
+      "template": "<div nve-layout=\"row gap:sm align:wrap\">\n  <nve-badge prominence=\"emphasis\" color=\"red-cardinal\"\n    ><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge\n  >\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\"\n    ><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge\n  >\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\"\n    ><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"orange-pumpkin\"\n    ><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge\n  >\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\"\n    ><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge\n  >\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\"\n    ><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge\n  >\n  <nve-badge prominence=\"emphasis\" color=\"purple-lavender\"\n    ><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge\n  >\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",
+      "summary": "High emphasis badges with custom colors for important or highlighted content. Use for highlighting critical information.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-badge_flat",
+      "name": "Flat",
+      "template": "<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\"\n    ><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge\n  >\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",
+      "summary": "Flat container badges with custom colors for a minimal, borderless appearance. Ideal for subtle categorization or when you want to reduce visual noise.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-badge_overflow",
+      "name": "Overflow",
+      "template": "<nve-badge status=\"pending\" style=\"--width: 150px\">some really long content</nve-badge>\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.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    }
+  ]
+}

package/dist/badge/badge.js

@@ -0,0 +1,6 @@
+//#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: capitalize;--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}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -0,0 +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: capitalize;\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::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::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":""}

package/dist/badge/badge2.js

@@ -0,0 +1,75 @@
+import { attachInternals as e } from "../internal/utils/a11y.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.115.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 { 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.i18n = this.#t.i18n;
+	}
+	static {
+		this.styles = c([
+			d,
+			o,
+			s,
+			a
+		]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-badge",
+			version: "0.0.2"
+		};
+	}
+	static {
+		this.elementDefinitions = { [u.metadata.tag]: u };
+	}
+	get #e() {
+		return this.status && l[this.status] === "dot" ? "sm" : "md";
+	}
+	#t = new n(this);
+	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>`;
+	}
+	connectedCallback() {
+		super.connectedCallback(), e(this), this._internals.role = "status";
+	}
+	updated(e) {
+		super.updated(e), this.#r();
+	}
+	#n() {
+		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;
+	}
+	#i() {
+		let e = this.shadowRoot.querySelector("slot:not([name])").assignedElements().find((e) => e.matches("nve-icon, nve-icon") && !e.slot);
+		e && (e.slot = "prefix-icon");
+	}
+};
+t([h({
+	type: String,
+	reflect: !0
+})], g.prototype, "status", void 0), t([h({
+	type: String,
+	reflect: !0
+})], g.prototype, "color", void 0), t([h({
+	type: String,
+	reflect: !0
+})], g.prototype, "container", void 0), t([h({
+	type: String,
+	reflect: !0
+})], g.prototype, "prominence", void 0), t([h({ type: Object })], g.prototype, "i18n", void 0), g = t([r(), i()], g);
+//#endregion
+export { g as Badge };
+
+//# sourceMappingURL=badge2.js.map

package/dist/badge/badge2.js.map

@@ -0,0 +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, nve-icon') && !i.slot);\n    if (unassignedIcon) {\n      unassignedIcon.slot = 'prefix-icon';\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAoB,EAAW;;2BA0CD,MAAA,EAAqB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;GAAiB,CAAC;;;kBAEjE;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAED,KAAA,IAAY;AACV,SAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;;CAMpE,KAAwC,IAAI,EAAqB,KAAK;CAOtE,SAAS;AACP,SAAO,CAAI,+CAEoB,KAAK,UAAU,CAAC,KAAK,QAAQ,SAAS,QAAQ,GAAG,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,MAAA,EAAW,oCAAmC,EAAQ,4BAC1L,MAAA,EAAiB,oCAEjC,KAAK,QAAQ,SAAS,QAAQ,GAAG,CAAI,iCAAgC,EAAY,KAAK,QAAQ,oCAAmC,EAAQ;;CAMnJ,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAuB;;CAGzB,KAAc;AAEZ,EADA,MAAA,GAAuB,EACvB,MAAA,GAAyB;;CAG3B,KAAmB;EACjB,IAAM,IAAQ,KAAK,QAAQ,SAAS,QAAQ,GACxC,IAAI,KAAK,KAAK,MAAM,GAAI,KAAK,KAAgC,KAAK,OAAQ,MAAM,IAAI,CAAC,QACrF;AACJ,OAAK,WAAW,YAAY,KAAK,cAAc;;CAGjD,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,mBAAmB,CACvF,kBAAkB,CAClB,MAAK,MAAK,EAAE,QAAQ,qBAAqB,IAAI,CAAC,EAAE,KAAK;AACxD,EAAI,MACF,EAAe,OAAO;;;GAhFzB,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAyBzC,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,SA5C5B,GAAS,EACT,GAAgB,CAAA,EAAA,EAAA"}

package/dist/badge/define.d.ts

@@ -0,0 +1,6 @@
+import { Badge } from '.';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-badge': Badge;
+    }
+}

package/dist/badge/define.js

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

package/dist/badge/define.js.map

@@ -0,0 +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/core/internal';\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,EAAM"}

package/dist/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './badge.js';

package/dist/badge/index.js

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

package/dist/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+import { KeynavListConfig } from '../internal';
+import { Icon } from '../icon';
+/**
+ * @element nve-breadcrumb
+ * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.
+ * @since 0.11.0
+ * @entrypoint \@nvidia-elements/core/breadcrumb
+ * @cssprop --gap
+ * @cssprop --height
+ * @cssprop --font-size
+ * @cssprop --font-weight
+ * @cssprop --color
+ * @cssprop --border-radius
+ * @cssprop --padding
+ * @cssprop --width
+ * @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
+ */
+export declare class Breadcrumb extends LitElement {
+    #private;
+    get keynavListConfig(): KeynavListConfig;
+    /** @private */
+    _internals: ElementInternals;
+    static styles: import('lit').CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+    };
+    static elementDefinitions: {
+        [Icon.metadata.tag]: typeof Icon;
+    };
+    private breadcrumbItems;
+    render(): import('lit-html').TemplateResult<1>;
+    connectedCallback(): void;
+}

package/dist/breadcrumb/breadcrumb.examples.js

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

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

@@ -0,0 +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"}

package/dist/breadcrumb/breadcrumb.examples.json

@@ -0,0 +1,33 @@
+{
+  "element": "nve-breadcrumb",
+  "entrypoint": "@nvidia-elements/core/breadcrumb/breadcrumb.examples.json",
+  "items": [
+    {
+      "id": "core-breadcrumb_default",
+      "name": "Default",
+      "template": "<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",
+      "summary": "Basic breadcrumb navigation showing page hierarchy with linked items and current location indicator.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-breadcrumb_with-icon-button",
+      "name": "WithIconButton",
+      "template": "<nve-breadcrumb>\n  <nve-icon-button icon-name=\"home\" size=\"sm\"\n    ><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a\n  ></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",
+      "summary": "Breadcrumb with home icon button for quick navigation to the root page, offering a compact starting point.",
+      "description": "",
+      "composition": true,
+      "tags": []
+    },
+    {
+      "id": "core-breadcrumb_with-menu",
+      "name": "WithMenu",
+      "template": "<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",
+      "summary": "Breadcrumb with overflow menu for collapsed navigation levels, ideal for deep hierarchies in limited space.",
+      "description": "",
+      "composition": true,
+      "tags": []
+    }
+  ]
+}

package/dist/breadcrumb/breadcrumb.js

@@ -0,0 +1,6 @@
+//#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;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}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb/breadcrumb.js.map

@@ -0,0 +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  height: var(--_height);\n}\n\n::slotted(nve-button),\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::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":""}

package/dist/breadcrumb/breadcrumb2.js

@@ -0,0 +1,61 @@
+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.115.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 { 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
+var m = class extends u {
+	constructor(...e) {
+		super(...e), this.breadcrumbItems = [];
+	}
+	get keynavListConfig() {
+		return { items: Array.from(this.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements()).filter((t) => e(t)) };
+	}
+	static {
+		this.styles = s([l]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-breadcrumb",
+			version: "0.0.2"
+		};
+	}
+	static {
+		this.elementDefinitions = { [c.metadata.tag]: c };
+	}
+	render() {
+		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";
+	}
+	#e(e) {
+		e.target.assignedElements().length || this.#n();
+	}
+	#t(e) {
+		if (e.target && e.target.assignedElements().length) {
+			this.#n();
+			let e = this.shadowRoot.querySelector("slot:not([name])").assignedElements();
+			e.filter((e) => e.matches("nve-button, nve-icon-button, nve-button, nve-icon-button, span, a")).forEach((e) => e.slot = t()), e.filter((e) => e.matches("nve-button, nve-icon-button, nve-button, nve-icon-button")).forEach((e) => e.container = "inline"), this.breadcrumbItems = e.length ? e : this.breadcrumbItems;
+		}
+	}
+	#n() {
+		Array.from(this.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements()).forEach((e) => e.slot = "");
+	}
+};
+r([p()], m.prototype, "breadcrumbItems", void 0), m = r([
+	a(),
+	o(),
+	i()
+], m);
+//#endregion
+export { m as Breadcrumb };
+
+//# sourceMappingURL=breadcrumb2.js.map

package/dist/breadcrumb/breadcrumb2.js.map

@@ -0,0 +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\n        .filter(i => i.matches('nve-button, nve-icon-button, nve-button, nve-icon-button, span, a'))\n        .forEach(i => (i.slot = generateId()));\n      items\n        .filter(i => i.matches('nve-button, nve-icon-button, 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,EAAE;;CAtBhD,IAAI,mBAAqC;AACvC,SAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CACzD,SAAQ,MAAQ,EAAK,kBAAkB,CAAC,CACxC,QAAO,MAAK,EAAY,EAAE,CAAC,EAC/B;;;gBAMa,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAID,SAAS;AAEP,SAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,MAAA,EAAiB,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,OAGvK,CAAC,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,MAAA,EAAkB;;CAGrF,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,GAAY,GAAU;AACpB,EAAM,EAAE,OAA2B,kBAAkB,CAAC,UACpD,MAAA,GAAkB;;CAItB,GAAa,GAAU;AACrB,MAAI,EAAE,UAAW,EAAE,OAA2B,kBAAkB,CAAC,QAAQ;AACvE,SAAA,GAAkB;GAClB,IAAM,IAAQ,KAAK,WAAY,cAA+B,mBAAmB,CAAE,kBAAkB;AAOrG,GANA,EACG,QAAO,MAAK,EAAE,QAAQ,oEAAoE,CAAC,CAC3F,SAAQ,MAAM,EAAE,OAAO,GAAY,CAAE,EACxC,EACG,QAAO,MAAK,EAAE,QAAQ,2DAA2D,CAAC,CAClF,SAAS,MAAgB,EAAc,YAAY,SAAU,EAChE,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;;;CAIvD,KAAc;AACZ,QAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CAClD,SAAQ,MAAK,EAAE,kBAAkB,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,GAAI;;;GA/C/B,GAAO,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA;CA1BT,GAAS;CACT,GAAgB;CAChB,GAAA"}

package/dist/breadcrumb/define.d.ts

@@ -0,0 +1,6 @@
+import { Breadcrumb } from '.';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-breadcrumb': Breadcrumb;
+    }
+}

package/dist/breadcrumb/define.js

@@ -0,0 +1,7 @@
+import { define as e } from "../internal/utils/dom.js";
+import { Breadcrumb as t } from "./breadcrumb2.js";
+//#region src/breadcrumb/define.ts
+e(t);
+//#endregion
+
+//# sourceMappingURL=define.js.map

package/dist/breadcrumb/define.js.map

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

package/dist/breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export * from './breadcrumb.js';

package/dist/breadcrumb/index.js

@@ -0,0 +1,2 @@
+import { Breadcrumb as e } from "./breadcrumb2.js";
+export { e as Breadcrumb };

package/dist/bundle.d.ts

@@ -0,0 +1,50 @@
+export * from './date';
+export * from './datetime';
+export * from './dialog';
+export * from './divider';
+export * from './dot';
+export * from './drawer';
+export * from './dropdown';
+export * from './dropzone';
+export * from './file';
+export * from './forms';
+export * from './grid';
+export * from './icon';
+export * from './icon-button';
+export * from './input';
+export * from './logo';
+export * from './menu';
+export * from './month';
+export * from './notification';
+export * from './page';
+export * from './page-header';
+export * from './page-loader';
+export * from './pagination';
+export * from './panel';
+export * from './password';
+export * from './preferences-input';
+export * from './progress-bar';
+export * from './progress-ring';
+export * from './progressive-filter-chip';
+export * from './pulse';
+export * from './radio';
+export * from './range';
+export * from './resize-handle';
+export * from './search';
+export * from './select';
+export * from './skeleton';
+export * from './sort-button';
+export * from './sparkline';
+export * from './star-rating';
+export * from './steps';
+export * from './switch';
+export * from './tabs';
+export * from './tag';
+export * from './textarea';
+export * from './time';
+export * from './toast';
+export * from './toggletip';
+export * from './toolbar';
+export * from './tooltip';
+export * from './tree';
+export * from './week';

package/dist/bundles/audit-logs.js

@@ -0,0 +1,50 @@
+import { t as e } from "./rolldown-runtime.js";
+//#region src/internal/utils/strings.ts
+function t(e) {
+	let t = new Map([
+		[1024 ** 4, "TB"],
+		[1024 ** 3, "GB"],
+		[1024 ** 2, "MB"],
+		[1024 ** 1, "KB"],
+		[1, "B"]
+	]);
+	for (let [n, r] of t.entries()) if (e >= n) return `${(e / n).toFixed(2)} ${r}`;
+	return "0";
+}
+var n = "", r = /* @__PURE__ */ e({
+	DOCS_LOG_URL: () => i,
+	getDuplicatePackageGlobalVersionWarning: () => d,
+	getDuplicatePackageVersionWarning: () => u,
+	getEsmHostedWarning: () => f,
+	getExcessiveInstanceLimitWarning: () => a,
+	getIdMatchNotFoundWarning: () => c,
+	getInvalidParentWarning: () => s,
+	getInvalidSlottedChildrenWarning: () => o,
+	getSSRMismatchWarning: () => l
+}), i = `${n}docs/api-design/logs/`;
+function a(e, t) {
+	return `Excessive rendering of ${e} ${t} were detected in DOM. Recycle/reuse elements when possible to improve application performance. ${i}#excessive-instance-limit`;
+}
+function o(e, t) {
+	return `Invalid slotted elements detected in ${e}. Allowed: ${t.join(", ")}. ${i}#invalid-slotted-children`;
+}
+function s(e, t) {
+	return `Element ${e} can only be used as a direct child of ${t}. ${i}#invalid-parent`;
+}
+function c(e) {
+	return `Provided id "${e}" not found in DOM. ${i}#id-match-not-found`;
+}
+function l(e) {
+	return `${e} rendered on the client with mismatched SSR content. ${i}#ssr-mismatch`;
+}
+function u(e, t) {
+	return `@nve: Element ${e} version ${t} already defined, please check for duplicate package versions. ${i}#duplicate-package-version`;
+}
+function d() {
+	return `@nve: Multiple versions of Elements loaded, please check for duplicate package versions. ${i}#duplicate-package-version`;
+}
+function f() {
+	return "@nve: Using esm.sh is not supported for production use.";
+}
+//#endregion
+export { l as a, c as i, d as n, t as o, f as r, r as t };