@nvidia-elements/core 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## <small>0.2.3 (2026-06-03)</small>
+
+* chore(ci): update lighthouse ([f1fb184](https://github.com/NVIDIA/elements/commit/f1fb184))
+* chore(docs): update agent documentation and component creation guidelines ([69e3ed5](https://github.com/NVIDIA/elements/commit/69e3ed5))
+* chore(release): @nvidia-elements/forms-v0.1.0 [skip ci] ([37b0575](https://github.com/NVIDIA/elements/commit/37b0575))
+* fix(core): refactor to use form control mixins ([5e1721d](https://github.com/NVIDIA/elements/commit/5e1721d))
+* fix(monaco): refactor to use form control mixin entrypoint ([05c73b9](https://github.com/NVIDIA/elements/commit/05c73b9))
+* feat(forms): add form control mixins ([fc88b3a](https://github.com/NVIDIA/elements/commit/fc88b3a))
+
 ## <small>0.2.2 (2026-06-03)</small>
 
 * fix(core): chrome scoped registry and popover behavior ([e8bb66c](https://github.com/NVIDIA/elements/commit/e8bb66c))

package/dist/accordion/accordion2.js

@@ -1,14 +1,14 @@
-import { isFocusable as e } from "../internal/utils/focus.js";
-import { generateId as t } from "../internal/utils/dom.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { stateExpanded as r } from "../internal/controllers/state-expanded.controller.js";
-import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as a } from "../internal/controllers/audit.controller.js";
-import { I18nController as o } from "../internal/controllers/i18n.controller.js";
-import { TypeExpandableController as s } from "../internal/controllers/type-expandable.controller.js";
-import { hostAttr as c } from "../internal/decorators/host-attr.js";
-import { scopedRegistry as l } from "../internal/decorators/scoped-registry.js";
-import { useStyles as u } from "../internal/styles/index.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { I18nController as t } from "../internal/controllers/i18n.controller.js";
+import { isFocusable as n } from "../internal/utils/focus.js";
+import { generateId as r } from "../internal/utils/dom.js";
+import { attachInternals as i } from "../internal/utils/a11y.js";
+import { stateExpanded as a } from "../internal/controllers/state-expanded.controller.js";
+import { TypeExpandableController as o } from "../internal/controllers/type-expandable.controller.js";
+import { hostAttr as s } from "../internal/decorators/host-attr.js";
+import { scopedRegistry as c } from "../internal/decorators/scoped-registry.js";
+import { useStyles as l } from "../internal/styles/index.js";
+import { __decorate as u } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { IconButton as d } from "../icon-button/icon-button2.js";
 import f from "./accordion.js";
 import p from "./accordion-header.js";
@@ -23,30 +23,30 @@ var b = class extends g {
 		super(...e), this.slot = "header";
 	}
 	static {
-		this.styles = u([p]);
+		this.styles = l([p]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	render() {
 		return _`<div internal-host><slot name="prefix"></slot><div id="titles"><slot name="title"></slot><slot name="subtitle"></slot></div><slot></slot><div id="actions"><slot name="actions"></slot></div><slot name="suffix"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "heading", this._internals.ariaLevel = "2";
+		super.connectedCallback(), i(this), this._internals.role = "heading", this._internals.ariaLevel = "2";
 	}
 };
-i([c()], b.prototype, "slot", void 0);
+u([s()], b.prototype, "slot", void 0);
 var x = class extends g {
 	static {
-		this.styles = u([m]);
+		this.styles = l([m]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	render() {
@@ -54,15 +54,15 @@ var x = class extends g {
 	}
 }, S = class extends g {
 	constructor(...e) {
-		super(...e), this.#e = new o(this), this.#t = new s(this), this.i18n = this.#e.i18n, this.expanded = !1, this.disabled = !1, this.behaviorExpand = !1;
+		super(...e), this.#e = new t(this), this.#t = new o(this), this.i18n = this.#e.i18n, this.expanded = !1, this.disabled = !1, this.behaviorExpand = !1;
 	}
 	static {
-		this.styles = u([f]);
+		this.styles = l([f]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "0.2.2",
+			version: "0.2.3",
 			children: [
 				b.metadata.tag,
 				x.metadata.tag,
@@ -81,35 +81,35 @@ var x = class extends g {
 	get #r() {
 		return this.shadowRoot?.querySelector("slot[name=header]")?.assignedElements()[0];
 	}
-	#i(t) {
-		!this.disabled && (!e(t) || t.id === "internal-trigger") && this.#t.toggle();
+	#i(e) {
+		!this.disabled && (!n(e) || e.id === "internal-trigger") && this.#t.toggle();
 	}
 	render() {
 		return _`<div internal-host class="${this.#n ? "has-action" : ""}"><div id="header" @click="${(e) => this.#i(e.target)}" .ariaLabel="${this.expanded ? this.i18n.close : this.i18n.expand}" .ariaControls="${"content"}"><slot name="header"></slot><slot name="icon-button"><nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" id="internal-trigger" container="inline" icon-name="caret" direction="${this.expanded ? this.#n ? "down" : "up" : this.#n ? "right" : "down"}" ?disabled="${this.disabled}" ?pressed="${this.expanded}" .expanded="${this.expanded}" .ariaLabel="${this.expanded ? this.i18n.close : this.i18n.expand}"></nve-icon-button></slot></div><div id="content" .ariaHidden="${!this.expanded}"><slot></slot></div></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "region";
+		super.connectedCallback(), i(this), this._internals.role = "region";
 	}
 	async firstUpdated(e) {
-		super.firstUpdated(e), this.#r && (this.#r.id ||= t(), this.setAttribute("aria-labelledby", this.#r.id));
+		super.firstUpdated(e), this.#r && (this.#r.id ||= r(), this.setAttribute("aria-labelledby", this.#r.id));
 	}
 };
-i([v({ type: Object })], S.prototype, "i18n", void 0), i([v({
+u([v({ type: Object })], S.prototype, "i18n", void 0), u([v({
 	type: String,
 	reflect: !0
-})], S.prototype, "container", void 0), i([v({
+})], S.prototype, "container", void 0), u([v({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "expanded", void 0), i([v({
+})], S.prototype, "expanded", void 0), u([v({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "disabled", void 0), i([v({
+})], S.prototype, "disabled", void 0), u([v({
 	type: Boolean,
 	attribute: "behavior-expand"
-})], S.prototype, "behaviorExpand", void 0), S = i([
-	a(),
-	l(),
-	r()
+})], S.prototype, "behaviorExpand", void 0), S = u([
+	e(),
+	c(),
+	a()
 ], S);
 var C = class extends g {
 	constructor(...e) {
@@ -118,12 +118,12 @@ var C = class extends g {
 		};
 	}
 	static {
-		this.styles = u([h]);
+		this.styles = l([h]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-accordion-group",
-			version: "0.2.2",
+			version: "0.2.3",
 			children: [S.metadata.tag]
 		};
 	}
@@ -131,7 +131,7 @@ var C = class extends g {
 		return _`<div internal-host><slot @slotchange="${() => this.#t()}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "group", this.addEventListener("open", this.#e);
+		super.connectedCallback(), i(this), this._internals.role = "group", this.addEventListener("open", this.#e);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("open", this.#e);
@@ -144,16 +144,16 @@ var C = class extends g {
 		this.accordions.forEach((e) => e.container = this.container), this.accordions.forEach((e) => e.behaviorExpand = this.behaviorExpand || this.behaviorExpandSingle);
 	}
 };
-i([v({
+u([v({
 	type: Boolean,
 	attribute: "behavior-expand"
-})], C.prototype, "behaviorExpand", void 0), i([v({
+})], C.prototype, "behaviorExpand", void 0), u([v({
 	type: Boolean,
 	attribute: "behavior-expand-single"
-})], C.prototype, "behaviorExpandSingle", void 0), i([v({
+})], C.prototype, "behaviorExpandSingle", void 0), u([v({
 	type: String,
 	reflect: !0
-})], C.prototype, "container", void 0), i([y()], C.prototype, "accordions", void 0), C = i([a()], C);
+})], C.prototype, "container", void 0), u([y()], C.prototype, "accordions", void 0), C = u([e()], C);
 //#endregion
 export { S as Accordion, x as AccordionContent, C as AccordionGroup, b as AccordionHeader };
 

package/dist/alert/alert-group2.js

@@ -1,7 +1,7 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as n } from "../internal/controllers/audit.controller.js";
-import { colorStateStyles as r, supportStateStyles as i, useStyles as a } from "../internal/styles/index.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { attachInternals as t } from "../internal/utils/a11y.js";
+import { colorStateStyles as n, supportStateStyles as r, useStyles as i } from "../internal/styles/index.js";
+import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { Alert as o } from "./alert2.js";
 import s from "./alert-group.js";
 import { LitElement as c, html as l } from "lit";
@@ -10,16 +10,16 @@ import { queryAssignedElements as d } from "lit/decorators/query-assigned-elemen
 //#region src/alert/alert-group.ts
 var f = class extends c {
 	static {
-		this.styles = a([
+		this.styles = i([
 			s,
-			i,
-			r
+			r,
+			n
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-alert-group",
-			version: "0.2.2",
+			version: "0.2.3",
 			children: [o.metadata.tag]
 		};
 	}
@@ -27,7 +27,7 @@ var f = class extends c {
 		return l`<div internal-host><slot @slotchange="${() => this.#e()}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "group";
+		super.connectedCallback(), t(this), this._internals.role = "group";
 	}
 	updated(e) {
 		super.updated(e), this.#e();
@@ -36,19 +36,19 @@ var f = class extends c {
 		this.alerts.forEach((e) => e.status = this.status);
 	}
 };
-t([u({
+a([u({
 	type: String,
 	reflect: !0
-})], f.prototype, "status", void 0), t([u({
+})], f.prototype, "status", void 0), a([u({
 	type: String,
 	reflect: !0
-})], f.prototype, "prominence", void 0), t([u({
+})], f.prototype, "prominence", void 0), a([u({
 	type: String,
 	reflect: !0
-})], f.prototype, "color", void 0), t([u({
+})], f.prototype, "color", void 0), a([u({
 	type: String,
 	reflect: !0
-})], f.prototype, "container", void 0), t([d()], f.prototype, "alerts", void 0), f = t([n()], f);
+})], f.prototype, "container", void 0), a([d()], f.prototype, "alerts", void 0), f = a([e()], f);
 //#endregion
 export { f as AlertGroup };
 

package/dist/alert/alert2.js

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

package/dist/avatar/avatar-group2.js

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

package/dist/avatar/avatar2.js

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

package/dist/badge/badge2.js

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

package/dist/breadcrumb/breadcrumb2.js

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