@nvidia-elements/core 0.0.7 → 0.0.8

package/CHANGELOG.md

@@ -1,20 +1,22 @@
-## <small>0.0.7 (2026-04-23)</small>
+## <small>0.0.8 (2026-04-24)</small>
 
-* chore(ci): add spdx license headers ([4a4feb6](https://github.com/NVIDIA/elements/commit/4a4feb6))
-* chore(ci): regenerate lockfile after migration ([7e02645](https://github.com/NVIDIA/elements/commit/7e02645))
-* chore(release): @nvidia-elements/forms-v0.0.7 [skip ci] ([628ea32](https://github.com/NVIDIA/elements/commit/628ea32))
-* chore(release): @nvidia-elements/styles-v0.0.7 [skip ci] ([41a7c1c](https://github.com/NVIDIA/elements/commit/41a7c1c))
-* chore(release): @nvidia-elements/themes-v0.0.8 [skip ci] ([d22055b](https://github.com/NVIDIA/elements/commit/d22055b))
-* fix(cli): reset versions ([870a494](https://github.com/NVIDIA/elements/commit/870a494))
-* fix(code): reset versions ([bf70623](https://github.com/NVIDIA/elements/commit/bf70623))
-* fix(core): reset versions ([0359c2b](https://github.com/NVIDIA/elements/commit/0359c2b))
-* fix(create): reset versions ([2f7f85b](https://github.com/NVIDIA/elements/commit/2f7f85b))
-* fix(forms): reset versions ([0df9d83](https://github.com/NVIDIA/elements/commit/0df9d83))
-* fix(lint): reset versions ([197ac67](https://github.com/NVIDIA/elements/commit/197ac67))
-* fix(markdown): reset versions ([1d37244](https://github.com/NVIDIA/elements/commit/1d37244))
-* fix(monaco): reset versions ([5e2539c](https://github.com/NVIDIA/elements/commit/5e2539c))
-* fix(styles): reset versions ([6ba793f](https://github.com/NVIDIA/elements/commit/6ba793f))
-* fix(themes): reset versions ([343a25a](https://github.com/NVIDIA/elements/commit/343a25a))
+* chore(ci): add code rabbit config ([cf98be6](https://github.com/NVIDIA/elements/commit/cf98be6))
+* chore(ci): add spdx license headers ([58fddc0](https://github.com/NVIDIA/elements/commit/58fddc0))
+* chore(ci): correct formatting post migration ([027beb7](https://github.com/NVIDIA/elements/commit/027beb7))
+* chore(ci): regenerate lockfile after migration ([b574863](https://github.com/NVIDIA/elements/commit/b574863))
+* chore(cli): reset versions ([0857cd8](https://github.com/NVIDIA/elements/commit/0857cd8))
+* chore(code): reset versions ([70ad3e3](https://github.com/NVIDIA/elements/commit/70ad3e3))
+* chore(core): reset versions ([d68ad03](https://github.com/NVIDIA/elements/commit/d68ad03))
+* chore(create): reset versions ([7f6677a](https://github.com/NVIDIA/elements/commit/7f6677a))
+* chore(forms): reset versions ([b09ac77](https://github.com/NVIDIA/elements/commit/b09ac77))
+* chore(lint): reset versions ([06ada18](https://github.com/NVIDIA/elements/commit/06ada18))
+* chore(markdown): reset versions ([536b760](https://github.com/NVIDIA/elements/commit/536b760))
+* chore(monaco): reset versions ([f2ec095](https://github.com/NVIDIA/elements/commit/f2ec095))
+* chore(release): @nvidia-elements/themes-v0.0.9 [skip ci] ([535727f](https://github.com/NVIDIA/elements/commit/535727f))
+* chore(styles): reset versions ([37a6158](https://github.com/NVIDIA/elements/commit/37a6158))
+* chore(themes): reset versions ([e5e4363](https://github.com/NVIDIA/elements/commit/e5e4363))
+* fix(core): remove legacy mlv prefixing ([755902b](https://github.com/NVIDIA/elements/commit/755902b))
+* fix(themes): remove legacy mlv prefixing ([ac337d1](https://github.com/NVIDIA/elements/commit/ac337d1))
 
 ## 0.0.0
 

package/README.md

@@ -5,7 +5,7 @@ The design language for AI/ML factories. Provides a set of accessible, theme-rea
 - [Documentation](https://NVIDIA.github.io/elements/)
 - [Changelog](https://NVIDIA.github.io/elements/docs/changelog/)
 - [Repo](https://github.com/NVIDIA/elements)
-- [NPM](https://registry.npmjs.org
+- [npm](https://www.npmjs.com/package/@nvidia-elements/core)
 
 ## Getting Started
 

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-group.js","names":[],"sources":["../../src/accordion/accordion-group.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --padding: var(--nve-ref-size-400) var(--nve-ref-size-500) var(--nve-ref-size-500);\n  width: 100%; /* fallback safari */\n  width: stretch;\n}\n\n[internal-host] {\n  display: flex;\n  flex-direction: column;\n}\n\n:host([container='flat']) [internal-host] {\n  gap: var(--nve-ref-space-xxxs);\n}\n\n:host([container='inset']) [internal-host] {\n  gap: var(--nve-ref-space-md);\n}\n\n:host(:not([container])) ::slotted(nve-accordion:not(:last-child)) {\n  border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n:host([container='full']) ::slotted(nve-accordion:not(:last-child)),\n:host([container='full']) ::slotted(nve-accordion:not(:last-child)) {\n  border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n"],"mappings":""}
+{"version":3,"file":"accordion-group.js","names":[],"sources":["../../src/accordion/accordion-group.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --padding: var(--nve-ref-size-400) var(--nve-ref-size-500) var(--nve-ref-size-500);\n  width: 100%; /* fallback safari */\n  width: stretch;\n}\n\n[internal-host] {\n  display: flex;\n  flex-direction: column;\n}\n\n:host([container='flat']) [internal-host] {\n  gap: var(--nve-ref-space-xxxs);\n}\n\n:host([container='inset']) [internal-host] {\n  gap: var(--nve-ref-space-md);\n}\n\n:host(:not([container])) ::slotted(nve-accordion:not(:last-child)) {\n  border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n:host([container='full']) ::slotted(nve-accordion:not(:last-child)) {\n  border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n"],"mappings":""}

package/dist/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../src/accordion/accordion.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --border-radius: 0;\n  --header-padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --cursor: pointer;\n  --transition: height var(--nve-ref-animation-duration-200) ease-in-out;\n  width: 100%; /* fallback safari */\n  width: stretch;\n  contain: none;\n}\n\n[internal-host] {\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--color);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: start;\n  height: 100%;\n}\n\n#header {\n  cursor: var(--cursor);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--header-padding);\n}\n\n[internal-host].has-action #header {\n  flex-direction: row-reverse;\n  justify-content: start;\n  gap: var(--nve-ref-space-xxs);\n}\n\n#content {\n  display: block;\n  height: 0;\n  transition: var(--transition);\n}\n\n:host(:state(expanded)) #content {\n  /* fallback for browsers that do not support intrinsic sizing keywords with calc-size() */\n  height: auto;\n\n  /* https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_to_and_from_intrinsic_sizing_keywords_with_calc-size */\n  height: calc-size(max-content, size);\n}\n\n:host([container='inset']) {\n  --border-radius: var(--nve-ref-border-radius-md);\n}\n\n:host([container='flat']) {\n  --background: inherit;\n}\n\n:host([disabled]) {\n  --cursor: not-allowed;\n}\n\n:host([disabled]) ::slotted(nve-accordion-header),\n:host([disabled]) ::slotted(nve-accordion-header) {\n  --cursor: not-allowed;\n}\n\n:host(:not([disabled])) #header:hover nve-icon-button {\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\nnve-icon-button::part(icon) {\n  transition: transform var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../src/accordion/accordion.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --border-radius: 0;\n  --header-padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --cursor: pointer;\n  --transition: height var(--nve-ref-animation-duration-200) ease-in-out;\n  width: 100%; /* fallback safari */\n  width: stretch;\n  contain: none;\n}\n\n[internal-host] {\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--color);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: start;\n  height: 100%;\n}\n\n#header {\n  cursor: var(--cursor);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--header-padding);\n}\n\n[internal-host].has-action #header {\n  flex-direction: row-reverse;\n  justify-content: start;\n  gap: var(--nve-ref-space-xxs);\n}\n\n#content {\n  display: block;\n  height: 0;\n  transition: var(--transition);\n}\n\n:host(:state(expanded)) #content {\n  /* fallback for browsers that do not support intrinsic sizing keywords with calc-size() */\n  height: auto;\n\n  /* https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_to_and_from_intrinsic_sizing_keywords_with_calc-size */\n  height: calc-size(max-content, size);\n}\n\n:host([container='inset']) {\n  --border-radius: var(--nve-ref-border-radius-md);\n}\n\n:host([container='flat']) {\n  --background: inherit;\n}\n\n:host([disabled]) {\n  --cursor: not-allowed;\n}\n\n:host([disabled]) ::slotted(nve-accordion-header) {\n  --cursor: not-allowed;\n}\n\n:host(:not([disabled])) #header:hover nve-icon-button {\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\nnve-icon-button::part(icon) {\n  transition: transform var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n"],"mappings":""}

package/dist/accordion/accordion2.js

@@ -28,7 +28,7 @@ var b = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "0.0.7"
+			version: "0.0.8"
 		};
 	}
 	render() {
@@ -46,7 +46,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "0.0.7"
+			version: "0.0.8"
 		};
 	}
 	render() {
@@ -62,7 +62,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "0.0.7",
+			version: "0.0.8",
 			children: [
 				b.metadata.tag,
 				x.metadata.tag,
@@ -121,7 +121,7 @@ var C = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-group",
-			version: "0.0.7",
+			version: "0.0.8",
 			children: [S.metadata.tag]
 		};
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"alert-group.js","names":[],"sources":["../../src/alert/alert-group.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --gap: var(--nve-ref-space-xs);\n  --font-size: var(--nve-ref-font-size-200);\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-300);\n  --border: 0;\n  --border-radius: var(--nve-ref-border-radius-md);\n  --icon-size: var(--nve-ref-size-600);\n  --icon-color: var(--color);\n  --color: var(--nve-sys-text-emphasis-color);\n  --background: var(--state-color-background);\n  width: 100%;\n}\n\n[internal-host] {\n  background: var(--background);\n  font-size: var(--font-size);\n  gap: var(--gap);\n  color: var(--color);\n  padding: var(--padding);\n  border: var(--border);\n  border-radius: var(--border-radius);\n  display: flex;\n  flex-direction: column;\n  --_alert-color: var(--color);\n  --_icon-color: var(--icon-color);\n}\n\n::slotted(nve-alert),\n::slotted(nve-alert) {\n  --color: var(--_alert-color);\n  --icon-color: var(--_icon-color);\n  --icon-size: var(--nve-ref-size-400);\n  --min-height: var(--nve-ref-size-800);\n  width: 100%;\n  height: 100%;\n}\n\n:host([container='full']) {\n  --border-radius: 0;\n}\n\n:host([prominence='emphasis']:not([color])) {\n  --background: var(--nve-sys-support-color);\n  --color: var(--nve-sys-text-white-color);\n  --icon-color: var(--color);\n}\n\n:host([prominence='emphasis'][status='accent']:not([color])) {\n  --background: var(--nve-sys-support-accent-color);\n}\n\n:host([prominence='emphasis'][status='success']:not([color])) {\n  --background: var(--nve-sys-support-success-color);\n}\n\n:host([prominence='emphasis'][status='warning']:not([color])) {\n  --background: var(--nve-sys-support-warning-color);\n  --color: var(--nve-sys-text-black-color);\n}\n\n:host([prominence='emphasis'][status='danger']:not([color])) {\n  --background: var(--nve-sys-support-danger-color);\n}\n\n:host([prominence='emphasis']) ::slotted(nve-alert),\n:host([prominence='emphasis']) ::slotted(nve-alert) {\n  --font-weight: var(--nve-ref-font-weight-regular);\n}\n\n:host(:not([prominence='emphasis'])) ::slotted(nve-alert) {\n  --icon-color: var(--status-color) !important;\n}\n\n:host([status]) {\n  --state-color-base: var(--status-color);\n}\n\n:host([color]) ::slotted(nve-alert) {\n  --status-color: var(--state-color-base) !important;\n}\n"],"mappings":""}
+{"version":3,"file":"alert-group.js","names":[],"sources":["../../src/alert/alert-group.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --gap: var(--nve-ref-space-xs);\n  --font-size: var(--nve-ref-font-size-200);\n  --padding: var(--nve-ref-size-200) var(--nve-ref-size-300);\n  --border: 0;\n  --border-radius: var(--nve-ref-border-radius-md);\n  --icon-size: var(--nve-ref-size-600);\n  --icon-color: var(--color);\n  --color: var(--nve-sys-text-emphasis-color);\n  --background: var(--state-color-background);\n  width: 100%;\n}\n\n[internal-host] {\n  background: var(--background);\n  font-size: var(--font-size);\n  gap: var(--gap);\n  color: var(--color);\n  padding: var(--padding);\n  border: var(--border);\n  border-radius: var(--border-radius);\n  display: flex;\n  flex-direction: column;\n  --_alert-color: var(--color);\n  --_icon-color: var(--icon-color);\n}\n\n::slotted(nve-alert) {\n  --color: var(--_alert-color);\n  --icon-color: var(--_icon-color);\n  --icon-size: var(--nve-ref-size-400);\n  --min-height: var(--nve-ref-size-800);\n  width: 100%;\n  height: 100%;\n}\n\n:host([container='full']) {\n  --border-radius: 0;\n}\n\n:host([prominence='emphasis']:not([color])) {\n  --background: var(--nve-sys-support-color);\n  --color: var(--nve-sys-text-white-color);\n  --icon-color: var(--color);\n}\n\n:host([prominence='emphasis'][status='accent']:not([color])) {\n  --background: var(--nve-sys-support-accent-color);\n}\n\n:host([prominence='emphasis'][status='success']:not([color])) {\n  --background: var(--nve-sys-support-success-color);\n}\n\n:host([prominence='emphasis'][status='warning']:not([color])) {\n  --background: var(--nve-sys-support-warning-color);\n  --color: var(--nve-sys-text-black-color);\n}\n\n:host([prominence='emphasis'][status='danger']:not([color])) {\n  --background: var(--nve-sys-support-danger-color);\n}\n\n:host([prominence='emphasis']) ::slotted(nve-alert) {\n  --font-weight: var(--nve-ref-font-weight-regular);\n}\n\n:host(:not([prominence='emphasis'])) ::slotted(nve-alert) {\n  --icon-color: var(--status-color) !important;\n}\n\n:host([status]) {\n  --state-color-base: var(--status-color);\n}\n\n:host([color]) ::slotted(nve-alert) {\n  --status-color: var(--state-color-base) !important;\n}\n"],"mappings":""}

package/dist/alert/alert-group2.js

@@ -19,7 +19,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-alert-group",
-			version: "0.0.7",
+			version: "0.0.8",
 			children: [o.metadata.tag]
 		};
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"alert-group2.js","names":["#updateStatus"],"sources":["../../src/alert/alert-group.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 } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color, Container, Prominence, SupportStatus } from '@nvidia-elements/core/internal';\nimport { attachInternals, useStyles, supportStateStyles, audit, colorStateStyles } from '@nvidia-elements/core/internal';\nimport { Alert } from './alert.js';\nimport styles from './alert-group.css?inline';\n\n/**\n * @element nve-alert-group\n * @description An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --background\n * @slot - default slot for nve-alert\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@audit()\nexport class AlertGroup extends LitElement {\n  static styles = useStyles([styles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert-group',\n    version: '0.0.0',\n    children: [Alert.metadata.tag]\n  };\n\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status?: SupportStatus;\n\n  /** Determines the visual prominence or weight, emphasis applies banner style alerts */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  /** Allows colors not defined by semantic status definitions for non-status instances, such as callouts for tutorials or tips on a documentation site. */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /** Determines the container bounds of the element */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'full'>;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements() private alerts!: Alert[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateStatus()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateStatus();\n  }\n\n  #updateStatus() {\n    this.alerts.forEach(alert => (alert.status = this.status));\n  }\n}\n"],"mappings":";;;;;;;;;;AA4BO,IAAA,IAAA,cAAyB,EAAW;;gBACzB,EAAU;GAAC;GAAQ;GAAoB;GAAiB,CAAC;;;kBAE9C;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,EAAM,SAAS,IAAA;GAC3B;;CAmBD,SAAS;AACP,SAAO,CAAI,+CAEmB,MAAA,GAAoB,CAAC;;CAKrD,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAoB;;CAGtB,KAAgB;AACd,OAAK,OAAO,SAAQ,MAAU,EAAM,SAAS,KAAK,OAAQ;;;GApC3D,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,GAAuB,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,SAzBzB,GAAO,CAAA,EAAA,EAAA"}
+{"version":3,"file":"alert-group2.js","names":["#updateStatus"],"sources":["../../src/alert/alert-group.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 } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color, Container, Prominence, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  useStyles,\n  supportStateStyles,\n  audit,\n  colorStateStyles\n} from '@nvidia-elements/core/internal';\nimport { Alert } from './alert.js';\nimport styles from './alert-group.css?inline';\n\n/**\n * @element nve-alert-group\n * @description An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --background\n * @slot - default slot for nve-alert\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@audit()\nexport class AlertGroup extends LitElement {\n  static styles = useStyles([styles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert-group',\n    version: '0.0.0',\n    children: [Alert.metadata.tag]\n  };\n\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status?: SupportStatus;\n\n  /** Determines the visual prominence or weight, emphasis applies banner style alerts */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  /** Allows colors not defined by semantic status definitions for non-status instances, such as callouts for tutorials or tips on a documentation site. */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /** Determines the container bounds of the element */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'full'>;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements() private alerts!: Alert[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateStatus()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateStatus();\n  }\n\n  #updateStatus() {\n    this.alerts.forEach(alert => (alert.status = this.status));\n  }\n}\n"],"mappings":";;;;;;;;;;AAkCO,IAAA,IAAA,cAAyB,EAAW;;gBACzB,EAAU;GAAC;GAAQ;GAAoB;GAAiB,CAAC;;;kBAE9C;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,EAAM,SAAS,IAAA;GAC3B;;CAmBD,SAAS;AACP,SAAO,CAAI,+CAEmB,MAAA,GAAoB,CAAC;;CAKrD,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAoB;;CAGtB,KAAgB;AACd,OAAK,OAAO,SAAQ,MAAU,EAAM,SAAS,KAAK,OAAQ;;;GApC3D,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,GAAuB,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,SAzBzB,GAAO,CAAA,EAAA,EAAA"}

package/dist/alert/alert.global.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.global.js","names":[],"sources":["../../src/alert/alert.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-alert:has([slot='content'])::part(_content),\nnve-alert:has([slot='content'])::part(_content) {\n  display: block;\n}\n\nnve-alert-group:not(:has(nve-alert)),\nnve-alert-group:not(:has(nve-alert:not([hidden]))) {\n  display: none;\n}\n"],"mappings":""}
+{"version":3,"file":"alert.global.js","names":[],"sources":["../../src/alert/alert.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-alert:has([slot='content'])::part(_content) {\n  display: block;\n}\n\nnve-alert-group:not(:has(nve-alert)),\nnve-alert-group:not(:has(nve-alert:not([hidden]))) {\n  display: none;\n}\n"],"mappings":""}

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::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::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[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":""}

package/dist/alert/alert2.js

@@ -28,7 +28,7 @@ var v = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "0.0.7"
+			version: "0.0.8"
 		};
 	}
 	static {

package/dist/avatar/avatar-group2.js

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

package/dist/avatar/avatar2.js

@@ -11,7 +11,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "0.0.7"
+			version: "0.0.8"
 		};
 	}
 	render() {

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: 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":""}
+{"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  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":""}

package/dist/badge/badge2.js

@@ -25,7 +25,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "0.0.7"
+			version: "0.0.8"
 		};
 	}
 	static {
@@ -52,7 +52,7 @@ var g = class extends f {
 		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);
+		let e = this.shadowRoot.querySelector("slot:not([name])").assignedElements().find((e) => e.matches("nve-icon") && !e.slot);
 		e && (e.slot = "prefix-icon");
 	}
 };

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, 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"}
+{"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;;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,WAAW,IAAI,CAAC,EAAE,KAAK;AAC9C,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/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  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":""}
+{"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  --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":""}

package/dist/breadcrumb/breadcrumb2.js

@@ -24,7 +24,7 @@ var m = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-breadcrumb",
-			version: "0.0.7"
+			version: "0.0.8"
 		};
 	}
 	static {
@@ -43,7 +43,7 @@ var m = class extends u {
 		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;
+			e.filter((e) => e.matches("nve-button, nve-icon-button, span, a")).forEach((e) => e.slot = t()), e.filter((e) => e.matches("nve-button, nve-icon-button")).forEach((e) => e.container = "inline"), this.breadcrumbItems = e.length ? e : this.breadcrumbItems;
 		}
 	}
 	#n() {

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\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"}
+{"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,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;AAKrG,GAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,uCAAuC,CAAC,CAAC,SAAQ,MAAM,EAAE,OAAO,GAAY,CAAE,EAC1G,EACG,QAAO,MAAK,EAAE,QAAQ,8BAA8B,CAAC,CACrD,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;;;GA7C/B,GAAO,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA;CA1BT,GAAS;CACT,GAAgB;CAChB,GAAA"}