@minimalstuff/ui 2.1.0 → 3.0.0

package/dist/minimalstuff-ui.js

@@ -1,30 +1,34 @@
 import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import r, { createElement as i, useCallback as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u, useSyncExternalStore as d } from "react";
-import { createPortal as f } from "react-dom";
+import * as r from "react";
+import i, { Children as a, Fragment as o, cloneElement as s, createContext as c, createElement as l, isValidElement as u, useCallback as d, useContext as f, useEffect as p, useId as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v, useSyncExternalStore as y } from "react";
+import * as b from "react-dom";
+import { createPortal as x } from "react-dom";
 //#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function p(e) {
+function S(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
-	else if (typeof e == "object") if (Array.isArray(e)) {
-		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = p(e[t])) && (r && (r += " "), r += n);
-	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	else if (typeof e == "object") {
+		if (Array.isArray(e)) {
+			var i = e.length;
+			for (t = 0; t < i; t++) e[t] && (n = S(e[t])) && (r && (r += " "), r += n);
+		} else for (n in e) e[n] && (r && (r += " "), r += n);
+	}
 	return r;
 }
-function m() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = p(e)) && (r && (r += " "), r += t);
+function C() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = S(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region src/components/shared/radius.ts
-var h = {
+var w = {
 	none: "rounded-none",
 	sm: "rounded-sm",
 	md: "rounded-md",
 	lg: "rounded-lg",
 	xl: "rounded-xl",
 	full: "rounded-full"
-}, g = {
+}, T = "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", E = "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", D = "focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-white dark:focus-within:ring-offset-gray-900", O = "focus-within:ring-blue-500", k = "focus-within:ring-red-500", A = {
 	primary: {
 		solid: "border-transparent bg-blue-600 text-white enabled:hover:bg-blue-700 enabled:active:bg-blue-800 dark:bg-blue-500 dark:enabled:hover:bg-blue-600 dark:enabled:active:bg-blue-700",
 		outline: "border-blue-300 bg-transparent text-blue-700 enabled:hover:bg-blue-50 enabled:active:bg-blue-100 dark:border-blue-800 dark:text-blue-400 dark:enabled:hover:bg-blue-950/40 dark:enabled:active:bg-blue-950/60",
@@ -52,110 +56,166 @@ var h = {
 		ghost: "border-transparent bg-transparent text-green-700 enabled:hover:bg-green-50 enabled:active:bg-green-100 dark:text-green-400 dark:enabled:hover:bg-green-950/40 dark:enabled:active:bg-green-950/60",
 		subtle: "border-transparent bg-green-50 text-green-700 enabled:hover:bg-green-100 enabled:active:bg-green-200 dark:bg-green-500/10 dark:text-green-400 dark:enabled:hover:bg-green-500/20 dark:enabled:active:bg-green-500/30",
 		focusOutline: "focus-visible:outline-green-500"
+	},
+	warning: {
+		solid: "border-transparent bg-yellow-600 text-white enabled:hover:bg-yellow-700 enabled:active:bg-yellow-800 dark:bg-yellow-500 dark:enabled:hover:bg-yellow-600 dark:enabled:active:bg-yellow-700",
+		outline: "border-yellow-300 bg-transparent text-yellow-700 enabled:hover:bg-yellow-50 enabled:active:bg-yellow-100 dark:border-yellow-800 dark:text-yellow-400 dark:enabled:hover:bg-yellow-950/40 dark:enabled:active:bg-yellow-950/60",
+		ghost: "border-transparent bg-transparent text-yellow-700 enabled:hover:bg-yellow-50 enabled:active:bg-yellow-100 dark:text-yellow-400 dark:enabled:hover:bg-yellow-950/40 dark:enabled:active:bg-yellow-950/60",
+		subtle: "border-transparent bg-yellow-50 text-yellow-700 enabled:hover:bg-yellow-100 enabled:active:bg-yellow-200 dark:bg-yellow-500/10 dark:text-yellow-400 dark:enabled:hover:bg-yellow-500/20 dark:enabled:active:bg-yellow-500/30",
+		focusOutline: "focus-visible:outline-yellow-500"
 	}
-}, _ = "cursor-pointer inline-flex items-center justify-center transition-[color,background-color,border-color,transform] duration-200 enabled:active:duration-75 enabled:active:scale-[0.95] outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", v = {
+}, j = "inline-flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed", M = `cursor-pointer transition-[color,background-color,border-color,transform] duration-200 enabled:active:duration-75 enabled:active:scale-[0.95] ${T}`, N = {
+	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"
+}, P = ({ children: e, color: n = "primary", variant: r = "subtle", size: i = "sm", radius: a = "md", className: o, ...s }) => /* @__PURE__ */ t("span", {
+	className: C("inline-flex items-center gap-1 border", w[a], N[i], A[n][r], o),
+	...s,
+	children: e
+}), F = {
 	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"
-}, y = {
+}, I = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
-}, b = ({ variant: e = "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 }) => {
-	let b = g[r], x = y[i];
+};
+function ee(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 = A[a], _ = I[o];
 	return /* @__PURE__ */ n("button", {
 		type: "button",
-		className: m(_, "gap-2 font-medium", e !== "unstyled" && [
-			"border",
-			h[a],
-			b[e],
-			b.focusOutline
-		], v[i], c && "w-full", s),
-		disabled: f ?? l,
-		"aria-busy": l || void 0,
-		...p,
+		className: C(j, !r && [
+			M,
+			"gap-2 font-medium border",
+			w[s],
+			F[o],
+			g[i],
+			g.focusOutline
+		], u && "w-full", l),
+		disabled: m ?? d,
+		"aria-busy": d || void 0,
+		...h,
 		children: [
-			l && /* @__PURE__ */ t("span", {
-				className: m("i-svg-spinners-3-dots-fade", x),
+			d && /* @__PURE__ */ t("span", {
+				className: C("i-svg-spinners-3-dots-fade", _),
 				"aria-hidden": "true"
 			}),
-			!l && u && /* @__PURE__ */ t("span", {
-				className: m(u, x),
+			!d && f && /* @__PURE__ */ t("span", {
+				className: C(f, _),
 				"aria-hidden": "true"
 			}),
-			o,
-			!l && d && /* @__PURE__ */ t("span", {
-				className: m(d, x),
+			c,
+			!d && p && /* @__PURE__ */ t("span", {
+				className: C(p, _),
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, x = "text-xs text-gray-500 dark:text-gray-400 mt-1 text-right";
-function S(e) {
-	return e === "overLimit" ? "text-red-600 dark:text-red-400" : e === "atLimit" ? "text-amber-600 dark:text-amber-400" : "";
 }
-function C({ current: e, min: r, max: i, showMin: a, showMax: o }) {
-	let s = a === !0 || o === !0, c = r !== void 0 && e <= r ? "atLimit" : "ok", l = i !== void 0 && e > i ? "overLimit" : i !== void 0 && e >= i ? "atLimit" : "ok", u = s ? `${e}/${r} min` : `${e} (min ${r})`, d = s ? `${e}/${i} max` : `${e}/${i}`;
+//#endregion
+//#region src/components/character_count/character_count.tsx
+var L = "text-xs text-gray-500 dark:text-gray-400 mt-1 text-right";
+function R(e, t) {
+	return t ? "" : e === "overLimit" ? "text-red-600 dark:text-red-400" : e === "atLimit" ? "text-amber-600 dark:text-amber-400" : "";
+}
+function te({ 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,
+		className: C(!s && L, c),
 		children: [
 			a && r !== void 0 && /* @__PURE__ */ t("span", {
-				className: S(c),
-				children: u
+				className: R(u, s),
+				children: f
 			}),
 			a && o && " · ",
 			o && i !== void 0 && /* @__PURE__ */ t("span", {
-				className: S(l),
-				children: d
+				className: R(d, s),
+				children: p
 			}),
 			!a && !o && i !== void 0 && /* @__PURE__ */ t("span", {
-				className: S(l),
-				children: d
+				className: R(d, s),
+				children: p
 			}),
 			!a && !o && r !== void 0 && i === void 0 && /* @__PURE__ */ t("span", {
-				className: S(c),
-				children: u
+				className: R(u, s),
+				children: f
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/shared/surface_tokens.ts
-var w = "border-gray-300 dark:border-gray-600", T = "bg-white dark:bg-gray-800", E = "border-gray-200 dark:border-gray-700", D = "bg-white dark:bg-gray-900", O = "bg-blue-600 dark:bg-blue-500", k = "text-sm font-medium text-gray-700 dark:text-gray-300", A = "border-red-500 dark:border-red-400";
+var ne = "border-gray-300 dark:border-gray-600", re = "bg-white dark:bg-gray-800", ie = "border-gray-100 dark:border-gray-800", ae = "bg-white dark:bg-gray-900", z = `w-full border ${ne} ${re} text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 ${E} transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`, oe = "text-xs text-gray-500 dark:text-gray-400", se = "text-xs text-red-600 dark:text-red-400", ce = "border-red-500 dark:border-red-400", le = ({ id: e, error: n, className: r }) => n ? /* @__PURE__ */ t("p", {
+	id: e,
+	className: C(se, r),
+	role: "alert",
+	children: n
+}) : null;
+//#endregion
+//#region src/components/shared/use_field_ids.ts
+function B(e) {
+	let t = m(), n = e ?? t;
+	return {
+		fieldId: n,
+		errorId: `${n}-error`,
+		descriptionId: `${n}-description`
+	};
+}
+//#endregion
+//#region src/components/shared/field_description.tsx
+var ue = ({ id: e, description: n, className: r }) => n ? typeof n == "string" ? /* @__PURE__ */ t("p", {
+	id: e,
+	className: C(oe, r),
+	children: n
+}) : /* @__PURE__ */ t("span", {
+	id: e,
+	className: C(oe, "block", r),
+	children: n
+}) : null;
+//#endregion
+//#region src/components/shared/use_controlled_state.ts
+function de(e, t) {
+	let [n, r] = v(t), i = e !== void 0, a = d((e) => {
+		i || r(e);
+	}, [i]);
+	return [i ? e : n, a];
+}
 //#endregion
 //#region src/components/checkbox/checkbox.tsx
-function j({ label: e, description: r, error: i, radius: a = "sm", unstyled: o = !1, className: c, wrapperClassName: l, checked: d, defaultChecked: f = !1, onChange: p, id: g = "checkbox", ..._ }) {
-	let v = `${g}-${s()}`, [y, b] = u(f), x = d !== void 0, S = x ? d : y, C = [r && `${v}-description`, i && `${v}-error`].filter(Boolean).join(" ") || void 0;
+function fe({ 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: _ } = B(p), [v, y] = de(u, d), b = [i && _, a && g].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ n("div", {
-		className: m("w-full", l),
+		className: C("w-full", l),
 		children: [
 			/* @__PURE__ */ n("label", {
-				htmlFor: v,
-				className: m("flex items-start gap-3 cursor-pointer", _.disabled && "cursor-not-allowed opacity-50"),
+				htmlFor: h,
+				className: C("flex items-start gap-3 cursor-pointer", m.disabled && "cursor-not-allowed opacity-50"),
 				children: [/* @__PURE__ */ n("span", {
-					className: m("relative shrink-0 rounded", "focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-white dark:focus-within:ring-offset-gray-900", i ? "focus-within:ring-red-500" : "focus-within:ring-blue-500"),
+					className: C("relative shrink-0", w[o], D, a ? k : O),
 					children: [/* @__PURE__ */ t("input", {
 						type: "checkbox",
-						id: v,
+						id: h,
 						className: "sr-only",
-						checked: S,
+						checked: v,
 						onChange: (e) => {
-							x || b(e.target.checked), p?.(e);
+							y(e.target.checked), f?.(e);
 						},
-						"aria-invalid": !!i,
-						"aria-describedby": C,
-						..._
+						"aria-invalid": !!a,
+						"aria-describedby": b,
+						...m
 					}), /* @__PURE__ */ t("span", {
-						className: m("flex h-5 w-5 items-center justify-center transition-all duration-200", !o && [
-							h[a],
+						className: C("flex h-5 w-5 items-center justify-center transition-all duration-200", !s && [
+							w[o],
 							"border-2",
-							S ? m("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : m("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800"),
-							i && "border-red-500 dark:border-red-400"
+							v ? C("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : C("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800"),
+							a && "border-red-500 dark:border-red-400"
 						], c),
 						"aria-hidden": !0,
-						children: S && /* @__PURE__ */ t("svg", {
+						children: v && /* @__PURE__ */ t("svg", {
 							className: "h-3 w-3 text-white",
 							viewBox: "0 0 12 12",
 							fill: "none",
@@ -166,252 +226,1497 @@ function j({ label: e, description: r, error: i, radius: a = "sm", unstyled: o =
 							children: /* @__PURE__ */ t("polyline", { points: "2 6 5 9 10 3" })
 						})
 					})]
-				}), typeof e == "string" ? /* @__PURE__ */ n("span", {
-					className: m(k, "select-none"),
-					children: [e, _.required && /* @__PURE__ */ t("span", {
+				}), r !== void 0 && (typeof r == "string" ? /* @__PURE__ */ n("span", {
+					className: C("text-sm font-medium text-gray-700 dark:text-gray-300", "select-none"),
+					children: [r, m.required && /* @__PURE__ */ t("span", {
 						className: "text-red-500 dark:text-red-400 ml-1",
 						children: "*"
 					})]
-				}) : e]
+				}) : /* @__PURE__ */ n(e, { children: [r, m.required && /* @__PURE__ */ t("span", {
+					className: "text-red-500 dark:text-red-400 ml-1",
+					children: "*"
+				})] }))]
+			}),
+			/* @__PURE__ */ t(ue, {
+				id: _,
+				description: i,
+				className: "mt-1 ml-8"
 			}),
-			r && (typeof r == "string" ? /* @__PURE__ */ t("p", {
-				id: `${v}-description`,
-				className: m("text-xs text-gray-500 dark:text-gray-400", "mt-1 ml-8"),
-				children: r
-			}) : /* @__PURE__ */ t("span", {
-				id: `${v}-description`,
-				className: m("text-xs text-gray-500 dark:text-gray-400", "block mt-1 ml-8"),
-				children: r
-			})),
-			i && /* @__PURE__ */ t("p", {
-				id: `${v}-error`,
-				className: m("text-xs text-red-600 dark:text-red-400", "mt-1 ml-8"),
-				role: "alert",
-				children: i
+			/* @__PURE__ */ t(le, {
+				id: g,
+				error: a,
+				className: "mt-1 ml-8"
 			})
 		]
 	});
 }
 //#endregion
-//#region src/hooks/use_client_only/use_client_only.tsx
-var M = () => {
-	let [e, t] = u(!1);
-	return o(() => {
+//#region src/hooks/use_is_client/use_is_client.tsx
+var pe = () => {
+	let [e, t] = v(!1);
+	return p(() => {
 		requestAnimationFrame(() => {
 			t(!0);
 		});
 	}, []), e;
-}, N = (e) => (n) => M() ? /* @__PURE__ */ t(e, { ...n }) : null;
+};
 //#endregion
 //#region src/components/client_only/client_only.tsx
-function P({ children: n, fallback: r }) {
-	return M() ? /* @__PURE__ */ t(e, { children: n }) : r ?? null;
+function me({ children: n, fallback: r }) {
+	return pe() ? /* @__PURE__ */ t(e, { children: n }) : r ?? null;
 }
 //#endregion
-//#region src/components/input/input.tsx
-var F = `w-full border ${w} ${T} text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`;
-function I({ label: e, error: r, showCharCount: i = !1, minLength: a, maxLength: o, radius: c = "md", unstyled: l = !1, className: d, wrapperClassName: f, value: p, defaultValue: g, onChange: _, id: v = "input", ...y }) {
-	let b = `${v}-${s()}`, [x, S] = u(typeof g == "string" ? g.length : 0), w = typeof p == "string" ? p.length : p === void 0 ? x : 0, T = i && (a !== void 0 || o !== void 0), E = (e) => {
-		p === void 0 && S(e.target.value.length), _?.(e);
-	};
-	return /* @__PURE__ */ n("div", {
-		className: m("w-full", f),
-		children: [
-			typeof e == "string" ? /* @__PURE__ */ n("label", {
-				className: m(k, "block mb-1"),
-				htmlFor: b,
-				children: [e, y.required && /* @__PURE__ */ t("span", {
-					className: "text-red-500 dark:text-red-400 ml-1",
-					children: "*"
-				})]
-			}) : e,
-			/* @__PURE__ */ t("input", {
-				id: b,
-				className: m("w-full disabled:opacity-50 disabled:cursor-not-allowed", !l && [
-					F,
-					h[c],
-					"px-3 py-2 text-sm"
-				], !l && r && m("border-red-500 dark:border-red-400", "focus:ring-red-500"), d),
-				...p === void 0 ? { defaultValue: g } : { value: p },
-				minLength: a,
-				maxLength: o,
-				onChange: E,
-				"aria-invalid": !!r,
-				"aria-describedby": r ? `${b}-error` : void 0,
-				...y
-			}),
-			T && /* @__PURE__ */ t(C, {
-				current: w,
-				min: a,
-				max: o,
-				showMin: a !== void 0,
-				showMax: o !== void 0
-			}),
-			r && /* @__PURE__ */ t("p", {
-				id: `${b}-error`,
-				className: m("text-xs text-red-600 dark:text-red-400", "mt-1"),
-				role: "alert",
-				children: r
-			})
-		]
-	});
-}
+//#region src/components/shared/field.tsx
+var he = ({ fieldId: r, errorId: i, label: a, error: o, required: s = !1, wrapperClassName: c, children: l }) => /* @__PURE__ */ n("div", {
+	className: C("w-full", c),
+	children: [
+		a !== void 0 && (typeof a == "string" ? /* @__PURE__ */ n("label", {
+			className: C("text-sm font-medium text-gray-700 dark:text-gray-300", "block mb-1"),
+			htmlFor: r,
+			children: [a, s && /* @__PURE__ */ t("span", {
+				className: "text-red-500 dark:text-red-400 ml-1",
+				children: "*"
+			})]
+		}) : /* @__PURE__ */ n(e, { children: [a, s && /* @__PURE__ */ t("span", {
+			className: "text-red-500 dark:text-red-400 ml-1",
+			children: "*"
+		})] })),
+		l,
+		/* @__PURE__ */ t(le, {
+			id: i,
+			error: o,
+			className: "mt-1"
+		})
+	]
+});
 //#endregion
 //#region src/components/combobox/combobox.tsx
-function L({ options: e, label: r, error: i, placeholder: a, noResultsText: o = "No results found", radius: l = "md", unstyled: d = !1, disabled: f = !1, required: p = !1, className: g, wrapperClassName: _, value: v, defaultValue: y = "", onChange: b, id: x = "combobox" }) {
-	let S = `${x}-${s()}`, C = `${S}-listbox`, [w, T] = u(y), E = v !== void 0, D = E ? v : w, O = e.find((e) => e.value === D), [A, j] = u(""), [M, N] = u(!1), [P, I] = u(!1), [L, R] = u(-1), z = c(() => M ? e.filter((e) => e.label.toLowerCase().includes(A.toLowerCase())) : e, [
+function ge({ 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: m, defaultValue: h = "", onChange: _, id: y }) {
+	let { fieldId: b, errorId: x } = B(y), S = `${b}-listbox`, [T, E] = de(m, h), D = e.find((e) => e.value === T), [O, k] = v(""), [A, j] = v(!1), [M, N] = v(!1), [P, F] = v(-1), I = g(() => A ? e.filter((e) => e.label.toLowerCase().includes(O.toLowerCase())) : e, [
 		e,
-		M,
-		A
-	]), B = P ? A : O?.label ?? "", V = () => {
-		f || (j(O?.label ?? ""), N(!1), I(!0), R(-1));
-	}, H = () => {
-		I(!1), N(!1), R(-1);
-	}, U = (e) => {
-		E || T(e.value), b?.(e.value), H();
-	}, W = () => {
-		E || T(""), b?.(""), j("");
-	}, ee = (e) => {
-		j(e.target.value), N(!0), I(!0), R(0);
+		A,
+		O
+	]), ee = M ? O : D?.label ?? "", L = () => {
+		u || (k(D?.label ?? ""), j(!1), N(!0), F(-1));
+	}, R = () => {
+		N(!1), j(!1), F(-1);
 	}, te = (e) => {
-		z.length !== 0 && R((t) => {
+		E(e.value), _?.(e.value), R();
+	}, ne = () => {
+		E(""), _?.(""), k("");
+	}, re = (e) => {
+		k(e.target.value), j(!0), N(!0), F(0);
+	}, ie = (e) => {
+		I.length !== 0 && F((t) => {
 			let n = t + e;
-			return n < 0 ? z.length - 1 : n >= z.length ? 0 : n;
+			return n < 0 ? I.length - 1 : n >= I.length ? 0 : n;
 		});
-	}, G = (e) => {
+	}, ae = (e) => {
 		if (e.key === "ArrowDown") {
-			e.preventDefault(), P ? te(1) : V();
+			e.preventDefault(), M ? ie(1) : L();
 			return;
 		}
 		if (e.key === "ArrowUp") {
-			e.preventDefault(), P ? te(-1) : V();
+			e.preventDefault(), M ? ie(-1) : L();
 			return;
 		}
 		if (e.key === "Enter") {
-			if (!P) return;
+			if (!M) return;
 			e.preventDefault();
-			let t = z[L];
-			t && U(t);
+			let t = I[P];
+			t && te(t);
 			return;
 		}
 		if (e.key === "Escape") {
-			if (!P) return;
-			e.preventDefault(), H();
+			if (!M) return;
+			e.preventDefault(), R();
 		}
-	}, K = P && L >= 0 ? `${C}-option-${L}` : void 0;
-	return /* @__PURE__ */ n("div", {
-		className: m("w-full", _),
-		children: [
-			typeof r == "string" ? /* @__PURE__ */ n("label", {
-				className: m(k, "block mb-1"),
-				htmlFor: S,
-				children: [r, p && /* @__PURE__ */ t("span", {
-					className: "text-red-500 dark:text-red-400 ml-1",
-					children: "*"
-				})]
-			}) : r,
-			/* @__PURE__ */ n("div", {
-				className: "relative",
-				children: [
-					!d && /* @__PURE__ */ t("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",
+	}, oe = M && P >= 0 ? `${S}-option-${P}` : void 0;
+	return /* @__PURE__ */ t(he, {
+		fieldId: b,
+		errorId: x,
+		label: r,
+		error: i,
+		required: d,
+		wrapperClassName: p,
+		children: /* @__PURE__ */ n("div", {
+			className: "relative",
+			children: [
+				!l && /* @__PURE__ */ t("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", {
+					id: b,
+					role: "combobox",
+					type: "text",
+					autoComplete: "off",
+					disabled: u,
+					placeholder: a,
+					value: ee,
+					onChange: re,
+					onFocus: L,
+					onBlur: R,
+					onKeyDown: ae,
+					"aria-expanded": M,
+					"aria-controls": S,
+					"aria-autocomplete": "list",
+					"aria-activedescendant": oe,
+					"aria-invalid": !!i,
+					"aria-describedby": i ? x : void 0,
+					className: C("w-full disabled:opacity-50 disabled:cursor-not-allowed", !l && [
+						z,
+						w[c],
+						"pl-9 pr-8 py-2 text-sm"
+					], !l && i && C("border-red-500 dark:border-red-400", "focus:ring-red-500"), f)
+				}),
+				!l && D && !u && /* @__PURE__ */ t("button", {
+					type: "button",
+					"aria-label": s,
+					onMouseDown: (e) => e.preventDefault(),
+					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", {
+						className: "i-mdi-close block w-4 h-4",
 						"aria-hidden": !0
-					}),
-					/* @__PURE__ */ t("input", {
-						id: S,
-						role: "combobox",
-						type: "text",
-						autoComplete: "off",
-						disabled: f,
-						placeholder: a,
-						value: B,
-						onChange: ee,
-						onFocus: V,
-						onBlur: H,
-						onKeyDown: G,
-						"aria-expanded": P,
-						"aria-controls": C,
-						"aria-autocomplete": "list",
-						"aria-activedescendant": K,
-						"aria-invalid": !!i,
-						"aria-describedby": i ? `${S}-error` : void 0,
-						className: m("w-full disabled:opacity-50 disabled:cursor-not-allowed", !d && [
-							F,
-							h[l],
-							"pl-9 pr-8 py-2 text-sm"
-						], !d && i && m("border-red-500 dark:border-red-400", "focus:ring-red-500"), g)
-					}),
-					!d && O && !f && /* @__PURE__ */ t("button", {
-						type: "button",
-						"aria-label": "Clear selection",
-						onMouseDown: (e) => e.preventDefault(),
-						onClick: W,
-						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", {
-							className: "i-mdi-close block w-4 h-4",
-							"aria-hidden": !0
-						})
-					}),
-					P && /* @__PURE__ */ t("ul", {
-						id: C,
-						role: "listbox",
-						className: m("absolute z-10 mt-1 w-full max-h-60 overflow-auto py-1 text-sm shadow-lg", !d && [
-							"border",
-							"bg-white dark:bg-gray-900",
-							"border-gray-100 dark:border-gray-800",
-							h[l]
-						]),
-						children: z.length === 0 ? /* @__PURE__ */ t("li", {
-							className: "px-3 py-2 text-gray-500 dark:text-gray-400",
-							children: o
-						}) : z.map((e, n) => /* @__PURE__ */ t("li", {
-							id: `${C}-option-${n}`,
-							role: "option",
-							"aria-selected": e.value === D,
-							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => U(e),
-							className: m("px-3 py-2 cursor-pointer text-gray-900 dark:text-gray-100", n === L ? "bg-blue-50 dark:bg-blue-900/40" : "hover:bg-gray-50 dark:hover:bg-gray-800/60", e.value === D && "font-medium"),
-							children: e.label
-						}, e.value))
 					})
-				]
-			}),
-			i && /* @__PURE__ */ t("p", {
-				id: `${S}-error`,
-				className: m("text-xs text-red-600 dark:text-red-400", "mt-1"),
-				role: "alert",
-				children: i
+				}),
+				M && /* @__PURE__ */ t("ul", {
+					id: S,
+					role: "listbox",
+					className: C("absolute z-10 mt-1 w-full max-h-60 overflow-auto py-1 text-sm shadow-lg", !l && [
+						"border",
+						"bg-white dark:bg-gray-900",
+						"border-gray-100 dark:border-gray-800",
+						w[c]
+					]),
+					children: I.length === 0 ? /* @__PURE__ */ t("li", {
+						className: "px-3 py-2 text-gray-500 dark:text-gray-400",
+						children: o
+					}) : I.map((e, n) => /* @__PURE__ */ t("li", {
+						id: `${S}-option-${n}`,
+						role: "option",
+						"aria-selected": e.value === T,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => te(e),
+						className: C("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"),
+						children: e.label
+					}, e.value))
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+var V = Math.min, H = Math.max, _e = Math.round, ve = Math.floor, U = (e) => ({
+	x: e,
+	y: e
+}), ye = {
+	left: "right",
+	right: "left",
+	bottom: "top",
+	top: "bottom"
+};
+function be(e, t, n) {
+	return H(e, V(t, n));
+}
+function xe(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Se(e) {
+	return e.split("-")[0];
+}
+function Ce(e) {
+	return e.split("-")[1];
+}
+function we(e) {
+	return e === "x" ? "y" : "x";
+}
+function Te(e) {
+	return e === "y" ? "height" : "width";
+}
+function W(e) {
+	let t = e[0];
+	return t === "t" || t === "b" ? "y" : "x";
+}
+function Ee(e) {
+	return we(W(e));
+}
+function De(e, t, n) {
+	n === void 0 && (n = !1);
+	let r = Ce(e), i = Ee(e), a = Te(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = Ie(o)), [o, Ie(o)];
+}
+function Oe(e) {
+	let t = Ie(e);
+	return [
+		ke(e),
+		t,
+		ke(t)
+	];
+}
+function ke(e) {
+	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
+}
+var Ae = ["left", "right"], je = ["right", "left"], Me = ["top", "bottom"], Ne = ["bottom", "top"];
+function Pe(e, t, n) {
+	switch (e) {
+		case "top":
+		case "bottom": return n ? t ? je : Ae : t ? Ae : je;
+		case "left":
+		case "right": return t ? Me : Ne;
+		default: return [];
+	}
+}
+function Fe(e, t, n, r) {
+	let i = Ce(e), a = Pe(Se(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(ke)))), a;
+}
+function Ie(e) {
+	let t = Se(e);
+	return ye[t] + e.slice(t.length);
+}
+function Le(e) {
+	return {
+		top: e.top ?? 0,
+		right: e.right ?? 0,
+		bottom: e.bottom ?? 0,
+		left: e.left ?? 0
+	};
+}
+function Re(e) {
+	return typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : Le(e);
+}
+function ze(e) {
+	let { x: t, y: n, width: r, height: i } = e;
+	return {
+		width: r,
+		height: i,
+		top: n,
+		left: t,
+		right: t + r,
+		bottom: n + i,
+		x: t,
+		y: n
+	};
+}
+//#endregion
+//#region node_modules/.pnpm/@floating-ui+core@1.8.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+function Be(e, t, n) {
+	let { reference: r, floating: i } = e, a = W(t), o = Ee(t), s = Te(o), c = Se(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 = {
+				x: u,
+				y: r.y - i.height
+			};
+			break;
+		case "bottom":
+			p = {
+				x: u,
+				y: r.y + r.height
+			};
+			break;
+		case "right":
+			p = {
+				x: r.x + r.width,
+				y: d
+			};
+			break;
+		case "left":
+			p = {
+				x: r.x - i.width,
+				y: d
+			};
+			break;
+		default: p = {
+			x: r.x,
+			y: r.y
+		};
+	}
+	let m = Ce(t);
+	return m && (p[o] += f * (m === "end" ? 1 : -1) * (n && l ? -1 : 1)), p;
+}
+async function Ve(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 } = xe(t, e), p = Re(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = ze(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,
+		strategy: s
+	})), g = u === "floating" ? {
+		x: n,
+		y: r,
+		width: a.floating.width,
+		height: a.floating.height
+	} : 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 = ze(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+		elements: o,
+		rect: g,
+		offsetParent: _,
+		strategy: s
+	}) : g);
+	return {
+		top: (h.top - y.top + p.top) / v.y,
+		bottom: (y.bottom - h.bottom + p.bottom) / v.y,
+		left: (h.left - y.left + p.left) / v.x,
+		right: (y.right - h.right + p.right) / v.x
+	};
+}
+var He = 50, Ue = async (e, t, n) => {
+	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
+		...o,
+		detectOverflow: Ve
+	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
+		reference: e,
+		floating: t,
+		strategy: i
+	}), { x: u, y: d } = Be(l, r, c), f = r, p = 0, m = {};
+	for (let n = 0; n < a.length; n++) {
+		let h = a[n];
+		if (!h) continue;
+		let { name: g, fn: _ } = h, { x: v, y, data: b, reset: x } = await _({
+			x: u,
+			y: d,
+			initialPlacement: r,
+			placement: f,
+			strategy: i,
+			middlewareData: m,
+			rects: l,
+			platform: s,
+			elements: {
+				reference: e,
+				floating: t
+			}
+		});
+		u = v ?? u, d = y ?? d, m[g] = {
+			...m[g],
+			...b
+		}, x && p < He && (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} = Be(l, f, c)), n = -1);
+	}
+	return {
+		x: u,
+		y: d,
+		placement: f,
+		strategy: i,
+		middlewareData: m
+	};
+}, We = (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 } = xe(e, t) || {};
+		if (l == null) return {};
+		let d = Re(u), f = {
+			x: n,
+			y: r
+		}, p = Ee(i), m = Te(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 = V(d[_], T), D = V(d[v], T), O = C - h[m] - D, k = C / 2 - h[m] / 2 + w, A = be(E, k, O), j = !c.arrow && Ce(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: {
+				[p]: A,
+				centerOffset: k - A - M,
+				...j && { alignmentOffset: M }
+			},
+			reset: j
+		};
+	}
+}), Ge = 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 } = xe(e, t);
+			if ((n = i.arrow) != null && n.alignmentOffset) return {};
+			let g = Se(r), _ = W(o), v = Se(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Ie(o)] : Oe(o)), x = p !== "none";
+			!d && x && b.push(...Fe(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 = De(r, a, y);
+				w.push(C[e[0]], C[e[1]]);
+			}
+			if (T = [...T, {
+				placement: r,
+				overflows: w
+			}], !w.every((e) => e <= 0)) {
+				let e = (i.flip?.index || 0) + 1, t = S[e];
+				if (t && (u !== "alignment" || _ === W(t) || T.every((e) => W(e.placement) !== _ || e.overflows[0] > 0))) return {
+					data: {
+						index: e,
+						overflows: T
+					},
+					reset: { placement: t }
+				};
+				let n = T.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
+				if (!n) switch (f) {
+					case "bestFit": {
+						let e = T.filter((e) => {
+							if (x) {
+								let t = W(e.placement);
+								return t === _ || t === "y";
+							}
+							return !0;
+						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
+						e && (n = e);
+						break;
+					}
+					case "initialPlacement": n = o;
+				}
+				if (r !== n) return { reset: { placement: n } };
+			}
+			return {};
+		}
+	};
+}, Ke = /*#__PURE__*/ new Set(["left", "top"]);
+async function qe(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = Se(n), s = Ce(n), c = W(n) === "y", l = Ke.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = xe(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+		mainAxis: d,
+		crossAxis: 0,
+		alignmentAxis: null
+	} : {
+		mainAxis: d.mainAxis || 0,
+		crossAxis: d.crossAxis || 0,
+		alignmentAxis: d.alignmentAxis
+	};
+	return s && typeof m == "number" && (p = s === "end" ? m * -1 : m), c ? {
+		x: p * u,
+		y: f * l
+	} : {
+		x: f * l,
+		y: p * u
+	};
+}
+var Je = 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 qe(t, e);
+			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
+				x: r + s.x,
+				y: i + s.y,
+				data: {
+					...s,
+					placement: a
+				}
+			};
+		}
+	};
+}, Ye = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "shift",
+		options: e,
+		async fn(t) {
+			let { x: n, y: r, placement: i, platform: a } = t, { mainAxis: o = !0, crossAxis: s = !1, limiter: c = { fn: (e) => {
+				let { x: t, y: n } = e;
+				return {
+					x: t,
+					y: n
+				};
+			} }, ...l } = xe(e, t), u = {
+				x: n,
+				y: r
+			}, d = await a.detectOverflow(t, l), f = W(i), p = we(f), m = u[p], h = u[f], g = (e, t) => be(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,
+				[p]: m,
+				[f]: h
+			});
+			return {
+				..._,
+				data: {
+					x: _.x - n,
+					y: _.y - r,
+					enabled: {
+						[p]: o,
+						[f]: s
+					}
+				}
+			};
+		}
+	};
+};
+//#endregion
+//#region node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function Xe() {
+	return typeof window < "u";
+}
+function Ze(e) {
+	return Qe(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function G(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function K(e) {
+	return ((Qe(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+}
+function Qe(e) {
+	return Xe() ? e instanceof Node || e instanceof G(e).Node : !1;
+}
+function q(e) {
+	return Xe() ? e instanceof Element || e instanceof G(e).Element : !1;
+}
+function J(e) {
+	return Xe() ? e instanceof HTMLElement || e instanceof G(e).HTMLElement : !1;
+}
+function $e(e) {
+	return !Xe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof G(e).ShadowRoot;
+}
+function et(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = X(e);
+	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
+}
+function tt(e) {
+	return /^(table|td|th)$/.test(Ze(e));
+}
+function nt(e) {
+	try {
+		if (e.matches(":popover-open")) return !0;
+	} catch {}
+	try {
+		return e.matches(":modal");
+	} catch {
+		return !1;
+	}
+}
+var rt = /transform|translate|scale|rotate|perspective|filter/, it = /paint|layout|strict|content/, Y = (e) => !!e && e !== "none", at;
+function ot(e) {
+	let t = q(e) ? X(e) : e;
+	return Y(t.transform) || Y(t.translate) || Y(t.scale) || Y(t.rotate) || Y(t.perspective) || !ct() && (Y(t.backdropFilter) || Y(t.filter)) || rt.test(t.willChange || "") || it.test(t.contain || "");
+}
+function st(e) {
+	let t = Z(e);
+	for (; J(t) && !lt(t);) {
+		if (ot(t)) return t;
+		if (nt(t)) return null;
+		t = Z(t);
+	}
+	return null;
+}
+function ct() {
+	return at ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), at;
+}
+function lt(e) {
+	return /^(html|body|#document)$/.test(Ze(e));
+}
+function X(e) {
+	return G(e).getComputedStyle(e);
+}
+function ut(e) {
+	return q(e) ? {
+		scrollLeft: e.scrollLeft,
+		scrollTop: e.scrollTop
+	} : {
+		scrollLeft: e.scrollX,
+		scrollTop: e.scrollY
+	};
+}
+function Z(e) {
+	if (Ze(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || $e(e) && e.host || K(e);
+	return $e(t) ? t.host : t;
+}
+function dt(e) {
+	let t = Z(e);
+	return lt(t) ? (e.ownerDocument || e).body : J(t) && et(t) ? t : dt(t);
+}
+function ft(e, t, n) {
+	t === void 0 && (t = []), n === void 0 && (n = !0);
+	let r = dt(e), i = r === e.ownerDocument?.body, a = G(r);
+	if (i) {
+		let e = pt(a);
+		return t.concat(a, a.visualViewport || [], et(r) ? r : [], e && n ? ft(e) : []);
+	}
+	return t.concat(r, ft(r, [], n));
+}
+function pt(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 mt(e) {
+	let t = X(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = J(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = _e(n) !== a || _e(r) !== o;
+	return s && (n = a, r = o), {
+		width: n,
+		height: r,
+		$: s
+	};
+}
+function ht(e) {
+	return q(e) ? e : e.contextElement;
+}
+function Q(e) {
+	let t = ht(e);
+	if (!J(t)) return U(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = mt(t), o = (a ? _e(n.width) : n.width) / r, s = (a ? _e(n.height) : n.height) / i;
+	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+		x: o,
+		y: s
+	};
+}
+var gt = /*#__PURE__*/ U(0);
+function _t(e) {
+	let t = G(e);
+	return !ct() || !t.visualViewport ? gt : {
+		x: t.visualViewport.offsetLeft,
+		y: t.visualViewport.offsetTop
+	};
+}
+function vt(e, t, n) {
+	return t === void 0 && (t = !1), !!n && t && n === G(e);
+}
+function $(e, t, n, r) {
+	t === void 0 && (t = !1), n === void 0 && (n = !1);
+	let i = e.getBoundingClientRect(), a = ht(e), o = U(1);
+	t && (r ? q(r) && (o = Q(r)) : o = Q(e));
+	let s = vt(a, n, r) ? _t(a) : U(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 = G(a), t = q(r) ? G(r) : r, n = e, i = pt(n);
+		for (; i && t !== n;) {
+			let e = Q(i), t = i.getBoundingClientRect(), r = X(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 = G(i), i = pt(n);
+		}
+	}
+	return ze({
+		width: u,
+		height: d,
+		x: c,
+		y: l
+	});
+}
+function yt(e, t) {
+	let n = ut(e).scrollLeft;
+	return t ? t.left + n : $(K(e)).left + n;
+}
+function bt(e, t) {
+	let n = e.getBoundingClientRect();
+	return {
+		x: n.left + t.scrollLeft - yt(e, n),
+		y: n.top + t.scrollTop
+	};
+}
+function xt(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = K(r), s = t ? nt(t.floating) : !1;
+	if (r === o || s && a) return n;
+	let c = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, l = U(1), u = U(0), d = J(r);
+	if ((d || !a) && ((Ze(r) !== "body" || et(o)) && (c = ut(r)), d)) {
+		let e = $(r);
+		l = Q(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}
+	let f = o && !d && !a ? bt(o, c) : U(0);
+	return {
+		width: n.width * l.x,
+		height: n.height * l.y,
+		x: n.x * l.x - c.scrollLeft * l.x + u.x + f.x,
+		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
+	};
+}
+function St(e) {
+	return e.getClientRects ? Array.from(e.getClientRects()) : [];
+}
+function Ct(e) {
+	let t = ut(e), n = e.ownerDocument.body, r = H(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = H(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight), a = -t.scrollLeft + yt(e), o = -t.scrollTop;
+	return X(n).direction === "rtl" && (a += H(e.clientWidth, n.clientWidth) - r), {
+		width: r,
+		height: i,
+		x: a,
+		y: o
+	};
+}
+var wt = 25;
+function Tt(e, t, n) {
+	n === void 0 && (n = "viewport");
+	let r = n === "layoutViewport", i = G(e), a = K(e), o = i.visualViewport, s = a.clientWidth, c = a.clientHeight, l = 0, u = 0;
+	if (o) {
+		let e = !ct() || t === "fixed";
+		r ? e || (l = -o.offsetLeft, u = -o.offsetTop) : (s = o.width, c = o.height, e && (l = o.offsetLeft, u = o.offsetTop));
+	}
+	if (yt(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 <= wt && (s -= o);
+	}
+	return {
+		width: s,
+		height: c,
+		x: l,
+		y: u
+	};
+}
+function Et(e, t) {
+	let n = $(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = Q(e);
+	return {
+		width: e.clientWidth * a.x,
+		height: e.clientHeight * a.y,
+		x: i * a.x,
+		y: r * a.y
+	};
+}
+function Dt(e, t, n) {
+	let r;
+	if (t === "viewport" || t === "layoutViewport") r = Tt(e, n, t);
+	else if (t === "document") r = Ct(K(e));
+	else if (q(t)) r = Et(t, n);
+	else {
+		let n = _t(e);
+		r = {
+			x: t.x - n.x,
+			y: t.y - n.y,
+			width: t.width,
+			height: t.height
+		};
+	}
+	return ze(r);
+}
+function Ot(e, t) {
+	let n = t.get(e);
+	if (n) return n;
+	let r = ft(e, [], !1).filter((e) => q(e) && Ze(e) !== "body"), i = null, a = X(e).position === "fixed", o = a ? Z(e) : e;
+	for (; q(o) && !lt(o);) {
+		let e = X(o), t = ot(o), n = i ? i.position : a ? "fixed" : "";
+		!t && (n === "fixed" || n === "absolute" && e.position === "static") ? r = r.filter((e) => e !== o) : i = e, o = Z(o);
+	}
+	return t.set(e, r), r;
+}
+function kt(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? nt(t) ? [] : Ot(t, this._c) : [].concat(n), r], o = Dt(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 = Dt(t, a[e], i);
+		s = H(n.top, s), c = V(n.right, c), l = V(n.bottom, l), u = H(n.left, u);
+	}
+	return {
+		width: c - u,
+		height: l - s,
+		x: u,
+		y: s
+	};
+}
+function At(e) {
+	let { width: t, height: n } = mt(e);
+	return {
+		width: t,
+		height: n
+	};
+}
+function jt(e, t, n) {
+	let r = J(t), i = K(t), a = n === "fixed", o = $(e, !0, a, t), s = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, c = U(0);
+	if ((r || !a) && ((Ze(t) !== "body" || et(i)) && (s = ut(t)), r)) {
+		let e = $(t, !0, a, t);
+		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
+	}
+	!r && i && (c.x = yt(i));
+	let l = i && !r && !a ? bt(i, s) : U(0);
+	return {
+		x: o.left + s.scrollLeft - c.x - l.x,
+		y: o.top + s.scrollTop - c.y - l.y,
+		width: o.width,
+		height: o.height
+	};
+}
+function Mt(e) {
+	return X(e).position === "static";
+}
+function Nt(e, t) {
+	if (!J(e) || X(e).position === "fixed") return null;
+	if (t) return t(e);
+	let n = e.offsetParent;
+	return K(e) === n && (n = n.ownerDocument.body), n;
+}
+function Pt(e, t) {
+	let n = G(e);
+	if (nt(e)) return n;
+	if (!J(e)) {
+		let t = Z(e);
+		for (; t && !lt(t);) {
+			if (q(t) && !Mt(t)) return t;
+			t = Z(t);
+		}
+		return n;
+	}
+	let r = Nt(e, t);
+	for (; r && tt(r) && Mt(r);) r = Nt(r, t);
+	return r && lt(r) && Mt(r) && !ot(r) ? n : r || st(e) || n;
+}
+var Ft = async function(e) {
+	let t = this.getOffsetParent || Pt, n = this.getDimensions, r = await n(e.floating);
+	return {
+		reference: jt(e.reference, await t(e.floating), e.strategy),
+		floating: {
+			x: 0,
+			y: 0,
+			width: r.width,
+			height: r.height
+		}
+	};
+};
+function It(e) {
+	return X(e).direction === "rtl";
+}
+var Lt = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: xt,
+	getDocumentElement: K,
+	getClippingRect: kt,
+	getOffsetParent: Pt,
+	getElementRects: Ft,
+	getClientRects: St,
+	getDimensions: At,
+	getScale: Q,
+	isElement: q,
+	isRTL: It
+};
+function Rt(e, t) {
+	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function zt(e, t, n) {
+	let r = null, i, a = K(e);
+	function o() {
+		var e;
+		clearTimeout(i), (e = r) == null || e.disconnect(), r = null;
+	}
+	function s(n, c) {
+		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 = ve(d), h = ve(a.clientWidth - (u + f)), g = ve(a.clientHeight - (d + p)), _ = ve(u), v = {
+			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
+			threshold: H(0, V(1, c)) || 1
+		}, y = !0;
+		function b(t) {
+			let n = t[0].intersectionRatio;
+			if (!Rt(l, e.getBoundingClientRect())) return s();
+			if (n !== c) {
+				if (!y) return s();
+				n ? s(!1, n) : i = setTimeout(() => {
+					s(!1, 1e-7);
+				}, 1e3);
+			}
+			y = !1;
+		}
+		try {
+			r = new IntersectionObserver(b, {
+				...v,
+				root: a.ownerDocument
+			});
+		} catch {
+			r = new IntersectionObserver(b, v);
+		}
+		r.observe(e);
+	}
+	let c = G(e), l = () => s(n);
+	return c.addEventListener("resize", l), s(!0), () => {
+		c.removeEventListener("resize", l), o();
+	};
+}
+function Bt(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 = ht(e), u = i || a ? [...l ? ft(l) : [], ...t ? ft(t) : []] : [];
+	u.forEach((e) => {
+		i && e.addEventListener("scroll", n), a && e.addEventListener("resize", n);
+	});
+	let d = l && s ? zt(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(() => {
+			var e;
+			(e = p) == null || e.observe(t);
+		})), n();
+	}), l && !c && p.observe(l), t && p.observe(t));
+	let m, h = c ? $(e) : null;
+	c && g();
+	function g() {
+		let t = $(e);
+		h && !Rt(h, t) && n(), h = t, m = requestAnimationFrame(g);
+	}
+	return n(), () => {
+		var e;
+		u.forEach((e) => {
+			i && e.removeEventListener("scroll", n), a && e.removeEventListener("resize", n);
+		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
+	};
+}
+var Vt = Je, Ht = Ye, Ut = Ge, Wt = We, Gt = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map(), i = n ?? {}, a = {
+		...Lt,
+		...i.platform,
+		_c: r
+	};
+	return Ue(e, t, {
+		...i,
+		platform: a
+	});
+}, Kt = typeof document < "u" ? h : function() {};
+function qt(e, t) {
+	if (e === t) return !0;
+	if (typeof e != typeof t) return !1;
+	if (typeof e == "function" && e.toString() === t.toString()) return !0;
+	let n, r, i;
+	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 (!qt(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) && !qt(e[n], t[n])) return !1;
+		}
+		return !0;
+	}
+	return e !== e && t !== t;
+}
+function Jt(e) {
+	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Yt(e, t) {
+	let n = Jt(e);
+	return Math.round(t * n) / n;
+}
+function Xt(e) {
+	let t = r.useRef(e);
+	return Kt(() => {
+		t.current = e;
+	}), t;
+}
+function Zt(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({
+		x: 0,
+		y: 0,
+		strategy: n,
+		placement: t,
+		middlewareData: {},
+		isPositioned: !1
+	}), [p, m] = r.useState(i);
+	qt(p, i) || m(i);
+	let [h, g] = r.useState(null), [_, v] = r.useState(null), y = r.useCallback((e) => {
+		e !== w.current && (w.current = e, g(e));
+	}, []), x = r.useCallback((e) => {
+		e !== T.current && (T.current = e, v(e));
+	}, []), S = o || h, C = s || _, w = r.useRef(null), T = r.useRef(null), E = r.useRef(d), D = l != null, O = Xt(l), k = Xt(a), A = Xt(u), j = r.useCallback(() => {
+		if (!w.current || !T.current) return;
+		let e = {
+			placement: t,
+			strategy: n,
+			middleware: p
+		};
+		k.current && (e.platform = k.current), Gt(w.current, T.current, e).then((e) => {
+			let t = {
+				...e,
+				isPositioned: A.current !== !1
+			};
+			M.current && !qt(E.current, t) && (E.current = t, b.flushSync(() => {
+				f(t);
+			}));
+		});
+	}, [
+		p,
+		t,
+		n,
+		k,
+		A
+	]);
+	Kt(() => {
+		u === !1 && E.current.isPositioned && (E.current.isPositioned = !1, f((e) => ({
+			...e,
+			isPositioned: !1
+		})));
+	}, [u]);
+	let M = r.useRef(!1);
+	Kt(() => (M.current = !0, () => {
+		M.current = !1;
+	}), []), Kt(() => {
+		if (S && (w.current = S), C && (T.current = C), S && C) {
+			if (O.current) return O.current(S, C, j);
+			j();
+		}
+	}, [
+		S,
+		C,
+		j,
+		O,
+		D
+	]);
+	let N = r.useMemo(() => ({
+		reference: w,
+		floating: T,
+		setReference: y,
+		setFloating: x
+	}), [y, x]), P = r.useMemo(() => ({
+		reference: S,
+		floating: C
+	}), [S, C]), F = r.useMemo(() => {
+		let e = {
+			position: n,
+			left: 0,
+			top: 0
+		};
+		if (!P.floating) return e;
+		let t = Yt(P.floating, d.x), r = Yt(P.floating, d.y);
+		return c ? {
+			...e,
+			transform: "translate(" + t + "px, " + r + "px)",
+			...Jt(P.floating) >= 1.5 && { willChange: "transform" }
+		} : {
+			position: n,
+			left: t,
+			top: r
+		};
+	}, [
+		n,
+		c,
+		P.floating,
+		d.x,
+		d.y
+	]);
+	return r.useMemo(() => ({
+		...d,
+		update: j,
+		refs: N,
+		elements: P,
+		floatingStyles: F
+	}), [
+		d,
+		j,
+		N,
+		P,
+		F
+	]);
+}
+var Qt = (e) => {
+	function t(e) {
+		return {}.hasOwnProperty.call(e, "current");
+	}
+	return {
+		name: "arrow",
+		options: e,
+		fn(n) {
+			let { element: r, padding: i } = typeof e == "function" ? e(n) : e;
+			return r && t(r) ? r.current == null ? {} : Wt({
+				element: r.current,
+				padding: i
+			}).fn(n) : r ? Wt({
+				element: r,
+				padding: i
+			}).fn(n) : {};
+		}
+	};
+}, $t = (e, t) => {
+	let n = Vt(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
+	};
+}, en = (e, t) => {
+	let n = Ht(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
+	};
+}, tn = (e, t) => {
+	let n = Ut(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
+	};
+}, nn = (e, t) => {
+	let n = Qt(e);
+	return {
+		name: n.name,
+		fn: n.fn,
+		options: [e, t]
+	};
+}, rn = c(null);
+function an() {
+	return f(rn);
+}
+//#endregion
+//#region src/components/menu/menu_surface.tsx
+var on = "[role=\"menuitem\"]:not(:disabled)";
+function sn(e, t) {
+	let n = Array.from(e.querySelectorAll(on));
+	n.length !== 0 && n[(t % n.length + n.length) % n.length]?.focus({ preventScroll: !0 });
+}
+function cn({ setFloating: r, floatingStyles: i, isVisible: a, isPositioned: o, radius: s, onClose: c, children: l }) {
+	let u = _(null);
+	return p(() => {
+		if (!o) return;
+		let e = u.current;
+		e && e.querySelector(on)?.focus({ preventScroll: !0 });
+	}, [o]), x(/* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
+		className: "fixed inset-0 z-40",
+		onClick: c,
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ t("div", {
+		ref: r,
+		style: i,
+		className: "z-50",
+		children: /* @__PURE__ */ t("div", {
+			ref: u,
+			role: "menu",
+			tabIndex: -1,
+			"data-state": a ? "open" : "closed",
+			onKeyDown: (e) => {
+				let t = u.current;
+				if (!t) return;
+				let n = Array.from(t.querySelectorAll(on)), r = n.indexOf(document.activeElement);
+				e.key === "ArrowDown" ? (e.preventDefault(), sn(t, r + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), sn(t, r - 1)) : e.key === "Home" ? (e.preventDefault(), sn(t, 0)) : e.key === "End" ? (e.preventDefault(), sn(t, n.length - 1)) : (e.key === "Escape" || e.key === "Tab") && c();
+			},
+			className: C("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", ae, ie, w[s]),
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ t(rn.Provider, {
+				value: c,
+				children: l
 			})
+		})
+	})] }), document.body);
+}
+//#endregion
+//#region src/components/shared/use_overlay_state.ts
+function ln() {
+	let [e, t] = v(!1), [n, r] = v(!1), i = _(void 0);
+	return p(() => () => clearTimeout(i.current), []), {
+		isMounted: e,
+		isVisible: n,
+		setIsVisible: r,
+		open: d((e) => {
+			clearTimeout(i.current), t(!0), e && r(!0);
+		}, []),
+		close: d(() => {
+			clearTimeout(i.current), r(!1), i.current = setTimeout(() => t(!1), 150);
+		}, [])
+	};
+}
+function un(e, t, n) {
+	p(() => {
+		if (!e || !t) return;
+		let r = requestAnimationFrame(() => n(!0));
+		return () => cancelAnimationFrame(r);
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+//#endregion
+//#region src/components/context_menu/context_menu.tsx
+var dn = 2;
+function fn(e, t) {
+	return { getBoundingClientRect: () => ({
+		width: 0,
+		height: 0,
+		x: e,
+		y: t,
+		top: t,
+		left: e,
+		right: e,
+		bottom: t
+	}) };
+}
+function pn(e) {
+	if (e.clientX !== 0 || e.clientY !== 0) return {
+		x: e.clientX,
+		y: e.clientY
+	};
+	let t = e.target?.getBoundingClientRect();
+	return t ? {
+		x: t.left,
+		y: t.bottom
+	} : {
+		x: 0,
+		y: 0
+	};
+}
+function mn({ children: e, items: r, radius: i = "md", className: a, ref: o }) {
+	let s = _(null), { isMounted: c, isVisible: l, setIsVisible: u, open: f, close: p } = ln(), { refs: m, floatingStyles: h, isPositioned: g } = Zt({
+		placement: "bottom-start",
+		open: c,
+		whileElementsMounted: Bt,
+		middleware: [
+			$t(dn),
+			tn(),
+			en({ padding: 8 })
 		]
 	});
+	un(c, g, u);
+	let v = d(() => {
+		p(), s.current?.focus();
+	}, [p]);
+	return /* @__PURE__ */ n("div", {
+		ref: o,
+		className: a,
+		onContextMenu: (e) => {
+			e.preventDefault(), s.current = document.activeElement;
+			let { x: t, y: n } = pn(e);
+			m.setReference(fn(t, n)), f(!1);
+		},
+		children: [e, c && /* @__PURE__ */ t(cn, {
+			setFloating: m.setFloating,
+			floatingStyles: h,
+			isVisible: l,
+			isPositioned: g,
+			radius: i,
+			onClose: v,
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/lib/surface_error.ts
+function hn(e, t) {
+	if (t) {
+		t(e);
+		return;
+	}
+	queueMicrotask(() => {
+		throw e;
+	});
+}
+//#endregion
+//#region src/components/copy_button/copy_button.tsx
+var gn = 2e3;
+function _n({ value: n, children: r, onError: i }) {
+	let [a, o] = v(!1), s = _(void 0);
+	return p(() => () => clearTimeout(s.current), []), /* @__PURE__ */ t(e, { children: r({
+		copied: a,
+		copy: async () => {
+			try {
+				await navigator.clipboard.writeText(n), o(!0), clearTimeout(s.current), s.current = setTimeout(() => o(!1), gn);
+			} catch (e) {
+				hn(e, i);
+			}
+		}
+	}) });
+}
+//#endregion
+//#region src/lib/split_into_highlight_segments.ts
+function vn(e, t) {
+	if (t.length === 0) return [{
+		text: e,
+		isMatch: !1
+	}];
+	let n = [], r = 0;
+	for (let i = 0; i < t.length; i += 2) {
+		let a = t[i], o = t[i + 1];
+		a !== void 0 && o !== void 0 && (a > r && n.push({
+			text: e.slice(r, a),
+			isMatch: !1
+		}), n.push({
+			text: e.slice(a, o),
+			isMatch: !0
+		}), r = o);
+	}
+	return r < e.length && n.push({
+		text: e.slice(r),
+		isMatch: !1
+	}), n;
+}
+//#endregion
+//#region src/components/highlight/highlight.tsx
+function yn({ text: n, ranges: r }) {
+	let i = vn(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", {
+			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);
+	}) });
 }
 //#endregion
 //#region src/components/icon_button/icon_button.tsx
-var R = {
-	sm: "p-1",
+var bn = {
+	xs: "p-1",
+	sm: "p-2",
 	md: "p-2",
 	lg: "p-3"
-}, z = {
+}, xn = {
+	xs: "w-4 h-4",
 	sm: "w-4 h-4",
 	md: "w-5 h-5",
 	lg: "w-6 h-6"
-}, B = ({ icon: e, "aria-label": r, variant: i = "outline", color: a = "neutral", size: o = "md", radius: s = "md", className: c, children: l, ref: u, ...d }) => {
-	let f = g[a];
+};
+function Sn(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 = A[s];
 	return /* @__PURE__ */ n("button", {
-		ref: u,
+		ref: f,
 		type: "button",
-		"aria-label": r,
-		className: m(_, i !== "unstyled" && [
+		"aria-label": i,
+		className: C(j, !a && [
+			M,
 			"border",
-			h[s],
-			f[i],
-			f.focusOutline
-		], R[o], c),
-		...d,
-		children: [/* @__PURE__ */ t("div", { className: m(e, z[o], l && "mr-1") }), l]
+			w[l],
+			bn[c],
+			m[o],
+			m.focusOutline
+		], u),
+		...p,
+		children: [/* @__PURE__ */ t("div", { className: C(r, xn[c], d && "mr-1") }), d]
+	});
+}
+//#endregion
+//#region src/components/shared/use_controlled_length.ts
+function Cn(e) {
+	return typeof e == "string" ? e.length : 0;
+}
+function wn(e, t) {
+	let [n, r] = v(Cn(t)), i = e !== void 0;
+	return {
+		length: i ? Cn(e) : n,
+		trackLength: (e) => {
+			i || r(e.length);
+		}
+	};
+}
+//#endregion
+//#region src/components/input/input.tsx
+function Tn({ 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: _ } = B(m), { length: v, trackLength: y } = wn(d, f), b = i && (a !== void 0 || o !== void 0), x = (e) => {
+		y(e.target.value), p?.(e);
+	};
+	return /* @__PURE__ */ n(he, {
+		fieldId: g,
+		errorId: _,
+		label: e,
+		error: r,
+		required: h.required,
+		wrapperClassName: u,
+		children: [/* @__PURE__ */ t("input", {
+			id: g,
+			className: C("w-full disabled:opacity-50 disabled:cursor-not-allowed", !c && [
+				z,
+				w[s],
+				"px-3 py-2 text-sm"
+			], !c && r && C("border-red-500 dark:border-red-400", "focus:ring-red-500"), l),
+			...d === void 0 ? { defaultValue: f } : { value: d },
+			minLength: a,
+			maxLength: o,
+			onChange: x,
+			"aria-invalid": !!r,
+			"aria-describedby": r ? _ : void 0,
+			...h
+		}), b && /* @__PURE__ */ t(te, {
+			current: v,
+			min: a,
+			max: o,
+			showMin: a !== void 0,
+			showMax: o !== void 0
+		})]
+	});
+}
+//#endregion
+//#region src/components/kbd/kbd.tsx
+var En = {
+	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"
+}, Dn = ({ children: e, size: n = "sm", radius: r = "sm", unstyled: i = !1, className: a }) => /* @__PURE__ */ t("kbd", {
+	className: C("inline-flex items-center", En[n], !i && [
+		"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",
+		w[r]
+	], a),
+	children: e
+});
+//#endregion
+//#region src/lib/merge_refs.ts
+function On(...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 kn = 4;
+function An(e, t) {
+	return t === "center" ? e : `${e}-${t}`;
+}
+function jn({ trigger: e, children: r, side: i = "bottom", align: a = "start", radius: o = "md", className: c, ref: l }) {
+	let f = _(null), { isMounted: p, isVisible: m, setIsVisible: h, open: g, close: v } = ln(), { refs: y, floatingStyles: b, isPositioned: x } = Zt({
+		placement: An(i, a),
+		open: p,
+		whileElementsMounted: Bt,
+		middleware: [
+			$t(kn),
+			tn(),
+			en({ padding: 8 })
+		]
+	});
+	un(p, x, h);
+	let S = d(() => {
+		v(), f.current?.querySelector("button, [href], [tabindex]")?.focus();
+	}, [v]), w = d((e) => On(y.setReference, f, l)(e), [y, l]), T = {
+		onClick: (t) => {
+			t.stopPropagation(), m ? v() : g(x), u(e) && e.props.onClick?.(t);
+		},
+		"aria-haspopup": "menu",
+		"aria-expanded": p
+	}, E = u(e) ? s(e, T) : e;
+	return /* @__PURE__ */ n("span", {
+		ref: w,
+		className: C("inline-block", c),
+		children: [E, p && /* @__PURE__ */ t(cn, {
+			setFloating: y.setFloating,
+			floatingStyles: b,
+			isVisible: m,
+			isPositioned: x,
+			radius: o,
+			onClose: S,
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/menu_item/menu_item.tsx
+function Mn({ icon: e, onClick: r, danger: i = !1, disabled: a = !1, children: o, className: s, ref: c }) {
+	let l = an();
+	return /* @__PURE__ */ n("button", {
+		ref: c,
+		type: "button",
+		role: "menuitem",
+		tabIndex: -1,
+		onClick: (e) => {
+			e.stopPropagation(), r(e), l?.();
+		},
+		disabled: a,
+		className: C("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: C(e, "h-4 w-4 flex-shrink-0") }), o]
 	});
-}, V = [];
-function H() {
+}
+//#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 Nn = [];
+function Pn() {
 	let e = 0, t = [], n = null, r = /* @__PURE__ */ new Set(), i = () => {
 		for (let e of r) e(t);
 	};
@@ -432,7 +1737,7 @@ function H() {
 			r.delete(i), r.size || (e = 0, t = [], n = null);
 		}),
 		getSnapshot: () => t,
-		getServerSnapshot: () => V,
+		getServerSnapshot: () => Nn,
 		getListenersSize: () => r.size,
 		getUpsertPromise: () => n,
 		setUpsertPromise: (e) => {
@@ -440,39 +1745,39 @@ function H() {
 		}
 	};
 }
-var U = /* @__PURE__ */ new Map();
-function W(e, t = 0) {
-	let n = { current: H() }, r = (e) => (r) => {
+var Fn = /* @__PURE__ */ new Map();
+function In(e, t = 0) {
+	let n = { current: Pn() }, 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);
-	}, a = () => {
+	}, i = () => {
 		let e = n.current.getListenersSize();
 		if (!e) throw Error("No <Root> found!");
 		if (e > 1) throw Error("Multiple instances of <Root> found!");
-	}, o = (e) => {
-		a();
-		let t, i = new Promise((e) => {
+	}, a = (e) => {
+		i();
+		let t, a = new Promise((e) => {
 			t = e;
 		});
 		return n.current.add({
 			props: e,
-			end: r(i),
+			end: r(a),
 			ended: !1,
-			promise: i,
+			promise: a,
 			resolve: t
-		}), i;
-	}, s = (e) => {
-		a();
+		}), a;
+	}, o = (e) => {
+		i();
 		let t = n.current.getUpsertPromise();
 		if (t) return n.current.set(t, (t) => ({
 			...t,
 			props: e
 		})), t;
-		let i, o = new Promise((e) => {
-			i = e;
+		let a, o = new Promise((e) => {
+			a = e;
 		});
 		return n.current.setUpsertPromise(o), n.current.add({
 			props: e,
@@ -481,12 +1786,12 @@ function W(e, t = 0) {
 			},
 			ended: !1,
 			promise: o,
-			resolve: i
+			resolve: a
 		}), o;
-	}, c = (...e) => {
+	}, s = (...e) => {
 		let t = e.length === 2, i = t ? e[0] : null, a = t ? e[1] : e[0];
 		return (!t || i === n.current.getUpsertPromise()) && n.current.setUpsertPromise(null), r(i)(a);
-	}, l = (...e) => {
+	}, c = (...e) => {
 		let t = e.length === 2;
 		n.current.set(t ? e[0] : null, (n) => ({
 			...n,
@@ -496,76 +1801,85 @@ function W(e, t = 0) {
 			}
 		}));
 	}, u = function(t) {
-		return d(n.current.subscribe, n.current.getSnapshot, n.current.getServerSnapshot).map(({ props: n, key: r, end: a, ended: o }, s, c) => /* @__PURE__ */ i(e, {
+		return y(n.current.subscribe, n.current.getSnapshot, n.current.getServerSnapshot).map(({ props: n, key: r, end: i, ended: a }, o, s) => /* @__PURE__ */ l(e, {
 			...n,
 			key: r,
 			call: {
 				key: r,
-				end: a,
-				ended: o,
+				end: i,
+				ended: a,
 				root: t,
-				index: s,
-				stackSize: c.length
+				index: o,
+				stackSize: s.length
 			}
 		}));
-	}, f = Object.assign(u, {
+	}, d = Object.assign(u, {
 		Root: u,
-		call: o,
-		upsert: s,
-		end: c,
-		update: l
+		call: a,
+		upsert: o,
+		end: s,
+		update: c
 	});
 	if (process.env.NODE_ENV !== "production") {
-		Object.defineProperty(f, "name", {
+		Object.defineProperty(d, "name", {
 			value: "Root",
 			configurable: !0
 		});
 		let e, t = !1;
-		Object.defineProperty(f, "displayName", {
+		Object.defineProperty(d, "displayName", {
 			configurable: !0,
 			enumerable: !0,
 			get: () => e,
 			set: (r) => {
 				if (t || (e = r, !r)) return;
 				t = !0;
-				let i = U.get(r);
-				i ? n.current = i : U.set(r, n.current);
+				let i = Fn.get(r);
+				i ? n.current = i : Fn.set(r, n.current);
 			}
 		});
 	}
-	return f;
+	return d;
 }
 //#endregion
-//#region src/components/modal/modal_shell.tsx
-var ee = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", te = {
+//#region src/components/modal/modal_footer.tsx
+var Ln = ({ children: e, className: n }) => /* @__PURE__ */ t("div", {
+	className: C("flex items-center justify-end gap-3 px-6 py-4 border-t flex-shrink-0", ie, n),
+	children: e
+}), Rn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function zn(e) {
+	return a.toArray(e).flatMap((e) => u(e) && e.type === o ? zn(e.props.children) : [e]);
+}
+var Bn = {
 	sm: "max-w-md",
 	md: "max-w-lg",
 	lg: "max-w-2xl",
 	xl: "max-w-4xl"
 };
-function G({ isEnded: e, onDismiss: r, title: i, children: a, footer: c, size: d = "md", radius: p = "xl", className: g, dismissible: _ = !0 }) {
-	let [v, y] = u(!1), b = l(null), x = l(null), S = s();
-	o(() => {
-		document.body.style.overflow = "hidden", x.current = document.activeElement, b.current?.focus();
-		let e = requestAnimationFrame(() => {
-			requestAnimationFrame(() => y(!0));
+function Vn({ isEnded: e, onDismiss: r, title: i, children: a, footer: o, size: s = "md", radius: c = "xl", className: l, dismissible: d = !0, closeLabel: f = "Close" }) {
+	let [h, g] = v(!1), y = _(null), b = _(null), S = _(null), T = m();
+	p(() => {
+		document.body.style.overflow = "hidden", S.current = document.activeElement;
+		let e = y.current;
+		(b.current?.querySelector(Rn) ?? e?.querySelector(Rn) ?? e)?.focus();
+		let t = requestAnimationFrame(() => {
+			requestAnimationFrame(() => g(!0));
 		});
 		return () => {
-			cancelAnimationFrame(e), document.body.style.overflow = "";
+			cancelAnimationFrame(t), document.body.style.overflow = "";
 		};
-	}, []), o(() => {
-		e && x.current?.focus();
-	}, [e]), o(() => {
+	}, []), p(() => {
+		e && S.current?.focus();
+	}, [e]), p(() => {
 		if (e) return;
 		let t = (e) => {
 			if (e.key === "Escape") {
-				_ && r();
+				d && r();
 				return;
 			}
 			if (e.key !== "Tab") return;
-			let t = b.current;
+			let t = y.current;
 			if (!t) return;
-			let n = Array.from(t.querySelectorAll(ee));
+			let n = Array.from(t.querySelectorAll(Rn));
 			if (n.length === 0) return;
 			let i = n[0], a = n[n.length - 1];
 			e.shiftKey && document.activeElement === i ? (e.preventDefault(), a.focus()) : !e.shiftKey && document.activeElement === a && (e.preventDefault(), i.focus());
@@ -574,36 +1888,36 @@ function G({ isEnded: e, onDismiss: r, title: i, children: a, footer: c, size: d
 	}, [
 		e,
 		r,
-		_
+		d
 	]);
-	let C = () => {
-		!e && _ && r();
-	}, w = v && !e;
-	return f(/* @__PURE__ */ n("div", {
-		className: m("fixed inset-0 z-50 flex items-start justify-center", "p-2 sm:py-[3rem] lg:py-[5rem]", "transition-opacity duration-200 ease-out", w ? "opacity-100" : "opacity-0"),
-		onClick: C,
+	let E = () => {
+		!e && d && r();
+	}, D = h && !e, O = zn(a).some((e) => u(e) && e.type === Ln);
+	return x(/* @__PURE__ */ n("div", {
+		className: C("fixed inset-0 z-50 flex items-start justify-center", "p-2 sm:py-[3rem] lg:py-[5rem]", "transition-opacity duration-200 ease-out", D ? "opacity-100" : "opacity-0"),
+		onClick: E,
 		children: [/* @__PURE__ */ t("div", {
-			className: m("fixed inset-0 bg-black/60 backdrop-blur-md", "transition-opacity duration-200 ease-out", w ? "opacity-100" : "opacity-0"),
+			className: C("fixed inset-0 bg-black/60 backdrop-blur-md", "transition-opacity duration-200 ease-out", D ? "opacity-100" : "opacity-0"),
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ n("div", {
-			ref: b,
+			ref: y,
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": i ? S : void 0,
+			"aria-labelledby": i ? T : void 0,
 			tabIndex: -1,
-			className: m("relative w-full", te[d], D, "shadow-2xl", h[p], "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", w ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
+			className: C("relative w-full", Bn[s], ae, "shadow-2xl", w[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", D ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				i && /* @__PURE__ */ n("div", {
 					className: "flex items-center justify-between gap-4 px-6 pt-5 pb-4 flex-shrink-0",
 					children: [/* @__PURE__ */ t("h2", {
-						id: S,
+						id: T,
 						className: "text-base font-medium tracking-tight text-gray-900 dark:text-gray-100",
 						children: i
-					}), _ && /* @__PURE__ */ t(B, {
+					}), d && /* @__PURE__ */ t(Sn, {
 						icon: "i-mdi-close",
 						onClick: r,
-						"aria-label": "Close",
+						"aria-label": f,
 						variant: "subtle",
 						size: "sm",
 						radius: "full",
@@ -611,20 +1925,18 @@ function G({ isEnded: e, onDismiss: r, title: i, children: a, footer: c, size: d
 					})]
 				}),
 				/* @__PURE__ */ t("div", {
-					className: m("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", g),
+					ref: b,
+					className: C("min-h-0", O ? "flex-1 flex flex-col overflow-hidden" : ["flex-1 overflow-y-auto px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400", !i && "pt-6"], l),
 					children: a
 				}),
-				c && /* @__PURE__ */ t("div", {
-					className: m("flex items-center justify-end gap-3 px-6 py-4 border-t flex-shrink-0", "border-gray-100 dark:border-gray-800"),
-					children: c
-				})
+				!O && o && /* @__PURE__ */ t(Ln, { children: o })
 			]
 		})]
 	}), document.body);
 }
 //#endregion
-//#region node_modules/.pnpm/zustand@5.0.14_@types+react@19.2.17_react@19.2.7_use-sync-external-store@1.6.0_react@19.2.7_/node_modules/zustand/esm/vanilla.mjs
-var K = (e) => {
+//#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 Hn = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -638,437 +1950,435 @@ var K = (e) => {
 		subscribe: (e) => (n.add(e), () => n.delete(e))
 	}, o = t = e(r, i, a);
 	return a;
-}, ne = ((e) => e ? K(e) : K), re = (e) => e;
-function ie(e, t = re) {
-	let n = r.useSyncExternalStore(e.subscribe, r.useCallback(() => t(e.getState()), [e, t]), r.useCallback(() => t(e.getInitialState()), [e, t]));
-	return r.useDebugValue(n), n;
+}, Un = ((e) => e ? Hn(e) : Hn), Wn = (e) => e;
+function Gn(e, t = Wn) {
+	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;
 }
-var ae = (e) => {
-	let t = ne(e), n = (e) => ie(t, e);
+var Kn = (e) => {
+	let t = Un(e), n = (e) => Gn(t, e);
 	return Object.assign(n, t), n;
-}, oe = ((e) => e ? ae(e) : ae), q = oe((e) => ({
+}, qn = ((e) => e ? Kn(e) : Kn), Jn = qn((e) => ({
 	globalHotkeysEnabled: !0,
 	setGlobalHotkeysEnabled: (t) => e({ globalHotkeysEnabled: t })
-})), J = 0;
-function Y() {
-	o(() => (J += 1, J === 1 && q.getState().setGlobalHotkeysEnabled(!1), () => {
-		--J, J === 0 && q.getState().setGlobalHotkeysEnabled(!0);
+})), Yn = 0;
+function Xn() {
+	p(() => (Yn += 1, Yn === 1 && Jn.getState().setGlobalHotkeysEnabled(!1), () => {
+		--Yn, Yn === 0 && Jn.getState().setGlobalHotkeysEnabled(!0);
 	}), []);
 }
 //#endregion
 //#region src/components/modal/confirm_modal.tsx
-var se = {
-	red: "danger",
-	blue: "primary",
-	green: "success"
-}, ce = {
-	red: "i-mdi-alert-circle",
-	blue: "i-mdi-help-circle",
-	green: "i-mdi-check-circle"
-}, le = {
-	red: "bg-red-50 text-red-600 dark:bg-red-500/10 dark:text-red-400",
-	blue: "bg-blue-50 text-blue-600 dark:bg-blue-500/10 dark:text-blue-400",
-	green: "bg-green-50 text-green-600 dark:bg-green-500/10 dark:text-green-400"
+var Zn = {
+	danger: "i-mdi-alert-circle",
+	primary: "i-mdi-help-circle",
+	success: "i-mdi-check-circle"
+}, Qn = {
+	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 ue({ title: e, color: r }) {
+function $n({ title: e, color: r }) {
 	return /* @__PURE__ */ n("div", {
 		className: "flex items-center gap-3",
 		children: [/* @__PURE__ */ t("span", {
-			className: m("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", le[r]),
+			className: C("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", Qn[r]),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ t("span", { className: m(ce[r], "h-5 w-5") })
+			children: /* @__PURE__ */ t("span", { className: C(Zn[r], "h-5 w-5") })
 		}), e]
 	});
 }
-var de = W(({ call: r, title: i, children: a, confirmLabel: o, cancelLabel: s, confirmColor: c, radius: l, onConfirm: d }) => {
-	Y();
-	let [f, p] = u(!1), m = () => r.end(!1), h = async () => {
+var er = In(({ call: r, title: i, children: a, confirmLabel: o, cancelLabel: s, confirmColor: c, radius: l, closeLabel: u, onConfirm: d, onError: f }) => {
+	Xn();
+	let [p, m] = v(!1), h = () => r.end(!1), g = async () => {
 		if (!d) {
 			r.end(!0);
 			return;
 		}
-		p(!0);
+		m(!0);
 		try {
 			await d(), r.end(!0);
-		} finally {
-			p(!1);
+		} catch (e) {
+			m(!1), hn(e, f);
 		}
-	}, g = f, _ = o ?? "Confirm", v = s ?? "Cancel", y = c ?? "blue";
-	return /* @__PURE__ */ t(G, {
+	}, _ = p, y = o ?? "Confirm", b = s ?? "Cancel", x = c ?? "primary";
+	return /* @__PURE__ */ t(Vn, {
 		isEnded: r.ended,
-		onDismiss: m,
-		title: /* @__PURE__ */ t(ue, {
+		onDismiss: h,
+		title: /* @__PURE__ */ t($n, {
 			title: i,
-			color: y
+			color: x
 		}),
 		size: "sm",
 		radius: l,
-		footer: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(b, {
+		closeLabel: u,
+		footer: /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(ee, {
 			variant: "outline",
 			color: "neutral",
-			onClick: m,
-			disabled: g,
+			onClick: h,
+			disabled: _,
 			size: "sm",
-			children: v
-		}), /* @__PURE__ */ t(b, {
-			color: se[y],
+			children: b
+		}), /* @__PURE__ */ t(ee, {
+			color: x,
 			onClick: () => {
-				h();
+				g();
 			},
-			loading: g,
-			disabled: g,
+			loading: _,
+			disabled: _,
 			size: "sm",
-			children: _
+			children: y
 		})] }),
 		children: a
 	});
-}, 200), fe = 200;
-function pe(e, t) {
+}, 200);
+//#endregion
+//#region src/components/modal/modal.tsx
+function tr(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var me = W(({ call: e, title: n, children: r, footer: i, size: a, radius: o, className: s, dismissible: c }) => {
-	Y();
-	let l = () => e.end();
-	return /* @__PURE__ */ t(G, {
+var nr = In(({ call: e, title: n, children: r, footer: i, size: a, radius: o, className: s, dismissible: c, closeLabel: l }) => {
+	Xn();
+	let u = () => e.end();
+	return /* @__PURE__ */ t(Vn, {
 		isEnded: e.ended,
-		onDismiss: l,
+		onDismiss: u,
 		title: n,
-		footer: pe(i, l),
+		footer: tr(i, u),
 		size: a,
 		radius: o,
 		className: s,
 		dismissible: c,
-		children: pe(r, l)
+		closeLabel: l,
+		children: tr(r, u)
 	});
-}, fe);
+}, 200), rr = ({ children: e, className: n }) => /* @__PURE__ */ t("div", {
+	className: C("flex-1 overflow-y-auto px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400 min-h-0", n),
+	children: e
+});
 //#endregion
 //#region src/components/modal_provider/modal_provider.tsx
-function he() {
-	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(me, {}), /* @__PURE__ */ t(de, {})] });
+function ir() {
+	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(nr, {}), /* @__PURE__ */ t(er, {})] });
+}
+//#endregion
+//#region src/components/radio_options/radio_option_row.tsx
+function ar({ 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: C("flex cursor-pointer items-start gap-3 transition-colors duration-150", o === "horizontal" && "flex-1", D, d ? k : O, !p && [
+			w[f],
+			"border px-3 py-2.5",
+			s ? d ? C("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" : C("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),
+		children: [
+			/* @__PURE__ */ t("input", {
+				type: "radio",
+				id: r,
+				name: a,
+				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,
+				className: "sr-only"
+			}),
+			/* @__PURE__ */ t("span", {
+				className: C("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-150", s ? d ? ce : "border-blue-600 dark:border-blue-500" : d ? "border-red-400 dark:border-red-600" : ne),
+				"aria-hidden": !0,
+				children: s && /* @__PURE__ */ t("span", { className: C("h-2 w-2 rounded-full", d ? "bg-red-500 dark:bg-red-400" : "bg-blue-600 dark:bg-blue-500") })
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "flex min-w-0 flex-col",
+				children: [/* @__PURE__ */ n("span", {
+					className: "flex items-center gap-1.5",
+					children: [e.icon && /* @__PURE__ */ t("span", {
+						className: C(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"),
+						"aria-hidden": !0
+					}), /* @__PURE__ */ t("span", {
+						className: C("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"),
+						children: e.label
+					})]
+				}), e.description && /* @__PURE__ */ t("span", {
+					id: i,
+					className: C("text-xs text-gray-500 dark:text-gray-400", "mt-0.5"),
+					children: e.description
+				})]
+			})
+		]
+	});
 }
 //#endregion
 //#region src/components/radio_options/radio_options.tsx
-function ge({ options: e, orientation: r = "vertical", value: i, defaultValue: a, onChange: o, name: c, label: l, error: d, required: f, disabled: p, radius: g = "lg", unstyled: _ = !1, className: v, wrapperClassName: y, id: b = "radio", ...x }) {
-	let S = `${b}-${s()}`, C = c ?? S, [T, E] = u(a ?? ""), D = i !== void 0, O = D ? i : T, k = e.map((e) => typeof e == "string" ? {
+function or({ 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 } = B(g), b = s ?? v, [x, S] = de(i, a ?? ""), w = e.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
-	} : e), j = `${S}-error`, M = (e) => {
-		D || E(e), o?.(e);
+	} : e), T = (e) => {
+		S(e), o?.(e);
 	};
 	return /* @__PURE__ */ n("fieldset", {
-		className: m("m-0 border-0 p-0", y),
-		disabled: p,
-		"aria-describedby": d ? j : void 0,
-		"aria-required": f,
-		...x,
+		className: C("m-0 border-0 p-0", h),
+		disabled: d,
+		"aria-describedby": l ? y : void 0,
+		"aria-required": u,
+		..._,
 		children: [
-			l && /* @__PURE__ */ n("legend", {
-				className: m("text-sm font-medium text-gray-700 dark:text-gray-300", "mb-2", v),
-				children: [l, f && /* @__PURE__ */ t("span", {
+			c && /* @__PURE__ */ n("legend", {
+				className: C("text-sm font-medium text-gray-700 dark:text-gray-300", "mb-2"),
+				children: [c, u && /* @__PURE__ */ t("span", {
 					className: "text-red-500 dark:text-red-400 ml-1",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ t("div", {
-				className: m(r === "horizontal" ? "flex flex-row gap-2" : "flex flex-col gap-2"),
-				children: k.map((e, i) => {
-					let a = `${S}-${i}`, o = `${S}-${i}-desc`, s = O === e.value, c = p ?? e.disabled;
-					return /* @__PURE__ */ n("label", {
-						htmlFor: a,
-						className: m("flex cursor-pointer items-start gap-3 transition-colors duration-150", r === "horizontal" && "flex-1", "focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2", "focus-within:ring-offset-white dark:focus-within:ring-offset-gray-900", d ? "focus-within:ring-red-500" : "focus-within:ring-blue-500", !_ && [
-							h[g],
-							"border px-3 py-2.5",
-							s ? d ? m("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" : m("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"),
-						children: [
-							/* @__PURE__ */ t("input", {
-								type: "radio",
-								id: a,
-								name: C,
-								value: e.value,
-								checked: s,
-								onChange: () => M(e.value),
-								disabled: c,
-								required: f && i === 0,
-								"aria-invalid": d ? !0 : void 0,
-								"aria-describedby": e.description ? o : void 0,
-								className: "sr-only"
-							}),
-							/* @__PURE__ */ t("span", {
-								className: m("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-150", s ? d ? A : "border-blue-600 dark:border-blue-500" : d ? "border-red-400 dark:border-red-600" : w),
-								"aria-hidden": !0,
-								children: s && /* @__PURE__ */ t("span", { className: m("h-2 w-2 rounded-full", d ? "bg-red-500 dark:bg-red-400" : "bg-blue-600 dark:bg-blue-500") })
-							}),
-							/* @__PURE__ */ n("span", {
-								className: "flex min-w-0 flex-col",
-								children: [/* @__PURE__ */ n("span", {
-									className: "flex items-center gap-1.5",
-									children: [e.icon && /* @__PURE__ */ t("span", {
-										className: m(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"),
-										"aria-hidden": !0
-									}), /* @__PURE__ */ t("span", {
-										className: m("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"),
-										children: e.label
-									})]
-								}), e.description && /* @__PURE__ */ t("span", {
-									id: o,
-									className: m("text-xs text-gray-500 dark:text-gray-400", "mt-0.5"),
-									children: e.description
-								})]
-							})
-						]
-					}, e.value);
-				})
+				className: C(r === "horizontal" ? "flex flex-row gap-2" : "flex flex-col gap-2"),
+				children: w.map((e, n) => /* @__PURE__ */ t(ar, {
+					option: e,
+					optionId: `${v}-${n}`,
+					descriptionId: `${v}-${n}-desc`,
+					name: b,
+					orientation: r,
+					isSelected: x === e.value,
+					isDisabled: d === !0 || e.disabled === !0,
+					isFirstOption: n === 0,
+					required: u,
+					error: l,
+					radius: f,
+					unstyled: p,
+					className: m,
+					onSelect: T
+				}, e.value))
 			}),
-			d && /* @__PURE__ */ t("p", {
-				id: j,
-				className: m("text-xs text-red-600 dark:text-red-400", "mt-2"),
-				role: "alert",
-				children: d
+			/* @__PURE__ */ t(le, {
+				id: y,
+				error: l,
+				className: "mt-2"
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/select/select.tsx
-function _e({ options: e, label: r, error: i, placeholder: a, radius: o = "md", unstyled: c = !1, className: l, wrapperClassName: u, value: d, defaultValue: f, onChange: p, id: g = "select", ..._ }) {
-	let v = `${g}-${s()}`;
-	return /* @__PURE__ */ n("div", {
-		className: m("w-full", u),
-		children: [
-			typeof r == "string" ? /* @__PURE__ */ n("label", {
-				className: m(k, "block mb-1"),
-				htmlFor: v,
-				children: [r, _.required && /* @__PURE__ */ t("span", {
-					className: "text-red-500 dark:text-red-400 ml-1",
-					children: "*"
-				})]
-			}) : r,
-			/* @__PURE__ */ n("select", {
-				id: v,
-				className: m("w-full disabled:opacity-50 disabled:cursor-not-allowed", !c && [
-					F,
-					h[o],
-					"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\")]"
-				], !c && i && m("border-red-500 dark:border-red-400", "focus:ring-red-500"), l),
-				...d === void 0 ? { defaultValue: f } : { value: d },
-				onChange: p,
-				"aria-invalid": !!i,
-				"aria-describedby": i ? `${v}-error` : void 0,
-				..._,
-				children: [a !== void 0 && /* @__PURE__ */ t("option", {
-					value: "",
-					children: a
-				}), e.map((e) => /* @__PURE__ */ t("option", {
-					value: e.value,
-					children: e.label
-				}, e.value))]
-			}),
-			i && /* @__PURE__ */ t("p", {
-				id: `${v}-error`,
-				className: m("text-xs text-red-600 dark:text-red-400", "mt-1"),
-				role: "alert",
-				children: i
-			})
-		]
+function sr({ 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 } = B(p);
+	return /* @__PURE__ */ t(he, {
+		fieldId: h,
+		errorId: g,
+		label: r,
+		error: i,
+		required: m.required,
+		wrapperClassName: l,
+		children: /* @__PURE__ */ n("select", {
+			id: h,
+			className: C("w-full disabled:opacity-50 disabled:cursor-not-allowed", !s && [
+				z,
+				w[o],
+				"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 && C("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", {
+				value: "",
+				children: a
+			}), e.map((e) => /* @__PURE__ */ t("option", {
+				value: e.value,
+				children: e.label
+			}, e.value))]
+		})
 	});
 }
 //#endregion
 //#region src/components/switch/switch.tsx
-function ve({ label: r, description: i, error: a, className: o, wrapperClassName: c, checked: l, defaultChecked: d = !1, onChange: f, id: p = "switch", ...h }) {
-	let g = `${p}-${s()}`, [_, v] = u(d), y = l !== void 0, b = y ? l : _, x = [i && `${g}-description`, a && `${g}-error`].filter(Boolean).join(" ") || void 0;
+function cr({ 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 } = B(f), [_, v] = de(l, u), y = [i && g, a && h].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ n("div", {
-		className: m("w-full", c),
+		className: C("w-full", c),
 		children: [
 			/* @__PURE__ */ n("label", {
-				htmlFor: g,
-				className: m("flex items-center gap-3 cursor-pointer", h.disabled && "cursor-not-allowed opacity-50"),
+				htmlFor: m,
+				className: C("flex items-center gap-3 cursor-pointer", p.disabled && "cursor-not-allowed opacity-50"),
 				children: [/* @__PURE__ */ n("span", {
-					className: m("relative inline-flex w-11 shrink-0 rounded-full border-2 border-transparent", "transition-colors duration-200 ease-in-out", "focus-within:outline-none focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2", "disabled:opacity-50", b ? O : "bg-gray-200 dark:bg-gray-600", a && "ring-2 ring-red-500 dark:ring-red-400", o),
+					className: C("relative inline-flex w-11 shrink-0", "transition-colors duration-200 ease-in-out", D, O, !o && [
+						"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", {
 						type: "checkbox",
 						role: "switch",
-						id: g,
+						id: m,
 						className: "sr-only",
-						checked: b,
+						checked: _,
 						onChange: (e) => {
-							y || v(e.target.checked), f?.(e);
+							v(e.target.checked), d?.(e);
 						},
 						"aria-invalid": !!a,
-						"aria-describedby": x,
-						...h
+						"aria-describedby": y,
+						...p
 					}), /* @__PURE__ */ t("span", {
-						className: m("pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0", "transition duration-200 ease-in-out", b ? "translate-x-5.25" : "translate-x-0"),
+						className: C("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"),
 						"aria-hidden": !0
 					})]
 				}), r && /* @__PURE__ */ t(e, { children: typeof r == "string" ? /* @__PURE__ */ n("span", {
-					className: m("text-sm font-medium text-gray-700 dark:text-gray-300", "select-none"),
-					children: [r, h.required && /* @__PURE__ */ t("span", {
+					className: C("text-sm font-medium text-gray-700 dark:text-gray-300", "select-none"),
+					children: [r, p.required && /* @__PURE__ */ t("span", {
 						className: "text-red-500 dark:text-red-400 ml-1",
 						children: "*"
 					})]
-				}) : /* @__PURE__ */ n(e, { children: [r, h.required && /* @__PURE__ */ t("span", {
+				}) : /* @__PURE__ */ n(e, { children: [r, p.required && /* @__PURE__ */ t("span", {
 					className: "text-red-500 dark:text-red-400 ml-1",
 					children: "*"
 				})] }) })]
 			}),
-			i && (typeof i == "string" ? /* @__PURE__ */ t("p", {
-				id: `${g}-description`,
-				className: m("text-xs text-gray-500 dark:text-gray-400", "mt-1 ml-14"),
-				children: i
-			}) : /* @__PURE__ */ t("span", {
-				id: `${g}-description`,
-				className: m("text-xs text-gray-500 dark:text-gray-400", "block mt-1 ml-14"),
-				children: i
-			})),
-			a && /* @__PURE__ */ t("p", {
-				id: `${g}-error`,
-				className: m("text-xs text-red-600 dark:text-red-400", "mt-1 ml-14"),
-				role: "alert",
-				children: a
+			/* @__PURE__ */ t(ue, {
+				id: g,
+				description: i,
+				className: "mt-1 ml-14"
+			}),
+			/* @__PURE__ */ t(le, {
+				id: h,
+				error: a,
+				className: "mt-1 ml-14"
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/tabs/tabs.tsx
-function ye({ items: e, defaultIndex: r = 0, radius: i = "md", className: a, tabListClassName: o, panelClassName: c, onChange: d }) {
-	let [f, p] = u(r), g = s(), _ = l([]), v = (t) => {
-		e[t]?.disabled || (p(t), d?.(t));
-	}, y = (e) => {
-		_.current[e]?.focus(), v(e);
-	}, b = (t) => {
+function lr({ items: e, value: r, defaultIndex: i = 0, radius: a = "md", unstyled: o = !1, className: s, tabListClassName: c, panelClassName: l, onChange: u }) {
+	let [d, f] = de(r, i), p = m(), h = _([]), g = (t) => {
+		e[t]?.disabled || (f(t), u?.(t));
+	}, v = (e) => {
+		h.current[e]?.focus(), g(e);
+	}, y = (t) => {
 		let n = e.map((e, t) => t).filter((t) => !e[t]?.disabled);
 		if (n.length === 0) return;
-		let r = n.indexOf(f);
-		t.key === "ArrowRight" ? (t.preventDefault(), y(n[(r + 1) % n.length])) : t.key === "ArrowLeft" ? (t.preventDefault(), y(n[(r - 1 + n.length) % n.length])) : t.key === "Home" ? (t.preventDefault(), y(n[0])) : t.key === "End" && (t.preventDefault(), y(n[n.length - 1]));
-	}, x = e[f];
+		let r = n.indexOf(d);
+		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: m("w-full", a),
+		className: C("w-full", s),
 		children: [/* @__PURE__ */ t("div", {
 			role: "tablist",
-			className: m("flex gap-1 p-1 bg-gray-100 dark:bg-gray-800/50 border", E, h[i], o),
+			className: C("flex gap-1 p-1", !o && [
+				"bg-gray-100 dark:bg-gray-800/50 border",
+				"border-gray-200 dark:border-gray-700",
+				w[a]
+			], c),
 			children: e.map((e, r) => /* @__PURE__ */ n("button", {
 				ref: (e) => {
-					_.current[r] = e;
+					h.current[r] = e;
 				},
-				id: `${g}-tab-${r}`,
+				id: `${p}-tab-${r}`,
 				role: "tab",
 				type: "button",
-				"aria-selected": f === r,
+				"aria-selected": d === r,
 				"aria-disabled": e.disabled,
-				"aria-controls": `${g}-panel-${r}`,
-				tabIndex: f === r ? 0 : -1,
+				"aria-controls": `${p}-panel-${r}`,
+				tabIndex: d === r ? 0 : -1,
 				disabled: e.disabled,
-				onClick: () => v(r),
-				onKeyDown: b,
-				className: m("flex items-center gap-2 px-4 py-2.5 text-sm font-medium", h[i], f === r ? m("bg-white dark:bg-gray-700 text-blue-600 dark:text-blue-400 shadow-sm border", E) : m("text-gray-600 dark:text-gray-400 border border-transparent", e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer 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: m("w-4 h-4 block shrink-0", e.icon, f === r ? "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400") }), e.title]
-			}, r))
+				onClick: () => g(r),
+				onKeyDown: y,
+				className: C("flex items-center gap-2 px-4 py-2.5 text-sm font-medium", e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !o && [w[a], d === r ? C("bg-white dark:bg-gray-700 text-blue-600 dark:text-blue-400 shadow-sm border", "border-gray-200 dark:border-gray-700") : C("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: C("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]
+			}, e.title))
 		}), /* @__PURE__ */ t("div", {
 			role: "tabpanel",
-			id: `${g}-panel-${f}`,
-			"aria-labelledby": `${g}-tab-${f}`,
+			id: `${p}-panel-${d}`,
+			"aria-labelledby": `${p}-tab-${d}`,
 			tabIndex: 0,
-			className: m("mt-3 border bg-white dark:bg-gray-800/50 p-4 overflow-hidden focus:outline-none", E, h[i], c),
+			className: C("mt-3 overflow-hidden focus:outline-none", !o && [
+				"border bg-white dark:bg-gray-800/50 p-4",
+				"border-gray-200 dark:border-gray-700",
+				w[a]
+			], l),
 			children: /* @__PURE__ */ t("div", {
 				className: "tabs-panel-inner",
-				children: x?.content
-			}, f)
+				children: b?.content
+			}, d)
 		})]
 	});
 }
 //#endregion
 //#region src/components/textarea/textarea.tsx
-function be({ label: e, error: r, showCharCount: i = !1, minLength: a, maxLength: o, radius: c = "md", unstyled: l = !1, className: d, wrapperClassName: f, value: p, defaultValue: g, onChange: _, id: v = "textarea", ...y }) {
-	let b = `${v}-${s()}`, [x, S] = u(typeof g == "string" ? g.length : 0), w = typeof p == "string" ? p.length : p === void 0 ? x : 0, T = i && (a !== void 0 || o !== void 0), E = (e) => {
-		p === void 0 && S(e.target.value.length), _?.(e);
+function ur({ 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: _ } = B(m), { length: v, trackLength: y } = wn(d, f), b = i && (a !== void 0 || o !== void 0), x = (e) => {
+		y(e.target.value), p?.(e);
 	};
-	return /* @__PURE__ */ n("div", {
-		className: m("w-full", f),
-		children: [
-			typeof e == "string" ? /* @__PURE__ */ n("label", {
-				className: m(k, "block mb-1"),
-				htmlFor: b,
-				children: [e, y.required && /* @__PURE__ */ t("span", {
-					className: "text-red-500 dark:text-red-400 ml-1",
-					children: "*"
-				})]
-			}) : e,
-			/* @__PURE__ */ t("textarea", {
-				id: b,
-				className: m("w-full min-h-[80px] resize-y disabled:opacity-50 disabled:cursor-not-allowed", !l && [
-					F,
-					h[c],
-					"px-3 py-2 text-sm"
-				], !l && r && m("border-red-500 dark:border-red-400", "focus:ring-red-500"), d),
-				...p === void 0 ? { defaultValue: g } : { value: p },
-				minLength: a,
-				maxLength: o,
-				onChange: E,
-				"aria-invalid": !!r,
-				"aria-describedby": r ? `${b}-error` : void 0,
-				...y
-			}),
-			T && /* @__PURE__ */ t(C, {
-				current: w,
-				min: a,
-				max: o,
-				showMin: a !== void 0,
-				showMax: o !== void 0
-			}),
-			r && /* @__PURE__ */ t("p", {
-				id: `${b}-error`,
-				className: m("text-xs text-red-600 dark:text-red-400", "mt-1"),
-				role: "alert",
-				children: r
-			})
-		]
+	return /* @__PURE__ */ n(he, {
+		fieldId: g,
+		errorId: _,
+		label: e,
+		error: r,
+		required: h.required,
+		wrapperClassName: u,
+		children: [/* @__PURE__ */ t("textarea", {
+			id: g,
+			className: C("w-full min-h-[80px] resize-y disabled:opacity-50 disabled:cursor-not-allowed", !c && [
+				z,
+				w[s],
+				"px-3 py-2 text-sm"
+			], !c && r && C("border-red-500 dark:border-red-400", "focus:ring-red-500"), l),
+			...d === void 0 ? { defaultValue: f } : { value: d },
+			minLength: a,
+			maxLength: o,
+			onChange: x,
+			"aria-invalid": !!r,
+			"aria-describedby": r ? _ : void 0,
+			...h
+		}), b && /* @__PURE__ */ t(te, {
+			current: v,
+			min: a,
+			max: o,
+			showMin: a !== void 0,
+			showMax: o !== void 0
+		})]
 	});
 }
 //#endregion
 //#region src/stores/theme_store/theme_store.ts
-var X = "theme";
-function xe(e) {
+var dr = "theme";
+function fr(e) {
 	return e === "light" || e === "dark" || e === "system";
 }
-function Z() {
+function pr() {
 	return globalThis.window !== void 0 && globalThis.document !== void 0;
 }
-function Q(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 Se() {
-	if (!Z()) return "system";
-	let e = globalThis.localStorage.getItem(X);
-	return xe(e) ? e : "system";
+function hr() {
+	if (!pr()) return "system";
+	let e = globalThis.localStorage.getItem(dr);
+	return fr(e) ? e : "system";
 }
-var $ = oe((e) => ({
-	theme: Se(),
+var gr = hr();
+pr() && mr(gr);
+var _r = qn((e) => ({
+	theme: gr,
 	setTheme: (t) => {
-		Q(t), Z() && globalThis.localStorage.setItem(X, t), e({ theme: t });
+		mr(t), pr() && globalThis.localStorage.setItem(dr, t), e({ theme: t });
 	}
 }));
-Z() && (globalThis.addEventListener("storage", (e) => {
-	if (e.key !== X) return;
-	let t = xe(e.newValue) ? e.newValue : "system";
-	Q(t), $.setState({ theme: t });
+pr() && (globalThis.addEventListener("storage", (e) => {
+	if (e.key !== dr) return;
+	let t = fr(e.newValue) ? e.newValue : "system";
+	mr(t), _r.setState({ theme: t });
 }), globalThis.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
-	$.getState().theme === "system" && Q("system");
+	_r.getState().theme === "system" && mr("system");
 }));
 //#endregion
-//#region src/hooks/use_is_client/use_is_client.tsx
-var Ce = () => {
-	let [e, t] = u(!1);
-	return o(() => {
-		requestAnimationFrame(() => {
-			t(!0);
-		});
-	}, []), e;
-}, we = 750, Te = "ease-in-out";
-async function Ee({ theme: e, element: t, transitionDuration: n = we, transitionEasing: r = Te, applyThemeCallback: i }) {
+//#region src/lib/theme_transition.ts
+var vr = 750, yr = "ease-in-out";
+async function br({ theme: e, element: t, transitionDuration: n = vr, transitionEasing: r = yr, applyThemeCallback: i }) {
 	if (!document.startViewTransition || globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches) {
 		i(e);
 		return;
@@ -1082,55 +2392,129 @@ async function Ee({ theme: e, element: t, transitionDuration: n = we, transition
 		pseudoElement: "::view-transition-new(root)"
 	});
 }
-function De(e) {
+function xr(e) {
 	return e === "light" ? "dark" : e === "dark" ? "system" : "light";
 }
 //#endregion
 //#region src/components/theme_toggle/theme_toggle.tsx
-var Oe = {
+var Sr = {
 	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"
-}, ke = "i-tabler-device-desktop text-gray-400";
-function Ae({ isTransitionEnabled: e = !0, transitionDuration: n, transitionEasing: r, size: i = "md", radius: s }) {
-	let c = $((e) => e.theme), u = $((e) => e.setTheme), d = Ce(), f = l(null);
-	o(() => {
-		u($.getState().theme);
-	}, [u]);
-	let p = a(async () => {
-		let t = De(c), i = f.current;
-		i && e ? await Ee({
+}, Cr = "i-tabler-device-desktop text-gray-400";
+function wr(e) {
+	return `Current theme: ${e}`;
+}
+function Tr({ isTransitionEnabled: e = !0, transitionDuration: n, transitionEasing: r, size: i = "md", radius: a, variant: o, getAriaLabel: s = wr }) {
+	let c = _r((e) => e.theme), l = _r((e) => e.setTheme), u = pe(), f = _(null), p = d(async () => {
+		let t = xr(c), i = f.current;
+		i && e ? await br({
 			theme: t,
 			element: i,
 			transitionDuration: n,
 			transitionEasing: r,
-			applyThemeCallback: u
-		}) : u(t);
+			applyThemeCallback: l
+		}) : l(t);
 	}, [
 		c,
 		e,
 		n,
 		r,
-		u
-	]);
-	return /* @__PURE__ */ t(B, {
+		l
+	]), m = u ? Sr[c] : Cr;
+	return /* @__PURE__ */ t(Sn, {
 		ref: f,
-		icon: d ? Oe[c] : ke,
-		"aria-label": `Thème actuel: ${c}`,
+		icon: m,
+		"aria-label": s(c),
 		size: i,
-		radius: s,
+		radius: a,
+		variant: o,
 		onClick: () => {
 			p();
 		}
 	});
 }
 //#endregion
-//#region src/hooks/use_run_after_animation/use_run_after_animation.ts
-function je(e) {
-	return a((t) => {
-		let n = setTimeout(t, e);
-		return () => clearTimeout(n);
-	}, [e]);
+//#region src/components/tooltip/tooltip.tsx
+var Er = 8, Dr = 8, Or = {
+	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"
+}, kr = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function Ar({ content: r, children: i, position: a = "top", showOnClick: o = !1, temporaryContent: c, temporaryDuration: l = 2e3, disabled: f = !1, radius: h = "lg", onTemporaryShow: g, className: y, ref: b }) {
+	let { isMounted: S, isVisible: T, setIsVisible: E, open: D, close: O } = ln(), [k, A] = v(!1), j = m(), M = _(null), N = _(void 0), { refs: P, floatingStyles: F, placement: I, middlewareData: ee, isPositioned: L } = Zt({
+		placement: a,
+		open: S,
+		whileElementsMounted: Bt,
+		middleware: [
+			$t(Er),
+			tn(),
+			en({ padding: 8 }),
+			nn({ element: M })
+		]
+	}), R = I.split("-")[0];
+	un(S, L, E);
+	let te = d((e) => On(P.setReference, b)(e), [P, b]), ne = () => {
+		A(!1), O();
+	}, re = () => {
+		f || !c || (A(!0), D(L), clearTimeout(N.current), N.current = setTimeout(ne, l), g?.());
+	}, ie = () => {
+		f || D(L);
+	}, ae = () => {
+		clearTimeout(N.current), ne();
+	};
+	p(() => () => clearTimeout(N.current), []);
+	let z = S && !f, oe = k && c ? c : r, se = {
+		onClick: (e) => {
+			o && c && re(), u(i) && i.props.onClick?.(e);
+		},
+		"aria-describedby": z ? j : void 0
+	}, ce = u(i) ? s(i, se) : i, le = ee.arrow?.x, B = ee.arrow?.y, ue = kr[R];
+	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
+		ref: te,
+		className: C("inline-block", y),
+		onMouseEnter: ie,
+		onMouseLeave: ae,
+		onFocus: ie,
+		onBlur: ae,
+		children: ce
+	}), z && x(/* @__PURE__ */ t("div", {
+		ref: P.setFloating,
+		style: F,
+		className: "z-50 inline-block pointer-events-none",
+		children: /* @__PURE__ */ n("div", {
+			id: j,
+			role: "tooltip",
+			"data-state": T ? "open" : "closed",
+			className: C("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", Or[R], w[h]),
+			children: [oe, /* @__PURE__ */ t("div", {
+				ref: M,
+				style: {
+					position: "absolute",
+					width: `${Dr}px`,
+					height: `${Dr}px`,
+					left: le === void 0 ? void 0 : `${le}px`,
+					top: B === void 0 ? void 0 : `${B}px`,
+					[ue]: `-${Dr / 2}px`
+				},
+				className: "rotate-45 bg-gray-900 dark:bg-gray-100"
+			})]
+		})
+	}), document.body)] });
 }
 //#endregion
-export { F as BASE_INPUT_STYLES, b as Button, C as CharacterCount, j as Checkbox, P as ClientOnly, L as Combobox, de as ConfirmModal, B as IconButton, I as Input, me as Modal, he as ModalProvider, ge as RadioOptions, _e as Select, ve as Switch, ye as Tabs, be as Textarea, Ae as ThemeToggle, M as useClientOnly, Y as useDisableHotkeysWhileMounted, q as useGlobalHotkeysStore, Ce as useIsClient, je as useRunAfterAnimation, $ as useThemeStore, N as withClientOnly };
+//#region src/hooks/use_is_client/with_client_only.tsx
+var jr = (e) => {
+	function n(n) {
+		return pe() ? /* @__PURE__ */ t(e, { ...n }) : null;
+	}
+	return n;
+};
+//#endregion
+export { z as BASE_INPUT_STYLES, P as Badge, ee as Button, te as CharacterCount, fe as Checkbox, me as ClientOnly, ge as Combobox, er as ConfirmModal, mn as ContextMenu, _n as CopyButton, yn as Highlight, Sn as IconButton, Tn as Input, Dn as Kbd, jn as Menu, Mn as MenuItem, nr as Modal, rr as ModalBody, Ln as ModalFooter, ir as ModalProvider, or as RadioOptions, sr as Select, cr as Switch, lr as Tabs, ur as Textarea, Tr as ThemeToggle, Ar as Tooltip, vn as splitIntoHighlightSegments, Xn as useDisableHotkeysWhileMounted, Jn as useGlobalHotkeysStore, pe as useIsClient, _r as useThemeStore, jr as withClientOnly };