@nonoun/native-ui 0.2.2 → 0.2.4

package/dist/ui-icon-element.js

@@ -1,5 +1,7 @@
-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, v as h } from "./dialog-controller.js";
+import { t as e } from "./uid.js";
+import { i as t, n, r } from "./define.js";
+import { a as i, n as a, o, r as s, t as c } from "./ui-element.js";
+import { a as l, c as u, n as d, o as f, r as p, s as m, t as h } from "./dialog-controller.js";
 function g(e, t, n, r) {
 	let i;
 	return () => {
@@ -137,20 +139,20 @@ var x = class {
 	#n;
 	selectedItem;
 	empty;
-	constructor(n = {}) {
-		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(() => {
+	constructor(e = {}) {
+		this.data = t([]), this.query = t(""), this.#e = t(e.filterFn ?? b), this.#t = t(e.sortFn ?? null), this.#n = t(e.multiple ?? !1), this.activeIndex = t(e.initialActiveIndex ?? -1), this.value = t(null), this.selected = t(/* @__PURE__ */ new Set()), this.filtered = r(() => {
 			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(() => {
+		}), this.sorted = r(() => {
 			let e = this.filtered.value, t = this.#t.value;
 			return t ? [...e].sort(t) : e;
-		}), this.activeItem = e(() => {
+		}), this.activeItem = r(() => {
 			let e = this.view.value, t = this.activeIndex.value;
 			return t >= 0 && t < e.length ? e[t] : null;
-		}), this.selectedItem = e(() => {
+		}), this.selectedItem = r(() => {
 			let e = this.value.value;
 			return e === null ? null : this.data.value.find((t) => t.value === e) ?? null;
-		}), this.empty = e(() => this.view.value.length === 0);
+		}), this.empty = r(() => this.view.value.length === 0);
 	}
 	get view() {
 		return this.sorted;
@@ -263,7 +265,7 @@ async function w(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 y(d) {
+var ee = class extends y(c) {
 	static observedAttributes = ["disabled", "type"];
 	#e;
 	#t;
@@ -294,7 +296,7 @@ var ee = class extends y(d) {
 		}, 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(g(this, this.#t.signal, this.#e, { manageTabindex: !0 })), this.addEventListener("ui-press", this.#i);
+		super.setup(), this.#r = new f(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 +314,7 @@ var ee = class extends y(d) {
 	onFormReset() {
 		this.#t.signal.value = this.hasAttribute("disabled");
 	}
-}, te = class extends y(d) {
+}, te = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"placeholder",
@@ -434,7 +436,7 @@ var ee = class extends y(d) {
 			detail: { value: this.#a() }
 		}));
 	};
-}, ne = class extends d {
+}, ne = class extends c {
 	static observedAttributes = [
 		"disabled",
 		"multiple",
@@ -493,7 +495,7 @@ var ee = class extends y(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.#i = new l(this, {
+		super.setup(), this.#i = new d(this, {
 			itemSelector: ":scope ui-option:not([disabled])",
 			autoSync: !1,
 			orientation: "vertical",
@@ -528,7 +530,7 @@ var ee = class extends y(d) {
 		let e = this.#r.activeIndex.value;
 		return this.querySelectorAll(":scope ui-option:not([disabled])")[e] ?? null;
 	}
-}, re = class extends d {
+}, re = class extends c {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -592,24 +594,24 @@ var ee = class extends y(d) {
 			}
 		}));
 	};
-}, ie = class extends d {
+}, ie = class extends c {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "presentation";
 	}
 	setup() {
-		super.setup(), this.id ||= r("ogh");
-		let e = this.closest("ui-option-group");
-		e && e.setAttribute("aria-labelledby", this.id);
+		super.setup(), this.id ||= e("ogh");
+		let t = this.closest("ui-option-group");
+		t && t.setAttribute("aria-labelledby", this.id);
 	}
-}, ae = class extends d {
+}, ae = class extends c {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "group";
 	}
-}, oe = class extends d {
+}, oe = class extends c {
 	static observedAttributes = ["disabled"];
 	#e;
 	#t = new x({ initialActiveIndex: 0 });
@@ -700,7 +702,7 @@ var ee = class extends y(d) {
 				break;
 		}
 	};
-}, se = class extends d {
+}, se = class extends c {
 	#e = null;
 	setup() {
 		super.setup(), this.deferChildren(() => {
@@ -727,13 +729,13 @@ var ee = class extends y(d) {
 			detail: { value: e }
 		}));
 	};
-}, ce = class extends d {
+}, ce = class extends c {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "listbox";
 	}
-}, le = class extends d {
+}, le = class extends c {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -802,13 +804,13 @@ var ee = class extends y(d) {
 			}
 		}));
 	};
-}, T = class extends d {
+}, T = class extends c {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "group";
 	}
-}, E = class extends d {}, D = class extends y(d) {
+}, E = class extends c {}, D = class extends y(c) {
 	static observedAttributes = [
 		"checked",
 		"indeterminate",
@@ -877,7 +879,7 @@ var ee = class extends y(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(g(this, this.#r.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.#o = new f(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 +908,7 @@ var ee = class extends y(d) {
 			}
 		})));
 	};
-}, O = class extends y(d) {
+}, O = class extends y(c) {
 	static observedAttributes = [
 		"checked",
 		"disabled",
@@ -952,7 +954,7 @@ var ee = class extends y(d) {
 		}, 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(g(this, this.#n.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.#i = new f(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,7 +978,7 @@ var ee = class extends y(d) {
 			}
 		})));
 	};
-}, k = class extends d {
+}, k = class extends c {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
@@ -1003,7 +1005,7 @@ var ee = class extends y(d) {
 		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(g(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 f(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 +1030,7 @@ var ee = class extends y(d) {
 			}
 		})));
 	};
-}, A = class extends y(d) {
+}, A = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -1088,7 +1090,7 @@ var ee = class extends y(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.#r = this.getAttribute("value"), this.#n.value = this.hasAttribute("required"), this.#i = new l(this, {
+		super.setup(), this.#r = this.getAttribute("value"), this.#n.value = this.hasAttribute("required"), this.#i = new d(this, {
 			itemSelector: ":scope ui-radio:not([disabled])",
 			ariaAttr: "aria-checked",
 			orientation: "vertical",
@@ -1123,7 +1125,7 @@ var ee = class extends y(d) {
 	onFormReset() {
 		this.#i && (this.#i.listValue.value = this.#r), this.#r === null ? this.removeAttribute("value") : this.setAttribute("value", this.#r);
 	}
-}, j = class extends y(d) {
+}, j = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -1179,7 +1181,7 @@ var ee = class extends y(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.#r = this.getAttribute("value"), this.#i = new l(this, {
+		super.setup(), this.#r = this.getAttribute("value"), this.#i = new d(this, {
 			itemSelector: ":scope > ui-segment:not([disabled])",
 			ariaAttr: "aria-checked",
 			orientation: "horizontal",
@@ -1224,7 +1226,7 @@ var ee = class extends y(d) {
 		}
 		this.style.setProperty("--_indicator-index", `${e}`), this.style.setProperty("--_segment-count", `${t}`), this.#e.states.add("ready");
 	}
-}, M = class extends d {
+}, M = class extends c {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
@@ -1251,7 +1253,7 @@ var ee = class extends y(d) {
 		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(g(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
+		super.setup(), this.#n = new f(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 +1268,7 @@ var ee = class extends y(d) {
 			}
 		}));
 	};
-}, N = class extends d {
+}, N = class extends c {
 	static observedAttributes = [
 		"placement",
 		"delay",
@@ -1303,7 +1305,7 @@ var ee = class extends y(d) {
 		t !== n && (e === "disabled" && (this.#n.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		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(() => {
+		super.setup(), this.addEffect(g(this, this.#n, this.#e)), this.#i = this.parentElement, this.#i && (this.#a = e("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 ||= e("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 +1333,7 @@ var ee = class extends y(d) {
 	#l() {
 		this.#r !== null && (clearTimeout(this.#r), this.#r = null);
 	}
-}, P = class extends d {
+}, P = class extends c {
 	static observedAttributes = ["multiple", "disabled"];
 	#e = t(!1);
 	get multiple() {
@@ -1364,7 +1366,7 @@ var ee = class extends y(d) {
 		let r = this.querySelectorAll(":scope > ui-accordion-item[open]");
 		for (let e of r) e !== n && (e.open = !1);
 	};
-}, F = class extends d {
+}, F = class extends c {
 	static observedAttributes = ["open", "disabled"];
 	#e = t(!1);
 	#t = t(!1);
@@ -1413,7 +1415,7 @@ var ee = class extends y(d) {
 		let e = this.#n.open;
 		this.#e.value = e, this.toggleAttribute("open", e);
 	};
-}, I = class extends d {
+}, I = class extends c {
 	static observedAttributes = ["no-close-on-escape", "no-close-on-backdrop"];
 	#e;
 	get open() {
@@ -1426,12 +1428,12 @@ var ee = class extends y(d) {
 		this.#e.close();
 	}
 	setup() {
-		super.setup(), this.#e = new m(this);
+		super.setup(), this.#e = new h(this);
 	}
 	teardown() {
 		this.#e.destroy(), super.teardown();
 	}
-}, L = class extends d {
+}, L = class extends c {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -1472,7 +1474,7 @@ var ee = class extends y(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.#n = new l(this, {
+		super.setup(), this.#n = new d(this, {
 			itemSelector: ":scope > ui-tab:not([disabled])",
 			orientation: "horizontal",
 			autoSync: !0,
@@ -1503,12 +1505,12 @@ var ee = class extends y(d) {
 		this.#n.destroy(), super.teardown();
 	}
 	#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.getAttribute("value") ?? "", e);
-		for (let t of e) {
-			t.id ||= r("tab");
-			let e = n.get(t.getAttribute("value") ?? "");
-			e && (t.setAttribute("aria-controls", e.id), e.setAttribute("aria-labelledby", t.id));
+		let t = this.querySelectorAll(":scope > ui-tab"), n = this.querySelectorAll(":scope > ui-tab-panels > ui-tab-panel"), r = /* @__PURE__ */ new Map();
+		for (let t of n) t.id ||= e("tp"), r.set(t.getAttribute("value") ?? "", t);
+		for (let n of t) {
+			n.id ||= e("tab");
+			let t = r.get(n.getAttribute("value") ?? "");
+			t && (n.setAttribute("aria-controls", t.id), t.setAttribute("aria-labelledby", n.id));
 		}
 	}
 	#i(e, t) {
@@ -1518,7 +1520,7 @@ var ee = class extends y(d) {
 		}
 		this.style.setProperty("--_indicator-index", `${e}`), this.style.setProperty("--_tab-count", `${t}`), this.#e.states.add("ready");
 	}
-}, R = class extends d {
+}, R = class extends c {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
@@ -1545,7 +1547,7 @@ var ee = class extends y(d) {
 		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(g(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
+		super.setup(), this.#n = new f(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 +1562,7 @@ var ee = class extends y(d) {
 			}
 		}));
 	};
-}, z = class extends d {
+}, z = class extends c {
 	static observedAttributes = ["value"];
 	#e;
 	constructor() {
@@ -1575,7 +1577,7 @@ var ee = class extends y(d) {
 	attributeChangedCallback(e, t, n) {
 		t !== n && super.attributeChangedCallback?.(e, t, n);
 	}
-}, B = class extends d {
+}, B = class extends c {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "presentation";
@@ -1701,7 +1703,7 @@ var U = class {
 	#n;
 	#r = !1;
 	constructor(e, t) {
-		this.#t = t, this.#n = e, this.#e = new o(e, {
+		this.#t = t, this.#n = e, this.#e = new u(e, {
 			selector: "ui-table-row:not([colspan])",
 			axis: "vertical",
 			mode: "slot"
@@ -1731,7 +1733,7 @@ var U = 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();
 	}
-}, ue = class extends d {
+}, ue = class extends c {
 	static observedAttributes = [
 		"selectable",
 		"resizable",
@@ -1822,17 +1824,17 @@ var U = class {
 			}
 		}));
 	};
-}, de = class extends d {
+}, de = class extends c {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
 	}
-}, fe = class extends d {
+}, fe = class extends c {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
 	}
-}, pe = class extends d {
+}, pe = class extends c {
 	static observedAttributes = ["value", "selected"];
 	#e;
 	constructor() {
@@ -1863,12 +1865,12 @@ var U = class {
 			detail: { value: this.value }
 		}));
 	};
-}, me = class extends d {
+}, me = class extends c {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "cell";
 	}
-}, he = class extends d {
+}, he = class extends c {
 	static observedAttributes = ["sort", "sortable"];
 	#e;
 	constructor() {
@@ -1927,9 +1929,9 @@ var q = class {
 	months;
 	years;
 	title;
-	constructor(n = {}) {
-		let r = /* @__PURE__ */ new Date(), i = G(n.value ?? null) ?? r;
-		this.view = t("day"), this.focusedYear = t(i.getFullYear()), this.focusedMonth = t(i.getMonth()), this.value = t(n.value ?? null), this.rangeStart = t(n.rangeStart ?? null), this.rangeEnd = t(n.rangeEnd ?? null), this.min = t(n.min ?? null), this.max = t(n.max ?? null), this.days = e(() => this.#e()), this.months = e(() => this.#t()), this.years = e(() => this.#n()), this.title = e(() => this.#r());
+	constructor(e = {}) {
+		let n = /* @__PURE__ */ new Date(), i = G(e.value ?? null) ?? n;
+		this.view = t("day"), this.focusedYear = t(i.getFullYear()), this.focusedMonth = t(i.getMonth()), this.value = t(e.value ?? null), this.rangeStart = t(e.rangeStart ?? null), this.rangeEnd = t(e.rangeEnd ?? null), this.min = t(e.min ?? null), this.max = t(e.max ?? null), this.days = r(() => this.#e()), this.months = r(() => this.#t()), this.years = r(() => this.#n()), this.title = r(() => this.#r());
 	}
 	prevMonth() {
 		n(() => {
@@ -2062,7 +2064,7 @@ function _e(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 ve = class extends y(d) {
+var ve = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"min",
@@ -2303,7 +2305,7 @@ var ve = class extends y(d) {
 			this.open.value = !1, this.value.value = null, this.label.value = "";
 		});
 	}
-}, ye = class extends y(d) {
+}, ye = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -2427,7 +2429,7 @@ var ve = class extends y(d) {
 		}
 	}
 	setup() {
-		if (super.setup(), this.#i = new f(this), this.#c = this.hasAttribute("options") || this.hasAttribute("src"), this.#c) {
+		if (super.setup(), this.#i = new p(this), this.#c = this.hasAttribute("options") || this.hasAttribute("src"), this.#c) {
 			let e = this.getAttribute("options");
 			e && (this.#a.value = this.#f(e)), this.#o.value = this.getAttribute("src"), this.#s.value = this.getAttribute("placeholder") ?? "", this.#m();
 		}
@@ -2540,7 +2542,7 @@ var ve = class extends y(d) {
 	onFormDisabled(e) {
 		this.#n.value = e;
 	}
-}, be = class extends y(d) {
+}, be = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -2556,7 +2558,7 @@ var ve = class extends y(d) {
 	#r = t(!1);
 	#i = t(!1);
 	#a;
-	#o = r("listbox");
+	#o = e("listbox");
 	#s = null;
 	#c = t([]);
 	#l = t(null);
@@ -2666,40 +2668,40 @@ var ve = class extends y(d) {
 		}
 	}
 	setup() {
-		if (super.setup(), this.#a = new f(this), this.#d = this.hasAttribute("options") || this.hasAttribute("src"), this.#d) {
+		if (super.setup(), this.#a = new p(this), this.#d = this.hasAttribute("options") || this.hasAttribute("src"), this.#d) {
 			let e = this.getAttribute("options");
 			e && (this.#c.value = this.#m(e)), this.#l.value = this.getAttribute("src"), this.#u.value = this.getAttribute("placeholder") ?? "", this.#g();
 		}
-		let e = this.querySelector(":scope > ui-input");
-		this.#s = e;
-		let t = this.querySelector(":scope > ui-listbox[popover]");
-		this.#p = t, t?.setAttribute("popover", "manual"), t?.setAttribute("virtual-focus", ""), e && t && (this.#a.wirePopover(e, t), t.id ||= this.#o), e?.setAttribute("role", "combobox"), e?.setAttribute("aria-autocomplete", "list"), e?.setAttribute("aria-controls", t?.id ?? ""), e?.setAttribute("aria-expanded", "false"), this.deferChildren(() => {
+		let t = this.querySelector(":scope > ui-input");
+		this.#s = t;
+		let n = this.querySelector(":scope > ui-listbox[popover]");
+		this.#p = n, n?.setAttribute("popover", "manual"), n?.setAttribute("virtual-focus", ""), t && n && (this.#a.wirePopover(t, n), n.id ||= this.#o), t?.setAttribute("role", "combobox"), t?.setAttribute("aria-autocomplete", "list"), t?.setAttribute("aria-controls", n?.id ?? ""), t?.setAttribute("aria-expanded", "false"), this.deferChildren(() => {
 			if (!this.#d) {
-				let e = t?.querySelectorAll("ui-option") ?? [];
+				let e = n?.querySelectorAll("ui-option") ?? [];
 				this.#t.data.value = [...e].map((e) => ({
 					value: e.getAttribute("value") ?? "",
 					label: e.getAttribute("label") ?? e.textContent?.trim() ?? ""
 				}));
 			}
-			let n = this.getAttribute("value");
-			if (n) {
-				let e = this.querySelector(`ui-option[value="${CSS.escape(n)}"]`), t = e?.getAttribute("label") ?? e?.textContent?.trim() ?? n;
-				this.#t.value.value = n, this.#t.query.value = t;
+			let r = this.getAttribute("value");
+			if (r) {
+				let e = this.querySelector(`ui-option[value="${CSS.escape(r)}"]`), t = e?.getAttribute("label") ?? e?.textContent?.trim() ?? r;
+				this.#t.value.value = r, this.#t.query.value = t;
 			}
 			this.addEffect(() => {
-				let e = this.#t.view.value, n = new Set(e.map((e) => e.value)), r = t?.querySelectorAll("ui-option") ?? [];
-				for (let e of r) e.toggleAttribute("hidden", !n.has(e.getAttribute("value") ?? ""));
+				let e = this.#t.view.value, t = new Set(e.map((e) => e.value)), r = n?.querySelectorAll("ui-option") ?? [];
+				for (let e of r) e.toggleAttribute("hidden", !t.has(e.getAttribute("value") ?? ""));
 			}), this.addEffect(() => {
 				this.#t.view.value;
-				let n = this.#t.activeIndex.value, i = [...t?.querySelectorAll("ui-option:not([hidden]):not([disabled])") ?? []];
-				for (let e = 0; e < i.length; e++) i[e].toggleAttribute("active", e === n);
-				let a = i[n];
-				a ? (a.scrollIntoView({ block: "nearest" }), a.id ||= r("opt"), e?.setAttribute("aria-activedescendant", a.id)) : e?.removeAttribute("aria-activedescendant");
+				let r = this.#t.activeIndex.value, i = [...n?.querySelectorAll("ui-option:not([hidden]):not([disabled])") ?? []];
+				for (let e = 0; e < i.length; e++) i[e].toggleAttribute("active", e === r);
+				let a = i[r];
+				a ? (a.scrollIntoView({ block: "nearest" }), a.id ||= e("opt"), t?.setAttribute("aria-activedescendant", a.id)) : t?.removeAttribute("aria-activedescendant");
 			}), this.addEffect(() => {
-				let e = this.#t.value.value, n = t?.querySelectorAll("ui-option") ?? [];
-				for (let t of n) {
-					let n = t.getAttribute("value") === e;
-					t.setAttribute("aria-selected", String(n));
+				let e = this.#t.value.value, t = n?.querySelectorAll("ui-option") ?? [];
+				for (let n of t) {
+					let t = n.getAttribute("value") === e;
+					n.setAttribute("aria-selected", String(t));
 				}
 			}), this.#d && (this.addEffect(() => {
 				let e = this.#c.value;
@@ -2708,22 +2710,22 @@ var ve = class extends y(d) {
 				let e = this.#l.value;
 				e && this.#h(e);
 			}), this.addEffect(() => {
-				let t = this.#u.value;
-				e && (t ? e.setAttribute("placeholder", t) : e.removeAttribute("placeholder"));
+				let e = this.#u.value;
+				t && (e ? t.setAttribute("placeholder", e) : t.removeAttribute("placeholder"));
 			}));
 		}), 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);
+			let e = this.#r.value;
+			t && t.toggleAttribute("disabled", e), e && this.#n.value && (this.#n.value = !1);
 		}), this.#i.value = this.hasAttribute("required"), this.addEffect(() => {
 			let e = this.#t.value.value;
 			this.#i.value && (e === null || e === "") ? this.#e.setValidity({ valueMissing: !0 }, "Please select an option.", this) : this.#e.setValidity({});
 		}), this.addEffect(() => {
-			let t = this.#n.value;
-			this.#a.syncPopover(t), e?.setAttribute("aria-expanded", String(t));
+			let e = this.#n.value;
+			this.#a.syncPopover(e), t?.setAttribute("aria-expanded", String(e));
 		}), this.addEffect(() => {
 			let e = this.#t.value.value;
 			this.#e.setFormValue(e ?? ""), e == null ? this.removeAttribute("value") : this.setAttribute("value", e);
-		}), e?.addEventListener("focus", this.#v), this.addEventListener("ui-input", this.#y), this.addEventListener("ui-change", this.#b), this.addEventListener("ui-select", this.#x), this.addEventListener("ui-dismiss", this.#S), e?.addEventListener("keydown", this.#C);
+		}), t?.addEventListener("focus", this.#v), this.addEventListener("ui-input", this.#y), this.addEventListener("ui-change", this.#b), this.addEventListener("ui-select", this.#x), this.addEventListener("ui-dismiss", this.#S), t?.addEventListener("keydown", this.#C);
 	}
 	#v = () => {
 		!this.#r.value && !this.#n.value && (this.#n.value = !0);
@@ -2794,11 +2796,11 @@ var ve = class extends y(d) {
 	onFormDisabled(e) {
 		this.#r.value = e;
 	}
-}, xe = class extends d {
+}, xe = class extends c {
 	static observedAttributes = ["disabled", "required"];
-	#e = r("field-label");
-	#t = r("field-desc");
-	#n = r("field-err");
+	#e = e("field-label");
+	#t = e("field-desc");
+	#n = e("field-err");
 	#r = null;
 	setup() {
 		super.setup(), this.deferChildren(() => {
@@ -2854,7 +2856,7 @@ var ve = class extends y(d) {
 	#u = () => {
 		this.removeAttribute("invalid");
 	};
-}, Se = class extends y(d) {
+}, Se = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"placeholder",
@@ -2978,7 +2980,7 @@ var ve = class extends y(d) {
 			detail: { value: this.textContent ?? "" }
 		}));
 	};
-}, Ce = class extends y(d) {
+}, Ce = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"min",
@@ -3148,7 +3150,7 @@ var ve = class extends y(d) {
 			detail: { value: this.#n.value }
 		}));
 	}
-}, we = class extends y(d) {
+}, we = class extends y(c) {
 	static observedAttributes = [
 		"value",
 		"length",
@@ -3318,7 +3320,7 @@ var ve = class extends y(d) {
 			detail: { value: this.value }
 		}));
 	}
-}, Te = class extends d {
+}, Te = class extends c {
 	static observedAttributes = [
 		"src",
 		"name",
@@ -3364,7 +3366,7 @@ var ve = class extends y(d) {
 		let e = this.getAttribute("name");
 		e ? this.textContent = this.#r(e) : this.textContent = "?";
 	};
-}, Ee = class extends d {
+}, Ee = class extends c {
 	static observedAttributes = ["max"];
 	#e;
 	#t = "";
@@ -3385,7 +3387,7 @@ var ve = class extends y(d) {
 		let n = parseInt(this.#t, 10);
 		isNaN(n) || (n > t ? this.textContent = `${t}+` : this.textContent = this.#t);
 	}
-}, De = class extends d {
+}, De = class extends c {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "navigation";
@@ -3395,7 +3397,7 @@ var ve = class extends y(d) {
 		let e = this.getAttribute("aria-label") ?? "Breadcrumb";
 		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e);
 	}
-}, Oe = class extends d {
+}, Oe = class extends c {
 	static observedAttributes = ["href", "current"];
 	#e;
 	constructor() {
@@ -3421,7 +3423,7 @@ var ve = class extends y(d) {
 	#r = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#n());
 	};
-}, ke = class extends d {
+}, ke = class extends c {
 	static observedAttributes = [
 		"total",
 		"value",
@@ -3544,7 +3546,7 @@ var ve = class extends y(d) {
 			detail: { value: t }
 		})));
 	}
-}, Ae = class extends d {
+}, Ae = class extends c {
 	static observedAttributes = [
 		"side",
 		"no-close-on-escape",
@@ -3561,12 +3563,12 @@ var ve = class extends y(d) {
 		this.#e.close();
 	}
 	setup() {
-		super.setup(), this.#e = new m(this, { contentTarget: () => document.createElement("ui-drawer-panel") });
+		super.setup(), this.#e = new h(this, { contentTarget: () => document.createElement("ui-drawer-panel") });
 	}
 	teardown() {
 		this.#e.destroy(), super.teardown();
 	}
-}, je = class extends d {
+}, je = class extends c {
 	static observedAttributes = ["disabled"];
 	#e;
 	#t = t(!1);
@@ -3584,7 +3586,7 @@ var ve = class extends y(d) {
 		t !== n && (e === "disabled" && (this.#t.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new a(this, {
+		super.setup(), this.#n = new l(this, {
 			selector: ":scope ui-tree-item > [slot=\"label\"]",
 			orientation: "vertical"
 		});
@@ -3594,7 +3596,7 @@ var ve = class extends y(d) {
 	teardown() {
 		this.#n.destroy(), super.teardown();
 	}
-}, Me = class extends d {
+}, Me = class extends c {
 	static observedAttributes = [
 		"expanded",
 		"selected",
@@ -3676,7 +3678,7 @@ var ve = class extends y(d) {
 				break;
 		}
 	};
-}, Ne = class extends d {
+}, Ne = class extends c {
 	static observedAttributes = [
 		"direction",
 		"controls",
@@ -3750,27 +3752,27 @@ var ve = class extends y(d) {
 	}
 	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 = [];
+		let t = document.createElement("div");
+		t.setAttribute("part", "track"), t.id = e("ss-track"), t.setAttribute("tabindex", "0");
+		let n = [];
 		for (; this.firstChild;) {
-			let n = this.firstChild;
-			e.appendChild(n), n instanceof HTMLElement && n.tagName.toLowerCase() === "ui-slide" && t.push(n);
+			let e = this.firstChild;
+			t.appendChild(e), e instanceof HTMLElement && e.tagName.toLowerCase() === "ui-slide" && n.push(e);
 		}
-		this.appendChild(e), this.#e = e, this.#d = t;
-		let n = document.createElement("div");
-		n.setAttribute("part", "controls");
+		this.appendChild(t), this.#e = t, this.#d = n;
+		let r = document.createElement("div");
+		r.setAttribute("part", "controls");
 		let i = document.createElement("button");
 		i.setAttribute("part", "prev"), i.setAttribute("aria-label", "Previous slide"), i.setAttribute("type", "button"), i.innerHTML = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 256 256\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z\" fill=\"currentColor\"/></svg>";
 		let a = document.createElement("button");
-		a.setAttribute("part", "next"), a.setAttribute("aria-label", "Next slide"), a.setAttribute("type", "button"), a.innerHTML = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 256 256\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\" fill=\"currentColor\"/></svg>", n.appendChild(i), n.appendChild(a), this.appendChild(n), this.#n = i, this.#r = a;
+		a.setAttribute("part", "next"), a.setAttribute("aria-label", "Next slide"), a.setAttribute("type", "button"), a.innerHTML = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 256 256\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\" fill=\"currentColor\"/></svg>", r.appendChild(i), r.appendChild(a), this.appendChild(r), this.#n = i, this.#r = a;
 		let o = document.createElement("div");
 		o.setAttribute("part", "indicators"), o.setAttribute("aria-hidden", "true"), this.appendChild(o), this.#t = o;
 		let s = document.createElement("div");
-		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(() => {
+		s.id = e("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 = n.length, this.#y(n), this.#b(n.length), this.#S(n), n.length > 0 && n[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(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();
+		}), this.addEffect(g(this, this.#s, this.#_)), i.addEventListener("click", this.#D), a.addEventListener("click", this.#O), t.addEventListener("keydown", this.#P), t.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();
@@ -3779,11 +3781,11 @@ var ve = class extends y(d) {
 		let t = Math.max(1, parseInt(e ?? "1", 10) || 1);
 		this.style.setProperty("--_per-view", String(t));
 	}
-	#y(e) {
-		let t = e.length;
-		for (let n = 0; n < t; n++) {
-			let i = e[n];
-			i.setAttribute("role", "group"), i.setAttribute("aria-roledescription", "slide"), i.setAttribute("aria-label", `${n + 1} of ${t}`), i.id ||= r("slide");
+	#y(t) {
+		let n = t.length;
+		for (let r = 0; r < n; r++) {
+			let i = t[r];
+			i.setAttribute("role", "group"), i.setAttribute("aria-roledescription", "slide"), i.setAttribute("aria-label", `${r + 1} of ${n}`), i.id ||= e("slide");
 		}
 	}
 	#b(e) {
@@ -3889,11 +3891,11 @@ var ve = class extends y(d) {
 				break;
 		}
 	};
-}, Pe = class extends d {
+}, Pe = class extends c {
 	setup() {
 		super.setup(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1");
 	}
-}, Fe = class extends d {
+}, Fe = class extends c {
 	static observedAttributes = ["value", "disabled"];
 	#e;
 	#t;
@@ -3923,7 +3925,7 @@ var ve = class extends y(d) {
 		}
 	}
 	setup() {
-		super.setup(), this.#n = new l(this, {
+		super.setup(), this.#n = new d(this, {
 			itemSelector: ":scope ui-nav-item:not([disabled])",
 			orientation: "vertical",
 			ariaAttr: "aria-current",
@@ -3944,7 +3946,7 @@ var ve = class extends y(d) {
 	teardown() {
 		this.#n.destroy(), super.teardown();
 	}
-}, Ie = class extends d {
+}, Ie = class extends c {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -4008,7 +4010,7 @@ var ve = class extends y(d) {
 			}
 		}));
 	};
-}, Le = class extends d {
+}, Le = class extends c {
 	static observedAttributes = ["open"];
 	#e = t(!0);
 	#t = null;
@@ -4060,18 +4062,18 @@ var ve = class extends y(d) {
 		let e = this.#t.open;
 		this.#e.value = e, this.toggleAttribute("open", e);
 	};
-}, Re = class extends d {
+}, Re = class extends c {
 	constructor() {
 		super();
 		let e = this.attachInternals();
 		e.role = "presentation";
 	}
 	setup() {
-		super.setup(), this.id ||= r("ngh");
-		let e = this.closest("ui-nav-group");
-		e && e.setAttribute("aria-labelledby", this.id);
+		super.setup(), this.id ||= e("ngh");
+		let t = this.closest("ui-nav-group");
+		t && t.setAttribute("aria-labelledby", this.id);
 	}
-}, Y = class extends d {
+}, Y = class extends c {
 	static observedAttributes = [
 		"traits",
 		"for",
@@ -4103,7 +4105,7 @@ var ve = class extends y(d) {
 		let e = this.getAttribute("traits");
 		if (!e) return;
 		let t = this.getAttribute("for");
-		t === null ? this.#o(e) : this.#s(e, t), this.#r.size > 0 && !this.#i && (this.#i = h((e) => {
+		t === null ? this.#o(e) : this.#s(e, t), this.#r.size > 0 && !this.#i && (this.#i = o((e) => {
 			this.#r.has(e) && (this.#r.delete(e), this.#a(), this.#r.size === 0 && (this.#i?.(), this.#i = null));
 		}));
 	}
@@ -4139,8 +4141,8 @@ var ve = class extends y(d) {
 				let n = `[native-ui] Trait conflict: "${t}" and "${e}" are incompatible.`;
 				console.warn(n);
 			}
-			let a = c(this, t), o = n.create(e, a);
-			r.set(t, o);
+			let o = a(this, t), s = n.create(e, o);
+			r.set(t, s);
 		}
 		this.#e.set(e, r);
 	}
@@ -4168,7 +4170,7 @@ var ve = class extends y(d) {
 				if (!e) continue;
 				let n = i(e.trait);
 				if (!n?.update) continue;
-				let r = c(this, e.trait);
+				let r = a(this, e.trait);
 				for (let [, t] of this.#e) {
 					let i = t.get(e.trait);
 					i && n.update(i, r);
@@ -4176,7 +4178,7 @@ var ve = class extends y(d) {
 			}
 		}), this.#n.observe(this, { attributes: !0 });
 	}
-}, ze = class extends d {
+}, ze = class extends c {
 	static observedAttributes = [
 		"disabled",
 		"no-enter-submit",
@@ -4256,7 +4258,7 @@ var ve = class extends y(d) {
 			detail: { value: e }
 		})) && !this.hasAttribute("no-auto-clear") && (this.value = "", this.#r?.setAttribute("disabled", ""));
 	}
-}, Be = class extends d {
+}, Be = class extends c {
 	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));
@@ -4271,7 +4273,7 @@ var ve = class extends y(d) {
 	#t = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#e());
 	};
-}, Ve = class extends d {
+}, Ve = class extends c {
 	static observedAttributes = [
 		"collapsible",
 		"collapsed",
@@ -4290,14 +4292,14 @@ var ve = class extends y(d) {
 	#e = () => {
 		this.hasAttribute("collapsible") && this.toggleAttribute("collapsed");
 	};
-}, He = class extends d {
+}, He = class extends c {
 	#e;
 	#t;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "toolbar";
 	}
 	setup() {
-		super.setup(), this.#t = new a(this, {
+		super.setup(), this.#t = new l(this, {
 			selector: ":scope > ui-button:not([disabled]), :scope > button:not([disabled])",
 			orientation: "horizontal"
 		}), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Toolbar");
@@ -4305,12 +4307,12 @@ var ve = class extends y(d) {
 	teardown() {
 		this.#t.destroy(), super.teardown();
 	}
-}, Ue = class extends d {
+}, Ue = class extends c {
 	#e = null;
 	setup() {
 		super.setup();
 		let e = this.querySelector(":scope > [slot=\"sidebar\"]");
-		e?.querySelector(".layout-resize-handle") && (this.#e = new p(e, {
+		e?.querySelector(".layout-resize-handle") && (this.#e = new m(e, {
 			handleSelector: ".layout-resize-handle",
 			axis: "horizontal",
 			min: 160,
@@ -4320,13 +4322,13 @@ var ve = class extends y(d) {
 	teardown() {
 		this.#e?.destroy(), this.#e = null, super.teardown();
 	}
-}, We = class extends d {
+}, We = class extends c {
 	#e = null;
 	#t = !1;
 	setup() {
 		super.setup();
 		let e = this.querySelector(":scope > ui-listbox[popover]");
-		e && (this.#e = new f(this), this.#e.wirePopover(this, e), this.addEventListener("click", this.#n), this.addEventListener("ui-dismiss", this.#r));
+		e && (this.#e = new p(this), this.#e.wirePopover(this, e), this.addEventListener("click", this.#n), this.addEventListener("ui-dismiss", this.#r));
 	}
 	teardown() {
 		this.removeEventListener("click", this.#n), this.removeEventListener("ui-dismiss", this.#r), this.#e?.destroy(), this.#e = null, this.#t = !1, super.teardown();
@@ -4337,7 +4339,7 @@ var ve = class extends y(d) {
 	#r = () => {
 		this.#t = !1, this.#e?.syncPopover(!1);
 	};
-}, Ge = class extends d {
+}, Ge = class extends c {
 	#e = null;
 	get open() {
 		return this.hasAttribute("open");
@@ -4349,7 +4351,7 @@ var ve = class extends y(d) {
 		this.open = !this.open;
 	}
 	setup() {
-		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new p(this, {
+		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new m(this, {
 			handleSelector: ".layout-resize-handle",
 			axis: "horizontal",
 			min: 280,
@@ -4376,7 +4378,7 @@ function $(e) {
 * @attr {string} size - Icon size override
 * @attr {string} aria-label - Accessible label (sets role="img" when present)
 */
-var qe = class extends d {
+var qe = class extends c {
 	static observedAttributes = [
 		"name",
 		"size",