@nonoun/native-ui 0.3.0 → 0.4.0

package/dist/components.js

@@ -815,7 +815,7 @@ var H = class {
 		};
 		this.animate && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
 			m(), this.#C();
-		}) : m(), this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
+		}).finished.catch(() => {}) : m(), this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
 			bubbles: !0,
 			composed: !0,
 			detail: {
@@ -839,7 +839,7 @@ var H = class {
 		};
 		this.animate && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
 			r(), this.#C();
-		}) : r();
+		}).finished.catch(() => {}) : r();
 	}
 	#E = (e) => {
 		if (this.#e) {
@@ -915,89 +915,6 @@ var H = class {
 		this.#n &&= (this.#n.remove(), null), this.#e = null, this.#s = -1, this.#c = -1, this.#u = null, this.#d = null, this.#f = -1, document.removeEventListener("pointermove", this.#v), document.removeEventListener("pointerup", this.#E), document.removeEventListener("pointercancel", this.#D), document.removeEventListener("keydown", this.#O);
 	}
 }, U = class {
-	host;
-	handleSelector;
-	axis;
-	min;
-	max;
-	disabled;
-	reverse;
-	#e = 0;
-	#t = 0;
-	#n = 0;
-	#r = 0;
-	#i = !1;
-	#a = !1;
-	constructor(e, t) {
-		this.host = e, this.handleSelector = t.handleSelector, this.axis = t.axis ?? "horizontal", this.min = t.min ?? 0, this.max = t.max ?? Infinity, this.disabled = t.disabled ?? !1, this.reverse = t.reverse ?? !1, this.attach();
-	}
-	attach() {
-		this.#a || (this.#a = !0, this.host.addEventListener("pointerdown", this.#o));
-	}
-	detach() {
-		this.#a && (this.#a = !1, this.host.removeEventListener("pointerdown", this.#o), this.#d());
-	}
-	destroy() {
-		this.detach();
-	}
-	#o = (e) => {
-		if (e.button !== 0 || this.disabled || !this.handleSelector) return;
-		let t = e.target.closest?.(this.handleSelector);
-		if (!t || !this.host.contains(t)) return;
-		e.preventDefault(), this.#i = !0, this.#e = e.clientX, this.#t = e.clientY;
-		let n = this.host.getBoundingClientRect();
-		this.#n = n.width, this.#r = n.height, this.host.setAttribute("resizing", ""), this.host.setPointerCapture(e.pointerId), document.addEventListener("pointermove", this.#s), document.addEventListener("pointerup", this.#c), document.addEventListener("pointercancel", this.#l), document.addEventListener("keydown", this.#u), this.host.dispatchEvent(new CustomEvent("ui-resize-start", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				width: this.#n,
-				height: this.#r
-			}
-		}));
-	};
-	#s = (e) => {
-		if (!this.#i) return;
-		let t = this.reverse ? -1 : 1, n = (e.clientX - this.#e) * t, r = (e.clientY - this.#t) * t;
-		if (this.axis === "horizontal" || this.axis === "both") {
-			let e = Math.min(this.max, Math.max(this.min, this.#n + n));
-			this.host.style.width = `${e}px`;
-		}
-		if (this.axis === "vertical" || this.axis === "both") {
-			let e = Math.min(this.max, Math.max(this.min, this.#r + r));
-			this.host.style.height = `${e}px`;
-		}
-		let i = this.host.getBoundingClientRect();
-		this.host.dispatchEvent(new CustomEvent("ui-resize-move", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				width: i.width,
-				height: i.height
-			}
-		}));
-	};
-	#c = (e) => {
-		if (!this.#i) return;
-		let t = this.host.getBoundingClientRect();
-		this.host.dispatchEvent(new CustomEvent("ui-resize-end", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				width: t.width,
-				height: t.height
-			}
-		})), this.#d();
-	};
-	#l = () => {
-		this.#i && ((this.axis === "horizontal" || this.axis === "both") && (this.host.style.width = `${this.#n}px`), (this.axis === "vertical" || this.axis === "both") && (this.host.style.height = `${this.#r}px`), this.#d());
-	};
-	#u = (e) => {
-		e.key === "Escape" && this.#i && (e.preventDefault(), (this.axis === "horizontal" || this.axis === "both") && (this.host.style.width = `${this.#n}px`), (this.axis === "vertical" || this.axis === "both") && (this.host.style.height = `${this.#r}px`), this.#d());
-	};
-	#d() {
-		this.#i = !1, this.host.removeAttribute("resizing"), document.removeEventListener("pointermove", this.#s), document.removeEventListener("pointerup", this.#c), document.removeEventListener("pointercancel", this.#l), document.removeEventListener("keydown", this.#u);
-	}
-}, W = class {
 	host;
 	disabled;
 	#e = !1;
@@ -1044,7 +961,7 @@ var H = class {
 			detail: { pointerType: "keyboard" }
 		})));
 	};
-}, G = class {
+}, W = class {
 	host;
 	selector;
 	orientation;
@@ -1098,7 +1015,7 @@ var H = class {
 		let r = e[t];
 		r && (r.setAttribute("tabindex", "0"), r.focus());
 	}
-}, K = class {
+}, G = class {
 	host;
 	#e = 0;
 	constructor(e) {
@@ -1115,13 +1032,13 @@ var H = class {
 	destroy() {
 		this.#e &&= (cancelAnimationFrame(this.#e), 0), R().dismissStack.remove(this.host);
 	}
-}, q = class {
+}, K = class {
 	host;
 	#e;
 	#t = null;
 	#n = null;
 	constructor(e) {
-		this.host = e, this.#e = new K(e);
+		this.host = e, this.#e = new G(e);
 	}
 	wirePopover(e, t) {
 		this.#t = e, this.#n = t;
@@ -1144,7 +1061,7 @@ var H = class {
 	destroy() {
 		this.#e.destroy(), this.#t?.style.removeProperty("anchor-name"), this.#t = null, this.#n?.style.removeProperty("position-anchor"), this.#n = null;
 	}
-}, J = class {
+}, q = class {
 	host;
 	listValue = _(null);
 	itemSelector;
@@ -1161,7 +1078,7 @@ var H = class {
 				cancelable: !0,
 				detail: t
 			}));
-		}), this.#e = new G(e, {
+		}), this.#e = new W(e, {
 			selector: this.itemSelector,
 			orientation: t.orientation ?? "vertical",
 			wrap: t.wrap ?? !0,
@@ -1200,7 +1117,7 @@ var H = class {
 		let t = e.detail;
 		this.onChildSelect(t);
 	};
-}, Y = class {
+}, J = class {
 	host;
 	#e = null;
 	#t;
@@ -1271,7 +1188,7 @@ var H = class {
 		}, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#r = new W(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(j(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(j(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();
@@ -1479,7 +1396,7 @@ var H = class {
 		}
 	}
 	setup() {
-		super.setup(), this.#i = new J(this, {
+		super.setup(), this.#i = new q(this, {
 			itemSelector: ":scope ui-option:not([disabled])",
 			autoSync: !1,
 			orientation: "vertical",
@@ -1872,7 +1789,7 @@ var H = class {
 		}
 	}
 	setup() {
-		super.setup(), this.#o = new W(this, { disabled: () => this.disabled }), this.#a = this.hasAttribute("checked"), this.#i.value = this.hasAttribute("required"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(j(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(j(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(() => {
@@ -1958,7 +1875,7 @@ var H = class {
 		}, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#a = new W(this, { disabled: () => this.disabled }), this.#i = this.hasAttribute("checked"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(j(this, this.#n.signal, this.#e, { manageTabindex: !0 })), this.addEffect(() => {
+		super.setup(), this.#a = new U(this, { disabled: () => this.disabled }), this.#i = this.hasAttribute("checked"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(j(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.addEffect(() => {
@@ -2014,7 +1931,7 @@ var H = class {
 		t !== n && (N({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.setAttribute("aria-checked", "false"), this.#n = new W(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(j(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(j(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();
@@ -2099,7 +2016,7 @@ var H = class {
 		}
 	}
 	setup() {
-		super.setup(), this.#r = this.getAttribute("value"), this.#n.value = this.hasAttribute("required"), this.#i = new J(this, {
+		super.setup(), this.#r = this.getAttribute("value"), this.#n.value = this.hasAttribute("required"), this.#i = new q(this, {
 			itemSelector: ":scope ui-radio:not([disabled])",
 			ariaAttr: "aria-checked",
 			orientation: "vertical",
@@ -2195,7 +2112,7 @@ var H = class {
 		}
 	}
 	setup() {
-		super.setup(), this.#r = this.getAttribute("value"), this.#i = new J(this, {
+		super.setup(), this.#r = this.getAttribute("value"), this.#i = new q(this, {
 			itemSelector: ":scope > ui-segment:not([disabled])",
 			ariaAttr: "aria-checked",
 			orientation: "horizontal",
@@ -2270,7 +2187,7 @@ var H = class {
 		t !== n && (N({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new W(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(j(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(j(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
 	}
 	teardown() {
 		this.removeEventListener("ui-press", this.#r), this.#n.destroy(), super.teardown();
@@ -2457,7 +2374,7 @@ var H = class {
 		this.#e.close();
 	}
 	setup() {
-		super.setup(), this.#e = new Y(this);
+		super.setup(), this.#e = new J(this);
 	}
 	teardown() {
 		this.#e.destroy(), super.teardown();
@@ -2503,7 +2420,7 @@ var H = class {
 		}
 	}
 	setup() {
-		super.setup(), this.#n = new J(this, {
+		super.setup(), this.#n = new q(this, {
 			itemSelector: ":scope > ui-tab:not([disabled])",
 			orientation: "horizontal",
 			autoSync: !0,
@@ -2579,7 +2496,7 @@ var H = class {
 		t !== n && (N({ disabled: this.#t }, e, n), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new W(this, { disabled: () => this.disabled }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1"), this.addEffect(j(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(j(this, this.#t.signal, this.#e)), this.addEventListener("ui-press", this.#r);
 	}
 	teardown() {
 		this.removeEventListener("ui-press", this.#r), this.#n.destroy(), super.teardown();
@@ -2614,7 +2531,7 @@ var H = class {
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "presentation";
 	}
-}, X = class {
+}, Y = class {
 	sortColumn;
 	sortDirection;
 	selected;
@@ -2652,9 +2569,9 @@ var H = class {
 	}
 };
 function Ne(e = {}) {
-	return new X(e);
+	return new Y(e);
 }
-var Pe = class {
+var X = class {
 	table;
 	#e = [];
 	#t = -1;
@@ -2731,7 +2648,7 @@ var Pe = 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);
 	}
-}, Fe = class {
+}, Pe = class {
 	#e;
 	#t;
 	#n;
@@ -2767,14 +2684,14 @@ var Pe = 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();
 	}
-}, Ie = class extends k {
+}, Fe = class extends k {
 	static observedAttributes = [
 		"selectable",
 		"resizable",
 		"reorderable"
 	];
 	#e;
-	#t = new X();
+	#t = new Y();
 	#n = null;
 	#r = null;
 	#i = null;
@@ -2832,7 +2749,7 @@ var Pe = 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 Pe(this), this.#n.init();
+		this.#n = new X(this), this.#n.init();
 	}
 	#o() {
 		let e = this.querySelector(":scope > ui-table-head > ui-table-row");
@@ -2845,7 +2762,7 @@ var Pe = class {
 	}
 	#s() {
 		let e = this.querySelector(":scope > ui-table-body");
-		e && (this.#i = new Fe(e, this));
+		e && (this.#i = new Pe(e, this));
 	}
 	#c = (e) => {
 		let t = e.detail;
@@ -2871,17 +2788,17 @@ var Pe = class {
 			}
 		}));
 	};
-}, Le = class extends k {
+}, Ie = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
 	}
-}, Re = class extends k {
+}, Le = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "rowgroup";
 	}
-}, ze = class extends k {
+}, Re = class extends k {
 	static observedAttributes = ["value", "selected"];
 	#e;
 	constructor() {
@@ -2912,12 +2829,12 @@ var Pe = class {
 			detail: { value: this.value }
 		}));
 	};
-}, Be = class extends k {
+}, ze = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "cell";
 	}
-}, Ve = class extends k {
+}, Be = class extends k {
 	static observedAttributes = ["sort", "sortable"];
 	#e;
 	constructor() {
@@ -2967,7 +2884,7 @@ function Z(e) {
 	let t = /* @__PURE__ */ new Date(e + "T00:00:00");
 	return isNaN(t.getTime()) ? null : t;
 }
-function He(e) {
+function Ve(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
 function Q(e, t) {
@@ -3037,7 +2954,7 @@ var $ = class {
 	#e() {
 		let e = this.focusedYear.value, t = this.focusedMonth.value, n = Z(this.value.value), r = /* @__PURE__ */ new Date(), i = Z(this.rangeStart.value), a = Z(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 = Q(o, r), f = n ? Q(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 = Ve(o), u = o.getMonth() === t, d = Q(o, r), f = n ? Q(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 = Q(o, e), g = Q(o, t);
@@ -3113,7 +3030,7 @@ var $ = class {
 		}
 	}
 };
-function Ue(e = {}) {
+function He(e = {}) {
 	return new $(e);
 }
 /**
@@ -3127,7 +3044,7 @@ function Ue(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 We = class extends P(k) {
+var Ue = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"min",
@@ -3358,7 +3275,7 @@ var We = class extends P(k) {
 		}
 		r && (e.preventDefault(), n = Math.max(0, Math.min(41, n)), this.#a.value = n, n < 0 && this.#t.prevMonth(), n > 41 && this.#t.nextMonth());
 	};
-}, Ge = class {
+}, We = class {
 	open = _(!1);
 	value = _(null);
 	label = _("");
@@ -3381,7 +3298,7 @@ var We = class extends P(k) {
 			this.open.value = !1, this.value.value = null, this.label.value = "";
 		});
 	}
-}, Ke = class extends P(k) {
+}, Ge = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -3392,7 +3309,7 @@ var We = class extends P(k) {
 		"required"
 	];
 	#e;
-	#t = new Ge();
+	#t = new We();
 	#n = _(!1);
 	#r = _(!1);
 	#i;
@@ -3513,7 +3430,7 @@ var We = class extends P(k) {
 		}
 	}
 	setup() {
-		if (super.setup(), this.#i = new q(this), this.#c = this.hasAttribute("options") || this.hasAttribute("src"), this.#c) {
+		if (super.setup(), this.#i = new K(this), this.#c = this.hasAttribute("options") || this.hasAttribute("src"), this.#c) {
 			let e = this.getAttribute("options");
 			e && (this.#a.value = this.#m(e)), this.#o.value = this.getAttribute("src"), this.#s.value = this.getAttribute("placeholder") ?? "", this.#g();
 		}
@@ -3629,7 +3546,7 @@ var We = class extends P(k) {
 	onFormDisabled(e) {
 		this.#n.value = e;
 	}
-}, qe = class extends P(k) {
+}, Ke = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"disabled",
@@ -3765,7 +3682,7 @@ var We = class extends P(k) {
 		}
 	}
 	setup() {
-		if (super.setup(), this.#a = new q(this), this.#d = this.hasAttribute("options") || this.hasAttribute("src"), this.#d) {
+		if (super.setup(), this.#a = new K(this), this.#d = this.hasAttribute("options") || this.hasAttribute("src"), this.#d) {
 			let e = this.getAttribute("options");
 			e && (this.#c.value = this.#g(e)), this.#l.value = this.getAttribute("src"), this.#u.value = this.getAttribute("placeholder") ?? "", this.#v();
 		}
@@ -3896,7 +3813,7 @@ var We = class extends P(k) {
 	onFormDisabled(e) {
 		this.#r.value = e;
 	}
-}, Je = class extends k {
+}, qe = class extends k {
 	static observedAttributes = ["disabled", "required"];
 	#e = A("field-label");
 	#t = A("field-desc");
@@ -3960,7 +3877,7 @@ var We = class extends P(k) {
 		let t = this.querySelector("[slot=\"description\"]"), n = this.querySelector("[slot=\"error\"]"), r = [];
 		t && r.push(t.id), e && n && r.push(n.id), r.length ? this.#r.setAttribute("aria-describedby", r.join(" ")) : this.#r.removeAttribute("aria-describedby");
 	}
-}, Ye = class extends P(k) {
+}, Je = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"placeholder",
@@ -4090,7 +4007,7 @@ var We = class extends P(k) {
 			detail: { value: this.textContent ?? "" }
 		}));
 	};
-}, Xe = class extends P(k) {
+}, Ye = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"min",
@@ -4274,7 +4191,7 @@ var We = class extends P(k) {
 			detail: { value: this.#r.value }
 		}));
 	}
-}, Ze = class extends P(k) {
+}, Xe = class extends P(k) {
 	static observedAttributes = [
 		"value",
 		"length",
@@ -4459,7 +4376,7 @@ var We = class extends P(k) {
 			detail: { value: this.value }
 		}));
 	}
-}, Qe = class extends k {
+}, Ze = class extends k {
 	static observedAttributes = [
 		"src",
 		"name",
@@ -4511,7 +4428,7 @@ var We = class extends P(k) {
 		let e = this.getAttribute("name");
 		e ? this.textContent = this.#r(e) : this.textContent = "?";
 	};
-}, $e = class extends k {
+}, Qe = class extends k {
 	static observedAttributes = ["max"];
 	#e;
 	#t = "";
@@ -4532,7 +4449,7 @@ var We = class extends P(k) {
 		let n = parseInt(this.#t, 10);
 		isNaN(n) || (n > t ? this.textContent = `${t}+` : this.textContent = this.#t);
 	}
-}, et = class extends k {}, tt = class extends k {
+}, $e = class extends k {}, et = class extends k {
 	#e;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "navigation";
@@ -4542,7 +4459,7 @@ var We = class extends P(k) {
 		let e = this.getAttribute("aria-label") ?? "Breadcrumb";
 		this.#e.ariaLabel = e, this.hasAttribute("aria-label") || this.setAttribute("aria-label", e);
 	}
-}, nt = class extends k {
+}, tt = class extends k {
 	static observedAttributes = ["href", "current"];
 	#e;
 	constructor() {
@@ -4568,7 +4485,7 @@ var We = class extends P(k) {
 	#r = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#n());
 	};
-}, rt = class extends k {
+}, nt = class extends k {
 	static observedAttributes = [
 		"total",
 		"value",
@@ -4697,7 +4614,7 @@ var We = class extends P(k) {
 			detail: { value: t }
 		})));
 	}
-}, it = class extends k {
+}, rt = class extends k {
 	#e;
 	get open() {
 		return this.#e.open;
@@ -4709,12 +4626,12 @@ var We = class extends P(k) {
 		this.#e.close();
 	}
 	setup() {
-		super.setup(), this.#e = new Y(this, { contentTarget: () => document.createElement("ui-drawer-panel") });
+		super.setup(), this.#e = new J(this, { contentTarget: () => document.createElement("ui-drawer-panel") });
 	}
 	teardown() {
 		this.#e.destroy(), super.teardown();
 	}
-}, at = class extends k {
+}, it = class extends k {
 	static observedAttributes = ["disabled"];
 	#e;
 	#t = _(!1);
@@ -4732,7 +4649,7 @@ var We = class extends P(k) {
 		t !== n && (e === "disabled" && (this.#t.value = n !== null), super.attributeChangedCallback?.(e, t, n));
 	}
 	setup() {
-		super.setup(), this.#n = new G(this, {
+		super.setup(), this.#n = new W(this, {
 			selector: ":scope ui-tree-item > [slot=\"label\"]",
 			orientation: "vertical"
 		});
@@ -4742,7 +4659,7 @@ var We = class extends P(k) {
 	teardown() {
 		this.#n.destroy(), super.teardown();
 	}
-}, ot = class extends k {
+}, at = class extends k {
 	static observedAttributes = [
 		"expanded",
 		"selected",
@@ -4836,7 +4753,7 @@ var We = class extends P(k) {
 				break;
 		}
 	};
-}, st = class extends k {
+}, ot = class extends k {
 	static observedAttributes = [
 		"direction",
 		"controls",
@@ -5055,229 +4972,11 @@ var We = class extends P(k) {
 				break;
 		}
 	};
-}, ct = class extends k {
+}, st = class extends k {
 	setup() {
 		super.setup(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "-1");
 	}
-}, lt = class extends k {
-	static observedAttributes = ["value", "disabled"];
-	#e;
-	#t;
-	#n;
-	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "navigation", this.#t = M(this, "disabled", { type: "boolean" });
-	}
-	get value() {
-		return this.#n?.listValue.value ?? null;
-	}
-	set value(e) {
-		this.#n && (this.#n.listValue.value = e), e === null ? this.removeAttribute("value") : this.setAttribute("value", e);
-	}
-	get disabled() {
-		return this.#t.value;
-	}
-	set disabled(e) {
-		this.#t.set(e);
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n) {
-			if (N({ disabled: this.#t }, e, n)) {
-				super.attributeChangedCallback?.(e, t, n);
-				return;
-			}
-			e === "value" && this.#n && (this.#n.listValue.value = n), super.attributeChangedCallback?.(e, t, n);
-		}
-	}
-	setup() {
-		super.setup(), this.#n = new J(this, {
-			itemSelector: ":scope ui-nav-item:not([disabled])",
-			orientation: "vertical",
-			ariaAttr: "aria-current",
-			onChildSelect: (e) => {
-				this.#n.listValue.value = e.value, this.setAttribute("value", e.value), this.dispatchEvent(new CustomEvent("ui-change", {
-					bubbles: !0,
-					composed: !0,
-					cancelable: !0,
-					detail: e
-				}));
-			},
-			addEffect: (e) => this.addEffect(e),
-			deferChildren: (e) => this.deferChildren(e)
-		});
-		let e = this.getAttribute("value");
-		e !== null && (this.#n.listValue.value = e), this.addEffect(j(this, this.#t.signal, this.#e));
-	}
-	teardown() {
-		this.#n.destroy(), super.teardown();
-	}
-}, ut = class extends k {
-	static observedAttributes = [
-		"value",
-		"disabled",
-		"label"
-	];
-	#e;
-	#t = _("");
-	#n;
-	#r = _("");
-	constructor() {
-		super(), this.#e = this.attachInternals(), this.#e.role = "link", this.#n = M(this, "disabled", { type: "boolean" });
-	}
-	get value() {
-		return this.#t.value;
-	}
-	set value(e) {
-		this.#t.value = e, this.getAttribute("value") !== e && this.setAttribute("value", e);
-	}
-	get disabled() {
-		return this.#n.value;
-	}
-	set disabled(e) {
-		this.#n.set(e);
-	}
-	get label() {
-		return this.#r.value || this.textContent?.trim() || "";
-	}
-	set label(e) {
-		this.#r.value = e, e ? this.getAttribute("label") !== e && this.setAttribute("label", e) : this.removeAttribute("label");
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n) {
-			if (N({ disabled: this.#n }, e, n)) {
-				super.attributeChangedCallback?.(e, t, n);
-				return;
-			}
-			switch (e) {
-				case "value":
-					this.#t.value = n ?? "";
-					break;
-				case "label":
-					this.#r.value = n ?? "";
-					break;
-			}
-			super.attributeChangedCallback?.(e, t, n);
-		}
-	}
-	setup() {
-		super.setup(), this.addEffect(j(this, this.#n.signal, this.#e)), this.addEventListener("click", this.#i);
-	}
-	teardown() {
-		this.removeEventListener("click", this.#i), super.teardown();
-	}
-	#i = () => {
-		this.disabled || this.dispatchEvent(new CustomEvent("ui-select", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				value: this.#t.value,
-				label: this.label
-			}
-		}));
-	};
-}, dt = class extends k {
-	static observedAttributes = ["open"];
-	#e = _(!1);
-	#t = null;
-	#n;
-	#r = null;
-	#i = null;
-	#a = null;
-	#o = !1;
-	constructor() {
-		super(), this.#n = this.attachInternals(), this.#n.role = "group";
-	}
-	/** Whether the flyout popover is currently open. */
-	get flyoutOpen() {
-		return this.#o;
-	}
-	get open() {
-		return this.#e.value;
-	}
-	set open(e) {
-		this.#e.value = e, this.toggleAttribute("open", e);
-	}
-	attributeChangedCallback(e, t, n) {
-		t !== n && (e === "open" && (this.#e.value = n !== null), super.attributeChangedCallback?.(e, t, n));
-	}
-	setup() {
-		super.setup();
-		let e = document.createElement("details"), t = document.createElement("summary"), n = this.querySelector(":scope > ui-nav-group-header");
-		for (n && t.appendChild(n); this.firstChild;) e.appendChild(this.firstChild);
-		e.insertBefore(t, e.firstChild), this.appendChild(e), this.#t = e, this.addEffect(() => {
-			let e = this.#e.value;
-			this.#t && (this.#t.open = e);
-		}), e.addEventListener("toggle", this.#c), this.#r = new MutationObserver(() => this.#s()), this.#r.observe(e, {
-			subtree: !0,
-			attributes: !0,
-			attributeFilter: ["aria-current"]
-		}), this.#s();
-		let r = document.createElement("ui-listbox");
-		r.setAttribute("popover", "manual"), r.className = "nav-group-flyout", this.appendChild(r), this.#i = r, this.#a = new q(this), this.#a.wirePopover(this, r), r.addEventListener("ui-select", this.#u), r.addEventListener("ui-change", this.#d), this.addEventListener("ui-dismiss", this.#l);
-	}
-	teardown() {
-		this.closeFlyout(), this.#a?.destroy(), this.#a = null, this.#i?.remove(), this.#i = null, this.#r?.disconnect(), this.#r = null, this.#t?.removeEventListener("toggle", this.#c), this.#t = null, super.teardown();
-	}
-	#s() {
-		if (!this.#t) return;
-		let e = this.#t.querySelectorAll(":scope > ui-nav-item"), t = -1;
-		for (let n = 0; n < e.length; n++) if (e[n].hasAttribute("aria-current")) {
-			t = n;
-			break;
-		}
-		if (t < 0) {
-			this.#n.states.delete("has-selection");
-			return;
-		}
-		this.style.setProperty("--_indicator-index", `${t}`), this.#n.states.add("has-selection");
-	}
-	#c = () => {
-		if (!this.#t) return;
-		let e = this.#t.open;
-		this.#e.value = e, this.toggleAttribute("open", e);
-	};
-	/** Stamp ui-option elements from child nav-items, open the flyout popover. */
-	openFlyout() {
-		if (!this.#t || !this.#i) return;
-		this.#i.innerHTML = "";
-		let e = this.#t.querySelectorAll(":scope > ui-nav-item"), t = !0;
-		for (let n of e) {
-			let e = n.getAttribute("value") ?? "", r = n.getAttribute("label") || n.textContent?.trim() || "", i = n.hasAttribute("aria-disabled"), a = document.createElement("ui-option");
-			a.setAttribute("value", e), a.textContent = r, n.hasAttribute("aria-current") && a.setAttribute("selected", ""), i && a.setAttribute("disabled", ""), i || (a.setAttribute("tabindex", t ? "0" : "-1"), t = !1), this.#i.appendChild(a);
-		}
-		this.#o = !0, this.#a?.syncPopover(!0), queueMicrotask(() => {
-			(this.#i?.querySelector("ui-option:not([disabled])"))?.focus();
-		});
-	}
-	/** Clear the flyout and close the popover. Returns focus to the summary. */
-	closeFlyout() {
-		this.#i && (this.#i.innerHTML = "", this.#o = !1, this.#a?.syncPopover(!1), (this.#t?.querySelector("summary"))?.focus());
-	}
-	#l = () => {
-		this.closeFlyout();
-	};
-	#u = () => {
-		queueMicrotask(() => this.closeFlyout());
-	};
-	#d = (e) => {
-		e.stopPropagation();
-	};
-}, ft = class extends k {
-	constructor() {
-		super();
-		let e = this.attachInternals();
-		e.role = "presentation";
-	}
-	setup() {
-		super.setup(), this.id ||= A("ngh");
-		let e = this.closest("ui-nav-group");
-		e && e.setAttribute("aria-labelledby", this.id);
-		let t = this.querySelector(":scope > ui-icon");
-		if (t) {
-			let e = document.createElement("span");
-			e.className = "icon-well", this.insertBefore(e, t), e.appendChild(t);
-		}
-	}
-}, pt = class extends k {
+}, ct = class extends k {
 	static observedAttributes = [
 		"traits",
 		"for",
@@ -5410,7 +5109,7 @@ var We = class extends P(k) {
 		}
 		return t;
 	}
-}, mt = class extends k {
+}, lt = class extends k {
 	static observedAttributes = ["disabled"];
 	#e;
 	#t = _(!1);
@@ -5486,7 +5185,7 @@ var We = class extends P(k) {
 			detail: { value: e }
 		})) && !this.hasAttribute("no-auto-clear") && (this.value = "", this.#r?.setAttribute("disabled", ""));
 	}
-}, ht = class extends k {
+}, ut = class extends k {
 	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));
@@ -5501,7 +5200,7 @@ var We = class extends P(k) {
 	#t = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#e());
 	};
-}, gt = class extends k {
+}, dt = class extends k {
 	static observedAttributes = [
 		"collapsible",
 		"collapsed",
@@ -5520,14 +5219,14 @@ var We = class extends P(k) {
 	#e = () => {
 		this.hasAttribute("collapsible") && this.toggleAttribute("collapsed");
 	};
-}, _t = class extends k {
+}, ft = class extends k {
 	#e;
 	#t;
 	constructor() {
 		super(), this.#e = this.attachInternals(), this.#e.role = "toolbar";
 	}
 	setup() {
-		super.setup(), this.#t = new G(this, {
+		super.setup(), this.#t = new W(this, {
 			selector: ":scope > ui-button:not([disabled]), :scope > button:not([disabled])",
 			orientation: "horizontal"
 		}), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Toolbar");
@@ -5535,136 +5234,5 @@ var We = class extends P(k) {
 	teardown() {
 		this.#t.destroy(), super.teardown();
 	}
-}, vt = class extends k {
-	static observedAttributes = ["collapsed"];
-	#e = null;
-	#t = null;
-	#n = null;
-	#r = [];
-	attributeChangedCallback(e, t, n) {
-		t !== n && (e === "collapsed" && this.dataset.ready !== void 0 && this.#i(), super.attributeChangedCallback?.(e, t, n));
-	}
-	setup() {
-		super.setup();
-		let e = this.querySelector(":scope > [slot=\"sidebar\"]");
-		e?.querySelector(".layout-resize-handle") && (this.#e = new U(e, {
-			handleSelector: ".layout-resize-handle",
-			axis: "horizontal",
-			min: 160,
-			max: 400
-		})), e && this.#s(e), queueMicrotask(() => this.#i()), this.addEventListener("ui-dismiss", this.#o), this.dataset.ready = "";
-	}
-	teardown() {
-		this.removeEventListener("ui-dismiss", this.#o), this.#a(), this.#n = null, this.#t?.disconnect(), this.#t = null, this.#e?.destroy(), this.#e = null, super.teardown();
-	}
-	/** Attach or detach summary click interception based on collapsed state. */
-	#i() {
-		if (this.#a(), !this.hasAttribute("collapsed")) {
-			this.#n?.flyoutOpen && this.#n.closeFlyout(), this.#n = null;
-			return;
-		}
-		let e = this.querySelectorAll("ui-nav-group");
-		for (let t of e) {
-			let e = t.querySelector(":scope > details > summary");
-			if (!e) continue;
-			let n = (e) => {
-				e.preventDefault(), this.#n === t && t.flyoutOpen ? (t.closeFlyout(), this.#n = null) : (this.#n?.flyoutOpen && this.#n.closeFlyout(), t.openFlyout(), this.#n = t);
-			};
-			e.addEventListener("click", n), this.#r.push({
-				summary: e,
-				handler: n
-			});
-		}
-	}
-	/** Remove all summary click listeners. */
-	#a() {
-		for (let { summary: e, handler: t } of this.#r) e.removeEventListener("click", t);
-		this.#r = [];
-	}
-	/** When a group closes its flyout internally (dismiss, option select),
-	*  clear our active reference so we stay in sync. */
-	#o = (e) => {
-		let t = e.target?.closest?.("ui-nav-group");
-		t && t === this.#n && (this.#n = null);
-	};
-	/** Watch header/footer size changes and sync CSS custom properties + data
-	*  attributes so content gets correct padding offsets and fade masks. */
-	#s(e) {
-		let t = e.querySelector("ui-layout-sidebar-header"), n = e.querySelector("ui-layout-sidebar-footer"), r = e.querySelector("ui-layout-sidebar-content");
-		if (!r) return;
-		let i = () => {
-			let i = t ? t.offsetHeight : 0, a = n ? n.offsetHeight : 0;
-			e.style.setProperty("--_sidebar-header-height", `${i}px`), e.style.setProperty("--_sidebar-footer-height", `${a}px`), t ? r.dataset.hasHeader = "" : delete r.dataset.hasHeader, n ? r.dataset.hasFooter = "" : delete r.dataset.hasFooter;
-		};
-		i();
-		let a = [];
-		if (t && a.push(t), n && a.push(n), a.length > 0) {
-			this.#t = new ResizeObserver(i);
-			for (let e of a) this.#t.observe(e);
-		}
-	}
-}, yt = class extends k {
-	#e = null;
-	#t = !1;
-	setup() {
-		super.setup();
-		let e = this.querySelector(":scope > ui-listbox[popover]");
-		e && (this.#e = new q(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();
-	}
-	#n = (e) => {
-		e.target.closest("ui-listbox") || (this.#t = !this.#t, this.#e?.syncPopover(this.#t));
-	};
-	#r = () => {
-		this.#t = !1, this.#e?.syncPopover(!1);
-	};
-}, bt = class extends k {
-	#e = null;
-	get open() {
-		return this.hasAttribute("open");
-	}
-	set open(e) {
-		this.toggleAttribute("open", e);
-	}
-	toggle() {
-		this.open = !this.open;
-	}
-	setup() {
-		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new U(this, {
-			handleSelector: ".layout-resize-handle",
-			axis: "horizontal",
-			min: 280,
-			max: 480,
-			reverse: !0
-		}));
-	}
-	teardown() {
-		this.#e?.destroy(), this.#e = null, super.teardown();
-	}
-}, xt = class extends k {
-	#e = null;
-	get open() {
-		return this.hasAttribute("open");
-	}
-	set open(e) {
-		this.toggleAttribute("open", e);
-	}
-	toggle() {
-		this.open = !this.open;
-	}
-	setup() {
-		super.setup(), this.querySelector(".layout-resize-handle") && (this.#e = new U(this, {
-			handleSelector: ".layout-resize-handle",
-			axis: "horizontal",
-			min: 280,
-			max: 480,
-			reverse: !0
-		}));
-	}
-	teardown() {
-		this.#e?.destroy(), this.#e = null, super.teardown();
-	}
 };
-export { Ce as $, Ke as A, R as At, Ie as B, E as Bt, $e as C, H as Ct, Ye as D, oe as Dt, Xe as E, z as Et, Ve as F, j as Ft, je as G, y as Gt, X as H, re as Ht, Be as I, A as It, Oe as J, u as Jt, Ae as K, v as Kt, ze as L, k as Lt, We as M, P as Mt, $ as N, M as Nt, Je as O, I as Ot, Ue as P, N as Pt, we as Q, Re as R, O as Rt, et as S, U as St, Ze as T, B as Tt, Ne as U, x as Ut, Pe as V, T as Vt, Me as W, b as Wt, Ee as X, De as Y, r as Yt, Te as Z, at as _, J as _t, _t as a, _e as at, nt as b, G as bt, mt as c, me as ct, dt as d, de as dt, Se as et, ut as f, ue as ft, ot as g, Y as gt, st as h, se as ht, vt as i, ve as it, Ge as j, F as jt, qe as k, L as kt, pt as l, pe as lt, ct as m, ce as mt, bt as n, be as nt, gt as o, ge as ot, lt as p, le as pt, ke as q, _ as qt, yt as r, ye as rt, ht as s, he as st, xt as t, xe as tt, ft as u, fe as ut, it as v, q as vt, Qe as w, V as wt, tt as x, W as xt, rt as y, K as yt, Le as z, D as zt };
+export { he as $, Le as A, D as At, Oe as B, r as Bt, We as C, P as Ct, Be as D, A as Dt, He as E, j as Et, Ne as F, b as Ft, Ce as G, Ee as H, Me as I, y as It, be as J, Se as K, je as L, v as Lt, Fe as M, T as Mt, X as N, re as Nt, ze as O, k as Ot, Y as P, x as Pt, ge as Q, Ae as R, _ as Rt, Ge as S, F as St, $ as T, N as Tt, Te as U, De as V, we as W, ve as X, ye as Y, _e as Z, Xe as _, z as _t, ct as a, le as at, qe as b, L as bt, at as c, J as ct, nt as d, G as dt, me as et, tt as f, W as ft, Ze as g, B as gt, Qe as h, V as ht, lt as i, ue as it, Ie as j, E as jt, Re as k, O as kt, it as l, q as lt, $e as m, H as mt, dt as n, fe as nt, st as o, ce as ot, et as p, U as pt, xe as q, ut as r, de as rt, ot as s, se as st, ft as t, pe as tt, rt as u, K as ut, Ye as v, oe as vt, Ue as w, M as wt, Ke as x, R as xt, Je as y, I as yt, ke as z, u as zt };