@minimalstuff/ui 4.0.0 → 4.1.0

package/dist/minimalstuff-ui.js

@@ -99,35 +99,35 @@ function I({ name: e, src: t, size: n = "sm", color: r = "primary", radius: i =
 }
 //#endregion
 //#region src/components/badge/badge.tsx
-var ee = {
+var L = {
 	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"
-}, L = ({ children: e, color: t = "primary", variant: n = "subtle", size: r = "sm", radius: i = "md", className: a, ...o }) => /* @__PURE__ */ g("span", {
-	className: x("inline-flex items-center gap-1 border", S[i], ee[r], A[t][n], a),
+}, R = ({ children: e, color: t = "primary", variant: n = "subtle", size: r = "sm", radius: i = "md", className: a, ...o }) => /* @__PURE__ */ g("span", {
+	className: x("inline-flex items-center gap-1 border", S[i], L[r], A[t][n], a),
 	...o,
 	children: e
-}), te = {
+}), z = {
 	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"
-}, ne = {
+}, ee = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
 };
-function R(e) {
-	let { unstyled: t = !1, variant: n = "solid", color: r = "primary", size: i = "md", radius: a = "md", children: o, className: s, fullWidth: c = !1, loading: l = !1, startIcon: u, endIcon: d, disabled: f, ...p } = e, m = A[r], h = ne[i];
+function te(e) {
+	let { unstyled: t = !1, variant: n = "solid", color: r = "primary", size: i = "md", radius: a = "md", children: o, className: s, fullWidth: c = !1, loading: l = !1, startIcon: u, endIcon: d, disabled: f, ...p } = e, m = A[r], h = ee[i];
 	return /* @__PURE__ */ _("button", {
 		type: "button",
 		className: x(j, !t && [
 			M,
 			"gap-2 font-medium border",
 			S[a],
-			te[i],
+			z[i],
 			m[n],
 			m.focusOutline
 		], c && "w-full", s),
@@ -153,13 +153,13 @@ function R(e) {
 }
 //#endregion
 //#region src/components/shared/surface_tokens.ts
-var re = "border-gray-300 dark:border-gray-600", z = "bg-white dark:bg-gray-800", B = "border-gray-200 dark:border-gray-700", ie = "border-gray-100 dark:border-gray-800", V = "bg-white dark:bg-gray-900", H = {
+var B = "border-gray-300 dark:border-gray-600", V = "bg-white dark:bg-gray-800", ne = "border-gray-200 dark:border-gray-700", H = "border-gray-100 dark:border-gray-800", re = "bg-white dark:bg-gray-900", U = {
 	2: "h2",
 	3: "h3",
 	4: "h4"
 };
-function ae({ title: e, titleId: t, level: n, description: r, actions: i }) {
-	let a = H[n];
+function W({ title: e, titleId: t, level: n, description: r, actions: i }) {
+	let a = U[n];
 	return /* @__PURE__ */ _("div", {
 		className: "mb-4",
 		children: [/* @__PURE__ */ _("div", {
@@ -177,13 +177,13 @@ function ae({ title: e, titleId: t, level: n, description: r, actions: i }) {
 }
 //#endregion
 //#region src/components/card/card.tsx
-var oe = {
+var ie = {
 	none: "",
 	sm: "p-4",
 	md: "p-6",
 	lg: "p-8"
 };
-function U({ children: e, title: t, description: n, actions: r, headingLevel: i = 2, padding: a = "md", radius: o = "lg", unstyled: s = !1, className: c }) {
+function ae({ children: e, title: t, description: n, actions: r, headingLevel: i = 2, padding: a = "md", radius: o = "lg", unstyled: s = !1, className: c }) {
 	let u = l(), d = !!t;
 	return /* @__PURE__ */ _("div", {
 		role: d ? "region" : void 0,
@@ -193,9 +193,9 @@ function U({ children: e, title: t, description: n, actions: r, headingLevel: i
 			"bg-white dark:bg-gray-800",
 			"border-gray-200 dark:border-gray-700",
 			S[o],
-			oe[a]
+			ie[a]
 		], c),
-		children: [d && /* @__PURE__ */ g(ae, {
+		children: [d && /* @__PURE__ */ g(W, {
 			title: t,
 			titleId: u,
 			level: i,
@@ -206,50 +206,84 @@ function U({ children: e, title: t, description: n, actions: r, headingLevel: i
 }
 //#endregion
 //#region src/components/character_count/character_count.tsx
-var se = "text-xs text-gray-500 dark:text-gray-400 mt-1 text-right";
-function W(e, t) {
+var G = "text-xs text-gray-500 dark:text-gray-400 mt-1 text-right";
+function oe(e, t) {
 	return t ? "" : e === "overLimit" ? "text-red-600 dark:text-red-400" : e === "atLimit" ? "text-amber-700 dark:text-amber-400" : "";
 }
-function ce({ current: e, min: t, max: n, showMin: r, showMax: i, unstyled: a = !1, id: o, className: s }) {
+function K({ current: e, min: t, max: n, showMin: r, showMax: i, unstyled: a = !1, id: o, className: s }) {
 	let c = r === !0 || i === !0, l = t !== void 0 && e <= t ? "atLimit" : "ok", u = n !== void 0 && e > n ? "overLimit" : n !== void 0 && e >= n ? "atLimit" : "ok", d = c ? `${e}/${t} min` : `${e} (min ${t})`, f = c ? `${e}/${n} max` : `${e}/${n}`;
 	return /* @__PURE__ */ _("div", {
 		id: o,
-		className: x(!a && se, s),
+		className: x(!a && G, s),
 		children: [
 			r && t !== void 0 && /* @__PURE__ */ g("span", {
-				className: W(l, a),
+				className: oe(l, a),
 				children: d
 			}),
 			r && i && " · ",
 			i && n !== void 0 && /* @__PURE__ */ g("span", {
-				className: W(u, a),
+				className: oe(u, a),
 				children: f
 			}),
 			!r && !i && n !== void 0 && /* @__PURE__ */ g("span", {
-				className: W(u, a),
+				className: oe(u, a),
 				children: f
 			}),
 			!r && !i && t !== void 0 && n === void 0 && /* @__PURE__ */ g("span", {
-				className: W(l, a),
+				className: oe(l, a),
 				children: d
 			})
 		]
 	});
 }
 //#endregion
+//#region src/lib/merge_refs.ts
+function se(...e) {
+	return (t) => {
+		for (let n of e) typeof n == "function" ? n(t) : n && (n.current = t);
+	};
+}
+//#endregion
 //#region src/components/shared/join_ids.ts
-function G(...e) {
+function q(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
-var le = `w-full border ${re} ${z} text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 ${T} transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`, ue = "text-sm font-medium text-gray-700 dark:text-gray-300", de = "text-xs text-gray-600 dark:text-gray-400", fe = "text-xs text-red-600 dark:text-red-400", pe = "border-red-500 dark:border-red-400", me = ({ id: e, error: t, className: n }) => t ? /* @__PURE__ */ g("p", {
-	id: e,
-	className: x(fe, n),
-	role: "alert",
-	children: t
-}) : null;
+//#endregion
+//#region src/components/shared/dash_icon.tsx
+function ce() {
+	return /* @__PURE__ */ g("svg", {
+		className: "h-3 w-3 text-white",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		children: /* @__PURE__ */ g("line", {
+			x1: "2.5",
+			y1: "6",
+			x2: "9.5",
+			y2: "6"
+		})
+	});
+}
+var le = `w-full border ${B} ${V} text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 ${T} transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`, ue = "text-sm font-medium text-gray-700 dark:text-gray-300", de = "text-xs text-gray-600 dark:text-gray-400", fe = "text-xs text-red-600 dark:text-red-400", pe = "border-red-500 dark:border-red-400", me = r(!0);
+function he() {
+	return s(me);
+}
+//#endregion
+//#region src/components/shared/field_error.tsx
+var J = ({ id: e, error: t, className: n }) => {
+	let r = he();
+	return t ? /* @__PURE__ */ g("p", {
+		id: e,
+		className: x(fe, n),
+		role: r ? "alert" : void 0,
+		children: t
+	}) : null;
+};
 //#endregion
 //#region src/components/shared/use_field_ids.ts
-function K(e) {
+function Y(e) {
 	let t = l(), n = e ?? t;
 	return {
 		fieldId: n,
@@ -261,7 +295,7 @@ function K(e) {
 }
 //#endregion
 //#region src/components/shared/checkmark_icon.tsx
-function he() {
+function ge() {
 	return /* @__PURE__ */ g("svg", {
 		className: "h-3 w-3 text-white",
 		viewBox: "0 0 12 12",
@@ -275,7 +309,7 @@ function he() {
 }
 //#endregion
 //#region src/components/shared/field_description.tsx
-var ge = ({ id: e, description: t, className: n }) => t ? typeof t == "string" ? /* @__PURE__ */ g("p", {
+var _e = ({ id: e, description: t, className: n }) => t ? typeof t == "string" ? /* @__PURE__ */ g("p", {
 	id: e,
 	className: x(de, n),
 	children: t
@@ -286,7 +320,7 @@ var ge = ({ id: e, description: t, className: n }) => t ? typeof t == "string" ?
 }) : null;
 //#endregion
 //#region src/components/shared/option_card_styles.ts
-function _e(e) {
+function ve(e) {
 	let { isSelected: t, isError: n, isDisabled: r, radius: i, unstyled: a } = e;
 	return x("flex cursor-pointer items-start gap-3 transition-colors duration-150", E, n ? O : D, !a && [
 		S[i],
@@ -294,13 +328,13 @@ function _e(e) {
 		t ? n ? x("border-red-500 dark:border-red-400", "bg-red-50 dark:bg-red-950/20") : "border-blue-500 bg-blue-50 dark:border-blue-500 dark:bg-blue-950/25" : n ? "border-red-300 bg-white dark:border-red-800/50 dark:bg-gray-800/50" : x("border-gray-200 dark:border-gray-700", "bg-gray-50 hover:border-gray-300 hover:bg-white dark:bg-gray-800/50 dark:hover:border-gray-600 dark:hover:bg-gray-800")
 	], r && "cursor-not-allowed opacity-50");
 }
-function ve(e) {
+function ye(e) {
 	let { isSelected: t, isError: n } = e;
-	return t ? n ? pe : "border-blue-600 dark:border-blue-500" : n ? "border-red-400 dark:border-red-600" : re;
+	return t ? n ? pe : "border-blue-600 dark:border-blue-500" : n ? "border-red-400 dark:border-red-600" : B;
 }
 //#endregion
 //#region src/components/shared/use_controlled_state.ts
-function ye(e, t) {
+function be(e, t) {
 	let [n, r] = p(t), i = e !== void 0, a = o((e) => {
 		i || r(e);
 	}, [i]);
@@ -308,7 +342,7 @@ function ye(e, t) {
 }
 //#endregion
 //#region src/components/checkbox/checkbox.tsx
-function be(e, t, n) {
+function xe(e, t, n) {
 	return e === void 0 ? null : typeof e == "string" ? /* @__PURE__ */ _("span", {
 		className: t,
 		children: [e, n && /* @__PURE__ */ g("span", {
@@ -320,71 +354,95 @@ function be(e, t, n) {
 		children: "*"
 	})] });
 }
-function xe({ label: e, description: t, error: n, radius: r = "sm", unstyled: i = !1, fullWidth: a = !1, variant: o = "inline", className: s, wrapperClassName: c, checked: l, defaultChecked: u = !1, onChange: d, id: f, "aria-describedby": p, ...m }) {
-	let { fieldId: h, errorId: v, descriptionId: y } = K(f), [b, C] = ye(l, u), w = o === "card", T = G(p, !!t && y, n && v), E = (e) => {
-		C(e.target.checked), d?.(e);
-	}, D = w ? _e({
-		isSelected: b,
-		isError: !!n,
-		isDisabled: m.disabled === !0,
-		radius: r,
-		unstyled: i
-	}) : x("flex items-start gap-3 cursor-pointer", m.disabled && "cursor-not-allowed opacity-50"), O = w ? x("select-none text-sm font-medium", b ? n ? "text-red-700 dark:text-red-300" : "text-blue-700 dark:text-blue-300" : "text-gray-700 dark:text-gray-300") : x(ue, "select-none"), k = x("relative shrink-0", S[r], !w && ["has-[:focus-visible]:outline-none has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2 has-[:focus-visible]:ring-offset-white dark:has-[:focus-visible]:ring-offset-gray-900", n ? "has-[:focus-visible]:ring-red-500" : "has-[:focus-visible]:ring-blue-500"]), A = be(e, O, m.required === !0);
+function Se({ label: e, indeterminate: t = !1, description: n, error: r, radius: i = "sm", unstyled: a = !1, fullWidth: o = !1, variant: s = "inline", className: l, wrapperClassName: u, checked: p, defaultChecked: m = !1, onChange: h, id: v, "aria-describedby": y, ref: b, ...C }) {
+	let { fieldId: w, errorId: T, descriptionId: E } = Y(v), [D, O] = be(p, m), k = f(null), A = s === "card", j = D || t, M = q(y, !!n && E, r && T), N = d(() => se(k, b), [b]);
+	c(() => {
+		k.current && (k.current.indeterminate = t);
+	});
+	let P = (e) => {
+		e.target.indeterminate = t, O(e.target.checked), h?.(e);
+	}, F = A ? ve({
+		isSelected: j,
+		isError: !!r,
+		isDisabled: C.disabled === !0,
+		radius: i,
+		unstyled: a
+	}) : x("flex items-start gap-3 cursor-pointer", C.disabled && "cursor-not-allowed opacity-50"), I = A ? x("select-none text-sm font-medium", j ? r ? "text-red-700 dark:text-red-300" : "text-blue-700 dark:text-blue-300" : "text-gray-700 dark:text-gray-300") : x(ue, "select-none"), L = x("relative shrink-0", S[i], !A && ["has-[:focus-visible]:outline-none has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2 has-[:focus-visible]:ring-offset-white dark:has-[:focus-visible]:ring-offset-gray-900", r ? "has-[:focus-visible]:ring-red-500" : "has-[:focus-visible]:ring-blue-500"]), R = xe(e, I, C.required === !0);
 	return /* @__PURE__ */ _("div", {
-		className: x(a ? "w-full" : "w-fit", c),
+		className: x(o ? "w-full" : "w-fit", u),
 		children: [
 			/* @__PURE__ */ _("label", {
-				htmlFor: h,
-				className: D,
+				htmlFor: w,
+				className: F,
 				children: [/* @__PURE__ */ _("span", {
-					className: k,
+					className: L,
 					children: [/* @__PURE__ */ g("input", {
 						type: "checkbox",
-						id: h,
+						ref: N,
+						id: w,
 						className: "sr-only",
-						checked: b,
-						onChange: E,
-						"aria-invalid": !!n,
-						"aria-describedby": T,
-						...m
+						checked: D,
+						onChange: P,
+						"aria-invalid": !!r,
+						"aria-describedby": M,
+						...C
 					}), /* @__PURE__ */ g("span", {
-						className: x("flex h-5 w-5 items-center justify-center transition-all duration-200", !i && [
-							S[r],
+						className: x("flex h-5 w-5 items-center justify-center transition-all duration-200", !a && [
+							S[i],
 							"border-2",
-							b ? x("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : x("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800"),
-							n && "border-red-500 dark:border-red-400"
-						], s),
+							j ? x("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : x("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800"),
+							r && "border-red-500 dark:border-red-400"
+						], l),
 						"aria-hidden": !0,
-						children: b && /* @__PURE__ */ g(he, {})
+						children: t ? /* @__PURE__ */ g(ce, {}) : D && /* @__PURE__ */ g(ge, {})
 					})]
-				}), w ? /* @__PURE__ */ _("span", {
+				}), A ? /* @__PURE__ */ _("span", {
 					className: "flex min-w-0 flex-col",
-					children: [A, t && /* @__PURE__ */ g("span", {
-						id: y,
+					children: [R, n && /* @__PURE__ */ g("span", {
+						id: E,
 						className: x("text-xs text-gray-600 dark:text-gray-400", "mt-0.5"),
-						children: t
+						children: n
 					})]
-				}) : A]
+				}) : R]
 			}),
-			!w && /* @__PURE__ */ g(ge, {
-				id: y,
-				description: t,
+			!A && /* @__PURE__ */ g(_e, {
+				id: E,
+				description: n,
 				className: "mt-1 ml-8"
 			}),
-			/* @__PURE__ */ g(me, {
-				id: v,
-				error: n,
-				className: w ? "mt-1" : "mt-1 ml-8"
+			/* @__PURE__ */ g(J, {
+				id: T,
+				error: r,
+				className: A ? "mt-1" : "mt-1 ml-8"
 			})
 		]
 	});
 }
+var Ce = r({
+	close: "Close",
+	confirm: "Confirm",
+	cancel: "Cancel",
+	noResults: "No results found",
+	clearSelection: "Clear selection",
+	search: "Search",
+	clear: "Clear",
+	required: "required",
+	currentTheme: (e) => `Current theme: ${e}`,
+	overflowCount: (e) => `+${e} more`,
+	selectedCount: (e) => `${e} selected`,
+	maxSelectedHint: (e) => `You can select up to ${e} items`
+});
+//#endregion
+//#region src/components/ui_provider/use_labels.ts
+function we() {
+	return s(Ce);
+}
 //#endregion
 //#region src/components/shared/option_row.tsx
-function Se({ item: e, htmlFor: t, descriptionId: n, orientation: r, isSelected: i, isDisabled: a, isError: o, radius: s, unstyled: c, className: l, control: u, indicator: d }) {
+function Te({ item: e, htmlFor: t, descriptionId: n, orientation: r, isSelected: i, isDisabled: a, isError: o, radius: s, unstyled: c, className: l, control: u, indicator: d }) {
 	return /* @__PURE__ */ _("label", {
 		htmlFor: t,
-		className: x(_e({
+		className: x(ve({
 			isSelected: i,
 			isError: o,
 			isDisabled: a,
@@ -416,9 +474,9 @@ function Se({ item: e, htmlFor: t, descriptionId: n, orientation: r, isSelected:
 }
 //#endregion
 //#region src/components/checkbox_options/checkbox_option_row.tsx
-function Ce({ option: e, optionId: t, descriptionId: n, name: r, orientation: i, isSelected: a, isDisabled: o, error: s, radius: c, unstyled: l, className: u, onToggle: d }) {
+function Ee({ option: e, optionId: t, descriptionId: n, name: r, orientation: i, isSelected: a, isDisabled: o, error: s, radius: c, unstyled: l, className: u, onToggle: d }) {
 	let f = !!s;
-	return /* @__PURE__ */ g(Se, {
+	return /* @__PURE__ */ g(Te, {
 		item: e,
 		htmlFor: t,
 		descriptionId: n,
@@ -442,33 +500,33 @@ function Ce({ option: e, optionId: t, descriptionId: n, name: r, orientation: i,
 			className: "sr-only"
 		}),
 		indicator: /* @__PURE__ */ g("span", {
-			className: x("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center border-2 transition-colors duration-150", S.sm, ve({
+			className: x("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center border-2 transition-colors duration-150", S.sm, ye({
 				isSelected: a,
 				isError: f
 			}), a && (f ? "bg-red-500 dark:bg-red-400" : "bg-blue-600 dark:bg-blue-500")),
 			"aria-hidden": !0,
-			children: a && /* @__PURE__ */ g(he, {})
+			children: a && /* @__PURE__ */ g(ge, {})
 		})
 	});
 }
 //#endregion
 //#region src/components/checkbox_options/checkbox_options.tsx
-function we(e, t, n) {
+function De(e, t, n) {
 	let r = t.includes(n) ? t.filter((e) => e !== n) : [...t, n];
 	return e.map((e) => e.value).filter((e) => r.includes(e));
 }
-function Te({ options: e, orientation: t = "vertical", values: n, defaultValues: r, onChange: i, name: a, label: o, error: s, required: c, requiredLabel: l = "required", disabled: u, radius: d = "lg", unstyled: f = !1, className: p, wrapperClassName: m, id: v, "aria-describedby": y, ...b }) {
-	let { fieldId: S, errorId: C } = K(v), w = a ?? S, [T, E] = ye(n, r ?? []), D = e.map((e) => typeof e == "string" ? {
+function Oe({ options: e, orientation: t = "vertical", values: n, defaultValues: r, onChange: i, name: a, label: o, error: s, required: c, requiredLabel: l, disabled: u, radius: d = "lg", unstyled: f = !1, className: p, wrapperClassName: m, id: v, "aria-describedby": y, ...b }) {
+	let S = we(), { fieldId: C, errorId: w } = Y(v), T = a ?? C, [E, D] = be(n, r ?? []), O = e.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
-	} : e), O = (e) => {
-		let t = we(D, T, e);
-		E(t), i?.(t);
+	} : e), k = (e) => {
+		let t = De(O, E, e);
+		D(t), i?.(t);
 	};
 	return /* @__PURE__ */ _("fieldset", {
 		className: x("m-0 border-0 p-0", m),
 		disabled: u,
-		"aria-describedby": G(y, s && C),
+		"aria-describedby": q(y, s && w),
 		...b,
 		children: [
 			o && /* @__PURE__ */ _("legend", {
@@ -479,28 +537,28 @@ function Te({ options: e, orientation: t = "vertical", values: n, defaultValues:
 					children: "*"
 				}), /* @__PURE__ */ g("span", {
 					className: "sr-only",
-					children: ` (${l})`
+					children: ` (${l ?? S.required})`
 				})] })]
 			}),
 			/* @__PURE__ */ g("div", {
 				className: x(t === "horizontal" ? "flex flex-row gap-2" : "flex flex-col gap-2"),
-				children: D.map((e, n) => /* @__PURE__ */ g(Ce, {
+				children: O.map((e, n) => /* @__PURE__ */ g(Ee, {
 					option: e,
-					optionId: `${S}-${n}`,
-					descriptionId: `${S}-${n}-desc`,
-					name: w,
+					optionId: `${C}-${n}`,
+					descriptionId: `${C}-${n}-desc`,
+					name: T,
 					orientation: t,
-					isSelected: T.includes(e.value),
+					isSelected: E.includes(e.value),
 					isDisabled: u === !0 || e.disabled === !0,
 					error: s,
 					radius: d,
 					unstyled: f,
 					className: p,
-					onToggle: O
+					onToggle: k
 				}, e.value))
 			}),
-			/* @__PURE__ */ g(me, {
-				id: C,
+			/* @__PURE__ */ g(J, {
+				id: w,
 				error: s,
 				className: "mt-2"
 			})
@@ -509,7 +567,7 @@ function Te({ options: e, orientation: t = "vertical", values: n, defaultValues:
 }
 //#endregion
 //#region src/hooks/use_is_client/use_is_client.tsx
-var Ee = () => {
+var ke = () => {
 	let [e, t] = p(!1);
 	return c(() => {
 		requestAnimationFrame(() => {
@@ -519,43 +577,48 @@ var Ee = () => {
 };
 //#endregion
 //#region src/components/client_only/client_only.tsx
-function De({ children: e, fallback: t }) {
-	return Ee() ? /* @__PURE__ */ g(h, { children: e }) : t ?? null;
+function Ae({ children: e, fallback: t }) {
+	return ke() ? /* @__PURE__ */ g(h, { children: e }) : t ?? null;
 }
 //#endregion
 //#region src/components/shared/field.tsx
-var Oe = ({ fieldId: e, errorId: t, label: n, error: r, required: i = !1, wrapperClassName: a, children: o }) => /* @__PURE__ */ _("div", {
-	className: x("w-full", a),
+var je = ({ fieldId: e, errorId: t, descriptionId: n, label: r, description: i, error: a, required: o = !1, wrapperClassName: s, children: c }) => /* @__PURE__ */ _("div", {
+	className: x("w-full", s),
 	children: [
-		n !== void 0 && (typeof n == "string" ? /* @__PURE__ */ _("label", {
+		r !== void 0 && (typeof r == "string" ? /* @__PURE__ */ _("label", {
 			id: `${e}-label`,
 			className: x("text-sm font-medium text-gray-700 dark:text-gray-300", "block mb-1"),
 			htmlFor: e,
-			children: [n, i && /* @__PURE__ */ g("span", {
+			children: [r, o && /* @__PURE__ */ g("span", {
 				className: "text-red-500 dark:text-red-400 ml-1",
 				"aria-hidden": "true",
 				children: "*"
 			})]
-		}) : /* @__PURE__ */ _(h, { children: [n, i && /* @__PURE__ */ g("span", {
+		}) : /* @__PURE__ */ _(h, { children: [r, o && /* @__PURE__ */ g("span", {
 			className: "text-red-500 dark:text-red-400 ml-1",
 			"aria-hidden": "true",
 			children: "*"
 		})] })),
-		o,
-		/* @__PURE__ */ g(me, {
+		c,
+		n && /* @__PURE__ */ g(_e, {
+			id: n,
+			description: i,
+			className: "mt-1"
+		}),
+		/* @__PURE__ */ g(J, {
 			id: t,
-			error: r,
+			error: a,
 			className: "mt-1"
 		})
 	]
-}), ke = -1;
-function Ae(e, t) {
-	return e >= 0 && e < t ? e : ke;
+}), Me = -1;
+function Ne(e, t) {
+	return e >= 0 && e < t ? e : Me;
 }
-function je({ optionCount: e, getOptionId: t, isOpen: n }) {
-	let [r, i] = p(ke), a = Ae(r, e), s = o((t) => {
+function Pe({ optionCount: e, getOptionId: t, isOpen: n }) {
+	let [r, i] = p(Me), a = Ne(r, e), s = o((t) => {
 		e !== 0 && i((n) => {
-			let r = Ae(n, e) + t;
+			let r = Ne(n, e) + t;
 			return r < 0 ? e - 1 : r >= e ? 0 : r;
 		});
 	}, [e]), l = o(() => {
@@ -563,7 +626,7 @@ function je({ optionCount: e, getOptionId: t, isOpen: n }) {
 	}, []), u = o(() => {
 		i(e - 1);
 	}, [e]), d = o(() => {
-		i(ke);
+		i(Me);
 	}, []), f = n && a >= 0 ? t(a) : void 0;
 	return c(() => {
 		f !== void 0 && document.getElementById(f)?.scrollIntoView?.({ block: "nearest" });
@@ -578,61 +641,61 @@ function je({ optionCount: e, getOptionId: t, isOpen: n }) {
 }
 //#endregion
 //#region src/components/combobox/combobox.tsx
-function Me({ options: e, label: t, "aria-label": n, error: r, placeholder: i, noResultsText: a = "No results found", clearLabel: o = "Clear selection", radius: s = "md", unstyled: c = !1, disabled: l = !1, required: u = !1, className: m, wrapperClassName: h, value: v, defaultValue: y = "", onChange: b, id: C }) {
-	let { fieldId: w, errorId: T } = K(C), E = `${w}-listbox`, D = f(null), [O, k] = ye(v, y), j = e.find((e) => e.value === O), [M, N] = p(""), [P, F] = p(!1), [I, ee] = p(!1), L = d(() => P ? e.filter((e) => e.label.toLowerCase().includes(M.toLowerCase())) : e, [
+function Fe({ options: e, label: t, "aria-label": n, error: r, placeholder: i, noResultsText: a, clearLabel: o, radius: s = "md", unstyled: c = !1, disabled: l = !1, required: u = !1, className: m, wrapperClassName: h, value: v, defaultValue: y = "", onChange: b, id: C }) {
+	let w = we(), { fieldId: T, errorId: E } = Y(C), D = `${T}-listbox`, O = f(null), [k, j] = be(v, y), M = e.find((e) => e.value === k), [N, P] = p(""), [F, I] = p(!1), [L, R] = p(!1), z = d(() => F ? e.filter((e) => e.label.toLowerCase().includes(N.toLowerCase())) : e, [
 		e,
-		P,
-		M
-	]), { activeIndex: te, activeOptionId: ne, move: R, first: re, last: z, reset: B } = je({
-		optionCount: L.length,
-		getOptionId: (e) => `${E}-option-${e}`,
-		isOpen: I
-	}), ie = I ? M : j?.label ?? "", V = () => {
-		l || (N(j?.label ?? ""), F(!1), ee(!0), B());
-	}, H = () => {
-		ee(!1), F(!1), B();
-	}, ae = (e) => {
-		k(e.value), b?.(e.value), H();
+		F,
+		N
+	]), { activeIndex: ee, activeOptionId: te, move: B, first: V, last: ne, reset: H } = Pe({
+		optionCount: z.length,
+		getOptionId: (e) => `${D}-option-${e}`,
+		isOpen: L
+	}), re = L ? N : M?.label ?? "", U = () => {
+		l || (P(M?.label ?? ""), I(!1), R(!0), H());
+	}, W = () => {
+		R(!1), I(!1), H();
+	}, ie = (e) => {
+		j(e.value), b?.(e.value), W();
+	}, ae = () => {
+		j(""), b?.(""), P(""), O.current?.focus();
+	}, G = (e) => {
+		P(e.target.value), I(!0), R(!0), V();
 	}, oe = () => {
-		k(""), b?.(""), N(""), D.current?.focus();
-	}, U = (e) => {
-		N(e.target.value), F(!0), ee(!0), re();
-	}, se = () => {
-		I || V();
-	}, W = (e) => {
+		L || U();
+	}, K = (e) => {
 		if (e.preventDefault(), e.altKey) {
-			I || V();
+			L || U();
 			return;
 		}
-		if (!I) {
-			V(), re();
+		if (!L) {
+			U(), V();
 			return;
 		}
-		R(1);
-	}, ce = (e) => {
+		B(1);
+	}, se = (e) => {
 		if (e.preventDefault(), e.altKey) {
-			I && H();
+			L && W();
 			return;
 		}
-		if (!I) {
-			V(), z();
+		if (!L) {
+			U(), ne();
 			return;
 		}
-		R(-1);
-	}, G = (e) => {
-		if (!I) return;
-		let t = L[te];
+		B(-1);
+	}, q = (e) => {
+		if (!L) return;
+		let t = z[ee];
 		if (!t) {
-			H();
+			W();
 			return;
 		}
-		e.preventDefault(), ae(t);
-	}, ue = (e) => {
-		I && (e.preventDefault(), H());
+		e.preventDefault(), ie(t);
+	}, ce = (e) => {
+		L && (e.preventDefault(), W());
 	};
-	return /* @__PURE__ */ g(Oe, {
-		fieldId: w,
-		errorId: T,
+	return /* @__PURE__ */ g(je, {
+		fieldId: T,
+		errorId: E,
 		label: t,
 		error: r,
 		required: u,
@@ -645,51 +708,51 @@ function Me({ options: e, label: t, "aria-label": n, error: r, placeholder: i, n
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ g("input", {
-					ref: D,
-					id: w,
+					ref: O,
+					id: T,
 					role: "combobox",
 					type: "text",
 					autoComplete: "off",
 					disabled: l,
 					placeholder: i,
-					value: ie,
-					onChange: U,
-					onClick: se,
-					onBlur: H,
+					value: re,
+					onChange: G,
+					onClick: oe,
+					onBlur: W,
 					onKeyDown: (e) => {
-						if (e.key === "ArrowDown") return W(e);
-						if (e.key === "ArrowUp") return ce(e);
-						if (e.key === "Enter") return G(e);
-						if (e.key === "Escape") return ue(e);
+						if (e.key === "ArrowDown") return K(e);
+						if (e.key === "ArrowUp") return se(e);
+						if (e.key === "Enter") return q(e);
+						if (e.key === "Escape") return ce(e);
 					},
-					"aria-expanded": I,
-					"aria-controls": E,
+					"aria-expanded": L,
+					"aria-controls": D,
 					"aria-autocomplete": "list",
 					"aria-label": n,
-					"aria-activedescendant": ne,
+					"aria-activedescendant": te,
 					"aria-invalid": !!r,
 					"aria-required": u || void 0,
-					"aria-describedby": r ? T : void 0,
+					"aria-describedby": r ? E : void 0,
 					className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !c && [
 						le,
 						S[s],
 						"pl-9 pr-8 py-2 text-sm"
 					], !c && r && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), m)
 				}),
-				!c && j && !l && /* @__PURE__ */ g("button", {
+				!c && M && !l && /* @__PURE__ */ g("button", {
 					type: "button",
-					"aria-label": o,
+					"aria-label": o ?? w.clearSelection,
 					onMouseDown: (e) => {
 						e.preventDefault();
 					},
-					onClick: oe,
+					onClick: ae,
 					className: x("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", "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", A.primary.focusOutline),
 					children: /* @__PURE__ */ g("span", {
 						className: "i-mdi-close block w-4 h-4",
 						"aria-hidden": !0
 					})
 				}),
-				I && /* @__PURE__ */ _("div", {
+				L && /* @__PURE__ */ _("div", {
 					className: x("absolute z-10 mt-1 w-full text-sm shadow-lg", !c && [
 						"border",
 						"bg-white dark:bg-gray-900",
@@ -697,22 +760,22 @@ function Me({ options: e, label: t, "aria-label": n, error: r, placeholder: i, n
 						S[s]
 					]),
 					children: [/* @__PURE__ */ g("ul", {
-						id: E,
+						id: D,
 						role: "listbox",
 						className: "max-h-60 overflow-auto py-1",
-						children: L.map((e, t) => /* @__PURE__ */ g("li", {
-							id: `${E}-option-${t}`,
+						children: z.map((e, t) => /* @__PURE__ */ g("li", {
+							id: `${D}-option-${t}`,
 							role: "option",
-							"aria-selected": e.value === O,
+							"aria-selected": e.value === k,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => ae(e),
-							className: x("px-3 py-2 cursor-pointer text-gray-900 dark:text-gray-100", t === te ? x("bg-blue-50 dark:bg-blue-900/40", "outline-2 -outline-offset-2 outline-blue-500 dark:outline-blue-400") : "hover:bg-gray-50 dark:hover:bg-gray-800/60", e.value === O && "font-medium"),
+							onClick: () => ie(e),
+							className: x("px-3 py-2 cursor-pointer text-gray-900 dark:text-gray-100", t === ee ? x("bg-blue-50 dark:bg-blue-900/40", "outline-2 -outline-offset-2 outline-blue-500 dark:outline-blue-400") : "hover:bg-gray-50 dark:hover:bg-gray-800/60", e.value === k && "font-medium"),
 							children: e.label
 						}, e.value))
 					}), /* @__PURE__ */ g("div", {
 						role: "status",
-						className: L.length === 0 ? "px-3 py-2 text-gray-500 dark:text-gray-400" : void 0,
-						children: L.length === 0 ? a : ""
+						className: z.length === 0 ? "px-3 py-2 text-gray-500 dark:text-gray-400" : void 0,
+						children: z.length === 0 ? a ?? w.noResults : ""
 					})]
 				})
 			]
@@ -721,75 +784,75 @@ function Me({ options: e, label: t, "aria-label": n, error: r, placeholder: i, n
 }
 //#endregion
 //#region node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var q = Math.min, Ne = Math.max, Pe = Math.round, Fe = Math.floor, J = (e) => ({
+var Ie = Math.min, Le = Math.max, Re = Math.round, ze = Math.floor, X = (e) => ({
 	x: e,
 	y: e
-}), Ie = {
+}), Be = {
 	left: "right",
 	right: "left",
 	bottom: "top",
 	top: "bottom"
 };
-function Le(e, t, n) {
-	return Ne(e, q(t, n));
+function Ve(e, t, n) {
+	return Le(e, Ie(t, n));
 }
-function Re(e, t) {
+function He(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function ze(e) {
+function Ue(e) {
 	return e.split("-")[0];
 }
-function Be(e) {
+function We(e) {
 	return e.split("-")[1];
 }
-function Ve(e) {
+function Ge(e) {
 	return e === "x" ? "y" : "x";
 }
-function He(e) {
+function Ke(e) {
 	return e === "y" ? "height" : "width";
 }
-function Y(e) {
+function qe(e) {
 	let t = e[0];
 	return t === "t" || t === "b" ? "y" : "x";
 }
-function Ue(e) {
-	return Ve(Y(e));
+function Je(e) {
+	return Ge(qe(e));
 }
-function We(e, t, n) {
+function Ye(e, t, n) {
 	n === void 0 && (n = !1);
-	let r = Be(e), i = Ue(e), a = He(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-	return t.reference[a] > t.floating[a] && (o = $e(o)), [o, $e(o)];
+	let r = We(e), i = Je(e), a = Ke(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = it(o)), [o, it(o)];
 }
-function Ge(e) {
-	let t = $e(e);
+function Xe(e) {
+	let t = it(e);
 	return [
-		Ke(e),
+		Ze(e),
 		t,
-		Ke(t)
+		Ze(t)
 	];
 }
-function Ke(e) {
+function Ze(e) {
 	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
 }
-var qe = ["left", "right"], Je = ["right", "left"], Ye = ["top", "bottom"], Xe = ["bottom", "top"];
-function Ze(e, t, n) {
+var Qe = ["left", "right"], $e = ["right", "left"], et = ["top", "bottom"], tt = ["bottom", "top"];
+function nt(e, t, n) {
 	switch (e) {
 		case "top":
-		case "bottom": return n ? t ? Je : qe : t ? qe : Je;
+		case "bottom": return n ? t ? $e : Qe : t ? Qe : $e;
 		case "left":
-		case "right": return t ? Ye : Xe;
+		case "right": return t ? et : tt;
 		default: return [];
 	}
 }
-function Qe(e, t, n, r) {
-	let i = Be(e), a = Ze(ze(e), n === "start", r);
-	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Ke)))), a;
+function rt(e, t, n, r) {
+	let i = We(e), a = nt(Ue(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(Ze)))), a;
 }
-function $e(e) {
-	let t = ze(e);
-	return Ie[t] + e.slice(t.length);
+function it(e) {
+	let t = Ue(e);
+	return Be[t] + e.slice(t.length);
 }
-function et(e) {
+function at(e) {
 	return {
 		top: e.top ?? 0,
 		right: e.right ?? 0,
@@ -797,15 +860,15 @@ function et(e) {
 		left: e.left ?? 0
 	};
 }
-function tt(e) {
+function ot(e) {
 	return typeof e == "number" ? {
 		top: e,
 		right: e,
 		bottom: e,
 		left: e
-	} : et(e);
+	} : at(e);
 }
-function nt(e) {
+function st(e) {
 	let { x: t, y: n, width: r, height: i } = e;
 	return {
 		width: r,
@@ -820,8 +883,8 @@ function nt(e) {
 }
 //#endregion
 //#region node_modules/.pnpm/@floating-ui+core@1.8.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function rt(e, t, n) {
-	let { reference: r, floating: i } = e, a = Y(t), o = Ue(t), s = He(o), c = ze(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+function ct(e, t, n) {
+	let { reference: r, floating: i } = e, a = qe(t), o = Je(t), s = Ke(o), c = Ue(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 = {
@@ -852,12 +915,12 @@ function rt(e, t, n) {
 			y: r.y
 		};
 	}
-	let m = Be(t);
+	let m = We(t);
 	return m && (p[o] += f * (m === "end" ? 1 : -1) * (n && l ? -1 : 1)), p;
 }
-async function it(e, t) {
+async function lt(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 } = Re(t, e), p = tt(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = nt(await i.getClippingRect({
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = He(t, e), p = ot(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = st(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,
@@ -870,7 +933,7 @@ async function it(e, t) {
 	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
 		x: 1,
 		y: 1
-	}, y = nt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, y = st(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: o,
 		rect: g,
 		offsetParent: _,
@@ -883,15 +946,15 @@ async function it(e, t) {
 		right: (y.right - h.right + p.right) / v.x
 	};
 }
-var at = 50, ot = async (e, t, n) => {
+var ut = 50, dt = async (e, t, n) => {
 	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
 		...o,
-		detectOverflow: it
+		detectOverflow: lt
 	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
 		reference: e,
 		floating: t,
 		strategy: i
-	}), { x: u, y: d } = rt(l, r, c), f = r, p = 0, m = {};
+	}), { x: u, y: d } = ct(l, r, c), f = r, p = 0, m = {};
 	for (let n = 0; n < a.length; n++) {
 		let h = a[n];
 		if (!h) continue;
@@ -912,11 +975,11 @@ var at = 50, ot = async (e, t, n) => {
 		u = v ?? u, d = y ?? d, m[g] = {
 			...m[g],
 			...b
-		}, x && p < at && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+		}, x && p < ut && (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} = rt(l, f, c)), n = -1);
+		}) : x.rects), {x: u, y: d} = ct(l, f, c)), n = -1);
 	}
 	return {
 		x: u,
@@ -925,18 +988,18 @@ var at = 50, ot = async (e, t, n) => {
 		strategy: i,
 		middlewareData: m
 	};
-}, st = (e) => ({
+}, ft = (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 } = Re(e, t) || {};
+		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0 } = He(e, t) || {};
 		if (l == null) return {};
-		let d = tt(u), f = {
+		let d = ot(u), f = {
 			x: n,
 			y: r
-		}, p = Ue(i), m = He(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), C = S ? S[y] : 0;
+		}, p = Je(i), m = Ke(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 = q(d[_], T), D = q(d[v], T), O = C - h[m] - D, k = C / 2 - h[m] / 2 + w, A = Le(E, k, O), j = !c.arrow && Be(i) != null && k !== A && a.reference[m] / 2 - (k < E ? E : D) - h[m] / 2 < 0, M = j ? k < E ? k - E : k - O : 0;
+		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = Ie(d[_], T), D = Ie(d[v], T), O = C - h[m] - D, k = C / 2 - h[m] / 2 + w, A = Ve(E, k, O), j = !c.arrow && We(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: {
@@ -947,19 +1010,19 @@ var at = 50, ot = async (e, t, n) => {
 			reset: j
 		};
 	}
-}), ct = function(e) {
+}), pt = 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 } = Re(e, t);
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = He(e, t);
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = ze(r), _ = Y(o), v = ze(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [$e(o)] : Ge(o)), x = p !== "none";
-			!d && x && b.push(...Qe(o, m, p, y));
+			let g = Ue(r), _ = qe(o), v = Ue(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [it(o)] : Xe(o)), x = p !== "none";
+			!d && x && b.push(...rt(o, m, p, y));
 			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
 			if (l && w.push(C[g]), u) {
-				let e = We(r, a, y);
+				let e = Ye(r, a, y);
 				w.push(C[e[0]], C[e[1]]);
 			}
 			if (T = [...T, {
@@ -967,7 +1030,7 @@ var at = 50, ot = async (e, t, n) => {
 				overflows: w
 			}], !w.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = S[e];
-				if (t && (u !== "alignment" || _ === Y(t) || T.every((e) => Y(e.placement) !== _ || e.overflows[0] > 0))) return {
+				if (t && (u !== "alignment" || _ === qe(t) || T.every((e) => qe(e.placement) !== _ || e.overflows[0] > 0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -979,7 +1042,7 @@ var at = 50, ot = async (e, t, n) => {
 					case "bestFit": {
 						let e = T.filter((e) => {
 							if (x) {
-								let t = Y(e.placement);
+								let t = qe(e.placement);
 								return t === _ || t === "y";
 							}
 							return !0;
@@ -994,9 +1057,9 @@ var at = 50, ot = async (e, t, n) => {
 			return {};
 		}
 	};
-}, lt = /*#__PURE__*/ new Set(["left", "top"]);
-async function ut(e, t) {
-	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = ze(n), s = Be(n), c = Y(n) === "y", l = lt.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = Re(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+}, mt = /*#__PURE__*/ new Set(["left", "top"]);
+async function ht(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = Ue(n), s = We(n), c = qe(n) === "y", l = mt.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = He(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 		mainAxis: d,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -1013,13 +1076,13 @@ async function ut(e, t) {
 		y: p * u
 	};
 }
-var dt = function(e) {
+var gt = 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 ut(t, e);
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await ht(t, e);
 			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
 				x: r + s.x,
 				y: i + s.y,
@@ -1030,7 +1093,7 @@ var dt = function(e) {
 			};
 		}
 	};
-}, ft = function(e) {
+}, _t = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "shift",
 		options: e,
@@ -1041,10 +1104,10 @@ var dt = function(e) {
 					x: t,
 					y: n
 				};
-			} }, ...l } = Re(e, t), u = {
+			} }, ...l } = He(e, t), u = {
 				x: n,
 				y: r
-			}, d = await a.detectOverflow(t, l), f = Y(i), p = Ve(f), m = u[p], h = u[f], g = (e, t) => Le(t + d[e === "y" ? "top" : "left"], t, t - d[e === "y" ? "bottom" : "right"]);
+			}, d = await a.detectOverflow(t, l), f = qe(i), p = Ge(f), m = u[p], h = u[f], g = (e, t) => Ve(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,
@@ -1067,39 +1130,39 @@ var dt = function(e) {
 };
 //#endregion
 //#region node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function pt() {
+function vt() {
 	return typeof window < "u";
 }
-function mt(e) {
-	return ht(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function yt(e) {
+	return xt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function X(e) {
+function Z(e) {
 	var t;
 	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function Z(e) {
-	return ((ht(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+function bt(e) {
+	return ((xt(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
-function ht(e) {
-	return pt() ? e instanceof Node || e instanceof X(e).Node : !1;
+function xt(e) {
+	return vt() ? e instanceof Node || e instanceof Z(e).Node : !1;
 }
 function Q(e) {
-	return pt() ? e instanceof Element || e instanceof X(e).Element : !1;
+	return vt() ? e instanceof Element || e instanceof Z(e).Element : !1;
 }
-function gt(e) {
-	return pt() ? e instanceof HTMLElement || e instanceof X(e).HTMLElement : !1;
+function St(e) {
+	return vt() ? e instanceof HTMLElement || e instanceof Z(e).HTMLElement : !1;
 }
-function _t(e) {
-	return !pt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof X(e).ShadowRoot;
+function Ct(e) {
+	return !vt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Z(e).ShadowRoot;
 }
-function vt(e) {
+function wt(e) {
 	let { overflow: t, overflowX: n, overflowY: r, display: i } = $(e);
 	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
 }
-function yt(e) {
-	return /^(table|td|th)$/.test(mt(e));
+function Tt(e) {
+	return /^(table|td|th)$/.test(yt(e));
 }
-function bt(e) {
+function Et(e) {
 	try {
 		if (e.matches(":popover-open")) return !0;
 	} catch {}
@@ -1109,30 +1172,30 @@ function bt(e) {
 		return !1;
 	}
 }
-var xt = /transform|translate|scale|rotate|perspective|filter/, St = /paint|layout|strict|content/, Ct = (e) => !!e && e !== "none", wt;
-function Tt(e) {
+var Dt = /transform|translate|scale|rotate|perspective|filter/, Ot = /paint|layout|strict|content/, kt = (e) => !!e && e !== "none", At;
+function jt(e) {
 	let t = Q(e) ? $(e) : e;
-	return Ct(t.transform) || Ct(t.translate) || Ct(t.scale) || Ct(t.rotate) || Ct(t.perspective) || !Dt() && (Ct(t.backdropFilter) || Ct(t.filter)) || xt.test(t.willChange || "") || St.test(t.contain || "");
-}
-function Et(e) {
-	let t = At(e);
-	for (; gt(t) && !Ot(t);) {
-		if (Tt(t)) return t;
-		if (bt(t)) return null;
-		t = At(t);
+	return kt(t.transform) || kt(t.translate) || kt(t.scale) || kt(t.rotate) || kt(t.perspective) || !Nt() && (kt(t.backdropFilter) || kt(t.filter)) || Dt.test(t.willChange || "") || Ot.test(t.contain || "");
+}
+function Mt(e) {
+	let t = It(e);
+	for (; St(t) && !Pt(t);) {
+		if (jt(t)) return t;
+		if (Et(t)) return null;
+		t = It(t);
 	}
 	return null;
 }
-function Dt() {
-	return wt ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), wt;
+function Nt() {
+	return At ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), At;
 }
-function Ot(e) {
-	return /^(html|body|#document)$/.test(mt(e));
+function Pt(e) {
+	return /^(html|body|#document)$/.test(yt(e));
 }
 function $(e) {
-	return X(e).getComputedStyle(e);
+	return Z(e).getComputedStyle(e);
 }
-function kt(e) {
+function Ft(e) {
 	return Q(e) ? {
 		scrollLeft: e.scrollLeft,
 		scrollTop: e.scrollTop
@@ -1141,102 +1204,102 @@ function kt(e) {
 		scrollTop: e.scrollY
 	};
 }
-function At(e) {
-	if (mt(e) === "html") return e;
-	let t = e.assignedSlot || e.parentNode || _t(e) && e.host || Z(e);
-	return _t(t) ? t.host : t;
+function It(e) {
+	if (yt(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || Ct(e) && e.host || bt(e);
+	return Ct(t) ? t.host : t;
 }
-function jt(e) {
-	let t = At(e);
-	return Ot(t) ? (e.ownerDocument || e).body : gt(t) && vt(t) ? t : jt(t);
+function Lt(e) {
+	let t = It(e);
+	return Pt(t) ? (e.ownerDocument || e).body : St(t) && wt(t) ? t : Lt(t);
 }
-function Mt(e, t, n) {
+function Rt(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = jt(e), i = r === e.ownerDocument?.body, a = X(r);
+	let r = Lt(e), i = r === e.ownerDocument?.body, a = Z(r);
 	if (i) {
-		let e = Nt(a);
-		return t.concat(a, a.visualViewport || [], vt(r) ? r : [], e && n ? Mt(e) : []);
+		let e = zt(a);
+		return t.concat(a, a.visualViewport || [], wt(r) ? r : [], e && n ? Rt(e) : []);
 	}
-	return t.concat(r, Mt(r, [], n));
+	return t.concat(r, Rt(r, [], n));
 }
-function Nt(e) {
+function zt(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 Pt(e) {
-	let t = $(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = gt(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = Pe(n) !== a || Pe(r) !== o;
+function Bt(e) {
+	let t = $(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = St(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = Re(n) !== a || Re(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
 		$: s
 	};
 }
-function Ft(e) {
+function Vt(e) {
 	return Q(e) ? e : e.contextElement;
 }
-function It(e) {
-	let t = Ft(e);
-	if (!gt(t)) return J(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = Pt(t), o = (a ? Pe(n.width) : n.width) / r, s = (a ? Pe(n.height) : n.height) / i;
+function Ht(e) {
+	let t = Vt(e);
+	if (!St(t)) return X(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = Bt(t), o = (a ? Re(n.width) : n.width) / r, s = (a ? Re(n.height) : n.height) / i;
 	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var Lt = /*#__PURE__*/ J(0);
-function Rt(e) {
-	let t = X(e);
-	return !Dt() || !t.visualViewport ? Lt : {
+var Ut = /*#__PURE__*/ X(0);
+function Wt(e) {
+	let t = Z(e);
+	return !Nt() || !t.visualViewport ? Ut : {
 		x: t.visualViewport.offsetLeft,
 		y: t.visualViewport.offsetTop
 	};
 }
-function zt(e, t, n) {
-	return t === void 0 && (t = !1), !!n && t && n === X(e);
+function Gt(e, t, n) {
+	return t === void 0 && (t = !1), !!n && t && n === Z(e);
 }
-function Bt(e, t, n, r) {
+function Kt(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = Ft(e), o = J(1);
-	t && (r ? Q(r) && (o = It(r)) : o = It(e));
-	let s = zt(a, n, r) ? Rt(a) : J(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	let i = e.getBoundingClientRect(), a = Vt(e), o = X(1);
+	t && (r ? Q(r) && (o = Ht(r)) : o = Ht(e));
+	let s = Gt(a, n, r) ? Wt(a) : X(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 = X(a), t = Q(r) ? X(r) : r, n = e, i = Nt(n);
+		let e = Z(a), t = Q(r) ? Z(r) : r, n = e, i = zt(n);
 		for (; i && t !== n;) {
-			let e = It(i), t = i.getBoundingClientRect(), r = $(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 = X(i), i = Nt(n);
+			let e = Ht(i), t = i.getBoundingClientRect(), r = $(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 = Z(i), i = zt(n);
 		}
 	}
-	return nt({
+	return st({
 		width: u,
 		height: d,
 		x: c,
 		y: l
 	});
 }
-function Vt(e, t) {
-	let n = kt(e).scrollLeft;
-	return t ? t.left + n : Bt(Z(e)).left + n;
+function qt(e, t) {
+	let n = Ft(e).scrollLeft;
+	return t ? t.left + n : Kt(bt(e)).left + n;
 }
-function Ht(e, t) {
+function Jt(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
-		x: n.left + t.scrollLeft - Vt(e, n),
+		x: n.left + t.scrollLeft - qt(e, n),
 		y: n.top + t.scrollTop
 	};
 }
-function Ut(e) {
-	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = Z(r), s = t ? bt(t.floating) : !1;
+function Yt(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = bt(r), s = t ? Et(t.floating) : !1;
 	if (r === o || s && a) return n;
 	let c = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, l = J(1), u = J(0), d = gt(r);
-	if ((d || !a) && ((mt(r) !== "body" || vt(o)) && (c = kt(r)), d)) {
-		let e = Bt(r);
-		l = It(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}, l = X(1), u = X(0), d = St(r);
+	if ((d || !a) && ((yt(r) !== "body" || wt(o)) && (c = Ft(r)), d)) {
+		let e = Kt(r);
+		l = Ht(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 	}
-	let f = o && !d && !a ? Ht(o, c) : J(0);
+	let f = o && !d && !a ? Jt(o, c) : X(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -1244,29 +1307,29 @@ function Ut(e) {
 		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
 	};
 }
-function Wt(e) {
+function Xt(e) {
 	return e.getClientRects ? Array.from(e.getClientRects()) : [];
 }
-function Gt(e) {
-	let t = kt(e), n = e.ownerDocument.body, r = Ne(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = Ne(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight), a = -t.scrollLeft + Vt(e), o = -t.scrollTop;
-	return $(n).direction === "rtl" && (a += Ne(e.clientWidth, n.clientWidth) - r), {
+function Zt(e) {
+	let t = Ft(e), n = e.ownerDocument.body, r = Le(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = Le(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight), a = -t.scrollLeft + qt(e), o = -t.scrollTop;
+	return $(n).direction === "rtl" && (a += Le(e.clientWidth, n.clientWidth) - r), {
 		width: r,
 		height: i,
 		x: a,
 		y: o
 	};
 }
-var Kt = 25;
-function qt(e, t, n) {
+var Qt = 25;
+function $t(e, t, n) {
 	n === void 0 && (n = "viewport");
-	let r = n === "layoutViewport", i = X(e), a = Z(e), o = i.visualViewport, s = a.clientWidth, c = a.clientHeight, l = 0, u = 0;
+	let r = n === "layoutViewport", i = Z(e), a = bt(e), o = i.visualViewport, s = a.clientWidth, c = a.clientHeight, l = 0, u = 0;
 	if (o) {
-		let e = !Dt() || t === "fixed";
+		let e = !Nt() || t === "fixed";
 		r ? e || (l = -o.offsetLeft, u = -o.offsetTop) : (s = o.width, c = o.height, e && (l = o.offsetLeft, u = o.offsetTop));
 	}
-	if (Vt(a) <= 0) {
+	if (qt(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 <= Kt && (s -= o);
+		o <= Qt && (s -= o);
 	}
 	return {
 		width: s,
@@ -1275,8 +1338,8 @@ function qt(e, t, n) {
 		y: u
 	};
 }
-function Jt(e, t) {
-	let n = Bt(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = It(e);
+function en(e, t) {
+	let n = Kt(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = Ht(e);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -1284,13 +1347,13 @@ function Jt(e, t) {
 		y: r * a.y
 	};
 }
-function Yt(e, t, n) {
+function tn(e, t, n) {
 	let r;
-	if (t === "viewport" || t === "layoutViewport") r = qt(e, n, t);
-	else if (t === "document") r = Gt(Z(e));
-	else if (Q(t)) r = Jt(t, n);
+	if (t === "viewport" || t === "layoutViewport") r = $t(e, n, t);
+	else if (t === "document") r = Zt(bt(e));
+	else if (Q(t)) r = en(t, n);
 	else {
-		let n = Rt(e);
+		let n = Wt(e);
 		r = {
 			x: t.x - n.x,
 			y: t.y - n.y,
@@ -1298,23 +1361,23 @@ function Yt(e, t, n) {
 			height: t.height
 		};
 	}
-	return nt(r);
+	return st(r);
 }
-function Xt(e, t) {
+function nn(e, t) {
 	let n = t.get(e);
 	if (n) return n;
-	let r = Mt(e, [], !1).filter((e) => Q(e) && mt(e) !== "body"), i = null, a = $(e).position === "fixed", o = a ? At(e) : e;
-	for (; Q(o) && !Ot(o);) {
-		let e = $(o), t = Tt(o), n = i ? i.position : a ? "fixed" : "";
-		!t && (n === "fixed" || n === "absolute" && e.position === "static") ? r = r.filter((e) => e !== o) : i = e, o = At(o);
+	let r = Rt(e, [], !1).filter((e) => Q(e) && yt(e) !== "body"), i = null, a = $(e).position === "fixed", o = a ? It(e) : e;
+	for (; Q(o) && !Pt(o);) {
+		let e = $(o), t = jt(o), n = i ? i.position : a ? "fixed" : "";
+		!t && (n === "fixed" || n === "absolute" && e.position === "static") ? r = r.filter((e) => e !== o) : i = e, o = It(o);
 	}
 	return t.set(e, r), r;
 }
-function Zt(e) {
-	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? bt(t) ? [] : Xt(t, this._c) : [].concat(n), r], o = Yt(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
+function rn(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? Et(t) ? [] : nn(t, this._c) : [].concat(n), r], o = tn(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 = Yt(t, a[e], i);
-		s = Ne(n.top, s), c = q(n.right, c), l = q(n.bottom, l), u = Ne(n.left, u);
+		let n = tn(t, a[e], i);
+		s = Le(n.top, s), c = Ie(n.right, c), l = Ie(n.bottom, l), u = Le(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -1323,24 +1386,24 @@ function Zt(e) {
 		y: s
 	};
 }
-function Qt(e) {
-	let { width: t, height: n } = Pt(e);
+function an(e) {
+	let { width: t, height: n } = Bt(e);
 	return {
 		width: t,
 		height: n
 	};
 }
-function $t(e, t, n) {
-	let r = gt(t), i = Z(t), a = n === "fixed", o = Bt(e, !0, a, t), s = {
+function on(e, t, n) {
+	let r = St(t), i = bt(t), a = n === "fixed", o = Kt(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, c = J(0);
-	if ((r || !a) && ((mt(t) !== "body" || vt(i)) && (s = kt(t)), r)) {
-		let e = Bt(t, !0, a, t);
+	}, c = X(0);
+	if ((r || !a) && ((yt(t) !== "body" || wt(i)) && (s = Ft(t)), r)) {
+		let e = Kt(t, !0, a, t);
 		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
 	}
-	!r && i && (c.x = Vt(i));
-	let l = i && !r && !a ? Ht(i, s) : J(0);
+	!r && i && (c.x = qt(i));
+	let l = i && !r && !a ? Jt(i, s) : X(0);
 	return {
 		x: o.left + s.scrollLeft - c.x - l.x,
 		y: o.top + s.scrollTop - c.y - l.y,
@@ -1348,34 +1411,34 @@ function $t(e, t, n) {
 		height: o.height
 	};
 }
-function en(e) {
+function sn(e) {
 	return $(e).position === "static";
 }
-function tn(e, t) {
-	if (!gt(e) || $(e).position === "fixed") return null;
+function cn(e, t) {
+	if (!St(e) || $(e).position === "fixed") return null;
 	if (t) return t(e);
 	let n = e.offsetParent;
-	return Z(e) === n && (n = n.ownerDocument.body), n;
-}
-function nn(e, t) {
-	let n = X(e);
-	if (bt(e)) return n;
-	if (!gt(e)) {
-		let t = At(e);
-		for (; t && !Ot(t);) {
-			if (Q(t) && !en(t)) return t;
-			t = At(t);
+	return bt(e) === n && (n = n.ownerDocument.body), n;
+}
+function ln(e, t) {
+	let n = Z(e);
+	if (Et(e)) return n;
+	if (!St(e)) {
+		let t = It(e);
+		for (; t && !Pt(t);) {
+			if (Q(t) && !sn(t)) return t;
+			t = It(t);
 		}
 		return n;
 	}
-	let r = tn(e, t);
-	for (; r && yt(r) && en(r);) r = tn(r, t);
-	return r && Ot(r) && en(r) && !Tt(r) ? n : r || Et(e) || n;
+	let r = cn(e, t);
+	for (; r && Tt(r) && sn(r);) r = cn(r, t);
+	return r && Pt(r) && sn(r) && !jt(r) ? n : r || Mt(e) || n;
 }
-var rn = async function(e) {
-	let t = this.getOffsetParent || nn, n = this.getDimensions, r = await n(e.floating);
+var un = async function(e) {
+	let t = this.getOffsetParent || ln, n = this.getDimensions, r = await n(e.floating);
 	return {
-		reference: $t(e.reference, await t(e.floating), e.strategy),
+		reference: on(e.reference, await t(e.floating), e.strategy),
 		floating: {
 			x: 0,
 			y: 0,
@@ -1384,26 +1447,26 @@ var rn = async function(e) {
 		}
 	};
 };
-function an(e) {
+function dn(e) {
 	return $(e).direction === "rtl";
 }
-var on = {
-	convertOffsetParentRelativeRectToViewportRelativeRect: Ut,
-	getDocumentElement: Z,
-	getClippingRect: Zt,
-	getOffsetParent: nn,
-	getElementRects: rn,
-	getClientRects: Wt,
-	getDimensions: Qt,
-	getScale: It,
+var fn = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: Yt,
+	getDocumentElement: bt,
+	getClippingRect: rn,
+	getOffsetParent: ln,
+	getElementRects: un,
+	getClientRects: Xt,
+	getDimensions: an,
+	getScale: Ht,
 	isElement: Q,
-	isRTL: an
+	isRTL: dn
 };
-function sn(e, t) {
+function pn(e, t) {
 	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function cn(e, t, n) {
-	let r = null, i, a = Z(e);
+function mn(e, t, n) {
+	let r = null, i, a = bt(e);
 	function o() {
 		var e;
 		clearTimeout(i), (e = r) == null || e.disconnect(), r = null;
@@ -1412,13 +1475,13 @@ function cn(e, t, n) {
 		n === void 0 && (n = !1), c === void 0 && (c = 1), o();
 		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
 		if (n || t(), !f || !p) return;
-		let m = Fe(d), h = Fe(a.clientWidth - (u + f)), g = Fe(a.clientHeight - (d + p)), _ = Fe(u), v = {
+		let m = ze(d), h = ze(a.clientWidth - (u + f)), g = ze(a.clientHeight - (d + p)), _ = ze(u), v = {
 			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: Ne(0, q(1, c)) || 1
+			threshold: Le(0, Ie(1, c)) || 1
 		}, y = !0;
 		function b(t) {
 			let n = t[0].intersectionRatio;
-			if (!sn(l, e.getBoundingClientRect())) return s();
+			if (!pn(l, e.getBoundingClientRect())) return s();
 			if (n !== c) {
 				if (!y) return s();
 				n ? s(!1, n) : i = setTimeout(() => {
@@ -1437,18 +1500,18 @@ function cn(e, t, n) {
 		}
 		r.observe(e);
 	}
-	let c = X(e), l = () => s(n);
+	let c = Z(e), l = () => s(n);
 	return c.addEventListener("resize", l), s(!0), () => {
 		c.removeEventListener("resize", l), o();
 	};
 }
-function ln(e, t, n, r) {
+function hn(e, t, n, r) {
 	r === void 0 && (r = {});
-	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = Ft(e), u = i || a ? [...l ? Mt(l) : [], ...t ? Mt(t) : []] : [];
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = Vt(e), u = i || a ? [...l ? Rt(l) : [], ...t ? Rt(t) : []] : [];
 	u.forEach((e) => {
 		i && e.addEventListener("scroll", n), a && e.addEventListener("resize", n);
 	});
-	let d = l && s ? cn(l, n, a) : null, f = -1, p = null;
+	let d = l && s ? mn(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(() => {
@@ -1456,11 +1519,11 @@ function ln(e, t, n, r) {
 			(e = p) == null || e.observe(t);
 		})), n();
 	}), l && !c && p.observe(l), t && p.observe(t));
-	let m, h = c ? Bt(e) : null;
+	let m, h = c ? Kt(e) : null;
 	c && g();
 	function g() {
-		let t = Bt(e);
-		h && !sn(h, t) && n(), h = t, m = requestAnimationFrame(g);
+		let t = Kt(e);
+		h && !pn(h, t) && n(), h = t, m = requestAnimationFrame(g);
 	}
 	return n(), () => {
 		var e;
@@ -1469,18 +1532,18 @@ function ln(e, t, n, r) {
 		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
 	};
 }
-var un = dt, dn = ft, fn = ct, pn = st, mn = (e, t, n) => {
+var gn = gt, _n = _t, vn = pt, yn = ft, bn = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map(), i = n ?? {}, a = {
-		...on,
+		...fn,
 		...i.platform,
 		_c: r
 	};
-	return ot(e, t, {
+	return dt(e, t, {
 		...i,
 		platform: a
 	});
-}, hn = typeof document < "u" ? u : function() {};
-function gn(e, t) {
+}, xn = typeof document < "u" ? u : function() {};
+function Sn(e, t) {
 	if (e === t) return !0;
 	if (typeof e != typeof t) return !1;
 	if (typeof e == "function" && e.toString() === t.toString()) return !0;
@@ -1488,33 +1551,33 @@ function gn(e, t) {
 	if (e && t && typeof e == "object") {
 		if (Array.isArray(e)) {
 			if (n = e.length, n !== t.length) return !1;
-			for (r = n; r-- !== 0;) if (!gn(e[r], t[r])) return !1;
+			for (r = n; r-- !== 0;) if (!Sn(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) && !gn(e[n], t[n])) return !1;
+			if (!(n === "_owner" && e.$$typeof) && !Sn(e[n], t[n])) return !1;
 		}
 		return !0;
 	}
 	return e !== e && t !== t;
 }
-function _n(e) {
+function Cn(e) {
 	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function vn(e, t) {
-	let n = _n(e);
+function wn(e, t) {
+	let n = Cn(e);
 	return Math.round(t * n) / n;
 }
-function yn(t) {
+function Tn(t) {
 	let n = e.useRef(t);
-	return hn(() => {
+	return xn(() => {
 		n.current = t;
 	}), n;
 }
-function bn(t) {
+function En(t) {
 	t === void 0 && (t = {});
 	let { placement: n = "bottom", strategy: r = "absolute", middleware: i = [], platform: a, elements: { reference: o, floating: s } = {}, transform: c = !0, whileElementsMounted: l, open: u } = t, [d, f] = e.useState({
 		x: 0,
@@ -1524,24 +1587,24 @@ function bn(t) {
 		middlewareData: {},
 		isPositioned: !1
 	}), [p, m] = e.useState(i);
-	gn(p, i) || m(i);
+	Sn(p, i) || m(i);
 	let [h, g] = e.useState(null), [_, y] = e.useState(null), b = e.useCallback((e) => {
 		e !== w.current && (w.current = e, g(e));
 	}, []), x = e.useCallback((e) => {
 		e !== T.current && (T.current = e, y(e));
-	}, []), S = o || h, C = s || _, w = e.useRef(null), T = e.useRef(null), E = e.useRef(d), D = l != null, O = yn(l), k = yn(a), A = yn(u), j = e.useCallback(() => {
+	}, []), S = o || h, C = s || _, w = e.useRef(null), T = e.useRef(null), E = e.useRef(d), D = l != null, O = Tn(l), k = Tn(a), A = Tn(u), j = e.useCallback(() => {
 		if (!w.current || !T.current) return;
 		let e = {
 			placement: n,
 			strategy: r,
 			middleware: p
 		};
-		k.current && (e.platform = k.current), mn(w.current, T.current, e).then((e) => {
+		k.current && (e.platform = k.current), bn(w.current, T.current, e).then((e) => {
 			let t = {
 				...e,
 				isPositioned: A.current !== !1
 			};
-			M.current && !gn(E.current, t) && (E.current = t, v.flushSync(() => {
+			M.current && !Sn(E.current, t) && (E.current = t, v.flushSync(() => {
 				f(t);
 			}));
 		});
@@ -1552,16 +1615,16 @@ function bn(t) {
 		k,
 		A
 	]);
-	hn(() => {
+	xn(() => {
 		u === !1 && E.current.isPositioned && (E.current.isPositioned = !1, f((e) => ({
 			...e,
 			isPositioned: !1
 		})));
 	}, [u]);
 	let M = e.useRef(!1);
-	hn(() => (M.current = !0, () => {
+	xn(() => (M.current = !0, () => {
 		M.current = !1;
-	}), []), hn(() => {
+	}), []), xn(() => {
 		if (S && (w.current = S), C && (T.current = C), S && C) {
 			if (O.current) return O.current(S, C, j);
 			j();
@@ -1588,11 +1651,11 @@ function bn(t) {
 			top: 0
 		};
 		if (!P.floating) return e;
-		let t = vn(P.floating, d.x), n = vn(P.floating, d.y);
+		let t = wn(P.floating, d.x), n = wn(P.floating, d.y);
 		return c ? {
 			...e,
 			transform: "translate(" + t + "px, " + n + "px)",
-			..._n(P.floating) >= 1.5 && { willChange: "transform" }
+			...Cn(P.floating) >= 1.5 && { willChange: "transform" }
 		} : {
 			position: r,
 			left: t,
@@ -1619,7 +1682,7 @@ function bn(t) {
 		F
 	]);
 }
-var xn = (e) => {
+var Dn = (e) => {
 	function t(e) {
 		return {}.hasOwnProperty.call(e, "current");
 	}
@@ -1628,90 +1691,90 @@ var xn = (e) => {
 		options: e,
 		fn(n) {
 			let { element: r, padding: i } = typeof e == "function" ? e(n) : e;
-			return r && t(r) ? r.current == null ? {} : pn({
+			return r && t(r) ? r.current == null ? {} : yn({
 				element: r.current,
 				padding: i
-			}).fn(n) : r ? pn({
+			}).fn(n) : r ? yn({
 				element: r,
 				padding: i
 			}).fn(n) : {};
 		}
 	};
-}, Sn = (e, t) => {
-	let n = un(e);
+}, On = (e, t) => {
+	let n = gn(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, Cn = (e, t) => {
-	let n = dn(e);
+}, kn = (e, t) => {
+	let n = _n(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, wn = (e, t) => {
-	let n = fn(e);
+}, An = (e, t) => {
+	let n = vn(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, Tn = (e, t) => {
-	let n = xn(e);
+}, jn = (e, t) => {
+	let n = Dn(e);
 	return {
 		name: n.name,
 		fn: n.fn,
 		options: [e, t]
 	};
-}, En = r(null);
-function Dn() {
-	return s(En);
+}, Mn = r(null);
+function Nn() {
+	return s(Mn);
 }
 //#endregion
 //#region src/components/menu/find_typeahead_index.ts
-var On = -1;
-function kn(e, t, n) {
+var Pn = -1;
+function Fn(e, t, n) {
 	let r = n.toLowerCase(), i = e.length;
 	for (let n = 1; n <= i; n += 1) {
 		let a = (t + n + i) % i;
 		if (e[a]?.toLowerCase().startsWith(r)) return a;
 	}
-	return On;
+	return Pn;
 }
 //#endregion
 //#region src/components/menu/menu_surface.tsx
-var An = ":not(:disabled):not([aria-disabled=\"true\"])", jn = `[role="menuitem"]${An}, [role="menuitemradio"]${An}`;
-function Mn(e) {
-	return Array.from(e.querySelectorAll(jn));
+var In = ":not(:disabled):not([aria-disabled=\"true\"])", Ln = `[role="menuitem"]${In}, [role="menuitemradio"]${In}`;
+function Rn(e) {
+	return Array.from(e.querySelectorAll(Ln));
 }
-function Nn(e, t) {
-	let n = Mn(e);
+function zn(e, t) {
+	let n = Rn(e);
 	n.length !== 0 && n[(t % n.length + n.length) % n.length]?.focus({ preventScroll: !0 });
 }
-function Pn(e, t, n, r) {
-	if (e.key === "ArrowDown") Nn(t, r + 1);
-	else if (e.key === "ArrowUp") Nn(t, r - 1);
-	else if (e.key === "Home") Nn(t, 0);
-	else if (e.key === "End") Nn(t, n.length - 1);
+function Bn(e, t, n, r) {
+	if (e.key === "ArrowDown") zn(t, r + 1);
+	else if (e.key === "ArrowUp") zn(t, r - 1);
+	else if (e.key === "Home") zn(t, 0);
+	else if (e.key === "End") zn(t, n.length - 1);
 	else return !1;
 	return e.preventDefault(), !0;
 }
-function Fn(e) {
+function Vn(e) {
 	return e.key.length === 1 && e.key !== " " && !e.ctrlKey && !e.metaKey && !e.altKey;
 }
-function In(e, t, n, r) {
-	let i = kn(t.map((e) => e.textContent?.trim() ?? ""), n, r);
-	i !== -1 && Nn(e, i);
+function Hn(e, t, n, r) {
+	let i = Fn(t.map((e) => e.textContent?.trim() ?? ""), n, r);
+	i !== -1 && zn(e, i);
 }
-function Ln({ setFloating: e, floatingStyles: t, isVisible: n, isPositioned: r, radius: i, onClose: a, children: o, id: s, labelledBy: l, "aria-label": u, initialFocus: d = "first" }) {
+function Un({ setFloating: e, floatingStyles: t, isVisible: n, isPositioned: r, radius: i, onClose: a, children: o, id: s, labelledBy: l, "aria-label": u, initialFocus: d = "first" }) {
 	let p = f(null);
 	return c(() => {
 		if (!r) return;
 		let e = p.current;
 		if (!e) return;
-		let t = Mn(e);
+		let t = Rn(e);
 		(d === "last" ? t[t.length - 1] : t[0])?.focus({ preventScroll: !0 });
 	}, [r, d]), y(/* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
 		className: "fixed inset-0 z-40",
@@ -1732,12 +1795,12 @@ function Ln({ setFloating: e, floatingStyles: t, isVisible: n, isPositioned: r,
 			onKeyDown: (e) => {
 				let t = p.current;
 				if (!t) return;
-				let n = Mn(t), r = n.indexOf(document.activeElement);
-				Pn(e, t, n, r) || (e.key === "Escape" ? (e.preventDefault(), a()) : e.key === "Tab" ? a() : Fn(e) && In(t, n, r, e.key));
+				let n = Rn(t), r = n.indexOf(document.activeElement);
+				Bn(e, t, n, r) || (e.key === "Escape" ? (e.preventDefault(), a()) : e.key === "Tab" ? a() : Vn(e) && Hn(t, n, r, e.key));
 			},
-			className: x("w-max min-w-40 max-w-xs origin-top border py-1 shadow-lg backdrop-blur-sm", "transition-[opacity,transform] duration-150 ease-out", n ? "scale-100 opacity-100" : "scale-95 opacity-0", V, ie, S[i]),
+			className: x("w-max min-w-40 max-w-xs origin-top border py-1 shadow-lg backdrop-blur-sm", "transition-[opacity,transform] duration-150 ease-out", n ? "scale-100 opacity-100" : "scale-95 opacity-0", re, H, S[i]),
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ g(En.Provider, {
+			children: /* @__PURE__ */ g(Mn.Provider, {
 				value: a,
 				children: o
 			})
@@ -1746,7 +1809,7 @@ function Ln({ setFloating: e, floatingStyles: t, isVisible: n, isPositioned: r,
 }
 //#endregion
 //#region src/components/shared/use_overlay_state.ts
-function Rn() {
+function Wn() {
 	let [e, t] = p(!1), [n, r] = p(!1), i = f(void 0);
 	return c(() => () => clearTimeout(i.current), []), {
 		isMounted: e,
@@ -1760,7 +1823,7 @@ function Rn() {
 		}, [])
 	};
 }
-function zn(e, t, n) {
+function Gn(e, t, n) {
 	c(() => {
 		if (!e || !t) return;
 		let r = requestAnimationFrame(() => n(!0));
@@ -1773,8 +1836,8 @@ function zn(e, t, n) {
 }
 //#endregion
 //#region src/components/context_menu/context_menu.tsx
-var Bn = 2;
-function Vn(e, t) {
+var Kn = 2;
+function qn(e, t) {
 	return { getBoundingClientRect: () => ({
 		width: 0,
 		height: 0,
@@ -1786,7 +1849,7 @@ function Vn(e, t) {
 		bottom: t
 	}) };
 }
-function Hn(e) {
+function Jn(e) {
 	if (e.clientX !== 0 || e.clientY !== 0) return {
 		x: e.clientX,
 		y: e.clientY
@@ -1800,18 +1863,18 @@ function Hn(e) {
 		y: 0
 	};
 }
-function Un({ children: e, items: t, radius: n = "md", className: r, ref: i, "aria-label": a }) {
-	let s = f(null), { isMounted: c, isVisible: l, setIsVisible: u, open: d, close: p } = Rn(), { refs: m, floatingStyles: h, isPositioned: v } = bn({
+function Yn({ children: e, items: t, radius: n = "md", className: r, ref: i, "aria-label": a }) {
+	let s = f(null), { isMounted: c, isVisible: l, setIsVisible: u, open: d, close: p } = Wn(), { refs: m, floatingStyles: h, isPositioned: v } = En({
 		placement: "bottom-start",
 		open: c,
-		whileElementsMounted: ln,
+		whileElementsMounted: hn,
 		middleware: [
-			Sn(Bn),
-			wn(),
-			Cn({ padding: 8 })
+			On(Kn),
+			An(),
+			kn({ padding: 8 })
 		]
 	});
-	zn(c, v, u);
+	Gn(c, v, u);
 	let y = o(() => {
 		p(), s.current?.focus();
 	}, [p]);
@@ -1820,10 +1883,10 @@ function Un({ children: e, items: t, radius: n = "md", className: r, ref: i, "ar
 		className: r,
 		onContextMenu: (e) => {
 			e.preventDefault(), s.current = document.activeElement;
-			let { x: t, y: n } = Hn(e);
-			m.setReference(Vn(t, n)), d(!1);
+			let { x: t, y: n } = Jn(e);
+			m.setReference(qn(t, n)), d(!1);
 		},
-		children: [e, c && /* @__PURE__ */ g(Ln, {
+		children: [e, c && /* @__PURE__ */ g(Un, {
 			"aria-label": a,
 			setFloating: m.setFloating,
 			floatingStyles: h,
@@ -1837,7 +1900,7 @@ function Un({ children: e, items: t, radius: n = "md", className: r, ref: i, "ar
 }
 //#endregion
 //#region src/lib/surface_error.ts
-function Wn(e, t) {
+function Xn(e, t) {
 	if (t) {
 		t(e);
 		return;
@@ -1848,23 +1911,23 @@ function Wn(e, t) {
 }
 //#endregion
 //#region src/components/copy_button/copy_button.tsx
-var Gn = 2e3;
-function Kn({ value: e, children: t, onError: n }) {
+var Zn = 2e3;
+function Qn({ value: e, children: t, onError: n }) {
 	let [r, i] = p(!1), a = f(void 0);
 	return c(() => () => clearTimeout(a.current), []), /* @__PURE__ */ g(h, { children: t({
 		copied: r,
 		copy: async () => {
 			try {
-				await navigator.clipboard.writeText(e), i(!0), clearTimeout(a.current), a.current = setTimeout(() => i(!1), Gn);
+				await navigator.clipboard.writeText(e), i(!0), clearTimeout(a.current), a.current = setTimeout(() => i(!1), Zn);
 			} catch (e) {
-				Wn(e, n);
+				Xn(e, n);
 			}
 		}
 	}) });
 }
 //#endregion
 //#region src/lib/split_into_highlight_segments.ts
-function qn(e, t) {
+function $n(e, t) {
 	if (t.length === 0) return [{
 		text: e,
 		isMatch: !1
@@ -1887,7 +1950,7 @@ function qn(e, t) {
 }
 //#endregion
 //#region src/components/highlight/highlight.tsx
-function Jn(e) {
+function er(e) {
 	let t = 0;
 	return e.map((e) => {
 		let n = t;
@@ -1897,53 +1960,200 @@ function Jn(e) {
 		};
 	});
 }
-function Yn({ text: e, ranges: t }) {
-	let n = Jn(qn(e, t));
+function tr({ text: e, ranges: t }) {
+	let n = er($n(e, t));
 	return /* @__PURE__ */ g(h, { children: n.map((e) => e.isMatch ? /* @__PURE__ */ g("mark", {
 		className: "rounded bg-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:text-yellow-100",
 		children: e.text
 	}, e.start) : /* @__PURE__ */ g("span", { children: e.text }, e.start)) });
 }
 //#endregion
+//#region src/components/shared/portal_target.ts
+var nr = [
+	"main",
+	"nav",
+	"aside",
+	"header",
+	"footer",
+	"form[aria-label]",
+	"form[aria-labelledby]",
+	"section[aria-label]",
+	"section[aria-labelledby]",
+	"[role=main]",
+	"[role=navigation]",
+	"[role=complementary]",
+	"[role=banner]",
+	"[role=contentinfo]",
+	"[role=region]",
+	"[role=search]",
+	"[role=form]",
+	"dialog",
+	"[role=dialog]",
+	"[role=alertdialog]"
+].join(", ");
+function rr(e) {
+	return e?.closest(nr) ?? (e?.ownerDocument ?? document).body;
+}
+//#endregion
+//#region src/components/shared/accessible_name.ts
+function ir(e) {
+	return (e ?? "").replace(/\s+/g, " ").trim();
+}
+function ar(e, t) {
+	return t.split(/\s+/).map((t) => e.ownerDocument.getElementById(t)?.textContent).join(" ");
+}
+function or(e) {
+	let t = ir(e.getAttribute("aria-label"));
+	if (t) return t;
+	let n = e.getAttribute("aria-labelledby");
+	return (n ? ir(ar(e, n)) : "") || ir(e.textContent);
+}
+//#endregion
+//#region src/components/tooltip/tooltip.tsx
+var sr = 8, cr = 8, lr = {
+	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"
+}, ur = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function dr({ content: e, children: t, position: r = "top", showOnClick: i = !1, temporaryContent: s, temporaryDuration: d = 2e3, disabled: m = !1, radius: v = "lg", onTemporaryShow: b, className: C, describeChild: w, portalContainer: T, ref: E }) {
+	let { isMounted: D, isVisible: O, setIsVisible: k, open: A, close: j } = Wn(), [M, N] = p(!1), P = l(), F = f(null), [I, L] = p(null), [R, z] = p(null), [ee, te] = p(null), B = f(void 0), { refs: V, floatingStyles: ne, placement: H, middlewareData: re, isPositioned: U } = En({
+		placement: r,
+		strategy: "fixed",
+		open: D,
+		whileElementsMounted: hn,
+		middleware: [
+			On(sr),
+			An(),
+			kn({ padding: 8 }),
+			jn({ element: F })
+		]
+	}), W = H.split("-")[0];
+	Gn(D, U, k);
+	let ie = o((e) => se(V.setReference, L, E)(e), [V, E]), ae = o((e) => se(V.setFloating, z)(e), [V]);
+	u(() => {
+		let e = I?.firstElementChild;
+		te(R && e ? ir(R.textContent) === or(e) : null);
+	}, [
+		I,
+		R,
+		e,
+		s,
+		M
+	]);
+	let G = o(() => {
+		N(!1), j();
+	}, [j]), oe = () => {
+		!m && s && (N(!0), A(U), clearTimeout(B.current), B.current = setTimeout(G, d), b?.());
+	}, K = () => {
+		m || A(U);
+	}, ce = o(() => {
+		clearTimeout(B.current), G();
+	}, [G]);
+	c(() => () => clearTimeout(B.current), []), c(() => {
+		if (!D) return;
+		let e = (e) => {
+			e.key === "Escape" && ce();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [D, ce]);
+	let le = D && !m, ue = M && s ? s : e, de = {
+		onClick: (e) => {
+			i && s && oe(), a(t) && t.props.onClick?.(e);
+		},
+		"aria-describedby": q(a(t) ? t.props["aria-describedby"] : void 0, le && (w ?? (ee !== null && !ee)) && P)
+	}, fe = a(t) ? n(t, de) : t, pe = T ?? rr(I), me = re.arrow?.x, he = re.arrow?.y, J = ur[W];
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("span", {
+		ref: ie,
+		className: x("inline-block", C),
+		onMouseEnter: K,
+		onMouseLeave: ce,
+		onFocus: K,
+		onBlur: ce,
+		children: [fe, s !== void 0 && /* @__PURE__ */ g("span", {
+			role: "status",
+			className: "sr-only",
+			children: M ? s : null
+		})]
+	}), le && y(/* @__PURE__ */ g("div", {
+		ref: ae,
+		style: ne,
+		className: "z-50 inline-block pointer-events-none",
+		children: /* @__PURE__ */ _("div", {
+			id: P,
+			role: "tooltip",
+			"data-state": O ? "open" : "closed",
+			className: x("px-3 py-1.5 text-sm whitespace-nowrap", "text-white dark:text-gray-900 bg-gray-900 dark:bg-gray-100 shadow-lg", "transition-[opacity,transform] duration-150 ease-out", O ? "opacity-100" : "opacity-0", lr[W], S[v]),
+			children: [ue, /* @__PURE__ */ g("div", {
+				ref: F,
+				style: {
+					position: "absolute",
+					width: `${cr}px`,
+					height: `${cr}px`,
+					left: me === void 0 ? void 0 : `${me}px`,
+					top: he === void 0 ? void 0 : `${he}px`,
+					[J]: `-${cr / 2}px`
+				},
+				className: "rotate-45 bg-gray-900 dark:bg-gray-100"
+			})]
+		})
+	}), pe)] });
+}
+//#endregion
 //#region src/components/icon_button/icon_button.tsx
-var Xn = {
+var fr = {
 	xs: "p-1",
 	sm: "p-2",
 	md: "p-2",
 	lg: "p-3"
-}, Zn = {
+}, pr = {
 	xs: "w-4 h-4",
 	sm: "w-4 h-4",
 	md: "w-5 h-5",
 	lg: "w-6 h-6"
 };
-function Qn(e) {
-	let { icon: t, "aria-label": n, unstyled: r = !1, variant: i = "outline", color: a = "neutral", size: o = "md", radius: s = "md", className: c, children: l, ref: u, ...d } = e, f = A[a];
-	return /* @__PURE__ */ _("button", {
-		ref: u,
+function mr(e) {
+	if (e) return e === !0 ? {} : typeof e == "string" ? { position: e } : e;
+}
+function hr(e) {
+	let { icon: t, "aria-label": n, unstyled: r = !1, variant: i = "outline", color: a = "neutral", size: o = "md", radius: s = "md", className: c, children: l, tooltip: u, ref: d, ...f } = e, p = A[a], m = mr(u), h = /* @__PURE__ */ _("button", {
+		ref: d,
 		type: "button",
 		"aria-label": n,
 		className: x(j, !r && [
 			M,
 			"border",
 			S[s],
-			Xn[o],
-			f[i],
-			f.focusOutline
+			fr[o],
+			p[i],
+			p.focusOutline
 		], c),
-		...d,
-		children: [/* @__PURE__ */ g("div", { className: x(t, Zn[o], l && "mr-1") }), l]
+		...f,
+		children: [/* @__PURE__ */ g("div", { className: x(t, pr[o], l && "mr-1") }), l]
+	});
+	if (!m) return h;
+	let v = m.content !== void 0;
+	return /* @__PURE__ */ g(dr, {
+		content: v ? m.content : n,
+		position: m.position,
+		describeChild: v ? void 0 : !1,
+		children: h
 	});
 }
 //#endregion
 //#region src/components/shared/use_controlled_length.ts
-function $n(e) {
+function gr(e) {
 	return typeof e == "string" ? e.length : 0;
 }
-function er(e, t) {
-	let [n, r] = p($n(t)), i = e !== void 0;
+function _r(e, t) {
+	let [n, r] = p(gr(t)), i = e !== void 0;
 	return {
-		length: i ? $n(e) : n,
+		length: i ? gr(e) : n,
 		trackLength: (e) => {
 			i || r(e.length);
 		}
@@ -1951,50 +2161,52 @@ function er(e, t) {
 }
 //#endregion
 //#region src/components/input/input.tsx
-function tr({ label: e, error: t, showCharCount: n = !1, minLength: r, maxLength: i, radius: a = "md", unstyled: o = !1, className: s, wrapperClassName: c, value: l, defaultValue: u, onChange: d, id: f, "aria-describedby": p, ...m }) {
-	let { fieldId: h, errorId: v, characterCountId: y } = K(f), { length: b, trackLength: C } = er(l, u), w = n && (r !== void 0 || i !== void 0), T = (e) => {
-		C(e.target.value), d?.(e);
+function vr({ label: e, description: t, error: n, showCharCount: r = !1, minLength: i, maxLength: a, radius: o = "md", unstyled: s = !1, className: c, wrapperClassName: l, value: u, defaultValue: d, onChange: f, id: p, "aria-describedby": m, ...h }) {
+	let { fieldId: v, errorId: y, descriptionId: b, characterCountId: C } = Y(p), { length: w, trackLength: T } = _r(u, d), E = r && (i !== void 0 || a !== void 0), D = (e) => {
+		T(e.target.value), f?.(e);
 	};
-	return /* @__PURE__ */ _(Oe, {
-		fieldId: h,
-		errorId: v,
+	return /* @__PURE__ */ _(je, {
+		fieldId: v,
+		errorId: y,
+		descriptionId: b,
 		label: e,
-		error: t,
-		required: m.required,
-		wrapperClassName: c,
+		description: t,
+		error: n,
+		required: h.required,
+		wrapperClassName: l,
 		children: [/* @__PURE__ */ g("input", {
-			id: h,
-			className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !o && [
+			id: v,
+			className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !s && [
 				le,
-				S[a],
+				S[o],
 				"px-3 py-2 text-sm"
-			], !o && t && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), s),
-			...l === void 0 ? { defaultValue: u } : { value: l },
-			minLength: r,
-			maxLength: i,
-			onChange: T,
-			"aria-invalid": !!t,
-			"aria-describedby": G(p, t && v, w && y),
-			...m
-		}), w && /* @__PURE__ */ g(ce, {
-			id: y,
-			current: b,
-			min: r,
-			max: i,
-			showMin: r !== void 0,
-			showMax: i !== void 0
+			], !s && n && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), c),
+			...u === void 0 ? { defaultValue: d } : { value: u },
+			minLength: i,
+			maxLength: a,
+			onChange: D,
+			"aria-invalid": !!n,
+			"aria-describedby": q(m, !!t && b, n && y, E && C),
+			...h
+		}), E && /* @__PURE__ */ g(K, {
+			id: C,
+			current: w,
+			min: i,
+			max: a,
+			showMin: i !== void 0,
+			showMax: a !== void 0
 		})]
 	});
 }
 //#endregion
 //#region src/components/kbd/kbd.tsx
-var nr = {
+var yr = {
 	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"
-}, rr = ({ children: e, size: t = "sm", radius: n = "sm", unstyled: r = !1, className: i }) => /* @__PURE__ */ g("kbd", {
-	className: x("inline-flex items-center", nr[t], !r && [
+}, br = ({ children: e, size: t = "sm", radius: n = "sm", unstyled: r = !1, className: i }) => /* @__PURE__ */ g("kbd", {
+	className: x("inline-flex items-center", yr[t], !r && [
 		"border font-semibold uppercase",
 		"text-gray-600 dark:text-gray-300",
 		"bg-gray-100 dark:bg-gray-700",
@@ -2002,35 +2214,25 @@ var nr = {
 		S[n]
 	], i),
 	children: e
-});
-//#endregion
-//#region src/lib/merge_refs.ts
-function ir(...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 ar = 4;
-function or(e, t) {
+}), xr = 4;
+function Sr(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
-function sr({ trigger: e, children: t, side: r = "bottom", align: i = "start", radius: s = "md", className: c, ref: u }) {
-	let d = f(null), [m, h] = p("first"), { isMounted: v, isVisible: y, setIsVisible: b, open: S, close: C } = Rn(), { refs: w, floatingStyles: T, isPositioned: E } = bn({
-		placement: or(r, i),
+function Cr({ trigger: e, children: t, side: r = "bottom", align: i = "start", radius: s = "md", className: c, ref: u }) {
+	let d = f(null), [m, h] = p("first"), { isMounted: v, isVisible: y, setIsVisible: b, open: S, close: C } = Wn(), { refs: w, floatingStyles: T, isPositioned: E } = En({
+		placement: Sr(r, i),
 		open: v,
-		whileElementsMounted: ln,
+		whileElementsMounted: hn,
 		middleware: [
-			Sn(ar),
-			wn(),
-			Cn({ padding: 8 })
+			On(xr),
+			An(),
+			kn({ padding: 8 })
 		]
 	});
-	zn(v, E, b);
+	Gn(v, E, b);
 	let D = l(), O = (a(e) ? e.props.id : void 0) ?? D, k = `${O}-menu`, A = o(() => {
 		C(), d.current?.querySelector("button, [href], [tabindex]")?.focus();
-	}, [C]), j = o((e) => ir(w.setReference, d, u)(e), [w, u]), M = {
+	}, [C]), j = o((e) => se(w.setReference, d, u)(e), [w, u]), M = {
 		id: O,
 		onClick: (t) => {
 			t.stopPropagation(), y ? C() : (h("first"), S(E)), a(e) && e.props.onClick?.(t);
@@ -2045,7 +2247,7 @@ function sr({ trigger: e, children: t, side: r = "bottom", align: i = "start", r
 	return /* @__PURE__ */ _("span", {
 		ref: j,
 		className: x("inline-block", c),
-		children: [N, v && /* @__PURE__ */ g(Ln, {
+		children: [N, v && /* @__PURE__ */ g(Un, {
 			id: k,
 			labelledBy: O,
 			setFloating: w.setFloating,
@@ -2061,7 +2263,7 @@ function sr({ trigger: e, children: t, side: r = "bottom", align: i = "start", r
 }
 //#endregion
 //#region src/components/menu_group/menu_group.tsx
-function cr({ label: e, children: t, unstyled: n = !1, className: r, wrapperClassName: i }) {
+function wr({ label: e, children: t, unstyled: n = !1, className: r, wrapperClassName: i }) {
 	let a = l();
 	return /* @__PURE__ */ _("div", {
 		role: "group",
@@ -2077,7 +2279,7 @@ function cr({ label: e, children: t, unstyled: n = !1, className: r, wrapperClas
 }
 //#endregion
 //#region src/components/menu_item/menu_item_end.tsx
-function lr({ trailing: e, selected: t }) {
+function Tr({ trailing: e, selected: t }) {
 	let n = t !== void 0;
 	return !e && !n ? null : /* @__PURE__ */ _("span", {
 		className: "ml-auto flex flex-shrink-0 items-center gap-2 pl-2",
@@ -2092,45 +2294,45 @@ function lr({ trailing: e, selected: t }) {
 }
 //#endregion
 //#region src/components/menu_item/menu_item_styles.ts
-var ur = [
+var Er = [
 	"flex w-full cursor-pointer items-center gap-2 whitespace-nowrap px-4 py-2 text-left text-sm transition-colors",
 	"focus-visible:bg-gray-100 dark:focus-visible:bg-gray-700",
 	k
 ];
-function dr(e, t, n) {
-	return x(ur, e, t ? "text-red-700 dark:text-red-300" : "text-gray-700 dark:text-gray-300", n);
+function Dr(e, t, n) {
+	return x(Er, e, t ? "text-red-700 dark:text-red-300" : "text-gray-700 dark:text-gray-300", n);
 }
 //#endregion
 //#region src/components/menu_item/menu_item_content.tsx
-var fr = ({ icon: e, children: t }) => /* @__PURE__ */ _(h, { children: [e && /* @__PURE__ */ g("div", {
+var Or = ({ icon: e, children: t }) => /* @__PURE__ */ _(h, { children: [e && /* @__PURE__ */ g("div", {
 	className: x(e, "h-4 w-4 flex-shrink-0"),
 	"aria-hidden": "true"
-}), t] }), pr = "_blank", mr = "noopener noreferrer", hr = ["no-underline hover:bg-gray-100 dark:hover:bg-gray-700", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"];
-function gr({ icon: e, trailing: t, href: n, target: r, rel: i, danger: a = !1, disabled: o = !1, children: s, className: c, ref: l }) {
-	let u = Dn();
+}), t] }), kr = "_blank", Ar = "noopener noreferrer", jr = ["no-underline hover:bg-gray-100 dark:hover:bg-gray-700", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"];
+function Mr({ icon: e, trailing: t, href: n, target: r, rel: i, danger: a = !1, disabled: o = !1, children: s, className: c, ref: l }) {
+	let u = Nn();
 	return /* @__PURE__ */ _("a", {
 		ref: l,
 		role: "menuitem",
 		tabIndex: -1,
 		href: o ? void 0 : n,
 		target: r,
-		rel: i ?? (r === pr ? mr : void 0),
+		rel: i ?? (r === kr ? Ar : void 0),
 		"aria-disabled": o || void 0,
 		onClick: (e) => {
 			e.stopPropagation(), u?.();
 		},
-		className: dr(hr, a, c),
-		children: [/* @__PURE__ */ g(fr, {
+		className: Dr(jr, a, c),
+		children: [/* @__PURE__ */ g(Or, {
 			icon: e,
 			children: s
-		}), /* @__PURE__ */ g(lr, { trailing: t })]
+		}), /* @__PURE__ */ g(Tr, { trailing: t })]
 	});
 }
 //#endregion
 //#region src/components/menu_item/menu_item_button.tsx
-var _r = ["hover:enabled:bg-gray-100 dark:hover:enabled:bg-gray-700", "disabled:cursor-not-allowed disabled:opacity-50"];
-function vr({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, disabled: a = !1, children: o, className: s, ref: c }) {
-	let l = Dn();
+var Nr = ["hover:enabled:bg-gray-100 dark:hover:enabled:bg-gray-700", "disabled:cursor-not-allowed disabled:opacity-50"];
+function Pr({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, disabled: a = !1, children: o, className: s, ref: c }) {
+	let l = Nn();
 	return /* @__PURE__ */ _("button", {
 		ref: c,
 		type: "button",
@@ -2141,11 +2343,11 @@ function vr({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, dis
 			e.stopPropagation(), n(e), l?.();
 		},
 		disabled: a,
-		className: dr(_r, i, s),
-		children: [/* @__PURE__ */ g(fr, {
+		className: Dr(Nr, i, s),
+		children: [/* @__PURE__ */ g(Or, {
 			icon: e,
 			children: o
-		}), /* @__PURE__ */ g(lr, {
+		}), /* @__PURE__ */ g(Tr, {
 			trailing: t,
 			selected: r
 		})]
@@ -2153,17 +2355,17 @@ function vr({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, dis
 }
 //#endregion
 //#region src/components/menu_item/menu_item.tsx
-function yr(e) {
-	return e.href === void 0 ? /* @__PURE__ */ g(vr, { ...e }) : /* @__PURE__ */ g(gr, { ...e });
+function Fr(e) {
+	return e.href === void 0 ? /* @__PURE__ */ g(Pr, { ...e }) : /* @__PURE__ */ g(Mr, { ...e });
 }
 //#endregion
 //#region src/components/menu_separator/menu_separator.tsx
-var br = ({ unstyled: e = !1, className: t }) => /* @__PURE__ */ g("hr", {
+var Ir = ({ unstyled: e = !1, className: t }) => /* @__PURE__ */ g("hr", {
 	role: "separator",
 	"aria-orientation": "horizontal",
 	className: x("w-full", !e && ["my-1 border-0 border-t", "border-gray-200 dark:border-gray-700"], t)
-}), xr = [];
-function Sr() {
+}), Lr = [];
+function Rr() {
 	let e = 0, t = [], n = null, r = /* @__PURE__ */ new Set(), i = () => {
 		for (let e of r) e(t);
 	};
@@ -2184,7 +2386,7 @@ function Sr() {
 			r.delete(i), r.size || (e = 0, t = [], n = null);
 		}),
 		getSnapshot: () => t,
-		getServerSnapshot: () => xr,
+		getServerSnapshot: () => Lr,
 		getListenersSize: () => r.size,
 		getUpsertPromise: () => n,
 		setUpsertPromise: (e) => {
@@ -2192,9 +2394,9 @@ function Sr() {
 		}
 	};
 }
-var Cr = /* @__PURE__ */ new Map();
-function wr(e, t = 0) {
-	let n = { current: Sr() }, r = (e) => (r) => {
+var zr = /* @__PURE__ */ new Map();
+function Br(e, t = 0) {
+	let n = { current: Rr() }, r = (e) => (r) => {
 		let i = /* @__PURE__ */ new Set();
 		n.current.set(e, (e) => (e.resolve(r), i.add(e.promise), {
 			...e,
@@ -2280,8 +2482,8 @@ function wr(e, t = 0) {
 			set: (r) => {
 				if (t || (e = r, !r)) return;
 				t = !0;
-				let i = Cr.get(r);
-				i ? n.current = i : Cr.set(r, n.current);
+				let i = zr.get(r);
+				i ? n.current = i : zr.set(r, n.current);
 			}
 		});
 	}
@@ -2289,7 +2491,7 @@ function wr(e, t = 0) {
 }
 //#endregion
 //#region src/components/shared/tabbable.ts
-var Tr = [
+var Vr = [
 	"a[href]",
 	"button",
 	"input",
@@ -2301,28 +2503,28 @@ var Tr = [
 	"[contenteditable]:not([contenteditable=\"false\"])",
 	"[tabindex]"
 ].join(", ");
-function Er(e) {
+function Hr(e) {
 	return e.matches(":disabled");
 }
-function Dr(e) {
+function Ur(e) {
 	return e.getAttribute("tabindex") === "-1";
 }
-function Or(e) {
+function Wr(e) {
 	return e.matches("input[type=\"hidden\"]");
 }
-function kr(e) {
+function Gr(e) {
 	return e.closest("[inert]") !== null;
 }
-function Ar(e) {
+function Kr(e) {
 	return typeof e.checkVisibility != "function" || e.checkVisibility();
 }
-function jr(e) {
-	return !Er(e) && !Dr(e) && !Or(e) && !kr(e) && Ar(e);
+function qr(e) {
+	return !Hr(e) && !Ur(e) && !Wr(e) && !Gr(e) && Kr(e);
 }
-function Mr(e) {
+function Jr(e) {
 	return e instanceof HTMLInputElement && e.type === "radio" && e.name !== "";
 }
-function Nr(e) {
+function Yr(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = t.get(n.form) ?? /* @__PURE__ */ new Map();
@@ -2332,62 +2534,64 @@ function Nr(e) {
 	}
 	return Array.from(t.values()).flatMap((e) => Array.from(e.values()));
 }
-function Pr(e) {
+function Xr(e) {
 	return e.find((e) => e.checked) ?? e[0];
 }
-function Fr(e) {
-	let t = Array.from(e.querySelectorAll(Tr)).filter(jr), n = t.filter(Mr), r = new Set(Nr(n).map(Pr));
-	return t.filter((e) => !Mr(e) || r.has(e));
+function Zr(e) {
+	let t = Array.from(e.querySelectorAll(Vr)).filter(qr), n = t.filter(Jr), r = new Set(Yr(n).map(Xr));
+	return t.filter((e) => !Jr(e) || r.has(e));
 }
 //#endregion
 //#region src/components/modal/modal_stack.ts
-var Ir = [];
-function Lr(e) {
-	return Ir.push(e), () => {
-		let t = Ir.indexOf(e);
-		t !== -1 && Ir.splice(t, 1);
+var Qr = [];
+function $r(e) {
+	return Qr.push(e), () => {
+		let t = Qr.indexOf(e);
+		t !== -1 && Qr.splice(t, 1);
 	};
 }
-function Rr(e) {
-	return Ir[Ir.length - 1] === e;
+function ei(e) {
+	return Qr[Qr.length - 1] === e;
 }
 //#endregion
 //#region src/components/modal/modal_shell.tsx
-var zr = {
+var ti = r(null), ni = {
 	sm: "max-w-md",
 	md: "max-w-lg",
 	lg: "max-w-2xl",
 	xl: "max-w-4xl"
 };
-function Br({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size: a = "md", radius: o = "xl", className: s, dismissible: u = !0, closeLabel: d = "Close", role: m = "dialog", initialFocusRef: h, "aria-label": v }) {
-	let [b, C] = p(!1), [w] = p(() => Symbol("modal")), T = f(null), E = f(null), D = f(null), O = l(), k = l();
+function ri({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size: a = "md", radius: o = "xl", className: s, dismissible: u = !0, closeLabel: d, role: m = "dialog", initialFocusRef: h, "aria-label": v }) {
+	let b = we(), [C, w] = p(!1), [T] = p(() => Symbol("modal")), [E, D] = p(null), O = f(null), k = f(null), A = f(null), j = l(), M = l();
 	c(() => {
-		if (!e) return Lr(w);
-	}, [e, w]), c(() => {
-		document.body.style.overflow = "hidden", D.current = document.activeElement;
-		let e = T.current, t = (E.current && Fr(E.current)[0]) ?? (e && Fr(e)[0]);
-		(h?.current ?? t ?? e)?.focus();
-		let n = requestAnimationFrame(() => {
-			requestAnimationFrame(() => C(!0));
+		if (!e) return $r(T);
+	}, [e, T]), c(() => {
+		document.body.style.overflow = "hidden", A.current = document.activeElement;
+		let e = requestAnimationFrame(() => {
+			requestAnimationFrame(() => w(!0));
 		});
 		return () => {
-			cancelAnimationFrame(n), document.body.style.overflow = "";
+			cancelAnimationFrame(e), document.body.style.overflow = "";
 		};
 	}, []), c(() => {
-		e && D.current?.focus();
+		if (!E) return;
+		let e = O.current, t = (k.current && Zr(k.current)[0]) ?? (e && Zr(e)[0]);
+		(h?.current ?? t ?? e)?.focus();
+	}, [E]), c(() => {
+		e && A.current?.focus();
 	}, [e]), c(() => {
 		if (e) return;
 		let n = (e) => {
-			if (!Rr(w)) return;
+			if (!ei(T)) return;
 			if (e.key === "Escape") {
 				if (e.defaultPrevented) return;
 				e.preventDefault(), u && t();
 				return;
 			}
 			if (e.key !== "Tab") return;
-			let n = T.current;
+			let n = O.current;
 			if (!n) return;
-			let r = Fr(n);
+			let r = Zr(n);
 			if (r.length === 0) {
 				e.preventDefault(), n.focus();
 				return;
@@ -2404,38 +2608,38 @@ function Br({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 		e,
 		t,
 		u,
-		w
+		T
 	]);
-	let A = () => {
+	let N = () => {
 		!e && u && t();
-	}, j = m === "alertdialog" && !!r, M = b && !e;
+	}, P = m === "alertdialog" && !!r, F = C && !e;
 	return y(/* @__PURE__ */ _("div", {
-		className: x("fixed inset-0 z-50 flex items-start justify-center", "p-2 sm:py-[3rem] lg:py-[5rem]", "transition-opacity duration-200 ease-out", M ? "opacity-100" : "opacity-0"),
-		onClick: A,
+		className: x("fixed inset-0 z-50 flex items-start justify-center", "p-2 sm:py-[3rem] lg:py-[5rem]", "transition-opacity duration-200 ease-out", F ? "opacity-100" : "opacity-0"),
+		onClick: N,
 		children: [/* @__PURE__ */ g("div", {
-			className: x("fixed inset-0 bg-black/60 backdrop-blur-md", "transition-opacity duration-200 ease-out", M ? "opacity-100" : "opacity-0"),
+			className: x("fixed inset-0 bg-black/60 backdrop-blur-md", "transition-opacity duration-200 ease-out", F ? "opacity-100" : "opacity-0"),
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ _("div", {
-			ref: T,
+			ref: O,
 			role: m,
 			"aria-modal": "true",
-			"aria-labelledby": n ? O : void 0,
+			"aria-labelledby": n ? j : void 0,
 			"aria-label": n ? void 0 : v,
-			"aria-describedby": j ? k : void 0,
+			"aria-describedby": P ? M : void 0,
 			tabIndex: -1,
-			className: x("relative w-full", zr[a], V, "shadow-2xl", S[o], "max-h-[calc(100vh-4rem)] sm:max-h-[calc(100vh-10rem)] overflow-hidden flex flex-col", "transition-all duration-200 ease-out", "focus:outline-none", M ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
+			className: x("relative w-full", ni[a], re, "shadow-2xl", S[o], "max-h-[calc(100vh-4rem)] sm:max-h-[calc(100vh-10rem)] overflow-hidden flex flex-col", "transition-all duration-200 ease-out", "focus:outline-none", F ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				n && /* @__PURE__ */ _("div", {
 					className: "flex items-center justify-between gap-4 px-6 pt-5 pb-4 flex-shrink-0",
 					children: [/* @__PURE__ */ g("h2", {
-						id: O,
+						id: j,
 						className: "text-base font-medium tracking-tight text-gray-900 dark:text-gray-100",
 						children: n
-					}), u && /* @__PURE__ */ g(Qn, {
+					}), u && /* @__PURE__ */ g(hr, {
 						icon: "i-mdi-close",
 						onClick: t,
-						"aria-label": d,
+						"aria-label": d ?? b.close,
 						variant: "subtle",
 						size: "sm",
 						radius: "full",
@@ -2443,13 +2647,17 @@ function Br({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 					})]
 				}),
 				/* @__PURE__ */ g("div", {
-					ref: E,
-					id: j ? k : void 0,
+					ref: k,
+					id: P ? M : void 0,
 					className: x("flex-1 overflow-y-auto px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400 min-h-0", !n && "pt-6", s),
-					children: r
+					children: /* @__PURE__ */ g(ti.Provider, {
+						value: E,
+						children: r
+					})
 				}),
-				i && /* @__PURE__ */ g("div", {
-					className: x("flex items-center justify-end gap-3 px-6 py-4 border-t flex-shrink-0", "border-gray-100 dark:border-gray-800"),
+				/* @__PURE__ */ g("div", {
+					ref: D,
+					className: x("flex items-center justify-end gap-3 px-6 py-4 border-t flex-shrink-0 empty:hidden", H),
 					children: i
 				})
 			]
@@ -2458,7 +2666,7 @@ function Br({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 }
 //#endregion
 //#region node_modules/.pnpm/zustand@5.0.15_@types+react@19.3.0_react@19.3.0_use-sync-external-store@1.6.0_react@19.3.0_/node_modules/zustand/esm/vanilla.mjs
-var Vr = (e) => {
+var ii = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -2472,46 +2680,46 @@ var Vr = (e) => {
 		subscribe: (e) => (n.add(e), () => n.delete(e))
 	}, o = t = e(r, i, a);
 	return a;
-}, Hr = ((e) => e ? Vr(e) : Vr), Ur = (e) => e;
-function Wr(e, n = Ur) {
+}, ai = ((e) => e ? ii(e) : ii), oi = (e) => e;
+function si(e, n = oi) {
 	let r = t.useSyncExternalStore(e.subscribe, t.useCallback(() => n(e.getState()), [e, n]), t.useCallback(() => n(e.getInitialState()), [e, n]));
 	return t.useDebugValue(r), r;
 }
-var Gr = (e) => {
-	let t = Hr(e), n = (e) => Wr(t, e);
+var ci = (e) => {
+	let t = ai(e), n = (e) => si(t, e);
 	return Object.assign(n, t), n;
-}, Kr = ((e) => e ? Gr(e) : Gr), qr = Kr((e) => ({
+}, li = ((e) => e ? ci(e) : ci), ui = li((e) => ({
 	globalHotkeysEnabled: !0,
 	setGlobalHotkeysEnabled: (t) => e({ globalHotkeysEnabled: t })
-})), Jr = 0;
-function Yr() {
-	c(() => (Jr += 1, Jr === 1 && qr.getState().setGlobalHotkeysEnabled(!1), () => {
-		--Jr, Jr === 0 && qr.getState().setGlobalHotkeysEnabled(!0);
+})), di = 0;
+function fi() {
+	c(() => (di += 1, di === 1 && ui.getState().setGlobalHotkeysEnabled(!1), () => {
+		--di, di === 0 && ui.getState().setGlobalHotkeysEnabled(!0);
 	}), []);
 }
 //#endregion
 //#region src/components/modal/confirm_modal.tsx
-var Xr = {
+var pi = {
 	danger: "i-mdi-alert-circle",
 	primary: "i-mdi-help-circle",
 	success: "i-mdi-check-circle"
-}, Zr = {
+}, mi = {
 	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 Qr({ title: e, color: t }) {
+function hi({ title: e, color: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: "flex items-center gap-3",
 		children: [/* @__PURE__ */ g("span", {
-			className: x("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", Zr[t]),
+			className: x("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", mi[t]),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ g("span", { className: x(Xr[t], "h-5 w-5") })
+			children: /* @__PURE__ */ g("span", { className: x(pi[t], "h-5 w-5") })
 		}), e]
 	});
 }
-var $r = wr(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i, confirmColor: a, radius: o, closeLabel: s, onConfirm: c, onError: l }) => {
-	Yr();
+var gi = Br(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i, confirmColor: a, radius: o, closeLabel: s, onConfirm: c, onError: l }) => {
+	fi();
 	let [u, d] = p(!1), m = f(null), v = () => e.end(!1), y = async () => {
 		if (!c) {
 			e.end(!0);
@@ -2521,88 +2729,86 @@ var $r = wr(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i,
 		try {
 			await c(), e.end(!0);
 		} catch (e) {
-			d(!1), Wn(e, l);
+			d(!1), Xn(e, l);
 		}
-	}, b = u, x = r ?? "Confirm", S = i ?? "Cancel", C = a ?? "primary";
-	return /* @__PURE__ */ g(Br, {
+	}, b = we(), x = u, S = r ?? b.confirm, C = i ?? b.cancel, w = a ?? "primary";
+	return /* @__PURE__ */ g(ri, {
 		isEnded: e.ended,
 		onDismiss: v,
-		title: /* @__PURE__ */ g(Qr, {
+		title: /* @__PURE__ */ g(hi, {
 			title: t,
-			color: C
+			color: w
 		}),
 		size: "sm",
 		radius: o,
 		closeLabel: s,
 		role: "alertdialog",
 		initialFocusRef: m,
-		footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(R, {
+		footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(te, {
 			ref: m,
 			variant: "outline",
 			color: "neutral",
 			onClick: v,
-			disabled: b,
+			disabled: x,
 			size: "sm",
-			children: S
-		}), /* @__PURE__ */ g(R, {
-			color: C,
+			children: C
+		}), /* @__PURE__ */ g(te, {
+			color: w,
 			onClick: () => {
 				y();
 			},
-			loading: b,
-			disabled: b,
+			loading: x,
+			disabled: x,
 			size: "sm",
-			children: x
+			children: S
 		})] }),
 		children: n
 	});
 }, 200);
 //#endregion
 //#region src/components/modal/modal.tsx
-function ei(e, t) {
+function _i(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var ti = r(null), ni = wr(({ call: e, title: t, children: n, size: r, radius: i, className: a, dismissible: o, closeLabel: s, "aria-label": c }) => {
-	Yr();
-	let [l, u] = p(null), d = () => e.end();
-	return /* @__PURE__ */ g(Br, {
+var vi = Br(({ call: e, title: t, children: n, size: r, radius: i, className: a, dismissible: o, closeLabel: s, role: c, initialFocusRef: l, "aria-label": u }) => {
+	fi();
+	let d = () => e.end();
+	return /* @__PURE__ */ g(ri, {
 		isEnded: e.ended,
 		onDismiss: d,
 		title: t,
-		footer: l,
 		size: r,
 		radius: i,
 		className: a,
 		dismissible: o,
 		closeLabel: s,
-		"aria-label": c,
-		children: /* @__PURE__ */ g(ti.Provider, {
-			value: u,
-			children: ei(n, d)
-		})
+		role: c,
+		initialFocusRef: l,
+		"aria-label": u,
+		children: _i(n, d)
 	});
 }, 200);
 //#endregion
 //#region src/components/modal/modal_footer.tsx
-function ri({ children: e }) {
+function yi({ children: e }) {
 	let t = s(ti);
-	return c(() => (t?.(e), () => t?.(null)), [t, e]), null;
+	return t ? y(e, t) : null;
 }
 //#endregion
 //#region src/components/modal_provider/modal_provider.tsx
-function ii() {
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ni, {}), /* @__PURE__ */ g($r, {})] });
+function bi() {
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(vi, {}), /* @__PURE__ */ g(gi, {})] });
 }
 //#endregion
 //#region src/components/multi_combobox/multi_combobox.tsx
-var ai = 2;
-function oi(e, t, n, r) {
+var xi = 2;
+function Si(e, t, n, r) {
 	return r?.(e, t) ? !0 : n === void 0 || t.includes(e) ? !1 : t.length >= n;
 }
-function si(e, t) {
+function Ci(e, t) {
 	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
 }
-function ci(e, t) {
+function wi(e, t) {
 	if (e.length <= t) return {
 		visibleOptions: e,
 		hiddenCount: 0
@@ -2613,132 +2819,132 @@ function ci(e, t) {
 		hiddenCount: e.length - n
 	};
 }
-var li = "inline-flex items-center rounded-full bg-gray-200 dark:bg-gray-700 px-2 py-0.5 text-xs text-gray-900 dark:text-gray-100";
-function ui({ options: e, label: t, "aria-label": n, error: r, placeholder: i, searchPlaceholder: a = "Search", noResultsText: s = "No results found", clearLabel: l = "Clear selection", clearText: u = "Clear", maxSelectedValues: m, isOptionDisabled: v, maxDisplayedValues: y = ai, formatOverflowCount: b = (e) => `+${e} more`, formatSelectedCount: w = (e) => `${e} selected`, formatMaxSelectedHint: T = (e) => `You can select up to ${e} items`, radius: E = "sm", unstyled: D = !1, disabled: O = !1, required: k = !1, className: j, wrapperClassName: M, values: N, defaultValues: P = [], onChange: F, onDropdownClose: I, id: ee }) {
-	let { fieldId: L, errorId: te, labelId: ne } = K(ee), R = `${L}-listbox`, re = `${L}-max-hint`, z = f(null), B = f(null), ie = f(null), [V, H] = ye(N, P), [ae, oe] = p(""), [U, se] = p(!1), W = d(() => {
-		let t = ae.trim().toLowerCase();
+var Ti = "inline-flex items-center rounded-full bg-gray-200 dark:bg-gray-700 px-2 py-0.5 text-xs text-gray-900 dark:text-gray-100";
+function Ei({ options: e, label: t, "aria-label": n, error: r, placeholder: i, searchPlaceholder: a, noResultsText: s, clearLabel: l, clearText: u, maxSelectedValues: m, isOptionDisabled: v, maxDisplayedValues: y = xi, formatOverflowCount: b, formatSelectedCount: w, formatMaxSelectedHint: T, radius: E = "sm", unstyled: D = !1, disabled: O = !1, required: k = !1, className: j, wrapperClassName: M, values: N, defaultValues: P = [], onChange: F, onDropdownClose: I, id: L }) {
+	let R = we(), { fieldId: z, errorId: ee, labelId: te } = Y(L), B = `${z}-listbox`, V = `${z}-max-hint`, ne = f(null), H = f(null), re = f(null), [U, W] = be(N, P), [ie, ae] = p(""), [G, oe] = p(!1), K = d(() => {
+		let t = ie.trim().toLowerCase();
 		return t ? e.filter((e) => e.label.toLowerCase().includes(t)) : e;
-	}, [e, ae]), { activeIndex: ce, activeOptionId: G, move: ue, first: de, last: fe, reset: pe } = je({
-		optionCount: W.length,
-		getOptionId: (e) => `${R}-option-${e}`,
-		isOpen: U
-	}), me = d(() => e.filter((e) => V.includes(e.value)), [e, V]), { visibleOptions: he, hiddenCount: ge } = ci(me, y), _e = () => {
-		O || se(!0);
-	}, ve = o(() => {
-		se(!1), oe(""), pe(), I?.(V);
+	}, [e, ie]), { activeIndex: se, activeOptionId: q, move: ce, first: ue, last: de, reset: fe } = Pe({
+		optionCount: K.length,
+		getOptionId: (e) => `${B}-option-${e}`,
+		isOpen: G
+	}), pe = d(() => e.filter((e) => U.includes(e.value)), [e, U]), { visibleOptions: me, hiddenCount: he } = wi(pe, y), J = () => {
+		O || oe(!0);
+	}, ge = o(() => {
+		oe(!1), ae(""), fe(), I?.(U);
 	}, [
-		pe,
+		fe,
 		I,
-		V
-	]), be = () => {
-		U ? ve() : _e();
+		U
+	]), _e = () => {
+		G ? ge() : J();
+	}, ve = (e) => {
+		if (Si(e, U, m, v)) return;
+		let t = Ci(U, e);
+		W(t), F?.(t);
+	}, ye = () => {
+		W([]), F?.([]);
 	}, xe = (e) => {
-		if (oi(e, V, m, v)) return;
-		let t = si(V, e);
-		H(t), F?.(t);
+		e.stopPropagation(), ye(), G || I?.([]), ne.current?.focus();
 	}, Se = () => {
-		H([]), F?.([]);
-	}, Ce = (e) => {
-		e.stopPropagation(), Se(), U || I?.([]), z.current?.focus();
-	}, we = () => {
-		Se(), ie.current?.focus();
-	}, Te = () => {
-		O || be();
+		ye(), re.current?.focus();
+	}, Ce = () => {
+		O || _e();
+	}, Te = (e) => {
+		ae(e.target.value), fe();
 	}, Ee = (e) => {
-		oe(e.target.value), pe();
-	}, De = (e) => {
-		if (e.preventDefault(), !U) {
-			_e(), de();
+		if (e.preventDefault(), !G) {
+			J(), ue();
 			return;
 		}
-		ue(1);
-	}, ke = (e) => {
-		if (e.preventDefault(), !U) {
-			_e(), fe();
+		ce(1);
+	}, De = (e) => {
+		if (e.preventDefault(), !G) {
+			J(), de();
 			return;
 		}
-		ue(-1);
-	}, Ae = (e) => {
-		if (!U) return;
+		ce(-1);
+	}, Oe = (e) => {
+		if (!G) return;
 		e.preventDefault();
-		let t = W[ce];
-		t && xe(t.value);
-	}, Me = (e) => {
-		U && (e.preventDefault(), ve(), z.current?.focus());
-	}, q = (e) => {
-		if (e.key === "ArrowDown") return De(e);
-		if (e.key === "ArrowUp") return ke(e);
-		if (e.key === "Enter") return Ae(e);
-		if (e.key === "Escape") return Me(e);
+		let t = K[se];
+		t && ve(t.value);
+	}, ke = (e) => {
+		G && (e.preventDefault(), ge(), ne.current?.focus());
+	}, Ae = (e) => {
+		if (e.key === "ArrowDown") return Ee(e);
+		if (e.key === "ArrowUp") return De(e);
+		if (e.key === "Enter") return Oe(e);
+		if (e.key === "Escape") return ke(e);
 	};
 	return c(() => {
-		if (!U) return;
+		if (!G) return;
 		let e = (e) => {
-			B.current && !B.current.contains(e.target) && ve();
+			H.current && !H.current.contains(e.target) && ge();
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [U, ve]), /* @__PURE__ */ g(Oe, {
-		fieldId: L,
-		errorId: te,
+	}, [G, ge]), /* @__PURE__ */ g(je, {
+		fieldId: z,
+		errorId: ee,
 		label: t,
 		error: r,
 		required: k,
 		wrapperClassName: M,
 		children: /* @__PURE__ */ _("div", {
-			ref: B,
+			ref: H,
 			className: "relative",
 			onBlur: (e) => {
-				if (!U) return;
+				if (!G) return;
 				let t = e.relatedTarget;
-				t instanceof Node && B.current?.contains(t) || ve();
+				t instanceof Node && H.current?.contains(t) || ge();
 			},
 			children: [
 				/* @__PURE__ */ g("button", {
-					ref: z,
+					ref: ne,
 					type: "button",
-					id: L,
+					id: z,
 					role: "combobox",
 					disabled: O,
-					"aria-expanded": U,
-					"aria-controls": R,
+					"aria-expanded": G,
+					"aria-controls": B,
 					"aria-haspopup": "listbox",
 					"aria-invalid": !!r,
 					"aria-required": k || void 0,
-					"aria-describedby": r ? te : void 0,
-					"aria-labelledby": typeof t == "string" ? ne : void 0,
+					"aria-describedby": r ? ee : void 0,
+					"aria-labelledby": typeof t == "string" ? te : void 0,
 					"aria-label": n,
-					onClick: Te,
-					onKeyDown: q,
+					onClick: Ce,
+					onKeyDown: Ae,
 					className: x("w-full flex flex-wrap items-center gap-1 text-left disabled:opacity-50 disabled:cursor-not-allowed", !D && [
 						le,
 						S[E],
 						"pl-3 pr-8 py-2 text-sm min-h-10"
 					], !D && r && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), j),
-					children: me.length === 0 ? /* @__PURE__ */ g("span", {
+					children: pe.length === 0 ? /* @__PURE__ */ g("span", {
 						className: x(!D && "text-gray-500 dark:text-gray-400"),
 						children: i
-					}) : /* @__PURE__ */ _(h, { children: [he.map((e) => /* @__PURE__ */ g("span", {
-						className: x(!D && li),
+					}) : /* @__PURE__ */ _(h, { children: [me.map((e) => /* @__PURE__ */ g("span", {
+						className: x(!D && Ti),
 						children: e.label
-					}, e.value)), ge > 0 && /* @__PURE__ */ g("span", {
-						className: x(!D && li),
-						children: b(ge)
+					}, e.value)), he > 0 && /* @__PURE__ */ g("span", {
+						className: x(!D && Ti),
+						children: (b ?? R.overflowCount)(he)
 					})] })
 				}),
-				!D && V.length > 0 && !O && /* @__PURE__ */ g("button", {
+				!D && U.length > 0 && !O && /* @__PURE__ */ g("button", {
 					type: "button",
-					"aria-label": l,
+					"aria-label": l ?? R.clearSelection,
 					onMouseDown: (e) => e.preventDefault(),
-					onClick: Ce,
+					onClick: xe,
 					className: x("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", "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", A.primary.focusOutline),
 					children: /* @__PURE__ */ g("span", {
 						className: "i-mdi-close block w-4 h-4",
 						"aria-hidden": !0
 					})
 				}),
-				U && /* @__PURE__ */ _("div", {
+				G && /* @__PURE__ */ _("div", {
 					onMouseDown: (e) => {
-						e.target !== ie.current && e.preventDefault();
+						e.target !== re.current && e.preventDefault();
 					},
 					className: x("absolute z-10 mt-1 w-full text-sm shadow-lg", !D && [
 						"border overflow-hidden",
@@ -2748,18 +2954,18 @@ function ui({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 					]),
 					children: [
 						/* @__PURE__ */ g("input", {
-							ref: ie,
+							ref: re,
 							type: "text",
 							autoFocus: !0,
 							autoComplete: "off",
-							value: ae,
-							onChange: Ee,
-							onKeyDown: q,
-							placeholder: a,
-							"aria-label": a,
-							"aria-controls": R,
-							"aria-activedescendant": G,
-							"aria-describedby": m === void 0 ? void 0 : re,
+							value: ie,
+							onChange: Te,
+							onKeyDown: Ae,
+							placeholder: a ?? R.search,
+							"aria-label": a ?? R.search,
+							"aria-controls": B,
+							"aria-activedescendant": q,
+							"aria-describedby": m === void 0 ? void 0 : V,
 							className: x("w-full", !D && [
 								"px-3 py-2 border-b bg-transparent focus:outline-none",
 								"text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400",
@@ -2767,24 +2973,24 @@ function ui({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 							])
 						}),
 						m !== void 0 && /* @__PURE__ */ g("div", {
-							id: re,
+							id: V,
 							className: x("px-3 py-1 text-xs", !D && ["border-b", "border-gray-100 dark:border-gray-800"], !D && "text-gray-500 dark:text-gray-400"),
-							children: T(m)
+							children: (T ?? R.maxSelectedHint)(m)
 						}),
 						/* @__PURE__ */ g("ul", {
-							id: R,
+							id: B,
 							role: "listbox",
 							"aria-multiselectable": !0,
 							className: "max-h-60 overflow-auto py-1",
-							children: W.map((e, t) => {
-								let n = V.includes(e.value), r = oi(e.value, V, m, v);
+							children: K.map((e, t) => {
+								let n = U.includes(e.value), r = Si(e.value, U, m, v);
 								return /* @__PURE__ */ _("li", {
-									id: `${R}-option-${t}`,
+									id: `${B}-option-${t}`,
 									role: "option",
 									"aria-selected": n,
 									"aria-disabled": r,
-									onClick: () => xe(e.value),
-									className: x("px-3 py-2 flex items-center gap-2 text-gray-900 dark:text-gray-100", r ? "opacity-50 cursor-not-allowed" : "cursor-pointer", t === ce ? x("bg-blue-50 dark:bg-blue-900/40", "outline-2 -outline-offset-2 outline-blue-500 dark:outline-blue-400") : !r && "hover:bg-gray-50 dark:hover:bg-gray-800/60"),
+									onClick: () => ve(e.value),
+									className: x("px-3 py-2 flex items-center gap-2 text-gray-900 dark:text-gray-100", r ? "opacity-50 cursor-not-allowed" : "cursor-pointer", t === se ? x("bg-blue-50 dark:bg-blue-900/40", "outline-2 -outline-offset-2 outline-blue-500 dark:outline-blue-400") : !r && "hover:bg-gray-50 dark:hover:bg-gray-800/60"),
 									children: [/* @__PURE__ */ g("span", {
 										"aria-hidden": !0,
 										className: x("flex h-4 w-4 shrink-0 items-center justify-center", !D && [
@@ -2808,20 +3014,20 @@ function ui({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 						}),
 						/* @__PURE__ */ g("div", {
 							role: "status",
-							className: W.length === 0 ? "px-3 py-2 text-gray-500 dark:text-gray-400" : void 0,
-							children: W.length === 0 ? s : ""
+							className: K.length === 0 ? "px-3 py-2 text-gray-500 dark:text-gray-400" : void 0,
+							children: K.length === 0 ? s ?? R.noResults : ""
 						}),
 						m !== void 0 && /* @__PURE__ */ _("div", {
 							className: x("flex items-center justify-between px-3 py-2", !D && ["border-t", "border-gray-100 dark:border-gray-800"]),
 							children: [/* @__PURE__ */ g("span", {
 								className: "text-xs text-gray-500 dark:text-gray-400",
-								children: w(V.length)
+								children: (w ?? R.selectedCount)(U.length)
 							}), /* @__PURE__ */ g("button", {
 								type: "button",
-								disabled: V.length === 0,
-								onClick: we,
+								disabled: U.length === 0,
+								onClick: Se,
 								className: "text-xs font-medium text-blue-600 hover:text-blue-700 disabled:opacity-50 disabled:cursor-not-allowed dark:text-blue-400 dark:hover:text-blue-300",
-								children: u
+								children: u ?? R.clear
 							})]
 						})
 					]
@@ -2832,9 +3038,9 @@ function ui({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 }
 //#endregion
 //#region src/components/radio_options/radio_option_row.tsx
-function di({ option: e, optionId: t, descriptionId: n, name: r, orientation: i, isSelected: a, isDisabled: o, isFirstOption: s, required: c, error: l, radius: u, unstyled: d, className: f, onSelect: p }) {
+function Di({ option: e, optionId: t, descriptionId: n, name: r, orientation: i, isSelected: a, isDisabled: o, isFirstOption: s, required: c, error: l, radius: u, unstyled: d, className: f, onSelect: p }) {
 	let m = !!l;
-	return /* @__PURE__ */ g(Se, {
+	return /* @__PURE__ */ g(Te, {
 		item: e,
 		htmlFor: t,
 		descriptionId: n,
@@ -2859,7 +3065,7 @@ function di({ option: e, optionId: t, descriptionId: n, name: r, orientation: i,
 			className: "sr-only"
 		}),
 		indicator: /* @__PURE__ */ g("span", {
-			className: x("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-150", ve({
+			className: x("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-150", ye({
 				isSelected: a,
 				isError: m
 			})),
@@ -2870,8 +3076,8 @@ function di({ option: e, optionId: t, descriptionId: n, name: r, orientation: i,
 }
 //#endregion
 //#region src/components/radio_options/radio_options.tsx
-function fi({ options: e, orientation: t = "vertical", value: n, defaultValue: r, onChange: i, name: a, label: o, error: s, required: c, disabled: l, radius: u = "lg", unstyled: d = !1, className: f, wrapperClassName: p, id: m, "aria-describedby": h, ...v }) {
-	let { fieldId: y, errorId: b } = K(m), S = a ?? y, [C, w] = ye(n, r ?? ""), T = e.map((e) => typeof e == "string" ? {
+function Oi({ options: e, orientation: t = "vertical", value: n, defaultValue: r, onChange: i, name: a, label: o, error: s, required: c, disabled: l, radius: u = "lg", unstyled: d = !1, className: f, wrapperClassName: p, id: m, "aria-describedby": h, ...v }) {
+	let { fieldId: y, errorId: b } = Y(m), S = a ?? y, [C, w] = be(n, r ?? ""), T = e.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
 	} : e), E = (e) => {
@@ -2880,7 +3086,7 @@ function fi({ options: e, orientation: t = "vertical", value: n, defaultValue: r
 	return /* @__PURE__ */ _("fieldset", {
 		className: x("m-0 border-0 p-0", p),
 		disabled: l,
-		"aria-describedby": G(h, s && b),
+		"aria-describedby": q(h, s && b),
 		...v,
 		children: [
 			o && /* @__PURE__ */ _("legend", {
@@ -2892,7 +3098,7 @@ function fi({ options: e, orientation: t = "vertical", value: n, defaultValue: r
 			}),
 			/* @__PURE__ */ g("div", {
 				className: x(t === "horizontal" ? "flex flex-row gap-2" : "flex flex-col gap-2"),
-				children: T.map((e, n) => /* @__PURE__ */ g(di, {
+				children: T.map((e, n) => /* @__PURE__ */ g(Di, {
 					option: e,
 					optionId: `${y}-${n}`,
 					descriptionId: `${y}-${n}-desc`,
@@ -2909,7 +3115,7 @@ function fi({ options: e, orientation: t = "vertical", value: n, defaultValue: r
 					onSelect: E
 				}, e.value))
 			}),
-			/* @__PURE__ */ g(me, {
+			/* @__PURE__ */ g(J, {
 				id: b,
 				error: s,
 				className: "mt-2"
@@ -2919,31 +3125,33 @@ function fi({ options: e, orientation: t = "vertical", value: n, defaultValue: r
 }
 //#endregion
 //#region src/components/select/select.tsx
-function pi({ options: e, label: t, error: n, placeholder: r, radius: i = "md", unstyled: a = !1, className: o, wrapperClassName: s, value: c, defaultValue: l, onChange: u, id: d, "aria-describedby": f, ...p }) {
-	let { fieldId: m, errorId: h } = K(d);
-	return /* @__PURE__ */ g(Oe, {
-		fieldId: m,
-		errorId: h,
+function ki({ options: e, label: t, description: n, error: r, placeholder: i, radius: a = "md", unstyled: o = !1, className: s, wrapperClassName: c, value: l, defaultValue: u, onChange: d, id: f, "aria-describedby": p, ...m }) {
+	let { fieldId: h, errorId: v, descriptionId: y } = Y(f);
+	return /* @__PURE__ */ g(je, {
+		fieldId: h,
+		errorId: v,
+		descriptionId: y,
 		label: t,
-		error: n,
-		required: p.required,
-		wrapperClassName: s,
+		description: n,
+		error: r,
+		required: m.required,
+		wrapperClassName: c,
 		children: /* @__PURE__ */ _("select", {
-			id: m,
-			className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !a && [
+			id: h,
+			className: x("w-full disabled:opacity-50 disabled:cursor-not-allowed", !o && [
 				le,
-				S[i],
+				S[a],
 				"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\")]"
-			], !a && n && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), o),
-			...c === void 0 ? { defaultValue: l } : { value: c },
-			onChange: u,
-			"aria-invalid": !!n,
-			"aria-describedby": G(f, n && h),
-			...p,
-			children: [r !== void 0 && /* @__PURE__ */ g("option", {
+			], !o && r && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), s),
+			...l === void 0 ? { defaultValue: u } : { value: l },
+			onChange: d,
+			"aria-invalid": !!r,
+			"aria-describedby": q(p, !!n && y, r && v),
+			...m,
+			children: [i !== void 0 && /* @__PURE__ */ g("option", {
 				value: "",
-				children: r
+				children: i
 			}), e.map((e) => /* @__PURE__ */ g("option", {
 				value: e.value,
 				children: e.label
@@ -2953,8 +3161,8 @@ function pi({ options: e, label: t, error: n, placeholder: r, radius: i = "md",
 }
 //#endregion
 //#region src/components/switch/switch.tsx
-function mi({ label: e, description: t, error: n, unstyled: r = !1, fullWidth: i = !1, className: a, wrapperClassName: o, checked: s, defaultChecked: c = !1, onChange: l, id: u, "aria-describedby": d, ...f }) {
-	let { fieldId: p, errorId: m, descriptionId: v } = K(u), [y, b] = ye(s, c), S = G(d, !!t && v, n && m);
+function Ai({ label: e, description: t, error: n, unstyled: r = !1, fullWidth: i = !1, className: a, wrapperClassName: o, checked: s, defaultChecked: c = !1, onChange: l, id: u, "aria-describedby": d, ...f }) {
+	let { fieldId: p, errorId: m, descriptionId: v } = Y(u), [y, b] = be(s, c), S = q(d, !!t && v, n && m);
 	return /* @__PURE__ */ _("div", {
 		className: x(i ? "w-full" : "w-fit", o),
 		children: [
@@ -2994,12 +3202,12 @@ function mi({ label: e, description: t, error: n, unstyled: r = !1, fullWidth: i
 					children: "*"
 				})] }) })]
 			}),
-			/* @__PURE__ */ g(ge, {
+			/* @__PURE__ */ g(_e, {
 				id: v,
 				description: t,
 				className: "mt-1 ml-14"
 			}),
-			/* @__PURE__ */ g(me, {
+			/* @__PURE__ */ g(J, {
 				id: m,
 				error: n,
 				className: "mt-1 ml-14"
@@ -3009,9 +3217,9 @@ function mi({ label: e, description: t, error: n, unstyled: r = !1, fullWidth: i
 }
 //#endregion
 //#region src/components/tabs/tabs_styles.ts
-var hi = {
+var ji = {
 	line: {
-		list: `gap-1 border-b ${B}`,
+		list: `gap-1 border-b ${ne}`,
 		tab: "-mb-px border-b-2",
 		activeTab: "border-transparent text-gray-900 dark:text-gray-100",
 		idleTab: "border-transparent text-gray-500 dark:text-gray-400",
@@ -3024,41 +3232,41 @@ var hi = {
 		activeTab: "text-gray-900 dark:text-gray-100",
 		idleTab: "text-gray-600 dark:text-gray-400",
 		idleHover: "hover:text-gray-900 dark:hover:text-gray-100",
-		indicator: `absolute inset-0 ${z} border border-gray-200 dark:border-gray-700`
+		indicator: `absolute inset-0 ${V} border border-gray-200 dark:border-gray-700`
 	}
-}, gi = {
+}, Mi = {
 	xs: "px-2 py-1 text-xs",
 	sm: "px-3 py-1.5 text-sm",
 	md: "px-4 py-2.5 text-sm",
 	lg: "px-5 py-3 text-base"
-}, _i = {
+}, Ni = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
-}, vi = x(w, A.primary.focusOutline);
-function yi(e) {
+}, Pi = x(w, A.primary.focusOutline);
+function Fi(e) {
 	let { variant: t, radius: n, unstyled: r, isFullWidth: i, className: a } = e;
-	return x("flex items-center", i && "w-full", !r && hi[t].list, !r && t === "segmented" && S[n], a);
+	return x("flex items-center", i && "w-full", !r && ji[t].list, !r && t === "segmented" && S[n], a);
 }
-function bi(e) {
-	let { variant: t, size: n, radius: r, unstyled: i, isActive: a, isDisabled: o, isFullWidth: s, className: c } = e, l = hi[t];
+function Ii(e) {
+	let { variant: t, size: n, radius: r, unstyled: i, isActive: a, isDisabled: o, isFullWidth: s, className: c } = e, l = ji[t];
 	return x("relative flex items-center gap-2 whitespace-nowrap", s && "flex-1 justify-center", o ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !i && [
 		"font-medium transition-colors duration-200",
-		gi[n],
+		Mi[n],
 		l.tab,
 		a ? l.activeTab : [l.idleTab, !o && l.idleHover],
 		t === "segmented" && S[r],
-		vi
+		Pi
 	], c);
 }
-function xi(e) {
+function Li(e) {
 	let { variant: t, radius: n } = e;
-	return x("tabs-indicator pointer-events-none", hi[t].indicator, t === "segmented" && S[n]);
+	return x("tabs-indicator pointer-events-none", ji[t].indicator, t === "segmented" && S[n]);
 }
 //#endregion
 //#region src/components/tabs/tab_button.tsx
-function Si({ item: e, isActive: t, isTabStop: n, isFullWidth: r, variant: i, size: a, radius: o, unstyled: s, tabId: c, panelId: l, onSelect: u, onKeyDown: d, ref: f, indicatorRef: p }) {
+function Ri({ item: e, isActive: t, isTabStop: n, isFullWidth: r, variant: i, size: a, radius: o, unstyled: s, tabId: c, panelId: l, onSelect: u, onKeyDown: d, ref: f, indicatorRef: p }) {
 	let m = !!e.disabled;
 	return /* @__PURE__ */ _("button", {
 		ref: f,
@@ -3072,7 +3280,7 @@ function Si({ item: e, isActive: t, isTabStop: n, isFullWidth: r, variant: i, si
 		disabled: e.disabled,
 		onClick: u,
 		onKeyDown: d,
-		className: bi({
+		className: Ii({
 			variant: i,
 			size: a,
 			radius: o,
@@ -3085,14 +3293,14 @@ function Si({ item: e, isActive: t, isTabStop: n, isFullWidth: r, variant: i, si
 			t && !s && /* @__PURE__ */ g("span", {
 				ref: p,
 				"aria-hidden": "true",
-				className: xi({
+				className: Li({
 					variant: i,
 					radius: o
 				})
 			}),
 			e.icon && /* @__PURE__ */ g("span", {
 				"aria-hidden": "true",
-				className: x("relative shrink-0", _i[a], e.icon)
+				className: x("relative shrink-0", Ni[a], e.icon)
 			}),
 			/* @__PURE__ */ g("span", {
 				className: "relative",
@@ -3103,11 +3311,11 @@ function Si({ item: e, isActive: t, isTabStop: n, isFullWidth: r, variant: i, si
 }
 //#endregion
 //#region src/components/tabs/use_tab_indicator_transition.ts
-var Ci = 200, wi = "ease-out", Ti = "(prefers-reduced-motion: reduce)";
-function Ei() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(Ti).matches;
+var zi = 200, Bi = "ease-out", Vi = "(prefers-reduced-motion: reduce)";
+function Hi() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(Vi).matches;
 }
-function Di(e, t, n) {
+function Ui(e, t, n) {
 	e.animate([{
 		transform: `translateX(${t.left - n.left}px)`,
 		width: `${t.width}px`
@@ -3115,14 +3323,14 @@ function Di(e, t, n) {
 		transform: "none",
 		width: `${n.width}px`
 	}], {
-		duration: Ci,
-		easing: wi
+		duration: zi,
+		easing: Bi
 	});
 }
-function Oi(e, t, n) {
-	return !e || !t || !n ? !1 : !Ei();
+function Wi(e, t, n) {
+	return !e || !t || !n ? !1 : !Hi();
 }
-function ki(e) {
+function Gi(e) {
 	let { activeIndex: t, indicatorRef: n, isAnimated: r } = e, i = f(null);
 	u(() => {
 		let e = n.current;
@@ -3131,7 +3339,7 @@ function ki(e) {
 			return;
 		}
 		let t = e.getBoundingClientRect(), a = typeof e.animate == "function";
-		Oi(i.current, r, a) && Di(e, i.current, t), i.current = t;
+		Wi(i.current, r, a) && Ui(e, i.current, t), i.current = t;
 	}, [
 		t,
 		n,
@@ -3140,25 +3348,25 @@ function ki(e) {
 }
 //#endregion
 //#region src/components/tabs/use_tabs_keyboard_navigation.ts
-var Ai = {
+var Ki = {
 	ArrowRight: (e, t) => (e + 1) % t,
 	ArrowLeft: (e, t) => (e - 1 + t) % t,
 	Home: () => 0,
 	End: (e, t) => t - 1
 };
-function ji(e) {
+function qi(e) {
 	return e.flatMap((e, t) => e.disabled ? [] : [t]);
 }
-function Mi(e, t) {
+function Ji(e, t) {
 	let n = e[t];
-	return n && !n.disabled ? t : ji(e)[0] ?? -1;
+	return n && !n.disabled ? t : qi(e)[0] ?? -1;
 }
-function Ni(e) {
+function Yi(e) {
 	let { items: t, activeIndex: n, onNavigate: r } = e;
 	return (e) => {
-		let i = Ai[e.key];
+		let i = Ki[e.key];
 		if (!i) return;
-		let a = ji(t);
+		let a = qi(t);
 		if (a.length === 0) return;
 		e.preventDefault();
 		let o = i(a.indexOf(n), a.length);
@@ -3167,17 +3375,17 @@ function Ni(e) {
 }
 //#endregion
 //#region src/components/tabs/tabs.tsx
-function Pi({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", size: i = "md", radius: a = "md", fullWidth: o = !1, unstyled: s = !1, animated: c = !0, className: u, tabListClassName: d, panelClassName: p, onChange: m }) {
-	let [h, v] = ye(t, n), y = l(), b = f([]), S = f(null), C = (t) => {
+function Xi({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", size: i = "md", radius: a = "md", fullWidth: o = !1, unstyled: s = !1, animated: c = !0, className: u, tabListClassName: d, panelClassName: p, onChange: m }) {
+	let [h, v] = be(t, n), y = l(), b = f([]), S = f(null), C = (t) => {
 		e[t]?.disabled || (v(t), m?.(t));
 	}, w = (e) => {
 		b.current[e]?.focus(), C(e);
-	}, T = Mi(e, h), E = Ni({
+	}, T = Ji(e, h), E = Yi({
 		items: e,
 		activeIndex: T,
 		onNavigate: w
 	}), D = e[h];
-	return ki({
+	return Gi({
 		activeIndex: h,
 		indicatorRef: S,
 		isAnimated: c
@@ -3185,14 +3393,14 @@ function Pi({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", size
 		className: x("w-full", u),
 		children: [/* @__PURE__ */ g("div", {
 			role: "tablist",
-			className: yi({
+			className: Fi({
 				variant: r,
 				radius: a,
 				unstyled: s,
 				isFullWidth: o,
 				className: d
 			}),
-			children: e.map((e, t) => /* @__PURE__ */ g(Si, {
+			children: e.map((e, t) => /* @__PURE__ */ g(Ri, {
 				ref: (e) => {
 					b.current[t] = e;
 				},
@@ -3229,78 +3437,93 @@ function Pi({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", size
 }
 //#endregion
 //#region src/components/textarea/textarea.tsx
-function Fi({ label: e, error: t, showCharCount: n = !1, minLength: r, maxLength: i, radius: a = "md", unstyled: o = !1, className: s, wrapperClassName: c, value: l, defaultValue: u, onChange: d, id: f, "aria-describedby": p, ...m }) {
-	let { fieldId: h, errorId: v, characterCountId: y } = K(f), { length: b, trackLength: C } = er(l, u), w = n && (r !== void 0 || i !== void 0), T = (e) => {
-		C(e.target.value), d?.(e);
+function Zi({ label: e, description: t, error: n, showCharCount: r = !1, minLength: i, maxLength: a, radius: o = "md", unstyled: s = !1, className: c, wrapperClassName: l, value: u, defaultValue: d, onChange: f, id: p, "aria-describedby": m, ...h }) {
+	let { fieldId: v, errorId: y, descriptionId: b, characterCountId: C } = Y(p), { length: w, trackLength: T } = _r(u, d), E = r && (i !== void 0 || a !== void 0), D = (e) => {
+		T(e.target.value), f?.(e);
 	};
-	return /* @__PURE__ */ _(Oe, {
-		fieldId: h,
-		errorId: v,
+	return /* @__PURE__ */ _(je, {
+		fieldId: v,
+		errorId: y,
+		descriptionId: b,
 		label: e,
-		error: t,
-		required: m.required,
-		wrapperClassName: c,
+		description: t,
+		error: n,
+		required: h.required,
+		wrapperClassName: l,
 		children: [/* @__PURE__ */ g("textarea", {
-			id: h,
-			className: x("w-full min-h-[80px] resize-y disabled:opacity-50 disabled:cursor-not-allowed", !o && [
+			id: v,
+			className: x("w-full min-h-[80px] resize-y disabled:opacity-50 disabled:cursor-not-allowed", !s && [
 				le,
-				S[a],
+				S[o],
 				"px-3 py-2 text-sm"
-			], !o && t && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), s),
-			...l === void 0 ? { defaultValue: u } : { value: l },
-			minLength: r,
-			maxLength: i,
-			onChange: T,
-			"aria-invalid": !!t,
-			"aria-describedby": G(p, t && v, w && y),
-			...m
-		}), w && /* @__PURE__ */ g(ce, {
-			id: y,
-			current: b,
-			min: r,
-			max: i,
-			showMin: r !== void 0,
-			showMax: i !== void 0
+			], !s && n && x("border-red-500 dark:border-red-400", "focus:ring-red-500"), c),
+			...u === void 0 ? { defaultValue: d } : { value: u },
+			minLength: i,
+			maxLength: a,
+			onChange: D,
+			"aria-invalid": !!n,
+			"aria-describedby": q(m, !!t && b, n && y, E && C),
+			...h
+		}), E && /* @__PURE__ */ g(K, {
+			id: C,
+			current: w,
+			min: i,
+			max: a,
+			showMin: i !== void 0,
+			showMax: a !== void 0
 		})]
 	});
 }
 //#endregion
+//#region src/lib/is_webkit_gtk.ts
+var Qi = "AppleWebKit", $i = ["Linux", "X11"], ea = [
+	"Chrome",
+	"Chromium",
+	"Edg",
+	"Android",
+	"CriOS",
+	"FxiOS"
+];
+function ta(e) {
+	return !e.includes(Qi) || !$i.some((t) => e.includes(t)) ? !1 : !ea.some((t) => e.includes(t));
+}
+//#endregion
 //#region src/stores/theme_store/theme_store.ts
-var Ii = "theme";
-function Li(e) {
+var na = "theme";
+function ra(e) {
 	return e === "light" || e === "dark" || e === "system";
 }
-function Ri() {
+function ia() {
 	return globalThis.window !== void 0 && globalThis.document !== void 0;
 }
-function zi(e) {
+function aa(e) {
 	let t = window.matchMedia("(prefers-color-scheme: dark)").matches, n = e === "dark" || e === "system" && t;
 	document.documentElement.classList.toggle("dark", n);
 }
-function Bi() {
-	if (!Ri()) return "system";
-	let e = globalThis.localStorage.getItem(Ii);
-	return Li(e) ? e : "system";
+function oa() {
+	if (!ia()) return "system";
+	let e = globalThis.localStorage.getItem(na);
+	return ra(e) ? e : "system";
 }
-var Vi = Bi();
-Ri() && zi(Vi);
-var Hi = Kr((e) => ({
-	theme: Vi,
+var sa = oa();
+ia() && aa(sa);
+var ca = li((e) => ({
+	theme: sa,
 	setTheme: (t) => {
-		zi(t), Ri() && globalThis.localStorage.setItem(Ii, t), e({ theme: t });
+		aa(t), ia() && globalThis.localStorage.setItem(na, t), e({ theme: t });
 	}
 }));
-Ri() && (globalThis.addEventListener("storage", (e) => {
-	if (e.key !== Ii) return;
-	let t = Li(e.newValue) ? e.newValue : "system";
-	zi(t), Hi.setState({ theme: t });
+ia() && (globalThis.addEventListener("storage", (e) => {
+	if (e.key !== na) return;
+	let t = ra(e.newValue) ? e.newValue : "system";
+	aa(t), ca.setState({ theme: t });
 }), globalThis.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
-	Hi.getState().theme === "system" && zi("system");
+	ca.getState().theme === "system" && aa("system");
 }));
 //#endregion
 //#region src/lib/theme_transition.ts
-var Ui = 750, Wi = "ease-in-out";
-async function Gi({ theme: e, element: t, transitionDuration: n = Ui, transitionEasing: r = Wi, applyThemeCallback: i }) {
+var la = 750, ua = "ease-in-out";
+async function da({ theme: e, element: t, transitionDuration: n = la, transitionEasing: r = ua, applyThemeCallback: i }) {
 	if (!document.startViewTransition || globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches) {
 		i(e);
 		return;
@@ -3314,139 +3537,192 @@ async function Gi({ theme: e, element: t, transitionDuration: n = Ui, transition
 		pseudoElement: "::view-transition-new(root)"
 	});
 }
-function Ki(e) {
+function fa(e) {
 	return e === "light" ? "dark" : e === "dark" ? "system" : "light";
 }
 //#endregion
 //#region src/components/theme_toggle/theme_toggle.tsx
-var qi = {
+var pa = {
 	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"
-}, Ji = "i-tabler-device-desktop text-gray-400";
-function Yi(e) {
-	return `Current theme: ${e}`;
-}
-function Xi({ isTransitionEnabled: e = !0, transitionDuration: t, transitionEasing: n, size: r = "md", radius: i, variant: a, getAriaLabel: s = Yi }) {
-	let c = Hi((e) => e.theme), l = Hi((e) => e.setTheme), u = Ee(), d = f(null), p = o(async () => {
-		let r = Ki(c), i = d.current;
-		i && e ? await Gi({
+}, ma = "i-tabler-device-desktop text-gray-400";
+function ha({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: n, size: r = "md", radius: i, variant: a, getAriaLabel: s, tooltip: c }) {
+	let l = ca((e) => e.theme), u = ca((e) => e.setTheme), d = we(), p = ke(), m = f(null), h = o(async () => {
+		let r = fa(l), i = m.current, a = e ?? !ta(navigator.userAgent);
+		i && a ? await da({
 			theme: r,
 			element: i,
 			transitionDuration: t,
 			transitionEasing: n,
-			applyThemeCallback: l
-		}) : l(r);
+			applyThemeCallback: u
+		}) : u(r);
 	}, [
-		c,
+		l,
 		e,
 		t,
 		n,
-		l
-	]), m = u ? qi[c] : Ji;
-	return /* @__PURE__ */ g(Qn, {
-		ref: d,
-		icon: m,
-		"aria-label": s(c),
+		u
+	]), _ = p ? pa[l] : ma;
+	return /* @__PURE__ */ g(hr, {
+		ref: m,
+		icon: _,
+		"aria-label": (s ?? d.currentTheme)(l),
 		size: r,
 		radius: i,
 		variant: a,
+		tooltip: c,
 		onClick: () => {
-			p();
+			h();
 		}
 	});
 }
 //#endregion
-//#region src/components/tooltip/tooltip.tsx
-var Zi = 8, Qi = 8, $i = {
-	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"
-}, ea = {
-	top: "bottom",
-	bottom: "top",
-	left: "right",
-	right: "left"
+//#region src/components/toolbar/toolbar_items.ts
+var ga = [
+	"a[href]",
+	"button",
+	"input:not([type=\"hidden\"])",
+	"select",
+	"textarea",
+	"summary",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	"[tabindex]"
+].join(", "), _a = [
+	"textarea",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	`input:not(${[
+		"button",
+		"checkbox",
+		"color",
+		"file",
+		"image",
+		"radio",
+		"range",
+		"reset",
+		"submit"
+	].map((e) => `[type="${e}"]`).join(", ")})`
+].join(", ");
+function va(e) {
+	return e.matches(":disabled, [aria-disabled=\"true\"]");
+}
+function ya(e) {
+	return Array.from(e.querySelectorAll(ga));
+}
+function ba(e) {
+	return ya(e).filter((e) => !va(e));
+}
+function xa(e) {
+	return e instanceof HTMLElement && e.matches(_a);
+}
+//#endregion
+//#region src/components/toolbar/toolbar_navigation.ts
+var Sa = (e, t) => (e + 1) % t, Ca = (e, t) => (e - 1 + t) % t, wa = () => 0, Ta = (e, t) => t - 1, Ea = {
+	horizontal: {
+		ArrowRight: Sa,
+		ArrowLeft: Ca,
+		Home: wa,
+		End: Ta
+	},
+	vertical: {
+		ArrowDown: Sa,
+		ArrowUp: Ca,
+		Home: wa,
+		End: Ta
+	}
 };
-function ta({ content: e, children: t, position: r = "top", showOnClick: i = !1, temporaryContent: s, temporaryDuration: u = 2e3, disabled: d = !1, radius: m = "lg", onTemporaryShow: v, className: b, ref: C }) {
-	let { isMounted: w, isVisible: T, setIsVisible: E, open: D, close: O } = Rn(), [k, A] = p(!1), j = l(), M = f(null), N = f(void 0), { refs: P, floatingStyles: F, placement: I, middlewareData: ee, isPositioned: L } = bn({
-		placement: r,
-		open: w,
-		whileElementsMounted: ln,
-		middleware: [
-			Sn(Zi),
-			wn(),
-			Cn({ padding: 8 }),
-			Tn({ element: M })
-		]
-	}), te = I.split("-")[0];
-	zn(w, L, E);
-	let ne = o((e) => ir(P.setReference, C)(e), [P, C]), R = o(() => {
-		A(!1), O();
-	}, [O]), re = () => {
-		!d && s && (A(!0), D(L), clearTimeout(N.current), N.current = setTimeout(R, u), v?.());
-	}, z = () => {
-		d || D(L);
-	}, B = o(() => {
-		clearTimeout(N.current), R();
-	}, [R]);
-	c(() => () => clearTimeout(N.current), []), c(() => {
-		if (!w) return;
-		let e = (e) => {
-			e.key === "Escape" && B();
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [w, B]);
-	let ie = w && !d, V = k && s ? s : e, H = {
-		onClick: (e) => {
-			i && s && re(), a(t) && t.props.onClick?.(e);
+function Da(e) {
+	let { key: t, orientation: n, currentPosition: r, itemCount: i } = e, a = Ea[n][t];
+	if (a && i !== 0) return a(r, i);
+}
+//#endregion
+//#region src/components/toolbar/use_toolbar_roving_focus.ts
+var Oa = ["disabled", "aria-disabled"];
+function ka(e, t) {
+	let n = f(null), r = o(() => {
+		let t = e.current;
+		if (!t) return;
+		let r = ba(t), i = n.current, a = i && r.includes(i) ? i : r[0];
+		for (let e of ya(t)) e.tabIndex = e === a ? 0 : -1;
+	}, [e]);
+	return c(() => {
+		let t = e.current;
+		if (!t) return;
+		r();
+		let n = new MutationObserver(r);
+		return n.observe(t, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: Oa
+		}), () => n.disconnect();
+	}, [e, r]), {
+		handleFocus: (t) => {
+			let i = e.current;
+			if (!i) return;
+			let a = ba(i).find((e) => e === t.target);
+			a && (n.current = a, r());
 		},
-		"aria-describedby": G(a(t) ? t.props["aria-describedby"] : void 0, ie && j)
-	}, ae = a(t) ? n(t, H) : t, oe = ee.arrow?.x, U = ee.arrow?.y, se = ea[te];
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("span", {
-		ref: ne,
-		className: x("inline-block", b),
-		onMouseEnter: z,
-		onMouseLeave: B,
-		onFocus: z,
-		onBlur: B,
-		children: [ae, s !== void 0 && /* @__PURE__ */ g("span", {
-			role: "status",
-			className: "sr-only",
-			children: k ? s : null
-		})]
-	}), ie && y(/* @__PURE__ */ g("div", {
-		ref: P.setFloating,
-		style: F,
-		className: "z-50 inline-block pointer-events-none",
-		children: /* @__PURE__ */ _("div", {
-			id: j,
-			role: "tooltip",
-			"data-state": T ? "open" : "closed",
-			className: x("px-3 py-1.5 text-sm whitespace-nowrap", "text-white dark:text-gray-900 bg-gray-900 dark:bg-gray-100 shadow-lg", "transition-[opacity,transform] duration-150 ease-out", T ? "opacity-100" : "opacity-0", $i[te], S[m]),
-			children: [V, /* @__PURE__ */ g("div", {
-				ref: M,
-				style: {
-					position: "absolute",
-					width: `${Qi}px`,
-					height: `${Qi}px`,
-					left: oe === void 0 ? void 0 : `${oe}px`,
-					top: U === void 0 ? void 0 : `${U}px`,
-					[se]: `-${Qi / 2}px`
-				},
-				className: "rotate-45 bg-gray-900 dark:bg-gray-100"
-			})]
+		handleKeyDown: (n) => {
+			let r = e.current;
+			if (!r || xa(n.target)) return;
+			let i = ba(r), a = Da({
+				key: n.key,
+				orientation: t,
+				currentPosition: i.findIndex((e) => e === n.target),
+				itemCount: i.length
+			});
+			a !== void 0 && (n.preventDefault(), i[a].focus());
+		}
+	};
+}
+//#endregion
+//#region src/components/toolbar/toolbar.tsx
+var Aa = {
+	horizontal: "flex items-center gap-1",
+	vertical: "flex flex-col items-stretch gap-1"
+};
+function ja(e) {
+	let { orientation: t = "horizontal", unstyled: n = !1, className: r, ref: i, onFocus: a, onKeyDown: o, ...s } = e, c = f(null), { handleFocus: l, handleKeyDown: u } = ka(c, t);
+	return /* @__PURE__ */ g("div", {
+		...s,
+		ref: se(c, i),
+		role: "toolbar",
+		"aria-orientation": t,
+		className: x(!n && Aa[t], r),
+		onFocus: (e) => {
+			l(e), a?.(e);
+		},
+		onKeyDown: (e) => {
+			o?.(e), !e.defaultPrevented && u(e);
+		}
+	});
+}
+//#endregion
+//#region src/components/ui_provider/ui_provider.tsx
+function Ma(e = {}) {
+	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
+}
+function Na({ labels: e, announceFieldErrors: t, children: n }) {
+	let r = s(Ce), i = he(), a = d(() => ({
+		...r,
+		...Ma(e)
+	}), [r, e]);
+	return /* @__PURE__ */ g(Ce.Provider, {
+		value: a,
+		children: /* @__PURE__ */ g(me.Provider, {
+			value: t ?? i,
+			children: n
 		})
-	}), document.body)] });
+	});
 }
 //#endregion
 //#region src/hooks/use_is_client/with_client_only.tsx
-var na = (e) => {
+var Pa = (e) => {
 	function t(t) {
-		return Ee() ? /* @__PURE__ */ g(e, { ...t }) : null;
+		return ke() ? /* @__PURE__ */ g(e, { ...t }) : null;
 	}
 	return t;
 };
 //#endregion
-export { I as Avatar, le as BASE_INPUT_STYLES, L as Badge, R as Button, U as Card, ce as CharacterCount, xe as Checkbox, Te as CheckboxOptions, De as ClientOnly, Me as Combobox, $r as ConfirmModal, Un as ContextMenu, Kn as CopyButton, Yn as Highlight, Qn as IconButton, tr as Input, rr as Kbd, sr as Menu, cr as MenuGroup, yr as MenuItem, br as MenuSeparator, ni as Modal, ri as ModalFooter, ii as ModalProvider, ui as MultiCombobox, fi as RadioOptions, pi as Select, mi as Switch, Pi as Tabs, Fi as Textarea, Xi as ThemeToggle, ta as Tooltip, qn as splitIntoHighlightSegments, Yr as useDisableHotkeysWhileMounted, qr as useGlobalHotkeysStore, Ee as useIsClient, Hi as useThemeStore, na as withClientOnly };
+export { I as Avatar, le as BASE_INPUT_STYLES, R as Badge, te as Button, ae as Card, K as CharacterCount, Se as Checkbox, Oe as CheckboxOptions, Ae as ClientOnly, Fe as Combobox, gi as ConfirmModal, Yn as ContextMenu, Qn as CopyButton, tr as Highlight, hr as IconButton, vr as Input, br as Kbd, Cr as Menu, wr as MenuGroup, Fr as MenuItem, Ir as MenuSeparator, vi as Modal, yi as ModalFooter, bi as ModalProvider, Ei as MultiCombobox, Oi as RadioOptions, ki as Select, Ai as Switch, Xi as Tabs, Zi as Textarea, ha as ThemeToggle, ja as Toolbar, dr as Tooltip, Na as UIProvider, $n as splitIntoHighlightSegments, fi as useDisableHotkeysWhileMounted, ui as useGlobalHotkeysStore, ke as useIsClient, ca as useThemeStore, Pa as withClientOnly };