@vireo-ai/trellis-ui 0.1.8 → 0.1.9

package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js

@@ -7313,17 +7313,14 @@ var Gp = (e) => {
 	};
 	return {
 		push(e) {
-			for (let t of e) if (!(i && (i = !1, t === "\n"))) {
-				if (t === "\r") {
-					o(r), r = "", i = !0;
-					continue;
-				}
-				if (t === "\n") {
-					o(r), r = "";
-					continue;
-				}
-				r += t;
-			}
+			let t = 0;
+			i && e.length > 0 && (i = !1, e.charCodeAt(0) === 10 && (t = 1));
+			let n = t;
+			for (let a = t; a < e.length; a += 1) {
+				let t = e.charCodeAt(a);
+				t !== 10 && t !== 13 || (o(r + e.slice(n, a)), r = "", t === 13 && (a + 1 < e.length && e.charCodeAt(a + 1) === 10 ? a += 1 : a + 1 === e.length && (i = !0)), n = a + 1);
+			}
+			r += e.slice(n);
 		},
 		end() {
 			r &&= (o(r), ""), a();
@@ -7345,10 +7342,10 @@ var Gp = (e) => {
 }, om = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e.data.split("\n")) {
-		let e = n.indexOf(" ");
-		if (e <= 0) return J("x-ui-stream: invalid SSE command line", n), /* @__PURE__ */ new Map();
-		let r = n.slice(0, e), i = n.slice(e + 1);
-		t.set(r, [...t.get(r) ?? [], i]);
+		let e = n.indexOf(" "), r = e > 0, i = r ? n.slice(0, e) : n;
+		if (!r && i !== "html") return J("x-ui-stream: invalid SSE command line", i), null;
+		let a = r ? n.slice(e + 1) : "", o = t.get(i);
+		o ? o.push(a) : t.set(i, [a]);
 	}
 	return t;
 }, sm = (e, t) => {
@@ -7356,14 +7353,16 @@ var Gp = (e) => {
 	if (n?.length) return n.length > 1 && J("x-ui-stream: duplicate SSE command, using last value", t), n.at(-1);
 }, cm = (e, t) => {
 	let n = om(t);
-	n.size !== 0 && Qp(e, {
+	!n || n.size === 0 || Qp(e, {
 		mode: sm(n, "mode") ?? "replace",
 		target: sm(n, "target") ?? null,
 		selector: sm(n, "selector") ?? null,
 		html: n.get("html")?.join("\n") ?? null
 	});
 }, lm = (e) => {
-	let t = om(e), n = sm(t, "event");
+	let t = om(e);
+	if (!t) return;
+	let n = sm(t, "event");
 	if (!n) {
 		J("x-ui-stream: dispatch SSE frame missing event");
 		return;
@@ -7384,7 +7383,9 @@ var Gp = (e) => {
 	"trellis-ui-patch": cm,
 	"trellis-ui-dispatch": (e, t) => lm(t),
 	"trellis-ui-location": (e, t) => {
-		let n = om(t), r = sm(n, "url");
+		let n = om(t);
+		if (!n) return;
+		let r = sm(n, "url");
 		if (!r) {
 			J("x-ui-stream: location SSE frame missing url");
 			return;
@@ -7396,72 +7397,72 @@ var Gp = (e) => {
 			...i ? { mode: i } : {}
 		});
 	}
-}, dm = (e, t) => {
+}, dm = "trellis-ui-", fm = (e, t) => {
 	let n = um[t.event];
 	if (!n) {
-		J("x-ui-stream: unsupported SSE event", t.event);
+		t.event.startsWith(dm) && J("x-ui-stream: unsupported SSE event", t.event);
 		return;
 	}
 	n(e, t);
-}, fm = (e, t) => new Vp(t).listen({ onMessage(t) {
-	dm(e, t);
-} }), pm = (e) => {
+}, pm = (e, t) => new Vp(t).listen({ onMessage(t) {
+	fm(e, t);
+} }), mm = (e) => {
 	typeof e.directive == "function" && e.directive("ui-stream", (t, { expression: n }, { cleanup: r }) => {
 		if (!n) return;
 		let i = null;
-		i = fm(e, n), r(() => {
+		i = pm(e, n), r(() => {
 			i?.abort(), i = null;
 		});
 	});
-}, mm = "X-Trellis-UI-Request", hm = "meta[name=\"csrf-token\"]", gm = "text/event-stream", _m = "data-ui-request-pending", vm = "application/x-www-form-urlencoded", ym = "multipart/form-data", bm = new Set(["GET"]), xm = null, Sm = (e) => {
+}, hm = "X-Trellis-UI-Request", gm = "meta[name=\"csrf-token\"]", _m = "text/event-stream", vm = "data-ui-request-pending", ym = "application/x-www-form-urlencoded", bm = "multipart/form-data", xm = new Set(["GET"]), Sm = null, Cm = (e) => {
 	let t = (e || "GET").toUpperCase();
 	return t === "POST" || t === "PUT" || t === "PATCH" || t === "DELETE" ? t : "GET";
-}, Cm = (e, t, n) => {
+}, wm = (e, t, n) => {
 	if (e instanceof FormData) {
 		e.append(t, n);
 		return;
 	}
 	e.append(t, n instanceof File ? n.name : String(n));
-}, wm = (e, t, n) => {
+}, Tm = (e, t, n) => {
 	if (Array.isArray(n)) {
-		n.forEach((n) => wm(e, t, n));
+		n.forEach((n) => Tm(e, t, n));
 		return;
 	}
-	n != null && Cm(e, t, n instanceof Blob ? n : String(n));
-}, Tm = (e, t) => {
-	Object.entries(t).forEach(([t, n]) => wm(e, t, n));
+	n != null && wm(e, t, n instanceof Blob ? n : String(n));
 }, Em = (e, t) => {
+	Object.entries(t).forEach(([t, n]) => Tm(e, t, n));
+}, Dm = (e, t) => {
 	if (t) {
 		if (t instanceof FormData || t instanceof URLSearchParams) {
-			for (let [n, r] of t.entries()) Cm(e, n, r);
+			for (let [n, r] of t.entries()) wm(e, n, r);
 			return;
 		}
-		Tm(e, t);
+		Em(e, t);
 	}
-}, Dm = (e, t) => {
+}, Om = (e, t) => {
 	let n = new Headers(e);
-	n.set(mm, "true");
-	let r = document.querySelector(hm)?.content;
-	return r && n.set("X-CSRFToken", r), t instanceof URLSearchParams && !n.has("Content-Type") && n.set("Content-Type", vm), n;
-}, Om = (e, t, n) => {
+	n.set(hm, "true");
+	let r = document.querySelector(gm)?.content;
+	return r && n.set("X-CSRFToken", r), t instanceof URLSearchParams && !n.has("Content-Type") && n.set("Content-Type", ym), n;
+}, km = (e, t, n) => {
 	if (e) return new URL(e, document.baseURI);
 	if (t instanceof HTMLFormElement) {
 		let e = n?.getAttribute("formaction") || t.getAttribute("action") || window.location.href;
 		return new URL(e, document.baseURI);
 	}
 	return t instanceof HTMLAnchorElement ? new URL(t.href, document.baseURI) : new URL(window.location.href);
-}, km = (e, t) => t?.getAttribute("formenctype") || e.enctype || vm, Am = (e) => {
+}, Am = (e, t) => t?.getAttribute("formenctype") || e.enctype || ym, jm = (e) => {
 	if (!(e instanceof HTMLButtonElement || e instanceof HTMLInputElement)) return null;
 	let t = e.getAttribute("name");
 	return t ? [t, e.value] : null;
-}, jm = (e, t) => {
-	let n = new FormData(e), r = Am(t);
+}, Mm = (e, t) => {
+	let n = new FormData(e), r = jm(t);
 	return r && n.append(...r), n;
-}, Mm = (e) => {
+}, Nm = (e) => {
 	let t = new URLSearchParams();
 	for (let [n, r] of e.entries()) r instanceof File ? t.append(n, r.name) : t.append(n, r);
 	return t;
-}, Nm = (e, t) => {
+}, Pm = (e, t) => {
 	if (e === void 0) return {
 		payload: t,
 		explicit: !1
@@ -7475,58 +7476,58 @@ var Gp = (e) => {
 		explicit: !0
 	};
 	let n = new URLSearchParams();
-	return Tm(n, e), {
+	return Em(n, e), {
 		payload: n,
 		explicit: !0
 	};
-}, Pm = (e, t) => {
+}, Fm = (e, t) => {
 	if (!t) return e;
-	if (e instanceof FormData || e instanceof URLSearchParams) return Em(e, t), e;
+	if (e instanceof FormData || e instanceof URLSearchParams) return Dm(e, t), e;
 	let n = new URLSearchParams();
-	return typeof e == "string" && n.append("data", e), Em(n, t), n;
-}, Fm = (e, t) => e instanceof HTMLFormElement ? {
-	payload: jm(e, t),
-	enctype: km(e, t)
+	return typeof e == "string" && n.append("data", e), Dm(n, t), n;
+}, Im = (e, t) => e instanceof HTMLFormElement ? {
+	payload: Mm(e, t),
+	enctype: Am(e, t)
 } : {
 	payload: new URLSearchParams(),
-	enctype: vm
-}, Im = (e, t, n) => t ? Sm(t) : e instanceof HTMLFormElement ? Sm(n?.getAttribute("formmethod") || e.getAttribute("method")) : "GET", Lm = (e, t = {}) => {
-	let n = t.source, r = t.submitter ?? null, i = Im(n, t.method, r), a = Om(e, n, r), o = Fm(n, r), s = Nm(t.data, o.payload), c = Pm(s.payload, t.extra), l = { method: i }, u = null;
-	return bm.has(i) ? c instanceof FormData || c instanceof URLSearchParams ? Mm(c).forEach((e, t) => a.searchParams.append(t, e)) : typeof c == "string" && a.searchParams.append("data", c) : u = c instanceof FormData && (s.explicit || o.enctype === ym) ? c : c instanceof FormData ? Mm(c) : c, l.headers = Dm(t.headers, u), u != null && (l.body = u), {
+	enctype: ym
+}, Lm = (e, t, n) => t ? Cm(t) : e instanceof HTMLFormElement ? Cm(n?.getAttribute("formmethod") || e.getAttribute("method")) : "GET", Rm = (e, t = {}) => {
+	let n = t.source, r = t.submitter ?? null, i = Lm(n, t.method, r), a = km(e, n, r), o = Im(n, r), s = Pm(t.data, o.payload), c = Fm(s.payload, t.extra), l = { method: i }, u = null;
+	return xm.has(i) ? c instanceof FormData || c instanceof URLSearchParams ? Nm(c).forEach((e, t) => a.searchParams.append(t, e)) : typeof c == "string" && a.searchParams.append("data", c) : u = c instanceof FormData && (s.explicit || o.enctype === bm) ? c : c instanceof FormData ? Nm(c) : c, l.headers = Om(t.headers, u), u != null && (l.body = u), {
 		url: a,
 		method: i,
 		init: l
 	};
-}, Rm = (e) => e?.isConnected ? e : document, zm = (e, t, n = {}) => new CustomEvent(e, {
+}, zm = (e) => e?.isConnected ? e : document, Bm = (e, t, n = {}) => new CustomEvent(e, {
 	bubbles: !0,
 	composed: !0,
 	cancelable: n.cancelable ?? !1,
 	detail: t
-}), Bm = (e, t, n, r) => Rm(t).dispatchEvent(zm(e, n, r)), Vm = /* @__PURE__ */ new WeakMap(), Hm = (e) => {
+}), Vm = (e, t, n, r) => zm(t).dispatchEvent(Bm(e, n, r)), Hm = /* @__PURE__ */ new WeakMap(), Um = (e) => {
 	if (!e) return;
-	let t = Vm.get(e) ?? 0;
-	Vm.set(e, t + 1), e.setAttribute("aria-busy", "true"), e.setAttribute(_m, "true");
-}, Um = (e) => {
+	let t = Hm.get(e) ?? 0;
+	Hm.set(e, t + 1), e.setAttribute("aria-busy", "true"), e.setAttribute(vm, "true");
+}, Wm = (e) => {
 	if (!e) return;
-	let t = (Vm.get(e) ?? 1) - 1;
+	let t = (Hm.get(e) ?? 1) - 1;
 	if (t > 0) {
-		Vm.set(e, t);
+		Hm.set(e, t);
 		return;
 	}
-	Vm.delete(e), e.removeAttribute("aria-busy"), e.removeAttribute(_m);
-}, Wm = (e) => e.headers.get("Content-Type")?.toLowerCase().includes(gm) ?? !1, Gm = async (e, t) => t.status === 204 ? {
+	Hm.delete(e), e.removeAttribute("aria-busy"), e.removeAttribute(vm);
+}, Gm = (e) => e.headers.get("Content-Type")?.toLowerCase().includes(_m) ?? !1, Km = async (e, t) => t.status === 204 ? {
 	response: t,
 	type: "empty"
-} : t.redirected && !Wm(t) ? (window.location.assign(t.url), {
+} : t.redirected && !Gm(t) ? (window.location.assign(t.url), {
 	response: t,
 	type: "redirect"
-}) : Wm(t) ? (await am(t, (t) => dm(e, t)), {
+}) : Gm(t) ? (await am(t, (t) => fm(e, t)), {
 	response: t,
 	type: "sse"
 }) : (J("x-ui-request: expected text/event-stream response", t), {
 	response: t,
 	type: "other"
-}), Km = (e, t) => {
+}), qm = (e, t) => {
 	if (!t) return {
 		signal: e.signal,
 		cleanup: () => void 0
@@ -7536,8 +7537,8 @@ var Gp = (e) => {
 		signal: e.signal,
 		cleanup: () => t.removeEventListener("abort", n)
 	};
-}, qm = (e, t) => t.aborted || e instanceof DOMException && e.name === "AbortError" || e instanceof Error && e.name === "AbortError", Jm = async (e, t, n = {}) => {
-	let r = n.source, i = new AbortController(), a = Lm(t, n), o = Km(i, n.signal), s = o.signal;
+}, Jm = (e, t) => t.aborted || e instanceof DOMException && e.name === "AbortError" || e instanceof Error && e.name === "AbortError", Ym = async (e, t, n = {}) => {
+	let r = n.source, i = new AbortController(), a = Rm(t, n), o = qm(i, n.signal), s = o.signal;
 	a.init.signal = s;
 	let c = {
 		source: r ?? document,
@@ -7547,56 +7548,56 @@ var Gp = (e) => {
 		controller: i,
 		signal: s
 	};
-	if (!Bm("ui:request:before", r, c, { cancelable: !0 })) return {
+	if (!Vm("ui:request:before", r, c, { cancelable: !0 })) return {
 		response: null,
 		type: "empty"
 	};
-	Hm(r), Bm("ui:request:start", r, c);
+	Um(r), Vm("ui:request:start", r, c);
 	try {
-		let t = await fetch(a.url.toString(), a.init), n = await Gm(e, t);
-		return c.response = t, c.responseType = n.type, n.type === "sse" || t.ok && n.type !== "other" || n.type === "redirect" ? Bm("ui:request:success", r, c) : Bm("ui:request:error", r, c), n;
+		let t = await fetch(a.url.toString(), a.init), n = await Km(e, t);
+		return c.response = t, c.responseType = n.type, n.type === "sse" || t.ok && n.type !== "other" || n.type === "redirect" ? Vm("ui:request:success", r, c) : Vm("ui:request:error", r, c), n;
 	} catch (e) {
-		if (qm(e, s)) return c.responseType = "aborted", {
+		if (Jm(e, s)) return c.responseType = "aborted", {
 			response: null,
 			type: "aborted"
 		};
-		throw c.error = e, Bm("ui:request:error", r, c), e;
+		throw c.error = e, Vm("ui:request:error", r, c), e;
 	} finally {
-		o.cleanup(), Um(r), Bm("ui:request:finish", r, c);
+		o.cleanup(), Wm(r), Vm("ui:request:finish", r, c);
 	}
-}, Ym = () => {
-	if (!xm) throw Error("Trellis request runtime has not been registered with Alpine.");
-	return xm;
-}, Xm = (e, t = {}) => Jm(Ym(), e, t), Zm = (e, t = {}) => Xm(e, {
+}, Xm = () => {
+	if (!Sm) throw Error("Trellis request runtime has not been registered with Alpine.");
+	return Sm;
+}, Zm = (e, t = {}) => Ym(Xm(), e, t), Qm = (e, t = {}) => Zm(e, {
 	...t,
 	method: "GET"
-}), Qm = (e, t = {}) => Xm(e, {
+}), $m = (e, t = {}) => Zm(e, {
 	...t,
 	method: "POST"
-}), $m = (e, t = {}) => Xm(e, {
+}), eh = (e, t = {}) => Zm(e, {
 	...t,
 	method: "PUT"
-}), eh = (e, t = {}) => Xm(e, {
+}), th = (e, t = {}) => Zm(e, {
 	...t,
 	method: "DELETE"
-}), th = (e) => {
-	xm = e;
-}, nh = [
+}), nh = (e) => {
+	Sm = e;
+}, rh = [
 	"light",
 	"dark",
 	"system"
-], rh = (e) => typeof e == "string" && nh.includes(e), ih = (e) => rh(e) ? e : "system", ah = () => document.documentElement.dataset.themeStorageKey || "trellis-ui-theme", oh = () => ih(document.documentElement.dataset.theme), sh = () => {
+], ih = (e) => typeof e == "string" && rh.includes(e), ah = (e) => ih(e) ? e : "system", oh = () => document.documentElement.dataset.themeStorageKey || "trellis-ui-theme", sh = () => ah(document.documentElement.dataset.theme), ch = () => {
 	try {
-		return ih(window.localStorage.getItem(ah()) || oh());
+		return ah(window.localStorage.getItem(oh()) || sh());
 	} catch {
-		return oh();
+		return sh();
 	}
-}, ch = (e) => {
+}, lh = (e) => {
 	try {
-		window.localStorage.setItem(ah(), e);
+		window.localStorage.setItem(oh(), e);
 	} catch {}
-}, lh = () => window.matchMedia("(prefers-color-scheme: dark)").matches, uh = (e) => e === "dark" || e === "system" && lh(), dh = (e) => {
-	let t = uh(e), n = t ? "dark" : "light", r = document.documentElement;
+}, uh = () => window.matchMedia("(prefers-color-scheme: dark)").matches, dh = (e) => e === "dark" || e === "system" && uh(), fh = (e) => {
+	let t = dh(e), n = t ? "dark" : "light", r = document.documentElement;
 	return r.classList.toggle("dark", t), r.dataset.theme = e, r.dataset.resolvedTheme = n, r.dispatchEvent(new CustomEvent("ui:theme-change", {
 		detail: {
 			mode: e,
@@ -7611,45 +7612,45 @@ var Gp = (e) => {
 		dark: t,
 		on: t
 	};
-}, fh = () => {
-	let e = dh(sh());
+}, ph = () => {
+	let e = fh(ch());
 	return {
 		mode: e.mode,
 		resolved: e.resolved,
 		dark: e.dark,
 		on: e.on,
 		set(e) {
-			let t = ih(e);
-			ch(t);
-			let n = dh(t);
+			let t = ah(e);
+			lh(t);
+			let n = fh(t);
 			this.mode = n.mode, this.resolved = n.resolved, this.dark = n.dark, this.on = n.on;
 		},
 		toggle() {
 			this.set(this.dark ? "light" : "dark");
 		}
 	};
-}, ph = (e) => {
+}, mh = (e) => {
 	if (typeof e.store != "function") return;
-	let t = e.store("theme") ?? fh();
+	let t = e.store("theme") ?? ph();
 	e.store("theme", t), window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
 		if (t.mode !== "system") return;
-		let e = dh("system");
+		let e = fh("system");
 		t.mode = e.mode, t.resolved = e.resolved, t.dark = e.dark, t.on = e.on;
 	});
-}, mh = 0, hh = null, gh = () => {
-	if (mh === 0) {
+}, hh = 0, gh = null, _h = () => {
+	if (hh === 0) {
 		let e = document.documentElement, t = document.body, n = Math.max(0, window.innerWidth - e.clientWidth);
-		hh = {
+		gh = {
 			bodyOverflow: t.style.overflow,
 			bodyPaddingRight: t.style.paddingRight,
 			rootOverflow: e.style.overflow
 		}, e.style.overflow = "hidden", t.style.overflow = "hidden", n > 0 && (t.style.paddingRight = `${n}px`), e.setAttribute("data-ui-scroll-locked", "");
 	}
-	mh += 1;
-}, _h = () => {
-	if (mh === 0 || (--mh, mh > 0)) return;
+	hh += 1;
+}, vh = () => {
+	if (hh === 0 || (--hh, hh > 0)) return;
 	let e = document.documentElement, t = document.body;
-	t.style.overflow = hh?.bodyOverflow ?? "", t.style.paddingRight = hh?.bodyPaddingRight ?? "", e.style.overflow = hh?.rootOverflow ?? "", e.removeAttribute("data-ui-scroll-locked"), hh = null;
+	t.style.overflow = gh?.bodyOverflow ?? "", t.style.paddingRight = gh?.bodyPaddingRight ?? "", e.style.overflow = gh?.rootOverflow ?? "", e.removeAttribute("data-ui-scroll-locked"), gh = null;
 }, Z = {
 	createAnchoredPopover: dl,
 	createCollectionNavigation: vl,
@@ -7679,56 +7680,56 @@ var Gp = (e) => {
 	className: ml,
 	cx: hl,
 	motion: xs,
-	get: Zm,
-	post: Qm,
-	put: $m,
-	delete: eh,
-	registerRequestRuntime: th,
+	get: Qm,
+	post: $m,
+	put: eh,
+	delete: th,
+	registerRequestRuntime: nh,
 	applyStreamPatch: $p,
 	applyStreamPatches: Qp,
 	applyUiEffect: nm,
 	applyUiEffects: rm,
-	connectStream: fm,
+	connectStream: pm,
 	dispatchStreamEvent: em,
-	applyThemeMode: dh,
-	createThemeStore: fh,
-	lockDocumentScroll: gh,
+	applyThemeMode: fh,
+	createThemeStore: ph,
+	lockDocumentScroll: _h,
 	registerConfirm: El,
 	registerResizable: xf,
-	registerStream: pm,
-	registerThemeStore: ph,
+	registerStream: mm,
+	registerThemeStore: mh,
 	unregisterConfirm: Dl,
-	unlockDocumentScroll: _h
-}, vh = [
+	unlockDocumentScroll: vh
+}, yh = [
 	"xs",
 	"sm",
 	"md",
 	"lg",
 	"xlg"
-], yh = ["outline", "filled"], bh = [
+], bh = ["outline", "filled"], xh = [
 	"outline",
 	"solid",
 	"mini",
 	"micro"
-], xh = [
+], Sh = [
 	"button",
 	"submit",
 	"reset"
-], Sh = [
+], Ch = [
 	"start",
 	"center",
 	"end"
-], Ch = [
+], wh = [
 	"bottom",
 	"top",
 	"left",
 	"right"
-], wh = [
+], Th = [
 	"top",
 	"right",
 	"bottom",
 	"left"
-], Th = ["vertical", "horizontal"], Eh = [
+], Eh = ["vertical", "horizontal"], Dh = [
 	"leading",
 	"trailing",
 	"center",
@@ -7736,29 +7737,29 @@ var Gp = (e) => {
 	"top-trailing",
 	"bottom-leading",
 	"bottom-trailing"
-], Dh = ["default"], Oh = [
+], Oh = ["default"], kh = [
 	"h1",
 	"h2",
 	"h3",
 	"h4",
 	"h5",
 	"h6"
-], kh = {
+], Ah = {
 	inherit: "text-inherit",
 	muted: "text-foreground-muted",
 	subtle: "text-foreground-subtle",
 	accent: "text-accent-text",
 	danger: "text-danger-text"
 };
-kh.muted, kh.subtle, kh.accent, kh.danger;
-var Ah = [
+Ah.muted, Ah.subtle, Ah.accent, Ah.danger;
+var jh = [
 	"none",
 	"xs",
 	"sm",
 	"md",
 	"lg",
 	"full"
-], jh = ["solid", "alpha"], Mh = {
+], Mh = ["solid", "alpha"], Nh = {
 	none: "bg-transparent text-inherit",
 	app: "bg-app text-foreground",
 	chrome: "bg-chrome text-foreground",
@@ -7768,10 +7769,10 @@ var Ah = [
 	overlay: "bg-surface-overlay text-foreground",
 	accent: "bg-surface-accent text-surface-accent-fg",
 	inverse: "bg-surface-inverse text-surface-inverse-fg"
-}, Nh = {
+}, Ph = {
 	solid: "",
 	alpha: ""
-}, Ph = {
+}, Fh = {
 	xs: {
 		none: "",
 		xs: "rounded-1",
@@ -7812,61 +7813,61 @@ var Ah = [
 		lg: "rounded-5",
 		full: "rounded-full"
 	}
-}, Fh = ((e) => vh.flatMap((t) => Ah.map((n) => ({
+}, Ih = ((e) => yh.flatMap((t) => jh.map((n) => ({
 	when: {
 		size: t,
 		radius: n
 	},
 	class: e[t][n]
-}))))(Ph), Ih = ["flex w-full min-w-0 items-center gap-control text-control-fg outline-none"], Lh = ["flex w-full min-w-0 gap-control text-control-fg outline-none"], Rh = ["data-invalid:focus-within:shadow-danger-focus data-invalid:data-[state=open]:shadow-danger-focus"], zh = {
+}))))(Fh), Lh = ["flex w-full min-w-0 items-center gap-control text-control-fg outline-none"], Rh = ["flex w-full min-w-0 gap-control text-control-fg outline-none"], zh = ["data-invalid:focus-within:shadow-danger-focus data-invalid:data-[state=open]:shadow-danger-focus"], Bh = {
 	xs: "min-h-control-xs px-1.5 text-xs",
 	sm: "min-h-control-sm px-2 text-xs",
 	md: "min-h-control-md px-3 text-sm",
 	lg: "min-h-control-lg px-3 text-sm",
 	xlg: "min-h-control-xlg px-4 text-sm"
-}, Bh = {
+}, Vh = {
 	xs: "min-h-control-lg px-1.5 py-1 text-xs",
 	sm: "min-h-control-xlg px-2 py-1.5 text-xs",
 	md: "min-h-12 px-3 py-2 text-sm",
 	lg: "min-h-20 px-3 py-2 text-sm",
 	xlg: "min-h-24 px-4 py-2 text-sm"
-}, Vh = {
+}, Hh = {
 	outline: "bg-control shadow-control",
 	filled: "bg-control-hover shadow-none hover:bg-control-active data-invalid:shadow-control data-disabled:bg-control-hover data-disabled:hover:bg-control-hover"
-}, Hh = ["border-0 bg-transparent p-0 text-inherit text-control-fg outline-none", "placeholder:text-control-placeholder"], Uh = [
+}, Uh = ["border-0 bg-transparent p-0 text-inherit text-control-fg outline-none", "placeholder:text-control-placeholder"], Wh = [
 	"inline-flex size-control-xs shrink-0 items-center justify-center rounded-2 border-0 bg-transparent",
 	"text-icon outline-none hover:bg-control-hover hover:text-control-fg",
 	"focus-visible:ring-2 focus-visible:ring-focus"
-], Wh = ["w-full bg-control text-control-fg shadow-control outline-none"], Gh = ["absolute left-0 top-0 z-popover m-0 grid", "rounded-3 bg-popover text-popover-fg shadow-popover outline-none"], Kh = [
+], Gh = ["w-full bg-control text-control-fg shadow-control outline-none"], Kh = ["absolute left-0 top-0 z-popover m-0 grid", "rounded-3 bg-popover text-popover-fg shadow-popover outline-none"], qh = [
 	"ui-interactive:hover:bg-interactive-hover",
 	"ui-interactive:ui-active:bg-interactive-active",
 	"ui-interactive:ui-selected:bg-interactive-selected",
 	"ui-interactive:ui-selected:hover:bg-interactive-selected-hover"
 ];
-[...Kh];
-var qh = [
+[...qh];
+var Jh = [
 	"flex h-menu-item w-full cursor-default select-none items-center gap-2 rounded-2 px-menu-item-x",
 	"text-left text-sm font-normal text-menu-item-fg outline-none",
-	Kh,
+	qh,
 	"data-disabled:pointer-events-none data-disabled:opacity-50"
-], Jh = "size-icon shrink-0 fill-current text-current opacity-70", Yh = "ml-auto size-icon shrink-0 fill-current text-current opacity-0 data-selected:opacity-100", Xh = ["single", "multiple"], Zh = Th, Qh = ["trailing", "leading"];
-[...Qh];
-var $h = Oh;
+], Yh = "size-icon shrink-0 fill-current text-current opacity-70", Xh = "ml-auto size-icon shrink-0 fill-current text-current opacity-0 data-selected:opacity-100", Zh = ["single", "multiple"], Qh = Eh, $h = ["trailing", "leading"];
 [...$h];
-var eg = {
-	mode: q(Xh, "single"),
+var eg = kh;
+[...eg];
+var tg = {
+	mode: q(Zh, "single"),
 	collapsible: K,
 	disabled: K,
-	orientation: q(Zh, "vertical"),
+	orientation: q(Qh, "vertical"),
 	defaultValue: W,
 	defaultValues: W,
 	value: W,
 	values: W,
 	loop: K.default(!0),
-	iconPosition: q(Qh, "trailing"),
-	headingAs: q($h, "h3"),
+	iconPosition: q($h, "trailing"),
+	headingAs: q(eg, "h3"),
 	class: W
-}, tg = Y({ definition: {
+}, ng = Y({ definition: {
 	component: "ui.accordion",
 	parts: {
 		root: {
@@ -7890,7 +7891,7 @@ var eg = {
 		content: { base: "overflow-hidden text-sm text-foreground-muted" },
 		contentInner: { base: "min-w-0 px-3 pb-3 pt-1" }
 	}
-} }), ng = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), rg = (e) => e ? "open" : "closed", ig = (e) => e instanceof HTMLButtonElement, ag = () => ({
+} }), rg = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), ig = (e) => e ? "open" : "closed", ag = (e) => e instanceof HTMLButtonElement, og = () => ({
 	props: null,
 	openValues: /* @__PURE__ */ new Set(),
 	collection: null,
@@ -7898,7 +7899,7 @@ var eg = {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: eg,
+			schema: tg,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		}), this.openValues = new Set(this.initialValues()), this.setupTriggers(), this.syncAll();
 	},
@@ -7907,7 +7908,7 @@ var eg = {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [Z.resolveStyle({
-			part: tg.parts.root,
+			part: ng.parts.root,
 			props: this.props,
 			className: this.props.class
 		}), {
@@ -7919,7 +7920,7 @@ var eg = {
 	items() {
 		return Array.from(this.$el.querySelectorAll("[data-ui-accordion-item]")).map((e, t) => {
 			let n = e.querySelector("[data-ui-accordion-trigger]"), r = e.querySelector("[data-ui-accordion-content]");
-			return !ig(n) || !r ? null : (e.dataset.value || (e.dataset.value = `item-${t + 1}`), {
+			return !ag(n) || !r ? null : (e.dataset.value || (e.dataset.value = `item-${t + 1}`), {
 				item: e,
 				heading: e.querySelector("[data-ui-accordion-heading]"),
 				trigger: n,
@@ -7934,10 +7935,10 @@ var eg = {
 	},
 	initialValues() {
 		let e = this.propValues();
-		return e.length > 0 ? e : this.props.mode === "multiple" && this.props.defaultValues ? this.normalizeValues(ng(this.props.defaultValues)) : this.props.mode === "single" && this.props.defaultValue ? this.normalizeValues([this.props.defaultValue]) : this.normalizeValues(this.items().filter((e) => Z.asBool({ value: e.item.dataset.open }) || e.item.dataset.state === "open").map((e) => e.value));
+		return e.length > 0 ? e : this.props.mode === "multiple" && this.props.defaultValues ? this.normalizeValues(rg(this.props.defaultValues)) : this.props.mode === "single" && this.props.defaultValue ? this.normalizeValues([this.props.defaultValue]) : this.normalizeValues(this.items().filter((e) => Z.asBool({ value: e.item.dataset.open }) || e.item.dataset.state === "open").map((e) => e.value));
 	},
 	propValues() {
-		return this.props.mode === "multiple" ? this.normalizeValues(ng(this.props.values || this.props.value)) : this.props.value ? this.normalizeValues([this.props.value]) : [];
+		return this.props.mode === "multiple" ? this.normalizeValues(rg(this.props.values || this.props.value)) : this.props.value ? this.normalizeValues([this.props.value]) : [];
 	},
 	normalizeValues(e) {
 		let t = Array.from(new Set(e.filter(Boolean)));
@@ -7978,13 +7979,13 @@ var eg = {
 		this.$el.dataset.orientation = this.props.orientation, this.$el.dataset.iconPosition = this.props.iconPosition, this.$el.dataset.mode = this.props.mode, this.props.disabled ? this.$el.setAttribute("data-disabled", "") : this.$el.removeAttribute("data-disabled");
 	},
 	syncItem(e) {
-		let t = this.isItemOpen(e), n = rg(t), r = this.isItemDisabled(e), i = t && !this.canCollapseOpenItem(e);
+		let t = this.isItemOpen(e), n = ig(t), r = this.isItemDisabled(e), i = t && !this.canCollapseOpenItem(e);
 		if (e.item.dataset.state = n, e.item.dataset.orientation = this.props.orientation, e.item.className = Z.resolveStyle({
-			part: tg.parts.item,
+			part: ng.parts.item,
 			props: this.props,
 			className: e.item.dataset.class ?? ""
 		}), e.heading?.setAttribute("data-state", n), e.heading?.setAttribute("data-orientation", this.props.orientation), e.trigger.id ||= this.$id(`accordion-trigger-${e.value}`), e.content.id ||= this.$id(`accordion-content-${e.value}`), e.trigger.type = "button", e.trigger.dataset.state = n, e.trigger.dataset.orientation = this.props.orientation, e.trigger.className = Z.resolveStyle({
-			part: tg.parts.trigger,
+			part: ng.parts.trigger,
 			props: this.props,
 			className: e.trigger.dataset.class ?? ""
 		}), e.trigger.setAttribute("aria-expanded", t ? "true" : "false"), e.trigger.setAttribute("aria-controls", e.content.id), e.content.dataset.state = n, e.content.dataset.orientation = this.props.orientation, e.content.setAttribute("aria-labelledby", e.trigger.id), this.syncContent(e.content, t), r) {
@@ -8082,8 +8083,8 @@ var eg = {
 			detail: t
 		});
 	}
-}), og = (e) => {
-	e.data("UiAccordion", () => ag());
+}), sg = (e) => {
+	e.data("UiAccordion", () => og());
 };
 Y({ definition: {
 	component: "ui.button",
@@ -8208,7 +8209,7 @@ Y({ definition: {
 					},
 					class: "w-control-xlg px-0"
 				},
-				...Fh,
+				...Ih,
 				{
 					when: {
 						insetLeft: !0,
@@ -8443,7 +8444,7 @@ Y({ definition: {
 } });
 //#endregion
 //#region packages/client/src/components/button/index.ts
-var sg = "[data-ui-button]:not([data-ui-loading-mode=\"false\"])", cg = [
+var cg = "[data-ui-button]:not([data-ui-loading-mode=\"false\"])", lg = [
 	"data-on",
 	"data-bind",
 	"data-ref",
@@ -8452,37 +8453,37 @@ var sg = "[data-ui-button]:not([data-ui-loading-mode=\"false\"])", cg = [
 	"data-request",
 	"data-ui-request",
 	"wire:"
-], lg = "ui:request:finish", ug = null, dg = (e) => e instanceof HTMLButtonElement || e instanceof HTMLAnchorElement, fg = (e) => {
+], ug = "ui:request:finish", dg = null, fg = (e) => e instanceof HTMLButtonElement || e instanceof HTMLAnchorElement, pg = (e) => {
 	if (!(e instanceof Element)) return null;
-	let t = e.closest(sg);
-	return dg(t) ? t : null;
-}, pg = (e) => e.getAttributeNames().some((e) => cg.some((t) => e.startsWith(t))), mg = (e) => e instanceof HTMLButtonElement && e.type === "submit", hg = (e) => e instanceof HTMLButtonElement && (e.dataset.uiConfirm !== void 0 || e.form?.dataset.uiConfirm !== void 0), gg = (e, t) => t?.dataset.uiConfirm !== void 0 || e?.dataset.uiConfirm !== void 0, _g = (e) => e.dataset.uiLoadingMode === "true" || mg(e) || pg(e), vg = (e) => e.dataset.uiSubmitting === "true" || e.getAttribute("aria-disabled") === "true" || e.hasAttribute("disabled"), yg = (e) => e.dataset.uiSubmitting === "true" || e.hasAttribute("disabled"), bg = (e) => {
+	let t = e.closest(cg);
+	return fg(t) ? t : null;
+}, mg = (e) => e.getAttributeNames().some((e) => lg.some((t) => e.startsWith(t))), hg = (e) => e instanceof HTMLButtonElement && e.type === "submit", gg = (e) => e instanceof HTMLButtonElement && (e.dataset.uiConfirm !== void 0 || e.form?.dataset.uiConfirm !== void 0), _g = (e, t) => t?.dataset.uiConfirm !== void 0 || e?.dataset.uiConfirm !== void 0, vg = (e) => e.dataset.uiLoadingMode === "true" || hg(e) || mg(e), yg = (e) => e.dataset.uiSubmitting === "true" || e.getAttribute("aria-disabled") === "true" || e.hasAttribute("disabled"), bg = (e) => e.dataset.uiSubmitting === "true" || e.hasAttribute("disabled"), xg = (e) => {
 	e.dataset.uiSubmitting = "true", e.setAttribute("data-ui-loading", ""), e.setAttribute("aria-disabled", "true"), e.setAttribute("aria-busy", "true"), e.dispatchEvent(new CustomEvent("ui:loading-start", { bubbles: !0 })), e instanceof HTMLButtonElement ? e.disabled = !0 : e.tabIndex = -1;
-}, xg = (e) => {
+}, Sg = (e) => {
 	e.dataset.initialLoading !== "true" && (delete e.dataset.uiSubmitting, e.removeAttribute("data-ui-loading"), e.removeAttribute("aria-busy"), e.dataset.initialDisabled !== "true" && (e.removeAttribute("aria-disabled"), e instanceof HTMLButtonElement ? e.disabled = !1 : e.removeAttribute("tabindex"), e.dispatchEvent(new CustomEvent("ui:loading-end", { bubbles: !0 }))));
-}, Sg = (e, t) => {
+}, Cg = (e, t) => {
 	window.setTimeout(() => {
-		!e.isConnected || yg(e) || bg(e);
+		!e.isConnected || bg(e) || xg(e);
 	}, 0);
-}, Cg = (e) => {
-	let t = fg(e.target);
-	if (!(!t || !_g(t))) {
-		if (vg(t)) {
+}, wg = (e) => {
+	let t = pg(e.target);
+	if (!(!t || !vg(t))) {
+		if (yg(t)) {
 			e.preventDefault(), e.stopImmediatePropagation();
 			return;
 		}
-		t instanceof HTMLButtonElement && t.form && !t.form.checkValidity() || hg(t) || Sg(t, e);
+		t instanceof HTMLButtonElement && t.form && !t.form.checkValidity() || gg(t) || Cg(t, e);
 	}
-}, wg = (e) => {
-	let t = e, n = t.submitter instanceof HTMLElement ? t.submitter : null, r = dg(n) ? n : null, i = e.target instanceof HTMLFormElement ? e.target : null, a = r ? r.matches(sg) ? r : null : i?.querySelector(sg) ?? null;
-	e.defaultPrevented && gg(i, n) || !a || !mg(a) || Sg(a, e);
-}, Tg = () => {
-	document.querySelectorAll("[data-ui-button][data-ui-submitting=\"true\"]").forEach((e) => xg(e));
+}, Tg = (e) => {
+	let t = e, n = t.submitter instanceof HTMLElement ? t.submitter : null, r = fg(n) ? n : null, i = e.target instanceof HTMLFormElement ? e.target : null, a = r ? r.matches(cg) ? r : null : i?.querySelector(cg) ?? null;
+	e.defaultPrevented && _g(i, n) || !a || !hg(a) || Cg(a, e);
 }, Eg = () => {
-	ug ||= (document.addEventListener("click", Cg, !0), document.addEventListener("submit", wg, !0), document.addEventListener(lg, Tg), () => {
-		document.removeEventListener("click", Cg, !0), document.removeEventListener("submit", wg, !0), document.removeEventListener(lg, Tg), ug = null;
+	document.querySelectorAll("[data-ui-button][data-ui-submitting=\"true\"]").forEach((e) => Sg(e));
+}, Dg = () => {
+	dg ||= (document.addEventListener("click", wg, !0), document.addEventListener("submit", Tg, !0), document.addEventListener(ug, Eg), () => {
+		document.removeEventListener("click", wg, !0), document.removeEventListener("submit", Tg, !0), document.removeEventListener(ug, Eg), dg = null;
 	});
-}, Dg = Th, Og = Dh, kg = Eh, Ag = vh, jg = Dh, Mg = {
+}, Og = Eh, kg = Oh, Ag = Dh, jg = yh, Mg = Oh, Ng = {
 	value: W.default("on"),
 	name: W,
 	label: W,
@@ -8493,10 +8494,10 @@ var sg = "[data-ui-button]:not([data-ui-loading-mode=\"false\"])", cg = [
 	required: K,
 	invalid: K,
 	indicator: K.default(!0),
-	placement: q(kg, "leading"),
+	placement: q(Ag, "leading"),
 	icon: W,
-	variant: q(jg, "default"),
-	size: q(Ag, "md"),
+	variant: q(Mg, "default"),
+	size: q(jg, "md"),
 	inputClass: W,
 	indicatorClass: W,
 	indicatorIconClass: W,
@@ -8506,22 +8507,22 @@ var sg = "[data-ui-button]:not([data-ui-loading-mode=\"false\"])", cg = [
 	descriptionClass: W,
 	class: W
 };
-({ ...Mg });
-var Ng = {
+({ ...Ng });
+var Pg = {
 	name: W,
-	orientation: q(Dg, "vertical"),
-	variant: q(Og, "default"),
+	orientation: q(Og, "vertical"),
+	variant: q(kg, "default"),
 	indicator: K.default(!0),
-	placement: q(kg, "leading"),
+	placement: q(Ag, "leading"),
 	disabled: K,
 	required: K,
 	invalid: K,
 	class: W
 };
-q(Ag, "md");
+q(jg, "md");
 //#endregion
 //#region packages/client/src/components/checkbox/index.ts
-var Pg = (e) => {
+var Fg = (e) => {
 	let t = e.querySelector("[data-ui-checkbox-input]");
 	return t ? {
 		root: e,
@@ -8534,7 +8535,7 @@ var Pg = (e) => {
 		required: e.hasAttribute("data-required") || t.required,
 		invalid: e.hasAttribute("data-invalid") || t.getAttribute("aria-invalid") === "true"
 	} : null;
-}, Fg = (e, t = {}) => {
+}, Ig = (e, t = {}) => {
 	let n = t.disabled ?? e.disabled, r = t.required ?? e.required, i = t.invalid ?? e.invalid, a = e.input.indeterminate || e.root.hasAttribute("data-indeterminate"), o = e.input.checked && !a, s = a ? "indeterminate" : o ? "checked" : "unchecked";
 	e.input.indeterminate = a, Z.syncNativeControl({
 		input: e.input,
@@ -8605,13 +8606,13 @@ var Pg = (e) => {
 		el: e.indeterminateIcon,
 		attr: "data-checked"
 	}));
-}, Ig = () => ({
+}, Lg = () => ({
 	props: null,
 	listeners: [],
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Mg,
+			schema: Ng,
 			onChange: () => this.sync()
 		});
 		let e = this.input();
@@ -8633,26 +8634,26 @@ var Pg = (e) => {
 		return e;
 	},
 	item() {
-		let e = Pg(this.$el);
+		let e = Fg(this.$el);
 		if (!e) throw Error("Checkbox requires a native checkbox input.");
 		return e;
 	},
 	sync() {
 		let e = this.item();
-		this.props.name && (e.input.name = this.props.name), this.props.value && (e.input.value = this.props.value), Fg(e, {
+		this.props.name && (e.input.name = this.props.name), this.props.value && (e.input.value = this.props.value), Ig(e, {
 			disabled: this.props.disabled || e.disabled,
 			required: this.props.required || e.required,
 			invalid: this.props.invalid || e.invalid
 		});
 	}
-}), Lg = () => ({
+}), Rg = () => ({
 	props: null,
 	listeners: [],
 	observer: null,
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Ng,
+			schema: Pg,
 			onChange: () => this.sync()
 		}), Z.addListener({
 			target: this.$el,
@@ -8671,7 +8672,7 @@ var Pg = (e) => {
 		this.props.disconnect(), this.listeners.forEach((e) => e()), this.listeners = [], this.observer?.disconnect();
 	},
 	items() {
-		return Array.from(this.$el.querySelectorAll("[data-ui-checkbox]")).map(Pg).filter((e) => e !== null);
+		return Array.from(this.$el.querySelectorAll("[data-ui-checkbox]")).map(Fg).filter((e) => e !== null);
 	},
 	sync() {
 		let e = this.$el;
@@ -8689,15 +8690,15 @@ var Pg = (e) => {
 		}), this.items().forEach((e) => this.syncItem(e));
 	},
 	syncItem(e) {
-		this.props.name && !e.name && (e.input.name = this.props.name), Fg(e, {
+		this.props.name && !e.name && (e.input.name = this.props.name), Ig(e, {
 			disabled: this.props.disabled || e.disabled,
 			required: this.props.required || e.required,
 			invalid: this.props.invalid || e.invalid
 		});
 	}
-}), Rg = (e) => {
-	e.data("UiCheckbox", () => Ig()), e.data("UiCheckboxGroup", () => Lg());
-}, zg = vh, Bg = yh, Vg = Ah, Hg = Ch, Ug = Sh, Wg = bh, Gg = {
+}), zg = (e) => {
+	e.data("UiCheckbox", () => Lg()), e.data("UiCheckboxGroup", () => Rg());
+}, Bg = yh, Vg = bh, Hg = jh, Ug = wh, Wg = Ch, Gg = xh, Kg = {
 	name: W,
 	value: W,
 	values: W,
@@ -8713,40 +8714,40 @@ var Pg = (e) => {
 	filter: K.default(!0),
 	path: W,
 	loop: K.default(!0),
-	size: q(zg, "lg"),
-	variant: q(Bg, "outline"),
-	radius: q(Vg, "md"),
-	side: q(Hg, "bottom"),
-	align: q(Ug, "start"),
+	size: q(Bg, "lg"),
+	variant: q(Vg, "outline"),
+	radius: q(Hg, "md"),
+	side: q(Ug, "bottom"),
+	align: q(Wg, "start"),
 	offset: G.clamp(-100, 100).default(0),
 	gap: G.clamp(0, 50).default(4),
 	icon: W,
 	iconTrailing: W.default("chevron__down"),
-	iconVariant: q(Wg, "outline"),
+	iconVariant: q(Gg, "outline"),
 	inputClass: W,
 	listboxClass: W,
 	chipClass: W,
 	class: W
 };
-q(Wg, "outline");
+q(Gg, "outline");
 //#endregion
 //#region packages/client/src/components/combobox/styles.ts
-var Kg = Y({ definition: {
+var qg = Y({ definition: {
 	component: "ui.combobox",
 	parts: {
 		root: { base: "relative inline-grid w-full min-w-0" },
 		control: {
-			base: Ih,
+			base: Lh,
 			variants: {
-				size: zh,
-				variant: Vh
+				size: Bh,
+				variant: Hh
 			},
 			defaults: {
 				size: "lg",
 				variant: "outline",
 				radius: "md"
 			},
-			compounds: Fh
+			compounds: Ih
 		},
 		chips: { base: "-ml-1.5 flex min-w-0 flex-wrap items-center gap-1" },
 		chip: { base: ["inline-flex h-control-sm max-w-48 min-w-0 items-center gap-1 rounded-2 border border-border bg-current/10 px-2", "text-sm font-normal text-foreground"] },
@@ -8756,7 +8757,7 @@ var Kg = Y({ definition: {
 			"text-icon outline-none hover:bg-base-a3 hover:text-foreground",
 			"focus-visible:ring-2 focus-visible:ring-focus"
 		] },
-		input: { base: ["w-full min-w-16 flex-1", Hh] },
+		input: { base: ["w-full min-w-16 flex-1", Uh] },
 		icon: {
 			base: "size-icon shrink-0 fill-current text-icon",
 			variants: { position: {
@@ -8765,27 +8766,27 @@ var Kg = Y({ definition: {
 			} },
 			defaults: { position: "leading" }
 		},
-		clear: { base: Uh },
-		listbox: { base: [Gh, "auto-rows-min content-start max-h-combobox-listbox min-w-48 gap-1 overflow-auto p-popover"] },
-		option: { base: qh },
+		clear: { base: Wh },
+		listbox: { base: [Kh, "auto-rows-min content-start max-h-combobox-listbox min-w-48 gap-1 overflow-auto p-popover"] },
+		option: { base: Jh },
 		optionLabel: { base: "min-w-0 flex-1" },
 		optionMeta: { base: "ml-auto text-menu-item-muted" },
 		optionIcon: {
-			base: Jh,
+			base: Yh,
 			variants: { position: {
 				leading: "",
 				trailing: "ml-auto"
 			} },
 			defaults: { position: "leading" }
 		},
-		optionIndicator: { base: Yh },
+		optionIndicator: { base: Xh },
 		group: { base: "grid auto-rows-min content-start gap-1" },
 		label: { base: "px-menu-item-x py-1 text-menu-heading-fg" },
 		empty: { base: "px-menu-item-x py-2 text-sm text-foreground-muted" },
 		separatorRoot: { base: "-mx-popover my-popover h-px" },
 		separatorRule: { base: "h-px w-full border-0 bg-menu-separator" }
 	}
-} }), qg = () => ({
+} }), Jg = () => ({
 	query: "",
 	selectedValues: [],
 	selectedLabels: [],
@@ -8803,7 +8804,7 @@ var Kg = Y({ definition: {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Gg,
+			schema: Kg,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		}), this.inputId = this.$id("combobox-input"), this.listboxId = this.$id("combobox-listbox"), this.machine = Z.createMachine(Z.createVisibilityMachine({
 			enter: "enterListbox",
@@ -8852,7 +8853,7 @@ var Kg = Y({ definition: {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [X({
-			part: Kg.parts.root,
+			part: qg.parts.root,
 			props: this.props,
 			className: this.props.class
 		}), {
@@ -9099,7 +9100,7 @@ var Kg = Y({ definition: {
 	},
 	syncControl() {
 		let e = this.control(), t = X({
-			part: Kg.parts.control,
+			part: qg.parts.control,
 			props: this.props
 		});
 		e.setAttribute("class", t), e.setAttribute("data-ui-control", ""), e.setAttribute("data-ui-combobox-control", ""), e.dataset.state = this.isOpen ? "open" : "closed", e.dataset.variant = this.props.variant, Z.syncControlPresence({
@@ -9113,7 +9114,7 @@ var Kg = Y({ definition: {
 	},
 	syncListbox() {
 		let e = this.listbox(), t = X({
-			part: Kg.parts.listbox,
+			part: qg.parts.listbox,
 			props: this.props,
 			className: this.props.listboxClass
 		});
@@ -9149,10 +9150,10 @@ var Kg = Y({ definition: {
 		});
 		if (n === this.renderedChipsKey || (this.renderedChipsKey = n, e.replaceChildren(), e.hidden)) return;
 		let r = X({
-			part: Kg.parts.chip,
+			part: qg.parts.chip,
 			props: {},
 			className: this.props.chipClass
-		}), i = X({ part: Kg.parts.chipLabel }), a = X({ part: Kg.parts.chipRemove });
+		}), i = X({ part: qg.parts.chipLabel }), a = X({ part: qg.parts.chipRemove });
 		this.selectedValues.forEach((t, n) => {
 			let o = this.selectedLabels[n] ?? t, s = document.createElement("span");
 			s.className = r, s.setAttribute("data-ui-combobox-chip", "");
@@ -9290,23 +9291,23 @@ var Kg = Y({ definition: {
 	optionValue(e, t) {
 		return e.dataset.value || t;
 	}
-}), Jg = (e) => {
-	e.data("UiCombobox", () => qg());
-}, Yg = ["single", "range"], Xg = ["enhanced", "native"], Zg = [
+}), Yg = (e) => {
+	e.data("UiCombobox", () => Jg());
+}, Xg = ["single", "range"], Zg = ["enhanced", "native"], Qg = [
 	"popover",
 	"modal",
 	"native"
-], Qg = ["select", "confirm"], $g = ["neutral", "accent"], e_ = Ah, t_ = [
+], $g = ["select", "confirm"], e_ = ["neutral", "accent"], t_ = jh, n_ = [
 	"left",
 	"right",
 	"top",
 	"bottom"
-], n_ = {
+], r_ = {
 	name: W,
 	value: W,
 	startName: W,
 	endName: W,
-	mode: q(Yg, "single"),
+	mode: q(Xg, "single"),
 	placeholder: W,
 	min: W,
 	max: W,
@@ -9326,17 +9327,17 @@ var Kg = Y({ definition: {
 	readonly: K,
 	required: K,
 	invalid: K,
-	side: q(Ch, "bottom"),
-	align: q(Sh, "start"),
+	side: q(wh, "bottom"),
+	align: q(Ch, "start"),
 	offset: G.clamp(-100, 100).default(0),
 	gap: G.clamp(0, 50).default(4),
-	mobile: q(Zg, "modal"),
-	variant: q(Xg, "enhanced"),
-	color: q($g, "neutral"),
-	radius: q(e_, "md"),
-	close: q(Qg, "select"),
+	mobile: q(Qg, "modal"),
+	variant: q(Zg, "enhanced"),
+	color: q(e_, "neutral"),
+	radius: q(t_, "md"),
+	close: q($g, "select"),
 	presets: Xl.array([]),
-	presetsPosition: q(t_, "left"),
+	presetsPosition: q(n_, "left"),
 	preset: W,
 	presetName: W,
 	triggerClass: W,
@@ -9348,22 +9349,22 @@ var Kg = Y({ definition: {
 	class: W,
 	form: W
 };
-q(t_, "left");
+q(n_, "left");
 //#endregion
 //#region packages/client/src/components/date-picker/styles.ts
-var r_ = Y({ definition: {
+var i_ = Y({ definition: {
 	component: "ui.date-picker",
 	parts: {
 		root: { base: "relative inline-grid w-full min-w-0" },
 		trigger: {
 			base: [
-				Ih,
-				Rh,
-				zh.lg,
-				Vh.outline,
+				Lh,
+				zh,
+				Bh.lg,
+				Hh.outline,
 				"text-left"
 			],
-			variants: { radius: Ph.lg },
+			variants: { radius: Fh.lg },
 			defaults: { radius: "md" }
 		},
 		customTrigger: {
@@ -9374,13 +9375,13 @@ var r_ = Y({ definition: {
 				"data-disabled:bg-control-disabled data-disabled:text-control-disabled-fg data-disabled:shadow-control-disabled",
 				"data-disabled:hover:bg-control-disabled data-disabled:hover:text-control-disabled-fg"
 			],
-			variants: { radius: Ph.lg },
+			variants: { radius: Fh.lg },
 			defaults: { radius: "md" }
 		},
-		input: { base: ["min-w-0 flex-1 text-sm", Hh] },
+		input: { base: ["min-w-0 flex-1 text-sm", Uh] },
 		icon: { base: "size-icon shrink-0 fill-current text-icon" },
-		action: { base: Uh },
-		popover: { base: [Gh, "max-h-lg overflow-hidden"] },
+		action: { base: Wh },
+		popover: { base: [Kh, "max-h-lg overflow-hidden"] },
 		panel: {
 			base: "grid min-w-72 max-w-[calc(100vw-2rem)] gap-0 overflow-hidden",
 			variants: {
@@ -9416,35 +9417,35 @@ var r_ = Y({ definition: {
 		calendarWrap: { base: "relative grid size-full place-items-center overflow-x-auto overflow-y-auto p-popover" },
 		calendar: { base: "grid max-w-full gap-2 text-sm text-foreground" },
 		presets: { base: ["grid content-start gap-1 border-popover-border p-popover", "sm:data-[position=left]:border-r sm:data-[position=right]:border-l data-[position=top]:border-b data-[position=bottom]:border-t"] },
-		preset: { base: qh },
+		preset: { base: Jh },
 		footer: { base: "flex items-center justify-end gap-2 border-t border-popover-border p-popover" },
 		nativeWrapper: { base: "relative w-full min-w-0" },
 		native: {
-			base: [Wh, zh.lg],
-			variants: { radius: Ph.lg },
+			base: [Gh, Bh.lg],
+			variants: { radius: Fh.lg },
 			defaults: { radius: "md" }
 		}
 	}
-} }), i_ = /^\d{4}-\d{2}-\d{2}$/, a_ = /^\d{4}-\d{2}-\d{2}\/\d{4}-\d{2}-\d{2}$/, o_ = 100, s_ = 10, c_ = null, l_ = () => typeof customElements > "u" || customElements.get("calendar-ctx") ? Promise.resolve() : (c_ ??= import("./chunks/cally-TZl4LpyH.js").then(() => void 0).catch((e) => {
+} }), a_ = /^\d{4}-\d{2}-\d{2}$/, o_ = /^\d{4}-\d{2}-\d{2}\/\d{4}-\d{2}-\d{2}$/, s_ = 100, c_ = 10, l_ = null, u_ = () => typeof customElements > "u" || customElements.get("calendar-ctx") ? Promise.resolve() : (l_ ??= import("./chunks/cally-TZl4LpyH.js").then(() => void 0).catch((e) => {
 	if (!customElements.get("calendar-ctx")) throw e;
-}), c_), u_ = (e) => {
+}), l_), d_ = (e) => {
 	let [t = "", n = ""] = e.split("/");
 	return [t, n];
-}, d_ = (e, t) => e === "" || (t ? a_.test(e) : i_.test(e)), f_ = () => (/* @__PURE__ */ new Date()).getFullYear(), p_ = () => `${f_() - o_}-01-01`, m_ = () => `${f_() + s_}-12-31`, h_ = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), g_ = (e, t) => {
-	if (!e.match(i_)) return "";
+}, f_ = (e, t) => e === "" || (t ? o_.test(e) : a_.test(e)), p_ = () => (/* @__PURE__ */ new Date()).getFullYear(), m_ = () => `${p_() - s_}-01-01`, h_ = () => `${p_() + c_}-12-31`, g_ = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), __ = (e, t) => {
+	if (!e.match(a_)) return "";
 	let n = /* @__PURE__ */ new Date(`${e}T00:00:00.000Z`);
 	return new Intl.DateTimeFormat(t || void 0, {
 		month: "long",
 		timeZone: "UTC",
 		year: "numeric"
 	}).format(n);
-}, __ = (e) => ({
+}, v_ = (e) => ({
 	value: e.dataset.value ?? "",
 	label: e.dataset.label ?? e.textContent?.trim() ?? "",
 	start: e.dataset.start ?? "",
 	end: e.dataset.end ?? "",
 	disabled: Z.asBool({ value: e.dataset.disabled })
-}), v_ = () => ({
+}), y_ = () => ({
 	value: "",
 	pendingValue: "",
 	presetValue: "",
@@ -9461,7 +9462,7 @@ var r_ = Y({ definition: {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: n_,
+			schema: r_,
 			onChange: () => this.sync()
 		}), this.value = this.props.value, this.pendingValue = this.value, this.presetValue = this.props.preset, this.triggerId = this.$id("date-picker-trigger"), this.popoverId = this.$id("date-picker-popover"), this.machine = Z.createMachine(Z.createVisibilityMachine({
 			enter: "enterPopover",
@@ -9517,7 +9518,7 @@ var r_ = Y({ definition: {
 		}), this.popoverMotion = Z.motion.createPresenceLifecycle({
 			element: () => this.popoverEl(),
 			preset: "popover"
-		}), this.setup(), this.sync(), l_().then(() => this.sync());
+		}), this.setup(), this.sync(), u_().then(() => this.sync());
 	},
 	destroy() {
 		this.props.disconnect(), this.machine.stop(), this.popoverMotion?.destroy(), this.listeners.forEach((e) => e()), this.listeners = [], this.popover?.unmount();
@@ -9527,7 +9528,7 @@ var r_ = Y({ definition: {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [X({
-			part: r_.parts.root,
+			part: i_.parts.root,
 			props: this.props,
 			className: this.props.class
 		}), {
@@ -9563,7 +9564,7 @@ var r_ = Y({ definition: {
 		return this.$el.querySelector("[data-ui-date-picker-preset-inputs]");
 	},
 	presetItems() {
-		let e = Array.from(this.$el.querySelectorAll("[data-ui-date-picker-preset]")).map(__).filter((e) => e.value && e.start && e.end);
+		let e = Array.from(this.$el.querySelectorAll("[data-ui-date-picker-preset]")).map(v_).filter((e) => e.value && e.start && e.end);
 		return e.length ? e : this.props.presets;
 	},
 	isRange() {
@@ -9575,7 +9576,7 @@ var r_ = Y({ definition: {
 	displayValue() {
 		if (!this.value) return "";
 		if (!this.isRange()) return this.value;
-		let [e, t] = u_(this.value);
+		let [e, t] = d_(this.value);
 		return e && t ? `${e} to ${t}` : this.value;
 	},
 	effectivePlaceholder() {
@@ -9585,7 +9586,7 @@ var r_ = Y({ definition: {
 		return this.props.months > 0 ? this.props.months : this.isRange() ? 2 : 1;
 	},
 	open(e) {
-		e?.preventDefault(), !(this.props.disabled || this.props.readonly) && (this.machine.send("OPEN"), e instanceof KeyboardEvent && l_().then(() => {
+		e?.preventDefault(), !(this.props.disabled || this.props.readonly) && (this.machine.send("OPEN"), e instanceof KeyboardEvent && u_().then(() => {
 			queueMicrotask(() => this.calendar()?.focus({ preventScroll: !0 }));
 		}));
 	},
@@ -9628,7 +9629,7 @@ var r_ = Y({ definition: {
 	},
 	selectPreset(e, t) {
 		t?.preventDefault();
-		let n = __(e);
+		let n = v_(e);
 		if (n.disabled) return;
 		let r = this.isRange() ? `${n.start}/${n.end}` : n.start;
 		this.presetValue = n.value, this.commitValue(r), this.close();
@@ -9637,7 +9638,7 @@ var r_ = Y({ definition: {
 		let t = e.target;
 		if (!(t instanceof HTMLInputElement)) return;
 		let n = t.value.trim(), r = this.isRange() ? n.replace(/\s+to\s+/i, "/") : n;
-		d_(r, this.isRange()) && r !== this.value && this.commitValue(r);
+		f_(r, this.isRange()) && r !== this.value && this.commitValue(r);
 	},
 	handleKeydown(e) {
 		if ((e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && !this.isOpen) {
@@ -9648,7 +9649,7 @@ var r_ = Y({ definition: {
 	},
 	handleCalendarChange(e) {
 		let t = e.currentTarget;
-		this.pendingValue = t.value, this.isRange() && (this.liveMessage = this.pendingValue.includes("/") ? "Range selected" : "Start date selected"), this.closeMode() === "select" && (!this.isRange() || a_.test(this.pendingValue)) ? (this.commitValue(this.pendingValue), this.close()) : this.sync();
+		this.pendingValue = t.value, this.isRange() && (this.liveMessage = this.pendingValue.includes("/") ? "Range selected" : "Start date selected"), this.closeMode() === "select" && (!this.isRange() || o_.test(this.pendingValue)) ? (this.commitValue(this.pendingValue), this.close()) : this.sync();
 	},
 	handleCalendarFocus(e) {
 		let t = e.detail;
@@ -9680,9 +9681,9 @@ var r_ = Y({ definition: {
 	syncCalendar() {
 		let e = this.calendar();
 		if (!e) return;
-		e.setAttribute("value", this.pendingValue), this.isRange() && !this.pendingValue && e.setAttribute("tentative", ""), e.setAttribute("months", String(this.effectiveMonths())), e.style.setProperty("--ui-date-picker-month-columns", String(this.effectiveMonths())), e.setAttribute("format-weekday", "short"), e.setAttribute("min", this.props.min || p_()), e.setAttribute("max", this.props.max || m_()), this.props.today && e.setAttribute("today", this.props.today);
-		let t = this.props.forceOpenTo ? this.props.openTo : this.value || this.props.openTo || this.props.today || h_();
-		e.setAttribute("focused-date", u_(t)[0]), this.props.locale && e.setAttribute("locale", this.props.locale), this.props.firstDayOfWeek >= 0 && e.setAttribute("first-day-of-week", String(this.props.firstDayOfWeek));
+		e.setAttribute("value", this.pendingValue), this.isRange() && !this.pendingValue && e.setAttribute("tentative", ""), e.setAttribute("months", String(this.effectiveMonths())), e.style.setProperty("--ui-date-picker-month-columns", String(this.effectiveMonths())), e.setAttribute("format-weekday", "short"), e.setAttribute("min", this.props.min || m_()), e.setAttribute("max", this.props.max || h_()), this.props.today && e.setAttribute("today", this.props.today);
+		let t = this.props.forceOpenTo ? this.props.openTo : this.value || this.props.openTo || this.props.today || g_();
+		e.setAttribute("focused-date", d_(t)[0]), this.props.locale && e.setAttribute("locale", this.props.locale), this.props.firstDayOfWeek >= 0 && e.setAttribute("first-day-of-week", String(this.props.firstDayOfWeek));
 		let n = !this.props.selectableHeader && this.effectiveMonths() === 1;
 		Z.setPresence({
 			el: e,
@@ -9711,12 +9712,12 @@ var r_ = Y({ definition: {
 	},
 	syncCalendarHeading(e) {
 		let t = this.$el.querySelector("[data-ui-date-picker-calendar-heading]");
-		t && (t.textContent = g_(e || u_(this.value || this.props.openTo || this.props.today || h_())[0], this.props.locale));
+		t && (t.textContent = __(e || d_(this.value || this.props.openTo || this.props.today || g_())[0], this.props.locale));
 	},
 	syncTodayButton() {
 		let e = this.$el.querySelector("[data-ui-date-picker-calendar-today]"), t = this.$el.querySelector("[data-ui-date-picker-today-day]");
 		if (!e || !t) return;
-		let n = this.props.today || h_(), r = n.match(i_) ? String(Number(n.slice(-2))) : "";
+		let n = this.props.today || g_(), r = n.match(a_) ? String(Number(n.slice(-2))) : "";
 		t.textContent = r, e.setAttribute("aria-label", r ? `Go to today, ${n}` : "Go to today");
 	},
 	syncHiddenInputs() {
@@ -9735,7 +9736,7 @@ var r_ = Y({ definition: {
 			});
 			return;
 		}
-		let [t, n] = u_(this.value);
+		let [t, n] = d_(this.value);
 		if (this.props.startName || this.props.endName) {
 			let r = JSON.stringify({
 				startName: this.props.startName,
@@ -9782,7 +9783,7 @@ var r_ = Y({ definition: {
 	syncPresets() {
 		let e = this.pendingValue || this.value;
 		Array.from(this.$el.querySelectorAll("[data-ui-date-picker-preset]")).forEach((t) => {
-			let n = __(t), r = this.isRange() ? `${n.start}/${n.end}` : n.start;
+			let n = v_(t), r = this.isRange() ? `${n.start}/${n.end}` : n.start;
 			Z.setPresence({
 				el: t,
 				attr: "data-selected",
@@ -9870,14 +9871,14 @@ var r_ = Y({ definition: {
 			onDismiss: () => this.close()
 		}));
 	}
-}), y_ = (e) => {
-	e.data("UiDatePicker", () => v_());
-}, b_ = Y({ definition: {
+}), b_ = (e) => {
+	e.data("UiDatePicker", () => y_());
+}, x_ = Y({ definition: {
 	component: "ui.menu",
 	parts: {
-		menu: { base: [Gh, "auto-rows-min content-start min-w-48 gap-1 overflow-hidden p-popover"] },
+		menu: { base: [Kh, "auto-rows-min content-start min-w-48 gap-1 overflow-hidden p-popover"] },
 		item: {
-			base: [qh],
+			base: [Jh],
 			variants: {
 				variant: {
 					default: "",
@@ -9901,7 +9902,7 @@ var r_ = Y({ definition: {
 		itemLabel: { base: "min-w-0 flex-1" },
 		itemMeta: { base: "ml-auto text-menu-item-muted" },
 		itemIcon: {
-			base: Jh,
+			base: Yh,
 			variants: { position: {
 				leading: "",
 				trailing: "ml-auto"
@@ -9925,18 +9926,18 @@ var r_ = Y({ definition: {
 			defaults: { orientation: "horizontal" }
 		}
 	}
-} }), x_ = Ch, S_ = Sh, C_ = {
-	side: q(x_, "bottom"),
-	align: q(S_, "start"),
+} }), S_ = wh, C_ = Ch, w_ = {
+	side: q(S_, "bottom"),
+	align: q(C_, "start"),
 	offset: G.clamp(-100, 100).default(0),
 	gap: G.clamp(0, 50).default(4),
 	open: K,
 	disabled: K,
 	class: W
-}, w_ = Y({ definition: {
+}, T_ = Y({ definition: {
 	component: "ui.dropdown",
 	parts: { root: { base: "contents" } }
-} }), T_ = () => ({
+} }), E_ = () => ({
 	machine: null,
 	menuMotion: null,
 	triggerId: "",
@@ -9949,7 +9950,7 @@ var r_ = Y({ definition: {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: C_,
+			schema: w_,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		}), this.triggerId = this.$id("dropdown-trigger"), this.menuId = this.$id("dropdown-menu"), this.collection = Z.createCollectionNavigation({
 			root: () => this.menuEl(),
@@ -10015,7 +10016,7 @@ var r_ = Y({ definition: {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [X({
-			part: w_.parts.root,
+			part: T_.parts.root,
 			props: this.props,
 			className: this.props.class
 		}), {
@@ -10026,7 +10027,7 @@ var r_ = Y({ definition: {
 	},
 	menu(e) {
 		return Z.mergeBindings({ inputs: [X({
-			part: b_.parts.menu,
+			part: x_.parts.menu,
 			props: {},
 			className: e.dataset.class
 		}), {
@@ -10042,7 +10043,7 @@ var r_ = Y({ definition: {
 	menuItem(e) {
 		let t = e.dataset.variant || "default", n = e.dataset.color || "neutral", r = Z.asBool({ value: e.dataset.disabled }), i = e instanceof HTMLButtonElement ? e.getAttribute("type") || e.dataset.type || "button" : void 0;
 		return Z.mergeBindings({ inputs: [X({
-			part: b_.parts.item,
+			part: x_.parts.item,
 			props: {
 				variant: t,
 				color: n
@@ -10238,12 +10239,12 @@ var r_ = Y({ definition: {
 		let n = Z.asBool({ value: this.menuEl().dataset.keepOpen });
 		(e.dataset.keepOpen === void 0 || e.dataset.keepOpen === "" ? n : Z.asBool({ value: e.dataset.keepOpen })) || this.close();
 	}
-}), E_ = (e) => {
-	e.data("UiDropdown", () => T_());
-}, D_ = "input:not([type=\"hidden\"]), textarea, select, button, [data-ui-control-target]", O_ = (e, t) => {
+}), D_ = (e) => {
+	e.data("UiDropdown", () => E_());
+}, O_ = "input:not([type=\"hidden\"]), textarea, select, button, [data-ui-control-target]", k_ = (e, t) => {
 	let n = new Set((e ?? "").split(/\s+/).filter(Boolean));
 	return n.add(t), Array.from(n).join(" ");
-}, k_ = (e, t) => (e.id ||= `ui-${t}-${crypto.randomUUID()}`, e.id), A_ = () => ({
+}, A_ = (e, t) => (e.id ||= `ui-${t}-${crypto.randomUUID()}`, e.id), j_ = () => ({
 	observer: null,
 	listeners: [],
 	init() {
@@ -10258,22 +10259,22 @@ var r_ = Y({ definition: {
 		this.observer?.disconnect(), this.listeners.forEach((e) => e()), this.listeners = [];
 	},
 	sync() {
-		let e = this.$el, t = Array.from(e.querySelectorAll(D_)).filter((t) => !t.closest("[data-ui-field], [data-ui-fieldset]") || t.closest("[data-ui-field], [data-ui-fieldset]") === e)[0], n = e.querySelector(":scope > [data-ui-field-label]"), r = e.querySelector(":scope > [data-ui-fieldset-legend]"), i = Array.from(e.querySelectorAll(":scope > [data-ui-field-description]")), a = Array.from(e.querySelectorAll(":scope > [data-ui-field-error]")), o = [...i, ...a].filter((e) => !e.hasAttribute("hidden")).map((e) => k_(e, e.hasAttribute("data-ui-field-error") ? "field-error" : "field-description"));
+		let e = this.$el, t = Array.from(e.querySelectorAll(O_)).filter((t) => !t.closest("[data-ui-field], [data-ui-fieldset]") || t.closest("[data-ui-field], [data-ui-fieldset]") === e)[0], n = e.querySelector(":scope > [data-ui-field-label]"), r = e.querySelector(":scope > [data-ui-fieldset-legend]"), i = Array.from(e.querySelectorAll(":scope > [data-ui-field-description]")), a = Array.from(e.querySelectorAll(":scope > [data-ui-field-error]")), o = [...i, ...a].filter((e) => !e.hasAttribute("hidden")).map((e) => A_(e, e.hasAttribute("data-ui-field-error") ? "field-error" : "field-description"));
 		if (t) {
-			let i = k_(t, "control");
+			let i = A_(t, "control");
 			if (n && !n.htmlFor && (n.htmlFor = i), r) {
-				let e = k_(r, "fieldset-legend");
+				let e = A_(r, "fieldset-legend");
 				Z.setAttribute({
 					el: t,
 					attr: "aria-labelledby",
-					value: O_(t.getAttribute("aria-labelledby"), e)
+					value: k_(t.getAttribute("aria-labelledby"), e)
 				});
 			}
 			o.forEach((e) => {
 				Z.setAttribute({
 					el: t,
 					attr: "aria-describedby",
-					value: O_(t.getAttribute("aria-describedby"), e)
+					value: k_(t.getAttribute("aria-describedby"), e)
 				});
 			}), e.hasAttribute("data-invalid") ? (t.setAttribute("aria-invalid", "true"), t.setAttribute("data-ui-field-aria-invalid", "")) : t.hasAttribute("data-ui-field-aria-invalid") && (t.removeAttribute("aria-invalid"), t.removeAttribute("data-ui-field-aria-invalid"));
 		}
@@ -10281,19 +10282,19 @@ var r_ = Y({ definition: {
 			Z.setAttribute({
 				el: e,
 				attr: "aria-describedby",
-				value: O_(e.getAttribute("aria-describedby"), t)
+				value: k_(e.getAttribute("aria-describedby"), t)
 			});
 		});
 	}
-}), j_ = (e) => {
-	e.data("UiField", A_);
+}), M_ = (e) => {
+	e.data("UiField", j_);
 };
 //#endregion
 //#region node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/external/file.js
-function M_(e) {
+function N_(e) {
 	return e.source.types.includes("Files");
 }
-function N_(e) {
+function P_(e) {
 	return e.source.items.filter(function(e) {
 		return e.kind === "file";
 	}).map(function(e) {
@@ -10304,41 +10305,41 @@ function N_(e) {
 }
 //#endregion
 //#region node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/is-entering-window.js
-function P_(e) {
+function F_(e) {
 	var t = e.dragEnter, n = t.type, r = t.relatedTarget;
 	return n === "dragenter" ? od() ? cd({ dragEnter: t }) : r == null ? !0 : ad() ? dd(r) : r instanceof HTMLIFrameElement : !1;
 }
 //#endregion
 //#region node_modules/.pnpm/@atlaskit+pragmatic-drag-and-drop@2.0.1/node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/adapter/external-adapter.js
-function F_(e) {
+function I_(e) {
 	var t = e.type, n = e.value;
 	return !(t === "application/vnd.pdnd" || t === "text/plain" && n === "pdnd:android-fallback");
 }
-function I_(e) {
+function L_(e) {
 	return Array.from(e.types).filter(function(t) {
-		return F_({
+		return I_({
 			type: t,
 			value: e.getData(t)
 		});
 	});
 }
-function L_(e) {
+function R_(e) {
 	return Array.from(e.items).filter(function(t) {
-		return t.kind === "file" || F_({
+		return t.kind === "file" || I_({
 			type: t.type,
 			value: e.getData(t.type)
 		});
 	});
 }
-var R_ = !1, z_ = Wd({
+var z_ = !1, B_ = Wd({
 	typeKey: "external",
 	defaultDropEffect: "copy",
 	mount: function(e) {
 		return (0, Au.bind)(window, {
 			type: "dragenter",
 			listener: function(t) {
-				if (!R_ && t.dataTransfer && e.canStart(t) && P_({ dragEnter: t })) {
-					var n = I_(t.dataTransfer);
+				if (!z_ && t.dataTransfer && e.canStart(t) && F_({ dragEnter: t })) {
+					var n = L_(t.dataTransfer);
 					if (n.length) {
 						var r = {
 							types: n,
@@ -10355,14 +10356,14 @@ var R_ = !1, z_ = Wd({
 								payload: r,
 								getDropPayload: function(e) {
 									if (!e.dataTransfer) return r;
-									var t = L_(e.dataTransfer), i = e.dataTransfer.getData.bind(e.dataTransfer);
+									var t = R_(e.dataTransfer), i = e.dataTransfer.getData.bind(e.dataTransfer);
 									return {
 										types: n,
 										items: t,
 										getStringData: function(e) {
 											if (!n.includes(e)) return null;
 											var t = i(e);
-											return F_({
+											return I_({
 												type: e,
 												value: t
 											}) ? t : null;
@@ -10377,18 +10378,18 @@ var R_ = !1, z_ = Wd({
 		});
 	}
 });
-function B_(e) {
-	return z_.dropTarget(e);
-}
 function V_(e) {
-	return z_.monitor(e);
+	return B_.dropTarget(e);
+}
+function H_(e) {
+	return B_.monitor(e);
 }
 (function() {
 	if (typeof window > "u") return;
-	z_.registerUsage();
+	B_.registerUsage();
 	var e = { type: "idle" }, t = e;
 	function n() {
-		t.type === "dragging" && (R_ = !1, t.cleanup(), t = e);
+		t.type === "dragging" && (z_ = !1, t.cleanup(), t = e);
 	}
 	function r() {
 		return (0, Au.bindAll)(window, [{
@@ -10399,7 +10400,7 @@ function V_(e) {
 	(0, Au.bind)(window, {
 		type: "dragstart",
 		listener: function() {
-			t.type === "idle" && (R_ = !0, t = {
+			t.type === "idle" && (z_ = !0, t = {
 				type: "dragging",
 				cleanup: r()
 			});
@@ -10409,15 +10410,15 @@ function V_(e) {
 })();
 //#endregion
 //#region packages/client/src/components/file-upload/contract.ts
-var H_ = ["stack", "inline"], U_ = [
+var U_ = ["stack", "inline"], W_ = [
 	"auto",
 	"image",
 	"none"
-], W_ = [
+], G_ = [
 	"sm",
 	"md",
 	"lg"
-], G_ = {
+], K_ = {
 	name: W,
 	accept: W,
 	capture: W,
@@ -10425,9 +10426,9 @@ var H_ = ["stack", "inline"], U_ = [
 	required: K,
 	disabled: K,
 	invalid: K,
-	preview: q(U_, "auto"),
-	layout: q(H_, "stack"),
-	size: q(W_, "md"),
+	preview: q(W_, "auto"),
+	layout: q(U_, "stack"),
+	size: q(G_, "md"),
 	heading: W.default("Drop files here or browse"),
 	text: W,
 	browseLabel: W,
@@ -10440,10 +10441,10 @@ var H_ = ["stack", "inline"], U_ = [
 	itemClass: W,
 	class: W
 };
-W.default("Drop files here or browse"), W.default("cloud__upload"), q(H_, "stack"), q(W_, "md"), W.default("document__blank"), W.default("Remove file");
+W.default("Drop files here or browse"), W.default("cloud__upload"), q(U_, "stack"), q(G_, "md"), W.default("document__blank"), W.default("Remove file");
 //#endregion
 //#region packages/client/src/components/file-upload/styles.ts
-var K_ = Y({ definition: {
+var q_ = Y({ definition: {
 	component: "ui.file-upload",
 	parts: {
 		root: { base: ["grid w-full min-w-0 gap-3"] },
@@ -10500,7 +10501,7 @@ var K_ = Y({ definition: {
 		removeIcon: { base: "size-icon-xs fill-current leading-none" },
 		clear: { base: "sr-only" }
 	}
-} }), q_ = (e) => {
+} }), J_ = (e) => {
 	if (e === 0) return "0 B";
 	let t = [
 		"B",
@@ -10509,34 +10510,34 @@ var K_ = Y({ definition: {
 		"GB"
 	], n = Math.min(Math.floor(Math.log(e) / Math.log(1024)), t.length - 1), r = e / 1024 ** n;
 	return `${r >= 10 || n === 0 ? Math.round(r) : Number(r.toFixed(1))} ${t[n]}`;
-}, J_ = (e, t) => [
+}, Y_ = (e, t) => [
 	t,
 	e.name,
 	e.size,
 	e.lastModified
-].join(":"), Y_ = (e) => e.type.startsWith("image/"), X_ = (e, t) => t !== "none" && (t === "image" || Y_(e)), Z_ = (e) => e ? Array.from(e) : [], Q_ = (e, t) => {
+].join(":"), X_ = (e) => e.type.startsWith("image/"), Z_ = (e, t) => t !== "none" && (t === "image" || X_(e)), Q_ = (e) => e ? Array.from(e) : [], $_ = (e, t) => {
 	let n = t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
 	if (n.length === 0) return !0;
 	let r = e.name.toLowerCase(), i = e.type.toLowerCase();
 	return n.some((e) => e.startsWith(".") ? r.endsWith(e) : e.endsWith("/*") ? i.startsWith(`${e.slice(0, -1)}`) : e.includes("/") ? i === e : !1);
-}, $_ = (e, t) => e.filter((e) => Q_(e, t)), ev = (e, t) => e.maxItems > 0 && t >= e.maxItems, tv = (e) => {
+}, ev = (e, t) => e.filter((e) => $_(e, t)), tv = (e, t) => e.maxItems > 0 && t >= e.maxItems, nv = (e) => {
 	if (typeof DataTransfer > "u") return null;
 	let t = new DataTransfer();
 	return e.forEach((e) => t.items.add(e)), t.files;
-}, nv = (e, t) => {
-	let n = tv(t);
+}, rv = (e, t) => {
+	let n = nv(t);
 	if (!n) return !1;
 	try {
 		return e.files = n, !0;
 	} catch {
 		return !1;
 	}
-}, rv = (e) => {
-	e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }, iv = (e) => {
+	e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}, av = (e) => {
 	let t = "http://www.w3.org/2000/svg", n = document.createElementNS(t, "svg"), r = document.createElementNS(t, "polygon");
 	return n.setAttribute("viewBox", "0 0 32 32"), n.setAttribute("aria-hidden", "true"), n.setAttribute("class", e), r.setAttribute("points", "17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16"), n.append(r), n;
-}, av = () => ({
+}, ov = () => ({
 	props: null,
 	listeners: [],
 	files: [],
@@ -10545,7 +10546,7 @@ var K_ = Y({ definition: {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: G_,
+			schema: K_,
 			onChange: () => this.sync()
 		});
 		let e = this.input(), t = this.dropzone();
@@ -10583,17 +10584,17 @@ var K_ = Y({ definition: {
 				r && (e.preventDefault(), this.clearExisting(r));
 			},
 			cleanup: this.listeners
-		}), t && (this.listeners.push(B_({
+		}), t && (this.listeners.push(V_({
 			element: t,
-			canDrop: ({ source: e }) => !this.isInputUnavailable() && M_({ source: e }),
+			canDrop: ({ source: e }) => !this.isInputUnavailable() && N_({ source: e }),
 			getDropEffect: () => "copy",
 			onDragEnter: () => this.setDragging(!0),
 			onDragLeave: () => this.setDragging(!1),
 			onDrop: ({ source: e }) => {
-				this.setDragging(!1), !(this.isInputUnavailable() || !M_({ source: e })) && this.addFiles(N_({ source: e }));
+				this.setDragging(!1), !(this.isInputUnavailable() || !N_({ source: e })) && this.addFiles(P_({ source: e }));
 			}
-		})), this.listeners.push(V_({
-			canMonitor: ({ source: e }) => M_({ source: e }),
+		})), this.listeners.push(H_({
+			canMonitor: ({ source: e }) => N_({ source: e }),
 			onDrop: () => this.setDragging(!1)
 		}))), this.syncFromInput(), this.sync();
 	},
@@ -10617,7 +10618,7 @@ var K_ = Y({ definition: {
 		return this.$el.querySelector("[data-ui-file-upload-list]");
 	},
 	isInputUnavailable() {
-		return this.props.disabled || ev(this.props, Z_(this.input().files).length);
+		return this.props.disabled || tv(this.props, Q_(this.input().files).length);
 	},
 	sync() {
 		let e = this.root(), t = this.dropzone(), n = !!e.querySelector("[data-ui-file-upload-item][data-existing-file]:not([hidden])"), r = this.files.length > 0 || n, i = this.isInputUnavailable();
@@ -10691,25 +10692,25 @@ var K_ = Y({ definition: {
 		}), e.multiple = this.props.multiple, this.props.accept ? e.accept = this.props.accept : e.removeAttribute("accept"), this.props.capture ? e.setAttribute("capture", this.props.capture) : e.removeAttribute("capture"), this.isInputUnavailable() && !this.props.disabled ? (e.setAttribute("aria-disabled", "true"), e.tabIndex = -1) : this.props.disabled || (e.removeAttribute("aria-disabled"), e.removeAttribute("tabindex"));
 	},
 	syncFromInput() {
-		let e = this.input(), t = Z_(e.files), n = this.emptyInputChangeClears;
+		let e = this.input(), t = Q_(e.files), n = this.emptyInputChangeClears;
 		if (this.emptyInputChangeClears = !1, t.length === 0 && this.files.length > 0 && !n) {
-			nv(e, this.files.map(({ file: e }) => e)), this.sync();
+			rv(e, this.files.map(({ file: e }) => e)), this.sync();
 			return;
 		}
-		let r = $_(t, this.props.accept), i = this.props.multiple ? this.props.maxItems : 1, a = i > 0 ? r.slice(0, i) : r, o = t.length - r.length, s = r.length - a.length, c = o + s;
-		this.limitReached = ev(this.props, a.length), c > 0 && (nv(e, a), s > 0 && Z.dispatch({
+		let r = ev(t, this.props.accept), i = this.props.multiple ? this.props.maxItems : 1, a = i > 0 ? r.slice(0, i) : r, o = t.length - r.length, s = r.length - a.length, c = o + s;
+		this.limitReached = tv(this.props, a.length), c > 0 && (rv(e, a), s > 0 && Z.dispatch({
 			el: this.root(),
 			name: "ui:file-upload-limit",
 			detail: { rejectedCount: s }
 		})), this.files.forEach((e) => {
 			e.previewUrl && URL.revokeObjectURL(e.previewUrl);
 		}), this.files = a.map((e, t) => ({
-			id: J_(e, t),
+			id: Y_(e, t),
 			file: e,
 			name: e.name,
-			size: q_(e.size),
+			size: J_(e.size),
 			type: e.type || "File",
-			previewUrl: X_(e, this.props.preview) ? URL.createObjectURL(e) : ""
+			previewUrl: Z_(e, this.props.preview) ? URL.createObjectURL(e) : ""
 		})), this.renderFiles(), this.sync(), Z.dispatch({
 			el: this.root(),
 			name: "ui:file-upload-change",
@@ -10722,29 +10723,29 @@ var K_ = Y({ definition: {
 	},
 	addFiles(e) {
 		if (this.isInputUnavailable() || e.length === 0) return;
-		let t = this.input(), n = $_(e, this.props.accept), r = this.props.multiple ? Z_(t.files) : [], i = this.props.maxItems > 0 ? Math.max(this.props.maxItems - r.length, 0) : n.length, a = this.props.multiple ? n.slice(0, i) : n.slice(0, 1), o = n.length - a.length, s = this.props.multiple ? [...r, ...a] : a;
+		let t = this.input(), n = ev(e, this.props.accept), r = this.props.multiple ? Q_(t.files) : [], i = this.props.maxItems > 0 ? Math.max(this.props.maxItems - r.length, 0) : n.length, a = this.props.multiple ? n.slice(0, i) : n.slice(0, 1), o = n.length - a.length, s = this.props.multiple ? [...r, ...a] : a;
 		if (o > 0 && Z.dispatch({
 			el: this.root(),
 			name: "ui:file-upload-limit",
 			detail: { rejectedCount: o }
-		}), this.props.maxItems > 0 ? this.limitReached = ev(this.props, s.length) : this.limitReached = !1, s.length === 0) {
+		}), this.props.maxItems > 0 ? this.limitReached = tv(this.props, s.length) : this.limitReached = !1, s.length === 0) {
 			this.sync();
 			return;
 		}
-		if (!nv(t, s)) {
+		if (!rv(t, s)) {
 			t.click();
 			return;
 		}
-		rv(t);
+		iv(t);
 	},
 	removePending(e) {
 		if (this.props.disabled || !Number.isInteger(e)) return;
-		let t = this.input(), n = Z_(t.files).filter((t, n) => n !== e);
+		let t = this.input(), n = Q_(t.files).filter((t, n) => n !== e);
 		if (n.length === 0) {
-			this.emptyInputChangeClears = !0, nv(t, []) || (t.value = ""), rv(t);
+			this.emptyInputChangeClears = !0, rv(t, []) || (t.value = ""), iv(t);
 			return;
 		}
-		nv(t, n) || (t.value = ""), rv(t);
+		rv(t, n) || (t.value = ""), iv(t);
 	},
 	clearExisting(e) {
 		if (this.props.disabled || !this.props.clearable) return;
@@ -10760,10 +10761,10 @@ var K_ = Y({ definition: {
 		let t = e.querySelector("[data-ui-file-upload-empty]");
 		t && (t.hidden = this.files.length > 0 || !!e.querySelector("[data-existing-file]:not([hidden])"));
 		let n = X({
-			part: K_.parts.item,
+			part: q_.parts.item,
 			props: {},
 			className: this.props.itemClass
-		}), r = X({ part: K_.parts.preview }), i = ["relative block overflow-hidden ui-image-outline", X({ part: K_.parts.previewImage })].filter(Boolean).join(" "), a = X({ part: K_.parts.itemBody }), o = X({ part: K_.parts.itemName }), s = X({ part: K_.parts.itemMeta }), c = X({ part: K_.parts.remove }), l = X({ part: K_.parts.removeIcon });
+		}), r = X({ part: q_.parts.preview }), i = ["relative block overflow-hidden ui-image-outline", X({ part: q_.parts.previewImage })].filter(Boolean).join(" "), a = X({ part: q_.parts.itemBody }), o = X({ part: q_.parts.itemName }), s = X({ part: q_.parts.itemMeta }), c = X({ part: q_.parts.remove }), l = X({ part: q_.parts.removeIcon });
 		this.files.forEach((t, u) => {
 			let d = document.createElement("li");
 			d.dataset.uiFileUploadItem = "", d.dataset.uiFileUploadPending = "", d.dataset.fileIndex = String(u), d.className = n;
@@ -10781,7 +10782,7 @@ var K_ = Y({ definition: {
 			let h = document.createElement("span");
 			h.dataset.uiFileUploadItemMeta = "", h.className = s, h.textContent = [t.size, t.type].filter(Boolean).join(" · "), p.append(m, h);
 			let g = document.createElement("button");
-			g.type = "button", g.dataset.uiFileUploadRemove = "", g.dataset.fileIndex = String(u), g.className = c, g.setAttribute("aria-label", `Remove ${t.name}`), g.append(iv(l)), d.append(f, p, g), e.append(d);
+			g.type = "button", g.dataset.uiFileUploadRemove = "", g.dataset.fileIndex = String(u), g.className = c, g.setAttribute("aria-label", `Remove ${t.name}`), g.append(av(l)), d.append(f, p, g), e.append(d);
 		});
 	},
 	setDragging(e) {
@@ -10798,23 +10799,23 @@ var K_ = Y({ definition: {
 			value: "true"
 		});
 	}
-}), ov = (e) => {
-	e.data("UiFileUpload", () => av());
-}, sv = vh, cv = yh, lv = Ah, uv = bh, dv = {
+}), sv = (e) => {
+	e.data("UiFileUpload", () => ov());
+}, cv = yh, lv = bh, uv = jh, dv = xh, fv = {
 	type: W.default("text"),
 	name: W,
 	value: W,
 	placeholder: W,
-	size: q(sv, "lg"),
-	variant: q(cv, "outline"),
-	radius: q(lv, "md"),
+	size: q(cv, "lg"),
+	variant: q(lv, "outline"),
+	radius: q(uv, "md"),
 	disabled: K,
 	readonly: K,
 	required: K,
 	invalid: K,
 	icon: W,
 	iconTrailing: W,
-	iconVariant: q(uv, "outline"),
+	iconVariant: q(dv, "outline"),
 	clearable: K,
 	copyable: K,
 	kbd: W,
@@ -10824,17 +10825,17 @@ var K_ = Y({ definition: {
 	controlClass: W,
 	class: W
 };
-q(sv, "lg"), q(cv, "outline"), q(lv, "md");
+q(cv, "lg"), q(lv, "outline"), q(uv, "md");
 //#endregion
 //#region packages/client/src/components/input/index.ts
-var fv = () => ({
+var pv = () => ({
 	props: null,
 	listeners: [],
 	copiedTimer: null,
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: dv,
+			schema: fv,
 			onChange: () => this.sync()
 		});
 		let e = this.input();
@@ -10934,26 +10935,26 @@ var fv = () => ({
 			});
 		}, 1200);
 	}
-}), pv = (e) => {
-	e.data("UiInput", () => fv());
-}, mv = ["modal", "sheet"], hv = wh, gv = [
+}), mv = (e) => {
+	e.data("UiInput", () => pv());
+}, hv = ["modal", "sheet"], gv = Th, _v = [
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"full"
-], _v = [
+], vv = [
 	"overlay",
 	"panel",
 	"inverse"
-], vv = jh, yv = Oh, bv = {
+], yv = Mh, bv = kh, xv = {
 	name: W,
 	open: K,
-	mode: q(mv, "modal"),
-	side: q(hv, "right"),
-	size: q(gv, "md"),
-	surface: q(_v, "overlay"),
-	tone: q(vv, "solid"),
+	mode: q(hv, "modal"),
+	side: q(gv, "right"),
+	size: q(_v, "md"),
+	surface: q(vv, "overlay"),
+	tone: q(yv, "solid"),
 	dismissible: K.default(!0),
 	closable: K.default(!0),
 	disabled: K,
@@ -10963,24 +10964,24 @@ var fv = () => ({
 	panelClass: W,
 	overlayClass: W,
 	class: W
-}, xv = {
+}, Sv = {
 	name: W,
 	disabled: K,
 	class: W
 };
-W.default("ui-modal-root"), q(yv, "h2"), W.default("Close");
+W.default("ui-modal-root"), q(bv, "h2"), W.default("Close");
 //#endregion
 //#region packages/client/src/components/modal/styles.ts
-var Sv = {
-	overlay: Mh.overlay,
-	panel: Mh.panel,
-	inverse: Mh.inverse
-}, Cv = [
+var Cv = {
+	overlay: Nh.overlay,
+	panel: Nh.panel,
+	inverse: Nh.inverse
+}, wv = [
 	"grid-rows-[auto_auto_minmax(0,1fr)_auto]",
 	"[&>[data-ui-modal-body]]:-mx-1 [&>[data-ui-modal-body]]:min-h-0 [&>[data-ui-modal-body]]:content-start",
 	"[&>[data-ui-modal-body]]:overflow-x-hidden [&>[data-ui-modal-body]]:overflow-y-auto [&>[data-ui-modal-body]]:px-1",
 	"[&>[data-ui-modal-footer]]:self-end"
-], wv = Y({ definition: {
+], Tv = Y({ definition: {
 	component: "ui.modal",
 	parts: {
 		instance: { base: "contents" },
@@ -11038,8 +11039,8 @@ var Sv = {
 		panel: {
 			base: ["relative z-dialog grid w-full min-w-0 gap-4 overflow-auto p-5 shadow-modal outline-none", "max-h-full"],
 			variants: {
-				surface: Sv,
-				tone: Nh,
+				surface: Cv,
+				tone: Ph,
 				mode: {
 					modal: "rounded-4",
 					sheet: ""
@@ -11064,14 +11065,14 @@ var Sv = {
 						mode: "sheet",
 						side: "right"
 					},
-					class: ["min-h-dvh max-w-lg", Cv]
+					class: ["min-h-dvh max-w-lg", wv]
 				},
 				{
 					when: {
 						mode: "sheet",
 						side: "left"
 					},
-					class: ["min-h-dvh max-w-lg", Cv]
+					class: ["min-h-dvh max-w-lg", wv]
 				},
 				{
 					when: {
@@ -11119,7 +11120,7 @@ var Sv = {
 		close: { base: ["absolute right-3 top-3 inline-flex size-control-md items-center justify-center rounded-2 border border-transparent text-icon outline-none", "hover:bg-base-a2 focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:ring-offset-app"] },
 		closeIcon: { base: "size-icon fill-current" }
 	}
-} }), Tv = /* @__PURE__ */ new Set(), Ev = /* @__PURE__ */ new Set(), Dv = [
+} }), Ev = /* @__PURE__ */ new Set(), Dv = /* @__PURE__ */ new Set(), Ov = [
 	"a[href]",
 	"area[href]",
 	"button:not([disabled])",
@@ -11128,10 +11129,10 @@ var Sv = {
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])",
 	"[contenteditable=\"true\"]"
-].join(","), Ov = (e) => e ? "open" : "closed", kv = (e) => (e.side === "left" || e.side === "right") && e.mode === "sheet" ? "sheet" : "modal", Av = (e) => Array.from(Tv).find((t) => t.name === e) ?? null, jv = (e) => Array.from(Ev).filter((t) => t.name === e), Mv = (e) => !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true" && !e.hidden && e.tabIndex !== -1, Nv = (e) => e.matches(Dv) && Mv(e) ? e : e.querySelector(Dv) ?? e, Pv = (e, t) => {
-	let n = Ov(t);
+].join(","), kv = (e) => e ? "open" : "closed", Av = (e) => (e.side === "left" || e.side === "right") && e.mode === "sheet" ? "sheet" : "modal", jv = (e) => Array.from(Ev).find((t) => t.name === e) ?? null, Mv = (e) => Array.from(Dv).filter((t) => t.name === e), Nv = (e) => !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true" && !e.hidden && e.tabIndex !== -1, Pv = (e) => e.matches(Ov) && Nv(e) ? e : e.querySelector(Ov) ?? e, Fv = (e, t) => {
+	let n = kv(t);
 	e.setAttribute("data-state", n), e.setAttribute("aria-expanded", t ? "true" : "false");
-}, Fv = () => ({
+}, Iv = () => ({
 	props: null,
 	machine: null,
 	dialogId: "",
@@ -11150,14 +11151,14 @@ var Sv = {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: bv,
+			schema: xv,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		}), this.dialogId = this.dialogEl().id || this.$id(`modal${this.props.name ? `-${this.props.name}` : ""}`), this.register(), this.mountLocalTrigger(), this.setupDialog(), this.setupNamedClose(), this.overlayMotion = Z.motion.createPresenceLifecycle({
 			element: () => this.overlayEl(),
 			preset: "fade"
 		}), this.panelMotion = Z.motion.createPresenceLifecycle({
 			element: () => this.panelEl(),
-			preset: kv(this.props)
+			preset: Av(this.props)
 		}), this.machine = Z.createMachine(Z.createVisibilityMachine({
 			enter: "applyOpenState",
 			exit: "applyClosedState"
@@ -11170,11 +11171,11 @@ var Sv = {
 		}), this.syncAll(), this.props.open && queueMicrotask(() => this.open());
 	},
 	destroy() {
-		this.props.disconnect(), this.machine.stop(), this.overlayMotion?.destroy(), this.panelMotion?.destroy(), this.hasScrollLock &&= (_h(), !1), this.unregister(), this.teardownLocalTrigger(), this.teardown();
+		this.props.disconnect(), this.machine.stop(), this.overlayMotion?.destroy(), this.panelMotion?.destroy(), this.hasScrollLock &&= (vh(), !1), this.unregister(), this.teardownLocalTrigger(), this.teardown();
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [Z.resolveStyle({
-			part: wv.parts.instance,
+			part: Tv.parts.instance,
 			props: {},
 			className: ""
 		}), { "data-ui-modal-instance": "" }] });
@@ -11215,10 +11216,10 @@ var Sv = {
 		return Array.from(this.$el.children).find((e) => e instanceof HTMLElement && e.matches("[data-ui-modal-trigger]")) ?? null;
 	},
 	triggerTarget(e) {
-		return Nv(e);
+		return Pv(e);
 	},
 	focusableEls() {
-		return Array.from(this.panelEl().querySelectorAll(Dv)).filter(Mv);
+		return Array.from(this.panelEl().querySelectorAll(Ov)).filter(Nv);
 	},
 	firstAutofocusEl() {
 		return this.panelEl().querySelector("[autofocus]");
@@ -11295,10 +11296,10 @@ var Sv = {
 		});
 	},
 	register() {
-		this.isRegistered ||= (Tv.add(this), !0);
+		this.isRegistered ||= (Ev.add(this), !0);
 	},
 	unregister() {
-		Tv.delete(this), this.isRegistered = !1;
+		Ev.delete(this), this.isRegistered = !1;
 	},
 	open(e) {
 		if (e?.preventDefault(), this.props.disabled) return;
@@ -11325,7 +11326,7 @@ var Sv = {
 	applyProps(e = []) {
 		if ((e.includes("mode") || e.includes("side")) && (this.panelMotion?.destroy(), this.panelMotion = Z.motion.createPresenceLifecycle({
 			element: () => this.panelEl(),
-			preset: kv(this.props)
+			preset: Av(this.props)
 		})), e.includes("open")) {
 			this.props.open ? this.open() : this.close();
 			return;
@@ -11337,30 +11338,30 @@ var Sv = {
 		this.syncAll();
 	},
 	syncExternalTrigger(e, t) {
-		if (Pv(e, this.isOpen), e.setAttribute("aria-controls", this.dialogId), e.setAttribute("data-ui-modal-trigger-target", this.dialogId), e.setAttribute("data-state", Ov(this.isOpen)), t || this.props.disabled) {
-			e.setAttribute("aria-disabled", "true"), e.setAttribute("data-disabled", ""), e instanceof HTMLButtonElement && (e.disabled = !0), e.matches(Dv) || (e.tabIndex = -1);
+		if (Fv(e, this.isOpen), e.setAttribute("aria-controls", this.dialogId), e.setAttribute("data-ui-modal-trigger-target", this.dialogId), e.setAttribute("data-state", kv(this.isOpen)), t || this.props.disabled) {
+			e.setAttribute("aria-disabled", "true"), e.setAttribute("data-disabled", ""), e instanceof HTMLButtonElement && (e.disabled = !0), e.matches(Ov) || (e.tabIndex = -1);
 			return;
 		}
-		e.removeAttribute("aria-disabled"), e.removeAttribute("data-disabled"), e instanceof HTMLButtonElement && (e.disabled = !1), e.matches(Dv) || (e.tabIndex = 0);
+		e.removeAttribute("aria-disabled"), e.removeAttribute("data-disabled"), e instanceof HTMLButtonElement && (e.disabled = !1), e.matches(Ov) || (e.tabIndex = 0);
 	},
 	syncAll() {
 		this.syncDialog(), this.syncLocalTrigger(), this.syncNamedTriggers();
 	},
 	syncDialog() {
-		let e = this.dialogEl(), t = this.viewportEl(), n = this.overlayEl(), r = this.panelEl(), i = this.titleEl(), a = this.descriptionEl(), o = Ov(this.isOpen);
+		let e = this.dialogEl(), t = this.viewportEl(), n = this.overlayEl(), r = this.panelEl(), i = this.titleEl(), a = this.descriptionEl(), o = kv(this.isOpen);
 		e.id = this.dialogId, e.setAttribute("role", "dialog"), e.setAttribute("aria-modal", "true"), e.setAttribute("data-state", o), e.dataset.mode = this.props.mode, e.dataset.side = this.props.side, e.dataset.size = this.props.size, e.dataset.surface = this.props.surface, e.dataset.tone = this.props.tone, e.className = Z.resolveStyle({
-			part: wv.parts.root,
+			part: Tv.parts.root,
 			props: this.props,
 			className: this.props.class
 		}), t.setAttribute("data-state", o), t.dataset.mode = this.props.mode, t.dataset.side = this.props.side, t.className = Z.resolveStyle({
-			part: wv.parts.viewport,
+			part: Tv.parts.viewport,
 			props: this.props
 		}), n.setAttribute("data-state", o), n.className = Z.resolveStyle({
-			part: wv.parts.overlay,
+			part: Tv.parts.overlay,
 			props: this.props,
 			className: this.props.overlayClass
 		}), r.id ||= this.$id(`modal-panel${this.props.name ? `-${this.props.name}` : ""}`), r.setAttribute("data-state", o), r.dataset.mode = this.props.mode, r.dataset.side = this.props.side, r.dataset.size = this.props.size, r.dataset.surface = this.props.surface, r.dataset.tone = this.props.tone, r.tabIndex = -1, r.className = Z.resolveStyle({
-			part: wv.parts.panel,
+			part: Tv.parts.panel,
 			props: this.props,
 			className: this.props.panelClass
 		}), i ? (i.id ||= this.$id(`modal-title${this.props.name ? `-${this.props.name}` : ""}`), e.setAttribute("aria-labelledby", i.id), e.removeAttribute("aria-label"), this.props.autofocusTitle && (i.tabIndex = -1)) : this.props.label && (e.setAttribute("aria-label", this.props.label), e.removeAttribute("aria-labelledby")), a && (a.id ||= this.$id(`modal-description${this.props.name ? `-${this.props.name}` : ""}`)), this.props.descriptionId === "none" ? e.removeAttribute("aria-describedby") : this.props.descriptionId ? e.setAttribute("aria-describedby", this.props.descriptionId) : a && e.setAttribute("aria-describedby", a.id);
@@ -11370,12 +11371,12 @@ var Sv = {
 		e && this.syncExternalTrigger(this.triggerTarget(e), this.props.disabled);
 	},
 	syncNamedTriggers() {
-		this.props.name && jv(this.props.name).forEach((e) => e.sync());
+		this.props.name && Mv(this.props.name).forEach((e) => e.sync());
 	},
 	applyOpenState() {
 		this.modalMotionRun += 1;
 		let e = this.dialogEl();
-		typeof e.showModal == "function" ? this.didShowModal ||= (e.open && e.removeAttribute("open"), e.showModal(), !0) : e.open || e.setAttribute("open", ""), this.hasScrollLock ||= (gh(), !0), this.syncAll();
+		typeof e.showModal == "function" ? this.didShowModal ||= (e.open && e.removeAttribute("open"), e.showModal(), !0) : e.open || e.setAttribute("open", ""), this.hasScrollLock ||= (_h(), !0), this.syncAll();
 		let t = this.overlayMotion?.enter(), n = this.panelMotion?.enter();
 		Promise.allSettled([t?.finished ?? Promise.resolve(), n?.finished ?? Promise.resolve()]).then(() => {
 			this.machine.matches("opening") && this.machine.send("ANIMATION_END");
@@ -11395,14 +11396,14 @@ var Sv = {
 	finishClosedState(e) {
 		if (e !== this.modalMotionRun || this.isOpen) return;
 		let t = this.dialogEl();
-		t.open && t.close(), this.didShowModal = !1, this.hasScrollLock &&= (_h(), !1), this.restoreFocus(), Z.dispatch({
+		t.open && t.close(), this.didShowModal = !1, this.hasScrollLock &&= (vh(), !1), this.restoreFocus(), Z.dispatch({
 			el: t,
 			name: "ui:close"
 		});
 	},
 	focusInitial() {
 		let e = this.firstAutofocusEl();
-		if (e && Mv(e)) {
+		if (e && Nv(e)) {
 			e.focus({ preventScroll: !0 });
 			return;
 		}
@@ -11445,7 +11446,7 @@ var Sv = {
 	teardown() {
 		this.cleanup.forEach((e) => e()), this.cleanup = [];
 	}
-}), Iv = () => ({
+}), Lv = () => ({
 	props: null,
 	target: null,
 	cleanup: [],
@@ -11455,9 +11456,9 @@ var Sv = {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: xv,
+			schema: Sv,
 			onChange: () => this.sync()
-		}), this.target = this.targetEl(), Ev.add(this), this.sync(), Z.addListener({
+		}), this.target = this.targetEl(), Dv.add(this), this.sync(), Z.addListener({
 			target: this.target,
 			event: "click",
 			handler: (e) => this.open(e),
@@ -11472,11 +11473,11 @@ var Sv = {
 		});
 	},
 	destroy() {
-		this.props.disconnect(), Ev.delete(this), this.cleanup.forEach((e) => e()), this.cleanup = [];
+		this.props.disconnect(), Dv.delete(this), this.cleanup.forEach((e) => e()), this.cleanup = [];
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [Z.resolveStyle({
-			part: wv.parts.trigger,
+			part: Tv.parts.trigger,
 			props: {},
 			className: this.props.class
 		}), {
@@ -11491,44 +11492,44 @@ var Sv = {
 			e.syncExternalTrigger(this.target, this.props.disabled);
 			return;
 		}
-		Pv(this.target, !1), this.props.disabled ? (this.target.setAttribute("aria-disabled", "true"), this.target.setAttribute("data-disabled", "")) : (this.target.removeAttribute("aria-disabled"), this.target.removeAttribute("data-disabled"));
+		Fv(this.target, !1), this.props.disabled ? (this.target.setAttribute("aria-disabled", "true"), this.target.setAttribute("data-disabled", "")) : (this.target.removeAttribute("aria-disabled"), this.target.removeAttribute("data-disabled"));
 	},
 	modal() {
-		return this.props.name ? Av(this.props.name) : null;
+		return this.props.name ? jv(this.props.name) : null;
 	},
 	open(e) {
 		e?.preventDefault(), !this.props.disabled && this.modal()?.openFrom(this.target);
 	},
 	targetEl() {
-		return Nv(this.$el);
+		return Pv(this.$el);
 	}
-}), Lv = (e) => {
-	e.data("UiModal", () => Fv()), e.data("UiModalTrigger", () => Iv());
-}, Rv = Th, zv = [
+}), Rv = (e) => {
+	e.data("UiModal", () => Iv()), e.data("UiModalTrigger", () => Lv());
+}, zv = Eh, Bv = [
 	"default",
 	"cards",
 	"pills"
-], Bv = Eh, Vv = vh, Hv = [
+], Vv = Dh, Hv = yh, Uv = [
 	"default",
 	"cards",
 	"pills"
-], Uv = {
+], Wv = {
 	name: W,
 	value: W,
-	orientation: q(Rv, "vertical"),
-	variant: q(zv, "default"),
+	orientation: q(zv, "vertical"),
+	variant: q(Bv, "default"),
 	indicator: K.default(!0),
-	placement: q(Bv, "leading"),
+	placement: q(Vv, "leading"),
 	disabled: K,
 	required: K,
 	invalid: K,
 	loop: K.default(!0),
 	class: W
 };
-K.default(!0), q(Bv, "leading"), q(Hv, "default"), q(Vv, "md"), q(Vv, "md");
+K.default(!0), q(Vv, "leading"), q(Uv, "default"), q(Hv, "md"), q(Hv, "md");
 //#endregion
 //#region packages/client/src/components/radio/index.ts
-var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv = () => ({
+var Gv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Kv = () => ({
 	props: null,
 	value: "",
 	listeners: [],
@@ -11536,7 +11537,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Uv,
+			schema: Wv,
 			onChange: () => this.sync()
 		});
 		let e = this.items().find((e) => e.input.checked);
@@ -11578,7 +11579,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 				input: t,
 				indicator: e.querySelector("[data-ui-radio-indicator]"),
 				dot: e.querySelector("[data-ui-radio-indicator-dot]"),
-				value: Wv(e, t),
+				value: Gv(e, t),
 				disabled: n
 			};
 		}).filter((e) => e !== null);
@@ -11692,9 +11693,9 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 		}
 		["ArrowUp", "ArrowLeft"].includes(t.key) && (t.preventDefault(), this.move(e, -1)), ["ArrowDown", "ArrowRight"].includes(t.key) && (t.preventDefault(), this.move(e, 1));
 	}
-}), Kv = (e) => {
-	e.data("UiRadioGroup", () => Gv());
-}, qv = {
+}), qv = (e) => {
+	e.data("UiRadioGroup", () => Kv());
+}, Jv = {
 	orientation: q([
 		"vertical",
 		"horizontal",
@@ -11714,7 +11715,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	scrollbarClass: W,
 	thumbClass: W,
 	cornerClass: W
-}, Jv = Y({ definition: {
+}, Yv = Y({ definition: {
 	component: "ui.scroll-area",
 	parts: {
 		root: {
@@ -11783,27 +11784,27 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 			"data-visible:opacity-100"
 		] }
 	}
-} }), Yv = 18, Xv = 1e3, Zv = null, Qv = (e, t, n) => Math.min(n, Math.max(t, e)), $v = (e, t) => e === "both" || e === "horizontal" && t === "x" || e === "vertical" && t === "y", ey = () => {
-	if (Zv) return Zv;
+} }), Xv = 18, Zv = 1e3, Qv = null, $v = (e, t, n) => Math.min(n, Math.max(t, e)), ey = (e, t) => e === "both" || e === "horizontal" && t === "x" || e === "vertical" && t === "y", ty = () => {
+	if (Qv) return Qv;
 	let e = document.createElement("div"), t = document.createElement("div");
-	return e.dir = "rtl", e.style.cssText = "position:absolute;left:-9999px;width:4px;height:1px;overflow:scroll;", t.style.cssText = "width:8px;height:1px;", e.append(t), document.body.append(e), e.scrollLeft = 1, e.scrollLeft === 0 ? Zv = "negative" : (e.scrollLeft = 0, Zv = e.scrollLeft === 0 ? "reverse" : "default"), e.remove(), Zv;
-}, ty = (e) => {
+	return e.dir = "rtl", e.style.cssText = "position:absolute;left:-9999px;width:4px;height:1px;overflow:scroll;", t.style.cssText = "width:8px;height:1px;", e.append(t), document.body.append(e), e.scrollLeft = 1, e.scrollLeft === 0 ? Qv = "negative" : (e.scrollLeft = 0, Qv = e.scrollLeft === 0 ? "reverse" : "default"), e.remove(), Qv;
+}, ny = (e) => {
 	let t = Math.max(0, e.scrollWidth - e.clientWidth);
 	if (!Z.isRtl({ el: e })) return e.scrollLeft;
-	let n = ey();
+	let n = ty();
 	return n === "negative" ? -e.scrollLeft : n === "reverse" ? t - e.scrollLeft : e.scrollLeft;
-}, ny = (e, t) => {
-	let n = Math.max(0, e.scrollWidth - e.clientWidth), r = Qv(t, 0, n);
+}, ry = (e, t) => {
+	let n = Math.max(0, e.scrollWidth - e.clientWidth), r = $v(t, 0, n);
 	if (!Z.isRtl({ el: e })) {
 		e.scrollLeft = r;
 		return;
 	}
-	let i = ey();
+	let i = ty();
 	i === "negative" ? e.scrollLeft = -r : i === "reverse" ? e.scrollLeft = n - r : e.scrollLeft = r;
-}, ry = (e) => e.dataset.orientation === "horizontal" ? "x" : "y", iy = (e) => e instanceof HTMLElement, ay = (e, t) => {
+}, iy = (e) => e.dataset.orientation === "horizontal" ? "x" : "y", ay = (e) => e instanceof HTMLElement, oy = (e, t) => {
 	let n = e.querySelector(`:scope > ${t}`);
-	return iy(n) ? n : null;
-}, oy = () => ({
+	return ay(n) ? n : null;
+}, sy = () => ({
 	props: null,
 	listeners: [],
 	resizeObserver: null,
@@ -11822,7 +11823,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: qv,
+			schema: Jv,
 			onChange: () => this.scheduleSync()
 		});
 		let e = this.elements();
@@ -11900,7 +11901,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [X({
-			part: Jv.parts.root,
+			part: Yv.parts.root,
 			props: {
 				fill: this.props.fill,
 				size: this.props.size
@@ -11917,7 +11918,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	},
 	viewport(e) {
 		return Z.mergeBindings({ inputs: [X({
-			part: Jv.parts.viewport,
+			part: Yv.parts.viewport,
 			props: {
 				orientation: this.props.orientation,
 				fill: this.props.fill
@@ -11931,9 +11932,9 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 		}] });
 	},
 	scrollbar(e) {
-		let t = ry(e) === "x" ? "horizontal" : "vertical";
+		let t = iy(e) === "x" ? "horizontal" : "vertical";
 		return Z.mergeBindings({ inputs: [X({
-			part: Jv.parts.scrollbar,
+			part: Yv.parts.scrollbar,
 			props: { orientation: t },
 			className: e.dataset.class
 		}), {
@@ -11943,9 +11944,9 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 		}] });
 	},
 	thumb(e) {
-		let t = ry(e), n = t === "x" ? "horizontal" : "vertical";
+		let t = iy(e), n = t === "x" ? "horizontal" : "vertical";
 		return Z.mergeBindings({ inputs: [X({
-			part: Jv.parts.thumb,
+			part: Yv.parts.thumb,
 			props: { orientation: n },
 			className: e.dataset.class
 		}), {
@@ -11957,7 +11958,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	},
 	corner(e) {
 		return Z.mergeBindings({ inputs: [X({
-			part: Jv.parts.corner,
+			part: Yv.parts.corner,
 			className: e.dataset.class
 		}), {
 			"data-ui-scroll-area-corner": "",
@@ -11965,16 +11966,16 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 		}] });
 	},
 	elements() {
-		let e = this.$el, t = ay(e, "[data-ui-scroll-area-viewport]") ?? e;
+		let e = this.$el, t = oy(e, "[data-ui-scroll-area-viewport]") ?? e;
 		return {
 			root: e,
 			viewport: t,
-			content: ay(t, "[data-ui-scroll-area-content]"),
-			verticalScrollbar: ay(e, "[data-ui-scroll-area-scrollbar][data-orientation=\"vertical\"]"),
-			horizontalScrollbar: ay(e, "[data-ui-scroll-area-scrollbar][data-orientation=\"horizontal\"]"),
-			verticalThumb: ay(e, "[data-ui-scroll-area-scrollbar][data-orientation=\"vertical\"] > [data-ui-scroll-area-thumb][data-orientation=\"vertical\"]"),
-			horizontalThumb: ay(e, "[data-ui-scroll-area-scrollbar][data-orientation=\"horizontal\"] > [data-ui-scroll-area-thumb][data-orientation=\"horizontal\"]"),
-			corner: ay(e, "[data-ui-scroll-area-corner]")
+			content: oy(t, "[data-ui-scroll-area-content]"),
+			verticalScrollbar: oy(e, "[data-ui-scroll-area-scrollbar][data-orientation=\"vertical\"]"),
+			horizontalScrollbar: oy(e, "[data-ui-scroll-area-scrollbar][data-orientation=\"horizontal\"]"),
+			verticalThumb: oy(e, "[data-ui-scroll-area-scrollbar][data-orientation=\"vertical\"] > [data-ui-scroll-area-thumb][data-orientation=\"vertical\"]"),
+			horizontalThumb: oy(e, "[data-ui-scroll-area-scrollbar][data-orientation=\"horizontal\"] > [data-ui-scroll-area-thumb][data-orientation=\"horizontal\"]"),
+			corner: oy(e, "[data-ui-scroll-area-corner]")
 		};
 	},
 	scheduleSync() {
@@ -11989,7 +11990,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	},
 	sync() {
 		let e = this.elements(), { viewport: t } = e;
-		this.overflowX = $v(this.props.orientation, "x") && t.scrollWidth > t.clientWidth + 1, this.overflowY = $v(this.props.orientation, "y") && t.scrollHeight > t.clientHeight + 1, Z.setPresence({
+		this.overflowX = ey(this.props.orientation, "x") && t.scrollWidth > t.clientWidth + 1, this.overflowY = ey(this.props.orientation, "y") && t.scrollHeight > t.clientHeight + 1, Z.setPresence({
 			el: this.$el,
 			attr: "data-overflow-x",
 			present: this.overflowX
@@ -12022,7 +12023,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	updateGeometry(e) {
 		let { viewport: t } = e, n = (e, n, r, i) => {
 			if (!n || !r || !i) return r && (r.style.width = "", r.style.height = "", r.style.transform = ""), null;
-			let a = e === "y" ? n.clientHeight : n.clientWidth, o = e === "y" ? t.clientHeight : t.clientWidth, s = e === "y" ? t.scrollHeight : t.scrollWidth, c = Math.max(1, s - o), l = Math.min(a, Math.max(Yv, o / s * a)), u = Math.max(0, a - l);
+			let a = e === "y" ? n.clientHeight : n.clientWidth, o = e === "y" ? t.clientHeight : t.clientWidth, s = e === "y" ? t.scrollHeight : t.scrollWidth, c = Math.max(1, s - o), l = Math.min(a, Math.max(Xv, o / s * a)), u = Math.max(0, a - l);
 			return e === "y" ? (r.style.height = `${l}px`, r.style.width = "") : (r.style.width = `${l}px`, r.style.height = ""), {
 				trackLength: a,
 				thumbLength: l,
@@ -12035,11 +12036,11 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 	updateThumbPositions(e) {
 		let { viewport: t } = e;
 		if (e.verticalThumb && this.verticalGeometry) {
-			let { maxOffset: n, maxScroll: r } = this.verticalGeometry, i = n * Qv(t.scrollTop / r, 0, 1);
+			let { maxOffset: n, maxScroll: r } = this.verticalGeometry, i = n * $v(t.scrollTop / r, 0, 1);
 			e.verticalThumb.style.transform = `translate3d(0, ${i}px, 0)`;
 		}
 		if (e.horizontalThumb && this.horizontalGeometry) {
-			let { maxOffset: n, maxScroll: r } = this.horizontalGeometry, i = n * Qv(ty(t) / r, 0, 1);
+			let { maxOffset: n, maxScroll: r } = this.horizontalGeometry, i = n * $v(ny(t) / r, 0, 1);
 			e.horizontalThumb.style.transform = `translate3d(${i}px, 0, 0)`;
 		}
 	},
@@ -12067,7 +12068,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 			e && Z.setPresence({
 				el: e,
 				attr: "data-dragging",
-				present: this.dragging?.axis === ry(e)
+				present: this.dragging?.axis === iy(e)
 			});
 		}), e.corner && Z.setPresence({
 			el: e.corner,
@@ -12082,7 +12083,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 				attr: "data-scrolling",
 				present: !1
 			}), this.updateVisibility(this.elements());
-		}, Xv);
+		}, Zv);
 	},
 	clearFadeTimer() {
 		this.fadeTimer &&= (window.clearTimeout(this.fadeTimer), 0);
@@ -12099,7 +12100,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 		if (this.props.disabled) return;
 		let n = this.elements(), r = n.viewport, i = t === "y" ? n.verticalScrollbar : n.horizontalScrollbar, a = t === "y" ? n.verticalThumb : n.horizontalThumb, o = t === "y" ? this.overflowY : this.overflowX;
 		if (!i || !a || !o) return;
-		let s = t === "y" ? i.clientHeight : i.clientWidth, c = t === "y" ? a.offsetHeight : a.offsetWidth, l = t === "y" ? Math.max(0, r.scrollHeight - r.clientHeight) : Math.max(0, r.scrollWidth - r.clientWidth), u = t === "y" ? r.scrollTop : ty(r);
+		let s = t === "y" ? i.clientHeight : i.clientWidth, c = t === "y" ? a.offsetHeight : a.offsetWidth, l = t === "y" ? Math.max(0, r.scrollHeight - r.clientHeight) : Math.max(0, r.scrollWidth - r.clientWidth), u = t === "y" ? r.scrollTop : ny(r);
 		this.dragging = {
 			axis: t,
 			pointerId: e.pointerId,
@@ -12118,7 +12119,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 		if (!this.dragging || this.dragging.pointerId !== e.pointerId) return;
 		e.preventDefault();
 		let t = this.elements().viewport, n = (this.dragging.axis === "y" ? e.clientY : e.clientX) - this.dragging.startPointer, r = Math.max(1, this.dragging.trackLength - this.dragging.thumbLength), i = this.dragging.startScroll + n / r * this.dragging.maxScroll;
-		this.dragging.axis === "y" ? t.scrollTop = Qv(i, 0, this.dragging.maxScroll) : ny(t, i), this.schedulePositionSync();
+		this.dragging.axis === "y" ? t.scrollTop = $v(i, 0, this.dragging.maxScroll) : ry(t, i), this.schedulePositionSync();
 	},
 	onPointerUp(e) {
 		if (!this.dragging || this.dragging.pointerId !== e.pointerId) return;
@@ -12128,9 +12129,9 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 		} catch {}
 		this.dragging = null, this.startFadeTimer(), this.sync();
 	}
-}), sy = (e) => {
-	e.data("UiScrollArea", () => oy());
-}, cy = Y({ definition: {
+}), cy = (e) => {
+	e.data("UiScrollArea", () => sy());
+}, ly = Y({ definition: {
 	component: "ui.badge",
 	parts: {
 		root: {
@@ -12290,7 +12291,7 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 					},
 					class: "bg-danger-solid text-danger-contrast shadow-1"
 				},
-				...Fh,
+				...Ih,
 				{
 					when: {
 						insetLeft: !0,
@@ -12383,32 +12384,32 @@ var Wv = (e, t) => t.value || e.dataset.value || e.textContent?.trim() || "", Gv
 		},
 		closeIcon: { base: "size-icon-xs shrink-0 fill-current text-current" }
 	}
-} }), ly = [
+} }), uy = [
 	"soft",
 	"surface",
 	"outline",
 	"solid"
-], uy = [
+], dy = [
 	"neutral",
 	"accent",
 	"success",
 	"warning",
 	"danger"
-], dy = vh, fy = ["span", "button"], py = xh, my = bh, hy = Ah;
-q(ly, "soft"), q(uy, "neutral"), q(dy, "sm"), q(hy, "sm"), q(fy, "span"), q(py, "button"), q(my, "mini"), q(py, "button"), W.default("close"), q(my, "mini"), q(dy, "sm"), W.default("Remove");
+], fy = yh, py = ["span", "button"], my = Sh, hy = xh, gy = jh;
+q(uy, "soft"), q(dy, "neutral"), q(fy, "sm"), q(gy, "sm"), q(py, "span"), q(my, "button"), q(hy, "mini"), q(my, "button"), W.default("close"), q(hy, "mini"), q(fy, "sm"), W.default("Remove");
 //#endregion
 //#region packages/client/src/components/select/contract.ts
-var gy = [
+var _y = [
 	"listbox",
 	"combobox",
 	"pillbox",
 	"native"
-], _y = yh, vy = vh, yy = Ah, by = Ch, xy = Sh, Sy = bh, Cy = {
+], vy = bh, yy = yh, by = jh, xy = wh, Sy = Ch, Cy = xh, wy = {
 	name: W,
 	value: W,
 	values: W,
 	placeholder: W,
-	mode: q(gy, "listbox"),
+	mode: q(_y, "listbox"),
 	multiple: K,
 	searchable: K,
 	filter: K.default(!0),
@@ -12428,11 +12429,11 @@ var gy = [
 	autoHighlight: K.default(!0),
 	loop: K.default(!0),
 	path: W,
-	size: q(vy, "lg"),
-	variant: q(_y, "outline"),
-	radius: q(yy, "md"),
-	side: q(by, "bottom"),
-	align: q(xy, "start"),
+	size: q(yy, "lg"),
+	variant: q(vy, "outline"),
+	radius: q(by, "md"),
+	side: q(xy, "bottom"),
+	align: q(Sy, "start"),
 	offset: G.clamp(-100, 100).default(0),
 	gap: G.clamp(0, 50).default(4),
 	empty: W.default("No results found."),
@@ -12440,29 +12441,29 @@ var gy = [
 	searchIcon: W.default("search"),
 	icon: W,
 	iconTrailing: W.default("chevron__down"),
-	iconVariant: q(Sy, "outline"),
+	iconVariant: q(Cy, "outline"),
 	buttonClass: W,
 	inputClass: W,
 	searchClass: W,
 	listboxClass: W,
 	optionClass: W,
-	chipVariant: q(ly, "soft"),
-	chipColor: q(uy, "neutral"),
+	chipVariant: q(uy, "soft"),
+	chipColor: q(dy, "neutral"),
 	chipClass: W,
 	class: W
 };
-q(Sy, "outline"), G.clamp(0, 100).default(0);
+q(Cy, "outline"), G.clamp(0, 100).default(0);
 //#endregion
 //#region packages/client/src/components/select/styles.ts
-var wy = Y({ definition: {
+var Ty = Y({ definition: {
 	component: "ui.select",
 	parts: {
 		root: { base: "relative inline-grid w-full min-w-0" },
 		control: {
-			base: [Ih, Rh],
+			base: [Lh, zh],
 			variants: {
-				size: zh,
-				variant: Vh,
+				size: Bh,
+				variant: Hh,
 				mode: {
 					listbox: "",
 					combobox: "",
@@ -12480,7 +12481,7 @@ var wy = Y({ definition: {
 					empty: !1
 				},
 				class: "!pl-1.5"
-			}, ...Fh],
+			}, ...Ih],
 			defaults: {
 				size: "lg",
 				variant: "outline",
@@ -12492,9 +12493,9 @@ var wy = Y({ definition: {
 		button: { base: ["flex min-w-0 flex-1 items-center gap-2 border-0 bg-transparent p-0 text-left text-inherit outline-none"] },
 		value: { base: "min-w-0 flex-1" },
 		placeholder: { base: "min-w-0 flex-1 text-foreground" },
-		input: { base: ["w-full min-w-16 flex-1", Hh] },
+		input: { base: ["w-full min-w-16 flex-1", Uh] },
 		search: { base: ["flex min-h-control-xlg shrink-0 items-center gap-2 border-b border-popover-border px-3", "text-sm text-foreground"] },
-		searchInput: { base: ["min-w-0 flex-1 text-sm", Hh] },
+		searchInput: { base: ["min-w-0 flex-1 text-sm", Uh] },
 		chips: { base: "flex min-w-0 flex-wrap items-center gap-1" },
 		chip: { base: ["max-w-64"] },
 		chipLabel: { base: "block min-w-0 flex-1 truncate" },
@@ -12507,11 +12508,11 @@ var wy = Y({ definition: {
 			} },
 			defaults: { position: "leading" }
 		},
-		action: { base: Uh },
-		popover: { base: [Gh, "overflow-hidden"] },
+		action: { base: Wh },
+		popover: { base: [Kh, "overflow-hidden"] },
 		viewport: { base: "grid auto-rows-min content-start max-h-combobox-listbox gap-1 overflow-x-hidden overflow-y-auto p-popover" },
 		option: { base: [
-			qh,
+			Jh,
 			"[&:has([data-ui-select-option-label]>*+*)]:h-auto",
 			"[&:has([data-ui-select-option-label]>*+*)]:items-start",
 			"[&:has([data-ui-select-option-label]>*+*)]:py-2"
@@ -12519,14 +12520,14 @@ var wy = Y({ definition: {
 		optionLabel: { base: "min-w-0 flex-1 truncate" },
 		optionMeta: { base: "ml-auto text-menu-item-muted" },
 		optionIcon: {
-			base: Jh,
+			base: Yh,
 			variants: { position: {
 				leading: "",
 				trailing: "ml-auto"
 			} },
 			defaults: { position: "leading" }
 		},
-		optionIndicator: { base: Yh },
+		optionIndicator: { base: Xh },
 		optionCheckbox: { base: ["ml-auto inline-flex size-icon-sm shrink-0 items-center justify-center rounded-1 border border-border bg-surface-panel text-accent-contrast", "data-selected:border-accent-solid data-selected:bg-accent-solid"] },
 		group: { base: "grid auto-rows-min content-start gap-1" },
 		label: { base: "px-menu-item-x py-1 text-menu-heading-fg" },
@@ -12535,9 +12536,9 @@ var wy = Y({ definition: {
 		separatorRule: { base: "h-px w-full border-0 bg-menu-separator" },
 		nativeWrapper: { base: "relative w-full min-w-0" },
 		native: {
-			base: [Wh, "appearance-none pe-10"],
-			variants: { size: zh },
-			compounds: Fh,
+			base: [Gh, "appearance-none pe-10"],
+			variants: { size: Bh },
+			compounds: Ih,
 			defaults: {
 				size: "lg",
 				radius: "md"
@@ -12545,23 +12546,23 @@ var wy = Y({ definition: {
 		},
 		nativeIcon: { base: "pointer-events-none absolute right-3 top-1/2 size-icon -translate-y-1/2 fill-current text-icon" }
 	}
-} }), Ty = "[data-ui-select-option], [data-ui-select-option-create]", Ey = "template[data-ui-select-option-selected-template]", Dy = /* @__PURE__ */ new WeakSet(), Oy = (e, t) => e.composedPath().some((e) => e instanceof Element && e.matches(t)), ky = (e) => {
+} }), Ey = "[data-ui-select-option], [data-ui-select-option-create]", Dy = "template[data-ui-select-option-selected-template]", Oy = /* @__PURE__ */ new WeakSet(), ky = (e, t) => e.composedPath().some((e) => e instanceof Element && e.matches(t)), Ay = (e) => {
 	if (!(e instanceof Element)) {
-		e.childNodes.forEach((e) => ky(e));
+		e.childNodes.forEach((e) => Ay(e));
 		return;
 	}
 	Array.from(e.attributes).forEach((t) => {
 		let n = t.name;
 		(n === "id" || n === "role" || n === "tabindex" || n.startsWith("aria-selected") || n.startsWith("aria-disabled") || n.startsWith("data-ui-select-option") || n.startsWith("data-selected") || n.startsWith("data-highlighted") || n.startsWith("data-disabled") || n.startsWith("x-") || n.startsWith("@") || n.startsWith(":") || n.startsWith("on")) && e.removeAttribute(n);
-	}), e.childNodes.forEach((e) => ky(e)), e.setAttribute("x-ignore", "true");
-}, Ay = (e) => {
+	}), e.childNodes.forEach((e) => Ay(e)), e.setAttribute("x-ignore", "true");
+}, jy = (e) => {
 	let t = document.createDocumentFragment();
 	return Array.from(e).forEach((e) => {
-		if (e instanceof HTMLTemplateElement && e.matches(Ey)) return;
+		if (e instanceof HTMLTemplateElement && e.matches(Dy)) return;
 		let n = e.cloneNode(!0);
-		ky(n), t.append(n);
+		Ay(n), t.append(n);
 	}), t;
-}, jy = () => ({
+}, My = () => ({
 	search: "",
 	selectedValues: [],
 	selectedLabels: [],
@@ -12581,7 +12582,7 @@ var wy = Y({ definition: {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Cy,
+			schema: wy,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		}), this.buttonId = this.$id("select-button"), this.inputId = this.$id("select-input"), this.listboxId = this.$id("select-listbox"), this.machine = Z.createMachine(Z.createVisibilityMachine({
 			enter: "enterPopover",
@@ -12632,7 +12633,7 @@ var wy = Y({ definition: {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [X({
-			part: wy.parts.root,
+			part: Ty.parts.root,
 			props: this.props,
 			className: this.props.class
 		}), {
@@ -12673,7 +12674,7 @@ var wy = Y({ definition: {
 		return this.$el.querySelector("[data-ui-select-hidden-inputs]");
 	},
 	options() {
-		let e = Z.normalizeOptionText(this.search), t = Array.from(this.$el.querySelectorAll(Ty)).map((t, n) => {
+		let e = Z.normalizeOptionText(this.search), t = Array.from(this.$el.querySelectorAll(Ey)).map((t, n) => {
 			let r = this.resolveOptionLabel(t), i = this.optionValue(t, r), a = this.resolveSelectedLabel(t, r), o = Z.asBool({ value: t.dataset.disabled }), s = this.selectedValues.includes(i), c = t.hasAttribute("data-ui-select-option-create"), l = !this.props.filter || e === "" || Z.normalizeOptionText(`${r} ${t.dataset.suffix ?? ""}`).includes(e), u = e !== "" && Z.normalizeOptionText(r) === e, d = Number(t.dataset.minLength ?? "0"), f = c ? e.length >= d && !u : l;
 			return {
 				el: t,
@@ -12908,7 +12909,7 @@ var wy = Y({ definition: {
 	syncControl() {
 		let e = this.control();
 		e.setAttribute("class", X({
-			part: wy.parts.control,
+			part: Ty.parts.control,
 			props: {
 				...this.props,
 				mode: this.controlLayoutMode(),
@@ -12952,7 +12953,7 @@ var wy = Y({ definition: {
 			e.id ||= this.inputId;
 			let t = this.selectedSummary();
 			e.className = X({
-				part: wy.parts.input,
+				part: Ty.parts.input,
 				className: this.props.inputClass
 			}), this.isPillbox() ? (e.value = this.search, e.placeholder = this.hasSelection() ? "" : this.props.placeholder) : (e.value = this.isOpen && this.inputSearching ? this.search : t, e.placeholder = this.props.placeholder), e.setAttribute("role", "combobox"), e.setAttribute("autocomplete", "off"), e.setAttribute("aria-autocomplete", "list"), e.setAttribute("aria-expanded", this.isOpen ? "true" : "false"), e.setAttribute("aria-controls", this.listboxId), Z.syncNativeControl({
 				input: e,
@@ -12976,7 +12977,7 @@ var wy = Y({ definition: {
 	syncListbox() {
 		let e = this.popoverEl(), t = this.listbox();
 		e.id = `${this.listboxId}-popover`, e.setAttribute("class", X({
-			part: wy.parts.popover,
+			part: Ty.parts.popover,
 			props: this.props,
 			className: this.props.listboxClass
 		})), e.setAttribute("popover", "manual"), e.dataset.state = this.isOpen ? "open" : "closed", e.hidden = !this.isOpen, t.id = this.listboxId, t.setAttribute("role", "listbox"), t.setAttribute("tabindex", "-1"), t.setAttribute("aria-labelledby", this.trigger().id), this.props.multiple ? t.setAttribute("aria-multiselectable", "true") : t.removeAttribute("aria-multiselectable");
@@ -13035,7 +13036,7 @@ var wy = Y({ definition: {
 		});
 		if (i === this.renderedChipsKey || (this.renderedChipsKey = i, e.replaceChildren(), e.hidden)) return;
 		let a = X({
-			part: cy.parts.root,
+			part: ly.parts.root,
 			props: {
 				variant: this.props.chipVariant,
 				color: this.props.chipColor,
@@ -13043,14 +13044,14 @@ var wy = Y({ definition: {
 				radius: "sm"
 			},
 			className: X({
-				part: wy.parts.chip,
+				part: Ty.parts.chip,
 				props: {},
 				className: this.props.chipClass
 			})
-		}), o = X({ part: wy.parts.chipLabel }), s = X({
-			part: cy.parts.close,
+		}), o = X({ part: Ty.parts.chipLabel }), s = X({
+			part: ly.parts.close,
 			props: { size: "sm" },
-			className: X({ part: wy.parts.chipRemove })
+			className: X({ part: Ty.parts.chipRemove })
 		});
 		r.forEach((t) => {
 			let n = document.createElement("span");
@@ -13123,7 +13124,7 @@ var wy = Y({ definition: {
 			target: t,
 			event: "click",
 			handler: (e) => {
-				Dy.add(e);
+				Oy.add(e);
 				let n = e.target;
 				if (n instanceof Element && n.closest("[data-ui-select-clear], [data-ui-select-button-clear]")) {
 					this.clear(e);
@@ -13164,8 +13165,8 @@ var wy = Y({ definition: {
 					return;
 				}
 				if (n.closest("[data-ui-select-chip-remove]")) return;
-				if (Oy(e, "[data-ui-select-trigger]")) {
-					if (Dy.has(e)) return;
+				if (ky(e, "[data-ui-select-trigger]")) {
+					if (Oy.has(e)) return;
 					if (this.trigger().focus({ preventScroll: !0 }), t instanceof HTMLInputElement) {
 						this.isOpen || this.openSelect(e);
 						return;
@@ -13220,7 +13221,7 @@ var wy = Y({ definition: {
 			event: "pointerdown",
 			handler: (e) => {
 				let t = e.target;
-				t instanceof Element && t.closest(Ty) && e.preventDefault();
+				t instanceof Element && t.closest(Ey) && e.preventDefault();
 			},
 			cleanup: this.listeners
 		}), Z.addListener({
@@ -13233,7 +13234,7 @@ var wy = Y({ definition: {
 					this.setSearch("");
 					return;
 				}
-				let n = t.closest(Ty), r = n ? this.options().find((e) => e.el === n) : void 0;
+				let n = t.closest(Ey), r = n ? this.options().find((e) => e.el === n) : void 0;
 				r && this.selectOption(r, e);
 			},
 			cleanup: this.listeners
@@ -13243,7 +13244,7 @@ var wy = Y({ definition: {
 			handler: (e) => {
 				let t = e.target;
 				if (!(t instanceof Element)) return;
-				let n = t.closest(Ty), r = n ? this.options().find((e) => e.el === n) : void 0;
+				let n = t.closest(Ey), r = n ? this.options().find((e) => e.el === n) : void 0;
 				r && !r.disabled && this.setActive(r);
 			},
 			cleanup: this.listeners
@@ -13270,10 +13271,10 @@ var wy = Y({ definition: {
 		return e ? this.options().find((t) => t.value === e) ?? null : null;
 	},
 	selectedContent(e) {
-		let t = e.el.querySelector(Ey);
-		if (t) return Ay(t.content.childNodes);
+		let t = e.el.querySelector(Dy);
+		if (t) return jy(t.content.childNodes);
 		let n = e.el.querySelector("[data-ui-select-option-selected-content]") ?? e.el.querySelector("[data-ui-select-option-label]");
-		if (n) return Ay(n.childNodes);
+		if (n) return jy(n.childNodes);
 		let r = document.createDocumentFragment();
 		return r.append(document.createTextNode(e.selectedLabel)), r;
 	},
@@ -13291,24 +13292,24 @@ var wy = Y({ definition: {
 	optionValue(e, t) {
 		return e.dataset.value || t;
 	}
-}), My = (e) => {
-	e.data("UiSelect", () => jy());
-}, Ny = ["left", "right"], Py = [
+}), Ny = (e) => {
+	e.data("UiSelect", () => My());
+}, Py = ["left", "right"], Fy = [
 	"none",
 	"mobile",
 	"desktop",
 	"both"
-], Fy = [
+], Iy = [
 	"toggle",
 	"open",
 	"close",
 	"stash",
 	"expand"
-], Iy = ["a", "button"], Ly = ["ghost", "surface"], Ry = ["neutral", "accent"], zy = {
+], Ly = ["a", "button"], Ry = ["ghost", "surface"], zy = ["neutral", "accent"], By = {
 	id: W.default("ui-sidebar"),
-	side: q(Ny, "left"),
+	side: q(Py, "left"),
 	sticky: K.default(!0),
-	collapse: q(Py, "mobile"),
+	collapse: q(Fy, "mobile"),
 	open: K,
 	stashed: K,
 	persist: K.default(!0),
@@ -13321,14 +13322,14 @@ var wy = Y({ definition: {
 	resizable: K,
 	class: W
 };
-q(Iy, "a"), q(Ly, "ghost"), q(Ry, "neutral"), K.default(!0);
-var By = {
+q(Ly, "a"), q(Ry, "ghost"), q(zy, "neutral"), K.default(!0);
+var Vy = {
 	target: W,
 	icon: W.default("side_panel"),
 	label: W.default("Toggle sidebar"),
-	action: q(Fy, "toggle"),
+	action: q(Iy, "toggle"),
 	class: W
-}, Vy = Y({ definition: {
+}, Hy = Y({ definition: {
 	component: "ui.sidebar",
 	parts: {
 		root: {
@@ -13367,7 +13368,7 @@ var By = {
 				"group/sidebar-item flex h-control-md w-full min-w-0 select-none items-center gap-2 rounded-3 px-2",
 				"border border-transparent text-left text-sm font-medium text-foreground outline-none",
 				"cursor-default",
-				Kh,
+				qh,
 				"focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:ring-offset-app",
 				"data-disabled:pointer-events-none data-disabled:opacity-50"
 			],
@@ -13451,35 +13452,35 @@ var By = {
 			defaults: { side: "left" }
 		}
 	}
-} }), Hy = {
-	target: By.target,
-	action: By.action,
-	class: By.class
-}, Uy = {
-	target: By.target,
-	action: By.action,
-	class: By.class
-}, Wy = /* @__PURE__ */ new Set(), Gy = {
+} }), Uy = {
+	target: Vy.target,
+	action: Vy.action,
+	class: Vy.class
+}, Wy = {
+	target: Vy.target,
+	action: Vy.action,
+	class: Vy.class
+}, Gy = /* @__PURE__ */ new Set(), Ky = {
 	sm: 640,
 	md: 768,
 	lg: 1024,
 	xl: 1280,
 	"2xl": 1536
-}, Ky = (e, t) => !t?.id || t.id === e.id, qy = (e) => {
-	let t = Gy[e];
-	return t ? `(min-width: ${t}px)` : /^\d+$/.test(e) ? `(min-width: ${e}px)` : /^\d+(\.\d+)?(px|rem|em)$/.test(e) ? `(min-width: ${e})` : `(min-width: ${Gy.lg}px)`;
-}, Jy = (e) => e instanceof CustomEvent && typeof e.detail == "object" && e.detail !== null ? e.detail : {}, Yy = (e) => e.target instanceof Element && e.target.hasAttribute("data-ui-sidebar"), Xy = (e, t) => {
-	if (Yy(e)) return;
-	let n = Jy(e);
-	Wy.forEach((e) => {
-		Ky(e, n) && e.perform(n.action ?? t, n.trigger ?? null);
+}, qy = (e, t) => !t?.id || t.id === e.id, Jy = (e) => {
+	let t = Ky[e];
+	return t ? `(min-width: ${t}px)` : /^\d+$/.test(e) ? `(min-width: ${e}px)` : /^\d+(\.\d+)?(px|rem|em)$/.test(e) ? `(min-width: ${e})` : `(min-width: ${Ky.lg}px)`;
+}, Yy = (e) => e instanceof CustomEvent && typeof e.detail == "object" && e.detail !== null ? e.detail : {}, Xy = (e) => e.target instanceof Element && e.target.hasAttribute("data-ui-sidebar"), Zy = (e, t) => {
+	if (Xy(e)) return;
+	let n = Yy(e);
+	Gy.forEach((e) => {
+		qy(e, n) && e.perform(n.action ?? t, n.trigger ?? null);
 	});
-}, Zy = (() => {
+}, Qy = (() => {
 	let e = !1;
 	return () => {
-		e || typeof document > "u" || (document.addEventListener("ui:sidebar-open", (e) => Xy(e, "open")), document.addEventListener("ui:sidebar-close", (e) => Xy(e, "close")), document.addEventListener("ui:sidebar-toggle", (e) => Xy(e, "toggle")), e = !0);
+		e || typeof document > "u" || (document.addEventListener("ui:sidebar-open", (e) => Zy(e, "open")), document.addEventListener("ui:sidebar-close", (e) => Zy(e, "close")), document.addEventListener("ui:sidebar-toggle", (e) => Zy(e, "toggle")), e = !0);
 	};
-})(), Qy = () => ({
+})(), $y = () => ({
 	props: null,
 	machine: null,
 	sidebarExitFreezeCleanup: null,
@@ -13500,9 +13501,9 @@ var By = {
 		return this.$el.id || this.props.id || "ui-sidebar";
 	},
 	init() {
-		Zy(), this.props = U({
+		Qy(), this.props = U({
 			el: this.$el,
-			schema: zy,
+			schema: By,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		});
 		let e = this.storedStashed();
@@ -13762,7 +13763,7 @@ var By = {
 		}), this.backdropMotion = Z.motion.createPresenceLifecycle({
 			element: () => this.backdropEl(),
 			preset: "fade"
-		}), Wy.add(this), Z.addListener({
+		}), Gy.add(this), Z.addListener({
 			target: document,
 			event: "keydown",
 			handler: (e) => {
@@ -13818,7 +13819,7 @@ var By = {
 		})), this.setupGroups(), this.syncAll();
 	},
 	destroy() {
-		this.props.disconnect(), this.machine.stop(), this.drawerMotion?.destroy(), this.backdropMotion?.destroy(), this.clearSidebarExitFreeze(), Wy.delete(this), this.cleanup.forEach((e) => e()), this.cleanup = [], this.hasScrollLock &&= (_h(), !1);
+		this.props.disconnect(), this.machine.stop(), this.drawerMotion?.destroy(), this.backdropMotion?.destroy(), this.clearSidebarExitFreeze(), Gy.delete(this), this.cleanup.forEach((e) => e()), this.cleanup = [], this.hasScrollLock &&= (vh(), !1);
 	},
 	get mobileOpen() {
 		return this.machine?.hasTag("mobileOpen") ?? !1;
@@ -13840,7 +13841,7 @@ var By = {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [Z.resolveStyle({
-			part: Vy.parts.root,
+			part: Hy.parts.root,
 			props: this.props,
 			className: this.props.class
 		}), {
@@ -13853,7 +13854,7 @@ var By = {
 		return this.mediaQuery?.matches ?? !1;
 	},
 	setupMediaQuery() {
-		this.mediaQueryCleanup?.(), this.mediaQuery = window.matchMedia(qy(this.props.breakpoint)), this.mediaQueryCleanup = Z.addListener({
+		this.mediaQueryCleanup?.(), this.mediaQuery = window.matchMedia(Jy(this.props.breakpoint)), this.mediaQueryCleanup = Z.addListener({
 			target: this.mediaQuery,
 			event: "change",
 			handler: () => this.handleBreakpointChange(),
@@ -13981,7 +13982,7 @@ var By = {
 			attr: "data-resize-disabled",
 			present: this.props.resizable && (!t || this.desktopStashed || this.desktopDrawerOpen),
 			value: "true"
-		}), e ? (this.$el.removeAttribute("inert"), this.$el.removeAttribute("aria-hidden")) : (this.$el.setAttribute("inert", ""), this.$el.setAttribute("aria-hidden", "true")), o && !this.hasScrollLock ? (gh(), this.hasScrollLock = !0) : !o && this.hasScrollLock && (_h(), this.hasScrollLock = !1), this.renderedExpanded = e, this.renderedDrawerOpen = this.hasOpenDrawer();
+		}), e ? (this.$el.removeAttribute("inert"), this.$el.removeAttribute("aria-hidden")) : (this.$el.setAttribute("inert", ""), this.$el.setAttribute("aria-hidden", "true")), o && !this.hasScrollLock ? (_h(), this.hasScrollLock = !0) : !o && this.hasScrollLock && (vh(), this.hasScrollLock = !1), this.renderedExpanded = e, this.renderedDrawerOpen = this.hasOpenDrawer();
 	},
 	syncBackdrop() {
 		let e = this.backdropEl();
@@ -14156,12 +14157,12 @@ var By = {
 			window.localStorage.setItem(this.storageKey(), this.desktopStashed ? "true" : "false");
 		} catch {}
 	}
-}), $y = () => ({
+}), eb = () => ({
 	props: null,
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Hy
+			schema: Uy
 		});
 	},
 	destroy() {
@@ -14169,7 +14170,7 @@ var By = {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [Z.resolveStyle({
-			part: Vy.parts.toggle,
+			part: Hy.parts.toggle,
 			props: {},
 			className: this.props.class
 		}), {
@@ -14192,12 +14193,12 @@ var By = {
 			}
 		}));
 	}
-}), eb = () => ({
+}), tb = () => ({
 	props: null,
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Uy
+			schema: Wy
 		});
 	},
 	destroy() {
@@ -14205,7 +14206,7 @@ var By = {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [Z.resolveStyle({
-			part: Vy.parts.edge,
+			part: Hy.parts.edge,
 			props: { side: this.$el.dataset.side || "left" },
 			className: this.props.class
 		}), {
@@ -14231,9 +14232,9 @@ var By = {
 			}
 		}));
 	}
-}), tb = (e) => {
-	e.data("UiSidebar", () => Qy()), e.data("UiSidebarEdge", () => eb()), e.data("UiSidebarToggle", () => $y());
-}, nb = vh, rb = Dh, ib = Th, ab = {
+}), nb = (e) => {
+	e.data("UiSidebar", () => $y()), e.data("UiSidebarEdge", () => tb()), e.data("UiSidebarToggle", () => eb());
+}, rb = yh, ib = Oh, ab = Eh, ob = {
 	name: W,
 	value: W.default("0"),
 	defaultValue: W,
@@ -14243,9 +14244,9 @@ var By = {
 	bigStep: G.default(10),
 	minStepsBetween: G.default(0),
 	range: K,
-	orientation: q(ib, "horizontal"),
-	size: q(nb, "md"),
-	variant: q(rb, "default"),
+	orientation: q(ab, "horizontal"),
+	size: q(rb, "md"),
+	variant: q(ib, "default"),
 	disabled: K,
 	required: K,
 	invalid: K,
@@ -14273,11 +14274,11 @@ var By = {
 G.default(0);
 //#endregion
 //#region packages/client/src/components/slider/index.ts
-var ob = (e, t, n) => {
+var sb = (e, t, n) => {
 	if (!Number.isFinite(n) || n <= 0) return e;
 	let r = Math.round((e - t) / n) * n + t, i = Math.max(0, `${n}`.split(".")[1]?.length ?? 0);
 	return Number(r.toFixed(i));
-}, Q = (e, t, n) => Math.min(n, Math.max(t, e)), sb = (e) => {
+}, Q = (e, t, n) => Math.min(n, Math.max(t, e)), cb = (e) => {
 	let t = Math.min(e.min, e.max), n = Math.max(e.min, e.max), r = e.step > 0 ? e.step : 1;
 	return {
 		min: t,
@@ -14285,28 +14286,28 @@ var ob = (e, t, n) => {
 		step: r,
 		bigStep: e.bigStep > 0 ? e.bigStep : r * 10
 	};
-}, cb = (e, t) => {
+}, lb = (e, t) => {
 	let n = Number(e);
 	return Number.isFinite(n) ? n : t;
-}, lb = (e, t) => {
-	let { min: n, max: r, step: i } = sb(e), a = (e.value || e.defaultValue || "").split(",").map((e) => e.trim()), o = t.lowerInput ?? t.singleInput, s = t.upperInput, c = (e.range, o?.value || a[0] || `${n}`), l = e.range ? s?.value || a[1] || `${r}` : c, u = ob(Q(cb(c, n), n, r), n, i), d = ob(Q(cb(l, r), n, r), n, i);
+}, ub = (e, t) => {
+	let { min: n, max: r, step: i } = cb(e), a = (e.value || e.defaultValue || "").split(",").map((e) => e.trim()), o = t.lowerInput ?? t.singleInput, s = t.upperInput, c = (e.range, o?.value || a[0] || `${n}`), l = e.range ? s?.value || a[1] || `${r}` : c, u = sb(Q(lb(c, n), n, r), n, i), d = sb(Q(lb(l, r), n, r), n, i);
 	if (!e.range) return {
 		lower: u,
 		upper: u
 	};
 	u > d && ([u, d] = [d, u]);
 	let f = Math.max(0, e.minStepsBetween) * i;
-	return d - u < f && (d = Q(ob(u + f, n, i), n, r), d - u < f && (u = Q(ob(d - f, n, i), n, r))), {
+	return d - u < f && (d = Q(sb(u + f, n, i), n, r), d - u < f && (u = Q(sb(d - f, n, i), n, r))), {
 		lower: u,
 		upper: d
 	};
-}, ub = (e, t, n) => n <= t ? 0 : Q((e - t) / (n - t) * 100, 0, 100), db = (e, t) => {
+}, db = (e, t, n) => n <= t ? 0 : Q((e - t) / (n - t) * 100, 0, 100), fb = (e, t) => {
 	let n = (t) => e.format === "percent" ? `${Math.round(t)}%` : String(t);
 	return e.range ? `${n(t.lower)} - ${n(t.upper)}` : n(t.lower);
-}, fb = (e, t, n) => {
-	let { min: r, max: i, step: a } = sb(n), o = e.getBoundingClientRect();
-	return ob(Q(r + Q(n.orientation === "vertical" ? 1 - (t.clientY - o.top) / Math.max(o.height, 1) : (t.clientX - o.left) / Math.max(o.width, 1), 0, 1) * (i - r), r, i), r, a);
-}, pb = (e, t) => Math.abs(e - t.lower) <= Math.abs(e - t.upper) ? "lower" : "upper", mb = (e, t, n, r) => {
+}, pb = (e, t, n) => {
+	let { min: r, max: i, step: a } = cb(n), o = e.getBoundingClientRect();
+	return sb(Q(r + Q(n.orientation === "vertical" ? 1 - (t.clientY - o.top) / Math.max(o.height, 1) : (t.clientX - o.left) / Math.max(o.width, 1), 0, 1) * (i - r), r, i), r, a);
+}, mb = (e, t) => Math.abs(e - t.lower) <= Math.abs(e - t.upper) ? "lower" : "upper", hb = (e, t, n, r) => {
 	e && (Z.setPresence({
 		el: e,
 		attr: "data-focus",
@@ -14320,7 +14321,7 @@ var ob = (e, t, n) => {
 		attr: "data-invalid",
 		present: r
 	}));
-}, hb = ({ input: e, props: t, value: n, min: r, max: i, label: a, valueText: o, nativeRequired: s }) => {
+}, gb = ({ input: e, props: t, value: n, min: r, max: i, label: a, valueText: o, nativeRequired: s }) => {
 	e && (e.min = String(r), e.max = String(i), e.step = String(t.step > 0 ? t.step : 1), Z.syncNativeControl({
 		input: e,
 		state: {
@@ -14332,15 +14333,15 @@ var ob = (e, t, n) => {
 			invalid: t.invalid
 		}
 	}), e.setAttribute("aria-valuemin", String(r)), e.setAttribute("aria-valuemax", String(i)), e.setAttribute("aria-valuenow", String(n)), o ? e.setAttribute("aria-valuetext", o) : e.removeAttribute("aria-valuetext"), a && e.setAttribute("aria-label", a), t.orientation === "vertical" ? e.setAttribute("aria-orientation", "vertical") : e.removeAttribute("aria-orientation"));
-}, gb = (e, t, n) => {
-	let { min: r, max: i } = sb(e), a = ub(n.lower, r, i), o = ub(n.upper, r, i), s = e.range ? a : 0, c = e.range ? o : a;
+}, _b = (e, t, n) => {
+	let { min: r, max: i } = cb(e), a = db(n.lower, r, i), o = db(n.upper, r, i), s = e.range ? a : 0, c = e.range ? o : a;
 	t.root.style.setProperty("--ui-slider-lower-percent", `${a}%`), t.root.style.setProperty("--ui-slider-upper-percent", `${o}%`), e.orientation === "vertical" ? (t.range && (t.range.style.bottom = `${s}%`, t.range.style.height = `${Math.max(0, c - s)}%`, t.range.style.left = "", t.range.style.width = ""), t.singleThumb && (t.singleThumb.style.bottom = `${a}%`), t.lowerThumb && (t.lowerThumb.style.bottom = `${a}%`), t.upperThumb && (t.upperThumb.style.bottom = `${o}%`)) : (t.range && (t.range.style.left = `${s}%`, t.range.style.width = `${Math.max(0, c - s)}%`, t.range.style.bottom = "", t.range.style.height = ""), t.singleThumb && (t.singleThumb.style.left = `${a}%`), t.lowerThumb && (t.lowerThumb.style.left = `${a}%`), t.upperThumb && (t.upperThumb.style.left = `${o}%`)), t.ticks.forEach((t) => {
-		let n = ub(cb(t.dataset.value ?? "", r), r, i);
+		let n = db(lb(t.dataset.value ?? "", r), r, i);
 		e.orientation === "vertical" ? (t.style.bottom = `${n}%`, t.style.left = "") : (t.style.left = `${n}%`, t.style.bottom = "");
 	});
-}, _b = (e, t, n, r) => {
-	let { min: i, max: a, step: o } = sb(e), s = e.range ? Math.max(0, e.minStepsBetween) * o : 0, c = ob(Q(n.lower, i, a), i, o), l = ob(Q(n.upper, i, a), i, o);
-	e.range ? (c > l && ([c, l] = [l, c]), l - c < s && (r?.dataset.thumb === "lower" ? c = Q(ob(l - s, i, o), i, a) : l = Q(ob(c + s, i, o), i, a))) : l = c, hb({
+}, vb = (e, t, n, r) => {
+	let { min: i, max: a, step: o } = cb(e), s = e.range ? Math.max(0, e.minStepsBetween) * o : 0, c = sb(Q(n.lower, i, a), i, o), l = sb(Q(n.upper, i, a), i, o);
+	e.range ? (c > l && ([c, l] = [l, c]), l - c < s && (r?.dataset.thumb === "lower" ? c = Q(sb(l - s, i, o), i, a) : l = Q(sb(c + s, i, o), i, a))) : l = c, gb({
 		input: t.singleInput,
 		props: e,
 		value: c,
@@ -14349,7 +14350,7 @@ var ob = (e, t, n) => {
 		label: e.label,
 		valueText: e.valueText,
 		nativeRequired: e.required
-	}), hb({
+	}), gb({
 		input: t.lowerInput,
 		props: e,
 		value: c,
@@ -14358,7 +14359,7 @@ var ob = (e, t, n) => {
 		label: e.lowerLabel,
 		valueText: e.lowerValueText,
 		nativeRequired: !1
-	}), hb({
+	}), gb({
 		input: t.upperInput,
 		props: e,
 		value: l,
@@ -14372,7 +14373,7 @@ var ob = (e, t, n) => {
 		lower: c,
 		upper: l
 	};
-	return gb(e, t, u), t.value && (t.value.textContent = db(e, u)), Z.syncControlPresence({
+	return _b(e, t, u), t.value && (t.value.textContent = fb(e, u)), Z.syncControlPresence({
 		el: t.root,
 		state: e
 	}), t.track && Z.syncControlPresence({
@@ -14387,8 +14388,8 @@ var ob = (e, t, n) => {
 			disabled: e.disabled,
 			invalid: e.invalid
 		}
-	}), mb(t.singleThumb, t.singleInput === document.activeElement, e.disabled, e.invalid), mb(t.lowerThumb, t.lowerInput === document.activeElement, e.disabled, e.invalid), mb(t.upperThumb, t.upperInput === document.activeElement, e.disabled, e.invalid), u;
-}, vb = () => ({
+	}), hb(t.singleThumb, t.singleInput === document.activeElement, e.disabled, e.invalid), hb(t.lowerThumb, t.lowerInput === document.activeElement, e.disabled, e.invalid), hb(t.upperThumb, t.upperInput === document.activeElement, e.disabled, e.invalid), u;
+}, yb = () => ({
 	props: null,
 	listeners: [],
 	hiddenInputsKey: "",
@@ -14396,7 +14397,7 @@ var ob = (e, t, n) => {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: ab,
+			schema: ob,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		});
 		let e = this.elements();
@@ -14488,7 +14489,7 @@ var ob = (e, t, n) => {
 		e.length === 1 && e[0] === "defaultValue" || this.sync();
 	},
 	sync() {
-		let e = this.elements(), t = _b(this.props, e, lb(this.props, e));
+		let e = this.elements(), t = vb(this.props, e, ub(this.props, e));
 		this.props.range && e.hiddenInputs ? this.hiddenInputsKey = Z.syncRepeatedHiddenInputs({
 			container: e.hiddenInputs,
 			currentKey: this.hiddenInputsKey,
@@ -14509,8 +14510,8 @@ var ob = (e, t, n) => {
 		}));
 	},
 	syncFromInput(e) {
-		let t = e.target instanceof HTMLInputElement ? e.target : null, n = this.elements(), r = lb(this.props, n);
-		t?.dataset.thumb === "upper" ? r.upper = cb(t.value, r.upper) : r.lower = cb(t?.value ?? "", r.lower), _b(this.props, n, r, t), this.sync();
+		let t = e.target instanceof HTMLInputElement ? e.target : null, n = this.elements(), r = ub(this.props, n);
+		t?.dataset.thumb === "upper" ? r.upper = lb(t.value, r.upper) : r.lower = lb(t?.value ?? "", r.lower), vb(this.props, n, r, t), this.sync();
 	},
 	commitFromInput(e) {
 		this.syncFromInput(e);
@@ -14522,31 +14523,31 @@ var ob = (e, t, n) => {
 			"PageDown",
 			"ArrowDown",
 			"ArrowLeft"
-		].includes(e.key) ? -1 : 1, { bigStep: r } = sb(this.props);
-		t.value = String(cb(t.value, this.props.min) + n * r), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 }));
+		].includes(e.key) ? -1 : 1, { bigStep: r } = cb(this.props);
+		t.value = String(lb(t.value, this.props.min) + n * r), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 }));
 	},
 	handlePointerDown(e) {
 		if (this.props.disabled) return;
-		let t = this.elements(), n = fb(t.root, e, this.props), r = lb(this.props, t);
-		this.draggingThumb = this.props.range ? pb(n, r) : "single", this.draggingThumb === "upper" ? r.upper = n : r.lower = n;
+		let t = this.elements(), n = pb(t.root, e, this.props), r = ub(this.props, t);
+		this.draggingThumb = this.props.range ? mb(n, r) : "single", this.draggingThumb === "upper" ? r.upper = n : r.lower = n;
 		let i = this.draggingThumb === "upper" ? t.upperInput : this.props.range ? t.lowerInput : t.singleInput;
-		i?.focus(), _b(this.props, t, r, i), this.sync(), t.root.setPointerCapture?.(e.pointerId), e.preventDefault();
+		i?.focus(), vb(this.props, t, r, i), this.sync(), t.root.setPointerCapture?.(e.pointerId), e.preventDefault();
 	},
 	handlePointerMove(e) {
 		if (!this.draggingThumb || this.props.disabled) return;
-		let t = this.elements(), n = lb(this.props, t), r = fb(t.root, e, this.props);
+		let t = this.elements(), n = ub(this.props, t), r = pb(t.root, e, this.props);
 		this.draggingThumb === "upper" ? n.upper = r : n.lower = r;
 		let i = this.draggingThumb === "upper" ? t.upperInput : this.props.range ? t.lowerInput : t.singleInput;
-		_b(this.props, t, n, i), i?.dispatchEvent(new Event("input", { bubbles: !0 }));
+		vb(this.props, t, n, i), i?.dispatchEvent(new Event("input", { bubbles: !0 }));
 	},
 	handlePointerUp(e) {
 		if (!this.draggingThumb) return;
 		let t = this.elements();
 		(this.draggingThumb === "upper" ? t.upperInput : this.props.range ? t.lowerInput : t.singleInput)?.dispatchEvent(new Event("change", { bubbles: !0 })), t.root.releasePointerCapture?.(e.pointerId), this.draggingThumb = null;
 	}
-}), yb = (e) => {
-	e.data("UiSlider", () => vb());
-}, bb = ["trailing", "leading"], xb = vh, Sb = Dh, Cb = {
+}), bb = (e) => {
+	e.data("UiSlider", () => yb());
+}, xb = ["trailing", "leading"], Sb = yh, Cb = Oh, wb = {
 	value: W.default("on"),
 	name: W,
 	label: W,
@@ -14555,9 +14556,9 @@ var ob = (e, t, n) => {
 	disabled: K,
 	required: K,
 	invalid: K,
-	placement: q(bb, "trailing"),
-	variant: q(Sb, "default"),
-	size: q(xb, "md"),
+	placement: q(xb, "trailing"),
+	variant: q(Cb, "default"),
+	size: q(Sb, "md"),
 	inputClass: W,
 	trackClass: W,
 	thumbClass: W,
@@ -14566,10 +14567,10 @@ var ob = (e, t, n) => {
 	descriptionClass: W,
 	class: W
 };
-({ ...Cb });
+({ ...wb });
 //#endregion
 //#region packages/client/src/components/switch/index.ts
-var wb = (e) => {
+var Tb = (e) => {
 	let t = e.querySelector("[data-ui-switch-input]");
 	return t ? {
 		root: e,
@@ -14580,7 +14581,7 @@ var wb = (e) => {
 		required: e.hasAttribute("data-required") || t.required,
 		invalid: e.hasAttribute("data-invalid") || t.getAttribute("aria-invalid") === "true"
 	} : null;
-}, Tb = (e, t = {}) => {
+}, Eb = (e, t = {}) => {
 	let n = t.disabled ?? e.disabled, r = t.required ?? e.required, i = t.invalid ?? e.invalid, a = e.input.checked, o = a ? "checked" : "unchecked";
 	Z.syncNativeControl({
 		input: e.input,
@@ -14643,13 +14644,13 @@ var wb = (e) => {
 		attr: "data-invalid",
 		present: i
 	}));
-}, Eb = () => ({
+}, Db = () => ({
 	props: null,
 	listeners: [],
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Cb,
+			schema: wb,
 			onChange: () => this.sync()
 		});
 		let e = this.input();
@@ -14676,13 +14677,13 @@ var wb = (e) => {
 		return e;
 	},
 	item() {
-		let e = wb(this.$el);
+		let e = Tb(this.$el);
 		if (!e) throw Error("Switch requires a native checkbox input.");
 		return e;
 	},
 	sync() {
 		let e = this.item();
-		this.props.name && (e.input.name = this.props.name), this.props.value && (e.input.value = this.props.value), Tb(e, {
+		this.props.name && (e.input.name = this.props.name), this.props.value && (e.input.value = this.props.value), Eb(e, {
 			disabled: this.props.disabled || e.disabled,
 			required: this.props.required || e.required,
 			invalid: this.props.invalid || e.invalid
@@ -14693,20 +14694,20 @@ var wb = (e) => {
 		let t = this.input();
 		t.disabled || (e.preventDefault(), t.checked = !t.checked, t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })));
 	}
-}), Db = (e) => {
-	e.data("UiSwitch", () => Eb());
-}, Ob = ["manual", "automatic"], kb = Th;
-[...kb];
-var Ab = {
+}), Ob = (e) => {
+	e.data("UiSwitch", () => Db());
+}, kb = ["manual", "automatic"], Ab = Eh;
+[...Ab];
+var jb = {
 	id: W.default("ui-tabs"),
 	defaultValue: W,
 	value: W,
-	activation: q(Ob, "manual"),
-	orientation: q(kb, "horizontal"),
+	activation: q(kb, "manual"),
+	orientation: q(Ab, "horizontal"),
 	loop: K.default(!0),
 	panels: W,
 	class: W
-}, jb = Y({ definition: {
+}, Mb = Y({ definition: {
 	component: "ui.tabs",
 	parts: {
 		root: {
@@ -14814,7 +14815,7 @@ var Ab = {
 		panel: { base: "min-w-0 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:ring-offset-app" },
 		panelInner: { base: "min-w-0" }
 	}
-} }), Mb = "ui-tabs", Nb = (e) => e ? "active" : "inactive", Pb = (e) => e instanceof HTMLButtonElement || e instanceof HTMLAnchorElement, Fb = (e) => Array.from(new Set(e)), Ib = (e) => e.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "tab", Lb = (e, t) => `${e}-tab-${Ib(t)}`, Rb = (e, t) => `${e}-panel-${Ib(t)}`, zb = (e) => Z.asBool({ value: e }), Bb = () => ({
+} }), Nb = "ui-tabs", Pb = (e) => e ? "active" : "inactive", Fb = (e) => e instanceof HTMLButtonElement || e instanceof HTMLAnchorElement, Ib = (e) => Array.from(new Set(e)), Lb = (e) => e.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "tab", Rb = (e, t) => `${e}-tab-${Lb(t)}`, zb = (e, t) => `${e}-panel-${Lb(t)}`, Bb = (e) => Z.asBool({ value: e }), Vb = () => ({
 	props: null,
 	activeValue: "",
 	collection: null,
@@ -14822,7 +14823,7 @@ var Ab = {
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Ab,
+			schema: jb,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		}), this.activeValue = this.initialValue(), this.setupEvents(), this.syncAll();
 	},
@@ -14831,7 +14832,7 @@ var Ab = {
 	},
 	get root() {
 		return Z.mergeBindings({ inputs: [Z.resolveStyle({
-			part: jb.parts.root,
+			part: Mb.parts.root,
 			props: this.props,
 			className: this.props.class
 		}), {
@@ -14841,7 +14842,7 @@ var Ab = {
 		}] });
 	},
 	owner() {
-		return this.$el.id || this.props.id || this.$el.dataset.owner || Mb;
+		return this.$el.id || this.props.id || this.$el.dataset.owner || Nb;
 	},
 	ownsElement(e) {
 		return e.closest("[data-ui-tabs]") === this.$el;
@@ -14864,10 +14865,10 @@ var Ab = {
 		return t === "vertical" || t === "horizontal" ? t : this.props.orientation;
 	},
 	tabs() {
-		return Array.from(this.$el.querySelectorAll("[data-ui-tabs-tab]")).filter((e) => this.ownsElement(e)).map((e, t) => Pb(e) ? (e.dataset.value || (e.dataset.value = `tab-${t + 1}`), {
+		return Array.from(this.$el.querySelectorAll("[data-ui-tabs-tab]")).filter((e) => this.ownsElement(e)).map((e, t) => Fb(e) ? (e.dataset.value || (e.dataset.value = `tab-${t + 1}`), {
 			tab: e,
 			value: e.dataset.value,
-			isDisabled: zb(e.dataset.disabled) || e.hasAttribute("disabled"),
+			isDisabled: Bb(e.dataset.disabled) || e.hasAttribute("disabled"),
 			panel: this.panelForValue(e.dataset.value)
 		}) : null).filter((e) => e !== null);
 	},
@@ -14880,7 +14881,7 @@ var Ab = {
 			let e = document.querySelector(this.props.panels);
 			e && r.push(...Array.from(e.querySelectorAll("[data-ui-tabs-panel]")).filter(n));
 		}
-		return r.push(...Array.from(document.querySelectorAll(t)).filter(n)), Fb(r);
+		return r.push(...Array.from(document.querySelectorAll(t)).filter(n)), Ib(r);
 	},
 	panelForValue(e) {
 		return this.panels().find((t) => t.dataset.value === e) ?? null;
@@ -14888,8 +14889,8 @@ var Ab = {
 	initialValue() {
 		if (this.props.value) return this.props.value;
 		if (this.props.defaultValue) return this.props.defaultValue;
-		let e = this.tabs().find((e) => zb(e.tab.dataset.selected) || e.tab.getAttribute("aria-selected") === "true");
-		return e ? e.value : this.panels().find((e) => zb(e.dataset.selected))?.dataset.value || this.fallbackValue();
+		let e = this.tabs().find((e) => Bb(e.tab.dataset.selected) || e.tab.getAttribute("aria-selected") === "true");
+		return e ? e.value : this.panels().find((e) => Bb(e.dataset.selected))?.dataset.value || this.fallbackValue();
 	},
 	fallbackValue() {
 		return this.tabs().find((e) => !e.isDisabled)?.value ?? "";
@@ -14913,20 +14914,20 @@ var Ab = {
 	syncList(e) {
 		let t = this.listOrientation(e);
 		e.setAttribute("role", "tablist"), e.dataset.orientation = t, e.className = Z.resolveStyle({
-			part: jb.parts.list,
+			part: Mb.parts.list,
 			props: {
 				variant: e.dataset.variant || "line",
 				size: e.dataset.size || "md",
 				orientation: t,
-				scrollable: zb(e.dataset.scrollable)
+				scrollable: Bb(e.dataset.scrollable)
 			},
 			className: e.dataset.class ?? ""
 		}), t === "vertical" ? e.setAttribute("aria-orientation", "vertical") : e.removeAttribute("aria-orientation");
 	},
 	syncTab(e) {
-		let t = e.value === this.activeValue, n = e.tab.getAttribute("data-active") === "true" || document.activeElement === e.tab, r = Nb(t), i = e.tab.dataset.uiTabsOwner || e.tab.dataset.owner || this.owner(), a = e.panel?.id || Rb(i, e.value), o = this.listOrientation(e.tab.closest("[data-ui-tabs-list]")), s = e.tab.closest("[data-ui-tabs-list]")?.dataset.variant || this.listVariant(), c = e.tab.closest("[data-ui-tabs-list]")?.dataset.size || this.listSize(), l = e.tab.querySelector("[data-ui-tabs-tab-selected-icon]");
-		if (e.tab.id ||= Lb(i, e.value), e.tab.dataset.state = r, e.tab.dataset.orientation = o, e.tab.dataset.variant = s, e.tab.dataset.size = c, e.tab.setAttribute("role", "tab"), e.tab.setAttribute("aria-selected", t ? "true" : "false"), e.tab.setAttribute("aria-controls", a), e.tab.tabIndex = t || n ? 0 : -1, e.tab.className = Z.resolveStyle({
-			part: jb.parts.tab,
+		let t = e.value === this.activeValue, n = e.tab.getAttribute("data-active") === "true" || document.activeElement === e.tab, r = Pb(t), i = e.tab.dataset.uiTabsOwner || e.tab.dataset.owner || this.owner(), a = e.panel?.id || zb(i, e.value), o = this.listOrientation(e.tab.closest("[data-ui-tabs-list]")), s = e.tab.closest("[data-ui-tabs-list]")?.dataset.variant || this.listVariant(), c = e.tab.closest("[data-ui-tabs-list]")?.dataset.size || this.listSize(), l = e.tab.querySelector("[data-ui-tabs-tab-selected-icon]");
+		if (e.tab.id ||= Rb(i, e.value), e.tab.dataset.state = r, e.tab.dataset.orientation = o, e.tab.dataset.variant = s, e.tab.dataset.size = c, e.tab.setAttribute("role", "tab"), e.tab.setAttribute("aria-selected", t ? "true" : "false"), e.tab.setAttribute("aria-controls", a), e.tab.tabIndex = t || n ? 0 : -1, e.tab.className = Z.resolveStyle({
+			part: Mb.parts.tab,
 			props: {
 				variant: s,
 				size: c,
@@ -14945,9 +14946,9 @@ var Ab = {
 		e.tab.removeAttribute("data-disabled"), e.tab.removeAttribute("aria-disabled"), e.tab instanceof HTMLButtonElement && (e.tab.disabled = !1);
 	},
 	syncPanel(e) {
-		let t = e.dataset.value || "", n = t === this.activeValue, r = e.dataset.uiTabsOwner || e.dataset.owner || this.owner(), i = Lb(r, t), a = Rb(r, t);
-		t && !e.id && (e.id = a), !e.getAttribute("data-ui-key") && t && e.setAttribute("data-ui-key", e.id || a), e.dataset.state = Nb(n), e.dataset.orientation = this.props.orientation, e.setAttribute("role", "tabpanel"), e.setAttribute("aria-labelledby", i), e.hasAttribute("tabindex") || (e.tabIndex = 0), e.hidden = !n, e.className = Z.resolveStyle({
-			part: jb.parts.panel,
+		let t = e.dataset.value || "", n = t === this.activeValue, r = e.dataset.uiTabsOwner || e.dataset.owner || this.owner(), i = Rb(r, t), a = zb(r, t);
+		t && !e.id && (e.id = a), !e.getAttribute("data-ui-key") && t && e.setAttribute("data-ui-key", e.id || a), e.dataset.state = Pb(n), e.dataset.orientation = this.props.orientation, e.setAttribute("role", "tabpanel"), e.setAttribute("aria-labelledby", i), e.hasAttribute("tabindex") || (e.tabIndex = 0), e.hidden = !n, e.className = Z.resolveStyle({
+			part: Mb.parts.panel,
 			props: this.props,
 			className: e.dataset.class ?? ""
 		}), Z.setPresence({
@@ -14981,7 +14982,7 @@ var Ab = {
 	},
 	tabFromEvent(e) {
 		let t = (e.target instanceof Element ? e.target : null)?.closest("[data-ui-tabs-tab]") ?? null;
-		return !Pb(t) || !this.ownsElement(t) ? null : t;
+		return !Fb(t) || !this.ownsElement(t) ? null : t;
 	},
 	itemFromTab(e) {
 		return this.tabs().find((t) => t.tab === e) ?? null;
@@ -14990,7 +14991,7 @@ var Ab = {
 		return this.collection ||= Z.createCollectionNavigation({
 			root: () => this.$el,
 			itemSelector: "[data-ui-tabs-tab]",
-			isDisabled: (e) => !this.ownsElement(e) || zb(e.dataset.disabled) || e.hasAttribute("disabled"),
+			isDisabled: (e) => !this.ownsElement(e) || Bb(e.dataset.disabled) || e.hasAttribute("disabled"),
 			loop: () => this.props.loop
 		}), this.collection;
 	},
@@ -15060,7 +15061,7 @@ var Ab = {
 	activateFocused() {
 		if (this.props.activation !== "automatic") return;
 		let e = document.activeElement;
-		if (!Pb(e)) return;
+		if (!Fb(e)) return;
 		let t = this.itemFromTab(e);
 		t && !t.isDisabled && this.setActiveValue(t.value, e);
 	},
@@ -15081,15 +15082,15 @@ var Ab = {
 			}
 		});
 	}
-}), Vb = (e) => {
-	e.data("UiTabs", () => Bb());
-}, Hb = {
+}), Hb = (e) => {
+	e.data("UiTabs", () => Vb());
+}, Ub = {
 	name: W,
 	value: W.emptyAsValue,
 	placeholder: W,
-	size: q(sv, "lg"),
-	variant: q(cv, "outline"),
-	radius: q(lv, "md"),
+	size: q(cv, "lg"),
+	variant: q(lv, "outline"),
+	radius: q(uv, "md"),
 	rows: G.default(4).min(1),
 	resize: q([
 		"vertical",
@@ -15104,25 +15105,25 @@ var Ab = {
 	rootClass: W,
 	controlClass: W,
 	class: W
-}, Ub = Y({ definition: {
+}, Wb = Y({ definition: {
 	component: "ui.textarea",
 	parts: {
 		root: { base: "inline-grid w-full min-w-0" },
 		control: {
-			base: Lh,
+			base: Rh,
 			variants: {
-				size: Bh,
-				variant: Vh
+				size: Vh,
+				variant: Hh
 			},
 			defaults: {
 				size: "lg",
 				variant: "outline",
 				radius: "md"
 			},
-			compounds: Fh
+			compounds: Ih
 		},
 		textarea: {
-			base: ["min-h-0 w-full min-w-0", Hh],
+			base: ["min-h-0 w-full min-w-0", Uh],
 			variants: { resize: {
 				vertical: "resize-y",
 				horizontal: "resize-x",
@@ -15132,12 +15133,12 @@ var Ab = {
 			defaults: { resize: "vertical" }
 		}
 	}
-} }), Wb = () => ({
+} }), Gb = () => ({
 	props: null,
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Hb,
+			schema: Ub,
 			onChange: () => this.sync()
 		}), this.sync();
 	},
@@ -15165,7 +15166,7 @@ var Ab = {
 			},
 			value: "true"
 		}), t.dataset.variant = this.props.variant, t.dataset.radius = this.props.radius, t.setAttribute("class", X({
-			part: Ub.parts.control,
+			part: Wb.parts.control,
 			props: this.props,
 			className: this.props.controlClass
 		})), Z.syncControlPresence({
@@ -15176,7 +15177,7 @@ var Ab = {
 			},
 			value: "true"
 		}), n.dataset.size = this.props.size, n.dataset.resize = this.props.resize, n.rows = this.props.rows, n.setAttribute("class", X({
-			part: Ub.parts.textarea,
+			part: Wb.parts.textarea,
 			props: this.props,
 			className: this.props.class
 		})), Z.syncNativeControl({
@@ -15190,38 +15191,38 @@ var Ab = {
 			}
 		}), this.props.placeholder ? n.placeholder = this.props.placeholder : n.removeAttribute("placeholder");
 	}
-}), Gb = (e) => {
-	e.data("UiTextarea", () => Wb());
-}, Kb = [
+}), Kb = (e) => {
+	e.data("UiTextarea", () => Gb());
+}, qb = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"debug"
-], qb = [
+], Jb = [
 	"auto",
 	"neutral",
 	"accent",
 	"success",
 	"warning",
 	"danger"
-], Jb = [
+], Yb = [
 	"default",
 	"soft",
 	"surface",
 	"solid",
 	"outline"
-], Yb = [
+], Xb = [
 	"top-right",
 	"top-left",
 	"top-center",
 	"bottom-right",
 	"bottom-left",
 	"bottom-center"
-], Xb = {
-	level: q(Kb, "info"),
-	color: q(qb, "auto"),
-	variant: q(Jb, "default"),
+], Zb = {
+	level: q(qb, "info"),
+	color: q(Jb, "auto"),
+	variant: q(Yb, "default"),
 	title: W,
 	description: W,
 	duration: G.default(5e3).min(0),
@@ -15229,9 +15230,9 @@ var Ab = {
 	class: W,
 	contentClass: W,
 	closeClass: W
-}, Zb = {
+}, Qb = {
 	id: W.default("ui-toast-root"),
-	position: q(Yb, "top-right"),
+	position: q(Xb, "top-right"),
 	duration: G.default(5e3).min(0),
 	includeMessages: K.default(!0),
 	class: W
@@ -15456,53 +15457,53 @@ var Ab = {
 			defaults: { position: "top-right" }
 		}
 	}
-} }), Qb = (e) => e === "info" || e === "success" || e === "warning" || e === "danger" || e === "debug", $b = (e) => e === "auto" || e === "neutral" || e === "accent" || e === "success" || e === "warning" || e === "danger", ex = (e) => e === "default" || e === "soft" || e === "surface" || e === "solid" || e === "outline", tx = (e) => e === "info" ? "accent" : e === "success" || e === "warning" || e === "danger" ? e : "neutral", nx = (e, t) => $b(e) && e !== "auto" ? e : tx(t), rx = (e, t) => {
+} }), $b = (e) => e === "info" || e === "success" || e === "warning" || e === "danger" || e === "debug", ex = (e) => e === "auto" || e === "neutral" || e === "accent" || e === "success" || e === "warning" || e === "danger", tx = (e) => e === "default" || e === "soft" || e === "surface" || e === "solid" || e === "outline", nx = (e) => e === "info" ? "accent" : e === "success" || e === "warning" || e === "danger" ? e : "neutral", rx = (e, t) => ex(e) && e !== "auto" ? e : nx(t), ix = (e, t) => {
 	let n = typeof e == "number" ? e : Number(e);
 	return Number.isFinite(n) && n >= 0 ? n : t;
-}, ix = (e) => Math.min(e, 3), ax = /* @__PURE__ */ new WeakMap(), ox = (e) => {
+}, ax = (e) => Math.min(e, 3), ox = /* @__PURE__ */ new WeakMap(), sx = (e) => {
 	let t = Array.from(e.querySelectorAll(":scope > [data-ui-toast]"));
 	e.dataset.stack = t.length > 1 ? "collapsed" : "single";
-	let n = window.getComputedStyle(e), r = Number.parseFloat(n.rowGap || n.gap || "0") || 0, i = t.map((e) => Math.ceil(e.scrollHeight || e.getBoundingClientRect().height)), a = i[0] ?? 0, o = Number.parseFloat(n.getPropertyValue("--ui-toast-stack-peek")) || 8, s = e.dataset.position?.startsWith("bottom") ? -1 : 1, c = ix(Math.max(0, t.length - 1)), l = i.reduce((e, t) => e + t, 0) + Math.max(0, t.length - 1) * r, u = a + c * o;
+	let n = window.getComputedStyle(e), r = Number.parseFloat(n.rowGap || n.gap || "0") || 0, i = t.map((e) => Math.ceil(e.scrollHeight || e.getBoundingClientRect().height)), a = i[0] ?? 0, o = Number.parseFloat(n.getPropertyValue("--ui-toast-stack-peek")) || 8, s = e.dataset.position?.startsWith("bottom") ? -1 : 1, c = ax(Math.max(0, t.length - 1)), l = i.reduce((e, t) => e + t, 0) + Math.max(0, t.length - 1) * r, u = a + c * o;
 	e.style.setProperty("--ui-toast-front-height", `${a}px`), e.style.setProperty("--ui-toast-stack-height", `${u}px`), e.style.setProperty("--ui-toast-stack-expanded-height", `${l}px`), t.forEach((e, n) => {
-		let r = ix(n), i = Math.max(.91, 1 - r * .03), a = Math.max(.72, 1 - r * .08);
+		let r = ax(n), i = Math.max(.91, 1 - r * .03), a = Math.max(.72, 1 - r * .08);
 		e.dataset.state !== "closed" && (e.style.removeProperty("opacity"), e.style.removeProperty("transform")), e.dataset.stackIndex = String(n), e.style.setProperty("--ui-toast-stack-index", String(n)), e.style.setProperty("--ui-toast-stack-depth", String(r)), e.style.setProperty("--ui-toast-stack-direction", String(s)), e.style.setProperty("--ui-toast-stack-offset", `${r * o * s}px`), e.style.setProperty("--ui-toast-stack-scale", String(i)), e.style.setProperty("--ui-toast-stack-opacity", String(a)), e.style.zIndex = String(t.length - n);
 	});
-}, sx = (e) => {
-	let t = e.parentElement instanceof HTMLElement ? e.parentElement : null;
-	e.dataset.state = "closed", e.remove(), t?.matches("[data-ui-toast-outlet]") && ox(t);
 }, cx = (e) => {
-	ax.get(e)?.cancel();
+	let t = e.parentElement instanceof HTMLElement ? e.parentElement : null;
+	e.dataset.state = "closed", e.remove(), t?.matches("[data-ui-toast-outlet]") && sx(t);
+}, lx = (e) => {
+	ox.get(e)?.cancel();
 	let t = Z.motion.animatePresence(e, "enter", "toast");
-	ax.set(e, t), t.finished.finally(() => {
-		if (ax.get(e) !== t) return;
-		ax.delete(e), e.style.removeProperty("opacity"), e.style.removeProperty("transform");
+	ox.set(e, t), t.finished.finally(() => {
+		if (ox.get(e) !== t) return;
+		ox.delete(e), e.style.removeProperty("opacity"), e.style.removeProperty("transform");
 		let n = e.parentElement instanceof HTMLElement && e.parentElement.matches("[data-ui-toast-outlet]") ? e.parentElement : null;
-		n && ox(n);
+		n && sx(n);
 	});
-}, lx = (e) => {
+}, ux = (e) => {
 	if (!e.isConnected) return;
-	e.dataset.state = "closed", ax.get(e)?.cancel();
+	e.dataset.state = "closed", ox.get(e)?.cancel();
 	let t = Z.motion.animatePresence(e, "exit", "toast");
-	ax.set(e, t), t.finished.finally(() => {
-		ax.get(e) === t && (ax.delete(e), sx(e));
+	ox.set(e, t), t.finished.finally(() => {
+		ox.get(e) === t && (ox.delete(e), cx(e));
 	});
-}, ux = (e) => {
+}, dx = (e) => {
 	let t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 	t.setAttribute("viewBox", "0 0 32 32"), t.setAttribute("aria-hidden", "true"), t.setAttribute("data-ui-toast-close-icon", ""), t.setAttribute("class", e);
 	let n = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
 	return n.setAttribute("points", "17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16"), t.append(n), t;
-}, dx = () => ({
+}, fx = () => ({
 	props: null,
 	cleanup: [],
 	timer: null,
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Xb,
+			schema: Zb,
 			onChange: (e, t) => this.applyProps(t.map((e) => e.key))
 		});
 		let e = this.$el, t = e.parentElement instanceof HTMLElement && e.parentElement.matches("[data-ui-toast-outlet]") ? e.parentElement : null;
-		e.dataset.state = "open", e.setAttribute("data-ui-motion-owner", "component"), t && ox(t), cx(e), Z.addListener({
+		e.dataset.state = "open", e.setAttribute("data-ui-motion-owner", "component"), t && sx(t), lx(e), Z.addListener({
 			target: e,
 			event: "click",
 			handler: (e) => {
@@ -15513,13 +15514,13 @@ var Ab = {
 		}), this.sync(), this.resetTimer();
 	},
 	destroy() {
-		this.props.disconnect(), this.cleanup.forEach((e) => e()), this.cleanup = [], this.timer !== null && window.clearTimeout(this.timer), ax.get(this.$el)?.cancel();
+		this.props.disconnect(), this.cleanup.forEach((e) => e()), this.cleanup = [], this.timer !== null && window.clearTimeout(this.timer), ox.get(this.$el)?.cancel();
 	},
 	applyProps(e = []) {
 		this.sync(), e.includes("duration") && this.resetTimer();
 	},
 	sync() {
-		let e = this.$el, t = nx(this.props.color, this.props.level), n = e.dataset.description === "true" || !!this.props.description.trim(), r = t !== "neutral" && this.props.variant !== "solid" && this.props.variant !== "default", i = this.props.level === "danger" || this.props.level === "warning";
+		let e = this.$el, t = rx(this.props.color, this.props.level), n = e.dataset.description === "true" || !!this.props.description.trim(), r = t !== "neutral" && this.props.variant !== "solid" && this.props.variant !== "default", i = this.props.level === "danger" || this.props.level === "warning";
 		e.dataset.level = this.props.level, e.dataset.color = t, e.dataset.variant = this.props.variant, e.dataset.duration = String(this.props.duration), e.dataset.dismissible = String(this.props.dismissible), e.setAttribute("role", i ? "alert" : "status"), e.setAttribute("aria-live", i ? "assertive" : "polite"), e.className = Z.resolveStyle({
 			part: $.parts.root,
 			props: {
@@ -15558,7 +15559,7 @@ var Ab = {
 			});
 		});
 		let a = e.parentElement instanceof HTMLElement && e.parentElement.matches("[data-ui-toast-outlet]") ? e.parentElement : null;
-		a && ox(a);
+		a && sx(a);
 	},
 	resetTimer() {
 		this.timer !== null && window.clearTimeout(this.timer), this.timer = this.props.duration > 0 ? window.setTimeout(() => this.dismiss(), this.props.duration) : null;
@@ -15568,10 +15569,10 @@ var Ab = {
 		this.timer !== null && window.clearTimeout(this.timer), Z.dispatch({
 			el: e,
 			name: "ui:dismiss"
-		}), lx(e);
+		}), ux(e);
 	}
-}), fx = (e, t) => {
-	let n = Qb(e.level) ? e.level : "info", r = nx(e.color, n), i = ex(e.variant) ? e.variant : "default", a = typeof e.title == "string" ? e.title : "", o = typeof e.description == "string" ? e.description : "", s = o.trim().length > 0, c = r !== "neutral" && i !== "solid" && i !== "default", l = rx(e.duration, t), u = typeof e.dismissible == "boolean" ? e.dismissible : !0, d = n === "danger" || n === "warning", f = document.createElement("div");
+}), px = (e, t) => {
+	let n = $b(e.level) ? e.level : "info", r = rx(e.color, n), i = tx(e.variant) ? e.variant : "default", a = typeof e.title == "string" ? e.title : "", o = typeof e.description == "string" ? e.description : "", s = o.trim().length > 0, c = r !== "neutral" && i !== "solid" && i !== "default", l = ix(e.duration, t), u = typeof e.dismissible == "boolean" ? e.dismissible : !0, d = n === "danger" || n === "warning", f = document.createElement("div");
 	f.dataset.uiToast = "", f.dataset.level = n, f.dataset.color = r, f.dataset.variant = i, f.dataset.duration = String(l), f.dataset.dismissible = String(u), f.dataset.description = String(s), f.dataset.state = "open", f.setAttribute("role", d ? "alert" : "status"), f.setAttribute("aria-live", d ? "assertive" : "polite"), f.setAttribute("aria-atomic", "true"), f.className = Z.resolveStyle({
 		part: $.parts.root,
 		props: {
@@ -15609,20 +15610,20 @@ var Ab = {
 		e.type = "button", e.dataset.uiToastClose = "", e.setAttribute("aria-label", "Dismiss notification"), e.className = Z.resolveStyle({
 			part: $.parts.close,
 			props: { variant: i }
-		}), e.append(ux(Z.resolveStyle({ part: $.parts.closeIcon }))), e.addEventListener("click", () => lx(f)), f.append(e);
+		}), e.append(dx(Z.resolveStyle({ part: $.parts.closeIcon }))), e.addEventListener("click", () => ux(f)), f.append(e);
 	}
-	return l > 0 && window.setTimeout(() => lx(f), l), f;
-}, px = () => ({
+	return l > 0 && window.setTimeout(() => ux(f), l), f;
+}, mx = () => ({
 	props: null,
 	cleanup: [],
 	init() {
 		this.props = U({
 			el: this.$el,
-			schema: Zb,
+			schema: Qb,
 			onChange: () => this.sync()
 		});
 		let e = this.$el;
-		this.sync(), ox(e), Z.addListener({
+		this.sync(), sx(e), Z.addListener({
 			target: e,
 			event: "pointerover",
 			handler: () => {
@@ -15672,80 +15673,80 @@ var Ab = {
 			part: $.parts.outlet,
 			props: { position: this.props.position },
 			className: this.props.class
-		}), ox(e);
+		}), sx(e);
 	},
 	add(e) {
 		let t = typeof e.title == "string" ? e.title : "", n = typeof e.description == "string" ? e.description : "";
 		if (!t.trim() && !n.trim()) return;
-		let r = this.$el, i = fx(e, this.props.duration);
-		i.setAttribute("data-ui-motion-owner", "component"), r.append(i), ox(r), cx(i);
+		let r = this.$el, i = px(e, this.props.duration);
+		i.setAttribute("data-ui-motion-owner", "component"), r.append(i), sx(r), lx(i);
 	}
-}), mx = (e) => {
-	e.data("UiToast", () => dx()), e.data("UiToastOutlet", () => px());
-}, hx = "[x-ui-request], [x-ui-request\\.navigate]", gx = new Set([
+}), hx = (e) => {
+	e.data("UiToast", () => fx()), e.data("UiToastOutlet", () => mx());
+}, gx = "[x-ui-request], [x-ui-request\\.navigate]", _x = new Set([
 	"data",
 	"extra",
 	"headers",
 	"method"
-]), _x = [
+]), vx = [
 	"altKey",
 	"ctrlKey",
 	"metaKey",
 	"shiftKey"
-], vx = (e, { expression: t }, n) => {
+], yx = (e, { expression: t }, n) => {
 	if (!t?.trim()) return {};
 	let r = n.Alpine.evaluate(e, t);
 	return fu(r) ? (Object.keys(r).forEach((e) => {
-		gx.has(e) || J("x-ui-request: unknown option key", e);
+		_x.has(e) || J("x-ui-request: unknown option key", e);
 	}), r) : (J("x-ui-request: expression must evaluate to an object"), null);
-}, yx = (e) => e.submitter instanceof HTMLElement ? e.submitter : null, bx = (e, t, n) => t.defaultPrevented || (n?.getAttribute("formmethod") || e.getAttribute("method"))?.toLowerCase() === "dialog" || e.getAttribute("target") || n?.getAttribute("formtarget") ? !1 : !e.noValidate && !e.checkValidity() ? (e.reportValidity(), !1) : !0, xx = (e) => e.hash !== "" && e.origin === window.location.origin && e.pathname === window.location.pathname && e.search === window.location.search, Sx = (e, t, n) => {
-	if (t.defaultPrevented || t.button !== 0 || n && _x.some((e) => t[e]) || e.hasAttribute("download") || e.getAttribute("target")) return !1;
+}, bx = (e) => e.submitter instanceof HTMLElement ? e.submitter : null, xx = (e, t, n) => t.defaultPrevented || (n?.getAttribute("formmethod") || e.getAttribute("method"))?.toLowerCase() === "dialog" || e.getAttribute("target") || n?.getAttribute("formtarget") ? !1 : !e.noValidate && !e.checkValidity() ? (e.reportValidity(), !1) : !0, Sx = (e) => e.hash !== "" && e.origin === window.location.origin && e.pathname === window.location.pathname && e.search === window.location.search, Cx = (e, t, n) => {
+	if (t.defaultPrevented || t.button !== 0 || n && vx.some((e) => t[e]) || e.hasAttribute("download") || e.getAttribute("target")) return !1;
 	let r = new URL(e.href, document.baseURI);
-	return r.origin === window.location.origin ? !xx(r) : !1;
-}, Cx = (e, t, n, r) => {
+	return r.origin === window.location.origin ? !Sx(r) : !1;
+}, wx = (e, t, n, r) => {
 	let i = (i) => {
-		let a = yx(i);
-		if (!bx(t, i, a)) return;
-		let o = vx(t, n, r);
-		o && (i.preventDefault(), Jm(e, void 0, {
+		let a = bx(i);
+		if (!xx(t, i, a)) return;
+		let o = yx(t, n, r);
+		o && (i.preventDefault(), Ym(e, void 0, {
 			...o,
 			source: t,
 			submitter: a
 		}).catch((e) => J("x-ui-request: request failed", e)));
 	};
 	t.addEventListener("submit", i), r.cleanup?.(() => t.removeEventListener("submit", i));
-}, wx = (e, t, n, r, i) => {
+}, Tx = (e, t, n, r, i) => {
 	let a = (a) => {
-		if (!Sx(t, a, i.navigate)) return;
-		let o = vx(t, n, r);
-		o && (a.preventDefault(), Jm(e, t.href, {
+		if (!Cx(t, a, i.navigate)) return;
+		let o = yx(t, n, r);
+		o && (a.preventDefault(), Ym(e, t.href, {
 			...o,
 			method: o.method ?? "GET",
 			source: t
 		}).catch((e) => J("x-ui-request: request failed", e)));
 	};
 	t.addEventListener("click", a), r.cleanup?.(() => t.removeEventListener("click", a));
-}, Tx = (e) => {
+}, Ex = (e) => {
 	e.magic("ui", () => ({
-		get: Zm,
-		post: Qm,
-		put: $m,
-		delete: eh
+		get: Qm,
+		post: $m,
+		put: eh,
+		delete: th
 	}));
-}, Ex = (e) => {
-	e.addRootSelector(() => hx), th(e), Tx(e), e.directive("ui-request", (t, { expression: n, modifiers: r }, i) => {
+}, Dx = (e) => {
+	e.addRootSelector(() => gx), nh(e), Ex(e), e.directive("ui-request", (t, { expression: n, modifiers: r }, i) => {
 		let a = { expression: n };
 		if (t instanceof HTMLFormElement) {
-			Cx(e, t, a, i);
+			wx(e, t, a, i);
 			return;
 		}
 		if (t instanceof HTMLAnchorElement) {
-			wx(e, t, a, i, { navigate: r.includes("navigate") });
+			Tx(e, t, a, i, { navigate: r.includes("navigate") });
 			return;
 		}
 		J("x-ui-request: directive only supports forms and anchors", t);
 	});
-}, Dx = {
+}, Ox = {
 	bool: K,
 	className: ml,
 	create: kl,
@@ -15764,10 +15765,10 @@ var Ab = {
 	propsFromSchema: wf,
 	resolveStyle: X,
 	string: W
-}, Ox = (e) => {
-	Yl(e.reactive), e.plugin(h), Es(e), ph(e), El(), Eg(), Ex(e), og(e), Rg(e), Jg(e), y_(e), E_(e), j_(e), ov(e), pv(e), Lv(e), Kv(e), sy(e), My(e), tb(e), yb(e), xf(e), pm(e), Db(e), Vb(e), Gb(e), mx(e);
+}, kx = (e) => {
+	Yl(e.reactive), e.plugin(h), Es(e), mh(e), El(), Dg(), Dx(e), sg(e), zg(e), Yg(e), b_(e), D_(e), M_(e), sv(e), mv(e), Rv(e), qv(e), cy(e), Ny(e), nb(e), bb(e), xf(e), mm(e), Ob(e), Hb(e), Kb(e), hx(e);
 };
 //#endregion
-export { K as bool, ml as className, kl as create, tu as createMachine, bf as createResizable, eu as createVisibilityMachine, hl as cx, Ox as default, Ox as trellisUi, Cf as defineManifest, U as defineProps, Y as defineStyles, Xl as json, Pl as mergeBindings, xs as motion, G as number, q as oneOf, wf as propsFromSchema, X as resolveStyle, W as string, Dx as ui };
+export { K as bool, ml as className, kl as create, tu as createMachine, bf as createResizable, eu as createVisibilityMachine, hl as cx, kx as default, kx as trellisUi, Cf as defineManifest, U as defineProps, Y as defineStyles, Xl as json, Pl as mergeBindings, xs as motion, G as number, q as oneOf, wf as propsFromSchema, X as resolveStyle, W as string, Ox as ui };
 
 //# sourceMappingURL=index.js.map