@nvidia-elements/core 2.23.4 → 2.23.6

package/dist/avatar/avatar2.js

@@ -1,27 +1,28 @@
-import { colorStateStyles as e, useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import r from "./avatar.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
+import { colorStateStyles as e } from "../internal/styles/index.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./avatar.js";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 // src/avatar/avatar.ts
-var s = class extends i {
+var s = class extends r {
 	static {
-		this.styles = t([r, e]);
+		this.styles = o([n, e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	render() {
-		return a`<div internal-host><slot></slot></div>`;
+		return i`<div internal-host><slot></slot></div>`;
 	}
 };
-n([o({
+t([a({
 	type: String,
 	reflect: !0
-})], s.prototype, "size", void 0), n([o({
+})], s.prototype, "size", void 0), t([a({
 	type: String,
 	reflect: !0
 })], s.prototype, "color", void 0);

package/dist/avatar/avatar2.js.map

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

package/dist/badge/badge2.js

@@ -1,40 +1,41 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
-import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
-import { colorStateStyles as r, statusStateStyles as i, supportStateStyles as a, useStyles as o } from "../internal/styles/index.js";
-import { statusIcons as s } from "../internal/types/index.js";
-import c from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as l } from "../icon/icon2.js";
-import u from "./badge.js";
-import { LitElement as d, html as f, nothing as p } from "lit";
-import { property as m } from "lit/decorators/property.js";
+import { typeSSR as e } from "../internal/controllers/type-ssr.controller.js";
+import { colorStateStyles as t, statusStateStyles as n, supportStateStyles as r } from "../internal/styles/index.js";
+import { statusIcons as i } from "../internal/types/index.js";
+import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as o } from "../icon/icon2.js";
+import s from "./badge.js";
+import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as l, html as u, nothing as d } from "lit";
+import { property as f } from "lit/decorators/property.js";
+import { scopedRegistry as p } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as m } from "@nvidia-elements/foundations/internal/styles";
 // src/badge/badge.ts
-var h = class extends d {
+var h = class extends l {
 	static {
-		this.styles = o([
-			u,
-			i,
-			a,
-			r
+		this.styles = m([
+			s,
+			n,
+			r,
+			t
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	static {
-		this.elementDefinitions = { [l.metadata.tag]: l };
+		this.elementDefinitions = { [o.metadata.tag]: o };
 	}
 	get #e() {
-		return this.status && s[this.status] === "dot" ? "sm" : "md";
+		return this.status && i[this.status] === "dot" ? "sm" : "md";
 	}
 	render() {
-		return f`<div internal-host><slot name="prefix-icon">${this.status ? f`<nve-icon part="_icon" .name="${s[this.status] ?? ""}" .size="${this.#e}" aria-hidden="true"></nve-icon>` : p}</slot><slot @slotchange="${this.#t}"></slot><slot name="suffix-icon"></slot></div>`;
+		return u`<div internal-host><slot name="prefix-icon">${this.status ? u`<nve-icon part="_icon" .name="${i[this.status] ?? ""}" .size="${this.#e}" aria-hidden="true"></nve-icon>` : d}</slot><slot @slotchange="${this.#t}"></slot><slot name="suffix-icon"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "status";
+		super.connectedCallback(), c(this), this._internals.role = "status";
 	}
 	updated(e) {
 		super.updated(e), this.#n();
@@ -50,19 +51,19 @@ var h = class extends d {
 		e && (e.slot = "prefix-icon");
 	}
 };
-c([m({
+a([f({
 	type: String,
 	reflect: !0
-})], h.prototype, "status", void 0), c([m({
+})], h.prototype, "status", void 0), a([f({
 	type: String,
 	reflect: !0
-})], h.prototype, "color", void 0), c([m({
+})], h.prototype, "color", void 0), a([f({
 	type: String,
 	reflect: !0
-})], h.prototype, "container", void 0), c([m({
+})], h.prototype, "container", void 0), a([f({
 	type: String,
 	reflect: !0
-})], h.prototype, "prominence", void 0), h = c([t(), n()], h);
+})], h.prototype, "prominence", void 0), h = a([e(), p()], h);
 export { h as Badge };
 
 //# sourceMappingURL=badge2.js.map

package/dist/badge/badge2.js.map

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

package/dist/breadcrumb/breadcrumb2.js

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

package/dist/breadcrumb/breadcrumb2.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb2.js","names":["styles","_decorate","__decorate","breadcrumb_default","Breadcrumb","LitElement","_args","slot","isFocusable","e","useStyles","Icon","el","#removeItem","idx","nothing","#createItems","attachInternals","#resetItems","items","i","generateId","state","typeSSR","scopedRegistry","keyNavigationList"],"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 * @documentation https://nvidia.github.io/elements/docs/elements/breadcrumb/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n  /** @private */\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":";;;;;;;;;;;;;AA0CO,IAAMI,IAAN,cAAyBC,EAAW;;EAwBK,A,aAAA,KAAA,kBAAA,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CACzD,SAAQ,MAAQE,EAAK,iBAAiB,CAAC,CAAC,CACxC,QAAO,MAAKC,EAAYC,CAAC,CAAC,EAC/B;CACF;;EAKgB,KAAA,SAAAC,EAAU,CAACV,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBW,EAAK,SAAS,MAAMA,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEFC,EAAG,KAAK,iBAAe,KAAKC,GAAY,WACnDC,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8GC,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAKC,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,CAAC,CAAC,UACpD,KAAKC,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,CAAC,CAAC,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAMC,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CAAE,iBAAiB;GAKpG,AAJAA,EAAM,QAAO,MAAKC,EAAE,QAAQ,sCAAsC,CAAC,CAAC,CAAC,SAAQ,MAAM,EAAE,OAAOC,EAAW,CAAE,GACzGF,EACG,QAAO,MAAKC,EAAE,QAAQ,6BAA6B,CAAC,CAAC,CACrD,SAAS,MAAgB,EAAc,YAAY,QAAS,GAC/D,KAAK,kBAAkBD,EAAM,SAASA,IAAQ,KAAK;EACrD;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CAClD,SAAQ,MAAKC,EAAE,iBAAiB,CAAC,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;AA/CGnB,EAAA,CAAAqB,EAAM,CAAA,GAAAlB,EAAA,WAAA,mBAAA,KAAA,CAAA,G;CA3BRmB,EAAQ;CACRC,EAAe;CACfC,EAA8B"}
+{"version":3,"file":"breadcrumb2.js","names":["styles","_decorate","__decorate","breadcrumb_default","Breadcrumb","LitElement","_args","slot","isFocusable","e","useStyles","Icon","el","#removeItem","idx","nothing","#createItems","attachInternals","#resetItems","items","i","generateId","state","typeSSR","scopedRegistry","keyNavigationList"],"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 { keyNavigationList, generateId, isFocusable, typeSSR } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\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 * @documentation https://nvidia.github.io/elements/docs/elements/breadcrumb/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n  /** @private */\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":";;;;;;;;;;;;;AAqCO,IAAMI,IAAN,cAAyBC,EAAW;;EAwBK,A,aAAA,KAAA,kBAAA,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CACzD,SAAQ,MAAQE,EAAK,iBAAiB,CAAC,CAAC,CACxC,QAAO,MAAKC,EAAYC,CAAC,CAAC,EAC/B;CACF;;EAKgB,KAAA,SAAAC,EAAU,CAACV,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBW,EAAK,SAAS,MAAMA,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEFC,EAAG,KAAK,iBAAe,KAAKC,GAAY,WACnDC,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8GC,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAKC,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,CAAC,CAAC,UACpD,KAAKC,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,CAAC,CAAC,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAMC,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CAAE,iBAAiB;GAKpG,AAJAA,EAAM,QAAO,MAAKC,EAAE,QAAQ,sCAAsC,CAAC,CAAC,CAAC,SAAQ,MAAM,EAAE,OAAOC,EAAW,CAAE,GACzGF,EACG,QAAO,MAAKC,EAAE,QAAQ,6BAA6B,CAAC,CAAC,CACrD,SAAS,MAAgB,EAAc,YAAY,QAAS,GAC/D,KAAK,kBAAkBD,EAAM,SAASA,IAAQ,KAAK;EACrD;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CAClD,SAAQ,MAAKC,EAAE,iBAAiB,CAAC,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;AA/CGnB,EAAA,CAAAqB,EAAM,CAAA,GAAAlB,EAAA,WAAA,mBAAA,KAAA,CAAA,G;CA3BRmB,EAAQ;CACRC,EAAe;CACfC,EAA8B"}