@minimalstuff/ui 4.3.2 → 4.3.3

package/dist/minimalstuff-ui.js

@@ -294,7 +294,7 @@ function q(...e) {
 // src/components/shared/option_card_styles.ts
 function xe(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", w, n ? E : T, !a && [
+	return x("relative flex cursor-pointer items-start gap-3 transition-colors duration-150", w, n ? E : T, !a && [
 		j[i],
 		"border px-3 py-2.5",
 		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")
@@ -1827,7 +1827,7 @@ function Qn({ children: e, items: t, radius: n = "md", className: r, ref: i, "ar
 	});
 	Jn(c, v, u);
 	let y = o(() => {
-		p(), s.current?.focus();
+		p(), s.current?.focus({ preventScroll: !0 });
 	}, [p]);
 	return /* @__PURE__ */ _("div", {
 		ref: i,
@@ -2317,7 +2317,7 @@ function ii({ isEnded: e, onDismiss: t, dismissible: n, initialFocusRef: r, init
 	}, [s, e]), c(() => {
 		if (!e) return;
 		let t = m.current;
-		(t?.isConnected ? t : a?.())?.focus();
+		(t?.isConnected ? t : a?.())?.focus({ preventScroll: !0 });
 	}, [e, a]), ri(u, {
 		isEnded: e,
 		onDismiss: t,
@@ -2338,7 +2338,7 @@ function ii({ isEnded: e, onDismiss: t, dismissible: n, initialFocusRef: r, init
 		}
 	};
 }
-// node_modules/.pnpm/zustand@5.0.15_@types+react@19.3.0_react@19.3.1_use-sync-external-store@1.7.0_react@19.3.1_/node_modules/zustand/esm/vanilla.mjs
+// node_modules/.pnpm/zustand@5.0.16_@types+react@19.3.0_react@19.3.1_use-sync-external-store@1.7.0_react@19.3.1_/node_modules/zustand/esm/vanilla.mjs
 var ai = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
@@ -2355,7 +2355,7 @@ var ai = (e) => {
 	return a;
 }, oi = ((e) => e ? ai(e) : ai), si = (e) => e;
 function ci(e, n = si) {
-	let r = t.useSyncExternalStore(e.subscribe, t.useCallback(() => n(e.getState()), [e, n]), t.useCallback(() => n(e.getInitialState()), [e, n]));
+	let r = t.useSyncExternalStore(e.subscribe, t.useCallback(() => n(e.getState()), [e, n]), () => n(e.getInitialState()));
 	return t.useDebugValue(r), r;
 }
 var li = (e) => {
@@ -2533,7 +2533,7 @@ function Ti({ trigger: e, children: t, side: r = "bottom", align: i = "start", r
 	});
 	Jn(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(), d.current?.querySelector("button, [href], [tabindex]")?.focus({ preventScroll: !0 });
 	}, [C]), j = o((e) => we(w.setReference, d, u)(e), [w, u]), M = {
 		id: O,
 		onClick: (t) => {
@@ -2573,16 +2573,16 @@ function Ei({ label: e, children: t, unstyled: n = !1, className: r, wrapperClas
 		children: [/* @__PURE__ */ g("div", {
 			id: a,
 			role: "presentation",
-			className: x(!n && "px-4 py-1.5 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400", r),
+			className: x(!n && "px-3 pt-2 pb-1 text-xs font-medium text-gray-500 dark:text-gray-400", r),
 			children: e
 		}), t]
 	});
 }
 // src/components/menu_item/menu_item_content.tsx
-var Di = ({ icon: e, children: t }) => /* @__PURE__ */ _(h, { children: [e && /* @__PURE__ */ g("div", {
-	className: x(e, "h-4 w-4 flex-shrink-0"),
+var Di = ({ icon: e, danger: t = !1, children: n }) => /* @__PURE__ */ _(h, { children: [e && /* @__PURE__ */ g("span", {
+	className: x(e, "h-4 w-4 flex-shrink-0", !t && "text-gray-500 dark:text-gray-400"),
 	"aria-hidden": "true"
-}), t] });
+}), n] });
 // src/components/menu_item/menu_item_end.tsx
 function Oi({ trailing: e, selected: t }) {
 	let n = t !== void 0;
@@ -2592,23 +2592,26 @@ function Oi({ trailing: e, selected: t }) {
 			className: "text-xs text-gray-500 dark:text-gray-400",
 			children: e
 		}), n && /* @__PURE__ */ g("span", {
-			className: x("i-mdi-check h-4 w-4", !t && "invisible"),
+			className: x("i-mdi-check h-4 w-4 text-blue-600 dark:text-blue-400", !t && "invisible"),
 			"aria-hidden": "true"
 		})]
 	});
 }
 // src/components/menu_item/menu_item_styles.ts
-var ki = [
-	"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",
-	D
-];
-function Ai(e, t, n) {
-	return x(ki, e, t ? "text-red-700 dark:text-red-300" : "text-gray-700 dark:text-gray-300", n);
+var ki = ["flex w-full cursor-pointer items-center gap-2 whitespace-nowrap px-3 py-2 text-left text-sm transition-colors", D], Ai = {
+	default: "text-gray-900 dark:text-gray-100 focus-visible:bg-blue-50 dark:focus-visible:bg-blue-900/40",
+	danger: "text-red-700 dark:text-red-400 focus-visible:bg-red-50 dark:focus-visible:bg-red-950/40"
+};
+function ji(e, t, n, r) {
+	let i = n ? "danger" : "default";
+	return x(ki, Ai[i], e[i], t, r);
 }
 // src/components/menu_item/menu_item_button.tsx
-var ji = ["hover:enabled:bg-gray-100 dark:hover:enabled:bg-gray-700", "disabled:cursor-not-allowed disabled:opacity-50"];
-function Mi({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, disabled: a = !1, children: o, className: s, ref: c }) {
+var Mi = {
+	default: "hover:enabled:bg-gray-50 dark:hover:enabled:bg-gray-800/60",
+	danger: "hover:enabled:bg-red-50 dark:hover:enabled:bg-red-950/40"
+}, Ni = ["disabled:cursor-not-allowed disabled:opacity-50"];
+function Pi({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, disabled: a = !1, children: o, className: s, ref: c }) {
 	let l = Rn();
 	return /* @__PURE__ */ _("button", {
 		ref: c,
@@ -2620,9 +2623,10 @@ function Mi({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, dis
 			e.stopPropagation(), n(e), l?.();
 		},
 		disabled: a,
-		className: Ai(ji, i, s),
+		className: ji(Mi, Ni, i, s),
 		children: [/* @__PURE__ */ g(Di, {
 			icon: e,
+			danger: i,
 			children: o
 		}), /* @__PURE__ */ g(Oi, {
 			trailing: t,
@@ -2631,8 +2635,11 @@ function Mi({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, dis
 	});
 }
 // src/components/menu_item/menu_item_link.tsx
-var Ni = "_blank", Pi = "noopener noreferrer", Fi = ["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 Ii({ icon: e, trailing: t, href: n, target: r, rel: i, danger: a = !1, disabled: o = !1, children: s, className: c, ref: l }) {
+var Fi = "_blank", Ii = "noopener noreferrer", Li = {
+	default: "hover:bg-gray-50 dark:hover:bg-gray-800/60",
+	danger: "hover:bg-red-50 dark:hover:bg-red-950/40"
+}, Ri = ["no-underline", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"];
+function zi({ icon: e, trailing: t, href: n, target: r, rel: i, danger: a = !1, disabled: o = !1, children: s, className: c, ref: l }) {
 	let u = Rn();
 	return /* @__PURE__ */ _("a", {
 		ref: l,
@@ -2640,28 +2647,29 @@ function Ii({ icon: e, trailing: t, href: n, target: r, rel: i, danger: a = !1,
 		tabIndex: -1,
 		href: o ? void 0 : n,
 		target: r,
-		rel: i ?? (r === Ni ? Pi : void 0),
+		rel: i ?? (r === Fi ? Ii : void 0),
 		"aria-disabled": o || void 0,
 		onClick: (e) => {
 			e.stopPropagation(), u?.();
 		},
-		className: Ai(Fi, a, c),
+		className: ji(Li, Ri, a, c),
 		children: [/* @__PURE__ */ g(Di, {
 			icon: e,
+			danger: a,
 			children: s
 		}), /* @__PURE__ */ g(Oi, { trailing: t })]
 	});
 }
 // src/components/menu_item/menu_item.tsx
-function Li(e) {
-	return e.href === void 0 ? /* @__PURE__ */ g(Mi, { ...e }) : /* @__PURE__ */ g(Ii, { ...e });
+function Bi(e) {
+	return e.href === void 0 ? /* @__PURE__ */ g(Pi, { ...e }) : /* @__PURE__ */ g(zi, { ...e });
 }
 // src/components/menu_separator/menu_separator.tsx
-var Ri = ({ unstyled: e = !1, className: t }) => /* @__PURE__ */ g("hr", {
+var Vi = ({ unstyled: e = !1, className: t }) => /* @__PURE__ */ g("hr", {
 	"aria-orientation": "horizontal",
-	className: x("w-full", !e && ["my-1 border-0 border-t", "border-gray-200 dark:border-gray-700"], t)
-}), zi = [];
-function Bi() {
+	className: x("w-full", !e && ["my-1 border-0 border-t", "border-gray-100 dark:border-gray-800"], t)
+}), Hi = [];
+function Ui() {
 	let e = 0, t = [], n = null, r = /* @__PURE__ */ new Set(), i = () => {
 		for (let e of r) e(t);
 	};
@@ -2682,7 +2690,7 @@ function Bi() {
 			r.delete(i), r.size || (e = 0, t = [], n = null);
 		}),
 		getSnapshot: () => t,
-		getServerSnapshot: () => zi,
+		getServerSnapshot: () => Hi,
 		getListenersSize: () => r.size,
 		getUpsertPromise: () => n,
 		setUpsertPromise: (e) => {
@@ -2690,9 +2698,9 @@ function Bi() {
 		}
 	};
 }
-var Vi = /* @__PURE__ */ new Map();
-function Hi(e, t = 0) {
-	let n = { current: Bi() }, r = (e) => (r) => {
+var Wi = /* @__PURE__ */ new Map();
+function Gi(e, t = 0) {
+	let n = { current: Ui() }, r = (e) => (r) => {
 		let i = /* @__PURE__ */ new Set();
 		n.current.set(e, (e) => (e.resolve(r), i.add(e.promise), {
 			...e,
@@ -2778,47 +2786,47 @@ function Hi(e, t = 0) {
 			set: (r) => {
 				if (t || (e = r, !r)) return;
 				t = !0;
-				let i = Vi.get(r);
-				i ? n.current = i : Vi.set(r, n.current);
+				let i = Wi.get(r);
+				i ? n.current = i : Wi.set(r, n.current);
 			}
 		});
 	}
 	return d;
 }
 // src/components/modal/confirm_modal_title.tsx
-var Ui = {
+var Ki = {
 	danger: "i-mdi-alert-circle",
 	primary: "i-mdi-help-circle",
 	success: "i-mdi-check-circle"
-}, Wi = {
+}, qi = {
 	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 Gi({ title: e, color: t }) {
+function Ji({ 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", Wi[t]),
+			className: x("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", qi[t]),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ g("span", { className: x(Ui[t], "h-5 w-5") })
+			children: /* @__PURE__ */ g("span", { className: x(Ki[t], "h-5 w-5") })
 		}), e]
 	});
 }
 // src/components/modal/modal_shell.tsx
-var Ki = {
+var Yi = {
 	sm: "max-w-md",
 	md: "max-w-lg",
 	lg: "max-w-2xl",
 	xl: "max-w-4xl"
-}, qi = {
+}, Xi = {
 	auto: "",
 	fixed: "ms-modal-height-fixed"
-}, Ji = {
+}, Zi = {
 	auto: "overflow-y-auto",
 	fixed: "overflow-hidden flex flex-col"
 };
-function Yi({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size: a = "md", height: o = "auto", radius: s = "xl", className: c, dismissible: u = !0, closeLabel: d, role: f = "dialog", initialFocusRef: p, "aria-label": m }) {
+function Qi({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size: a = "md", height: o = "auto", radius: s = "xl", className: c, dismissible: u = !0, closeLabel: d, role: f = "dialog", initialFocusRef: p, "aria-label": m }) {
 	let h = l(), v = l(), { dialogRef: b, contentRef: S, footerSlot: C, setFooterSlot: w, isVisible: T, handleBackdropClick: E, handleBackdropMouseDown: D } = ii({
 		isEnded: e,
 		onDismiss: t,
@@ -2840,7 +2848,7 @@ function Yi({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 			"aria-label": n ? void 0 : m,
 			"aria-describedby": O ? v : void 0,
 			tabIndex: -1,
-			className: x("relative w-full", Ki[a], qi[o], W, G, "shadow-2xl", j[s], "ms-modal-max-height overflow-hidden flex flex-col", "transition-all duration-200 ease-out", "focus:outline-none", T ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
+			className: x("relative w-full", Yi[a], Xi[o], W, G, "shadow-2xl", j[s], "ms-modal-max-height overflow-hidden flex flex-col", "transition-all duration-200 ease-out", "focus:outline-none", T ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				n && /* @__PURE__ */ g(Dr, {
@@ -2853,7 +2861,7 @@ function Yi({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 				/* @__PURE__ */ g("div", {
 					ref: S,
 					id: O ? v : void 0,
-					className: x("flex-1 px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400 min-h-0", Ji[o], !n && "pt-6", c),
+					className: x("flex-1 px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400 min-h-0", Zi[o], !n && "pt-6", c),
 					children: /* @__PURE__ */ g(fr.Provider, {
 						value: C,
 						children: r
@@ -2868,7 +2876,7 @@ function Yi({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 	}), document.body);
 }
 // src/components/modal/confirm_modal.tsx
-var Xi = Hi(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i, confirmColor: a, radius: o, closeLabel: s, onConfirm: c, onError: l }) => {
+var $i = Gi(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i, confirmColor: a, radius: o, closeLabel: s, onConfirm: c, onError: l }) => {
 	pi();
 	let [u, d] = p(!1), m = f(null), v = () => e.end(!1), y = async () => {
 		if (!c) e.end(!0);
@@ -2881,10 +2889,10 @@ var Xi = Hi(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i,
 			}
 		}
 	}, b = Ae(), x = r ?? b.confirm, S = i ?? b.cancel, C = a ?? "primary";
-	return /* @__PURE__ */ g(Yi, {
+	return /* @__PURE__ */ g(Qi, {
 		isEnded: e.ended,
 		onDismiss: v,
-		title: /* @__PURE__ */ g(Gi, {
+		title: /* @__PURE__ */ g(Ji, {
 			title: t,
 			color: C
 		}),
@@ -2914,10 +2922,10 @@ var Xi = Hi(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i,
 	});
 }, 200);
 // src/components/modal/modal.tsx
-function Zi(e, t) {
+function ea(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var Qi = Hi(({ call: e, title: t, children: n, size: r, height: i, radius: a, className: o, dismissible: s, closeLabel: c, role: l, initialFocusRef: u, "aria-label": d }) => {
+var ta = Gi(({ call: e, title: t, children: n, size: r, height: i, radius: a, className: o, dismissible: s, closeLabel: c, role: l, initialFocusRef: u, "aria-label": d }) => {
 	pi();
 	let { dismiss: f, registry: p } = kr({
 		onDismiss: () => e.end(),
@@ -2925,7 +2933,7 @@ var Qi = Hi(({ call: e, title: t, children: n, size: r, height: i, radius: a, cl
 	});
 	return /* @__PURE__ */ g(ur.Provider, {
 		value: p,
-		children: /* @__PURE__ */ g(Yi, {
+		children: /* @__PURE__ */ g(Qi, {
 			isEnded: e.ended,
 			onDismiss: f,
 			title: t,
@@ -2938,17 +2946,17 @@ var Qi = Hi(({ call: e, title: t, children: n, size: r, height: i, radius: a, cl
 			role: l,
 			initialFocusRef: u,
 			"aria-label": d,
-			children: Zi(n, f)
+			children: ea(n, f)
 		})
 	});
 }, 200);
 // src/components/modal/modal_footer.tsx
-function $i({ children: e }) {
+function na({ children: e }) {
 	let t = s(fr);
 	return t ? y(e, t) : null;
 }
 // src/components/modal/use_dismiss_guard.ts
-function ea(e, t = !0) {
+function ra(e, t = !0) {
 	let n = s(ur), r = f(e);
 	if (u(() => {
 		r.current = e;
@@ -2957,18 +2965,18 @@ function ea(e, t = !0) {
 	}, [n, t]), !n) throw Error("useDismissGuard must be used inside a Modal or a Drawer");
 }
 // src/components/modal_provider/modal_provider.tsx
-function ta() {
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Qi, {}), /* @__PURE__ */ g(Xi, {})] });
+function ia() {
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ta, {}), /* @__PURE__ */ g($i, {})] });
 }
 // src/components/multi_combobox/multi_combobox.tsx
-var na = 2;
-function ra(e, t, n, r) {
+var aa = 2;
+function oa(e, t, n, r) {
 	return r?.(e, t) ? !0 : n === void 0 || t.includes(e) ? !1 : t.length >= n;
 }
-function ia(e, t) {
+function sa(e, t) {
 	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
 }
-function aa(e, t) {
+function ca(e, t) {
 	if (e.length <= t) return {
 		visibleOptions: e,
 		hiddenCount: 0
@@ -2979,8 +2987,8 @@ function aa(e, t) {
 		hiddenCount: e.length - n
 	};
 }
-var oa = "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 sa({ 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 = na, formatOverflowCount: b, formatSelectedCount: S, formatMaxSelectedHint: C, radius: w = "sm", unstyled: T = !1, disabled: E = !1, required: D = !1, className: k, wrapperClassName: A, values: N, defaultValues: P = [], onChange: F, onDropdownClose: I, id: L }) {
+var la = "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 ua({ 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 = aa, formatOverflowCount: b, formatSelectedCount: S, formatMaxSelectedHint: C, radius: w = "sm", unstyled: T = !1, disabled: E = !1, required: D = !1, className: k, wrapperClassName: A, values: N, defaultValues: P = [], onChange: F, onDropdownClose: I, id: L }) {
 	let R = Ae(), { fieldId: z, errorId: ee, labelId: te } = J(L), B = `${z}-listbox`, V = `${z}-max-hint`, ne = f(null), H = f(null), re = f(null), [U, W] = Ce(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;
@@ -2988,7 +2996,7 @@ function sa({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 		optionCount: K.length,
 		getOptionId: (e) => `${B}-option-${e}`,
 		isOpen: G
-	}), me = d(() => e.filter((e) => U.includes(e.value)), [e, U]), { visibleOptions: he, hiddenCount: ge } = aa(me, y), _e = () => {
+	}), me = d(() => e.filter((e) => U.includes(e.value)), [e, U]), { visibleOptions: he, hiddenCount: ge } = ca(me, y), _e = () => {
 		E || oe(!0);
 	}, ve = o(() => {
 		oe(!1), ae(""), pe(), I?.(U);
@@ -2999,8 +3007,8 @@ function sa({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 	]), ye = () => {
 		G ? ve() : _e();
 	}, be = (e) => {
-		if (ra(e, U, m, v)) return;
-		let t = ia(U, e);
+		if (oa(e, U, m, v)) return;
+		let t = sa(U, e);
 		W(t), F?.(t);
 	}, q = () => {
 		W([]), F?.([]);
@@ -3076,10 +3084,10 @@ function sa({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 						className: x(!T && "text-gray-500 dark:text-gray-400"),
 						children: i
 					}) : /* @__PURE__ */ _(h, { children: [he.map((e) => /* @__PURE__ */ g("span", {
-						className: x(!T && oa),
+						className: x(!T && la),
 						children: e.label
 					}, e.value)), ge > 0 && /* @__PURE__ */ g("span", {
-						className: x(!T && oa),
+						className: x(!T && la),
 						children: (b ?? R.overflowCount)(ge)
 					})] })
 				}),
@@ -3135,7 +3143,7 @@ function sa({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 							"aria-multiselectable": !0,
 							className: x("max-h-60 overflow-auto py-1", "[scrollbar-width:thin] [scrollbar-color:theme(colors.gray.300)_transparent] hover:[scrollbar-color:theme(colors.gray.400)_transparent] dark:[scrollbar-color:theme(colors.gray.600)_transparent] dark:hover:[scrollbar-color:theme(colors.gray.500)_transparent]"),
 							children: K.map((e, t) => {
-								let n = U.includes(e.value), r = ra(e.value, U, m, v);
+								let n = U.includes(e.value), r = oa(e.value, U, m, v);
 								return /* @__PURE__ */ _("li", {
 									id: `${B}-option-${t}`,
 									role: "option",
@@ -3189,7 +3197,7 @@ function sa({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 	});
 }
 // src/components/radio_options/radio_option_row.tsx
-function ca({ 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 da({ 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(De, {
 		item: e,
@@ -3225,7 +3233,7 @@ function ca({ option: e, optionId: t, descriptionId: n, name: r, orientation: i,
 	});
 }
 // src/components/radio_options/radio_options.tsx
-function la({ 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 }) {
+function fa({ 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 } = J(m), S = a ?? y, [C, w] = Ce(n, r ?? ""), T = e.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
@@ -3249,7 +3257,7 @@ function la({ 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(ca, {
+				children: T.map((e, n) => /* @__PURE__ */ g(da, {
 					option: e,
 					optionId: `${y}-${n}`,
 					descriptionId: `${y}-${n}-desc`,
@@ -3275,7 +3283,7 @@ function la({ options: e, orientation: t = "vertical", value: n, defaultValue: r
 	});
 }
 // src/components/select/select.tsx
-function ua({ 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 }) {
+function pa({ 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 } = J(f);
 	return /* @__PURE__ */ g(Fe, {
 		fieldId: h,
@@ -3310,7 +3318,7 @@ function ua({ options: e, label: t, description: n, error: r, placeholder: i, ra
 	});
 }
 // src/components/switch/switch.tsx
-function da({ 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 }) {
+function ma({ 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 } = J(u), [y, b] = Ce(s, c), S = q(d, !!t && v, n && m);
 	return /* @__PURE__ */ _("div", {
 		className: x(i ? "w-full" : "w-fit", o),
@@ -3365,11 +3373,11 @@ function da({ label: e, description: t, error: n, unstyled: r = !1, fullWidth: i
 	});
 }
 // src/components/tabs/tabs_styles.ts
-var fa = {
+var ha = {
 	list: "gap-1 p-1 bg-gray-100 dark:bg-gray-800/50",
 	tab: "",
 	indicator: `absolute inset-0 ${H} border border-gray-200 dark:border-gray-700`
-}, pa = {
+}, ga = {
 	line: {
 		activeTab: "border-transparent text-gray-900 dark:text-gray-100",
 		idleTab: "border-transparent text-gray-500 dark:text-gray-400",
@@ -3392,52 +3400,52 @@ var fa = {
 		idleTab: "text-gray-600 dark:text-gray-400",
 		idleHover: "hover:text-gray-900 dark:hover:text-gray-100",
 		byOrientation: {
-			horizontal: fa,
-			vertical: fa
+			horizontal: ha,
+			vertical: ha
 		}
 	}
-}, ma = {
+}, _a = {
 	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"
-}, ha = {
+}, va = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
-}, ga = {
+}, ya = {
 	horizontal: x(S, O.primary.focusOutline),
 	vertical: x("outline-hidden focus-visible:outline-2", "focus-visible:-outline-offset-2", O.primary.focusOutline)
-}, _a = "items-center", va = x("flex-col items-stretch min-h-0 overflow-y-auto overflow-x-hidden", ae), ya = "w-48 shrink-0", ba = "justify-start text-left whitespace-normal", xa = "whitespace-nowrap", Sa = "flex min-h-0", Ca = x("flex-1 min-w-0 min-h-0 overflow-y-auto", ae), wa = "ml-6", Ta = "mt-4";
-function Ea(e, t) {
-	return x("w-full", e === "vertical" && Sa, t);
+}, ba = "items-center", xa = x("flex-col items-stretch min-h-0 overflow-y-auto overflow-x-hidden", ae), Sa = "w-48 shrink-0", Ca = "justify-start text-left whitespace-normal", wa = "whitespace-nowrap", Ta = "flex min-h-0", Ea = x("flex-1 min-w-0 min-h-0 overflow-y-auto", ae), Da = "ml-6", Oa = "mt-4";
+function ka(e, t) {
+	return x("w-full", e === "vertical" && Ta, t);
 }
-function Da(e) {
+function Aa(e) {
 	let { orientation: t, unstyled: n, className: r } = e, i = t === "vertical";
-	return x(i && Ca, !n && [i ? wa : Ta, ga[t]], r);
+	return x(i && Ea, !n && [i ? Da : Oa, ya[t]], r);
 }
-function Oa(e) {
+function ja(e) {
 	let { variant: t, orientation: n, radius: r, unstyled: i, isFullWidth: a, className: o } = e, s = n === "vertical";
-	return x("flex", s ? va : _a, !s && a && "w-full", !i && s && ya, !i && pa[t].byOrientation[n].list, !i && t === "segmented" && j[r], o);
+	return x("flex", s ? xa : ba, !s && a && "w-full", !i && s && Sa, !i && ga[t].byOrientation[n].list, !i && t === "segmented" && j[r], o);
 }
-function ka(e) {
-	let { variant: t, orientation: n, size: r, radius: i, unstyled: a, isActive: o, isDisabled: s, isFullWidth: c, className: l } = e, u = n === "vertical", d = pa[t];
-	return x("relative flex items-center gap-2", u ? ba : xa, !u && c && "flex-1 justify-center", s ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !a && [
+function Ma(e) {
+	let { variant: t, orientation: n, size: r, radius: i, unstyled: a, isActive: o, isDisabled: s, isFullWidth: c, className: l } = e, u = n === "vertical", d = ga[t];
+	return x("relative flex items-center gap-2", u ? Ca : wa, !u && c && "flex-1 justify-center", s ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !a && [
 		"font-medium transition-colors duration-200",
-		ma[r],
+		_a[r],
 		d.byOrientation[n].tab,
 		o ? d.activeTab : [d.idleTab, !s && d.idleHover],
 		t === "segmented" && j[i],
-		ga[n]
+		ya[n]
 	], l);
 }
-function Aa(e) {
+function Na(e) {
 	let { variant: t, orientation: n, radius: r } = e;
-	return x("tabs-indicator pointer-events-none", pa[t].byOrientation[n].indicator, t === "segmented" && j[r]);
+	return x("tabs-indicator pointer-events-none", ga[t].byOrientation[n].indicator, t === "segmented" && j[r]);
 }
 // src/components/tabs/tab_button.tsx
-function ja({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidth: i, variant: a, orientation: o, size: s, radius: c, unstyled: l, tabId: u, panelId: d, onSelect: f, onKeyDown: p, ref: m, indicatorRef: v }) {
+function Pa({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidth: i, variant: a, orientation: o, size: s, radius: c, unstyled: l, tabId: u, panelId: d, onSelect: f, onKeyDown: p, ref: m, indicatorRef: v }) {
 	let y = !!e.disabled;
 	return /* @__PURE__ */ _("button", {
 		ref: m,
@@ -3451,7 +3459,7 @@ function ja({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidt
 		disabled: e.disabled,
 		onClick: f,
 		onKeyDown: p,
-		className: ka({
+		className: Ma({
 			variant: a,
 			orientation: o,
 			size: s,
@@ -3465,7 +3473,7 @@ function ja({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidt
 			t && !l && /* @__PURE__ */ g("span", {
 				ref: v,
 				"aria-hidden": "true",
-				className: Aa({
+				className: Na({
 					variant: a,
 					orientation: o,
 					radius: c
@@ -3473,7 +3481,7 @@ function ja({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidt
 			}),
 			e.icon && /* @__PURE__ */ g("span", {
 				"aria-hidden": "true",
-				className: x("relative shrink-0", ha[s], e.icon)
+				className: x("relative shrink-0", va[s], e.icon)
 			}),
 			/* @__PURE__ */ g("span", {
 				className: "relative",
@@ -3484,7 +3492,7 @@ function ja({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidt
 	});
 }
 // src/components/tabs/tab_panel.tsx
-function Ma({ panelId: e, tabId: t, isHidden: n, isAnimated: r, className: i, contentKey: a, children: o }) {
+function Fa({ panelId: e, tabId: t, isHidden: n, isAnimated: r, className: i, contentKey: a, children: o }) {
 	return /* @__PURE__ */ g("div", {
 		role: "tabpanel",
 		id: e,
@@ -3499,11 +3507,11 @@ function Ma({ panelId: e, tabId: t, isHidden: n, isAnimated: r, className: i, co
 	});
 }
 // src/components/tabs/use_tab_indicator_transition.ts
-var Na = 200, Pa = "ease-out", Fa = "(prefers-reduced-motion: reduce)";
-function Ia() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(Fa).matches;
+var Ia = 200, La = "ease-out", Ra = "(prefers-reduced-motion: reduce)";
+function za() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(Ra).matches;
 }
-function La(e, t, n) {
+function Ba(e, t, n) {
 	return e === "vertical" ? [{
 		transform: `translateY(${t.top - n.top}px)`,
 		height: `${t.height}px`
@@ -3518,16 +3526,16 @@ function La(e, t, n) {
 		width: `${n.width}px`
 	}];
 }
-function Ra(e, t, n, r) {
-	e.animate(La(t, n, r), {
-		duration: Na,
-		easing: Pa
+function Va(e, t, n, r) {
+	e.animate(Ba(t, n, r), {
+		duration: Ia,
+		easing: La
 	});
 }
-function za(e, t, n) {
-	return !e || !t || !n ? !1 : !Ia();
+function Ha(e, t, n) {
+	return !e || !t || !n ? !1 : !za();
 }
-function Ba(e) {
+function Ua(e) {
 	let { activeIndex: t, indicatorRef: n, isAnimated: r, orientation: i } = e, a = f(null);
 	u(() => {
 		let e = n.current;
@@ -3536,7 +3544,7 @@ function Ba(e) {
 			return;
 		}
 		let t = e.getBoundingClientRect(), o = typeof e.animate == "function";
-		za(a.current, r, o) && Ra(e, i, a.current, t), a.current = t;
+		Ha(a.current, r, o) && Va(e, i, a.current, t), a.current = t;
 	}, [
 		t,
 		n,
@@ -3545,34 +3553,34 @@ function Ba(e) {
 	]);
 }
 // src/components/tabs/use_tabs_keyboard_navigation.ts
-var Va = {
+var Wa = {
 	Home: () => 0,
 	End: (e, t) => t - 1
-}, Ha = (e, t) => (e + 1) % t, Ua = (e, t) => (e - 1 + t) % t, Wa = {
+}, Ga = (e, t) => (e + 1) % t, Ka = (e, t) => (e - 1 + t) % t, qa = {
 	horizontal: {
-		...Va,
-		ArrowRight: Ha,
-		ArrowLeft: Ua
+		...Wa,
+		ArrowRight: Ga,
+		ArrowLeft: Ka
 	},
 	vertical: {
-		...Va,
-		ArrowDown: Ha,
-		ArrowUp: Ua
+		...Wa,
+		ArrowDown: Ga,
+		ArrowUp: Ka
 	}
 };
-function Ga(e) {
+function Ja(e) {
 	return e.flatMap((e, t) => e.disabled ? [] : [t]);
 }
-function Ka(e, t) {
+function Ya(e, t) {
 	let n = e[t];
-	return n && !n.disabled ? t : Ga(e)[0] ?? -1;
+	return n && !n.disabled ? t : Ja(e)[0] ?? -1;
 }
-function qa(e) {
+function Xa(e) {
 	let { items: t, activeIndex: n, orientation: r, onNavigate: i } = e;
 	return (e) => {
-		let a = Wa[r][e.key];
+		let a = qa[r][e.key];
 		if (!a) return;
-		let o = Ga(t);
+		let o = Ja(t);
 		if (o.length === 0) return;
 		e.preventDefault();
 		let s = a(o.indexOf(n), o.length);
@@ -3580,32 +3588,32 @@ function qa(e) {
 	};
 }
 // src/components/tabs/tabs.tsx
-function Ja({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", orientation: i = "horizontal", size: a = "md", radius: o = "md", fullWidth: s = !1, unstyled: c = !1, animated: u = !0, keepMounted: d = !1, className: p, tabListClassName: m, panelClassName: h, onChange: v }) {
+function Za({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", orientation: i = "horizontal", size: a = "md", radius: o = "md", fullWidth: s = !1, unstyled: c = !1, animated: u = !0, keepMounted: d = !1, className: p, tabListClassName: m, panelClassName: h, onChange: v }) {
 	let [y, b] = Ce(t, n), x = l(), S = f([]), C = f(null), w = (t) => {
 		e[t]?.disabled || (b(t), v?.(t));
 	}, T = (e) => {
 		S.current[e]?.focus(), w(e);
-	}, E = Ka(e, y), D = qa({
+	}, E = Ya(e, y), D = Xa({
 		items: e,
 		activeIndex: E,
 		orientation: i,
 		onNavigate: T
-	}), O = Da({
+	}), O = Aa({
 		orientation: i,
 		unstyled: c,
 		className: h
 	}), k = u && !c;
-	return Ba({
+	return Ua({
 		activeIndex: y,
 		indicatorRef: C,
 		isAnimated: u,
 		orientation: i
 	}), /* @__PURE__ */ _("div", {
-		className: Ea(i, p),
+		className: ka(i, p),
 		children: [/* @__PURE__ */ g("div", {
 			role: "tablist",
 			"aria-orientation": i,
-			className: Oa({
+			className: ja({
 				variant: r,
 				orientation: i,
 				radius: o,
@@ -3613,7 +3621,7 @@ function Ja({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", orie
 				isFullWidth: s,
 				className: m
 			}),
-			children: e.map((e, t) => /* @__PURE__ */ g(ja, {
+			children: e.map((e, t) => /* @__PURE__ */ g(Pa, {
 				ref: (e) => {
 					S.current[t] = e;
 				},
@@ -3633,14 +3641,14 @@ function Ja({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", orie
 				onSelect: () => w(t),
 				onKeyDown: D
 			}, e.title))
-		}), d ? e.map((e, t) => /* @__PURE__ */ g(Ma, {
+		}), d ? e.map((e, t) => /* @__PURE__ */ g(Fa, {
 			panelId: `${x}-panel-${t}`,
 			tabId: `${x}-tab-${t}`,
 			isHidden: t !== y,
 			isAnimated: k,
 			className: O,
 			children: e.content
-		}, e.title)) : /* @__PURE__ */ g(Ma, {
+		}, e.title)) : /* @__PURE__ */ g(Fa, {
 			panelId: `${x}-panel-${y}`,
 			tabId: `${x}-tab-${y}`,
 			isHidden: !1,
@@ -3652,7 +3660,7 @@ function Ja({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", orie
 	});
 }
 // src/components/textarea/textarea.tsx
-function Ya({ 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 }) {
+function Qa({ 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: S } = J(p), { length: C, trackLength: w } = yi(u, d), T = r && (i !== void 0 || a !== void 0), E = (e) => {
 		w(e.target.value), f?.(e);
 	};
@@ -3690,7 +3698,7 @@ function Ya({ label: e, description: t, error: n, showCharCount: r = !1, minLeng
 	});
 }
 // src/lib/is_webkit_gtk.ts
-var Xa = "AppleWebKit", Za = ["Linux", "X11"], Qa = [
+var $a = "AppleWebKit", eo = ["Linux", "X11"], to = [
 	"Chrome",
 	"Chromium",
 	"Edg",
@@ -3698,12 +3706,12 @@ var Xa = "AppleWebKit", Za = ["Linux", "X11"], Qa = [
 	"CriOS",
 	"FxiOS"
 ];
-function $a(e) {
-	return !e.includes(Xa) || !Za.some((t) => e.includes(t)) ? !1 : !Qa.some((t) => e.includes(t));
+function no(e) {
+	return !e.includes($a) || !eo.some((t) => e.includes(t)) ? !1 : !to.some((t) => e.includes(t));
 }
 // src/lib/theme_transition.ts
-var eo = 750, to = "ease-in-out";
-async function no({ theme: e, element: t, transitionDuration: n = eo, transitionEasing: r = to, applyThemeCallback: i }) {
+var ro = 750, io = "ease-in-out";
+async function ao({ theme: e, element: t, transitionDuration: n = ro, transitionEasing: r = io, applyThemeCallback: i }) {
 	if (!document.startViewTransition || globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches) {
 		i(e);
 		return;
@@ -3717,51 +3725,51 @@ async function no({ theme: e, element: t, transitionDuration: n = eo, transition
 		pseudoElement: "::view-transition-new(root)"
 	});
 }
-function ro(e) {
+function oo(e) {
 	return e === "light" ? "dark" : e === "dark" ? "system" : "light";
 }
 // src/stores/theme_store/theme_store.ts
-var io = "theme";
-function ao(e) {
+var so = "theme";
+function co(e) {
 	return e === "light" || e === "dark" || e === "system";
 }
-function oo() {
+function lo() {
 	return globalThis.window !== void 0 && globalThis.document !== void 0;
 }
-function so(e) {
+function uo(e) {
 	let t = window.matchMedia("(prefers-color-scheme: dark)").matches, n = e === "dark" || e === "system" && t;
 	document.documentElement.classList.toggle("dark", n);
 }
-function co() {
-	if (!oo()) return "system";
-	let e = globalThis.localStorage.getItem(io);
-	return ao(e) ? e : "system";
+function fo() {
+	if (!lo()) return "system";
+	let e = globalThis.localStorage.getItem(so);
+	return co(e) ? e : "system";
 }
-var lo = co();
-oo() && so(lo);
-var uo = ui((e) => ({
-	theme: lo,
+var po = fo();
+lo() && uo(po);
+var mo = ui((e) => ({
+	theme: po,
 	setTheme: (t) => {
-		so(t), oo() && globalThis.localStorage.setItem(io, t), e({ theme: t });
+		uo(t), lo() && globalThis.localStorage.setItem(so, t), e({ theme: t });
 	}
 }));
-oo() && (globalThis.addEventListener("storage", (e) => {
-	if (e.key !== io) return;
-	let t = ao(e.newValue) ? e.newValue : "system";
-	so(t), uo.setState({ theme: t });
+lo() && (globalThis.addEventListener("storage", (e) => {
+	if (e.key !== so) return;
+	let t = co(e.newValue) ? e.newValue : "system";
+	uo(t), mo.setState({ theme: t });
 }), globalThis.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
-	uo.getState().theme === "system" && so("system");
+	mo.getState().theme === "system" && uo("system");
 }));
 // src/components/theme_toggle/theme_toggle.tsx
-var fo = {
+var ho = {
 	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"
-}, po = "i-tabler-device-desktop text-gray-400";
-function mo({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: n, size: r = "md", radius: i, variant: a, getAriaLabel: s, tooltip: c }) {
-	let l = uo((e) => e.theme), u = uo((e) => e.setTheme), d = Ae(), p = Ne(), m = f(null), h = o(async () => {
-		let r = ro(l), i = m.current, a = e ?? !$a(navigator.userAgent);
-		i && a ? await no({
+}, go = "i-tabler-device-desktop text-gray-400";
+function _o({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: n, size: r = "md", radius: i, variant: a, getAriaLabel: s, tooltip: c }) {
+	let l = mo((e) => e.theme), u = mo((e) => e.setTheme), d = Ae(), p = Ne(), m = f(null), h = o(async () => {
+		let r = oo(l), i = m.current, a = e ?? !no(navigator.userAgent);
+		i && a ? await ao({
 			theme: r,
 			element: i,
 			transitionDuration: t,
@@ -3774,7 +3782,7 @@ function mo({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: n
 		t,
 		n,
 		u
-	]), _ = p ? fo[l] : po;
+	]), _ = p ? ho[l] : go;
 	return /* @__PURE__ */ g(Er, {
 		ref: m,
 		icon: _,
@@ -3789,7 +3797,7 @@ function mo({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: n
 	});
 }
 // src/components/toolbar/toolbar_items.ts
-var ho = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summary, [contenteditable]:not([contenteditable=\"false\"]), [tabindex]", go = [
+var vo = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summary, [contenteditable]:not([contenteditable=\"false\"]), [tabindex]", yo = [
 	"textarea",
 	"[contenteditable]:not([contenteditable=\"false\"])",
 	`input:not(${[
@@ -3804,45 +3812,45 @@ var ho = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summa
 		"submit"
 	].map((e) => `[type="${e}"]`).join(", ")})`
 ].join(", ");
-function _o(e) {
+function bo(e) {
 	return e.matches(":disabled, [aria-disabled=\"true\"]");
 }
-function vo(e) {
-	return Array.from(e.querySelectorAll(ho));
+function xo(e) {
+	return Array.from(e.querySelectorAll(vo));
 }
-function yo(e) {
-	return vo(e).filter((e) => !_o(e));
+function So(e) {
+	return xo(e).filter((e) => !bo(e));
 }
-function bo(e) {
-	return e instanceof HTMLElement && e.matches(go);
+function Co(e) {
+	return e instanceof HTMLElement && e.matches(yo);
 }
 // src/components/toolbar/toolbar_navigation.ts
-var xo = (e, t) => (e + 1) % t, So = (e, t) => (e - 1 + t) % t, Co = () => 0, wo = (e, t) => t - 1, To = {
+var wo = (e, t) => (e + 1) % t, To = (e, t) => (e - 1 + t) % t, Eo = () => 0, Do = (e, t) => t - 1, Oo = {
 	horizontal: {
-		ArrowRight: xo,
-		ArrowLeft: So,
-		Home: Co,
-		End: wo
+		ArrowRight: wo,
+		ArrowLeft: To,
+		Home: Eo,
+		End: Do
 	},
 	vertical: {
-		ArrowDown: xo,
-		ArrowUp: So,
-		Home: Co,
-		End: wo
+		ArrowDown: wo,
+		ArrowUp: To,
+		Home: Eo,
+		End: Do
 	}
 };
-function Eo(e) {
-	let { key: t, orientation: n, currentPosition: r, itemCount: i } = e, a = To[n][t];
+function ko(e) {
+	let { key: t, orientation: n, currentPosition: r, itemCount: i } = e, a = Oo[n][t];
 	if (a && i !== 0) return a(r, i);
 }
 // src/components/toolbar/use_toolbar_roving_focus.ts
-var Do = ["disabled", "aria-disabled"];
-function Oo(e, t) {
+var Ao = ["disabled", "aria-disabled"];
+function jo(e, t) {
 	let n = f(null), r = o(() => {
 		let t = e.current;
 		if (!t) return;
-		let r = yo(t), i = n.current, a = i && r.includes(i) ? i : r[0];
-		for (let e of vo(t)) e.tabIndex = e === a ? 0 : -1;
+		let r = So(t), i = n.current, a = i && r.includes(i) ? i : r[0];
+		for (let e of xo(t)) e.tabIndex = e === a ? 0 : -1;
 	}, [e]);
 	return c(() => {
 		let t = e.current;
@@ -3853,19 +3861,19 @@ function Oo(e, t) {
 			subtree: !0,
 			childList: !0,
 			attributes: !0,
-			attributeFilter: Do
+			attributeFilter: Ao
 		}), () => n.disconnect();
 	}, [e, r]), {
 		handleFocus: (t) => {
 			let i = e.current;
 			if (!i) return;
-			let a = yo(i).find((e) => e === t.target);
+			let a = So(i).find((e) => e === t.target);
 			a && (n.current = a, r());
 		},
 		handleKeyDown: (n) => {
 			let r = e.current;
-			if (!r || bo(n.target)) return;
-			let i = yo(r), a = Eo({
+			if (!r || Co(n.target)) return;
+			let i = So(r), a = ko({
 				key: n.key,
 				orientation: t,
 				currentPosition: i.findIndex((e) => e === n.target),
@@ -3876,18 +3884,18 @@ function Oo(e, t) {
 	};
 }
 // src/components/toolbar/toolbar.tsx
-var ko = {
+var Mo = {
 	horizontal: "flex items-center gap-1",
 	vertical: "flex flex-col items-stretch gap-1"
 };
-function Ao(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 } = Oo(c, t);
+function No(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 } = jo(c, t);
 	return /* @__PURE__ */ g("div", {
 		...s,
 		ref: we(c, i),
 		role: "toolbar",
 		"aria-orientation": t,
-		className: x(!n && ko[t], r),
+		className: x(!n && Mo[t], r),
 		onFocus: (e) => {
 			l(e), a?.(e);
 		},
@@ -3897,13 +3905,13 @@ function Ao(e) {
 	});
 }
 // src/components/ui_provider/ui_provider.tsx
-function jo(e = {}) {
+function Po(e = {}) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
 }
-function Mo({ labels: e, announceFieldErrors: t, children: n }) {
+function Fo({ labels: e, announceFieldErrors: t, children: n }) {
 	let r = s(ke), i = ye(), a = d(() => ({
 		...r,
-		...jo(e)
+		...Po(e)
 	}), [r, e]);
 	return /* @__PURE__ */ g(ke.Provider, {
 		value: a,
@@ -3914,10 +3922,10 @@ function Mo({ labels: e, announceFieldErrors: t, children: n }) {
 	});
 }
 // src/hooks/use_is_client/with_client_only.tsx
-var No = (e) => {
+var Io = (e) => {
 	function t(t) {
 		return Ne() ? /* @__PURE__ */ g(e, { ...t }) : null;
 	}
 	return t;
 };
-export { I as Avatar, fe as BASE_INPUT_STYLES, R as Badge, te as Button, K as Card, le as CharacterCount, Ee as Checkbox, Me as CheckboxOptions, Pe as ClientOnly, ze as Combobox, Xi as ConfirmModal, Qn as ContextMenu, tr as CopyButton, _i as Drawer, ir as Highlight, Er as IconButton, bi as Input, Si as Kbd, Ti as Menu, Ei as MenuGroup, Li as MenuItem, Ri as MenuSeparator, Qi as Modal, $i as ModalFooter, ta as ModalProvider, sa as MultiCombobox, la as RadioOptions, ua as Select, da as Switch, Ja as Tabs, Ya as Textarea, mo as ThemeToggle, Ao as Toolbar, Sr as Tooltip, Mo as UIProvider, nr as splitIntoHighlightSegments, pi as useDisableHotkeysWhileMounted, ea as useDismissGuard, di as useGlobalHotkeysStore, Ne as useIsClient, uo as useThemeStore, No as withClientOnly };
+export { I as Avatar, fe as BASE_INPUT_STYLES, R as Badge, te as Button, K as Card, le as CharacterCount, Ee as Checkbox, Me as CheckboxOptions, Pe as ClientOnly, ze as Combobox, $i as ConfirmModal, Qn as ContextMenu, tr as CopyButton, _i as Drawer, ir as Highlight, Er as IconButton, bi as Input, Si as Kbd, Ti as Menu, Ei as MenuGroup, Bi as MenuItem, Vi as MenuSeparator, ta as Modal, na as ModalFooter, ia as ModalProvider, ua as MultiCombobox, fa as RadioOptions, pa as Select, ma as Switch, Za as Tabs, Qa as Textarea, _o as ThemeToggle, No as Toolbar, Sr as Tooltip, Fo as UIProvider, nr as splitIntoHighlightSegments, pi as useDisableHotkeysWhileMounted, ra as useDismissGuard, di as useGlobalHotkeysStore, Ne as useIsClient, mo as useThemeStore, Io as withClientOnly };