@minimalstuff/ui 4.2.1 → 4.3.0

package/dist/minimalstuff-ui.js

@@ -1938,9 +1938,9 @@ var ar = {
 		xl: "rounded-r-xl",
 		full: "rounded-r-lg"
 	}
-};
+}, ur = r(null);
 // src/components/modal/modal_footer_slot.tsx
-function ur({ onSlotChange: e, children: t }) {
+function dr({ onSlotChange: e, children: t }) {
 	return /* @__PURE__ */ g("div", {
 		ref: e,
 		className: x("flex items-center justify-end gap-3 px-6 py-4 border-t flex-shrink-0 empty:hidden", U),
@@ -1948,45 +1948,45 @@ function ur({ onSlotChange: e, children: t }) {
 	});
 }
 // src/components/modal/modal_footer_slot_context.ts
-var dr = r(null);
+var fr = r(null);
 // src/components/shared/accessible_name.ts
-function fr(e) {
+function pr(e) {
 	return (e ?? "").replace(/\s+/g, " ").trim();
 }
-function pr(e, t) {
+function mr(e, t) {
 	return t.split(/\s+/).map((t) => e.ownerDocument.getElementById(t)?.textContent).join(" ");
 }
-function mr(e) {
-	let t = fr(e.getAttribute("aria-label"));
+function hr(e) {
+	let t = pr(e.getAttribute("aria-label"));
 	if (t) return t;
 	let n = e.getAttribute("aria-labelledby");
-	return (n ? fr(pr(e, n)) : "") || fr(e.textContent);
+	return (n ? pr(mr(e, n)) : "") || pr(e.textContent);
 }
 // src/components/shared/portal_target.ts
-var hr = "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]";
-function gr(e) {
-	return e?.closest(hr) ?? (e?.ownerDocument ?? document).body;
+var gr = "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]";
+function _r(e) {
+	return e?.closest(gr) ?? (e?.ownerDocument ?? document).body;
 }
 // src/components/tooltip/tooltip.tsx
-var _r = 8, vr = 8, yr = {
+var vr = 8, yr = 8, br = {
 	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"
-}, br = {
+}, xr = {
 	top: "bottom",
 	bottom: "top",
 	left: "right",
 	right: "left"
 };
-function xr({ content: e, children: t, position: r = "top", showOnClick: i = !1, temporaryContent: s, temporaryDuration: d = 2e3, disabled: m = !1, radius: v = "lg", onTemporaryShow: b, className: S, describeChild: C, portalContainer: w, ref: T }) {
+function Sr({ content: e, children: t, position: r = "top", showOnClick: i = !1, temporaryContent: s, temporaryDuration: d = 2e3, disabled: m = !1, radius: v = "lg", onTemporaryShow: b, className: S, describeChild: C, portalContainer: w, ref: T }) {
 	let { isMounted: E, isVisible: D, setIsVisible: O, open: k, close: A } = qn(), [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 } = kn({
 		placement: r,
 		strategy: "fixed",
 		open: E,
 		whileElementsMounted: vn,
 		middleware: [
-			jn(_r),
+			jn(vr),
 			Nn(),
 			Mn({ padding: 8 }),
 			Pn({ element: F })
@@ -1996,7 +1996,7 @@ function xr({ content: e, children: t, position: r = "top", showOnClick: i = !1,
 	let ie = o((e) => we(V.setReference, L, T)(e), [V, T]), ae = o((e) => we(V.setFloating, z)(e), [V]);
 	u(() => {
 		let e = I?.firstElementChild;
-		te(R && e ? fr(R.textContent) === mr(e) : null);
+		te(R && e ? pr(R.textContent) === hr(e) : null);
 	}, [
 		I,
 		R,
@@ -2025,7 +2025,7 @@ function xr({ content: e, children: t, position: r = "top", showOnClick: i = !1,
 			i && s && oe(), a(t) && t.props.onClick?.(e);
 		},
 		"aria-describedby": q(a(t) ? t.props["aria-describedby"] : void 0, ce && (C ?? (ee !== null && !ee)) && P)
-	}, de = a(t) ? n(t, ue) : t, fe = w ?? gr(I), pe = re.arrow?.x, me = re.arrow?.y, he = br[W];
+	}, de = a(t) ? n(t, ue) : t, fe = re.arrow?.x, pe = re.arrow?.y, me = xr[W];
 	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("span", {
 		ref: ie,
 		className: x("inline-block", S),
@@ -2046,39 +2046,39 @@ function xr({ content: e, children: t, position: r = "top", showOnClick: i = !1,
 			id: P,
 			role: "tooltip",
 			"data-state": D ? "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", D ? "opacity-100" : "opacity-0", yr[W], j[v]),
+			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", D ? "opacity-100" : "opacity-0", br[W], j[v]),
 			children: [le, /* @__PURE__ */ g("div", {
 				ref: F,
 				style: {
 					position: "absolute",
-					width: `${vr}px`,
-					height: `${vr}px`,
-					left: pe === void 0 ? void 0 : `${pe}px`,
-					top: me === void 0 ? void 0 : `${me}px`,
-					[he]: `-${vr / 2}px`
+					width: `${yr}px`,
+					height: `${yr}px`,
+					left: fe === void 0 ? void 0 : `${fe}px`,
+					top: pe === void 0 ? void 0 : `${pe}px`,
+					[me]: `-${yr / 2}px`
 				},
 				className: "rotate-45 bg-gray-900 dark:bg-gray-100"
 			})]
 		})
-	}), fe)] });
+	}), w ?? _r(I))] });
 }
 // src/components/icon_button/icon_button.tsx
-var Sr = {
+var Cr = {
 	xs: "p-1",
 	sm: "p-2",
 	md: "p-2",
 	lg: "p-3"
-}, Cr = {
+}, wr = {
 	xs: "w-4 h-4",
 	sm: "w-4 h-4",
 	md: "w-5 h-5",
 	lg: "w-6 h-6"
 };
-function wr(e) {
+function Tr(e) {
 	if (e) return e === !0 ? {} : typeof e == "string" ? { position: e } : e;
 }
-function Tr(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 = O[a], m = wr(u), h = /* @__PURE__ */ _("button", {
+function Er(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 = O[a], m = Tr(u), h = /* @__PURE__ */ _("button", {
 		ref: d,
 		type: "button",
 		"aria-label": n,
@@ -2086,16 +2086,16 @@ function Tr(e) {
 			A,
 			"border",
 			j[s],
-			Sr[o],
+			Cr[o],
 			p[i],
 			p.focusOutline
 		], c),
 		...f,
-		children: [/* @__PURE__ */ g("div", { className: x(t, Cr[o], l && "mr-1") }), l]
+		children: [/* @__PURE__ */ g("div", { className: x(t, wr[o], l && "mr-1") }), l]
 	});
 	if (!m) return h;
 	let v = m.content !== void 0;
-	return /* @__PURE__ */ g(xr, {
+	return /* @__PURE__ */ g(Sr, {
 		content: v ? m.content : n,
 		position: m.position,
 		describeChild: v ? void 0 : !1,
@@ -2103,7 +2103,7 @@ function Tr(e) {
 	});
 }
 // src/components/modal/modal_header.tsx
-function Er({ titleId: e, title: t, onDismiss: n, dismissible: r, closeLabel: i }) {
+function Dr({ titleId: e, title: t, onDismiss: n, dismissible: r, closeLabel: i }) {
 	let a = Ae();
 	return /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-between gap-4 px-6 pt-5 pb-4 flex-shrink-0",
@@ -2111,7 +2111,7 @@ function Er({ titleId: e, title: t, onDismiss: n, dismissible: r, closeLabel: i
 			id: e,
 			className: "text-base font-medium tracking-tight text-gray-900 dark:text-gray-100",
 			children: t
-		}), r && /* @__PURE__ */ g(Tr, {
+		}), r && /* @__PURE__ */ g(Er, {
 			icon: "i-mdi-close",
 			onClick: n,
 			"aria-label": i ?? a.close,
@@ -2122,78 +2122,114 @@ function Er({ titleId: e, title: t, onDismiss: n, dismissible: r, closeLabel: i
 		})]
 	});
 }
+// src/components/modal/use_guarded_dismiss.ts
+function Or(e) {
+	try {
+		return e();
+	} catch (e) {
+		return $n(e), null;
+	}
+}
+function kr({ onDismiss: e, isEnded: t }) {
+	let n = f(e), r = f(t), i = f([]), a = f(!1);
+	u(() => {
+		n.current = e, r.current = t;
+	});
+	let [s] = p(() => ({ register: (e) => (i.current = [...i.current, e], () => {
+		i.current = i.current.filter((t) => t !== e);
+	}) })), c = o((e) => {
+		a.current = !0, e.then((e) => {
+			a.current = !1, e && !r.current && n.current();
+		}, (e) => {
+			a.current = !1, $n(e);
+		});
+	}, []);
+	return {
+		dismiss: o(() => {
+			if (a.current) return;
+			let e = i.current.at(-1);
+			if (!e) {
+				n.current();
+				return;
+			}
+			let t = Or(e.current);
+			t !== null && (typeof t == "boolean" ? t && n.current() : c(t));
+		}, [c]),
+		registry: s
+	};
+}
 // src/components/modal/body_scroll_lock.ts
-var Dr = "--scrollbar-compensation", Or = 0, kr;
-function Ar() {
+var Ar = "--scrollbar-compensation", jr = 0, Mr;
+function Nr() {
 	let { style: e } = document.documentElement;
 	return {
 		overflow: e.overflow,
 		overflowX: e.overflowX,
 		overflowY: e.overflowY,
 		paddingRight: e.paddingRight,
-		scrollbarCompensation: e.getPropertyValue(Dr)
+		scrollbarCompensation: e.getPropertyValue(Ar)
 	};
 }
-function jr(e) {
+function Pr(e) {
 	let { style: t } = document.documentElement;
-	t.overflow = e.overflow, t.overflowX = e.overflowX, t.overflowY = e.overflowY, t.paddingRight = e.paddingRight, e.scrollbarCompensation === "" ? t.removeProperty(Dr) : t.setProperty(Dr, e.scrollbarCompensation);
+	t.overflow = e.overflow, t.overflowX = e.overflowX, t.overflowY = e.overflowY, t.paddingRight = e.paddingRight, e.scrollbarCompensation === "" ? t.removeProperty(Ar) : t.setProperty(Ar, e.scrollbarCompensation);
 }
-function Mr(e, t) {
+function Fr(e, t) {
 	let { style: n } = document.documentElement;
-	n.paddingRight = `${t + e}px`, n.setProperty(Dr, `${e}px`);
+	n.paddingRight = `${t + e}px`, n.setProperty(Ar, `${e}px`);
 }
-function Nr() {
-	if (Or === 0) {
+function Ir() {
+	if (jr === 0) {
 		let e = document.documentElement;
-		kr = Ar();
+		Mr = Nr();
 		let t = Number.parseFloat(getComputedStyle(e).paddingRight) || 0, n = e.clientWidth;
 		e.style.overflow = "hidden";
 		let r = e.clientWidth - n;
-		r > 0 && Mr(r, t);
+		r > 0 && Fr(r, t);
 	}
-	Or += 1;
+	jr += 1;
 }
-function Pr() {
-	--Or, Or === 0 && kr && (jr(kr), kr = void 0);
+function Lr() {
+	--jr, jr === 0 && Mr && (Pr(Mr), Mr = void 0);
 }
-function Fr() {
-	c(() => (Nr(), Pr), []);
+function Rr() {
+	c(() => (Ir(), Lr), []);
 }
 // 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 zr = [];
+function Br(e) {
+	return zr.push(e), () => {
+		let t = zr.indexOf(e);
+		t !== -1 && zr.splice(t, 1);
 	};
 }
-function Rr(e) {
-	return Ir[Ir.length - 1] === e;
+function Vr(e) {
+	return zr[zr.length - 1] === e;
 }
 // src/components/shared/tabbable.ts
-var zr = "a[href], button, input, select, textarea, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]";
-function Br(e) {
+var Hr = "a[href], button, input, select, textarea, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]";
+function Ur(e) {
 	return e.matches(":disabled");
 }
-function Vr(e) {
+function Wr(e) {
 	return e.getAttribute("tabindex") === "-1";
 }
-function Hr(e) {
+function Gr(e) {
 	return e.matches("input[type=\"hidden\"]");
 }
-function Ur(e) {
+function Kr(e) {
 	return e.closest("[inert]") !== null;
 }
-function Wr(e) {
+function qr(e) {
 	return typeof e.checkVisibility != "function" || e.checkVisibility();
 }
-function Gr(e) {
-	return !Br(e) && !Vr(e) && !Hr(e) && !Ur(e) && Wr(e);
+function Jr(e) {
+	return !Ur(e) && !Wr(e) && !Gr(e) && !Kr(e) && qr(e);
 }
-function Kr(e) {
+function Yr(e) {
 	return e instanceof HTMLInputElement && e.type === "radio" && e.name !== "";
 }
-function qr(e) {
+function Xr(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = t.get(n.form) ?? /* @__PURE__ */ new Map();
@@ -2203,24 +2239,24 @@ function qr(e) {
 	}
 	return Array.from(t.values()).flatMap((e) => Array.from(e.values()));
 }
-function Jr(e) {
+function Zr(e) {
 	return e.find((e) => e.checked) ?? e[0];
 }
-function Yr(e) {
-	let t = Array.from(e.querySelectorAll(zr)).filter(Gr), n = t.filter(Kr), r = new Set(qr(n).map(Jr));
-	return t.filter((e) => !Kr(e) || r.has(e));
+function Qr(e) {
+	let t = Array.from(e.querySelectorAll(Hr)).filter(Jr), n = t.filter(Yr), r = new Set(Xr(n).map(Zr));
+	return t.filter((e) => !Yr(e) || r.has(e));
 }
 // src/components/modal/use_modal_dialog.ts
-function Xr({ dialog: e, content: t, fallbackScope: n }) {
-	let r = t ? Yr(t)[0] : void 0;
-	return r || n === "content" ? r : e ? Yr(e)[0] : void 0;
+function $r({ dialog: e, content: t, fallbackScope: n }) {
+	let r = t ? Qr(t)[0] : void 0;
+	return r || n === "content" ? r : e ? Qr(e)[0] : void 0;
 }
-function Zr(e) {
-	let t = Xr(e);
+function ei(e) {
+	let t = $r(e);
 	(e.initialFocusRef?.current ?? t ?? e.dialog)?.focus();
 }
-function Qr(e, t) {
-	let n = Yr(t);
+function ti(e, t) {
+	let n = Qr(t);
 	if (n.length === 0) {
 		e.preventDefault(), t.focus();
 		return;
@@ -2228,7 +2264,7 @@ function Qr(e, t) {
 	let r = n[0], i = n[n.length - 1], a = document.activeElement;
 	(a instanceof HTMLElement ? n.indexOf(a) : -1) === -1 ? (e.preventDefault(), (e.shiftKey ? i : r).focus()) : e.shiftKey && a === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && a === i && (e.preventDefault(), r.focus());
 }
-function $r() {
+function ni() {
 	let [e, t] = p(!1);
 	return c(() => {
 		let e = requestAnimationFrame(() => {
@@ -2237,15 +2273,15 @@ function $r() {
 		return () => cancelAnimationFrame(e);
 	}, []), e;
 }
-function ei(e, { isEnded: t, onDismiss: n, dismissible: r, modalToken: i }) {
+function ri(e, { isEnded: t, onDismiss: n, dismissible: r, modalToken: i }) {
 	c(() => {
 		if (t) return;
 		let a = (t) => {
-			if (Rr(i)) {
+			if (Vr(i)) {
 				if (t.key === "Escape") {
 					if (t.defaultPrevented) return;
 					t.preventDefault(), r && n();
-				} else t.key === "Tab" && e.current && Qr(t, e.current);
+				} else t.key === "Tab" && e.current && ti(t, e.current);
 			}
 		};
 		return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
@@ -2257,16 +2293,16 @@ function ei(e, { isEnded: t, onDismiss: n, dismissible: r, modalToken: i }) {
 		e
 	]);
 }
-function ti({ isEnded: e, onDismiss: t, dismissible: n, initialFocusRef: r, initialFocusFallbackScope: i = "dialog", getFocusFallback: a }) {
+function ii({ isEnded: e, onDismiss: t, dismissible: n, initialFocusRef: r, initialFocusFallbackScope: i = "dialog", getFocusFallback: a }) {
 	let [o] = p(() => Symbol("modal")), [s, l] = p(null), u = f(null), d = f(null), m = f(null);
 	c(() => {
-		if (!e) return Lr(o);
-	}, [e, o]), Fr();
-	let h = $r();
+		if (!e) return Br(o);
+	}, [e, o]), Rr();
+	let h = ni();
 	return c(() => {
 		e || (m.current = document.activeElement);
 	}, [e]), c(() => {
-		s && !e && Zr({
+		s && !e && ei({
 			dialog: u.current,
 			content: d.current,
 			initialFocusRef: r,
@@ -2276,7 +2312,7 @@ function ti({ isEnded: e, onDismiss: t, dismissible: n, initialFocusRef: r, init
 		if (!e) return;
 		let t = m.current;
 		(t?.isConnected ? t : a?.())?.focus();
-	}, [e, a]), ei(u, {
+	}, [e, a]), ri(u, {
 		isEnded: e,
 		onDismiss: t,
 		dismissible: n,
@@ -2289,11 +2325,15 @@ function ti({ isEnded: e, onDismiss: t, dismissible: n, initialFocusRef: r, init
 		isVisible: h && !e,
 		handleBackdropClick: () => {
 			!e && n && t();
+		},
+		handleBackdropMouseDown: (e) => {
+			let t = e.target;
+			e.currentTarget.contains(t) && !u.current?.contains(t) && e.preventDefault();
 		}
 	};
 }
 // 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
-var ni = (e) => {
+var ai = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -2307,78 +2347,85 @@ var ni = (e) => {
 		subscribe: (e) => (n.add(e), () => n.delete(e))
 	}, o = t = e(r, i, a);
 	return a;
-}, ri = ((e) => e ? ni(e) : ni), ii = (e) => e;
-function ai(e, n = ii) {
+}, 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]));
 	return t.useDebugValue(r), r;
 }
-var oi = (e) => {
-	let t = ri(e), n = (e) => ai(t, e);
+var li = (e) => {
+	let t = oi(e), n = (e) => ci(t, e);
 	return Object.assign(n, t), n;
-}, si = ((e) => e ? oi(e) : oi), ci = si((e) => ({
+}, ui = ((e) => e ? li(e) : li), di = ui((e) => ({
 	globalHotkeysEnabled: !0,
 	setGlobalHotkeysEnabled: (t) => e({ globalHotkeysEnabled: t })
-})), li = 0;
-function ui() {
-	c(() => (li += 1, li === 1 && ci.getState().setGlobalHotkeysEnabled(!1), () => {
-		--li, li === 0 && ci.getState().setGlobalHotkeysEnabled(!0);
+})), fi = 0;
+function pi() {
+	c(() => (fi += 1, fi === 1 && di.getState().setGlobalHotkeysEnabled(!1), () => {
+		--fi, fi === 0 && di.getState().setGlobalHotkeysEnabled(!0);
 	}), []);
 }
 // src/components/drawer/drawer.tsx
-function di() {
+function mi() {
 	let e = document.querySelector("main");
 	return e && !e.hasAttribute("tabindex") && (e.tabIndex = -1), e;
 }
-function fi({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size: a, side: o, radius: s, className: c, dismissible: u, closeLabel: d, initialFocusRef: f }) {
-	ui();
-	let p = l(), { dialogRef: m, contentRef: h, footerSlot: v, setFooterSlot: b, isVisible: S, handleBackdropClick: C } = ti({
-		isEnded: e,
+function hi({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size: a, side: o, radius: s, className: c, dismissible: u, closeLabel: d, initialFocusRef: f }) {
+	pi();
+	let p = l(), { dismiss: m, registry: h } = kr({
 		onDismiss: t,
+		isEnded: e
+	}), { dialogRef: v, contentRef: b, footerSlot: S, setFooterSlot: C, isVisible: w, handleBackdropClick: T, handleBackdropMouseDown: E } = ii({
+		isEnded: e,
+		onDismiss: m,
 		dismissible: u,
 		initialFocusRef: f,
 		initialFocusFallbackScope: "content",
-		getFocusFallback: di
+		getFocusFallback: mi
 	});
-	return y(/* @__PURE__ */ _("div", {
-		className: x("fixed inset-0 z-50", "transition-opacity duration-200 ease-out", S ? "opacity-100" : "opacity-0"),
-		onClick: C,
-		children: [/* @__PURE__ */ g("div", {
-			className: "fixed inset-0 bg-black/60 backdrop-blur-md",
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ _("div", {
-			ref: m,
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-labelledby": p,
-			tabIndex: -1,
-			inert: e,
-			className: x("fixed inset-y-0 h-full w-full flex flex-col overflow-hidden", or[o], ar[a], W, G, "shadow-2xl", lr[o][s], "transition-transform duration-200 ease-out motion-reduce:transition-none", "focus:outline-none", S ? cr : sr[o]),
-			onClick: (e) => e.stopPropagation(),
-			children: [
-				/* @__PURE__ */ g(Er, {
-					titleId: p,
-					title: n,
-					onDismiss: t,
-					dismissible: u,
-					closeLabel: d
-				}),
-				/* @__PURE__ */ g("div", {
-					ref: h,
-					className: x("flex-1 overflow-y-auto min-h-0 px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400", c),
-					children: /* @__PURE__ */ g(dr.Provider, {
-						value: v,
-						children: r
+	return /* @__PURE__ */ g(ur.Provider, {
+		value: h,
+		children: y(/* @__PURE__ */ _("div", {
+			className: x("fixed inset-0 z-50", "transition-opacity duration-200 ease-out", w ? "opacity-100" : "opacity-0"),
+			onClick: T,
+			onMouseDown: E,
+			children: [/* @__PURE__ */ g("div", {
+				className: "fixed inset-0 bg-black/60 backdrop-blur-md",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ _("div", {
+				ref: v,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": p,
+				tabIndex: -1,
+				inert: e,
+				className: x("fixed inset-y-0 h-full w-full flex flex-col overflow-hidden", or[o], ar[a], W, G, "shadow-2xl", lr[o][s], "transition-transform duration-200 ease-out motion-reduce:transition-none", "focus:outline-none", w ? cr : sr[o]),
+				onClick: (e) => e.stopPropagation(),
+				children: [
+					/* @__PURE__ */ g(Dr, {
+						titleId: p,
+						title: n,
+						onDismiss: m,
+						dismissible: u,
+						closeLabel: d
+					}),
+					/* @__PURE__ */ g("div", {
+						ref: b,
+						className: x("flex-1 overflow-y-auto min-h-0 px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400", c),
+						children: /* @__PURE__ */ g(fr.Provider, {
+							value: S,
+							children: r
+						})
+					}),
+					/* @__PURE__ */ g(dr, {
+						onSlotChange: C,
+						children: i
 					})
-				}),
-				/* @__PURE__ */ g(ur, {
-					onSlotChange: b,
-					children: i
-				})
-			]
-		})]
-	}), document.body);
+				]
+			})]
+		}), document.body)
+	});
 }
-function pi(e) {
+function gi(e) {
 	let [t, n] = p(!e);
 	return e && t && n(!1), c(() => {
 		if (e) return;
@@ -2386,8 +2433,8 @@ function pi(e) {
 		return () => clearTimeout(t);
 	}, [e]), e || !t;
 }
-function mi({ isOpen: e, onClose: t, size: n = "md", side: r = "right", radius: i = "none", dismissible: a = !0, ...o }) {
-	return pi(e) ? /* @__PURE__ */ g(fi, {
+function _i({ isOpen: e, onClose: t, size: n = "md", side: r = "right", radius: i = "none", dismissible: a = !0, ...o }) {
+	return gi(e) ? /* @__PURE__ */ g(hi, {
 		...o,
 		isEnded: !e,
 		onDismiss: t,
@@ -2398,21 +2445,21 @@ function mi({ isOpen: e, onClose: t, size: n = "md", side: r = "right", radius:
 	}) : null;
 }
 // src/components/shared/use_controlled_length.ts
-function hi(e) {
+function vi(e) {
 	return typeof e == "string" ? e.length : 0;
 }
-function gi(e, t) {
-	let [n, r] = p(hi(t)), i = e !== void 0;
+function yi(e, t) {
+	let [n, r] = p(vi(t)), i = e !== void 0;
 	return {
-		length: i ? hi(e) : n,
+		length: i ? vi(e) : n,
 		trackLength: (e) => {
 			i || r(e.length);
 		}
 	};
 }
 // src/components/input/input.tsx
-function _i({ 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 } = gi(u, d), T = r && (i !== void 0 || a !== void 0), E = (e) => {
+function bi({ 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);
 	};
 	return /* @__PURE__ */ _(Fe, {
@@ -2449,13 +2496,13 @@ function _i({ label: e, description: t, error: n, showCharCount: r = !1, minLeng
 	});
 }
 // src/components/kbd/kbd.tsx
-var vi = {
+var xi = {
 	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"
-}, yi = ({ children: e, size: t = "sm", radius: n = "sm", unstyled: r = !1, className: i }) => /* @__PURE__ */ g("kbd", {
-	className: x("inline-flex items-center", vi[t], !r && [
+}, Si = ({ children: e, size: t = "sm", radius: n = "sm", unstyled: r = !1, className: i }) => /* @__PURE__ */ g("kbd", {
+	className: x("inline-flex items-center", xi[t], !r && [
 		"border font-semibold uppercase",
 		"text-gray-600 dark:text-gray-300",
 		"bg-gray-100 dark:bg-gray-700",
@@ -2463,17 +2510,17 @@ var vi = {
 		j[n]
 	], i),
 	children: e
-}), bi = 4;
-function xi(e, t) {
+}), Ci = 4;
+function wi(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
-function Si({ trigger: e, children: t, side: r = "bottom", align: i = "start", radius: s = "md", className: c, ref: u }) {
+function Ti({ 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 } = qn(), { refs: w, floatingStyles: T, isPositioned: E } = kn({
-		placement: xi(r, i),
+		placement: wi(r, i),
 		open: v,
 		whileElementsMounted: vn,
 		middleware: [
-			jn(bi),
+			jn(Ci),
 			Nn(),
 			Mn({ padding: 8 })
 		]
@@ -2511,7 +2558,7 @@ function Si({ trigger: e, children: t, side: r = "bottom", align: i = "start", r
 	});
 }
 // src/components/menu_group/menu_group.tsx
-function Ci({ label: e, children: t, unstyled: n = !1, className: r, wrapperClassName: i }) {
+function Ei({ label: e, children: t, unstyled: n = !1, className: r, wrapperClassName: i }) {
 	let a = l();
 	return /* @__PURE__ */ _("div", {
 		role: "group",
@@ -2526,12 +2573,12 @@ function Ci({ label: e, children: t, unstyled: n = !1, className: r, wrapperClas
 	});
 }
 // src/components/menu_item/menu_item_content.tsx
-var wi = ({ icon: e, children: t }) => /* @__PURE__ */ _(h, { children: [e && /* @__PURE__ */ g("div", {
+var Di = ({ 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] });
 // src/components/menu_item/menu_item_end.tsx
-function Ti({ trailing: e, selected: t }) {
+function Oi({ 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",
@@ -2545,17 +2592,17 @@ function Ti({ trailing: e, selected: t }) {
 	});
 }
 // src/components/menu_item/menu_item_styles.ts
-var Ei = [
+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 Di(e, t, n) {
-	return x(Ei, e, t ? "text-red-700 dark:text-red-300" : "text-gray-700 dark:text-gray-300", n);
+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);
 }
 // src/components/menu_item/menu_item_button.tsx
-var Oi = ["hover:enabled:bg-gray-100 dark:hover:enabled:bg-gray-700", "disabled:cursor-not-allowed disabled:opacity-50"];
-function ki({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, disabled: a = !1, children: o, className: s, ref: c }) {
+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 }) {
 	let l = Rn();
 	return /* @__PURE__ */ _("button", {
 		ref: c,
@@ -2567,19 +2614,19 @@ function ki({ icon: e, trailing: t, onClick: n, selected: r, danger: i = !1, dis
 			e.stopPropagation(), n(e), l?.();
 		},
 		disabled: a,
-		className: Di(Oi, i, s),
-		children: [/* @__PURE__ */ g(wi, {
+		className: Ai(ji, i, s),
+		children: [/* @__PURE__ */ g(Di, {
 			icon: e,
 			children: o
-		}), /* @__PURE__ */ g(Ti, {
+		}), /* @__PURE__ */ g(Oi, {
 			trailing: t,
 			selected: r
 		})]
 	});
 }
 // src/components/menu_item/menu_item_link.tsx
-var Ai = "_blank", ji = "noopener noreferrer", Mi = ["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 Ni({ icon: e, trailing: t, href: n, target: r, rel: i, danger: a = !1, disabled: o = !1, children: s, className: c, ref: l }) {
+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 }) {
 	let u = Rn();
 	return /* @__PURE__ */ _("a", {
 		ref: l,
@@ -2587,28 +2634,28 @@ function Ni({ 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 === Ai ? ji : void 0),
+		rel: i ?? (r === Ni ? Pi : void 0),
 		"aria-disabled": o || void 0,
 		onClick: (e) => {
 			e.stopPropagation(), u?.();
 		},
-		className: Di(Mi, a, c),
-		children: [/* @__PURE__ */ g(wi, {
+		className: Ai(Fi, a, c),
+		children: [/* @__PURE__ */ g(Di, {
 			icon: e,
 			children: s
-		}), /* @__PURE__ */ g(Ti, { trailing: t })]
+		}), /* @__PURE__ */ g(Oi, { trailing: t })]
 	});
 }
 // src/components/menu_item/menu_item.tsx
-function Pi(e) {
-	return e.href === void 0 ? /* @__PURE__ */ g(ki, { ...e }) : /* @__PURE__ */ g(Ni, { ...e });
+function Li(e) {
+	return e.href === void 0 ? /* @__PURE__ */ g(Mi, { ...e }) : /* @__PURE__ */ g(Ii, { ...e });
 }
 // src/components/menu_separator/menu_separator.tsx
-var Fi = ({ unstyled: e = !1, className: t }) => /* @__PURE__ */ g("hr", {
+var Ri = ({ 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)
-}), Ii = [];
-function Li() {
+}), zi = [];
+function Bi() {
 	let e = 0, t = [], n = null, r = /* @__PURE__ */ new Set(), i = () => {
 		for (let e of r) e(t);
 	};
@@ -2629,7 +2676,7 @@ function Li() {
 			r.delete(i), r.size || (e = 0, t = [], n = null);
 		}),
 		getSnapshot: () => t,
-		getServerSnapshot: () => Ii,
+		getServerSnapshot: () => zi,
 		getListenersSize: () => r.size,
 		getUpsertPromise: () => n,
 		setUpsertPromise: (e) => {
@@ -2637,9 +2684,9 @@ function Li() {
 		}
 	};
 }
-var Ri = /* @__PURE__ */ new Map();
-function zi(e, t = 0) {
-	let n = { current: Li() }, r = (e) => (r) => {
+var Vi = /* @__PURE__ */ new Map();
+function Hi(e, t = 0) {
+	let n = { current: Bi() }, r = (e) => (r) => {
 		let i = /* @__PURE__ */ new Set();
 		n.current.set(e, (e) => (e.resolve(r), i.add(e.promise), {
 			...e,
@@ -2725,56 +2772,57 @@ function zi(e, t = 0) {
 			set: (r) => {
 				if (t || (e = r, !r)) return;
 				t = !0;
-				let i = Ri.get(r);
-				i ? n.current = i : Ri.set(r, n.current);
+				let i = Vi.get(r);
+				i ? n.current = i : Vi.set(r, n.current);
 			}
 		});
 	}
 	return d;
 }
 // src/components/modal/confirm_modal_title.tsx
-var Bi = {
+var Ui = {
 	danger: "i-mdi-alert-circle",
 	primary: "i-mdi-help-circle",
 	success: "i-mdi-check-circle"
-}, Vi = {
+}, Wi = {
 	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 Hi({ title: e, color: t }) {
+function Gi({ 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", Vi[t]),
+			className: x("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", Wi[t]),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ g("span", { className: x(Bi[t], "h-5 w-5") })
+			children: /* @__PURE__ */ g("span", { className: x(Ui[t], "h-5 w-5") })
 		}), e]
 	});
 }
 // src/components/modal/modal_shell.tsx
-var Ui = {
+var Ki = {
 	sm: "max-w-md",
 	md: "max-w-lg",
 	lg: "max-w-2xl",
 	xl: "max-w-4xl"
-}, Wi = {
+}, qi = {
 	auto: "",
 	fixed: "h-[calc(100vh-4rem)] sm:h-[min(40rem,calc(100vh-10rem))]"
-}, Gi = {
+}, Ji = {
 	auto: "overflow-y-auto",
 	fixed: "overflow-hidden flex flex-col"
 };
-function Ki({ 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 } = ti({
+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 }) {
+	let h = l(), v = l(), { dialogRef: b, contentRef: S, footerSlot: C, setFooterSlot: w, isVisible: T, handleBackdropClick: E, handleBackdropMouseDown: D } = ii({
 		isEnded: e,
 		onDismiss: t,
 		dismissible: u,
 		initialFocusRef: p
-	}), D = f === "alertdialog" && !!r;
+	}), O = f === "alertdialog" && !!r;
 	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", T ? "opacity-100" : "opacity-0"),
 		onClick: E,
+		onMouseDown: D,
 		children: [/* @__PURE__ */ g("div", {
 			className: x("fixed inset-0 bg-black/60 backdrop-blur-md", "transition-opacity duration-200 ease-out", T ? "opacity-100" : "opacity-0"),
 			"aria-hidden": "true"
@@ -2784,12 +2832,12 @@ function Ki({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 			"aria-modal": "true",
 			"aria-labelledby": n ? h : void 0,
 			"aria-label": n ? void 0 : m,
-			"aria-describedby": D ? v : void 0,
+			"aria-describedby": O ? v : void 0,
 			tabIndex: -1,
-			className: x("relative w-full", Ui[a], Wi[o], W, G, "shadow-2xl", j[s], "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", T ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
+			className: x("relative w-full", Ki[a], qi[o], W, G, "shadow-2xl", j[s], "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", T ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 translate-y-1"),
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				n && /* @__PURE__ */ g(Er, {
+				n && /* @__PURE__ */ g(Dr, {
 					titleId: h,
 					title: n,
 					onDismiss: t,
@@ -2798,14 +2846,14 @@ function Ki({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 				}),
 				/* @__PURE__ */ g("div", {
 					ref: S,
-					id: D ? 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", Gi[o], !n && "pt-6", c),
-					children: /* @__PURE__ */ g(dr.Provider, {
+					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),
+					children: /* @__PURE__ */ g(fr.Provider, {
 						value: C,
 						children: r
 					})
 				}),
-				/* @__PURE__ */ g(ur, {
+				/* @__PURE__ */ g(dr, {
 					onSlotChange: w,
 					children: i
 				})
@@ -2814,8 +2862,8 @@ function Ki({ isEnded: e, onDismiss: t, title: n, children: r, footer: i, size:
 	}), document.body);
 }
 // src/components/modal/confirm_modal.tsx
-var qi = zi(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i, confirmColor: a, radius: o, closeLabel: s, onConfirm: c, onError: l }) => {
-	ui();
+var Xi = Hi(({ 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);
 		else {
@@ -2827,10 +2875,10 @@ var qi = zi(({ 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(Ki, {
+	return /* @__PURE__ */ g(Yi, {
 		isEnded: e.ended,
 		onDismiss: v,
-		title: /* @__PURE__ */ g(Hi, {
+		title: /* @__PURE__ */ g(Gi, {
 			title: t,
 			color: C
 		}),
@@ -2860,46 +2908,61 @@ var qi = zi(({ call: e, title: t, children: n, confirmLabel: r, cancelLabel: i,
 	});
 }, 200);
 // src/components/modal/modal.tsx
-function Ji(e, t) {
+function Zi(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var Yi = zi(({ 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 }) => {
-	ui();
-	let f = () => e.end();
-	return /* @__PURE__ */ g(Ki, {
-		isEnded: e.ended,
-		onDismiss: f,
-		title: t,
-		size: r,
-		height: i,
-		radius: a,
-		className: o,
-		dismissible: s,
-		closeLabel: c,
-		role: l,
-		initialFocusRef: u,
-		"aria-label": d,
-		children: Ji(n, f)
+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 }) => {
+	pi();
+	let { dismiss: f, registry: p } = kr({
+		onDismiss: () => e.end(),
+		isEnded: e.ended
+	});
+	return /* @__PURE__ */ g(ur.Provider, {
+		value: p,
+		children: /* @__PURE__ */ g(Yi, {
+			isEnded: e.ended,
+			onDismiss: f,
+			title: t,
+			size: r,
+			height: i,
+			radius: a,
+			className: o,
+			dismissible: s,
+			closeLabel: c,
+			role: l,
+			initialFocusRef: u,
+			"aria-label": d,
+			children: Zi(n, f)
+		})
 	});
 }, 200);
 // src/components/modal/modal_footer.tsx
-function Xi({ children: e }) {
-	let t = s(dr);
+function $i({ children: e }) {
+	let t = s(fr);
 	return t ? y(e, t) : null;
 }
+// src/components/modal/use_dismiss_guard.ts
+function ea(e, t = !0) {
+	let n = s(ur), r = f(e);
+	if (u(() => {
+		r.current = e;
+	}), c(() => {
+		if (n && t) return n.register(r);
+	}, [n, t]), !n) throw Error("useDismissGuard must be used inside a Modal or a Drawer");
+}
 // src/components/modal_provider/modal_provider.tsx
-function Zi() {
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Yi, {}), /* @__PURE__ */ g(qi, {})] });
+function ta() {
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Qi, {}), /* @__PURE__ */ g(Xi, {})] });
 }
 // src/components/multi_combobox/multi_combobox.tsx
-var Qi = 2;
-function $i(e, t, n, r) {
+var na = 2;
+function ra(e, t, n, r) {
 	return r?.(e, t) ? !0 : n === void 0 || t.includes(e) ? !1 : t.length >= n;
 }
-function ea(e, t) {
+function ia(e, t) {
 	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
 }
-function ta(e, t) {
+function aa(e, t) {
 	if (e.length <= t) return {
 		visibleOptions: e,
 		hiddenCount: 0
@@ -2910,8 +2973,8 @@ function ta(e, t) {
 		hiddenCount: e.length - n
 	};
 }
-var na = "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 ra({ 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 = Qi, 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 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 }) {
 	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;
@@ -2919,7 +2982,7 @@ function ra({ 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 } = ta(me, y), _e = () => {
+	}), me = d(() => e.filter((e) => U.includes(e.value)), [e, U]), { visibleOptions: he, hiddenCount: ge } = aa(me, y), _e = () => {
 		E || oe(!0);
 	}, ve = o(() => {
 		oe(!1), ae(""), pe(), I?.(U);
@@ -2930,8 +2993,8 @@ function ra({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 	]), ye = () => {
 		G ? ve() : _e();
 	}, be = (e) => {
-		if ($i(e, U, m, v)) return;
-		let t = ea(U, e);
+		if (ra(e, U, m, v)) return;
+		let t = ia(U, e);
 		W(t), F?.(t);
 	}, q = () => {
 		W([]), F?.([]);
@@ -3007,10 +3070,10 @@ function ra({ 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 && na),
+						className: x(!T && oa),
 						children: e.label
 					}, e.value)), ge > 0 && /* @__PURE__ */ g("span", {
-						className: x(!T && na),
+						className: x(!T && oa),
 						children: (b ?? R.overflowCount)(ge)
 					})] })
 				}),
@@ -3066,7 +3129,7 @@ function ra({ 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 = $i(e.value, U, m, v);
+								let n = U.includes(e.value), r = ra(e.value, U, m, v);
 								return /* @__PURE__ */ _("li", {
 									id: `${B}-option-${t}`,
 									role: "option",
@@ -3120,7 +3183,7 @@ function ra({ options: e, label: t, "aria-label": n, error: r, placeholder: i, s
 	});
 }
 // src/components/radio_options/radio_option_row.tsx
-function ia({ 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 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 }) {
 	let m = !!l;
 	return /* @__PURE__ */ g(De, {
 		item: e,
@@ -3156,7 +3219,7 @@ function ia({ option: e, optionId: t, descriptionId: n, name: r, orientation: i,
 	});
 }
 // src/components/radio_options/radio_options.tsx
-function aa({ 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 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 }) {
 	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
@@ -3180,7 +3243,7 @@ function aa({ 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(ia, {
+				children: T.map((e, n) => /* @__PURE__ */ g(ca, {
 					option: e,
 					optionId: `${y}-${n}`,
 					descriptionId: `${y}-${n}-desc`,
@@ -3206,7 +3269,7 @@ function aa({ options: e, orientation: t = "vertical", value: n, defaultValue: r
 	});
 }
 // src/components/select/select.tsx
-function oa({ 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 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 }) {
 	let { fieldId: h, errorId: v, descriptionId: y } = J(f);
 	return /* @__PURE__ */ g(Fe, {
 		fieldId: h,
@@ -3241,7 +3304,7 @@ function oa({ options: e, label: t, description: n, error: r, placeholder: i, ra
 	});
 }
 // src/components/switch/switch.tsx
-function sa({ 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 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 }) {
 	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),
@@ -3296,11 +3359,11 @@ function sa({ label: e, description: t, error: n, unstyled: r = !1, fullWidth: i
 	});
 }
 // src/components/tabs/tabs_styles.ts
-var ca = {
+var fa = {
 	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`
-}, la = {
+}, pa = {
 	line: {
 		activeTab: "border-transparent text-gray-900 dark:text-gray-100",
 		idleTab: "border-transparent text-gray-500 dark:text-gray-400",
@@ -3323,52 +3386,52 @@ var ca = {
 		idleTab: "text-gray-600 dark:text-gray-400",
 		idleHover: "hover:text-gray-900 dark:hover:text-gray-100",
 		byOrientation: {
-			horizontal: ca,
-			vertical: ca
+			horizontal: fa,
+			vertical: fa
 		}
 	}
-}, ua = {
+}, ma = {
 	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"
-}, da = {
+}, ha = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
-}, fa = {
+}, ga = {
 	horizontal: x(S, O.primary.focusOutline),
 	vertical: x("outline-hidden focus-visible:outline-2", "focus-visible:-outline-offset-2", O.primary.focusOutline)
-}, pa = "items-center", ma = x("flex-col items-stretch min-h-0 overflow-y-auto overflow-x-hidden", ae), ha = "w-48 shrink-0", ga = "justify-start text-left whitespace-normal", _a = "whitespace-nowrap", va = "flex min-h-0", ya = x("flex-1 min-w-0 min-h-0 overflow-y-auto", ae), ba = "ml-6", xa = "mt-4";
-function Sa(e, t) {
-	return x("w-full", e === "vertical" && va, t);
+}, _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);
 }
-function Ca(e) {
+function Da(e) {
 	let { orientation: t, unstyled: n, className: r } = e, i = t === "vertical";
-	return x(i && ya, !n && [i ? ba : xa, fa[t]], r);
+	return x(i && Ca, !n && [i ? wa : Ta, ga[t]], r);
 }
-function wa(e) {
+function Oa(e) {
 	let { variant: t, orientation: n, radius: r, unstyled: i, isFullWidth: a, className: o } = e, s = n === "vertical";
-	return x("flex", s ? ma : pa, !s && a && "w-full", !i && s && ha, !i && la[t].byOrientation[n].list, !i && t === "segmented" && j[r], o);
+	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);
 }
-function Ta(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 = la[t];
-	return x("relative flex items-center gap-2", u ? ga : _a, !u && c && "flex-1 justify-center", s ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !a && [
+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 && [
 		"font-medium transition-colors duration-200",
-		ua[r],
+		ma[r],
 		d.byOrientation[n].tab,
 		o ? d.activeTab : [d.idleTab, !s && d.idleHover],
 		t === "segmented" && j[i],
-		fa[n]
+		ga[n]
 	], l);
 }
-function Ea(e) {
+function Aa(e) {
 	let { variant: t, orientation: n, radius: r } = e;
-	return x("tabs-indicator pointer-events-none", la[t].byOrientation[n].indicator, t === "segmented" && j[r]);
+	return x("tabs-indicator pointer-events-none", pa[t].byOrientation[n].indicator, t === "segmented" && j[r]);
 }
 // src/components/tabs/tab_button.tsx
-function Da({ 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 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 }) {
 	let y = !!e.disabled;
 	return /* @__PURE__ */ _("button", {
 		ref: m,
@@ -3382,7 +3445,7 @@ function Da({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidt
 		disabled: e.disabled,
 		onClick: f,
 		onKeyDown: p,
-		className: Ta({
+		className: ka({
 			variant: a,
 			orientation: o,
 			size: s,
@@ -3396,7 +3459,7 @@ function Da({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidt
 			t && !l && /* @__PURE__ */ g("span", {
 				ref: v,
 				"aria-hidden": "true",
-				className: Ea({
+				className: Aa({
 					variant: a,
 					orientation: o,
 					radius: c
@@ -3404,7 +3467,7 @@ function Da({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidt
 			}),
 			e.icon && /* @__PURE__ */ g("span", {
 				"aria-hidden": "true",
-				className: x("relative shrink-0", da[s], e.icon)
+				className: x("relative shrink-0", ha[s], e.icon)
 			}),
 			/* @__PURE__ */ g("span", {
 				className: "relative",
@@ -3415,7 +3478,7 @@ function Da({ item: e, isActive: t, hasMountedPanel: n, isTabStop: r, isFullWidt
 	});
 }
 // src/components/tabs/tab_panel.tsx
-function Oa({ panelId: e, tabId: t, isHidden: n, isAnimated: r, className: i, contentKey: a, children: o }) {
+function Ma({ panelId: e, tabId: t, isHidden: n, isAnimated: r, className: i, contentKey: a, children: o }) {
 	return /* @__PURE__ */ g("div", {
 		role: "tabpanel",
 		id: e,
@@ -3430,11 +3493,11 @@ function Oa({ panelId: e, tabId: t, isHidden: n, isAnimated: r, className: i, co
 	});
 }
 // src/components/tabs/use_tab_indicator_transition.ts
-var ka = 200, Aa = "ease-out", ja = "(prefers-reduced-motion: reduce)";
-function Ma() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(ja).matches;
+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;
 }
-function Na(e, t, n) {
+function La(e, t, n) {
 	return e === "vertical" ? [{
 		transform: `translateY(${t.top - n.top}px)`,
 		height: `${t.height}px`
@@ -3449,16 +3512,16 @@ function Na(e, t, n) {
 		width: `${n.width}px`
 	}];
 }
-function Pa(e, t, n, r) {
-	e.animate(Na(t, n, r), {
-		duration: ka,
-		easing: Aa
+function Ra(e, t, n, r) {
+	e.animate(La(t, n, r), {
+		duration: Na,
+		easing: Pa
 	});
 }
-function Fa(e, t, n) {
-	return !e || !t || !n ? !1 : !Ma();
+function za(e, t, n) {
+	return !e || !t || !n ? !1 : !Ia();
 }
-function Ia(e) {
+function Ba(e) {
 	let { activeIndex: t, indicatorRef: n, isAnimated: r, orientation: i } = e, a = f(null);
 	u(() => {
 		let e = n.current;
@@ -3467,7 +3530,7 @@ function Ia(e) {
 			return;
 		}
 		let t = e.getBoundingClientRect(), o = typeof e.animate == "function";
-		Fa(a.current, r, o) && Pa(e, i, a.current, t), a.current = t;
+		za(a.current, r, o) && Ra(e, i, a.current, t), a.current = t;
 	}, [
 		t,
 		n,
@@ -3476,34 +3539,34 @@ function Ia(e) {
 	]);
 }
 // src/components/tabs/use_tabs_keyboard_navigation.ts
-var La = {
+var Va = {
 	Home: () => 0,
 	End: (e, t) => t - 1
-}, Ra = (e, t) => (e + 1) % t, za = (e, t) => (e - 1 + t) % t, Ba = {
+}, Ha = (e, t) => (e + 1) % t, Ua = (e, t) => (e - 1 + t) % t, Wa = {
 	horizontal: {
-		...La,
-		ArrowRight: Ra,
-		ArrowLeft: za
+		...Va,
+		ArrowRight: Ha,
+		ArrowLeft: Ua
 	},
 	vertical: {
-		...La,
-		ArrowDown: Ra,
-		ArrowUp: za
+		...Va,
+		ArrowDown: Ha,
+		ArrowUp: Ua
 	}
 };
-function Va(e) {
+function Ga(e) {
 	return e.flatMap((e, t) => e.disabled ? [] : [t]);
 }
-function Ha(e, t) {
+function Ka(e, t) {
 	let n = e[t];
-	return n && !n.disabled ? t : Va(e)[0] ?? -1;
+	return n && !n.disabled ? t : Ga(e)[0] ?? -1;
 }
-function Ua(e) {
+function qa(e) {
 	let { items: t, activeIndex: n, orientation: r, onNavigate: i } = e;
 	return (e) => {
-		let a = Ba[r][e.key];
+		let a = Wa[r][e.key];
 		if (!a) return;
-		let o = Va(t);
+		let o = Ga(t);
 		if (o.length === 0) return;
 		e.preventDefault();
 		let s = a(o.indexOf(n), o.length);
@@ -3511,32 +3574,32 @@ function Ua(e) {
 	};
 }
 // src/components/tabs/tabs.tsx
-function Wa({ 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 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 }) {
 	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 = Ha(e, y), D = Ua({
+	}, E = Ka(e, y), D = qa({
 		items: e,
 		activeIndex: E,
 		orientation: i,
 		onNavigate: T
-	}), O = Ca({
+	}), O = Da({
 		orientation: i,
 		unstyled: c,
 		className: h
 	}), k = u && !c;
-	return Ia({
+	return Ba({
 		activeIndex: y,
 		indicatorRef: C,
 		isAnimated: u,
 		orientation: i
 	}), /* @__PURE__ */ _("div", {
-		className: Sa(i, p),
+		className: Ea(i, p),
 		children: [/* @__PURE__ */ g("div", {
 			role: "tablist",
 			"aria-orientation": i,
-			className: wa({
+			className: Oa({
 				variant: r,
 				orientation: i,
 				radius: o,
@@ -3544,7 +3607,7 @@ function Wa({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", orie
 				isFullWidth: s,
 				className: m
 			}),
-			children: e.map((e, t) => /* @__PURE__ */ g(Da, {
+			children: e.map((e, t) => /* @__PURE__ */ g(ja, {
 				ref: (e) => {
 					S.current[t] = e;
 				},
@@ -3564,14 +3627,14 @@ function Wa({ 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(Oa, {
+		}), d ? e.map((e, t) => /* @__PURE__ */ g(Ma, {
 			panelId: `${x}-panel-${t}`,
 			tabId: `${x}-tab-${t}`,
 			isHidden: t !== y,
 			isAnimated: k,
 			className: O,
 			children: e.content
-		}, e.title)) : /* @__PURE__ */ g(Oa, {
+		}, e.title)) : /* @__PURE__ */ g(Ma, {
 			panelId: `${x}-panel-${y}`,
 			tabId: `${x}-tab-${y}`,
 			isHidden: !1,
@@ -3583,8 +3646,8 @@ function Wa({ items: e, value: t, defaultIndex: n = 0, variant: r = "line", orie
 	});
 }
 // src/components/textarea/textarea.tsx
-function Ga({ 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 } = gi(u, d), T = r && (i !== void 0 || a !== void 0), E = (e) => {
+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 }) {
+	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);
 	};
 	return /* @__PURE__ */ _(Fe, {
@@ -3621,7 +3684,7 @@ function Ga({ label: e, description: t, error: n, showCharCount: r = !1, minLeng
 	});
 }
 // src/lib/is_webkit_gtk.ts
-var Ka = "AppleWebKit", qa = ["Linux", "X11"], Ja = [
+var Xa = "AppleWebKit", Za = ["Linux", "X11"], Qa = [
 	"Chrome",
 	"Chromium",
 	"Edg",
@@ -3629,12 +3692,12 @@ var Ka = "AppleWebKit", qa = ["Linux", "X11"], Ja = [
 	"CriOS",
 	"FxiOS"
 ];
-function Ya(e) {
-	return !e.includes(Ka) || !qa.some((t) => e.includes(t)) ? !1 : !Ja.some((t) => e.includes(t));
+function $a(e) {
+	return !e.includes(Xa) || !Za.some((t) => e.includes(t)) ? !1 : !Qa.some((t) => e.includes(t));
 }
 // src/lib/theme_transition.ts
-var Xa = 750, Za = "ease-in-out";
-async function Qa({ theme: e, element: t, transitionDuration: n = Xa, transitionEasing: r = Za, applyThemeCallback: i }) {
+var eo = 750, to = "ease-in-out";
+async function no({ theme: e, element: t, transitionDuration: n = eo, transitionEasing: r = to, applyThemeCallback: i }) {
 	if (!document.startViewTransition || globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches) {
 		i(e);
 		return;
@@ -3648,51 +3711,51 @@ async function Qa({ theme: e, element: t, transitionDuration: n = Xa, transition
 		pseudoElement: "::view-transition-new(root)"
 	});
 }
-function $a(e) {
+function ro(e) {
 	return e === "light" ? "dark" : e === "dark" ? "system" : "light";
 }
 // src/stores/theme_store/theme_store.ts
-var eo = "theme";
-function to(e) {
+var io = "theme";
+function ao(e) {
 	return e === "light" || e === "dark" || e === "system";
 }
-function no() {
+function oo() {
 	return globalThis.window !== void 0 && globalThis.document !== void 0;
 }
-function ro(e) {
+function so(e) {
 	let t = window.matchMedia("(prefers-color-scheme: dark)").matches, n = e === "dark" || e === "system" && t;
 	document.documentElement.classList.toggle("dark", n);
 }
-function io() {
-	if (!no()) return "system";
-	let e = globalThis.localStorage.getItem(eo);
-	return to(e) ? e : "system";
+function co() {
+	if (!oo()) return "system";
+	let e = globalThis.localStorage.getItem(io);
+	return ao(e) ? e : "system";
 }
-var ao = io();
-no() && ro(ao);
-var oo = si((e) => ({
-	theme: ao,
+var lo = co();
+oo() && so(lo);
+var uo = ui((e) => ({
+	theme: lo,
 	setTheme: (t) => {
-		ro(t), no() && globalThis.localStorage.setItem(eo, t), e({ theme: t });
+		so(t), oo() && globalThis.localStorage.setItem(io, t), e({ theme: t });
 	}
 }));
-no() && (globalThis.addEventListener("storage", (e) => {
-	if (e.key !== eo) return;
-	let t = to(e.newValue) ? e.newValue : "system";
-	ro(t), oo.setState({ 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 });
 }), globalThis.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
-	oo.getState().theme === "system" && ro("system");
+	uo.getState().theme === "system" && so("system");
 }));
 // src/components/theme_toggle/theme_toggle.tsx
-var so = {
+var fo = {
 	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"
-}, co = "i-tabler-device-desktop text-gray-400";
-function lo({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: n, size: r = "md", radius: i, variant: a, getAriaLabel: s, tooltip: c }) {
-	let l = oo((e) => e.theme), u = oo((e) => e.setTheme), d = Ae(), p = Ne(), m = f(null), h = o(async () => {
-		let r = $a(l), i = m.current, a = e ?? !Ya(navigator.userAgent);
-		i && a ? await Qa({
+}, 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({
 			theme: r,
 			element: i,
 			transitionDuration: t,
@@ -3705,8 +3768,8 @@ function lo({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: n
 		t,
 		n,
 		u
-	]), _ = p ? so[l] : co;
-	return /* @__PURE__ */ g(Tr, {
+	]), _ = p ? fo[l] : po;
+	return /* @__PURE__ */ g(Er, {
 		ref: m,
 		icon: _,
 		"aria-label": (s ?? d.currentTheme)(l),
@@ -3720,7 +3783,7 @@ function lo({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: n
 	});
 }
 // src/components/toolbar/toolbar_items.ts
-var uo = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summary, [contenteditable]:not([contenteditable=\"false\"]), [tabindex]", fo = [
+var ho = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summary, [contenteditable]:not([contenteditable=\"false\"]), [tabindex]", go = [
 	"textarea",
 	"[contenteditable]:not([contenteditable=\"false\"])",
 	`input:not(${[
@@ -3735,45 +3798,45 @@ var uo = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summa
 		"submit"
 	].map((e) => `[type="${e}"]`).join(", ")})`
 ].join(", ");
-function po(e) {
+function _o(e) {
 	return e.matches(":disabled, [aria-disabled=\"true\"]");
 }
-function mo(e) {
-	return Array.from(e.querySelectorAll(uo));
+function vo(e) {
+	return Array.from(e.querySelectorAll(ho));
 }
-function ho(e) {
-	return mo(e).filter((e) => !po(e));
+function yo(e) {
+	return vo(e).filter((e) => !_o(e));
 }
-function go(e) {
-	return e instanceof HTMLElement && e.matches(fo);
+function bo(e) {
+	return e instanceof HTMLElement && e.matches(go);
 }
 // src/components/toolbar/toolbar_navigation.ts
-var _o = (e, t) => (e + 1) % t, vo = (e, t) => (e - 1 + t) % t, yo = () => 0, bo = (e, t) => t - 1, xo = {
+var xo = (e, t) => (e + 1) % t, So = (e, t) => (e - 1 + t) % t, Co = () => 0, wo = (e, t) => t - 1, To = {
 	horizontal: {
-		ArrowRight: _o,
-		ArrowLeft: vo,
-		Home: yo,
-		End: bo
+		ArrowRight: xo,
+		ArrowLeft: So,
+		Home: Co,
+		End: wo
 	},
 	vertical: {
-		ArrowDown: _o,
-		ArrowUp: vo,
-		Home: yo,
-		End: bo
+		ArrowDown: xo,
+		ArrowUp: So,
+		Home: Co,
+		End: wo
 	}
 };
-function So(e) {
-	let { key: t, orientation: n, currentPosition: r, itemCount: i } = e, a = xo[n][t];
+function Eo(e) {
+	let { key: t, orientation: n, currentPosition: r, itemCount: i } = e, a = To[n][t];
 	if (a && i !== 0) return a(r, i);
 }
 // src/components/toolbar/use_toolbar_roving_focus.ts
-var Co = ["disabled", "aria-disabled"];
-function wo(e, t) {
+var Do = ["disabled", "aria-disabled"];
+function Oo(e, t) {
 	let n = f(null), r = o(() => {
 		let t = e.current;
 		if (!t) return;
-		let r = ho(t), i = n.current, a = i && r.includes(i) ? i : r[0];
-		for (let e of mo(t)) e.tabIndex = e === a ? 0 : -1;
+		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;
 	}, [e]);
 	return c(() => {
 		let t = e.current;
@@ -3784,19 +3847,19 @@ function wo(e, t) {
 			subtree: !0,
 			childList: !0,
 			attributes: !0,
-			attributeFilter: Co
+			attributeFilter: Do
 		}), () => n.disconnect();
 	}, [e, r]), {
 		handleFocus: (t) => {
 			let i = e.current;
 			if (!i) return;
-			let a = ho(i).find((e) => e === t.target);
+			let a = yo(i).find((e) => e === t.target);
 			a && (n.current = a, r());
 		},
 		handleKeyDown: (n) => {
 			let r = e.current;
-			if (!r || go(n.target)) return;
-			let i = ho(r), a = So({
+			if (!r || bo(n.target)) return;
+			let i = yo(r), a = Eo({
 				key: n.key,
 				orientation: t,
 				currentPosition: i.findIndex((e) => e === n.target),
@@ -3807,18 +3870,18 @@ function wo(e, t) {
 	};
 }
 // src/components/toolbar/toolbar.tsx
-var To = {
+var ko = {
 	horizontal: "flex items-center gap-1",
 	vertical: "flex flex-col items-stretch gap-1"
 };
-function Eo(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 } = wo(c, t);
+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);
 	return /* @__PURE__ */ g("div", {
 		...s,
 		ref: we(c, i),
 		role: "toolbar",
 		"aria-orientation": t,
-		className: x(!n && To[t], r),
+		className: x(!n && ko[t], r),
 		onFocus: (e) => {
 			l(e), a?.(e);
 		},
@@ -3828,13 +3891,13 @@ function Eo(e) {
 	});
 }
 // src/components/ui_provider/ui_provider.tsx
-function Do(e = {}) {
+function jo(e = {}) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
 }
-function Oo({ labels: e, announceFieldErrors: t, children: n }) {
+function Mo({ labels: e, announceFieldErrors: t, children: n }) {
 	let r = s(ke), i = ye(), a = d(() => ({
 		...r,
-		...Do(e)
+		...jo(e)
 	}), [r, e]);
 	return /* @__PURE__ */ g(ke.Provider, {
 		value: a,
@@ -3845,10 +3908,10 @@ function Oo({ labels: e, announceFieldErrors: t, children: n }) {
 	});
 }
 // src/hooks/use_is_client/with_client_only.tsx
-var ko = (e) => {
+var No = (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, qi as ConfirmModal, Qn as ContextMenu, tr as CopyButton, mi as Drawer, ir as Highlight, Tr as IconButton, _i as Input, yi as Kbd, Si as Menu, Ci as MenuGroup, Pi as MenuItem, Fi as MenuSeparator, Yi as Modal, Xi as ModalFooter, Zi as ModalProvider, ra as MultiCombobox, aa as RadioOptions, oa as Select, sa as Switch, Wa as Tabs, Ga as Textarea, lo as ThemeToggle, Eo as Toolbar, xr as Tooltip, Oo as UIProvider, nr as splitIntoHighlightSegments, ui as useDisableHotkeysWhileMounted, ci as useGlobalHotkeysStore, Ne as useIsClient, oo as useThemeStore, ko 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, 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 };