@minimalstuff/ui 3.0.1 → 3.2.0

package/dist/minimalstuff-ui.js

@@ -1,6 +1,6 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "react";
-import i, { cloneElement as a, createContext as o, createElement as s, isValidElement as c, useCallback as l, useContext as u, useEffect as d, useId as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g, useSyncExternalStore as _ } from "react";
+import * as e from "react";
+import t, { cloneElement as n, createContext as r, createElement as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useId as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p, useSyncExternalStore as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import * as v from "react-dom";
 import { createPortal as y } from "react-dom";
 //#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -65,100 +65,185 @@ var S = {
 		focusOutline: "focus-visible:outline-yellow-500"
 	}
 }, k = "inline-flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed", A = `cursor-pointer transition-[color,background-color,border-color,transform] duration-200 enabled:active:duration-75 enabled:active:scale-[0.95] ${C}`, j = {
+	xs: "h-6 w-6 text-xs",
+	sm: "h-8 w-8 text-sm",
+	md: "h-10 w-10 text-base",
+	lg: "h-12 w-12 text-xl"
+}, M = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function N(e) {
+	let t = e.trim();
+	if (t.length === 0) return "";
+	let [n] = M.segment(t);
+	return n.segment.toUpperCase();
+}
+function P({ name: e, src: t, size: n = "sm", color: r = "primary", radius: i = "full", unstyled: a = !1, className: o }) {
+	let [s, c] = p(null), l = t !== void 0 && t !== s, u = e.trim().length > 0, d = l ? /* @__PURE__ */ g("img", {
+		src: t,
+		alt: "",
+		onError: () => c(t ?? null),
+		className: "h-full w-full object-cover"
+	}) : /* @__PURE__ */ g("span", {
+		"aria-hidden": "true",
+		children: N(e)
+	});
+	return /* @__PURE__ */ g("span", {
+		role: u ? "img" : void 0,
+		"aria-label": u ? e : void 0,
+		"aria-hidden": !u || void 0,
+		className: x("inline-flex flex-shrink-0 items-center justify-center overflow-hidden", j[n], !a && S[i], !a && !l && ["border font-semibold", O[r].solid], o),
+		children: d
+	});
+}
+//#endregion
+//#region src/components/badge/badge.tsx
+var F = {
 	xs: "px-1.5 py-0.5 text-xs",
 	sm: "px-2.5 py-1 text-sm",
 	md: "px-3 py-1 text-base",
 	lg: "px-3.5 py-1.5 text-lg"
-}, M = ({ children: e, color: n = "primary", variant: r = "subtle", size: i = "sm", radius: a = "md", className: o, ...s }) => /* @__PURE__ */ t("span", {
-	className: x("inline-flex items-center gap-1 border", S[a], j[i], O[n][r], o),
-	...s,
+}, I = ({ children: e, color: t = "primary", variant: n = "subtle", size: r = "sm", radius: i = "md", className: a, ...o }) => /* @__PURE__ */ g("span", {
+	className: x("inline-flex items-center gap-1 border", S[i], F[r], O[t][n], a),
+	...o,
 	children: e
-}), N = {
+}), ee = {
 	xs: "px-2 py-1 text-xs",
 	sm: "px-3 py-1.5 text-sm",
 	md: "px-4 py-2 text-sm",
 	lg: "px-4 py-3 text-base"
-}, P = {
+}, L = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
 };
-function F(e) {
-	let { unstyled: r = !1, variant: i = "solid", color: a = "primary", size: o = "md", radius: s = "md", children: c, className: l, fullWidth: u = !1, loading: d = !1, startIcon: f, endIcon: p, disabled: m, ...h } = e, g = O[a], _ = P[o];
-	return /* @__PURE__ */ n("button", {
+function R(e) {
+	let { unstyled: t = !1, variant: n = "solid", color: r = "primary", size: i = "md", radius: a = "md", children: o, className: s, fullWidth: c = !1, loading: l = !1, startIcon: u, endIcon: d, disabled: f, ...p } = e, m = O[r], h = L[i];
+	return /* @__PURE__ */ _("button", {
 		type: "button",
-		className: x(k, !r && [
+		className: x(k, !t && [
 			A,
 			"gap-2 font-medium border",
-			S[s],
-			N[o],
-			g[i],
-			g.focusOutline
-		], u && "w-full", l),
-		disabled: m ?? d,
-		"aria-busy": d || void 0,
-		...h,
+			S[a],
+			ee[i],
+			m[n],
+			m.focusOutline
+		], c && "w-full", s),
+		disabled: f ?? l,
+		"aria-busy": l || void 0,
+		...p,
 		children: [
-			d && /* @__PURE__ */ t("span", {
-				className: x("i-svg-spinners-3-dots-fade", _),
+			l && /* @__PURE__ */ g("span", {
+				className: x("i-svg-spinners-3-dots-fade", h),
 				"aria-hidden": "true"
 			}),
-			!d && f && /* @__PURE__ */ t("span", {
-				className: x(f, _),
+			!l && u && /* @__PURE__ */ g("span", {
+				className: x(u, h),
 				"aria-hidden": "true"
 			}),
-			c,
-			!d && p && /* @__PURE__ */ t("span", {
-				className: x(p, _),
+			o,
+			!l && d && /* @__PURE__ */ g("span", {
+				className: x(d, h),
 				"aria-hidden": "true"
 			})
 		]
 	});
 }
 //#endregion
+//#region src/components/shared/surface_tokens.ts
+var te = "border-gray-300 dark:border-gray-600", ne = "bg-white dark:bg-gray-800", re = "border-gray-100 dark:border-gray-800", z = "bg-white dark:bg-gray-900", ie = {
+	2: "h2",
+	3: "h3",
+	4: "h4"
+};
+function ae({ title: e, titleId: t, level: n, description: r, actions: i }) {
+	let a = ie[n];
+	return /* @__PURE__ */ _("div", {
+		className: "mb-4",
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex items-center justify-between gap-4",
+			children: [/* @__PURE__ */ g(a, {
+				id: t,
+				className: "text-lg font-medium text-gray-900 dark:text-gray-100",
+				children: e
+			}), i]
+		}), r && /* @__PURE__ */ g("p", {
+			className: "mt-1 text-sm text-gray-500 dark:text-gray-400",
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/card/card.tsx
+var oe = {
+	none: "",
+	sm: "p-4",
+	md: "p-6",
+	lg: "p-8"
+};
+function se({ children: e, title: t, description: n, actions: r, headingLevel: i = 2, padding: a = "md", radius: o = "lg", unstyled: s = !1, className: c }) {
+	let u = l(), d = !!t;
+	return /* @__PURE__ */ _("div", {
+		role: d ? "region" : void 0,
+		"aria-labelledby": d ? u : void 0,
+		className: x(!s && [
+			"border",
+			"bg-white dark:bg-gray-800",
+			"border-gray-200 dark:border-gray-700",
+			S[o],
+			oe[a]
+		], c),
+		children: [d && /* @__PURE__ */ g(ae, {
+			title: t,
+			titleId: u,
+			level: i,
+			description: n,
+			actions: r
+		}), e]
+	});
+}
+//#endregion
 //#region src/components/character_count/character_count.tsx
-var I = "text-xs text-gray-500 dark:text-gray-400 mt-1 text-right";
-function L(e, t) {
+var ce = "text-xs text-gray-500 dark:text-gray-400 mt-1 text-right";
+function le(e, t) {
 	return t ? "" : e === "overLimit" ? "text-red-600 dark:text-red-400" : e === "atLimit" ? "text-amber-600 dark:text-amber-400" : "";
 }
-function R({ current: e, min: r, max: i, showMin: a, showMax: o, unstyled: s = !1, className: c }) {
-	let l = a === !0 || o === !0, u = r !== void 0 && e <= r ? "atLimit" : "ok", d = i !== void 0 && e > i ? "overLimit" : i !== void 0 && e >= i ? "atLimit" : "ok", f = l ? `${e}/${r} min` : `${e} (min ${r})`, p = l ? `${e}/${i} max` : `${e}/${i}`;
-	return /* @__PURE__ */ n("div", {
-		className: x(!s && I, c),
+function ue({ current: e, min: t, max: n, showMin: r, showMax: i, unstyled: a = !1, className: o }) {
+	let s = r === !0 || i === !0, c = t !== void 0 && e <= t ? "atLimit" : "ok", l = n !== void 0 && e > n ? "overLimit" : n !== void 0 && e >= n ? "atLimit" : "ok", u = s ? `${e}/${t} min` : `${e} (min ${t})`, d = s ? `${e}/${n} max` : `${e}/${n}`;
+	return /* @__PURE__ */ _("div", {
+		className: x(!a && ce, o),
 		children: [
-			a && r !== void 0 && /* @__PURE__ */ t("span", {
-				className: L(u, s),
-				children: f
+			r && t !== void 0 && /* @__PURE__ */ g("span", {
+				className: le(c, a),
+				children: u
 			}),
-			a && o && " · ",
-			o && i !== void 0 && /* @__PURE__ */ t("span", {
-				className: L(d, s),
-				children: p
+			r && i && " · ",
+			i && n !== void 0 && /* @__PURE__ */ g("span", {
+				className: le(l, a),
+				children: d
 			}),
-			!a && !o && i !== void 0 && /* @__PURE__ */ t("span", {
-				className: L(d, s),
-				children: p
+			!r && !i && n !== void 0 && /* @__PURE__ */ g("span", {
+				className: le(l, a),
+				children: d
 			}),
-			!a && !o && r !== void 0 && i === void 0 && /* @__PURE__ */ t("span", {
-				className: L(u, s),
-				children: f
+			!r && !i && t !== void 0 && n === void 0 && /* @__PURE__ */ g("span", {
+				className: le(c, a),
+				children: u
 			})
 		]
 	});
 }
 //#endregion
-//#region src/components/shared/surface_tokens.ts
-var z = "border-gray-300 dark:border-gray-600", ee = "bg-white dark:bg-gray-800", te = "border-gray-100 dark:border-gray-800", ne = "bg-white dark:bg-gray-900", B = `w-full border ${z} ${ee} text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 ${w} transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`, re = "text-xs text-gray-500 dark:text-gray-400", ie = "text-xs text-red-600 dark:text-red-400", ae = "border-red-500 dark:border-red-400", oe = ({ id: e, error: n, className: r }) => n ? /* @__PURE__ */ t("p", {
+//#region src/components/shared/field_styles.ts
+var de = `w-full border ${te} ${ne} text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 ${w} transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`, fe = "text-xs text-gray-500 dark:text-gray-400", pe = "text-xs text-red-600 dark:text-red-400", me = "border-red-500 dark:border-red-400", he = ({ id: e, error: t, className: n }) => t ? /* @__PURE__ */ g("p", {
 	id: e,
-	className: x(ie, r),
+	className: x(pe, n),
 	role: "alert",
-	children: n
+	children: t
 }) : null;
 //#endregion
 //#region src/components/shared/use_field_ids.ts
-function V(e) {
-	let t = f(), n = e ?? t;
+function B(e) {
+	let t = l(), n = e ?? t;
 	return {
 		fieldId: n,
 		errorId: `${n}-error`,
@@ -167,55 +252,55 @@ function V(e) {
 }
 //#endregion
 //#region src/components/shared/field_description.tsx
-var se = ({ id: e, description: n, className: r }) => n ? typeof n == "string" ? /* @__PURE__ */ t("p", {
+var ge = ({ id: e, description: t, className: n }) => t ? typeof t == "string" ? /* @__PURE__ */ g("p", {
 	id: e,
-	className: x(re, r),
-	children: n
-}) : /* @__PURE__ */ t("span", {
+	className: x(fe, n),
+	children: t
+}) : /* @__PURE__ */ g("span", {
 	id: e,
-	className: x(re, "block", r),
-	children: n
+	className: x(fe, "block", n),
+	children: t
 }) : null;
 //#endregion
 //#region src/components/shared/use_controlled_state.ts
-function H(e, t) {
-	let [n, r] = g(t), i = e !== void 0, a = l((e) => {
+function _e(e, t) {
+	let [n, r] = p(t), i = e !== void 0, a = o((e) => {
 		i || r(e);
 	}, [i]);
 	return [i ? e : n, a];
 }
 //#endregion
 //#region src/components/checkbox/checkbox.tsx
-function ce({ label: r, description: i, error: a, radius: o = "sm", unstyled: s = !1, className: c, wrapperClassName: l, checked: u, defaultChecked: d = !1, onChange: f, id: p, ...m }) {
-	let { fieldId: h, errorId: g, descriptionId: _ } = V(p), [v, y] = H(u, d), b = [i && _, a && g].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ n("div", {
-		className: x("w-full", l),
+function ve({ label: e, description: t, error: n, radius: r = "sm", unstyled: i = !1, className: a, wrapperClassName: o, checked: s, defaultChecked: c = !1, onChange: l, id: u, ...d }) {
+	let { fieldId: f, errorId: p, descriptionId: m } = B(u), [v, y] = _e(s, c), b = [t && m, n && p].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ _("div", {
+		className: x("w-full", o),
 		children: [
-			/* @__PURE__ */ n("label", {
-				htmlFor: h,
-				className: x("flex items-start gap-3 cursor-pointer", m.disabled && "cursor-not-allowed opacity-50"),
-				children: [/* @__PURE__ */ n("span", {
-					className: x("relative shrink-0", S[o], T, a ? D : E),
-					children: [/* @__PURE__ */ t("input", {
+			/* @__PURE__ */ _("label", {
+				htmlFor: f,
+				className: x("flex items-start gap-3 cursor-pointer", d.disabled && "cursor-not-allowed opacity-50"),
+				children: [/* @__PURE__ */ _("span", {
+					className: x("relative shrink-0", S[r], T, n ? D : E),
+					children: [/* @__PURE__ */ g("input", {
 						type: "checkbox",
-						id: h,
+						id: f,
 						className: "sr-only",
 						checked: v,
 						onChange: (e) => {
-							y(e.target.checked), f?.(e);
+							y(e.target.checked), l?.(e);
 						},
-						"aria-invalid": !!a,
+						"aria-invalid": !!n,
 						"aria-describedby": b,
-						...m
-					}), /* @__PURE__ */ t("span", {
-						className: x("flex h-5 w-5 items-center justify-center transition-all duration-200", !s && [
-							S[o],
+						...d
+					}), /* @__PURE__ */ g("span", {
+						className: x("flex h-5 w-5 items-center justify-center transition-all duration-200", !i && [
+							S[r],
 							"border-2",
 							v ? x("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : x("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800"),
-							a && "border-red-500 dark:border-red-400"
-						], c),
+							n && "border-red-500 dark:border-red-400"
+						], a),
 						"aria-hidden": !0,
-						children: v && /* @__PURE__ */ t("svg", {
+						children: v && /* @__PURE__ */ g("svg", {
 							className: "h-3 w-3 text-white",
 							viewBox: "0 0 12 12",
 							fill: "none",
@@ -223,28 +308,28 @@ function ce({ label: r, description: i, error: a, radius: o = "sm", unstyled: s
 							strokeWidth: "2.5",
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
-							children: /* @__PURE__ */ t("polyline", { points: "2 6 5 9 10 3" })
+							children: /* @__PURE__ */ g("polyline", { points: "2 6 5 9 10 3" })
 						})
 					})]
-				}), r !== void 0 && (typeof r == "string" ? /* @__PURE__ */ n("span", {
+				}), e !== void 0 && (typeof e == "string" ? /* @__PURE__ */ _("span", {
 					className: x("text-sm font-medium text-gray-700 dark:text-gray-300", "select-none"),
-					children: [r, m.required && /* @__PURE__ */ t("span", {
+					children: [e, d.required && /* @__PURE__ */ g("span", {
 						className: "text-red-500 dark:text-red-400 ml-1",
 						children: "*"
 					})]
-				}) : /* @__PURE__ */ n(e, { children: [r, m.required && /* @__PURE__ */ t("span", {
+				}) : /* @__PURE__ */ _(h, { children: [e, d.required && /* @__PURE__ */ g("span", {
 					className: "text-red-500 dark:text-red-400 ml-1",
 					children: "*"
 				})] }))]
 			}),
-			/* @__PURE__ */ t(se, {
-				id: _,
-				description: i,
+			/* @__PURE__ */ g(ge, {
+				id: m,
+				description: t,
 				className: "mt-1 ml-8"
 			}),
-			/* @__PURE__ */ t(oe, {
-				id: g,
-				error: a,
+			/* @__PURE__ */ g(he, {
+				id: p,
+				error: n,
 				className: "mt-1 ml-8"
 			})
 		]
@@ -252,9 +337,9 @@ function ce({ label: r, description: i, error: a, radius: o = "sm", unstyled: s
 }
 //#endregion
 //#region src/hooks/use_is_client/use_is_client.tsx
-var le = () => {
-	let [e, t] = g(!1);
-	return d(() => {
+var ye = () => {
+	let [e, t] = p(!1);
+	return c(() => {
 		requestAnimationFrame(() => {
 			t(!0);
 		});
@@ -262,144 +347,144 @@ var le = () => {
 };
 //#endregion
 //#region src/components/client_only/client_only.tsx
-function ue({ children: n, fallback: r }) {
-	return le() ? /* @__PURE__ */ t(e, { children: n }) : r ?? null;
+function be({ children: e, fallback: t }) {
+	return ye() ? /* @__PURE__ */ g(h, { children: e }) : t ?? null;
 }
 //#endregion
 //#region src/components/shared/field.tsx
-var de = ({ fieldId: r, errorId: i, label: a, error: o, required: s = !1, wrapperClassName: c, children: l }) => /* @__PURE__ */ n("div", {
-	className: x("w-full", c),
+var xe = ({ fieldId: e, errorId: t, label: n, error: r, required: i = !1, wrapperClassName: a, children: o }) => /* @__PURE__ */ _("div", {
+	className: x("w-full", a),
 	children: [
-		a !== void 0 && (typeof a == "string" ? /* @__PURE__ */ n("label", {
+		n !== void 0 && (typeof n == "string" ? /* @__PURE__ */ _("label", {
 			className: x("text-sm font-medium text-gray-700 dark:text-gray-300", "block mb-1"),
-			htmlFor: r,
-			children: [a, s && /* @__PURE__ */ t("span", {
+			htmlFor: e,
+			children: [n, i && /* @__PURE__ */ g("span", {
 				className: "text-red-500 dark:text-red-400 ml-1",
 				children: "*"
 			})]
-		}) : /* @__PURE__ */ n(e, { children: [a, s && /* @__PURE__ */ t("span", {
+		}) : /* @__PURE__ */ _(h, { children: [n, i && /* @__PURE__ */ g("span", {
 			className: "text-red-500 dark:text-red-400 ml-1",
 			children: "*"
 		})] })),
-		l,
-		/* @__PURE__ */ t(oe, {
-			id: i,
-			error: o,
+		o,
+		/* @__PURE__ */ g(he, {
+			id: t,
+			error: r,
 			className: "mt-1"
 		})
 	]
 });
 //#endregion
 //#region src/components/combobox/combobox.tsx
-function fe({ options: e, label: r, error: i, placeholder: a, noResultsText: o = "No results found", clearLabel: s = "Clear selection", radius: c = "md", unstyled: l = !1, disabled: u = !1, required: d = !1, className: f, wrapperClassName: p, value: h, defaultValue: _ = "", onChange: v, id: y }) {
-	let { fieldId: b, errorId: C } = V(y), w = `${b}-listbox`, [T, E] = H(h, _), D = e.find((e) => e.value === T), [O, k] = g(""), [A, j] = g(!1), [M, N] = g(!1), [P, F] = g(-1), I = m(() => A ? e.filter((e) => e.label.toLowerCase().includes(O.toLowerCase())) : e, [
+function Se({ options: e, label: t, error: n, placeholder: r, noResultsText: i = "No results found", clearLabel: a = "Clear selection", radius: o = "md", unstyled: s = !1, disabled: c = !1, required: l = !1, className: u, wrapperClassName: f, value: m, defaultValue: h = "", onChange: v, id: y }) {
+	let { fieldId: b, errorId: C } = B(y), w = `${b}-listbox`, [T, E] = _e(m, h), D = e.find((e) => e.value === T), [O, k] = p(""), [A, j] = p(!1), [M, N] = p(!1), [P, F] = p(-1), I = d(() => A ? e.filter((e) => e.label.toLowerCase().includes(O.toLowerCase())) : e, [
 		e,
 		A,
 		O
-	]), L = M ? O : D?.label ?? "", R = () => {
-		u || (k(D?.label ?? ""), j(!1), N(!0), F(-1));
-	}, z = () => {
+	]), ee = M ? O : D?.label ?? "", L = () => {
+		c || (k(D?.label ?? ""), j(!1), N(!0), F(-1));
+	}, R = () => {
 		N(!1), j(!1), F(-1);
-	}, ee = (e) => {
-		E(e.value), v?.(e.value), z();
-	}, te = () => {
+	}, te = (e) => {
+		E(e.value), v?.(e.value), R();
+	}, ne = () => {
 		E(""), v?.(""), k("");
-	}, ne = (e) => {
-		k(e.target.value), j(!0), N(!0), F(0);
 	}, re = (e) => {
+		k(e.target.value), j(!0), N(!0), F(0);
+	}, z = (e) => {
 		I.length !== 0 && F((t) => {
 			let n = t + e;
 			return n < 0 ? I.length - 1 : n >= I.length ? 0 : n;
 		});
 	}, ie = (e) => {
 		if (e.key === "ArrowDown") {
-			e.preventDefault(), M ? re(1) : R();
+			e.preventDefault(), M ? z(1) : L();
 			return;
 		}
 		if (e.key === "ArrowUp") {
-			e.preventDefault(), M ? re(-1) : R();
+			e.preventDefault(), M ? z(-1) : L();
 			return;
 		}
 		if (e.key === "Enter") {
 			if (!M) return;
 			e.preventDefault();
 			let t = I[P];
-			t && ee(t);
+			t && te(t);
 			return;
 		}
 		if (e.key === "Escape") {
 			if (!M) return;
-			e.preventDefault(), z();
+			e.preventDefault(), R();
 		}
 	}, ae = M && P >= 0 ? `${w}-option-${P}` : void 0;
-	return /* @__PURE__ */ t(de, {
+	return /* @__PURE__ */ g(xe, {
 		fieldId: b,
 		errorId: C,
-		label: r,
-		error: i,
-		required: d,
-		wrapperClassName: p,
-		children: /* @__PURE__ */ n("div", {
+		label: t,
+		error: n,
+		required: l,
+		wrapperClassName: f,
+		children: /* @__PURE__ */ _("div", {
 			className: "relative",
 			children: [
-				!l && /* @__PURE__ */ t("span", {
+				!s && /* @__PURE__ */ g("span", {
 					className: "i-mdi-magnify absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 dark:text-gray-500 pointer-events-none",
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ t("input", {
+				/* @__PURE__ */ g("input", {
 					id: b,
 					role: "combobox",
 					type: "text",
 					autoComplete: "off",
-					disabled: u,
-					placeholder: a,
-					value: L,
-					onChange: ne,
-					onFocus: R,
-					onBlur: z,
+					disabled: c,
+					placeholder: r,
+					value: ee,
+					onChange: re,
+					onFocus: L,
+					onBlur: R,
 					onKeyDown: ie,
 					"aria-expanded": M,
 					"aria-controls": w,
 					"aria-autocomplete": "list",
 					"aria-activedescendant": ae,
-					"aria-invalid": !!i,
-					"aria-describedby": i ? C : void 0,
-					className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !l && [
-						B,
-						S[c],
+					"aria-invalid": !!n,
+					"aria-describedby": n ? C : void 0,
+					className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !s && [
+						de,
+						S[o],
 						"pl-9 pr-8 py-2 text-sm"
-					], !l && i && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), f)
+					], !s && n && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), u)
 				}),
-				!l && D && !u && /* @__PURE__ */ t("button", {
+				!s && D && !c && /* @__PURE__ */ g("button", {
 					type: "button",
-					"aria-label": s,
+					"aria-label": a,
 					onMouseDown: (e) => e.preventDefault(),
-					onClick: te,
+					onClick: ne,
 					className: "absolute right-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300",
-					children: /* @__PURE__ */ t("span", {
+					children: /* @__PURE__ */ g("span", {
 						className: "i-mdi-close block w-4 h-4",
 						"aria-hidden": !0
 					})
 				}),
-				M && /* @__PURE__ */ t("ul", {
+				M && /* @__PURE__ */ g("ul", {
 					id: w,
 					role: "listbox",
-					className: x("absolute z-10 mt-1 w-full max-h-60 overflow-auto py-1 text-sm shadow-lg", !l && [
+					className: x("absolute z-10 mt-1 w-full max-h-60 overflow-auto py-1 text-sm shadow-lg", !s && [
 						"border",
 						"bg-white dark:bg-gray-900",
 						"border-gray-100 dark:border-gray-800",
-						S[c]
+						S[o]
 					]),
-					children: I.length === 0 ? /* @__PURE__ */ t("li", {
+					children: I.length === 0 ? /* @__PURE__ */ g("li", {
 						className: "px-3 py-2 text-gray-500 dark:text-gray-400",
-						children: o
-					}) : I.map((e, n) => /* @__PURE__ */ t("li", {
-						id: `${w}-option-${n}`,
+						children: i
+					}) : I.map((e, t) => /* @__PURE__ */ g("li", {
+						id: `${w}-option-${t}`,
 						role: "option",
 						"aria-selected": e.value === T,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => ee(e),
-						className: x("px-3 py-2 cursor-pointer text-gray-900 dark:text-gray-100", n === P ? "bg-blue-50 dark:bg-blue-900/40" : "hover:bg-gray-50 dark:hover:bg-gray-800/60", e.value === T && "font-medium"),
+						onClick: () => te(e),
+						className: x("px-3 py-2 cursor-pointer text-gray-900 dark:text-gray-100", t === P ? "bg-blue-50 dark:bg-blue-900/40" : "hover:bg-gray-50 dark:hover:bg-gray-800/60", e.value === T && "font-medium"),
 						children: e.label
 					}, e.value))
 				})
@@ -409,75 +494,75 @@ function fe({ options: e, label: r, error: i, placeholder: a, noResultsText: o =
 }
 //#endregion
 //#region node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var pe = Math.min, U = Math.max, me = Math.round, he = Math.floor, W = (e) => ({
+var Ce = Math.min, V = Math.max, we = Math.round, Te = Math.floor, H = (e) => ({
 	x: e,
 	y: e
-}), ge = {
+}), Ee = {
 	left: "right",
 	right: "left",
 	bottom: "top",
 	top: "bottom"
 };
-function _e(e, t, n) {
-	return U(e, pe(t, n));
+function De(e, t, n) {
+	return V(e, Ce(t, n));
 }
-function ve(e, t) {
+function Oe(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function ye(e) {
+function U(e) {
 	return e.split("-")[0];
 }
-function be(e) {
+function ke(e) {
 	return e.split("-")[1];
 }
-function xe(e) {
+function Ae(e) {
 	return e === "x" ? "y" : "x";
 }
-function Se(e) {
+function je(e) {
 	return e === "y" ? "height" : "width";
 }
-function G(e) {
+function W(e) {
 	let t = e[0];
 	return t === "t" || t === "b" ? "y" : "x";
 }
-function Ce(e) {
-	return xe(G(e));
+function Me(e) {
+	return Ae(W(e));
 }
-function we(e, t, n) {
+function Ne(e, t, n) {
 	n === void 0 && (n = !1);
-	let r = be(e), i = Ce(e), a = Se(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-	return t.reference[a] > t.floating[a] && (o = Ne(o)), [o, Ne(o)];
+	let r = ke(e), i = Me(e), a = je(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = He(o)), [o, He(o)];
 }
-function Te(e) {
-	let t = Ne(e);
+function Pe(e) {
+	let t = He(e);
 	return [
-		Ee(e),
+		Fe(e),
 		t,
-		Ee(t)
+		Fe(t)
 	];
 }
-function Ee(e) {
+function Fe(e) {
 	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
 }
-var De = ["left", "right"], Oe = ["right", "left"], ke = ["top", "bottom"], Ae = ["bottom", "top"];
-function je(e, t, n) {
+var Ie = ["left", "right"], Le = ["right", "left"], Re = ["top", "bottom"], ze = ["bottom", "top"];
+function Be(e, t, n) {
 	switch (e) {
 		case "top":
-		case "bottom": return n ? t ? Oe : De : t ? De : Oe;
+		case "bottom": return n ? t ? Le : Ie : t ? Ie : Le;
 		case "left":
-		case "right": return t ? ke : Ae;
+		case "right": return t ? Re : ze;
 		default: return [];
 	}
 }
-function Me(e, t, n, r) {
-	let i = be(e), a = je(ye(e), n === "start", r);
-	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Ee)))), a;
+function Ve(e, t, n, r) {
+	let i = ke(e), a = Be(U(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Fe)))), a;
 }
-function Ne(e) {
-	let t = ye(e);
-	return ge[t] + e.slice(t.length);
+function He(e) {
+	let t = U(e);
+	return Ee[t] + e.slice(t.length);
 }
-function Pe(e) {
+function Ue(e) {
 	return {
 		top: e.top ?? 0,
 		right: e.right ?? 0,
@@ -485,15 +570,15 @@ function Pe(e) {
 		left: e.left ?? 0
 	};
 }
-function Fe(e) {
+function We(e) {
 	return typeof e == "number" ? {
 		top: e,
 		right: e,
 		bottom: e,
 		left: e
-	} : Pe(e);
+	} : Ue(e);
 }
-function Ie(e) {
+function Ge(e) {
 	let { x: t, y: n, width: r, height: i } = e;
 	return {
 		width: r,
@@ -508,8 +593,8 @@ function Ie(e) {
 }
 //#endregion
 //#region node_modules/.pnpm/@floating-ui+core@1.8.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function Le(e, t, n) {
-	let { reference: r, floating: i } = e, a = G(t), o = Ce(t), s = Se(o), c = ye(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+function Ke(e, t, n) {
+	let { reference: r, floating: i } = e, a = W(t), o = Me(t), s = je(o), c = U(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
 	switch (c) {
 		case "top":
 			p = {
@@ -540,12 +625,12 @@ function Le(e, t, n) {
 			y: r.y
 		};
 	}
-	let m = be(t);
+	let m = ke(t);
 	return m && (p[o] += f * (m === "end" ? 1 : -1) * (n && l ? -1 : 1)), p;
 }
-async function Re(e, t) {
+async function qe(e, t) {
 	t === void 0 && (t = {});
-	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = ve(t, e), p = Fe(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = Ie(await i.getClippingRect({
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = Oe(t, e), p = We(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = Ge(await i.getClippingRect({
 		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
 		boundary: c,
 		rootBoundary: l,
@@ -558,7 +643,7 @@ async function Re(e, t) {
 	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
 		x: 1,
 		y: 1
-	}, y = Ie(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, y = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: o,
 		rect: g,
 		offsetParent: _,
@@ -571,15 +656,15 @@ async function Re(e, t) {
 		right: (y.right - h.right + p.right) / v.x
 	};
 }
-var ze = 50, Be = async (e, t, n) => {
+var Je = 50, Ye = async (e, t, n) => {
 	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
 		...o,
-		detectOverflow: Re
+		detectOverflow: qe
 	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
 		reference: e,
 		floating: t,
 		strategy: i
-	}), { x: u, y: d } = Le(l, r, c), f = r, p = 0, m = {};
+	}), { x: u, y: d } = Ke(l, r, c), f = r, p = 0, m = {};
 	for (let n = 0; n < a.length; n++) {
 		let h = a[n];
 		if (!h) continue;
@@ -600,11 +685,11 @@ var ze = 50, Be = async (e, t, n) => {
 		u = v ?? u, d = y ?? d, m[g] = {
 			...m[g],
 			...b
-		}, x && p < ze && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+		}, x && p < Je && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
 			reference: e,
 			floating: t,
 			strategy: i
-		}) : x.rects), {x: u, y: d} = Le(l, f, c)), n = -1);
+		}) : x.rects), {x: u, y: d} = Ke(l, f, c)), n = -1);
 	}
 	return {
 		x: u,
@@ -613,18 +698,18 @@ var ze = 50, Be = async (e, t, n) => {
 		strategy: i,
 		middlewareData: m
 	};
-}, Ve = (e) => ({
+}, Xe = (e) => ({
 	name: "arrow",
 	options: e,
 	async fn(t) {
-		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0 } = ve(e, t) || {};
+		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0 } = Oe(e, t) || {};
 		if (l == null) return {};
-		let d = Fe(u), f = {
+		let d = We(u), f = {
 			x: n,
 			y: r
-		}, p = Ce(i), m = Se(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), C = S ? S[y] : 0;
+		}, p = Me(i), m = je(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), C = S ? S[y] : 0;
 		(!C || !await (o.isElement == null ? void 0 : o.isElement(S))) && (C = s.floating[y] || a.floating[m]);
-		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = pe(d[_], T), D = pe(d[v], T), O = C - h[m] - D, k = C / 2 - h[m] / 2 + w, A = _e(E, k, O), j = !c.arrow && be(i) != null && k !== A && a.reference[m] / 2 - (k < E ? E : D) - h[m] / 2 < 0, M = j ? k < E ? k - E : k - O : 0;
+		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = Ce(d[_], T), D = Ce(d[v], T), O = C - h[m] - D, k = C / 2 - h[m] / 2 + w, A = De(E, k, O), j = !c.arrow && ke(i) != null && k !== A && a.reference[m] / 2 - (k < E ? E : D) - h[m] / 2 < 0, M = j ? k < E ? k - E : k - O : 0;
 		return {
 			[p]: f[p] + M,
 			data: {
@@ -635,19 +720,19 @@ var ze = 50, Be = async (e, t, n) => {
 			reset: j
 		};
 	}
-}), He = function(e) {
+}), Ze = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "flip",
 		options: e,
 		async fn(t) {
 			var n;
-			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = ve(e, t);
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = Oe(e, t);
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = ye(r), _ = G(o), v = ye(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Ne(o)] : Te(o)), x = p !== "none";
-			!d && x && b.push(...Me(o, m, p, y));
+			let g = U(r), _ = W(o), v = U(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [He(o)] : Pe(o)), x = p !== "none";
+			!d && x && b.push(...Ve(o, m, p, y));
 			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
 			if (l && w.push(C[g]), u) {
-				let e = we(r, a, y);
+				let e = Ne(r, a, y);
 				w.push(C[e[0]], C[e[1]]);
 			}
 			if (T = [...T, {
@@ -655,7 +740,7 @@ var ze = 50, Be = async (e, t, n) => {
 				overflows: w
 			}], !w.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = S[e];
-				if (t && (u !== "alignment" || _ === G(t) || T.every((e) => G(e.placement) !== _ || e.overflows[0] > 0))) return {
+				if (t && (u !== "alignment" || _ === W(t) || T.every((e) => W(e.placement) !== _ || e.overflows[0] > 0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -667,7 +752,7 @@ var ze = 50, Be = async (e, t, n) => {
 					case "bestFit": {
 						let e = T.filter((e) => {
 							if (x) {
-								let t = G(e.placement);
+								let t = W(e.placement);
 								return t === _ || t === "y";
 							}
 							return !0;
@@ -682,9 +767,9 @@ var ze = 50, Be = async (e, t, n) => {
 			return {};
 		}
 	};
-}, Ue = /*#__PURE__*/ new Set(["left", "top"]);
-async function We(e, t) {
-	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = ye(n), s = be(n), c = G(n) === "y", l = Ue.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = ve(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+}, Qe = /*#__PURE__*/ new Set(["left", "top"]);
+async function $e(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = U(n), s = ke(n), c = W(n) === "y", l = Qe.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = Oe(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 		mainAxis: d,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -701,13 +786,13 @@ async function We(e, t) {
 		y: p * u
 	};
 }
-var Ge = function(e) {
+var et = function(e) {
 	return e === void 0 && (e = 0), {
 		name: "offset",
 		options: e,
 		async fn(t) {
 			var n;
-			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await We(t, e);
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await $e(t, e);
 			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
 				x: r + s.x,
 				y: i + s.y,
@@ -718,7 +803,7 @@ var Ge = function(e) {
 			};
 		}
 	};
-}, Ke = function(e) {
+}, tt = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "shift",
 		options: e,
@@ -729,10 +814,10 @@ var Ge = function(e) {
 					x: t,
 					y: n
 				};
-			} }, ...l } = ve(e, t), u = {
+			} }, ...l } = Oe(e, t), u = {
 				x: n,
 				y: r
-			}, d = await a.detectOverflow(t, l), f = G(i), p = xe(f), m = u[p], h = u[f], g = (e, t) => _e(t + d[e === "y" ? "top" : "left"], t, t - d[e === "y" ? "bottom" : "right"]);
+			}, d = await a.detectOverflow(t, l), f = W(i), p = Ae(f), m = u[p], h = u[f], g = (e, t) => De(t + d[e === "y" ? "top" : "left"], t, t - d[e === "y" ? "bottom" : "right"]);
 			o && (m = g(p, m)), s && (h = g(f, h));
 			let _ = c.fn({
 				...t,
@@ -755,39 +840,39 @@ var Ge = function(e) {
 };
 //#endregion
 //#region node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function qe() {
+function nt() {
 	return typeof window < "u";
 }
-function Je(e) {
-	return Ye(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function G(e) {
+	return rt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function K(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function q(e) {
-	return ((Ye(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+	return ((rt(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
-function Ye(e) {
-	return qe() ? e instanceof Node || e instanceof K(e).Node : !1;
+function rt(e) {
+	return nt() ? e instanceof Node || e instanceof K(e).Node : !1;
 }
 function J(e) {
-	return qe() ? e instanceof Element || e instanceof K(e).Element : !1;
+	return nt() ? e instanceof Element || e instanceof K(e).Element : !1;
 }
 function Y(e) {
-	return qe() ? e instanceof HTMLElement || e instanceof K(e).HTMLElement : !1;
+	return nt() ? e instanceof HTMLElement || e instanceof K(e).HTMLElement : !1;
 }
-function Xe(e) {
-	return !qe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof K(e).ShadowRoot;
+function it(e) {
+	return !nt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof K(e).ShadowRoot;
 }
-function Ze(e) {
+function at(e) {
 	let { overflow: t, overflowX: n, overflowY: r, display: i } = Z(e);
 	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
 }
-function Qe(e) {
-	return /^(table|td|th)$/.test(Je(e));
+function ot(e) {
+	return /^(table|td|th)$/.test(G(e));
 }
-function $e(e) {
+function st(e) {
 	try {
 		if (e.matches(":popover-open")) return !0;
 	} catch {}
@@ -797,30 +882,30 @@ function $e(e) {
 		return !1;
 	}
 }
-var et = /transform|translate|scale|rotate|perspective|filter/, tt = /paint|layout|strict|content/, X = (e) => !!e && e !== "none", nt;
-function rt(e) {
+var ct = /transform|translate|scale|rotate|perspective|filter/, lt = /paint|layout|strict|content/, X = (e) => !!e && e !== "none", ut;
+function dt(e) {
 	let t = J(e) ? Z(e) : e;
-	return X(t.transform) || X(t.translate) || X(t.scale) || X(t.rotate) || X(t.perspective) || !at() && (X(t.backdropFilter) || X(t.filter)) || et.test(t.willChange || "") || tt.test(t.contain || "");
+	return X(t.transform) || X(t.translate) || X(t.scale) || X(t.rotate) || X(t.perspective) || !pt() && (X(t.backdropFilter) || X(t.filter)) || ct.test(t.willChange || "") || lt.test(t.contain || "");
 }
-function it(e) {
+function ft(e) {
 	let t = Q(e);
-	for (; Y(t) && !ot(t);) {
-		if (rt(t)) return t;
-		if ($e(t)) return null;
+	for (; Y(t) && !mt(t);) {
+		if (dt(t)) return t;
+		if (st(t)) return null;
 		t = Q(t);
 	}
 	return null;
 }
-function at() {
-	return nt ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), nt;
+function pt() {
+	return ut ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), ut;
 }
-function ot(e) {
-	return /^(html|body|#document)$/.test(Je(e));
+function mt(e) {
+	return /^(html|body|#document)$/.test(G(e));
 }
 function Z(e) {
 	return K(e).getComputedStyle(e);
 }
-function st(e) {
+function ht(e) {
 	return J(e) ? {
 		scrollLeft: e.scrollLeft,
 		scrollTop: e.scrollTop
@@ -830,101 +915,101 @@ function st(e) {
 	};
 }
 function Q(e) {
-	if (Je(e) === "html") return e;
-	let t = e.assignedSlot || e.parentNode || Xe(e) && e.host || q(e);
-	return Xe(t) ? t.host : t;
+	if (G(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || it(e) && e.host || q(e);
+	return it(t) ? t.host : t;
 }
-function ct(e) {
+function gt(e) {
 	let t = Q(e);
-	return ot(t) ? (e.ownerDocument || e).body : Y(t) && Ze(t) ? t : ct(t);
+	return mt(t) ? (e.ownerDocument || e).body : Y(t) && at(t) ? t : gt(t);
 }
-function lt(e, t, n) {
+function _t(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = ct(e), i = r === e.ownerDocument?.body, a = K(r);
+	let r = gt(e), i = r === e.ownerDocument?.body, a = K(r);
 	if (i) {
-		let e = ut(a);
-		return t.concat(a, a.visualViewport || [], Ze(r) ? r : [], e && n ? lt(e) : []);
+		let e = vt(a);
+		return t.concat(a, a.visualViewport || [], at(r) ? r : [], e && n ? _t(e) : []);
 	}
-	return t.concat(r, lt(r, [], n));
+	return t.concat(r, _t(r, [], n));
 }
-function ut(e) {
+function vt(e) {
 	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 //#endregion
 //#region node_modules/.pnpm/@floating-ui+dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function dt(e) {
-	let t = Z(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = Y(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = me(n) !== a || me(r) !== o;
+function yt(e) {
+	let t = Z(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = Y(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = we(n) !== a || we(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
 		$: s
 	};
 }
-function ft(e) {
+function bt(e) {
 	return J(e) ? e : e.contextElement;
 }
-function pt(e) {
-	let t = ft(e);
-	if (!Y(t)) return W(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = dt(t), o = (a ? me(n.width) : n.width) / r, s = (a ? me(n.height) : n.height) / i;
+function xt(e) {
+	let t = bt(e);
+	if (!Y(t)) return H(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = yt(t), o = (a ? we(n.width) : n.width) / r, s = (a ? we(n.height) : n.height) / i;
 	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var mt = /*#__PURE__*/ W(0);
-function ht(e) {
+var St = /*#__PURE__*/ H(0);
+function Ct(e) {
 	let t = K(e);
-	return !at() || !t.visualViewport ? mt : {
+	return !pt() || !t.visualViewport ? St : {
 		x: t.visualViewport.offsetLeft,
 		y: t.visualViewport.offsetTop
 	};
 }
-function gt(e, t, n) {
+function wt(e, t, n) {
 	return t === void 0 && (t = !1), !!n && t && n === K(e);
 }
 function $(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = ft(e), o = W(1);
-	t && (r ? J(r) && (o = pt(r)) : o = pt(e));
-	let s = gt(a, n, r) ? ht(a) : W(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	let i = e.getBoundingClientRect(), a = bt(e), o = H(1);
+	t && (r ? J(r) && (o = xt(r)) : o = xt(e));
+	let s = wt(a, n, r) ? Ct(a) : H(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
 	if (a && r) {
-		let e = K(a), t = J(r) ? K(r) : r, n = e, i = ut(n);
+		let e = K(a), t = J(r) ? K(r) : r, n = e, i = vt(n);
 		for (; i && t !== n;) {
-			let e = pt(i), t = i.getBoundingClientRect(), r = Z(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
-			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = K(i), i = ut(n);
+			let e = xt(i), t = i.getBoundingClientRect(), r = Z(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = K(i), i = vt(n);
 		}
 	}
-	return Ie({
+	return Ge({
 		width: u,
 		height: d,
 		x: c,
 		y: l
 	});
 }
-function _t(e, t) {
-	let n = st(e).scrollLeft;
+function Tt(e, t) {
+	let n = ht(e).scrollLeft;
 	return t ? t.left + n : $(q(e)).left + n;
 }
-function vt(e, t) {
+function Et(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
-		x: n.left + t.scrollLeft - _t(e, n),
+		x: n.left + t.scrollLeft - Tt(e, n),
 		y: n.top + t.scrollTop
 	};
 }
-function yt(e) {
-	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = q(r), s = t ? $e(t.floating) : !1;
+function Dt(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = q(r), s = t ? st(t.floating) : !1;
 	if (r === o || s && a) return n;
 	let c = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, l = W(1), u = W(0), d = Y(r);
-	if ((d || !a) && ((Je(r) !== "body" || Ze(o)) && (c = st(r)), d)) {
+	}, l = H(1), u = H(0), d = Y(r);
+	if ((d || !a) && ((G(r) !== "body" || at(o)) && (c = ht(r)), d)) {
 		let e = $(r);
-		l = pt(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+		l = xt(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 	}
-	let f = o && !d && !a ? vt(o, c) : W(0);
+	let f = o && !d && !a ? Et(o, c) : H(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -932,29 +1017,29 @@ function yt(e) {
 		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
 	};
 }
-function bt(e) {
+function Ot(e) {
 	return e.getClientRects ? Array.from(e.getClientRects()) : [];
 }
-function xt(e) {
-	let t = st(e), n = e.ownerDocument.body, r = U(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = U(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight), a = -t.scrollLeft + _t(e), o = -t.scrollTop;
-	return Z(n).direction === "rtl" && (a += U(e.clientWidth, n.clientWidth) - r), {
+function kt(e) {
+	let t = ht(e), n = e.ownerDocument.body, r = V(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = V(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight), a = -t.scrollLeft + Tt(e), o = -t.scrollTop;
+	return Z(n).direction === "rtl" && (a += V(e.clientWidth, n.clientWidth) - r), {
 		width: r,
 		height: i,
 		x: a,
 		y: o
 	};
 }
-var St = 25;
-function Ct(e, t, n) {
+var At = 25;
+function jt(e, t, n) {
 	n === void 0 && (n = "viewport");
 	let r = n === "layoutViewport", i = K(e), a = q(e), o = i.visualViewport, s = a.clientWidth, c = a.clientHeight, l = 0, u = 0;
 	if (o) {
-		let e = !at() || t === "fixed";
+		let e = !pt() || t === "fixed";
 		r ? e || (l = -o.offsetLeft, u = -o.offsetTop) : (s = o.width, c = o.height, e && (l = o.offsetLeft, u = o.offsetTop));
 	}
-	if (_t(a) <= 0) {
+	if (Tt(a) <= 0) {
 		let e = a.ownerDocument, t = e.body, n = getComputedStyle(t), r = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, i = Math.abs(a.clientWidth - t.clientWidth - r), o = getComputedStyle(a).scrollbarGutter === "stable both-edges" ? i / 2 : i;
-		o <= St && (s -= o);
+		o <= At && (s -= o);
 	}
 	return {
 		width: s,
@@ -963,8 +1048,8 @@ function Ct(e, t, n) {
 		y: u
 	};
 }
-function wt(e, t) {
-	let n = $(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = pt(e);
+function Mt(e, t) {
+	let n = $(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = xt(e);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -972,13 +1057,13 @@ function wt(e, t) {
 		y: r * a.y
 	};
 }
-function Tt(e, t, n) {
+function Nt(e, t, n) {
 	let r;
-	if (t === "viewport" || t === "layoutViewport") r = Ct(e, n, t);
-	else if (t === "document") r = xt(q(e));
-	else if (J(t)) r = wt(t, n);
+	if (t === "viewport" || t === "layoutViewport") r = jt(e, n, t);
+	else if (t === "document") r = kt(q(e));
+	else if (J(t)) r = Mt(t, n);
 	else {
-		let n = ht(e);
+		let n = Ct(e);
 		r = {
 			x: t.x - n.x,
 			y: t.y - n.y,
@@ -986,23 +1071,23 @@ function Tt(e, t, n) {
 			height: t.height
 		};
 	}
-	return Ie(r);
+	return Ge(r);
 }
-function Et(e, t) {
+function Pt(e, t) {
 	let n = t.get(e);
 	if (n) return n;
-	let r = lt(e, [], !1).filter((e) => J(e) && Je(e) !== "body"), i = null, a = Z(e).position === "fixed", o = a ? Q(e) : e;
-	for (; J(o) && !ot(o);) {
-		let e = Z(o), t = rt(o), n = i ? i.position : a ? "fixed" : "";
+	let r = _t(e, [], !1).filter((e) => J(e) && G(e) !== "body"), i = null, a = Z(e).position === "fixed", o = a ? Q(e) : e;
+	for (; J(o) && !mt(o);) {
+		let e = Z(o), t = dt(o), n = i ? i.position : a ? "fixed" : "";
 		!t && (n === "fixed" || n === "absolute" && e.position === "static") ? r = r.filter((e) => e !== o) : i = e, o = Q(o);
 	}
 	return t.set(e, r), r;
 }
-function Dt(e) {
-	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? $e(t) ? [] : Et(t, this._c) : [].concat(n), r], o = Tt(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
+function Ft(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? st(t) ? [] : Pt(t, this._c) : [].concat(n), r], o = Nt(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
 	for (let e = 1; e < a.length; e++) {
-		let n = Tt(t, a[e], i);
-		s = U(n.top, s), c = pe(n.right, c), l = pe(n.bottom, l), u = U(n.left, u);
+		let n = Nt(t, a[e], i);
+		s = V(n.top, s), c = Ce(n.right, c), l = Ce(n.bottom, l), u = V(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -1011,24 +1096,24 @@ function Dt(e) {
 		y: s
 	};
 }
-function Ot(e) {
-	let { width: t, height: n } = dt(e);
+function It(e) {
+	let { width: t, height: n } = yt(e);
 	return {
 		width: t,
 		height: n
 	};
 }
-function kt(e, t, n) {
+function Lt(e, t, n) {
 	let r = Y(t), i = q(t), a = n === "fixed", o = $(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, c = W(0);
-	if ((r || !a) && ((Je(t) !== "body" || Ze(i)) && (s = st(t)), r)) {
+	}, c = H(0);
+	if ((r || !a) && ((G(t) !== "body" || at(i)) && (s = ht(t)), r)) {
 		let e = $(t, !0, a, t);
 		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
 	}
-	!r && i && (c.x = _t(i));
-	let l = i && !r && !a ? vt(i, s) : W(0);
+	!r && i && (c.x = Tt(i));
+	let l = i && !r && !a ? Et(i, s) : H(0);
 	return {
 		x: o.left + s.scrollLeft - c.x - l.x,
 		y: o.top + s.scrollTop - c.y - l.y,
@@ -1036,34 +1121,34 @@ function kt(e, t, n) {
 		height: o.height
 	};
 }
-function At(e) {
+function Rt(e) {
 	return Z(e).position === "static";
 }
-function jt(e, t) {
+function zt(e, t) {
 	if (!Y(e) || Z(e).position === "fixed") return null;
 	if (t) return t(e);
 	let n = e.offsetParent;
 	return q(e) === n && (n = n.ownerDocument.body), n;
 }
-function Mt(e, t) {
+function Bt(e, t) {
 	let n = K(e);
-	if ($e(e)) return n;
+	if (st(e)) return n;
 	if (!Y(e)) {
 		let t = Q(e);
-		for (; t && !ot(t);) {
-			if (J(t) && !At(t)) return t;
+		for (; t && !mt(t);) {
+			if (J(t) && !Rt(t)) return t;
 			t = Q(t);
 		}
 		return n;
 	}
-	let r = jt(e, t);
-	for (; r && Qe(r) && At(r);) r = jt(r, t);
-	return r && ot(r) && At(r) && !rt(r) ? n : r || it(e) || n;
+	let r = zt(e, t);
+	for (; r && ot(r) && Rt(r);) r = zt(r, t);
+	return r && mt(r) && Rt(r) && !dt(r) ? n : r || ft(e) || n;
 }
-var Nt = async function(e) {
-	let t = this.getOffsetParent || Mt, n = this.getDimensions, r = await n(e.floating);
+var Vt = async function(e) {
+	let t = this.getOffsetParent || Bt, n = this.getDimensions, r = await n(e.floating);
 	return {
-		reference: kt(e.reference, await t(e.floating), e.strategy),
+		reference: Lt(e.reference, await t(e.floating), e.strategy),
 		floating: {
 			x: 0,
 			y: 0,
@@ -1072,25 +1157,25 @@ var Nt = async function(e) {
 		}
 	};
 };
-function Pt(e) {
+function Ht(e) {
 	return Z(e).direction === "rtl";
 }
-var Ft = {
-	convertOffsetParentRelativeRectToViewportRelativeRect: yt,
+var Ut = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: Dt,
 	getDocumentElement: q,
-	getClippingRect: Dt,
-	getOffsetParent: Mt,
-	getElementRects: Nt,
-	getClientRects: bt,
-	getDimensions: Ot,
-	getScale: pt,
+	getClippingRect: Ft,
+	getOffsetParent: Bt,
+	getElementRects: Vt,
+	getClientRects: Ot,
+	getDimensions: It,
+	getScale: xt,
 	isElement: J,
-	isRTL: Pt
+	isRTL: Ht
 };
-function It(e, t) {
+function Wt(e, t) {
 	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Lt(e, t, n) {
+function Gt(e, t, n) {
 	let r = null, i, a = q(e);
 	function o() {
 		var e;
@@ -1100,13 +1185,13 @@ function Lt(e, t, n) {
 		n === void 0 && (n = !1), c === void 0 && (c = 1), o();
 		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
 		if (n || t(), !f || !p) return;
-		let m = he(d), h = he(a.clientWidth - (u + f)), g = he(a.clientHeight - (d + p)), _ = he(u), v = {
+		let m = Te(d), h = Te(a.clientWidth - (u + f)), g = Te(a.clientHeight - (d + p)), _ = Te(u), v = {
 			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: U(0, pe(1, c)) || 1
+			threshold: V(0, Ce(1, c)) || 1
 		}, y = !0;
 		function b(t) {
 			let n = t[0].intersectionRatio;
-			if (!It(l, e.getBoundingClientRect())) return s();
+			if (!Wt(l, e.getBoundingClientRect())) return s();
 			if (n !== c) {
 				if (!y) return s();
 				n ? s(!1, n) : i = setTimeout(() => {
@@ -1130,13 +1215,13 @@ function Lt(e, t, n) {
 		c.removeEventListener("resize", l), o();
 	};
 }
-function Rt(e, t, n, r) {
+function Kt(e, t, n, r) {
 	r === void 0 && (r = {});
-	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = ft(e), u = i || a ? [...l ? lt(l) : [], ...t ? lt(t) : []] : [];
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = bt(e), u = i || a ? [...l ? _t(l) : [], ...t ? _t(t) : []] : [];
 	u.forEach((e) => {
 		i && e.addEventListener("scroll", n), a && e.addEventListener("resize", n);
 	});
-	let d = l && s ? Lt(l, n, a) : null, f = -1, p = null;
+	let d = l && s ? Gt(l, n, a) : null, f = -1, p = null;
 	o && (p = new ResizeObserver((e) => {
 		let [r] = e;
 		r && r.target === l && p && t && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
@@ -1148,7 +1233,7 @@ function Rt(e, t, n, r) {
 	c && g();
 	function g() {
 		let t = $(e);
-		h && !It(h, t) && n(), h = t, m = requestAnimationFrame(g);
+		h && !Wt(h, t) && n(), h = t, m = requestAnimationFrame(g);
 	}
 	return n(), () => {
 		var e;
@@ -1157,18 +1242,18 @@ function Rt(e, t, n, r) {
 		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
 	};
 }
-var zt = Ge, Bt = Ke, Vt = He, Ht = Ve, Ut = (e, t, n) => {
+var qt = et, Jt = tt, Yt = Ze, Xt = Xe, Zt = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map(), i = n ?? {}, a = {
-		...Ft,
+		...Ut,
 		...i.platform,
 		_c: r
 	};
-	return Be(e, t, {
+	return Ye(e, t, {
 		...i,
 		platform: a
 	});
-}, Wt = typeof document < "u" ? p : function() {};
-function Gt(e, t) {
+}, Qt = typeof document < "u" ? u : function() {};
+function $t(e, t) {
 	if (e === t) return !0;
 	if (typeof e != typeof t) return !1;
 	if (typeof e == "function" && e.toString() === t.toString()) return !0;
@@ -1176,80 +1261,80 @@ function Gt(e, t) {
 	if (e && t && typeof e == "object") {
 		if (Array.isArray(e)) {
 			if (n = e.length, n !== t.length) return !1;
-			for (r = n; r-- !== 0;) if (!Gt(e[r], t[r])) return !1;
+			for (r = n; r-- !== 0;) if (!$t(e[r], t[r])) return !1;
 			return !0;
 		}
 		if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length) return !1;
 		for (r = n; r-- !== 0;) if (!{}.hasOwnProperty.call(t, i[r])) return !1;
 		for (r = n; r-- !== 0;) {
 			let n = i[r];
-			if (!(n === "_owner" && e.$$typeof) && !Gt(e[n], t[n])) return !1;
+			if (!(n === "_owner" && e.$$typeof) && !$t(e[n], t[n])) return !1;
 		}
 		return !0;
 	}
 	return e !== e && t !== t;
 }
-function Kt(e) {
+function en(e) {
 	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function qt(e, t) {
-	let n = Kt(e);
+function tn(e, t) {
+	let n = en(e);
 	return Math.round(t * n) / n;
 }
-function Jt(e) {
-	let t = r.useRef(e);
-	return Wt(() => {
-		t.current = e;
-	}), t;
+function nn(t) {
+	let n = e.useRef(t);
+	return Qt(() => {
+		n.current = t;
+	}), n;
 }
-function Yt(e) {
-	e === void 0 && (e = {});
-	let { placement: t = "bottom", strategy: n = "absolute", middleware: i = [], platform: a, elements: { reference: o, floating: s } = {}, transform: c = !0, whileElementsMounted: l, open: u } = e, [d, f] = r.useState({
+function rn(t) {
+	t === void 0 && (t = {});
+	let { placement: n = "bottom", strategy: r = "absolute", middleware: i = [], platform: a, elements: { reference: o, floating: s } = {}, transform: c = !0, whileElementsMounted: l, open: u } = t, [d, f] = e.useState({
 		x: 0,
 		y: 0,
-		strategy: n,
-		placement: t,
+		strategy: r,
+		placement: n,
 		middlewareData: {},
 		isPositioned: !1
-	}), [p, m] = r.useState(i);
-	Gt(p, i) || m(i);
-	let [h, g] = r.useState(null), [_, y] = r.useState(null), b = r.useCallback((e) => {
+	}), [p, m] = e.useState(i);
+	$t(p, i) || m(i);
+	let [h, g] = e.useState(null), [_, y] = e.useState(null), b = e.useCallback((e) => {
 		e !== w.current && (w.current = e, g(e));
-	}, []), x = r.useCallback((e) => {
+	}, []), x = e.useCallback((e) => {
 		e !== T.current && (T.current = e, y(e));
-	}, []), S = o || h, C = s || _, w = r.useRef(null), T = r.useRef(null), E = r.useRef(d), D = l != null, O = Jt(l), k = Jt(a), A = Jt(u), j = r.useCallback(() => {
+	}, []), S = o || h, C = s || _, w = e.useRef(null), T = e.useRef(null), E = e.useRef(d), D = l != null, O = nn(l), k = nn(a), A = nn(u), j = e.useCallback(() => {
 		if (!w.current || !T.current) return;
 		let e = {
-			placement: t,
-			strategy: n,
+			placement: n,
+			strategy: r,
 			middleware: p
 		};
-		k.current && (e.platform = k.current), Ut(w.current, T.current, e).then((e) => {
+		k.current && (e.platform = k.current), Zt(w.current, T.current, e).then((e) => {
 			let t = {
 				...e,
 				isPositioned: A.current !== !1
 			};
-			M.current && !Gt(E.current, t) && (E.current = t, v.flushSync(() => {
+			M.current && !$t(E.current, t) && (E.current = t, v.flushSync(() => {
 				f(t);
 			}));
 		});
 	}, [
 		p,
-		t,
 		n,
+		r,
 		k,
 		A
 	]);
-	Wt(() => {
+	Qt(() => {
 		u === !1 && E.current.isPositioned && (E.current.isPositioned = !1, f((e) => ({
 			...e,
 			isPositioned: !1
 		})));
 	}, [u]);
-	let M = r.useRef(!1);
-	Wt(() => (M.current = !0, () => {
+	let M = e.useRef(!1);
+	Qt(() => (M.current = !0, () => {
 		M.current = !1;
-	}), []), Wt(() => {
+	}), []), Qt(() => {
 		if (S && (w.current = S), C && (T.current = C), S && C) {
 			if (O.current) return O.current(S, C, j);
 			j();
@@ -1261,39 +1346,39 @@ function Yt(e) {
 		O,
 		D
 	]);
-	let N = r.useMemo(() => ({
+	let N = e.useMemo(() => ({
 		reference: w,
 		floating: T,
 		setReference: b,
 		setFloating: x
-	}), [b, x]), P = r.useMemo(() => ({
+	}), [b, x]), P = e.useMemo(() => ({
 		reference: S,
 		floating: C
-	}), [S, C]), F = r.useMemo(() => {
+	}), [S, C]), F = e.useMemo(() => {
 		let e = {
-			position: n,
+			position: r,
 			left: 0,
 			top: 0
 		};
 		if (!P.floating) return e;
-		let t = qt(P.floating, d.x), r = qt(P.floating, d.y);
+		let t = tn(P.floating, d.x), n = tn(P.floating, d.y);
 		return c ? {
 			...e,
-			transform: "translate(" + t + "px, " + r + "px)",
-			...Kt(P.floating) >= 1.5 && { willChange: "transform" }
+			transform: "translate(" + t + "px, " + n + "px)",
+			...en(P.floating) >= 1.5 && { willChange: "transform" }
 		} : {
-			position: n,
+			position: r,
 			left: t,
-			top: r
+			top: n
 		};
 	}, [
-		n,
+		r,
 		c,
 		P.floating,
 		d.x,
 		d.y
 	]);
-	return r.useMemo(() => ({
+	return e.useMemo(() => ({
 		...d,
 		update: j,
 		refs: N,
@@ -1307,7 +1392,7 @@ function Yt(e) {
 		F
 	]);
 }
-var Xt = (e) => {
+var an = (e) => {
 	function t(e) {
 		return {}.hasOwnProperty.call(e, "current");
 	}
@@ -1316,106 +1401,106 @@ var Xt = (e) => {
 		options: e,
 		fn(n) {
 			let { element: r, padding: i } = typeof e == "function" ? e(n) : e;
-			return r && t(r) ? r.current == null ? {} : Ht({
+			return r && t(r) ? r.current == null ? {} : Xt({
 				element: r.current,
 				padding: i
-			}).fn(n) : r ? Ht({
+			}).fn(n) : r ? Xt({
 				element: r,
 				padding: i
 			}).fn(n) : {};
 		}
 	};
-}, Zt = (e, t) => {
-	let n = zt(e);
+}, on = (e, t) => {
+	let n = qt(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, Qt = (e, t) => {
-	let n = Bt(e);
+}, sn = (e, t) => {
+	let n = Jt(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, $t = (e, t) => {
-	let n = Vt(e);
+}, cn = (e, t) => {
+	let n = Yt(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, en = (e, t) => {
-	let n = Xt(e);
+}, ln = (e, t) => {
+	let n = an(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, tn = o(null);
-function nn() {
-	return u(tn);
+}, un = r(null);
+function dn() {
+	return s(un);
 }
 //#endregion
 //#region src/components/menu/menu_surface.tsx
-var rn = "[role=\"menuitem\"]:not(:disabled)";
-function an(e, t) {
-	let n = Array.from(e.querySelectorAll(rn));
+var fn = ":not(:disabled):not([aria-disabled=\"true\"])", pn = `[role="menuitem"]${fn}, [role="menuitemradio"]${fn}`;
+function mn(e, t) {
+	let n = Array.from(e.querySelectorAll(pn));
 	n.length !== 0 && n[(t % n.length + n.length) % n.length]?.focus({ preventScroll: !0 });
 }
-function on({ setFloating: r, floatingStyles: i, isVisible: a, isPositioned: o, radius: s, onClose: c, children: l }) {
-	let u = h(null);
-	return d(() => {
-		if (!o) return;
-		let e = u.current;
-		e && e.querySelector(rn)?.focus({ preventScroll: !0 });
-	}, [o]), y(/* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
+function hn({ setFloating: e, floatingStyles: t, isVisible: n, isPositioned: r, radius: i, onClose: a, children: o }) {
+	let s = f(null);
+	return c(() => {
+		if (!r) return;
+		let e = s.current;
+		e && e.querySelector(pn)?.focus({ preventScroll: !0 });
+	}, [r]), y(/* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
 		className: "fixed inset-0 z-40",
-		onClick: c,
+		onClick: a,
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ t("div", {
-		ref: r,
-		style: i,
+	}), /* @__PURE__ */ g("div", {
+		ref: e,
+		style: t,
 		className: "z-50",
-		children: /* @__PURE__ */ t("div", {
-			ref: u,
+		children: /* @__PURE__ */ g("div", {
+			ref: s,
 			role: "menu",
 			tabIndex: -1,
-			"data-state": a ? "open" : "closed",
+			"data-state": n ? "open" : "closed",
 			onKeyDown: (e) => {
-				let t = u.current;
+				let t = s.current;
 				if (!t) return;
-				let n = Array.from(t.querySelectorAll(rn)), r = n.indexOf(document.activeElement);
-				e.key === "ArrowDown" ? (e.preventDefault(), an(t, r + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), an(t, r - 1)) : e.key === "Home" ? (e.preventDefault(), an(t, 0)) : e.key === "End" ? (e.preventDefault(), an(t, n.length - 1)) : (e.key === "Escape" || e.key === "Tab") && c();
+				let n = Array.from(t.querySelectorAll(pn)), r = n.indexOf(document.activeElement);
+				e.key === "ArrowDown" ? (e.preventDefault(), mn(t, r + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), mn(t, r - 1)) : e.key === "Home" ? (e.preventDefault(), mn(t, 0)) : e.key === "End" ? (e.preventDefault(), mn(t, n.length - 1)) : (e.key === "Escape" || e.key === "Tab") && a();
 			},
-			className: x("w-max min-w-40 max-w-xs origin-top border py-1 shadow-lg backdrop-blur-sm", "transition-[opacity,transform] duration-150 ease-out", a ? "scale-100 opacity-100" : "scale-95 opacity-0", ne, te, S[s]),
+			className: x("w-max min-w-40 max-w-xs origin-top border py-1 shadow-lg backdrop-blur-sm", "transition-[opacity,transform] duration-150 ease-out", n ? "scale-100 opacity-100" : "scale-95 opacity-0", z, re, S[i]),
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ t(tn.Provider, {
-				value: c,
-				children: l
+			children: /* @__PURE__ */ g(un.Provider, {
+				value: a,
+				children: o
 			})
 		})
 	})] }), document.body);
 }
 //#endregion
 //#region src/components/shared/use_overlay_state.ts
-function sn() {
-	let [e, t] = g(!1), [n, r] = g(!1), i = h(void 0);
-	return d(() => () => clearTimeout(i.current), []), {
+function gn() {
+	let [e, t] = p(!1), [n, r] = p(!1), i = f(void 0);
+	return c(() => () => clearTimeout(i.current), []), {
 		isMounted: e,
 		isVisible: n,
 		setIsVisible: r,
-		open: l((e) => {
+		open: o((e) => {
 			clearTimeout(i.current), t(!0), e && r(!0);
 		}, []),
-		close: l(() => {
+		close: o(() => {
 			clearTimeout(i.current), r(!1), i.current = setTimeout(() => t(!1), 150);
 		}, [])
 	};
 }
-function cn(e, t, n) {
-	d(() => {
+function _n(e, t, n) {
+	c(() => {
 		if (!e || !t) return;
 		let r = requestAnimationFrame(() => n(!0));
 		return () => cancelAnimationFrame(r);
@@ -1427,8 +1512,8 @@ function cn(e, t, n) {
 }
 //#endregion
 //#region src/components/context_menu/context_menu.tsx
-var ln = 2;
-function un(e, t) {
+var vn = 2;
+function yn(e, t) {
 	return { getBoundingClientRect: () => ({
 		width: 0,
 		height: 0,
@@ -1440,7 +1525,7 @@ function un(e, t) {
 		bottom: t
 	}) };
 }
-function dn(e) {
+function bn(e) {
 	if (e.clientX !== 0 || e.clientY !== 0) return {
 		x: e.clientX,
 		y: e.clientY
@@ -1454,43 +1539,43 @@ function dn(e) {
 		y: 0
 	};
 }
-function fn({ children: e, items: r, radius: i = "md", className: a, ref: o }) {
-	let s = h(null), { isMounted: c, isVisible: u, setIsVisible: d, open: f, close: p } = sn(), { refs: m, floatingStyles: g, isPositioned: _ } = Yt({
+function xn({ children: e, items: t, radius: n = "md", className: r, ref: i }) {
+	let a = f(null), { isMounted: s, isVisible: c, setIsVisible: l, open: u, close: d } = gn(), { refs: p, floatingStyles: m, isPositioned: h } = rn({
 		placement: "bottom-start",
-		open: c,
-		whileElementsMounted: Rt,
+		open: s,
+		whileElementsMounted: Kt,
 		middleware: [
-			Zt(ln),
-			$t(),
-			Qt({ padding: 8 })
+			on(vn),
+			cn(),
+			sn({ padding: 8 })
 		]
 	});
-	cn(c, _, d);
-	let v = l(() => {
-		p(), s.current?.focus();
-	}, [p]);
-	return /* @__PURE__ */ n("div", {
-		ref: o,
-		className: a,
+	_n(s, h, l);
+	let v = o(() => {
+		d(), a.current?.focus();
+	}, [d]);
+	return /* @__PURE__ */ _("div", {
+		ref: i,
+		className: r,
 		onContextMenu: (e) => {
-			e.preventDefault(), s.current = document.activeElement;
-			let { x: t, y: n } = dn(e);
-			m.setReference(un(t, n)), f(!1);
+			e.preventDefault(), a.current = document.activeElement;
+			let { x: t, y: n } = bn(e);
+			p.setReference(yn(t, n)), u(!1);
 		},
-		children: [e, c && /* @__PURE__ */ t(on, {
-			setFloating: m.setFloating,
-			floatingStyles: g,
-			isVisible: u,
-			isPositioned: _,
-			radius: i,
+		children: [e, s && /* @__PURE__ */ g(hn, {
+			setFloating: p.setFloating,
+			floatingStyles: m,
+			isVisible: c,
+			isPositioned: h,
+			radius: n,
 			onClose: v,
-			children: r
+			children: t
 		})]
 	});
 }
 //#endregion
 //#region src/lib/surface_error.ts
-function pn(e, t) {
+function Sn(e, t) {
 	if (t) {
 		t(e);
 		return;
@@ -1501,23 +1586,23 @@ function pn(e, t) {
 }
 //#endregion
 //#region src/components/copy_button/copy_button.tsx
-var mn = 2e3;
-function hn({ value: n, children: r, onError: i }) {
-	let [a, o] = g(!1), s = h(void 0);
-	return d(() => () => clearTimeout(s.current), []), /* @__PURE__ */ t(e, { children: r({
-		copied: a,
+var Cn = 2e3;
+function wn({ value: e, children: t, onError: n }) {
+	let [r, i] = p(!1), a = f(void 0);
+	return c(() => () => clearTimeout(a.current), []), /* @__PURE__ */ g(h, { children: t({
+		copied: r,
 		copy: async () => {
 			try {
-				await navigator.clipboard.writeText(n), o(!0), clearTimeout(s.current), s.current = setTimeout(() => o(!1), mn);
+				await navigator.clipboard.writeText(e), i(!0), clearTimeout(a.current), a.current = setTimeout(() => i(!1), Cn);
 			} catch (e) {
-				pn(e, i);
+				Sn(e, n);
 			}
 		}
 	}) });
 }
 //#endregion
 //#region src/lib/split_into_highlight_segments.ts
-function gn(e, t) {
+function Tn(e, t) {
 	if (t.length === 0) return [{
 		text: e,
 		isMatch: !1
@@ -1540,56 +1625,56 @@ function gn(e, t) {
 }
 //#endregion
 //#region src/components/highlight/highlight.tsx
-function _n({ text: n, ranges: r }) {
-	let i = gn(n, r), a = 0;
-	return /* @__PURE__ */ t(e, { children: i.map((e) => {
-		let n = a;
-		return a += e.text.length, e.isMatch ? /* @__PURE__ */ t("mark", {
+function En({ text: e, ranges: t }) {
+	let n = Tn(e, t), r = 0;
+	return /* @__PURE__ */ g(h, { children: n.map((e) => {
+		let t = r;
+		return r += e.text.length, e.isMatch ? /* @__PURE__ */ g("mark", {
 			className: "rounded bg-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:text-yellow-100",
 			children: e.text
-		}, n) : /* @__PURE__ */ t("span", { children: e.text }, n);
+		}, t) : /* @__PURE__ */ g("span", { children: e.text }, t);
 	}) });
 }
 //#endregion
 //#region src/components/icon_button/icon_button.tsx
-var vn = {
+var Dn = {
 	xs: "p-1",
 	sm: "p-2",
 	md: "p-2",
 	lg: "p-3"
-}, yn = {
+}, On = {
 	xs: "w-4 h-4",
 	sm: "w-4 h-4",
 	md: "w-5 h-5",
 	lg: "w-6 h-6"
 };
-function bn(e) {
-	let { icon: r, "aria-label": i, unstyled: a = !1, variant: o = "outline", color: s = "neutral", size: c = "md", radius: l = "md", className: u, children: d, ref: f, ...p } = e, m = O[s];
-	return /* @__PURE__ */ n("button", {
-		ref: f,
+function kn(e) {
+	let { icon: t, "aria-label": n, unstyled: r = !1, variant: i = "outline", color: a = "neutral", size: o = "md", radius: s = "md", className: c, children: l, ref: u, ...d } = e, f = O[a];
+	return /* @__PURE__ */ _("button", {
+		ref: u,
 		type: "button",
-		"aria-label": i,
-		className: x(k, !a && [
+		"aria-label": n,
+		className: x(k, !r && [
 			A,
 			"border",
-			S[l],
-			vn[c],
-			m[o],
-			m.focusOutline
-		], u),
-		...p,
-		children: [/* @__PURE__ */ t("div", { className: x(r, yn[c], d && "mr-1") }), d]
+			S[s],
+			Dn[o],
+			f[i],
+			f.focusOutline
+		], c),
+		...d,
+		children: [/* @__PURE__ */ g("div", { className: x(t, On[o], l && "mr-1") }), l]
 	});
 }
 //#endregion
 //#region src/components/shared/use_controlled_length.ts
-function xn(e) {
+function An(e) {
 	return typeof e == "string" ? e.length : 0;
 }
-function Sn(e, t) {
-	let [n, r] = g(xn(t)), i = e !== void 0;
+function jn(e, t) {
+	let [n, r] = p(An(t)), i = e !== void 0;
 	return {
-		length: i ? xn(e) : n,
+		length: i ? An(e) : n,
 		trackLength: (e) => {
 			i || r(e.length);
 		}
@@ -1597,126 +1682,206 @@ function Sn(e, t) {
 }
 //#endregion
 //#region src/components/input/input.tsx
-function Cn({ label: e, error: r, showCharCount: i = !1, minLength: a, maxLength: o, radius: s = "md", unstyled: c = !1, className: l, wrapperClassName: u, value: d, defaultValue: f, onChange: p, id: m, ...h }) {
-	let { fieldId: g, errorId: _ } = V(m), { length: v, trackLength: y } = Sn(d, f), b = i && (a !== void 0 || o !== void 0), C = (e) => {
-		y(e.target.value), p?.(e);
+function Mn({ label: e, error: t, showCharCount: n = !1, minLength: r, maxLength: i, radius: a = "md", unstyled: o = !1, className: s, wrapperClassName: c, value: l, defaultValue: u, onChange: d, id: f, ...p }) {
+	let { fieldId: m, errorId: h } = B(f), { length: v, trackLength: y } = jn(l, u), b = n && (r !== void 0 || i !== void 0), C = (e) => {
+		y(e.target.value), d?.(e);
 	};
-	return /* @__PURE__ */ n(de, {
-		fieldId: g,
-		errorId: _,
+	return /* @__PURE__ */ _(xe, {
+		fieldId: m,
+		errorId: h,
 		label: e,
-		error: r,
-		required: h.required,
-		wrapperClassName: u,
-		children: [/* @__PURE__ */ t("input", {
-			id: g,
-			className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !c && [
-				B,
-				S[s],
+		error: t,
+		required: p.required,
+		wrapperClassName: c,
+		children: [/* @__PURE__ */ g("input", {
+			id: m,
+			className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !o && [
+				de,
+				S[a],
 				"px-3 py-2 text-sm"
-			], !c && r && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), l),
-			...d === void 0 ? { defaultValue: f } : { value: d },
-			minLength: a,
-			maxLength: o,
+			], !o && t && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), s),
+			...l === void 0 ? { defaultValue: u } : { value: l },
+			minLength: r,
+			maxLength: i,
 			onChange: C,
-			"aria-invalid": !!r,
-			"aria-describedby": r ? _ : void 0,
-			...h
-		}), b && /* @__PURE__ */ t(R, {
+			"aria-invalid": !!t,
+			"aria-describedby": t ? h : void 0,
+			...p
+		}), b && /* @__PURE__ */ g(ue, {
 			current: v,
-			min: a,
-			max: o,
-			showMin: a !== void 0,
-			showMax: o !== void 0
+			min: r,
+			max: i,
+			showMin: r !== void 0,
+			showMax: i !== void 0
 		})]
 	});
 }
 //#endregion
 //#region src/components/kbd/kbd.tsx
-var wn = {
+var Nn = {
 	xs: "px-1.5 py-0.5 text-xs",
 	sm: "px-2 py-0.5 text-xs",
 	md: "px-2.5 py-1 text-sm",
 	lg: "px-3 py-1 text-base"
-}, Tn = ({ children: e, size: n = "sm", radius: r = "sm", unstyled: i = !1, className: a }) => /* @__PURE__ */ t("kbd", {
-	className: x("inline-flex items-center", wn[n], !i && [
+}, Pn = ({ children: e, size: t = "sm", radius: n = "sm", unstyled: r = !1, className: i }) => /* @__PURE__ */ g("kbd", {
+	className: x("inline-flex items-center", Nn[t], !r && [
 		"border font-semibold uppercase",
 		"text-gray-500 dark:text-gray-400",
 		"bg-gray-100 dark:bg-gray-700",
 		"border-gray-200 dark:border-gray-600",
-		S[r]
-	], a),
+		S[n]
+	], i),
 	children: e
 });
 //#endregion
 //#region src/lib/merge_refs.ts
-function En(...e) {
+function Fn(...e) {
 	return (t) => {
 		for (let n of e) typeof n == "function" ? n(t) : n && (n.current = t);
 	};
 }
 //#endregion
 //#region src/components/menu/menu.tsx
-var Dn = 4;
-function On(e, t) {
+var In = 4;
+function Ln(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
-function kn({ trigger: e, children: r, side: i = "bottom", align: o = "start", radius: s = "md", className: u, ref: d }) {
-	let f = h(null), { isMounted: p, isVisible: m, setIsVisible: g, open: _, close: v } = sn(), { refs: y, floatingStyles: b, isPositioned: S } = Yt({
-		placement: On(i, o),
-		open: p,
-		whileElementsMounted: Rt,
+function Rn({ trigger: e, children: t, side: r = "bottom", align: i = "start", radius: s = "md", className: c, ref: l }) {
+	let u = f(null), { isMounted: d, isVisible: p, setIsVisible: m, open: h, close: v } = gn(), { refs: y, floatingStyles: b, isPositioned: S } = rn({
+		placement: Ln(r, i),
+		open: d,
+		whileElementsMounted: Kt,
 		middleware: [
-			Zt(Dn),
-			$t(),
-			Qt({ padding: 8 })
+			on(In),
+			cn(),
+			sn({ padding: 8 })
 		]
 	});
-	cn(p, S, g);
-	let C = l(() => {
-		v(), f.current?.querySelector("button, [href], [tabindex]")?.focus();
-	}, [v]), w = l((e) => En(y.setReference, f, d)(e), [y, d]), T = {
+	_n(d, S, m);
+	let C = o(() => {
+		v(), u.current?.querySelector("button, [href], [tabindex]")?.focus();
+	}, [v]), w = o((e) => Fn(y.setReference, u, l)(e), [y, l]), T = {
 		onClick: (t) => {
-			t.stopPropagation(), m ? v() : _(S), c(e) && e.props.onClick?.(t);
+			t.stopPropagation(), p ? v() : h(S), a(e) && e.props.onClick?.(t);
 		},
 		"aria-haspopup": "menu",
-		"aria-expanded": p
-	}, E = c(e) ? a(e, T) : e;
-	return /* @__PURE__ */ n("span", {
+		"aria-expanded": d
+	}, E = a(e) ? n(e, T) : e;
+	return /* @__PURE__ */ _("span", {
 		ref: w,
-		className: x("inline-block", u),
-		children: [E, p && /* @__PURE__ */ t(on, {
+		className: x("inline-block", c),
+		children: [E, d && /* @__PURE__ */ g(hn, {
 			setFloating: y.setFloating,
 			floatingStyles: b,
-			isVisible: m,
+			isVisible: p,
 			isPositioned: S,
 			radius: s,
 			onClose: C,
-			children: r
+			children: t
 		})]
 	});
 }
 //#endregion
-//#region src/components/menu_item/menu_item.tsx
-function An({ icon: e, onClick: r, danger: i = !1, disabled: a = !1, children: o, className: s, ref: c }) {
-	let l = nn();
-	return /* @__PURE__ */ n("button", {
+//#region src/components/menu_group/menu_group.tsx
+function zn({ label: e, children: t, unstyled: n = !1, className: r, wrapperClassName: i }) {
+	let a = l();
+	return /* @__PURE__ */ _("div", {
+		role: "group",
+		"aria-labelledby": a,
+		className: i,
+		children: [/* @__PURE__ */ g("div", {
+			id: a,
+			role: "presentation",
+			className: x(!n && "px-4 py-1.5 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", r),
+			children: e
+		}), t]
+	});
+}
+//#endregion
+//#region src/components/menu_item/menu_item_end.tsx
+function Bn({ trailing: e, selected: t }) {
+	let n = t !== void 0;
+	return !e && !n ? null : /* @__PURE__ */ _("span", {
+		className: "ml-auto flex flex-shrink-0 items-center gap-2 pl-2",
+		children: [e && /* @__PURE__ */ g("span", {
+			className: "text-xs text-gray-500 dark:text-gray-400",
+			children: e
+		}), n && /* @__PURE__ */ g("span", {
+			className: x("i-mdi-check h-4 w-4", !t && "invisible"),
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+//#region src/components/menu_item/menu_item_styles.ts
+var Vn = ["flex w-full cursor-pointer items-center gap-2 whitespace-nowrap px-4 py-2 text-left text-sm transition-colors", "focus-visible:bg-gray-100 focus-visible:outline-none dark:focus-visible:bg-gray-700"];
+function Hn(e, t, n) {
+	return x(Vn, e, t ? "text-red-600 dark:text-red-400" : "text-gray-700 dark:text-gray-300", n);
+}
+//#endregion
+//#region src/components/menu_item/menu_item_content.tsx
+var Un = ({ icon: e, children: t }) => /* @__PURE__ */ _(h, { children: [e && /* @__PURE__ */ g("div", {
+	className: x(e, "h-4 w-4 flex-shrink-0"),
+	"aria-hidden": "true"
+}), t] }), Wn = "_blank", Gn = "noopener noreferrer", Kn = ["no-underline hover:bg-gray-100 dark:hover:bg-gray-700", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"];
+function qn({ icon: e, trailing: t, href: n, target: r, rel: i, danger: a = !1, disabled: o = !1, children: s, className: c, ref: l }) {
+	let u = dn();
+	return /* @__PURE__ */ _("a", {
+		ref: l,
+		role: "menuitem",
+		tabIndex: -1,
+		href: o ? void 0 : n,
+		target: r,
+		rel: i ?? (r === Wn ? Gn : void 0),
+		"aria-disabled": o || void 0,
+		onClick: (e) => {
+			e.stopPropagation(), u?.();
+		},
+		className: Hn(Kn, a, c),
+		children: [/* @__PURE__ */ g(Un, {
+			icon: e,
+			children: s
+		}), /* @__PURE__ */ g(Bn, { trailing: t })]
+	});
+}
+//#endregion
+//#region src/components/menu_item/menu_item_button.tsx
+var Jn = ["hover:enabled:bg-gray-100 dark:hover:enabled:bg-gray-700", "disabled:cursor-not-allowed disabled:opacity-50"];
+function Yn({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, disabled: a = !1, children: o, className: s, ref: c }) {
+	let l = dn();
+	return /* @__PURE__ */ _("button", {
 		ref: c,
 		type: "button",
-		role: "menuitem",
+		role: r === void 0 ? "menuitem" : "menuitemradio",
+		"aria-checked": r,
 		tabIndex: -1,
 		onClick: (e) => {
-			e.stopPropagation(), r(e), l?.();
+			e.stopPropagation(), n(e), l?.();
 		},
 		disabled: a,
-		className: x("flex w-full cursor-pointer items-center gap-2 whitespace-nowrap px-4 py-2 text-left text-sm transition-colors", "hover:enabled:bg-gray-100 dark:hover:enabled:bg-gray-700", "focus-visible:bg-gray-100 focus-visible:outline-none dark:focus-visible:bg-gray-700", "disabled:cursor-not-allowed disabled:opacity-50", i ? "text-red-600 dark:text-red-400" : "text-gray-700 dark:text-gray-300", s),
-		children: [e && /* @__PURE__ */ t("div", { className: x(e, "h-4 w-4 flex-shrink-0") }), o]
+		className: Hn(Jn, i, s),
+		children: [/* @__PURE__ */ g(Un, {
+			icon: e,
+			children: o
+		}), /* @__PURE__ */ g(Bn, {
+			trailing: t,
+			selected: r
+		})]
 	});
 }
 //#endregion
-//#region node_modules/.pnpm/react-call@2.0.2_react-dom@19.2.8_react@19.2.8__react@19.2.8_vite@8.2.1_@types+node@26.2.0_es_s57p6lt2ddgt4vomhz3tbzqsbu/node_modules/react-call/dist/main.js
-var jn = [];
-function Mn() {
+//#region src/components/menu_item/menu_item.tsx
+function Xn(e) {
+	return e.href === void 0 ? /* @__PURE__ */ g(Yn, { ...e }) : /* @__PURE__ */ g(qn, { ...e });
+}
+//#endregion
+//#region src/components/menu_separator/menu_separator.tsx
+var Zn = ({ unstyled: e = !1, className: t }) => /* @__PURE__ */ g("hr", {
+	role: "separator",
+	"aria-orientation": "horizontal",
+	className: x("w-full", !e && ["my-1 border-0 border-t", "border-gray-200 dark:border-gray-700"], t)
+}), Qn = [];
+function $n() {
 	let e = 0, t = [], n = null, r = /* @__PURE__ */ new Set(), i = () => {
 		for (let e of r) e(t);
 	};
@@ -1737,7 +1902,7 @@ function Mn() {
 			r.delete(i), r.size || (e = 0, t = [], n = null);
 		}),
 		getSnapshot: () => t,
-		getServerSnapshot: () => jn,
+		getServerSnapshot: () => Qn,
 		getListenersSize: () => r.size,
 		getUpsertPromise: () => n,
 		setUpsertPromise: (e) => {
@@ -1745,39 +1910,39 @@ function Mn() {
 		}
 	};
 }
-var Nn = /* @__PURE__ */ new Map();
-function Pn(e, t = 0) {
-	let n = { current: Mn() }, r = (e) => (r) => {
+var er = /* @__PURE__ */ new Map();
+function tr(e, t = 0) {
+	let n = { current: $n() }, r = (e) => (r) => {
 		let i = /* @__PURE__ */ new Set();
 		n.current.set(e, (e) => (e.resolve(r), i.add(e.promise), {
 			...e,
 			ended: !0
 		})), globalThis.setTimeout(() => n.current.remove(i), t);
-	}, i = () => {
+	}, a = () => {
 		let e = n.current.getListenersSize();
 		if (!e) throw Error("No <Root> found!");
 		if (e > 1) throw Error("Multiple instances of <Root> found!");
-	}, a = (e) => {
-		i();
-		let t, a = new Promise((e) => {
+	}, o = (e) => {
+		a();
+		let t, i = new Promise((e) => {
 			t = e;
 		});
 		return n.current.add({
 			props: e,
-			end: r(a),
+			end: r(i),
 			ended: !1,
-			promise: a,
+			promise: i,
 			resolve: t
-		}), a;
-	}, o = (e) => {
-		i();
+		}), i;
+	}, s = (e) => {
+		a();
 		let t = n.current.getUpsertPromise();
 		if (t) return n.current.set(t, (t) => ({
 			...t,
 			props: e
 		})), t;
-		let a, o = new Promise((e) => {
-			a = e;
+		let i, o = new Promise((e) => {
+			i = e;
 		});
 		return n.current.setUpsertPromise(o), n.current.add({
 			props: e,
@@ -1786,7 +1951,7 @@ function Pn(e, t = 0) {
 			},
 			ended: !1,
 			promise: o,
-			resolve: a
+			resolve: i
 		}), o;
 	}, c = (...e) => {
 		let t = e.length === 2, i = t ? e[0] : null, a = t ? e[1] : e[0];
@@ -1801,22 +1966,22 @@ function Pn(e, t = 0) {
 			}
 		}));
 	}, u = function(t) {
-		return _(n.current.subscribe, n.current.getSnapshot, n.current.getServerSnapshot).map(({ props: n, key: r, end: i, ended: a }, o, c) => /* @__PURE__ */ s(e, {
+		return m(n.current.subscribe, n.current.getSnapshot, n.current.getServerSnapshot).map(({ props: n, key: r, end: a, ended: o }, s, c) => /* @__PURE__ */ i(e, {
 			...n,
 			key: r,
 			call: {
 				key: r,
-				end: i,
-				ended: a,
+				end: a,
+				ended: o,
 				root: t,
-				index: o,
+				index: s,
 				stackSize: c.length
 			}
 		}));
 	}, d = Object.assign(u, {
 		Root: u,
-		call: a,
-		upsert: o,
+		call: o,
+		upsert: s,
 		end: c,
 		update: l
 	});
@@ -1833,8 +1998,8 @@ function Pn(e, t = 0) {
 			set: (r) => {
 				if (t || (e = r, !r)) return;
 				t = !0;
-				let i = Nn.get(r);
-				i ? n.current = i : Nn.set(r, n.current);
+				let i = er.get(r);
+				i ? n.current = i : er.set(r, n.current);
 			}
 		});
 	}
@@ -1842,97 +2007,97 @@ function Pn(e, t = 0) {
 }
 //#endregion
 //#region src/components/modal/modal_shell.tsx
-var Fn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", In = {
+var nr = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", rr = {
 	sm: "max-w-md",
 	md: "max-w-lg",
 	lg: "max-w-2xl",
 	xl: "max-w-4xl"
 };
-function Ln({ isEnded: e, onDismiss: r, title: i, children: a, footer: o, size: s = "md", radius: c = "xl", className: l, dismissible: u = !0, closeLabel: p = "Close" }) {
-	let [m, _] = g(!1), v = h(null), b = h(null), C = h(null), w = f();
-	d(() => {
+function ir({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size: a = "md", radius: o = "xl", className: s, dismissible: u = !0, closeLabel: d = "Close" }) {
+	let [m, h] = p(!1), v = f(null), b = f(null), C = f(null), w = l();
+	c(() => {
 		document.body.style.overflow = "hidden", C.current = document.activeElement;
 		let e = v.current;
-		(b.current?.querySelector(Fn) ?? e?.querySelector(Fn) ?? e)?.focus();
+		(b.current?.querySelector(nr) ?? e?.querySelector(nr) ?? e)?.focus();
 		let t = requestAnimationFrame(() => {
-			requestAnimationFrame(() => _(!0));
+			requestAnimationFrame(() => h(!0));
 		});
 		return () => {
 			cancelAnimationFrame(t), document.body.style.overflow = "";
 		};
-	}, []), d(() => {
+	}, []), c(() => {
 		e && C.current?.focus();
-	}, [e]), d(() => {
+	}, [e]), c(() => {
 		if (e) return;
-		let t = (e) => {
+		let n = (e) => {
 			if (e.key === "Escape") {
-				u && r();
+				u && t();
 				return;
 			}
 			if (e.key !== "Tab") return;
-			let t = v.current;
-			if (!t) return;
-			let n = Array.from(t.querySelectorAll(Fn));
-			if (n.length === 0) return;
-			let i = n[0], a = n[n.length - 1];
+			let n = v.current;
+			if (!n) return;
+			let r = Array.from(n.querySelectorAll(nr));
+			if (r.length === 0) return;
+			let i = r[0], a = r[r.length - 1];
 			e.shiftKey && document.activeElement === i ? (e.preventDefault(), a.focus()) : !e.shiftKey && document.activeElement === a && (e.preventDefault(), i.focus());
 		};
-		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
 	}, [
 		e,
-		r,
+		t,
 		u
 	]);
 	let T = () => {
-		!e && u && r();
+		!e && u && t();
 	}, E = m && !e;
-	return y(/* @__PURE__ */ n("div", {
+	return y(/* @__PURE__ */ _("div", {
 		className: x("fixed inset-0 z-50 flex items-start justify-center", "p-2 sm:py-[3rem] lg:py-[5rem]", "transition-opacity duration-200 ease-out", E ? "opacity-100" : "opacity-0"),
 		onClick: T,
-		children: [/* @__PURE__ */ t("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: x("fixed inset-0 bg-black/60 backdrop-blur-md", "transition-opacity duration-200 ease-out", E ? "opacity-100" : "opacity-0"),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ n("div", {
+		}), /* @__PURE__ */ _("div", {
 			ref: v,
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": i ? w : void 0,
+			"aria-labelledby": n ? w : void 0,
 			tabIndex: -1,
-			className: x("relative w-full", In[s], ne, "shadow-2xl", S[c], "max-h-[calc(100vh-4rem)] sm:max-h-[calc(100vh-10rem)] overflow-hidden flex flex-col", "transition-all duration-200 ease-out", "focus:outline-none", E ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
+			className: x("relative w-full", rr[a], z, "shadow-2xl", S[o], "max-h-[calc(100vh-4rem)] sm:max-h-[calc(100vh-10rem)] overflow-hidden flex flex-col", "transition-all duration-200 ease-out", "focus:outline-none", E ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				i && /* @__PURE__ */ n("div", {
+				n && /* @__PURE__ */ _("div", {
 					className: "flex items-center justify-between gap-4 px-6 pt-5 pb-4 flex-shrink-0",
-					children: [/* @__PURE__ */ t("h2", {
+					children: [/* @__PURE__ */ g("h2", {
 						id: w,
 						className: "text-base font-medium tracking-tight text-gray-900 dark:text-gray-100",
-						children: i
-					}), u && /* @__PURE__ */ t(bn, {
+						children: n
+					}), u && /* @__PURE__ */ g(kn, {
 						icon: "i-mdi-close",
-						onClick: r,
-						"aria-label": p,
+						onClick: t,
+						"aria-label": d,
 						variant: "subtle",
 						size: "sm",
 						radius: "full",
 						className: "-mr-1"
 					})]
 				}),
-				/* @__PURE__ */ t("div", {
+				/* @__PURE__ */ g("div", {
 					ref: b,
-					className: x("flex-1 overflow-y-auto px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400 min-h-0", !i && "pt-6", l),
-					children: a
+					className: x("flex-1 overflow-y-auto px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400 min-h-0", !n && "pt-6", s),
+					children: r
 				}),
-				o && /* @__PURE__ */ t("div", {
+				i && /* @__PURE__ */ g("div", {
 					className: x("flex items-center justify-end gap-3 px-6 py-4 border-t flex-shrink-0", "border-gray-100 dark:border-gray-800"),
-					children: o
+					children: i
 				})
 			]
 		})]
 	}), document.body);
 }
 //#endregion
-//#region node_modules/.pnpm/zustand@5.0.14_@types+react@19.2.18_react@19.2.8_use-sync-external-store@1.6.0_react@19.2.8_/node_modules/zustand/esm/vanilla.mjs
-var Rn = (e) => {
+//#region node_modules/.pnpm/zustand@5.0.15_@types+react@19.2.18_react@19.2.8_use-sync-external-store@1.6.0_react@19.2.8_/node_modules/zustand/esm/vanilla.mjs
+var ar = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -1946,165 +2111,165 @@ var Rn = (e) => {
 		subscribe: (e) => (n.add(e), () => n.delete(e))
 	}, o = t = e(r, i, a);
 	return a;
-}, zn = ((e) => e ? Rn(e) : Rn), Bn = (e) => e;
-function Vn(e, t = Bn) {
-	let n = i.useSyncExternalStore(e.subscribe, i.useCallback(() => t(e.getState()), [e, t]), i.useCallback(() => t(e.getInitialState()), [e, t]));
-	return i.useDebugValue(n), n;
+}, or = ((e) => e ? ar(e) : ar), sr = (e) => e;
+function cr(e, n = sr) {
+	let r = t.useSyncExternalStore(e.subscribe, t.useCallback(() => n(e.getState()), [e, n]), t.useCallback(() => n(e.getInitialState()), [e, n]));
+	return t.useDebugValue(r), r;
 }
-var Hn = (e) => {
-	let t = zn(e), n = (e) => Vn(t, e);
+var lr = (e) => {
+	let t = or(e), n = (e) => cr(t, e);
 	return Object.assign(n, t), n;
-}, Un = ((e) => e ? Hn(e) : Hn), Wn = Un((e) => ({
+}, ur = ((e) => e ? lr(e) : lr), dr = ur((e) => ({
 	globalHotkeysEnabled: !0,
 	setGlobalHotkeysEnabled: (t) => e({ globalHotkeysEnabled: t })
-})), Gn = 0;
-function Kn() {
-	d(() => (Gn += 1, Gn === 1 && Wn.getState().setGlobalHotkeysEnabled(!1), () => {
-		--Gn, Gn === 0 && Wn.getState().setGlobalHotkeysEnabled(!0);
+})), fr = 0;
+function pr() {
+	c(() => (fr += 1, fr === 1 && dr.getState().setGlobalHotkeysEnabled(!1), () => {
+		--fr, fr === 0 && dr.getState().setGlobalHotkeysEnabled(!0);
 	}), []);
 }
 //#endregion
 //#region src/components/modal/confirm_modal.tsx
-var qn = {
+var mr = {
 	danger: "i-mdi-alert-circle",
 	primary: "i-mdi-help-circle",
 	success: "i-mdi-check-circle"
-}, Jn = {
+}, hr = {
 	danger: "bg-red-50 text-red-600 dark:bg-red-500/10 dark:text-red-400",
 	primary: "bg-blue-50 text-blue-600 dark:bg-blue-500/10 dark:text-blue-400",
 	success: "bg-green-50 text-green-600 dark:bg-green-500/10 dark:text-green-400"
 };
-function Yn({ title: e, color: r }) {
-	return /* @__PURE__ */ n("div", {
+function gr({ title: e, color: t }) {
+	return /* @__PURE__ */ _("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ t("span", {
-			className: x("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", Jn[r]),
+		children: [/* @__PURE__ */ g("span", {
+			className: x("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", hr[t]),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ t("span", { className: x(qn[r], "h-5 w-5") })
+			children: /* @__PURE__ */ g("span", { className: x(mr[t], "h-5 w-5") })
 		}), e]
 	});
 }
-var Xn = Pn(({ call: r, title: i, children: a, confirmLabel: o, cancelLabel: s, confirmColor: c, radius: l, closeLabel: u, onConfirm: d, onError: f }) => {
-	Kn();
-	let [p, m] = g(!1), h = () => r.end(!1), _ = async () => {
-		if (!d) {
-			r.end(!0);
+var _r = tr(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i, confirmColor: a, radius: o, closeLabel: s, onConfirm: c, onError: l }) => {
+	pr();
+	let [u, d] = p(!1), f = () => e.end(!1), m = async () => {
+		if (!c) {
+			e.end(!0);
 			return;
 		}
-		m(!0);
+		d(!0);
 		try {
-			await d(), r.end(!0);
+			await c(), e.end(!0);
 		} catch (e) {
-			m(!1), pn(e, f);
+			d(!1), Sn(e, l);
 		}
-	}, v = p, y = o ?? "Confirm", b = s ?? "Cancel", x = c ?? "primary";
-	return /* @__PURE__ */ t(Ln, {
-		isEnded: r.ended,
-		onDismiss: h,
-		title: /* @__PURE__ */ t(Yn, {
-			title: i,
+	}, v = u, y = r ?? "Confirm", b = i ?? "Cancel", x = a ?? "primary";
+	return /* @__PURE__ */ g(ir, {
+		isEnded: e.ended,
+		onDismiss: f,
+		title: /* @__PURE__ */ g(gr, {
+			title: t,
 			color: x
 		}),
 		size: "sm",
-		radius: l,
-		closeLabel: u,
-		footer: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(F, {
+		radius: o,
+		closeLabel: s,
+		footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(R, {
 			variant: "outline",
 			color: "neutral",
-			onClick: h,
+			onClick: f,
 			disabled: v,
 			size: "sm",
 			children: b
-		}), /* @__PURE__ */ t(F, {
+		}), /* @__PURE__ */ g(R, {
 			color: x,
 			onClick: () => {
-				_();
+				m();
 			},
 			loading: v,
 			disabled: v,
 			size: "sm",
 			children: y
 		})] }),
-		children: a
+		children: n
 	});
 }, 200);
 //#endregion
 //#region src/components/modal/modal.tsx
-function Zn(e, t) {
+function vr(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var Qn = o(null), $n = Pn(({ call: e, title: n, children: r, size: i, radius: a, className: o, dismissible: s, closeLabel: c }) => {
-	Kn();
-	let [l, u] = g(null), d = () => e.end();
-	return /* @__PURE__ */ t(Ln, {
+var yr = r(null), br = tr(({ call: e, title: t, children: n, size: r, radius: i, className: a, dismissible: o, closeLabel: s }) => {
+	pr();
+	let [c, l] = p(null), u = () => e.end();
+	return /* @__PURE__ */ g(ir, {
 		isEnded: e.ended,
-		onDismiss: d,
-		title: n,
-		footer: l,
-		size: i,
-		radius: a,
-		className: o,
-		dismissible: s,
-		closeLabel: c,
-		children: /* @__PURE__ */ t(Qn.Provider, {
-			value: u,
-			children: Zn(r, d)
+		onDismiss: u,
+		title: t,
+		footer: c,
+		size: r,
+		radius: i,
+		className: a,
+		dismissible: o,
+		closeLabel: s,
+		children: /* @__PURE__ */ g(yr.Provider, {
+			value: l,
+			children: vr(n, u)
 		})
 	});
 }, 200);
 //#endregion
 //#region src/components/modal/modal_footer.tsx
-function er({ children: e }) {
-	let t = u(Qn);
-	return d(() => (t?.(e), () => t?.(null)), [t, e]), null;
+function xr({ children: e }) {
+	let t = s(yr);
+	return c(() => (t?.(e), () => t?.(null)), [t, e]), null;
 }
 //#endregion
 //#region src/components/modal_provider/modal_provider.tsx
-function tr() {
-	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t($n, {}), /* @__PURE__ */ t(Xn, {})] });
+function Sr() {
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(br, {}), /* @__PURE__ */ g(_r, {})] });
 }
 //#endregion
 //#region src/components/radio_options/radio_option_row.tsx
-function nr({ option: e, optionId: r, descriptionId: i, name: a, orientation: o, isSelected: s, isDisabled: c, isFirstOption: l, required: u, error: d, radius: f, unstyled: p, className: m, onSelect: h }) {
-	return /* @__PURE__ */ n("label", {
-		htmlFor: r,
-		className: x("flex cursor-pointer items-start gap-3 transition-colors duration-150", o === "horizontal" && "flex-1", T, d ? D : E, !p && [
-			S[f],
+function Cr({ option: e, optionId: t, descriptionId: n, name: r, orientation: i, isSelected: a, isDisabled: o, isFirstOption: s, required: c, error: l, radius: u, unstyled: d, className: f, onSelect: p }) {
+	return /* @__PURE__ */ _("label", {
+		htmlFor: t,
+		className: x("flex cursor-pointer items-start gap-3 transition-colors duration-150", i === "horizontal" && "flex-1", T, l ? D : E, !d && [
+			S[u],
 			"border px-3 py-2.5",
-			s ? d ? x("border-red-500 dark:border-red-400", "bg-red-50 dark:bg-red-950/20") : "border-blue-500 bg-blue-50 dark:border-blue-500 dark:bg-blue-950/25" : d ? "border-red-300 bg-white dark:border-red-800/50 dark:bg-gray-800/50" : x("border-gray-200 dark:border-gray-700", "bg-gray-50 hover:border-gray-300 hover:bg-white dark:bg-gray-800/50 dark:hover:border-gray-600 dark:hover:bg-gray-800")
-		], c && "cursor-not-allowed opacity-50", m),
+			a ? l ? x("border-red-500 dark:border-red-400", "bg-red-50 dark:bg-red-950/20") : "border-blue-500 bg-blue-50 dark:border-blue-500 dark:bg-blue-950/25" : l ? "border-red-300 bg-white dark:border-red-800/50 dark:bg-gray-800/50" : x("border-gray-200 dark:border-gray-700", "bg-gray-50 hover:border-gray-300 hover:bg-white dark:bg-gray-800/50 dark:hover:border-gray-600 dark:hover:bg-gray-800")
+		], o && "cursor-not-allowed opacity-50", f),
 		children: [
-			/* @__PURE__ */ t("input", {
+			/* @__PURE__ */ g("input", {
 				type: "radio",
-				id: r,
-				name: a,
+				id: t,
+				name: r,
 				value: e.value,
-				checked: s,
-				onChange: () => h(e.value),
-				disabled: c,
-				required: u && l,
-				"aria-invalid": d ? !0 : void 0,
-				"aria-describedby": e.description ? i : void 0,
+				checked: a,
+				onChange: () => p(e.value),
+				disabled: o,
+				required: c && s,
+				"aria-invalid": l ? !0 : void 0,
+				"aria-describedby": e.description ? n : void 0,
 				className: "sr-only"
 			}),
-			/* @__PURE__ */ t("span", {
-				className: x("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-150", s ? d ? ae : "border-blue-600 dark:border-blue-500" : d ? "border-red-400 dark:border-red-600" : z),
+			/* @__PURE__ */ g("span", {
+				className: x("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-150", a ? l ? me : "border-blue-600 dark:border-blue-500" : l ? "border-red-400 dark:border-red-600" : te),
 				"aria-hidden": !0,
-				children: s && /* @__PURE__ */ t("span", { className: x("h-2 w-2 rounded-full", d ? "bg-red-500 dark:bg-red-400" : "bg-blue-600 dark:bg-blue-500") })
+				children: a && /* @__PURE__ */ g("span", { className: x("h-2 w-2 rounded-full", l ? "bg-red-500 dark:bg-red-400" : "bg-blue-600 dark:bg-blue-500") })
 			}),
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ _("span", {
 				className: "flex min-w-0 flex-col",
-				children: [/* @__PURE__ */ n("span", {
+				children: [/* @__PURE__ */ _("span", {
 					className: "flex items-center gap-1.5",
-					children: [e.icon && /* @__PURE__ */ t("span", {
-						className: x(e.icon, "h-4 w-4 shrink-0", s ? d ? "text-red-600 dark:text-red-400" : "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400"),
+					children: [e.icon && /* @__PURE__ */ g("span", {
+						className: x(e.icon, "h-4 w-4 shrink-0", a ? l ? "text-red-600 dark:text-red-400" : "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400"),
 						"aria-hidden": !0
-					}), /* @__PURE__ */ t("span", {
-						className: x("select-none text-sm font-medium", s ? d ? "text-red-700 dark:text-red-300" : "text-blue-700 dark:text-blue-300" : "text-gray-700 dark:text-gray-300"),
+					}), /* @__PURE__ */ g("span", {
+						className: x("select-none text-sm font-medium", a ? l ? "text-red-700 dark:text-red-300" : "text-blue-700 dark:text-blue-300" : "text-gray-700 dark:text-gray-300"),
 						children: e.label
 					})]
-				}), e.description && /* @__PURE__ */ t("span", {
-					id: i,
+				}), e.description && /* @__PURE__ */ g("span", {
+					id: n,
 					className: x("text-xs text-gray-500 dark:text-gray-400", "mt-0.5"),
 					children: e.description
 				})]
@@ -2114,49 +2279,49 @@ function nr({ option: e, optionId: r, descriptionId: i, name: a, orientation: o,
 }
 //#endregion
 //#region src/components/radio_options/radio_options.tsx
-function rr({ options: e, orientation: r = "vertical", value: i, defaultValue: a, onChange: o, name: s, label: c, error: l, required: u, disabled: d, radius: f = "lg", unstyled: p = !1, className: m, wrapperClassName: h, id: g, ..._ }) {
-	let { fieldId: v, errorId: y } = V(g), b = s ?? v, [S, C] = H(i, a ?? ""), w = e.map((e) => typeof e == "string" ? {
+function wr({ options: e, orientation: t = "vertical", value: n, defaultValue: r, onChange: i, name: a, label: o, error: s, required: c, disabled: l, radius: u = "lg", unstyled: d = !1, className: f, wrapperClassName: p, id: m, ...h }) {
+	let { fieldId: v, errorId: y } = B(m), b = a ?? v, [S, C] = _e(n, r ?? ""), w = e.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
 	} : e), T = (e) => {
-		C(e), o?.(e);
+		C(e), i?.(e);
 	};
-	return /* @__PURE__ */ n("fieldset", {
-		className: x("m-0 border-0 p-0", h),
-		disabled: d,
-		"aria-describedby": l ? y : void 0,
-		"aria-required": u,
-		..._,
+	return /* @__PURE__ */ _("fieldset", {
+		className: x("m-0 border-0 p-0", p),
+		disabled: l,
+		"aria-describedby": s ? y : void 0,
+		"aria-required": c,
+		...h,
 		children: [
-			c && /* @__PURE__ */ n("legend", {
+			o && /* @__PURE__ */ _("legend", {
 				className: x("text-sm font-medium text-gray-700 dark:text-gray-300", "mb-2"),
-				children: [c, u && /* @__PURE__ */ t("span", {
+				children: [o, c && /* @__PURE__ */ g("span", {
 					className: "text-red-500 dark:text-red-400 ml-1",
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ t("div", {
-				className: x(r === "horizontal" ? "flex flex-row gap-2" : "flex flex-col gap-2"),
-				children: w.map((e, n) => /* @__PURE__ */ t(nr, {
+			/* @__PURE__ */ g("div", {
+				className: x(t === "horizontal" ? "flex flex-row gap-2" : "flex flex-col gap-2"),
+				children: w.map((e, n) => /* @__PURE__ */ g(Cr, {
 					option: e,
 					optionId: `${v}-${n}`,
 					descriptionId: `${v}-${n}-desc`,
 					name: b,
-					orientation: r,
+					orientation: t,
 					isSelected: S === e.value,
-					isDisabled: d === !0 || e.disabled === !0,
+					isDisabled: l === !0 || e.disabled === !0,
 					isFirstOption: n === 0,
-					required: u,
-					error: l,
-					radius: f,
-					unstyled: p,
-					className: m,
+					required: c,
+					error: s,
+					radius: u,
+					unstyled: d,
+					className: f,
 					onSelect: T
 				}, e.value))
 			}),
-			/* @__PURE__ */ t(oe, {
+			/* @__PURE__ */ g(he, {
 				id: y,
-				error: l,
+				error: s,
 				className: "mt-2"
 			})
 		]
@@ -2164,32 +2329,32 @@ function rr({ options: e, orientation: r = "vertical", value: i, defaultValue: a
 }
 //#endregion
 //#region src/components/select/select.tsx
-function ir({ options: e, label: r, error: i, placeholder: a, radius: o = "md", unstyled: s = !1, className: c, wrapperClassName: l, value: u, defaultValue: d, onChange: f, id: p, ...m }) {
-	let { fieldId: h, errorId: g } = V(p);
-	return /* @__PURE__ */ t(de, {
-		fieldId: h,
-		errorId: g,
-		label: r,
-		error: i,
-		required: m.required,
-		wrapperClassName: l,
-		children: /* @__PURE__ */ n("select", {
-			id: h,
-			className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !s && [
-				B,
-				S[o],
+function Tr({ options: e, label: t, error: n, placeholder: r, radius: i = "md", unstyled: a = !1, className: o, wrapperClassName: s, value: c, defaultValue: l, onChange: u, id: d, ...f }) {
+	let { fieldId: p, errorId: m } = B(d);
+	return /* @__PURE__ */ g(xe, {
+		fieldId: p,
+		errorId: m,
+		label: t,
+		error: n,
+		required: f.required,
+		wrapperClassName: s,
+		children: /* @__PURE__ */ _("select", {
+			id: p,
+			className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !a && [
+				de,
+				S[i],
 				"pl-3 pr-8 py-2 text-sm appearance-none bg-[length:1rem_1rem] bg-[position:right_0.5rem_center] bg-no-repeat",
 				"bg-[url(\"data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e\")]"
-			], !s && i && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), c),
-			...u === void 0 ? { defaultValue: d } : { value: u },
-			onChange: f,
-			"aria-invalid": !!i,
-			"aria-describedby": i ? g : void 0,
-			...m,
-			children: [a !== void 0 && /* @__PURE__ */ t("option", {
+			], !a && n && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), o),
+			...c === void 0 ? { defaultValue: l } : { value: c },
+			onChange: u,
+			"aria-invalid": !!n,
+			"aria-describedby": n ? m : void 0,
+			...f,
+			children: [r !== void 0 && /* @__PURE__ */ g("option", {
 				value: "",
-				children: a
-			}), e.map((e) => /* @__PURE__ */ t("option", {
+				children: r
+			}), e.map((e) => /* @__PURE__ */ g("option", {
 				value: e.value,
 				children: e.label
 			}, e.value))]
@@ -2198,55 +2363,55 @@ function ir({ options: e, label: r, error: i, placeholder: a, radius: o = "md",
 }
 //#endregion
 //#region src/components/switch/switch.tsx
-function ar({ label: r, description: i, error: a, unstyled: o = !1, className: s, wrapperClassName: c, checked: l, defaultChecked: u = !1, onChange: d, id: f, ...p }) {
-	let { fieldId: m, errorId: h, descriptionId: g } = V(f), [_, v] = H(l, u), y = [i && g, a && h].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ n("div", {
-		className: x("w-full", c),
+function Er({ label: e, description: t, error: n, unstyled: r = !1, className: i, wrapperClassName: a, checked: o, defaultChecked: s = !1, onChange: c, id: l, ...u }) {
+	let { fieldId: d, errorId: f, descriptionId: p } = B(l), [m, v] = _e(o, s), y = [t && p, n && f].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ _("div", {
+		className: x("w-full", a),
 		children: [
-			/* @__PURE__ */ n("label", {
-				htmlFor: m,
-				className: x("flex items-center gap-3 cursor-pointer", p.disabled && "cursor-not-allowed opacity-50"),
-				children: [/* @__PURE__ */ n("span", {
-					className: x("relative inline-flex w-11 shrink-0", "transition-colors duration-200 ease-in-out", T, E, !o && [
+			/* @__PURE__ */ _("label", {
+				htmlFor: d,
+				className: x("flex items-center gap-3 cursor-pointer", u.disabled && "cursor-not-allowed opacity-50"),
+				children: [/* @__PURE__ */ _("span", {
+					className: x("relative inline-flex w-11 shrink-0", "transition-colors duration-200 ease-in-out", T, E, !r && [
 						"rounded-full border-2 border-transparent",
-						_ ? "bg-blue-600 dark:bg-blue-500" : "bg-gray-200 dark:bg-gray-600",
-						a && "ring-2 ring-red-500 dark:ring-red-400"
-					], s),
-					children: [/* @__PURE__ */ t("input", {
+						m ? "bg-blue-600 dark:bg-blue-500" : "bg-gray-200 dark:bg-gray-600",
+						n && "ring-2 ring-red-500 dark:ring-red-400"
+					], i),
+					children: [/* @__PURE__ */ g("input", {
 						type: "checkbox",
 						role: "switch",
-						id: m,
+						id: d,
 						className: "sr-only",
-						checked: _,
+						checked: m,
 						onChange: (e) => {
-							v(e.target.checked), d?.(e);
+							v(e.target.checked), c?.(e);
 						},
-						"aria-invalid": !!a,
+						"aria-invalid": !!n,
 						"aria-describedby": y,
-						...p
-					}), /* @__PURE__ */ t("span", {
-						className: x("pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0", "transition duration-200 ease-in-out", _ ? "translate-x-5.25" : "translate-x-0"),
+						...u
+					}), /* @__PURE__ */ g("span", {
+						className: x("pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0", "transition duration-200 ease-in-out", m ? "translate-x-5.25" : "translate-x-0"),
 						"aria-hidden": !0
 					})]
-				}), r && /* @__PURE__ */ t(e, { children: typeof r == "string" ? /* @__PURE__ */ n("span", {
+				}), e && /* @__PURE__ */ g(h, { children: typeof e == "string" ? /* @__PURE__ */ _("span", {
 					className: x("text-sm font-medium text-gray-700 dark:text-gray-300", "select-none"),
-					children: [r, p.required && /* @__PURE__ */ t("span", {
+					children: [e, u.required && /* @__PURE__ */ g("span", {
 						className: "text-red-500 dark:text-red-400 ml-1",
 						children: "*"
 					})]
-				}) : /* @__PURE__ */ n(e, { children: [r, p.required && /* @__PURE__ */ t("span", {
+				}) : /* @__PURE__ */ _(h, { children: [e, u.required && /* @__PURE__ */ g("span", {
 					className: "text-red-500 dark:text-red-400 ml-1",
 					children: "*"
 				})] }) })]
 			}),
-			/* @__PURE__ */ t(se, {
-				id: g,
-				description: i,
+			/* @__PURE__ */ g(ge, {
+				id: p,
+				description: t,
 				className: "mt-1 ml-14"
 			}),
-			/* @__PURE__ */ t(oe, {
-				id: h,
-				error: a,
+			/* @__PURE__ */ g(he, {
+				id: f,
+				error: n,
 				className: "mt-1 ml-14"
 			})
 		]
@@ -2254,133 +2419,133 @@ function ar({ label: r, description: i, error: a, unstyled: o = !1, className: s
 }
 //#endregion
 //#region src/components/tabs/tabs.tsx
-function or({ items: e, value: r, defaultIndex: i = 0, radius: a = "md", unstyled: o = !1, className: s, tabListClassName: c, panelClassName: l, onChange: u }) {
-	let [d, p] = H(r, i), m = f(), g = h([]), _ = (t) => {
-		e[t]?.disabled || (p(t), u?.(t));
+function Dr({ items: e, value: t, defaultIndex: n = 0, radius: r = "md", unstyled: i = !1, className: a, tabListClassName: o, panelClassName: s, onChange: c }) {
+	let [u, d] = _e(t, n), p = l(), m = f([]), h = (t) => {
+		e[t]?.disabled || (d(t), c?.(t));
 	}, v = (e) => {
-		g.current[e]?.focus(), _(e);
+		m.current[e]?.focus(), h(e);
 	}, y = (t) => {
 		let n = e.map((e, t) => t).filter((t) => !e[t]?.disabled);
 		if (n.length === 0) return;
-		let r = n.indexOf(d);
+		let r = n.indexOf(u);
 		t.key === "ArrowRight" ? (t.preventDefault(), v(n[(r + 1) % n.length])) : t.key === "ArrowLeft" ? (t.preventDefault(), v(n[(r - 1 + n.length) % n.length])) : t.key === "Home" ? (t.preventDefault(), v(n[0])) : t.key === "End" && (t.preventDefault(), v(n[n.length - 1]));
-	}, b = e[d];
-	return /* @__PURE__ */ n("div", {
-		className: x("w-full", s),
-		children: [/* @__PURE__ */ t("div", {
+	}, b = e[u];
+	return /* @__PURE__ */ _("div", {
+		className: x("w-full", a),
+		children: [/* @__PURE__ */ g("div", {
 			role: "tablist",
-			className: x("flex gap-1 p-1", !o && [
+			className: x("flex gap-1 p-1", !i && [
 				"bg-gray-100 dark:bg-gray-800/50 border",
 				"border-gray-200 dark:border-gray-700",
-				S[a]
-			], c),
-			children: e.map((e, r) => /* @__PURE__ */ n("button", {
+				S[r]
+			], o),
+			children: e.map((e, t) => /* @__PURE__ */ _("button", {
 				ref: (e) => {
-					g.current[r] = e;
+					m.current[t] = e;
 				},
-				id: `${m}-tab-${r}`,
+				id: `${p}-tab-${t}`,
 				role: "tab",
 				type: "button",
-				"aria-selected": d === r,
+				"aria-selected": u === t,
 				"aria-disabled": e.disabled,
-				"aria-controls": `${m}-panel-${r}`,
-				tabIndex: d === r ? 0 : -1,
+				"aria-controls": `${p}-panel-${t}`,
+				tabIndex: u === t ? 0 : -1,
 				disabled: e.disabled,
-				onClick: () => _(r),
+				onClick: () => h(t),
 				onKeyDown: y,
-				className: x("flex items-center gap-2 px-4 py-2.5 text-sm font-medium", e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !o && [S[a], d === r ? x("bg-white dark:bg-gray-700 text-blue-600 dark:text-blue-400 shadow-sm border", "border-gray-200 dark:border-gray-700") : x("text-gray-600 dark:text-gray-400 border border-transparent", !e.disabled && "hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-200/50 dark:hover:bg-gray-700/50")]),
-				children: [e.icon && /* @__PURE__ */ t("span", { className: x("w-4 h-4 block shrink-0", e.icon, !o && (d === r ? "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400")) }), e.title]
+				className: x("flex items-center gap-2 px-4 py-2.5 text-sm font-medium", e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !i && [S[r], u === t ? x("bg-white dark:bg-gray-700 text-blue-600 dark:text-blue-400 shadow-sm border", "border-gray-200 dark:border-gray-700") : x("text-gray-600 dark:text-gray-400 border border-transparent", !e.disabled && "hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-200/50 dark:hover:bg-gray-700/50")]),
+				children: [e.icon && /* @__PURE__ */ g("span", { className: x("w-4 h-4 block shrink-0", e.icon, !i && (u === t ? "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400")) }), e.title]
 			}, e.title))
-		}), /* @__PURE__ */ t("div", {
+		}), /* @__PURE__ */ g("div", {
 			role: "tabpanel",
-			id: `${m}-panel-${d}`,
-			"aria-labelledby": `${m}-tab-${d}`,
+			id: `${p}-panel-${u}`,
+			"aria-labelledby": `${p}-tab-${u}`,
 			tabIndex: 0,
-			className: x("mt-3 overflow-hidden focus:outline-none", !o && [
+			className: x("mt-3 overflow-hidden focus:outline-none", !i && [
 				"border bg-white dark:bg-gray-800/50 p-4",
 				"border-gray-200 dark:border-gray-700",
-				S[a]
-			], l),
-			children: /* @__PURE__ */ t("div", {
+				S[r]
+			], s),
+			children: /* @__PURE__ */ g("div", {
 				className: "tabs-panel-inner",
 				children: b?.content
-			}, d)
+			}, u)
 		})]
 	});
 }
 //#endregion
 //#region src/components/textarea/textarea.tsx
-function sr({ label: e, error: r, showCharCount: i = !1, minLength: a, maxLength: o, radius: s = "md", unstyled: c = !1, className: l, wrapperClassName: u, value: d, defaultValue: f, onChange: p, id: m, ...h }) {
-	let { fieldId: g, errorId: _ } = V(m), { length: v, trackLength: y } = Sn(d, f), b = i && (a !== void 0 || o !== void 0), C = (e) => {
-		y(e.target.value), p?.(e);
+function Or({ label: e, error: t, showCharCount: n = !1, minLength: r, maxLength: i, radius: a = "md", unstyled: o = !1, className: s, wrapperClassName: c, value: l, defaultValue: u, onChange: d, id: f, ...p }) {
+	let { fieldId: m, errorId: h } = B(f), { length: v, trackLength: y } = jn(l, u), b = n && (r !== void 0 || i !== void 0), C = (e) => {
+		y(e.target.value), d?.(e);
 	};
-	return /* @__PURE__ */ n(de, {
-		fieldId: g,
-		errorId: _,
+	return /* @__PURE__ */ _(xe, {
+		fieldId: m,
+		errorId: h,
 		label: e,
-		error: r,
-		required: h.required,
-		wrapperClassName: u,
-		children: [/* @__PURE__ */ t("textarea", {
-			id: g,
-			className: x("w-full min-h-[80px] resize-y disabled:opacity-50 disabled:cursor-not-allowed", !c && [
-				B,
-				S[s],
+		error: t,
+		required: p.required,
+		wrapperClassName: c,
+		children: [/* @__PURE__ */ g("textarea", {
+			id: m,
+			className: x("w-full min-h-[80px] resize-y disabled:opacity-50 disabled:cursor-not-allowed", !o && [
+				de,
+				S[a],
 				"px-3 py-2 text-sm"
-			], !c && r && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), l),
-			...d === void 0 ? { defaultValue: f } : { value: d },
-			minLength: a,
-			maxLength: o,
+			], !o && t && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), s),
+			...l === void 0 ? { defaultValue: u } : { value: l },
+			minLength: r,
+			maxLength: i,
 			onChange: C,
-			"aria-invalid": !!r,
-			"aria-describedby": r ? _ : void 0,
-			...h
-		}), b && /* @__PURE__ */ t(R, {
+			"aria-invalid": !!t,
+			"aria-describedby": t ? h : void 0,
+			...p
+		}), b && /* @__PURE__ */ g(ue, {
 			current: v,
-			min: a,
-			max: o,
-			showMin: a !== void 0,
-			showMax: o !== void 0
+			min: r,
+			max: i,
+			showMin: r !== void 0,
+			showMax: i !== void 0
 		})]
 	});
 }
 //#endregion
 //#region src/stores/theme_store/theme_store.ts
-var cr = "theme";
-function lr(e) {
+var kr = "theme";
+function Ar(e) {
 	return e === "light" || e === "dark" || e === "system";
 }
-function ur() {
+function jr() {
 	return globalThis.window !== void 0 && globalThis.document !== void 0;
 }
-function dr(e) {
+function Mr(e) {
 	let t = window.matchMedia("(prefers-color-scheme: dark)").matches, n = e === "dark" || e === "system" && t;
 	document.documentElement.classList.toggle("dark", n);
 }
-function fr() {
-	if (!ur()) return "system";
-	let e = globalThis.localStorage.getItem(cr);
-	return lr(e) ? e : "system";
+function Nr() {
+	if (!jr()) return "system";
+	let e = globalThis.localStorage.getItem(kr);
+	return Ar(e) ? e : "system";
 }
-var pr = fr();
-ur() && dr(pr);
-var mr = Un((e) => ({
-	theme: pr,
+var Pr = Nr();
+jr() && Mr(Pr);
+var Fr = ur((e) => ({
+	theme: Pr,
 	setTheme: (t) => {
-		dr(t), ur() && globalThis.localStorage.setItem(cr, t), e({ theme: t });
+		Mr(t), jr() && globalThis.localStorage.setItem(kr, t), e({ theme: t });
 	}
 }));
-ur() && (globalThis.addEventListener("storage", (e) => {
-	if (e.key !== cr) return;
-	let t = lr(e.newValue) ? e.newValue : "system";
-	dr(t), mr.setState({ theme: t });
+jr() && (globalThis.addEventListener("storage", (e) => {
+	if (e.key !== kr) return;
+	let t = Ar(e.newValue) ? e.newValue : "system";
+	Mr(t), Fr.setState({ theme: t });
 }), globalThis.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
-	mr.getState().theme === "system" && dr("system");
+	Fr.getState().theme === "system" && Mr("system");
 }));
 //#endregion
 //#region src/lib/theme_transition.ts
-var hr = 750, gr = "ease-in-out";
-async function _r({ theme: e, element: t, transitionDuration: n = hr, transitionEasing: r = gr, applyThemeCallback: i }) {
+var Ir = 750, Lr = "ease-in-out";
+async function Rr({ theme: e, element: t, transitionDuration: n = Ir, transitionEasing: r = Lr, applyThemeCallback: i }) {
 	if (!document.startViewTransition || globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches) {
 		i(e);
 		return;
@@ -2394,43 +2559,43 @@ async function _r({ theme: e, element: t, transitionDuration: n = hr, transition
 		pseudoElement: "::view-transition-new(root)"
 	});
 }
-function vr(e) {
+function zr(e) {
 	return e === "light" ? "dark" : e === "dark" ? "system" : "light";
 }
 //#endregion
 //#region src/components/theme_toggle/theme_toggle.tsx
-var yr = {
+var Br = {
 	light: "i-tabler-sun text-yellow-500",
 	dark: "i-tabler-moon-stars text-gray-700 dark:text-yellow-500",
 	system: "i-tabler-device-desktop text-blue-500"
-}, br = "i-tabler-device-desktop text-gray-400";
-function xr(e) {
+}, Vr = "i-tabler-device-desktop text-gray-400";
+function Hr(e) {
 	return `Current theme: ${e}`;
 }
-function Sr({ isTransitionEnabled: e = !0, transitionDuration: n, transitionEasing: r, size: i = "md", radius: a, variant: o, getAriaLabel: s = xr }) {
-	let c = mr((e) => e.theme), u = mr((e) => e.setTheme), d = le(), f = h(null), p = l(async () => {
-		let t = vr(c), i = f.current;
-		i && e ? await _r({
-			theme: t,
+function Ur({ isTransitionEnabled: e = !0, transitionDuration: t, transitionEasing: n, size: r = "md", radius: i, variant: a, getAriaLabel: s = Hr }) {
+	let c = Fr((e) => e.theme), l = Fr((e) => e.setTheme), u = ye(), d = f(null), p = o(async () => {
+		let r = zr(c), i = d.current;
+		i && e ? await Rr({
+			theme: r,
 			element: i,
-			transitionDuration: n,
-			transitionEasing: r,
-			applyThemeCallback: u
-		}) : u(t);
+			transitionDuration: t,
+			transitionEasing: n,
+			applyThemeCallback: l
+		}) : l(r);
 	}, [
 		c,
 		e,
+		t,
 		n,
-		r,
-		u
-	]), m = d ? yr[c] : br;
-	return /* @__PURE__ */ t(bn, {
-		ref: f,
+		l
+	]), m = u ? Br[c] : Vr;
+	return /* @__PURE__ */ g(kn, {
+		ref: d,
 		icon: m,
 		"aria-label": s(c),
-		size: i,
-		radius: a,
-		variant: o,
+		size: r,
+		radius: i,
+		variant: a,
 		onClick: () => {
 			p();
 		}
@@ -2438,72 +2603,72 @@ function Sr({ isTransitionEnabled: e = !0, transitionDuration: n, transitionEasi
 }
 //#endregion
 //#region src/components/tooltip/tooltip.tsx
-var Cr = 8, wr = 8, Tr = {
+var Wr = 8, Gr = 8, Kr = {
 	top: "data-[state=closed]:translate-y-1",
 	bottom: "data-[state=closed]:-translate-y-1",
 	left: "data-[state=closed]:translate-x-1",
 	right: "data-[state=closed]:-translate-x-1"
-}, Er = {
+}, qr = {
 	top: "bottom",
 	bottom: "top",
 	left: "right",
 	right: "left"
 };
-function Dr({ content: r, children: i, position: o = "top", showOnClick: s = !1, temporaryContent: u, temporaryDuration: p = 2e3, disabled: m = !1, radius: _ = "lg", onTemporaryShow: v, className: b, ref: C }) {
-	let { isMounted: w, isVisible: T, setIsVisible: E, open: D, close: O } = sn(), [k, A] = g(!1), j = f(), M = h(null), N = h(void 0), { refs: P, floatingStyles: F, placement: I, middlewareData: L, isPositioned: R } = Yt({
-		placement: o,
+function Jr({ content: e, children: t, position: r = "top", showOnClick: i = !1, temporaryContent: s, temporaryDuration: u = 2e3, disabled: d = !1, radius: m = "lg", onTemporaryShow: v, className: b, ref: C }) {
+	let { isMounted: w, isVisible: T, setIsVisible: E, open: D, close: O } = gn(), [k, A] = p(!1), j = l(), M = f(null), N = f(void 0), { refs: P, floatingStyles: F, placement: I, middlewareData: ee, isPositioned: L } = rn({
+		placement: r,
 		open: w,
-		whileElementsMounted: Rt,
+		whileElementsMounted: Kt,
 		middleware: [
-			Zt(Cr),
-			$t(),
-			Qt({ padding: 8 }),
-			en({ element: M })
+			on(Wr),
+			cn(),
+			sn({ padding: 8 }),
+			ln({ element: M })
 		]
-	}), z = I.split("-")[0];
-	cn(w, R, E);
-	let ee = l((e) => En(P.setReference, C)(e), [P, C]), te = () => {
+	}), R = I.split("-")[0];
+	_n(w, L, E);
+	let te = o((e) => Fn(P.setReference, C)(e), [P, C]), ne = () => {
 		A(!1), O();
-	}, ne = () => {
-		m || !u || (A(!0), D(R), clearTimeout(N.current), N.current = setTimeout(te, p), v?.());
-	}, B = () => {
-		m || D(R);
 	}, re = () => {
-		clearTimeout(N.current), te();
+		d || !s || (A(!0), D(L), clearTimeout(N.current), N.current = setTimeout(ne, u), v?.());
+	}, z = () => {
+		d || D(L);
+	}, ie = () => {
+		clearTimeout(N.current), ne();
 	};
-	d(() => () => clearTimeout(N.current), []);
-	let ie = w && !m, ae = k && u ? u : r, oe = {
+	c(() => () => clearTimeout(N.current), []);
+	let ae = w && !d, oe = k && s ? s : e, se = {
 		onClick: (e) => {
-			s && u && ne(), c(i) && i.props.onClick?.(e);
+			i && s && re(), a(t) && t.props.onClick?.(e);
 		},
-		"aria-describedby": ie ? j : void 0
-	}, V = c(i) ? a(i, oe) : i, se = L.arrow?.x, H = L.arrow?.y, ce = Er[z];
-	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
-		ref: ee,
+		"aria-describedby": ae ? j : void 0
+	}, ce = a(t) ? n(t, se) : t, le = ee.arrow?.x, ue = ee.arrow?.y, de = qr[R];
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
+		ref: te,
 		className: x("inline-block", b),
-		onMouseEnter: B,
-		onMouseLeave: re,
-		onFocus: B,
-		onBlur: re,
-		children: V
-	}), ie && y(/* @__PURE__ */ t("div", {
+		onMouseEnter: z,
+		onMouseLeave: ie,
+		onFocus: z,
+		onBlur: ie,
+		children: ce
+	}), ae && y(/* @__PURE__ */ g("div", {
 		ref: P.setFloating,
 		style: F,
 		className: "z-50 inline-block pointer-events-none",
-		children: /* @__PURE__ */ n("div", {
+		children: /* @__PURE__ */ _("div", {
 			id: j,
 			role: "tooltip",
 			"data-state": T ? "open" : "closed",
-			className: x("px-3 py-1.5 text-sm whitespace-nowrap", "text-white dark:text-gray-900 bg-gray-900 dark:bg-gray-100 shadow-lg", "transition-[opacity,transform] duration-150 ease-out", T ? "opacity-100" : "opacity-0", Tr[z], S[_]),
-			children: [ae, /* @__PURE__ */ t("div", {
+			className: x("px-3 py-1.5 text-sm whitespace-nowrap", "text-white dark:text-gray-900 bg-gray-900 dark:bg-gray-100 shadow-lg", "transition-[opacity,transform] duration-150 ease-out", T ? "opacity-100" : "opacity-0", Kr[R], S[m]),
+			children: [oe, /* @__PURE__ */ g("div", {
 				ref: M,
 				style: {
 					position: "absolute",
-					width: `${wr}px`,
-					height: `${wr}px`,
-					left: se === void 0 ? void 0 : `${se}px`,
-					top: H === void 0 ? void 0 : `${H}px`,
-					[ce]: `-${wr / 2}px`
+					width: `${Gr}px`,
+					height: `${Gr}px`,
+					left: le === void 0 ? void 0 : `${le}px`,
+					top: ue === void 0 ? void 0 : `${ue}px`,
+					[de]: `-${Gr / 2}px`
 				},
 				className: "rotate-45 bg-gray-900 dark:bg-gray-100"
 			})]
@@ -2512,11 +2677,11 @@ function Dr({ content: r, children: i, position: o = "top", showOnClick: s = !1,
 }
 //#endregion
 //#region src/hooks/use_is_client/with_client_only.tsx
-var Or = (e) => {
-	function n(n) {
-		return le() ? /* @__PURE__ */ t(e, { ...n }) : null;
+var Yr = (e) => {
+	function t(t) {
+		return ye() ? /* @__PURE__ */ g(e, { ...t }) : null;
 	}
-	return n;
+	return t;
 };
 //#endregion
-export { B as BASE_INPUT_STYLES, M as Badge, F as Button, R as CharacterCount, ce as Checkbox, ue as ClientOnly, fe as Combobox, Xn as ConfirmModal, fn as ContextMenu, hn as CopyButton, _n as Highlight, bn as IconButton, Cn as Input, Tn as Kbd, kn as Menu, An as MenuItem, $n as Modal, er as ModalFooter, tr as ModalProvider, rr as RadioOptions, ir as Select, ar as Switch, or as Tabs, sr as Textarea, Sr as ThemeToggle, Dr as Tooltip, gn as splitIntoHighlightSegments, Kn as useDisableHotkeysWhileMounted, Wn as useGlobalHotkeysStore, le as useIsClient, mr as useThemeStore, Or as withClientOnly };
+export { P as Avatar, de as BASE_INPUT_STYLES, I as Badge, R as Button, se as Card, ue as CharacterCount, ve as Checkbox, be as ClientOnly, Se as Combobox, _r as ConfirmModal, xn as ContextMenu, wn as CopyButton, En as Highlight, kn as IconButton, Mn as Input, Pn as Kbd, Rn as Menu, zn as MenuGroup, Xn as MenuItem, Zn as MenuSeparator, br as Modal, xr as ModalFooter, Sr as ModalProvider, wr as RadioOptions, Tr as Select, Er as Switch, Dr as Tabs, Or as Textarea, Ur as ThemeToggle, Jr as Tooltip, Tn as splitIntoHighlightSegments, pr as useDisableHotkeysWhileMounted, dr as useGlobalHotkeysStore, ye as useIsClient, Fr as useThemeStore, Yr as withClientOnly };