@nonoun/native-ui 0.1.0 → 0.2.2

package/dist/ui-icon-element.js

@@ -1,6 +1,6 @@
 import { a as e, o as t, r as n, t as r } from "./uid.js";
-import { _ as i, a, c as o, h as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m } from "./dialog-controller.js";
-function h(e, t, n, r) {
+import { _ as i, a, c as o, h as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, v as h } from "./dialog-controller.js";
+function g(e, t, n, r) {
 	let i;
 	return () => {
 		let n = t.value;
@@ -11,7 +11,7 @@ function h(e, t, n, r) {
 		})), i = n;
 	};
 }
-function g(e, n, r) {
+function _(e, n, r) {
 	let i = r.attribute ?? n;
 	if (r.type === "boolean") {
 		let n = t(!1);
@@ -76,7 +76,7 @@ function g(e, n, r) {
 * }
 * ```
 */
-function _(e, t, n) {
+function v(e, t, n) {
 	let r = e[t];
 	return r ? (r.fromAttribute(n), !0) : !1;
 }
@@ -99,7 +99,7 @@ function _(e, t, n) {
 * }
 * ```
 */
-function v(e) {
+function y(e) {
 	return class extends e {
 		static formAssociated = !0;
 		/** Override to handle form-initiated disabled state changes. */
@@ -120,10 +120,10 @@ function v(e) {
 		formAssociatedCallback(e) {}
 	};
 }
-function y(e, t) {
+function b(e, t) {
 	return e.label.toLowerCase().includes(t.toLowerCase());
 }
-var b = class {
+var x = class {
 	data;
 	query;
 	#e;
@@ -138,7 +138,7 @@ var b = class {
 	selectedItem;
 	empty;
 	constructor(n = {}) {
-		this.data = t([]), this.query = t(""), this.#e = t(n.filterFn ?? y), this.#t = t(n.sortFn ?? null), this.#n = t(n.multiple ?? !1), this.activeIndex = t(n.initialActiveIndex ?? -1), this.value = t(null), this.selected = t(/* @__PURE__ */ new Set()), this.filtered = e(() => {
+		this.data = t([]), this.query = t(""), this.#e = t(n.filterFn ?? b), this.#t = t(n.sortFn ?? null), this.#n = t(n.multiple ?? !1), this.activeIndex = t(n.initialActiveIndex ?? -1), this.value = t(null), this.selected = t(/* @__PURE__ */ new Set()), this.filtered = e(() => {
 			let e = this.data.value, t = this.query.value, n = this.#e.value;
 			return t ? e.filter((e) => n(e, t)) : e;
 		}), this.sorted = e(() => {
@@ -222,14 +222,14 @@ var b = class {
 		this.#t.value = e;
 	}
 };
-function x(e) {
-	return new b(e);
+function S(e) {
+	return new x(e);
 }
 /**
 * Validates a JSON string → typed option array.
 * Filters out entries missing `value` or `label` strings.
 */
-function S(e, t) {
+function C(e, t) {
 	try {
 		let t = JSON.parse(e);
 		return Array.isArray(t) ? t.filter((e) => typeof e == "object" && !!e && typeof e.value == "string" && typeof e.label == "string") : [];
@@ -242,7 +242,7 @@ function S(e, t) {
 * Aborts any in-flight request before starting a new one.
 * Returns the new AbortController for the caller to store.
 */
-async function C(e, t, n, r) {
+async function w(e, t, n, r) {
 	t?.abort();
 	let i = new AbortController();
 	try {
@@ -263,14 +263,14 @@ async function C(e, t, n, r) {
 * @attr {string} type - Form button type: "button" | "submit" | "reset"
 * @fires ui-press - Fired on activation (click, Enter, Space)
 */
-var ee = class extends v(d) {
+var ee = class extends y(d) {
 	static observedAttributes = ["disabled", "type"];
 	#e;
 	#t;
 	#n;
 	#r;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "button", this.#t = g(this, "disabled", { type: "boolean" }), this.#n = g(this, "type", {
+		super(), this.#e = this.attachInternals(), this.#e.role = "button", this.#t = _(this, "disabled", { type: "boolean" }), this.#n = _(this, "type", {
 			type: "string",
 			initial: "button"
 		});
@@ -288,13 +288,13 @@ var ee = class extends v(d) {
 		this.#n.set(e);
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (_({
+		t !== n && (v({
 			disabled: this.#t,
 			type: this.#n
 		}, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#r = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(h(this, this.#t.signal, this.#e, { manageTabindex: !0 })), this.addEventListener("ui-press", this.#i);
+		super.setup(), this.#r = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(g(this, this.#t.signal, this.#e, { manageTabindex: !0 })), this.addEventListener("ui-press", this.#i);
 	}
 	teardown() {
 		this.removeEventListener("ui-press", this.#i), this.#r.destroy(), super.teardown();
@@ -312,7 +312,7 @@ var ee = class extends v(d) {
 	onFormReset() {
 		this.#t.signal.value = this.hasAttribute("disabled");
 	}
-}, te = class extends v(d) {
+}, te = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"placeholder",
@@ -396,7 +396,7 @@ var ee = class extends v(d) {
 	setup() {
 		super.setup(), this.hasAttribute("contenteditable") || this.setAttribute("contenteditable", "plaintext-only"), this.#i = [...this.querySelectorAll(":scope > [slot]")];
 		for (let e of this.#i) e.setAttribute("contenteditable", "false");
-		this.#n.value = this.hasAttribute("required"), this.#r.value = this.#a(), this.#s(), this.addEffect(h(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		this.#n.value = this.hasAttribute("required"), this.#r.value = this.#a(), this.#s(), this.addEffect(g(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
 			this.#n.value && this.#r.value === "" ? this.#e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this) : this.#e.setValidity({});
 		}), this.addEventListener("input", this.#c), this.addEventListener("blur", this.#l);
 	}
@@ -443,10 +443,10 @@ var ee = class extends v(d) {
 	#e;
 	#t;
 	#n = t(!1);
-	#r = new b();
+	#r = new x();
 	#i;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "listbox", this.#t = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "listbox", this.#t = _(this, "disabled", { type: "boolean" });
 	}
 	get virtualFocus() {
 		return this.hasAttribute("virtual-focus");
@@ -477,7 +477,7 @@ var ee = class extends v(d) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (_({ disabled: this.#t }, e, n)) {
+			if (v({ disabled: this.#t }, e, n)) {
 				super.attributeChangedCallback?.(e, t, n);
 				return;
 			}
@@ -508,12 +508,12 @@ var ee = class extends v(d) {
 			},
 			addEffect: (e) => this.addEffect(e),
 			deferChildren: (e) => this.deferChildren(e)
-		}), this.addEffect(h(this, this.#t.signal, this.#e)), this.deferChildren(() => {
+		}), this.addEffect(g(this, this.#t.signal, this.#e)), this.deferChildren(() => {
 			this.addEffect(() => {
 				let e = this.#r.value.value, t = this.#r.selected.value, n = this.#n.value, r = this.querySelectorAll(":scope ui-option");
 				for (let i of r) {
-					let r = n ? t.has(i.value) : i.value === e;
-					i.setAttribute("aria-selected", r ? "true" : "false");
+					let r = i.getAttribute("value") ?? "", a = n ? t.has(r) : r === e;
+					i.setAttribute("aria-selected", a ? "true" : "false");
 				}
 			}), this.addEffect(() => {
 				let e = this.#r.activeIndex.value, t = this.querySelectorAll(":scope ui-option:not([disabled])");
@@ -539,7 +539,7 @@ var ee = class extends v(d) {
 	#n;
 	#r = t("");
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "option", this.#n = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "option", this.#n = _(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.#t.value;
@@ -561,7 +561,7 @@ var ee = class extends v(d) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (_({ disabled: this.#n }, e, n)) {
+			if (v({ disabled: this.#n }, e, n)) {
 				super.attributeChangedCallback?.(e, t, n);
 				return;
 			}
@@ -577,7 +577,7 @@ var ee = class extends v(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(h(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
+		super.setup(), this.addEffect(g(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
 	}
 	teardown() {
 		this.removeEventListener("click", this.#i), super.teardown();
@@ -612,7 +612,7 @@ var ee = class extends v(d) {
 }, oe = class extends d {
 	static observedAttributes = ["disabled"];
 	#e;
-	#t = new b({ initialActiveIndex: 0 });
+	#t = new x({ initialActiveIndex: 0 });
 	#n = t(!1);
 	constructor() {
 		super(), this.#e = this.attachInternals();
@@ -630,7 +630,7 @@ var ee = class extends v(d) {
 		t !== n && (e === "disabled" && (this.#n.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.addEffect(h(this, this.#n, this.#e)), this.addEventListener("ui-input", this.#i), this.addEventListener("ui-select", this.#a), this.addEventListener("keydown", this.#o), this.deferChildren(() => {
+		super.setup(), this.addEffect(g(this, this.#n, this.#e)), this.addEventListener("ui-input", this.#i), this.addEventListener("ui-select", this.#a), this.addEventListener("keydown", this.#o), this.deferChildren(() => {
 			this.addEffect(() => {
 				let e = this.#t.query.value.toLowerCase().trim(), t = this.querySelectorAll("ui-command-item");
 				for (let n of t) {
@@ -787,7 +787,7 @@ var ee = class extends v(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(h(this, this.#n, this.#e)), this.addEventListener("click", this.#i);
+		super.setup(), this.addEffect(g(this, this.#n, this.#e)), this.addEventListener("click", this.#i);
 	}
 	teardown() {
 		this.removeEventListener("click", this.#i), super.teardown();
@@ -802,13 +802,13 @@ var ee = class extends v(d) {
 			}
 		}));
 	};
-}, w = class extends d {
+}, T = class extends d {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "group";
 	}
-}, T = class extends d {}, E = class extends v(d) {
+}, E = class extends d {}, D = class extends y(d) {
 	static observedAttributes = [
 		"checked",
 		"indeterminate",
@@ -825,7 +825,7 @@ var ee = class extends v(d) {
 	#a = !1;
 	#o;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "checkbox", this.#t = g(this, "checked", { type: "boolean" }), this.#n = g(this, "indeterminate", { type: "boolean" }), this.#r = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "checkbox", this.#t = _(this, "checked", { type: "boolean" }), this.#n = _(this, "indeterminate", { type: "boolean" }), this.#r = _(this, "disabled", { type: "boolean" });
 	}
 	get checked() {
 		return this.#t.value;
@@ -865,7 +865,7 @@ var ee = class extends v(d) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (_({
+			if (v({
 				checked: this.#t,
 				indeterminate: this.#n,
 				disabled: this.#r
@@ -877,7 +877,7 @@ var ee = class extends v(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.#o = new u(this, { disabled: () => this.disabled }), this.#a = this.hasAttribute("checked"), this.#i.value = this.hasAttribute("required"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(h(this, this.#r.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.#o = new u(this, { disabled: () => this.disabled }), this.#a = this.hasAttribute("checked"), this.#i.value = this.hasAttribute("required"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(g(this, this.#r.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
 			let e = this.#t.value, t = this.#n.value ? "mixed" : e ? "true" : "false";
 			this.setAttribute("aria-checked", t), this.#e.setFormValue(e ? this.value : null);
 		}), this.addEffect(() => {
@@ -906,7 +906,7 @@ var ee = class extends v(d) {
 			}
 		})));
 	};
-}, D = class extends v(d) {
+}, O = class extends y(d) {
 	static observedAttributes = [
 		"checked",
 		"disabled",
@@ -919,7 +919,7 @@ var ee = class extends v(d) {
 	#r = !1;
 	#i;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "switch", this.#t = g(this, "checked", { type: "boolean" }), this.#n = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "switch", this.#t = _(this, "checked", { type: "boolean" }), this.#n = _(this, "disabled", { type: "boolean" });
 	}
 	get checked() {
 		return this.#t.value;
@@ -946,13 +946,13 @@ var ee = class extends v(d) {
 		this.setAttribute("value", e);
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (_({
+		t !== n && (v({
 			checked: this.#t,
 			disabled: this.#n
 		}, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#i = new u(this, { disabled: () => this.disabled }), this.#r = this.hasAttribute("checked"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(h(this, this.#n.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.#i = new u(this, { disabled: () => this.disabled }), this.#r = this.hasAttribute("checked"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(g(this, this.#n.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
 			let e = this.#t.value;
 			this.setAttribute("aria-checked", e ? "true" : "false"), this.#e.setFormValue(e ? this.value : null);
 		}), this.addEventListener("ui-press", this.#a);
@@ -976,13 +976,13 @@ var ee = class extends v(d) {
 			}
 		})));
 	};
-}, O = class extends d {
+}, k = class extends d {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
 	#n;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = _(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.getAttribute("value") ?? "";
@@ -1000,10 +1000,10 @@ var ee = class extends v(d) {
 		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (_({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+		t !== n && (v({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.setAttribute("aria-checked", "false"), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(h(this, this.#t.signal, this.#e)), this.addEventListener("click", this.#r), this.addEventListener("keydown", this.#i);
+		super.setup(), this.setAttribute("aria-checked", "false"), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(g(this, this.#t.signal, this.#e)), this.addEventListener("click", this.#r), this.addEventListener("keydown", this.#i);
 	}
 	teardown() {
 		this.removeEventListener("click", this.#r), this.removeEventListener("keydown", this.#i), this.#n.destroy(), super.teardown();
@@ -1028,7 +1028,7 @@ var ee = class extends v(d) {
 			}
 		})));
 	};
-}, k = class extends v(d) {
+}, A = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -1103,7 +1103,7 @@ var ee = class extends v(d) {
 			deferChildren: (e) => this.deferChildren(e)
 		});
 		let e = this.getAttribute("value");
-		e !== null && (this.#i.listValue.value = e), this.addEffect(h(this, this.#t, this.#e)), this.addEffect(() => {
+		e !== null && (this.#i.listValue.value = e), this.addEffect(g(this, this.#t, this.#e)), this.addEffect(() => {
 			let e = this.#n.value;
 			this.#e.ariaRequired = e ? "true" : null;
 		}), this.addEffect(() => {
@@ -1123,7 +1123,7 @@ var ee = class extends v(d) {
 	onFormReset() {
 		this.#i && (this.#i.listValue.value = this.#r), this.#r === null ? this.removeAttribute("value") : this.setAttribute("value", this.#r);
 	}
-}, A = class extends v(d) {
+}, j = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -1194,7 +1194,7 @@ var ee = class extends v(d) {
 			deferChildren: (e) => this.deferChildren(e)
 		});
 		let e = this.getAttribute("value");
-		e !== null && (this.#i.listValue.value = e), this.addEffect(h(this, this.#t, this.#e)), this.#n.value = this.hasAttribute("required"), this.addEffect(() => {
+		e !== null && (this.#i.listValue.value = e), this.addEffect(g(this, this.#t, this.#e)), this.#n.value = this.hasAttribute("required"), this.addEffect(() => {
 			let e = this.#i.listValue.value;
 			this.#n.value && (e === null || e === "") ? this.#e.setValidity({ valueMissing: !0 }, "Please select one of these options.", this) : this.#e.setValidity({});
 		}), this.addEffect(() => {
@@ -1203,7 +1203,7 @@ var ee = class extends v(d) {
 		}), this.deferChildren(() => {
 			this.addEffect(() => {
 				let e = this.#i.listValue.value, t = this.querySelectorAll(":scope > ui-segment"), n = -1, r = 0;
-				for (let i of t) i.value === e && (n = r), r++;
+				for (let i of t) (i.getAttribute("value") ?? "") === e && (n = r), r++;
 				this.#a(n, r);
 			});
 		});
@@ -1224,13 +1224,13 @@ var ee = class extends v(d) {
 		}
 		this.style.setProperty("--_indicator-index", `${e}`), this.style.setProperty("--_segment-count", `${t}`), this.#e.states.add("ready");
 	}
-}, j = class extends d {
+}, M = class extends d {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
 	#n;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "radio", this.#t = _(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.getAttribute("value") ?? "";
@@ -1248,10 +1248,10 @@ var ee = class extends v(d) {
 		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (_({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+		t !== n && (v({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(h(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
+		super.setup(), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(g(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
 	}
 	teardown() {
 		this.removeEventListener("ui-press", this.#r), this.#n.destroy(), super.teardown();
@@ -1266,7 +1266,7 @@ var ee = class extends v(d) {
 			}
 		}));
 	};
-}, M = class extends d {
+}, N = class extends d {
 	static observedAttributes = [
 		"placement",
 		"delay",
@@ -1303,7 +1303,7 @@ var ee = class extends v(d) {
 		t !== n && (e === "disabled" && (this.#n.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.addEffect(h(this, this.#n, this.#e)), this.#i = this.parentElement, this.#i && (this.#a = r("tip"), this.#i.style.setProperty("anchor-name", `--${this.#a}`), this.style.setProperty("position-anchor", `--${this.#a}`), this.hasAttribute("popover") || this.setAttribute("popover", "manual"), this.id ||= r("tooltip"), this.#i.setAttribute("aria-describedby", this.id), this.#i.addEventListener("mouseenter", this.#o), this.#i.addEventListener("mouseleave", this.#s), this.#i.addEventListener("focusin", this.#o), this.#i.addEventListener("focusout", this.#s), this.#i.addEventListener("keydown", this.#c), this.addEffect(() => {
+		super.setup(), this.addEffect(g(this, this.#n, this.#e)), this.#i = this.parentElement, this.#i && (this.#a = r("tip"), this.#i.style.setProperty("anchor-name", `--${this.#a}`), this.style.setProperty("position-anchor", `--${this.#a}`), this.hasAttribute("popover") || this.setAttribute("popover", "manual"), this.id ||= r("tooltip"), this.#i.setAttribute("aria-describedby", this.id), this.#i.addEventListener("mouseenter", this.#o), this.#i.addEventListener("mouseleave", this.#s), this.#i.addEventListener("focusin", this.#o), this.#i.addEventListener("focusout", this.#s), this.#i.addEventListener("keydown", this.#c), this.addEffect(() => {
 			this.#n.value && this.#t.value && (this.#l(), this.#t.value = !1);
 		}), this.addEffect(() => {
 			if (this.#t.value) try {
@@ -1331,7 +1331,7 @@ var ee = class extends v(d) {
 	#l() {
 		this.#r !== null && (clearTimeout(this.#r), this.#r = null);
 	}
-}, N = class extends d {
+}, P = class extends d {
 	static observedAttributes = ["multiple", "disabled"];
 	#e = t(!1);
 	get multiple() {
@@ -1350,7 +1350,7 @@ var ee = class extends v(d) {
 		t !== n && (e === "disabled" && (this.#e.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.addEffect(h(this, this.#e)), this.addEventListener("toggle", this.#t, !0);
+		super.setup(), this.addEffect(g(this, this.#e)), this.addEventListener("toggle", this.#t, !0);
 	}
 	teardown() {
 		this.removeEventListener("toggle", this.#t, !0), super.teardown();
@@ -1364,7 +1364,7 @@ var ee = class extends v(d) {
 		let r = this.querySelectorAll(":scope > ui-accordion-item[open]");
 		for (let e of r) e !== n && (e.open = !1);
 	};
-}, P = class extends d {
+}, F = class extends d {
 	static observedAttributes = ["open", "disabled"];
 	#e = t(!1);
 	#t = t(!1);
@@ -1403,7 +1403,7 @@ var ee = class extends v(d) {
 		e.appendChild(t), e.appendChild(r), this.appendChild(e), this.#n = e, this.addEffect(() => {
 			let e = this.#e.value;
 			this.#n && (this.#n.open = e);
-		}), this.addEffect(h(this, this.#t)), e.addEventListener("toggle", this.#r);
+		}), this.addEffect(g(this, this.#t)), e.addEventListener("toggle", this.#r);
 	}
 	teardown() {
 		this.#n?.removeEventListener("toggle", this.#r), this.#n = null, super.teardown();
@@ -1413,7 +1413,7 @@ var ee = class extends v(d) {
 		let e = this.#n.open;
 		this.#e.value = e, this.toggleAttribute("open", e);
 	};
-}, F = class extends d {
+}, I = class extends d {
 	static observedAttributes = ["no-close-on-escape", "no-close-on-backdrop"];
 	#e;
 	get open() {
@@ -1431,7 +1431,7 @@ var ee = class extends v(d) {
 	teardown() {
 		this.#e.destroy(), super.teardown();
 	}
-}, I = class extends d {
+}, L = class extends d {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -1487,12 +1487,12 @@ var ee = class extends v(d) {
 			deferChildren: (e) => this.deferChildren(e)
 		});
 		let e = this.getAttribute("value");
-		e !== null && (this.#n.listValue.value = e), this.addEffect(h(this, this.#t, this.#e)), this.deferChildren(() => {
+		e !== null && (this.#n.listValue.value = e), this.addEffect(g(this, this.#t, this.#e)), this.deferChildren(() => {
 			this.#r(), this.addEffect(() => {
 				let e = this.#n.listValue.value, t = this.querySelectorAll(":scope > ui-tab"), n = this.querySelectorAll(":scope > ui-tab-panels > ui-tab-panel"), r = -1, i = 0;
-				for (let n of t) n.value === e && (r = i), i++;
+				for (let n of t) (n.getAttribute("value") ?? "") === e && (r = i), i++;
 				for (let t of n) {
-					let n = t.value === e;
+					let n = (t.getAttribute("value") ?? "") === e;
 					t.toggleAttribute("hidden", !n), t.setAttribute("tabindex", n ? "0" : "-1");
 				}
 				this.#i(r, i);
@@ -1504,10 +1504,10 @@ var ee = class extends v(d) {
 	}
 	#r() {
 		let e = this.querySelectorAll(":scope > ui-tab"), t = this.querySelectorAll(":scope > ui-tab-panels > ui-tab-panel"), n = /* @__PURE__ */ new Map();
-		for (let e of t) e.id ||= r("tp"), n.set(e.value, e);
+		for (let e of t) e.id ||= r("tp"), n.set(e.getAttribute("value") ?? "", e);
 		for (let t of e) {
 			t.id ||= r("tab");
-			let e = n.get(t.value);
+			let e = n.get(t.getAttribute("value") ?? "");
 			e && (t.setAttribute("aria-controls", e.id), e.setAttribute("aria-labelledby", t.id));
 		}
 	}
@@ -1518,13 +1518,13 @@ var ee = class extends v(d) {
 		}
 		this.style.setProperty("--_indicator-index", `${e}`), this.style.setProperty("--_tab-count", `${t}`), this.#e.states.add("ready");
 	}
-}, L = class extends d {
+}, R = class extends d {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
 	#n;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "tab", this.#t = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "tab", this.#t = _(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.getAttribute("value") ?? "";
@@ -1542,10 +1542,10 @@ var ee = class extends v(d) {
 		return this.getAttribute("label") ?? this.textContent?.trim() ?? "";
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && (_({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
+		t !== n && (v({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(h(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
+		super.setup(), this.#n = new u(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(g(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
 	}
 	teardown() {
 		this.removeEventListener("ui-press", this.#r), this.#n.destroy(), super.teardown();
@@ -1560,7 +1560,7 @@ var ee = class extends v(d) {
 			}
 		}));
 	};
-}, R = class extends d {
+}, z = class extends d {
 	static observedAttributes = ["value"];
 	#e;
 	constructor() {
@@ -1575,12 +1575,12 @@ var ee = class extends v(d) {
 	attributeChangedCallback(e, t, n) {
 		t !== n && super.attributeChangedCallback?.(e, t, n);
 	}
-}, z = class extends d {
+}, B = class extends d {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "presentation";
 	}
-}, B = class {
+}, V = class {
 	sortColumn;
 	sortDirection;
 	selected;
@@ -1615,10 +1615,10 @@ var ee = class extends v(d) {
 		return this.selected.value.has(e);
 	}
 };
-function V(e = {}) {
-	return new B(e);
+function H(e = {}) {
+	return new V(e);
 }
-var H = class {
+var U = class {
 	table;
 	#e = [];
 	#t = -1;
@@ -1695,7 +1695,7 @@ var H = class {
 	#m() {
 		this.#i = !1, this.#t = -1, this.table.removeAttribute("resizing"), document.removeEventListener("pointermove", this.#u), document.removeEventListener("pointerup", this.#d), document.removeEventListener("pointercancel", this.#f), document.removeEventListener("keydown", this.#p);
 	}
-}, U = class {
+}, W = class {
 	#e;
 	#t;
 	#n;
@@ -1731,14 +1731,14 @@ var H = class {
 	destroy() {
 		this.#n.removeEventListener("ui-drag-start", this.#i), this.#n.removeEventListener("ui-drop", this.#a), this.#n.removeEventListener("click", this.#o, { capture: !0 }), this.#e.destroy();
 	}
-}, W = class extends d {
+}, ue = class extends d {
 	static observedAttributes = [
 		"selectable",
 		"resizable",
 		"reorderable"
 	];
 	#e;
-	#t = new B();
+	#t = new V();
 	#n = null;
 	#r = null;
 	#i = null;
@@ -1783,7 +1783,7 @@ var H = class {
 			let e = document.createElement("div");
 			e.className = "table-resize-handle", e.setAttribute("aria-hidden", "true"), e.addEventListener("click", (e) => e.stopPropagation()), t.appendChild(e);
 		}
-		this.#n = new H(this), this.#n.init();
+		this.#n = new U(this), this.#n.init();
 	}
 	#o() {
 		let e = this.querySelector(":scope > ui-table-head > ui-table-row");
@@ -1796,7 +1796,7 @@ var H = class {
 	}
 	#s() {
 		let e = this.querySelector(":scope > ui-table-body");
-		e && (this.#i = new U(e, this));
+		e && (this.#i = new W(e, this));
 	}
 	#c = (e) => {
 		let t = e.detail;
@@ -1822,17 +1822,17 @@ var H = class {
 			}
 		}));
 	};
-}, ue = class extends d {
+}, de = class extends d {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
 	}
-}, de = class extends d {
+}, fe = class extends d {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
 	}
-}, fe = class extends d {
+}, pe = class extends d {
 	static observedAttributes = ["value", "selected"];
 	#e;
 	constructor() {
@@ -1863,12 +1863,12 @@ var H = class {
 			detail: { value: this.value }
 		}));
 	};
-}, pe = class extends d {
+}, me = class extends d {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "cell";
 	}
-}, me = class extends d {
+}, he = class extends d {
 	static observedAttributes = ["sort", "sortable"];
 	#e;
 	constructor() {
@@ -1908,7 +1908,7 @@ function G(e) {
 	let t = /* @__PURE__ */ new Date(e + "T00:00:00");
 	return isNaN(t.getTime()) ? null : t;
 }
-function he(e) {
+function ge(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
 function K(e, t) {
@@ -1972,7 +1972,7 @@ var q = class {
 	#e() {
 		let e = this.focusedYear.value, t = this.focusedMonth.value, n = G(this.value.value), r = /* @__PURE__ */ new Date(), i = G(this.rangeStart.value), a = G(this.rangeEnd.value), o = new Date(e, t, 1).getDay(), s = new Date(e, t, 1 - o), c = [];
 		for (let e = 0; e < 42; e++) {
-			let o = new Date(s.getFullYear(), s.getMonth(), s.getDate() + e), l = he(o), u = o.getMonth() === t, d = K(o, r), f = n ? K(o, n) : !1, p = this.isDateDisabled(l), m = !1, h = !1, g = !1;
+			let o = new Date(s.getFullYear(), s.getMonth(), s.getDate() + e), l = ge(o), u = o.getMonth() === t, d = K(o, r), f = n ? K(o, n) : !1, p = this.isDateDisabled(l), m = !1, h = !1, g = !1;
 			if (i && a) {
 				let e = i <= a ? i : a, t = i <= a ? a : i;
 				m = o >= e && o <= t, h = K(o, e), g = K(o, t);
@@ -2048,7 +2048,7 @@ var q = class {
 		}
 	}
 };
-function ge(e = {}) {
+function _e(e = {}) {
 	return new q(e);
 }
 /**
@@ -2062,7 +2062,7 @@ function ge(e = {}) {
 * @fires ui-change - Fired on single date selection with `{ value }` detail
 * @fires ui-range-select - Fired on range commit with `{ start, end }` detail
 */
-var _e = class extends v(d) {
+var ve = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"min",
@@ -2135,7 +2135,7 @@ var _e = class extends v(d) {
 			e && (this.#t.value.value = e), t && (this.#t.min.value = t), r && (this.#t.max.value = r);
 		}), this.#s(), this.addEventListener("keydown", this.#b), this.addEffect(() => this.#c()), this.addEffect(() => {
 			this.#e.setFormValue(this.#t.value.value);
-		}), this.addEffect(h(this, this.#n, this.#e, { manageTabindex: !0 })), this.#r.value = this.hasAttribute("required"), this.addEffect(() => {
+		}), this.addEffect(g(this, this.#n, this.#e, { manageTabindex: !0 })), this.#r.value = this.hasAttribute("required"), this.addEffect(() => {
 			let e = this.#t.value.value;
 			this.#r.value && (e === null || e === "") ? this.#e.setValidity({ valueMissing: !0 }, "Please select a date.", this) : this.#e.setValidity({});
 		});
@@ -2303,7 +2303,7 @@ var _e = class extends v(d) {
 			this.open.value = !1, this.value.value = null, this.label.value = "";
 		});
 	}
-}, ve = class extends v(d) {
+}, ye = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -2379,10 +2379,10 @@ var _e = class extends v(d) {
 		this.#s.value = e, e ? this.setAttribute("placeholder", e) : this.removeAttribute("placeholder");
 	}
 	#f(e) {
-		return S(e, "ui-select");
+		return C(e, "ui-select");
 	}
 	async #p(e) {
-		this.#l = await C(e, this.#l, this.#a, "ui-select");
+		this.#l = await w(e, this.#l, this.#a, "ui-select");
 	}
 	#m() {
 		let e = document.createElement("ui-button");
@@ -2459,7 +2459,7 @@ var _e = class extends v(d) {
 				let t = this.#s.value, n = this.#t.label.value, r = e?.querySelector("[slot=\"label\"]");
 				r && !n && (r.textContent = t || "\xA0");
 			}));
-		}), this.addEffect(h(this, this.#n, this.#e)), this.addEffect(() => {
+		}), this.addEffect(g(this, this.#n, this.#e)), this.addEffect(() => {
 			let t = this.#n.value;
 			e && e.toggleAttribute("disabled", t), t && this.#t.open.value && this.#t.hide();
 		}), this.#r.value = this.hasAttribute("required"), this.addEffect(() => {
@@ -2540,7 +2540,7 @@ var _e = class extends v(d) {
 	onFormDisabled(e) {
 		this.#n.value = e;
 	}
-}, ye = class extends v(d) {
+}, be = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -2551,7 +2551,7 @@ var _e = class extends v(d) {
 		"required"
 	];
 	#e;
-	#t = new b();
+	#t = new x();
 	#n = t(!1);
 	#r = t(!1);
 	#i = t(!1);
@@ -2619,10 +2619,10 @@ var _e = class extends v(d) {
 		this.#u.value = e, e ? this.setAttribute("placeholder", e) : this.removeAttribute("placeholder");
 	}
 	#m(e) {
-		return S(e, "ui-combobox");
+		return C(e, "ui-combobox");
 	}
 	async #h(e) {
-		this.#f = await C(e, this.#f, this.#c, "ui-combobox");
+		this.#f = await w(e, this.#f, this.#c, "ui-combobox");
 	}
 	#g() {
 		let e = document.createElement("ui-input"), t = this.#u.value;
@@ -2711,7 +2711,7 @@ var _e = class extends v(d) {
 				let t = this.#u.value;
 				e && (t ? e.setAttribute("placeholder", t) : e.removeAttribute("placeholder"));
 			}));
-		}), this.addEffect(h(this, this.#r, this.#e)), this.addEffect(() => {
+		}), this.addEffect(g(this, this.#r, this.#e)), this.addEffect(() => {
 			let t = this.#r.value;
 			e && e.toggleAttribute("disabled", t), t && this.#n.value && (this.#n.value = !1);
 		}), this.#i.value = this.hasAttribute("required"), this.addEffect(() => {
@@ -2794,7 +2794,7 @@ var _e = class extends v(d) {
 	onFormDisabled(e) {
 		this.#r.value = e;
 	}
-}, be = class extends d {
+}, xe = class extends d {
 	static observedAttributes = ["disabled", "required"];
 	#e = r("field-label");
 	#t = r("field-desc");
@@ -2854,7 +2854,7 @@ var _e = class extends v(d) {
 	#u = () => {
 		this.removeAttribute("invalid");
 	};
-}, xe = class extends v(d) {
+}, Se = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"placeholder",
@@ -2933,7 +2933,7 @@ var _e = class extends v(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.hasAttribute("contenteditable") || this.setAttribute("contenteditable", "plaintext-only"), this.#n.value = this.hasAttribute("required"), this.#r.value = this.textContent ?? "", this.#a(), this.#o(), this.addEffect(h(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.hasAttribute("contenteditable") || this.setAttribute("contenteditable", "plaintext-only"), this.#n.value = this.hasAttribute("required"), this.#r.value = this.textContent ?? "", this.#a(), this.#o(), this.addEffect(g(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
 			this.#n.value && this.#r.value === "" ? this.#e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this) : this.#e.setValidity({});
 		}), this.addEventListener("input", this.#s), this.addEventListener("blur", this.#c);
 	}
@@ -2978,7 +2978,7 @@ var _e = class extends v(d) {
 			detail: { value: this.textContent ?? "" }
 		}));
 	};
-}, Se = class extends v(d) {
+}, Ce = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"min",
@@ -3058,7 +3058,7 @@ var _e = class extends v(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.#r = this.#n.value, this.#s = document.createElement("div"), this.#s.classList.add("ui-range-thumb"), this.appendChild(this.#s), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(h(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.#r = this.#n.value, this.#s = document.createElement("div"), this.#s.classList.add("ui-range-thumb"), this.appendChild(this.#s), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(g(this, this.#t, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
 			let e = this.#u();
 			this.style.setProperty("--_progress", String(e)), this.#e.ariaValueNow = String(this.#n.value), this.#e.ariaValueMin = String(this.#i.value), this.#e.ariaValueMax = String(this.#a.value);
 		}), this.#d(), this.addEventListener("pointerdown", this.#p), this.addEventListener("keydown", this.#_);
@@ -3148,7 +3148,7 @@ var _e = class extends v(d) {
 			detail: { value: this.#n.value }
 		}));
 	}
-}, Ce = class extends v(d) {
+}, we = class extends y(d) {
 	static observedAttributes = [
 		"value",
 		"length",
@@ -3166,7 +3166,7 @@ var _e = class extends v(d) {
 	#a = 6;
 	#o = /[0-9]/;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "group", this.#n = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "group", this.#n = _(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.#i.join("");
@@ -3194,7 +3194,7 @@ var _e = class extends v(d) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (_({ disabled: this.#n }, e, n)) {
+			if (v({ disabled: this.#n }, e, n)) {
 				super.attributeChangedCallback(e, t, n);
 				return;
 			}
@@ -3230,7 +3230,7 @@ var _e = class extends v(d) {
 		if (t) try {
 			this.#o = new RegExp(t);
 		} catch {}
-		this.#s(), this.addEffect(h(this, this.#n.signal, this.#e, { manageTabindex: !1 })), this.#t.value = this.hasAttribute("required");
+		this.#s(), this.addEffect(g(this, this.#n.signal, this.#e, { manageTabindex: !1 })), this.#t.value = this.hasAttribute("required");
 		let n = this.getAttribute("value");
 		n && (this.value = n), this.addEventListener("paste", this.#m);
 	}
@@ -3318,7 +3318,7 @@ var _e = class extends v(d) {
 			detail: { value: this.value }
 		}));
 	}
-}, we = class extends d {
+}, Te = class extends d {
 	static observedAttributes = [
 		"src",
 		"name",
@@ -3364,7 +3364,7 @@ var _e = class extends v(d) {
 		let e = this.getAttribute("name");
 		e ? this.textContent = this.#r(e) : this.textContent = "?";
 	};
-}, Te = class extends d {
+}, Ee = class extends d {
 	static observedAttributes = ["max"];
 	#e;
 	#t = "";
@@ -3385,7 +3385,7 @@ var _e = class extends v(d) {
 		let n = parseInt(this.#t, 10);
 		isNaN(n) || (n > t ? this.textContent = `${t}+` : this.textContent = this.#t);
 	}
-}, Ee = class extends d {
+}, De = class extends d {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "navigation";
@@ -3395,7 +3395,7 @@ var _e = class extends v(d) {
 		let e = this.getAttribute("aria-label") ?? "Breadcrumb";
 		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e);
 	}
-}, De = class extends d {
+}, Oe = class extends d {
 	static observedAttributes = ["href", "current"];
 	#e;
 	constructor() {
@@ -3421,7 +3421,7 @@ var _e = class extends v(d) {
 	#r = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#n());
 	};
-}, Oe = class extends d {
+}, ke = class extends d {
 	static observedAttributes = [
 		"total",
 		"value",
@@ -3493,7 +3493,7 @@ var _e = class extends v(d) {
 	setup() {
 		super.setup();
 		let e = this.getAttribute("aria-label") ?? "Pagination";
-		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e), this.addEffect(h(this, this.#a, this.#e)), this.addEffect(() => {
+		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e), this.addEffect(g(this, this.#a, this.#e)), this.addEffect(() => {
 			this.#l();
 		});
 	}
@@ -3544,7 +3544,7 @@ var _e = class extends v(d) {
 			detail: { value: t }
 		})));
 	}
-}, ke = class extends d {
+}, Ae = class extends d {
 	static observedAttributes = [
 		"side",
 		"no-close-on-escape",
@@ -3566,7 +3566,7 @@ var _e = class extends v(d) {
 	teardown() {
 		this.#e.destroy(), super.teardown();
 	}
-}, Ae = class extends d {
+}, je = class extends d {
 	static observedAttributes = ["disabled"];
 	#e;
 	#t = t(!1);
@@ -3589,12 +3589,12 @@ var _e = class extends v(d) {
 			orientation: "vertical"
 		});
 		let e = this.getAttribute("aria-label") ?? "Tree";
-		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e), this.addEffect(h(this, this.#t, this.#e));
+		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e), this.addEffect(g(this, this.#t, this.#e));
 	}
 	teardown() {
 		this.#n.destroy(), super.teardown();
 	}
-}, je = class extends d {
+}, Me = class extends d {
 	static observedAttributes = [
 		"expanded",
 		"selected",
@@ -3614,7 +3614,7 @@ var _e = class extends v(d) {
 		this.#r.value = e, this.toggleAttribute("disabled", e);
 	}
 	setup() {
-		super.setup(), this.addEffect(h(this, this.#r, this.#e)), this.deferChildren(() => {
+		super.setup(), this.addEffect(g(this, this.#r, this.#e)), this.deferChildren(() => {
 			this.#i(), this.#a();
 		}), this.addEventListener("click", this.#o), this.addEventListener("keydown", this.#s);
 	}
@@ -3676,7 +3676,7 @@ var _e = class extends v(d) {
 				break;
 		}
 	};
-}, Me = class extends d {
+}, Ne = class extends d {
 	static observedAttributes = [
 		"direction",
 		"controls",
@@ -3698,7 +3698,7 @@ var _e = class extends v(d) {
 	#o = t(0);
 	#s = t(!1);
 	#c = null;
-	#l = window.matchMedia("(prefers-reduced-motion: reduce)");
+	#l = null;
 	#u = null;
 	#d = [];
 	#f = !1;
@@ -3749,7 +3749,7 @@ var _e = class extends v(d) {
 		}
 	}
 	setup() {
-		super.setup();
+		super.setup(), this.#l = window.matchMedia("(prefers-reduced-motion: reduce)");
 		let e = document.createElement("div");
 		e.setAttribute("part", "track"), e.id = r("ss-track"), e.setAttribute("tabindex", "0");
 		let t = [];
@@ -3770,7 +3770,7 @@ var _e = class extends v(d) {
 		s.id = r("ss-live"), s.setAttribute("aria-live", "polite"), s.setAttribute("aria-atomic", "true"), s.setAttribute("data-visually-hidden", ""), this.appendChild(s), this.#i = s, this.setAttribute("aria-roledescription", "carousel"), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Slideshow"), this.#v(this.getAttribute("per-view")), this.#o.value = t.length, this.#y(t), this.#b(t.length), this.#S(t), t.length > 0 && t[0].toggleAttribute("active", !0), this.addEffect(() => {
 			let e = this.#a.value, t = this.#o.value;
 			this.#C(e), this.#w(e, t), this.#i && (this.#i.textContent = `Slide ${e + 1} of ${t}`);
-		}), this.addEffect(h(this, this.#s, this.#_)), i.addEventListener("click", this.#D), a.addEventListener("click", this.#O), e.addEventListener("keydown", this.#P), e.addEventListener("pointerdown", this.#j), this.addEventListener("mouseenter", this.#k), this.addEventListener("mouseleave", this.#A), this.addEventListener("focusin", this.#k), this.addEventListener("focusout", this.#A), this.hasAttribute("autoplay") && this.#T();
+		}), this.addEffect(g(this, this.#s, this.#_)), i.addEventListener("click", this.#D), a.addEventListener("click", this.#O), e.addEventListener("keydown", this.#P), e.addEventListener("pointerdown", this.#j), this.addEventListener("mouseenter", this.#k), this.addEventListener("mouseleave", this.#A), this.addEventListener("focusin", this.#k), this.addEventListener("focusout", this.#A), this.hasAttribute("autoplay") && this.#T();
 	}
 	teardown() {
 		this.#E(), this.#u?.disconnect(), this.#u = null, this.#n?.removeEventListener("click", this.#D), this.#r?.removeEventListener("click", this.#O), this.#e?.removeEventListener("keydown", this.#P), this.#e?.removeEventListener("pointerdown", this.#j), this.removeEventListener("mouseenter", this.#k), this.removeEventListener("mouseleave", this.#A), this.removeEventListener("focusin", this.#k), this.removeEventListener("focusout", this.#A), this.#e = null, this.#t?.removeEventListener("click", this.#x), this.#t && (this.#t.innerHTML = ""), this.#t = null, this.#n = null, this.#r = null, this.#i = null, this.#d = [], super.teardown();
@@ -3834,7 +3834,7 @@ var _e = class extends v(d) {
 		this.#n.disabled = !n && e === 0, this.#r.disabled = !n && e === t - 1;
 	}
 	#T() {
-		if (this.#l.matches) return;
+		if (this.#l?.matches) return;
 		this.#E();
 		let e = parseInt(this.getAttribute("interval") ?? "5000", 10) || 5e3;
 		this.#c = setInterval(() => this.next(), e);
@@ -3852,7 +3852,7 @@ var _e = class extends v(d) {
 		this.#c !== null && (clearInterval(this.#c), this.#c = null);
 	};
 	#A = () => {
-		this.hasAttribute("autoplay") && !this.#l.matches && this.#c === null && this.#T();
+		this.hasAttribute("autoplay") && !this.#l?.matches && this.#c === null && this.#T();
 	};
 	#j = (e) => {
 		if (e.button !== 0 || e.pointerType === "touch") return;
@@ -3889,17 +3889,17 @@ var _e = class extends v(d) {
 				break;
 		}
 	};
-}, Ne = class extends d {
+}, Pe = class extends d {
 	setup() {
 		super.setup(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1");
 	}
-}, Pe = class extends d {
+}, Fe = class extends d {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
 	#n;
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "navigation", this.#t = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "navigation", this.#t = _(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.#n?.listValue.value ?? null;
@@ -3915,7 +3915,7 @@ var _e = class extends v(d) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (_({ disabled: this.#t }, e, n)) {
+			if (v({ disabled: this.#t }, e, n)) {
 				super.attributeChangedCallback?.(e, t, n);
 				return;
 			}
@@ -3939,12 +3939,12 @@ var _e = class extends v(d) {
 			deferChildren: (e) => this.deferChildren(e)
 		});
 		let e = this.getAttribute("value");
-		e !== null && (this.#n.listValue.value = e), this.addEffect(h(this, this.#t.signal, this.#e));
+		e !== null && (this.#n.listValue.value = e), this.addEffect(g(this, this.#t.signal, this.#e));
 	}
 	teardown() {
 		this.#n.destroy(), super.teardown();
 	}
-}, Fe = class extends d {
+}, Ie = class extends d {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -3955,7 +3955,7 @@ var _e = class extends v(d) {
 	#n;
 	#r = t("");
 	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "option", this.#n = g(this, "disabled", { type: "boolean" });
+		super(), this.#e = this.attachInternals(), this.#e.role = "option", this.#n = _(this, "disabled", { type: "boolean" });
 	}
 	get value() {
 		return this.#t.value;
@@ -3977,7 +3977,7 @@ var _e = class extends v(d) {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (_({ disabled: this.#n }, e, n)) {
+			if (v({ disabled: this.#n }, e, n)) {
 				super.attributeChangedCallback?.(e, t, n);
 				return;
 			}
@@ -3993,7 +3993,7 @@ var _e = class extends v(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(h(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
+		super.setup(), this.addEffect(g(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
 	}
 	teardown() {
 		this.removeEventListener("click", this.#i), super.teardown();
@@ -4008,7 +4008,7 @@ var _e = class extends v(d) {
 			}
 		}));
 	};
-}, Ie = class extends d {
+}, Le = class extends d {
 	static observedAttributes = ["open"];
 	#e = t(!0);
 	#t = null;
@@ -4060,7 +4060,7 @@ var _e = class extends v(d) {
 		let e = this.#t.open;
 		this.#e.value = e, this.toggleAttribute("open", e);
 	};
-}, Le = class extends d {
+}, Re = class extends d {
 	constructor() {
 		super();
 		let e = this.attachInternals();
@@ -4071,7 +4071,7 @@ var _e = class extends v(d) {
 		let e = this.closest("ui-nav-group");
 		e && e.setAttribute("aria-labelledby", this.id);
 	}
-}, Re = class extends d {
+}, Y = class extends d {
 	static observedAttributes = [
 		"traits",
 		"for",
@@ -4083,51 +4083,56 @@ var _e = class extends v(d) {
 	#t = null;
 	/** Watches for trait option attribute changes on this element */
 	#n = null;
+	/** Traits requested but not yet registered — retried on registration */
+	#r = /* @__PURE__ */ new Set();
+	#i = null;
 	connectedCallback() {
 		this.setup();
 	}
 	setup() {
-		super.setup(), this.#r(), this.#d();
+		super.setup(), this.#a(), this.#p();
 	}
 	teardown() {
-		this.#u(), this.#t?.disconnect(), this.#t = null, this.#n?.disconnect(), this.#n = null, super.teardown();
+		this.#f(), this.#t?.disconnect(), this.#t = null, this.#n?.disconnect(), this.#n = null, this.#i?.(), this.#i = null, this.#r.clear(), super.teardown();
 	}
 	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), this.isConnected && (e === "traits" || e === "for" || e === "provides") && (this.#u(), this.#t?.disconnect(), this.#t = null, this.#r());
+		super.attributeChangedCallback(e, t, n), this.isConnected && (e === "traits" || e === "for" || e === "provides") && (this.#f(), this.#t?.disconnect(), this.#t = null, this.#a());
 	}
-	#r() {
+	#a() {
 		if (this.getAttribute("provides") !== null) return;
 		let e = this.getAttribute("traits");
 		if (!e) return;
 		let t = this.getAttribute("for");
-		t === null ? this.#i(e) : this.#a(e, t);
+		t === null ? this.#o(e) : this.#s(e, t), this.#r.size > 0 && !this.#i && (this.#i = h((e) => {
+			this.#r.has(e) && (this.#r.delete(e), this.#a(), this.#r.size === 0 && (this.#i?.(), this.#i = null));
+		}));
 	}
-	#i(e) {
-		let t = this.#c();
-		t && this.#s(t, e);
+	#o(e) {
+		let t = this.#u();
+		t && this.#l(t, e);
 	}
-	#a(e, t) {
+	#s(e, t) {
 		let n = this.querySelectorAll(t);
-		for (let t of n) this.#s(t, e);
+		for (let t of n) this.#l(t, e);
 		this.#t = new MutationObserver(() => {
-			this.#o(e, t);
+			this.#c(e, t);
 		}), this.#t.observe(this, {
 			childList: !0,
 			subtree: !0
 		});
 	}
-	#o(e, t) {
+	#c(e, t) {
 		let n = new Set(this.querySelectorAll(t));
-		for (let [e, t] of this.#e) n.has(e) || (this.#l(e, t), this.#e.delete(e));
-		for (let t of n) this.#e.has(t) || this.#s(t, e);
+		for (let [e, t] of this.#e) n.has(e) || (this.#d(e, t), this.#e.delete(e));
+		for (let t of n) this.#e.has(t) || this.#l(t, e);
 	}
-	#s(e, t) {
+	#l(e, t) {
 		let n = t.split(/\s+/).filter(Boolean), r = this.#e.get(e) ?? /* @__PURE__ */ new Map();
 		for (let t of n) {
 			if (r.has(t)) continue;
 			let n = i(t);
 			if (!n) {
-				console.warn(`[native-ui] Unknown trait "${t}". Is it registered?`);
+				this.#r.add(t);
 				continue;
 			}
 			for (let [e] of r) if (i(e)?.conflicts?.includes(t) || n.conflicts?.includes(e)) {
@@ -4139,23 +4144,23 @@ var _e = class extends v(d) {
 		}
 		this.#e.set(e, r);
 	}
-	#c() {
+	#u() {
 		for (let e of this.children) if (e instanceof HTMLElement) return e;
 		return null;
 	}
-	#l(e, t) {
+	#d(e, t) {
 		for (let [e, n] of t) {
 			let t = i(e);
 			t && t.destroy(n);
 		}
 		t.clear();
 	}
-	#u() {
-		for (let [e, t] of this.#e) this.#l(e, t);
+	#f() {
+		for (let [e, t] of this.#e) this.#d(e, t);
 		this.#e.clear();
 	}
 	/** Watch trait option attributes (e.g. draggable-axis) on this element */
-	#d() {
+	#p() {
 		this.#n = new MutationObserver((e) => {
 			for (let t of e) {
 				if (!t.attributeName || t.attributeName === "traits" || t.attributeName === "for" || t.attributeName === "provides") continue;
@@ -4171,7 +4176,7 @@ var _e = class extends v(d) {
 			}
 		}), this.#n.observe(this, { attributes: !0 });
 	}
-}, Y = class extends d {
+}, ze = class extends d {
 	static observedAttributes = [
 		"disabled",
 		"no-enter-submit",
@@ -4207,7 +4212,7 @@ var _e = class extends v(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(h(this, this.#t, this.#e)), this.deferChildren(() => {
+		super.setup(), this.addEffect(g(this, this.#t, this.#e)), this.deferChildren(() => {
 			this.#i(), this.addEffect(() => {
 				let e = this.#t.value;
 				this.#n && this.#n.toggleAttribute("disabled", e), this.#r && (e ? this.#r.setAttribute("disabled", "") : this.#o());
@@ -4251,7 +4256,7 @@ var _e = class extends v(d) {
 			detail: { value: e }
 		})) && !this.hasAttribute("no-auto-clear") && (this.value = "", this.#r?.setAttribute("disabled", ""));
 	}
-}, ze = class extends d {
+}, Be = class extends d {
 	static observedAttributes = ["interactive", "href"];
 	setup() {
 		super.setup(), this.hasAttribute("interactive") && (this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEventListener("click", this.#e), this.addEventListener("keydown", this.#t));
@@ -4266,7 +4271,7 @@ var _e = class extends v(d) {
 	#t = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#e());
 	};
-}, Be = class extends d {
+}, Ve = class extends d {
 	static observedAttributes = [
 		"collapsible",
 		"collapsed",
@@ -4285,7 +4290,7 @@ var _e = class extends v(d) {
 	#e = () => {
 		this.hasAttribute("collapsible") && this.toggleAttribute("collapsed");
 	};
-}, Ve = class extends d {
+}, He = class extends d {
 	#e;
 	#t;
 	constructor() {
@@ -4300,7 +4305,7 @@ var _e = class extends v(d) {
 	teardown() {
 		this.#t.destroy(), super.teardown();
 	}
-}, He = class extends d {
+}, Ue = class extends d {
 	#e = null;
 	setup() {
 		super.setup();
@@ -4315,7 +4320,7 @@ var _e = class extends v(d) {
 	teardown() {
 		this.#e?.destroy(), this.#e = null, super.teardown();
 	}
-}, Ue = class extends d {
+}, We = class extends d {
 	#e = null;
 	#t = !1;
 	setup() {
@@ -4332,7 +4337,7 @@ var _e = class extends v(d) {
 	#r = () => {
 		this.#t = !1, this.#e?.syncPopover(!1);
 	};
-}, We = class extends d {
+}, Ge = class extends d {
 	#e = null;
 	get open() {
 		return this.hasAttribute("open");
@@ -4356,7 +4361,7 @@ var _e = class extends v(d) {
 		this.#e?.destroy(), this.#e = null, super.teardown();
 	}
 }, X = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Set();
-function Ge(e, t) {
+function Ke(e, t) {
 	X.set(e, t), Z.forEach((t) => t(e));
 }
 function Q(e) {
@@ -4371,7 +4376,7 @@ function $(e) {
 * @attr {string} size - Icon size override
 * @attr {string} aria-label - Accessible label (sets role="img" when present)
 */
-var Ke = class extends d {
+var qe = class extends d {
 	static observedAttributes = [
 		"name",
 		"size",
@@ -4402,4 +4407,4 @@ var Ke = class extends d {
 		}));
 	}
 };
-export { M as $, be as A, de as B, De as C, g as Ct, Ce as D, we as E, q as F, V as G, W as H, ge as I, L as J, z as K, me as L, ve as M, J as N, Se as O, _e as P, N as Q, pe as R, Oe as S, v as St, Te as T, h as Tt, H as U, ue as V, B as W, F as X, I as Y, P as Z, Ne as _, ee as _t, We as a, E as at, Ae as b, b as bt, Ve as c, le as ct, Y as d, oe as dt, j as et, Re as f, ae as ft, Pe as g, te as gt, Fe as h, ne as ht, Ge as i, D as it, ye as j, xe as k, Be as l, ce as lt, Ie as m, re as mt, Q as n, k as nt, Ue as o, T as ot, Le as p, ie as pt, R as q, $ as r, O as rt, He as s, w as st, Ke as t, A as tt, ze as u, se as ut, Me as v, C as vt, Ee as w, _ as wt, ke as x, x as xt, je as y, S as yt, fe as z };
+export { N as $, xe as A, fe as B, Oe as C, _ as Ct, we as D, Te as E, q as F, H as G, ue as H, _e as I, R as J, B as K, he as L, ye as M, J as N, Ce as O, ve as P, P as Q, me as R, ke as S, y as St, Ee as T, g as Tt, U, de as V, V as W, I as X, L as Y, F as Z, Pe as _, ee as _t, Ge as a, D as at, je as b, x as bt, He as c, le as ct, ze as d, oe as dt, M as et, Y as f, ae as ft, Fe as g, te as gt, Ie as h, ne as ht, Ke as i, O as it, be as j, Se as k, Ve as l, ce as lt, Le as m, re as mt, Q as n, A as nt, We as o, E as ot, Re as p, ie as pt, z as q, $ as r, k as rt, Ue as s, T as st, qe as t, j as tt, Be as u, se as ut, Ne as v, w as vt, De as w, v as wt, Ae as x, S as xt, Me as y, C as yt, pe as z };