@minimalstuff/ui 5.1.0 → 5.3.0

package/dist/minimalstuff-ui.js

@@ -1,20 +1,20 @@
 import e from "clsx";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { cloneElement as i, createContext as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { arrow as h, autoUpdate as g, flip as _, offset as v, shift as y, useFloating as b } from "@floating-ui/react-dom";
-import { createPortal as x } from "react-dom";
-import { create as S } from "zustand";
-import { createCallable as C } from "react-call";
+import { cloneElement as i, createContext as a, isValidElement as o, memo as s, useCallback as c, useContext as l, useEffect as u, useEffectEvent as d, useId as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { arrow as _, autoUpdate as v, flip as y, offset as b, shift as x, useFloating as S } from "@floating-ui/react-dom";
+import { createPortal as C } from "react-dom";
+import { create as w } from "zustand";
+import { createCallable as T } from "react-call";
 // src/components/shared/surface_tokens.ts
-var w = "border-gray-300 dark:border-gray-600", T = "bg-white dark:bg-gray-800", E = "border-gray-200 dark:border-gray-700", D = "bg-white dark:bg-gray-900", O = "[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]", k = `[scrollbar-width:thin] ${O}`;
-`${O}`;
+var E = "border-gray-300 dark:border-gray-600", D = "bg-white dark:bg-gray-800", O = "border-gray-200 dark:border-gray-700", k = "bg-white dark:bg-gray-900", A = "[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]", j = `[scrollbar-width:thin] ${A}`;
+`${A}`;
 // src/components/app_bar/app_bar.tsx
-var A = e("grid min-h-8 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3 border-b text-xs", "pl-[max(0.75rem,env(safe-area-inset-left))] pr-[max(0.75rem,env(safe-area-inset-right))]", "text-gray-700 dark:text-gray-300", D, E);
-function j(t) {
+var M = e("grid min-h-8 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3 border-b text-xs", "pl-[max(0.75rem,env(safe-area-inset-left))] pr-[max(0.75rem,env(safe-area-inset-right))]", "text-gray-700 dark:text-gray-300", k, O);
+function N(t) {
 	let { start: i, title: a, end: o, startClassName: s, titleClassName: c, endClassName: l, unstyled: u = !1, className: d, ...f } = t;
 	return /* @__PURE__ */ r("header", {
 		...f,
-		className: e(!u && A, d),
+		className: e(!u && M, d),
 		children: [
 			/* @__PURE__ */ n("div", {
 				className: e("flex min-w-0 items-center justify-start", s),
@@ -32,7 +32,7 @@ function j(t) {
 	});
 }
 // src/components/shared/focus_styles.ts
-var M = "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", N = "focus:outline-hidden focus:ring-2 focus:ring-blue-500 focus:border-transparent", P = "has-[:focus-visible]:outline-hidden has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2 has-[:focus-visible]:ring-offset-white dark:has-[:focus-visible]:ring-offset-gray-900", F = "has-[:focus-visible]:ring-blue-500", I = "has-[:focus-visible]:ring-red-500", L = "outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-500 dark:focus-visible:outline-blue-400", R = {
+var P = "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", F = "focus:outline-hidden focus:ring-2 focus:ring-blue-500 focus:border-transparent", I = "has-[:focus-visible]:outline-hidden has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2 has-[:focus-visible]:ring-offset-white dark:has-[:focus-visible]:ring-offset-gray-900", L = "has-[:focus-visible]:ring-blue-500", R = "has-[:focus-visible]:ring-red-500", z = "outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-500 dark:focus-visible:outline-blue-400", B = "outline-2 -outline-offset-2 outline-blue-500 dark:outline-blue-400", V = {
 	primary: {
 		solid: "border-transparent bg-blue-600 text-white interactive:hover:bg-blue-700 interactive:active:bg-blue-800",
 		outline: "border-blue-300 bg-transparent text-blue-700 interactive:hover:bg-blue-50 interactive:active:bg-blue-100 dark:border-blue-800 dark:text-blue-400 dark:interactive:hover:bg-blue-950/40 dark:interactive:active:bg-blue-950/60",
@@ -73,85 +73,85 @@ var M = "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2",
 		pressedSolid: "border-transparent bg-yellow-900 text-white ring-2 ring-inset ring-white interactive:hover:bg-yellow-950 interactive:active:bg-yellow-950",
 		focusOutline: "focus-visible:outline-yellow-700 dark:focus-visible:outline-yellow-500"
 	}
-}, z = "inline-flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:cursor-not-allowed", B = `cursor-pointer transition-[color,background-color,border-color,transform] duration-200 interactive:active:duration-75 ms-button-press ${M}`;
-function V(e, t, n) {
-	let r = R[e];
+}, H = "inline-flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:cursor-not-allowed", U = `cursor-pointer transition-[color,background-color,border-color,transform] duration-200 interactive:active:duration-75 ms-button-press ${P}`;
+function W(e, t, n) {
+	let r = V[e];
 	return n ? r.pressedSolid : r[t];
 }
 // src/components/shared/radius.ts
-var H = {
+var G = {
 	none: "rounded-none",
 	sm: "rounded-sm",
 	md: "rounded-md",
 	lg: "rounded-lg",
 	xl: "rounded-xl",
 	full: "rounded-full"
-}, U = {
-	...H,
-	full: H.lg
-}, W = {
+}, ee = {
+	...G,
+	full: G.lg
+}, te = {
 	xs: "h-6 w-6 text-xs",
 	sm: "h-8 w-8 text-sm",
 	md: "h-10 w-10 text-base",
 	lg: "h-12 w-12 text-xl"
-}, G = new Intl.Segmenter(void 0, { granularity: "grapheme" });
-function ee(e) {
+}, ne = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function re(e) {
 	let t = e.trim();
 	if (t.length === 0) return "";
-	let [n] = G.segment(t);
+	let [n] = ne.segment(t);
 	return n.segment.toUpperCase();
 }
-function te({ name: t, src: r, size: i = "sm", color: a = "primary", radius: o = "full", unstyled: s = !1, className: c }) {
-	let [l, u] = m(null), d = r !== void 0 && r !== l, f = t.trim().length > 0, p = d ? /* @__PURE__ */ n("img", {
+function ie({ name: t, src: r, size: i = "sm", color: a = "primary", radius: o = "full", unstyled: s = !1, className: c }) {
+	let [l, u] = g(null), d = r !== void 0 && r !== l, f = t.trim().length > 0, p = d ? /* @__PURE__ */ n("img", {
 		src: r,
 		alt: "",
 		onError: () => u(r ?? null),
 		className: "h-full w-full object-cover"
 	}) : /* @__PURE__ */ n("span", {
 		"aria-hidden": "true",
-		children: ee(t)
+		children: re(t)
 	});
 	return /* @__PURE__ */ n("span", {
 		role: f ? "img" : void 0,
 		"aria-label": f ? t : void 0,
 		"aria-hidden": !f || void 0,
-		className: e("inline-flex flex-shrink-0 items-center justify-center overflow-hidden", W[i], !s && H[o], !s && !d && ["border font-semibold", R[a].solid], c),
+		className: e("inline-flex flex-shrink-0 items-center justify-center overflow-hidden", te[i], !s && G[o], !s && !d && ["border font-semibold", V[a].solid], c),
 		children: p
 	});
 }
 // src/components/badge/badge.tsx
-var ne = {
+var ae = {
 	xs: "px-1.5 py-0.5 text-xs",
 	sm: "px-2.5 py-1 text-sm",
 	md: "px-3 py-1 text-base",
 	lg: "px-3.5 py-1.5 text-lg"
-}, re = ({ children: t, color: r = "primary", variant: i = "subtle", size: a = "sm", radius: o = "md", unstyled: s = !1, className: c, ...l }) => /* @__PURE__ */ n("span", {
+}, oe = ({ children: t, color: r = "primary", variant: i = "subtle", size: a = "sm", radius: o = "md", unstyled: s = !1, className: c, ...l }) => /* @__PURE__ */ n("span", {
 	className: e("inline-flex items-center", !s && [
 		"gap-1 border",
-		H[o],
-		ne[a],
-		R[r][i]
+		G[o],
+		ae[a],
+		V[r][i]
 	], c),
 	...l,
 	children: t
-}), ie = {
+}), se = {
 	xs: "px-2 py-1 text-xs",
 	sm: "px-3 py-1.5 text-sm",
 	md: "px-4 py-2 text-sm",
 	lg: "px-4 py-3 text-base"
 };
-function K(t = {}) {
+function ce(t = {}) {
 	let { variant: n = "solid", color: r = "primary", size: i = "md", radius: a = "md", fullWidth: o = !1, pressed: s = !1, unstyled: c = !1, className: l } = t;
-	return e(z, !c && [
-		B,
+	return e(H, !c && [
+		U,
 		"gap-2 font-medium border",
-		H[a],
-		ie[i],
-		V(r, n, s),
-		R[r].focusOutline
+		G[a],
+		se[i],
+		W(r, n, s),
+		V[r].focusOutline
 	], o && "w-full", l);
 }
-var q = a({
+var K = a({
 	close: "Close",
 	confirm: "Confirm",
 	cancel: "Cancel",
@@ -170,23 +170,23 @@ var q = a({
 	maxSelectedHint: (e) => `You can select up to ${e} items`
 });
 // src/components/ui_provider/use_labels.ts
-function J() {
-	return c(q);
+function q() {
+	return l(K);
 }
 // src/components/button/button.tsx
-var ae = {
+var le = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
 };
-function Y(t) {
-	let { unstyled: i = !1, variant: a = "solid", color: o = "primary", size: s = "md", radius: c = "md", children: l, className: u, fullWidth: d = !1, loading: f = !1, pressed: p, startIcon: m, endIcon: h, disabled: g, onClick: _, "aria-label": v, ...y } = t, b = J(), x = v !== void 0, S = f && x ? `${v} ${b.loading}` : v, C = ae[s], w = (e) => {
+function J(t) {
+	let { unstyled: i = !1, variant: a = "solid", color: o = "primary", size: s = "md", radius: c = "md", children: l, className: u, fullWidth: d = !1, loading: f = !1, pressed: p, startIcon: m, endIcon: h, disabled: g, onClick: _, "aria-label": v, ...y } = t, b = q(), x = v !== void 0, S = f && x ? `${v} ${b.loading}` : v, C = le[s], w = (e) => {
 		f ? e.preventDefault() : _?.(e);
 	};
 	return /* @__PURE__ */ r("button", {
 		type: "button",
-		className: K({
+		className: ce({
 			variant: a,
 			color: o,
 			size: s,
@@ -225,13 +225,13 @@ function Y(t) {
 	});
 }
 // src/components/card/card_header.tsx
-var oe = {
+var ue = {
 	2: "h2",
 	3: "h3",
 	4: "h4"
 };
-function X({ title: e, titleId: t, level: i, description: a, actions: o }) {
-	let s = oe[i];
+function Y({ title: e, titleId: t, level: i, description: a, actions: o }) {
+	let s = ue[i];
 	return /* @__PURE__ */ r("div", {
 		className: "mb-4",
 		children: [/* @__PURE__ */ r("div", {
@@ -248,25 +248,25 @@ function X({ title: e, titleId: t, level: i, description: a, actions: o }) {
 	});
 }
 // src/components/card/card.tsx
-var se = {
+var de = {
 	none: "",
 	sm: "p-4",
 	md: "p-6",
 	lg: "p-8"
 };
-function ce({ children: t, title: i, description: a, actions: o, headingLevel: s = 2, padding: c = "md", radius: l = "lg", unstyled: d = !1, className: f }) {
-	let p = u(), m = !!i;
+function fe({ children: t, title: i, description: a, actions: o, headingLevel: s = 2, padding: c = "md", radius: l = "lg", unstyled: u = !1, className: d }) {
+	let p = f(), m = !!i;
 	return /* @__PURE__ */ r("div", {
 		role: m ? "region" : void 0,
 		"aria-labelledby": m ? p : void 0,
-		className: e(!d && [
+		className: e(!u && [
 			"border",
 			"bg-white dark:bg-gray-800",
 			"border-gray-200 dark:border-gray-700",
-			H[l],
-			se[c]
-		], f),
-		children: [m && /* @__PURE__ */ n(X, {
+			G[l],
+			de[c]
+		], d),
+		children: [m && /* @__PURE__ */ n(Y, {
 			title: i,
 			titleId: p,
 			level: s,
@@ -276,23 +276,23 @@ function ce({ children: t, title: i, description: a, actions: o, headingLevel: s
 	});
 }
 // src/components/character_count/character_count.tsx
-var le = "text-xs text-gray-500 dark:text-gray-400 mt-1 text-right", ue = .1;
-function de(e, t) {
+var pe = "text-xs text-gray-500 dark:text-gray-400 mt-1 text-right", me = .1;
+function he(e, t) {
 	if (t === void 0) return "ok";
 	let n = t - e;
-	return n <= 0 ? "empty" : n <= Math.max(1, Math.ceil(t * ue)) ? "low" : "ok";
+	return n <= 0 ? "empty" : n <= Math.max(1, Math.ceil(t * me)) ? "low" : "ok";
 }
-function fe(e, t) {
+function X(e, t) {
 	return t ? "" : e === "overLimit" ? "text-red-600 dark:text-red-400" : e === "atLimit" ? "text-amber-700 dark:text-amber-400" : "";
 }
 function Z({ current: i, min: a, max: o, showMin: s, showMax: c, unstyled: l = !1, id: u, className: d }) {
-	let f = J(), p = de(i, o), [h, g] = m({
+	let f = q(), p = he(i, o), [m, h] = g({
 		zone: p,
 		message: ""
 	});
-	if (h.zone !== p) {
+	if (m.zone !== p) {
 		let e = Math.max(0, (o ?? 0) - i);
-		g({
+		h({
 			zone: p,
 			message: p === "ok" ? "" : f.charactersRemaining(e)
 		});
@@ -300,34 +300,34 @@ function Z({ current: i, min: a, max: o, showMin: s, showMax: c, unstyled: l = !
 	let _ = s === !0 || c === !0, v = a !== void 0 && i <= a ? "atLimit" : "ok", y = o !== void 0 && i > o ? "overLimit" : o !== void 0 && i >= o ? "atLimit" : "ok", b = _ ? `${i}/${a} min` : `${i} (min ${a})`, x = _ ? `${i}/${o} max` : `${i}/${o}`;
 	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
 		id: u,
-		className: e(!l && le, d),
+		className: e(!l && pe, d),
 		children: [
 			s && a !== void 0 && /* @__PURE__ */ n("span", {
-				className: fe(v, l),
+				className: X(v, l),
 				children: b
 			}),
 			s && c && " · ",
 			c && o !== void 0 && /* @__PURE__ */ n("span", {
-				className: fe(y, l),
+				className: X(y, l),
 				children: x
 			}),
 			!s && !c && o !== void 0 && /* @__PURE__ */ n("span", {
-				className: fe(y, l),
+				className: X(y, l),
 				children: x
 			}),
 			!s && !c && a !== void 0 && o === void 0 && /* @__PURE__ */ n("span", {
-				className: fe(v, l),
+				className: X(v, l),
 				children: b
 			})
 		]
 	}), /* @__PURE__ */ n("span", {
 		"aria-live": "polite",
 		className: "sr-only",
-		children: h.message
+		children: m.message
 	})] });
 }
 // src/components/shared/checkmark_icon.tsx
-function pe() {
+function ge() {
 	return /* @__PURE__ */ n("svg", {
 		className: "h-3 w-3 text-white",
 		viewBox: "0 0 12 12",
@@ -340,7 +340,7 @@ function pe() {
 	});
 }
 // src/components/shared/dash_icon.tsx
-function me() {
+function _e() {
 	return /* @__PURE__ */ n("svg", {
 		className: "h-3 w-3 text-white",
 		viewBox: "0 0 12 12",
@@ -356,63 +356,63 @@ function me() {
 		})
 	});
 }
-var he = `w-full border ${w} ${T} text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 ${N} transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`, ge = "text-sm font-medium text-gray-700 dark:text-gray-300", _e = "text-red-500 dark:text-red-400 ml-1", ve = "text-xs text-gray-600 dark:text-gray-400", ye = "text-xs text-red-600 dark:text-red-400", be = "border-red-500 dark:border-red-400", xe = ({ id: t, description: r, className: i }) => r ? typeof r == "string" ? /* @__PURE__ */ n("p", {
+var ve = `w-full border ${E} ${D} text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 ${F} transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`, ye = "text-sm font-medium text-gray-700 dark:text-gray-300", be = "text-red-500 dark:text-red-400 ml-1", xe = "text-xs text-gray-600 dark:text-gray-400", Se = "text-xs text-red-600 dark:text-red-400", Ce = "border-red-500 dark:border-red-400", we = ({ id: t, description: r, className: i }) => r ? typeof r == "string" ? /* @__PURE__ */ n("p", {
 	id: t,
-	className: e(ve, i),
+	className: e(xe, i),
 	children: r
 }) : /* @__PURE__ */ n("span", {
 	id: t,
-	className: e(ve, "block", i),
+	className: e(xe, "block", i),
 	children: r
-}) : null, Se = a(!0);
-function Ce() {
-	return c(Se);
+}) : null, Te = a(!0);
+function Ee() {
+	return l(Te);
 }
 // src/components/shared/field_error.tsx
-var we = ({ id: t, error: r, className: i }) => {
-	let a = Ce();
+var Q = ({ id: t, error: r, className: i }) => {
+	let a = Ee();
 	return r ? /* @__PURE__ */ n("p", {
 		id: t,
-		className: e(ye, i),
+		className: e(Se, i),
 		role: a ? "alert" : void 0,
 		children: r
 	}) : null;
 };
 // src/components/shared/join_ids.ts
-function Q(...e) {
+function De(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 // src/components/shared/option_card_styles.ts
-function Te(t) {
+function Oe(t) {
 	let { isSelected: n, isError: r, isDisabled: i, radius: a, unstyled: o } = t;
-	return e("relative flex cursor-pointer items-start gap-3 transition-colors duration-150", P, r ? I : F, !o && [
-		H[a],
+	return e("relative flex cursor-pointer items-start gap-3 transition-colors duration-150", I, r ? R : L, !o && [
+		G[a],
 		"border px-3 py-2.5",
 		n ? r ? e("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" : r ? "border-red-300 bg-white dark:border-red-800/50 dark:bg-gray-800/50" : e("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")
 	], i && "cursor-not-allowed opacity-50");
 }
-function Ee(e) {
+function ke(e) {
 	let { isSelected: t, isError: n } = e;
-	return t ? n ? be : "border-blue-600 dark:border-blue-500" : n ? "border-red-400 dark:border-red-600" : w;
+	return t ? n ? Ce : "border-blue-600 dark:border-blue-500" : n ? "border-red-400 dark:border-red-600" : E;
 }
 // src/components/shared/required_mark.tsx
-function De() {
+function Ae() {
 	return /* @__PURE__ */ n("span", {
-		className: _e,
+		className: be,
 		"aria-hidden": "true",
 		children: "*"
 	});
 }
 // src/components/shared/use_controlled_state.ts
-function Oe(e, t) {
-	let [n, r] = m(t), i = e !== void 0, a = s((e) => {
+function je(e, t) {
+	let [n, r] = g(t), i = e !== void 0, a = c((e) => {
 		i || r(e);
 	}, [i]);
 	return [i ? e : n, a];
 }
 // src/components/shared/use_field_ids.ts
-function $(e) {
-	let t = u(), n = e ?? t;
+function Me(e) {
+	let t = f(), n = e ?? t;
 	return {
 		fieldId: n,
 		errorId: `${n}-error`,
@@ -422,91 +422,123 @@ function $(e) {
 	};
 }
 // src/components/shared/use_warn_unnamed.ts
-var ke = "needs an accessible name. Provide a `label`, `aria-label` or `aria-labelledby` prop.";
-function Ae(e, t, n = ke) {
-	l(() => {
-		process.env.NODE_ENV === "production" || t || console.warn(`${e}: ${n}`);
+var Ne = "needs an accessible name. Provide a `label`, `aria-label` or `aria-labelledby` prop.", Pe = "needs an accessible name. Provide a `label`, `aria-label` or `aria-labelledby` prop, or a `<label>` that targets it.";
+function Fe(e, t) {
+	process.env.NODE_ENV !== "production" && console.warn(`${e}: ${t}`);
+}
+function Ie(e, t, n = Ne) {
+	u(() => {
+		t || Fe(e, n);
 	}, [
 		e,
 		t,
 		n
 	]);
 }
+function Le(e, t, n, r = Pe) {
+	u(() => {
+		n || (t.current?.labels?.length ?? 0) > 0 || Fe(e, r);
+	}, [
+		e,
+		t,
+		n,
+		r
+	]);
+}
 // src/lib/merge_refs.ts
-function je(...e) {
+function $(...e) {
 	return (t) => {
 		for (let n of e) typeof n == "function" ? n(t) : n && (n.current = t);
 	};
 }
 // src/components/checkbox/checkbox.tsx
-function Me(e, i, a) {
+function Re(e, i, a) {
 	return e === void 0 ? null : typeof e == "string" ? /* @__PURE__ */ r("span", {
 		className: i,
-		children: [e, a && /* @__PURE__ */ n(De, {})]
-	}) : /* @__PURE__ */ r(t, { children: [e, a && /* @__PURE__ */ n(De, {})] });
-}
-function Ne({ label: t, indeterminate: i = !1, description: a, error: o, radius: s = "sm", unstyled: c = !1, fullWidth: u = !1, variant: d = "inline", className: m, wrapperClassName: h, checked: g, defaultChecked: _ = !1, onChange: v, id: y, "aria-describedby": b, "aria-label": x, "aria-labelledby": S, ref: C, ...w }) {
-	let { fieldId: T, errorId: E, descriptionId: D } = $(y), [O, k] = Oe(g, _), A = p(null), j = d === "card", M = O || i, N = Q(b, !!a && D, o && E);
-	Ae("Checkbox", !!t || !!x?.trim() || !!S?.trim());
-	let P = f(() => je(A, C), [C]);
-	l(() => {
+		children: [e, a && /* @__PURE__ */ n(Ae, {})]
+	}) : /* @__PURE__ */ r(t, { children: [e, a && /* @__PURE__ */ n(Ae, {})] });
+}
+var ze = "absolute m-0 appearance-none opacity-0";
+function Be(t) {
+	let { hasLabel: n, isCardVariant: r, isDisabled: i } = t;
+	return n ? "sr-only" : e(ze, r ? "inset-0 h-full w-full" : "-inset-0.5 h-6 w-6", i ? "cursor-not-allowed" : "cursor-pointer");
+}
+function Ve({ htmlFor: e, className: t, children: r }) {
+	return e === void 0 ? /* @__PURE__ */ n("div", {
+		className: t,
+		children: r
+	}) : /* @__PURE__ */ n("label", {
+		htmlFor: e,
+		className: t,
+		children: r
+	});
+}
+function He({ label: t, indeterminate: i = !1, description: a, error: o, radius: s = "sm", unstyled: c = !1, fullWidth: l = !1, variant: d = "inline", className: f, wrapperClassName: p, checked: g, defaultChecked: _ = !1, onChange: v, id: y, "aria-describedby": b, "aria-label": x, "aria-labelledby": S, ref: C, ...w }) {
+	let { fieldId: T, errorId: E, descriptionId: D } = Me(y), [O, k] = je(g, _), A = h(null), j = d === "card", M = !!t, N = O || i, P = De(b, !!a && D, o && E);
+	Le("Checkbox", A, !!t || !!x?.trim() || !!S?.trim());
+	let F = m(() => $(A, C), [C]);
+	u(() => {
 		A.current && (A.current.indeterminate = i);
 	});
-	let F = (e) => {
+	let I = (e) => {
 		e.target.indeterminate = i, k(e.target.checked), v?.(e);
-	}, I = j ? Te({
-		isSelected: M,
+	}, L = j ? Oe({
+		isSelected: N,
 		isError: !!o,
 		isDisabled: w.disabled === !0,
 		radius: s,
 		unstyled: c
-	}) : e("flex items-start gap-3 cursor-pointer", w.disabled && "cursor-not-allowed opacity-50"), L = j ? e("select-none text-sm font-medium", M ? o ? "text-red-700 dark:text-red-300" : "text-blue-700 dark:text-blue-300" : "text-gray-700 dark:text-gray-300") : e(ge, "select-none"), R = e("relative shrink-0", H[s], !j && ["has-[:focus-visible]:outline-hidden has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2 has-[:focus-visible]:ring-offset-white dark:has-[:focus-visible]:ring-offset-gray-900", o ? "has-[:focus-visible]:ring-red-500" : "has-[:focus-visible]:ring-blue-500"]), z = Me(t, L, w.required === !0);
+	}) : e("flex items-start gap-3 cursor-pointer", w.disabled && "cursor-not-allowed opacity-50"), R = j ? e("select-none text-sm font-medium", N ? o ? "text-red-700 dark:text-red-300" : "text-blue-700 dark:text-blue-300" : "text-gray-700 dark:text-gray-300") : e(ye, "select-none"), z = e("shrink-0", (M || !j) && "relative", G[s], !j && ["has-[:focus-visible]:outline-hidden has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2 has-[:focus-visible]:ring-offset-white dark:has-[:focus-visible]:ring-offset-gray-900", o ? "has-[:focus-visible]:ring-red-500" : "has-[:focus-visible]:ring-blue-500"]), B = Re(t, R, w.required === !0);
 	return /* @__PURE__ */ r("div", {
-		className: e(u ? "w-full" : "w-fit", h),
+		className: e(l ? "w-full" : "w-fit", p),
 		children: [
-			/* @__PURE__ */ r("label", {
-				htmlFor: T,
-				className: I,
+			/* @__PURE__ */ r(Ve, {
+				htmlFor: M ? T : void 0,
+				className: L,
 				children: [/* @__PURE__ */ r("span", {
-					className: R,
+					className: z,
 					children: [/* @__PURE__ */ n("input", {
 						type: "checkbox",
-						ref: P,
+						ref: F,
 						id: T,
-						className: "sr-only",
+						className: Be({
+							hasLabel: M,
+							isCardVariant: j,
+							isDisabled: w.disabled === !0
+						}),
 						checked: O,
-						onChange: F,
+						onChange: I,
 						"aria-invalid": !!o,
-						"aria-describedby": N,
+						"aria-describedby": P,
 						"aria-label": x,
 						"aria-labelledby": S,
 						...w
 					}), /* @__PURE__ */ n("span", {
 						className: e("flex h-5 w-5 items-center justify-center transition-all duration-200", !c && [
-							H[s],
+							G[s],
 							"border-2",
-							M ? e("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : e("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800"),
+							N ? e("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : e("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800"),
 							o && "border-red-500 dark:border-red-400"
-						], m),
+						], f),
 						"aria-hidden": !0,
-						children: i ? /* @__PURE__ */ n(me, {}) : O && /* @__PURE__ */ n(pe, {})
+						children: i ? /* @__PURE__ */ n(_e, {}) : O && /* @__PURE__ */ n(ge, {})
 					})]
 				}), j ? /* @__PURE__ */ r("span", {
 					className: "flex min-w-0 flex-col",
-					children: [z, a && /* @__PURE__ */ n("span", {
+					children: [B, a && /* @__PURE__ */ n("span", {
 						id: D,
 						className: e("text-xs text-gray-600 dark:text-gray-400", "mt-0.5"),
 						"aria-hidden": "true",
 						children: a
 					})]
-				}) : z]
+				}) : B]
 			}),
-			!j && /* @__PURE__ */ n(xe, {
+			!j && /* @__PURE__ */ n(we, {
 				id: D,
 				description: a,
 				className: "mt-1 ml-8"
 			}),
-			/* @__PURE__ */ n(we, {
+			/* @__PURE__ */ n(Q, {
 				id: E,
 				error: o,
 				className: j ? "mt-1" : "mt-1 ml-8"
@@ -515,10 +547,10 @@ function Ne({ label: t, indeterminate: i = !1, description: a, error: o, radius:
 	});
 }
 // src/components/shared/option_row.tsx
-function Pe({ item: t, htmlFor: i, descriptionId: a, orientation: o, isSelected: s, isDisabled: c, isError: l, radius: u, unstyled: d, className: f, control: p, indicator: m }) {
+function Ue({ item: t, htmlFor: i, descriptionId: a, orientation: o, isSelected: s, isDisabled: c, isError: l, radius: u, unstyled: d, className: f, control: p, indicator: m }) {
 	return /* @__PURE__ */ r("label", {
 		htmlFor: i,
-		className: e(Te({
+		className: e(Oe({
 			isSelected: s,
 			isError: l,
 			isDisabled: c,
@@ -550,9 +582,9 @@ function Pe({ item: t, htmlFor: i, descriptionId: a, orientation: o, isSelected:
 	});
 }
 // src/components/checkbox_options/checkbox_option_row.tsx
-function Fe({ option: t, optionId: r, descriptionId: i, name: a, orientation: o, isSelected: s, isDisabled: c, error: l, radius: u, unstyled: d, className: f, onToggle: p }) {
+function We({ option: t, optionId: r, descriptionId: i, name: a, orientation: o, isSelected: s, isDisabled: c, error: l, radius: u, unstyled: d, className: f, onToggle: p }) {
 	let m = !!l;
-	return /* @__PURE__ */ n(Pe, {
+	return /* @__PURE__ */ n(Ue, {
 		item: t,
 		htmlFor: r,
 		descriptionId: i,
@@ -576,44 +608,44 @@ function Fe({ option: t, optionId: r, descriptionId: i, name: a, orientation: o,
 			className: "sr-only"
 		}),
 		indicator: /* @__PURE__ */ n("span", {
-			className: e("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center border-2 transition-colors duration-150", H.sm, Ee({
+			className: e("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center border-2 transition-colors duration-150", G.sm, ke({
 				isSelected: s,
 				isError: m
 			}), s && (m ? "bg-red-500 dark:bg-red-400" : "bg-blue-600 dark:bg-blue-500")),
 			"aria-hidden": !0,
-			children: s && /* @__PURE__ */ n(pe, {})
+			children: s && /* @__PURE__ */ n(ge, {})
 		})
 	});
 }
 // src/components/checkbox_options/checkbox_options.tsx
-function Ie(e, t, n) {
+function Ge(e, t, n) {
 	let r = t.includes(n) ? t.filter((e) => e !== n) : [...t, n];
 	return e.map((e) => e.value).filter((e) => r.includes(e));
 }
-function Le({ options: i, orientation: a = "vertical", values: o, defaultValues: s, onChange: c, name: l, label: u, error: d, required: f, requiredLabel: p, disabled: m, radius: h = "lg", unstyled: g = !1, className: _, wrapperClassName: v, id: y, "aria-describedby": b, ...x }) {
-	let S = J(), { fieldId: C, errorId: w } = $(y), T = l ?? C, [E, D] = Oe(o, s ?? []), O = i.map((e) => typeof e == "string" ? {
+function Ke({ options: i, orientation: a = "vertical", values: o, defaultValues: s, onChange: c, name: l, label: u, error: d, required: f, requiredLabel: p, disabled: m, radius: h = "lg", unstyled: g = !1, className: _, wrapperClassName: v, id: y, "aria-describedby": b, ...x }) {
+	let S = q(), { fieldId: C, errorId: w } = Me(y), T = l ?? C, [E, D] = je(o, s ?? []), O = i.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
 	} : e), k = (e) => {
-		let t = Ie(O, E, e);
+		let t = Ge(O, E, e);
 		D(t), c?.(t);
 	};
 	return /* @__PURE__ */ r("fieldset", {
 		className: e("m-0 border-0 p-0", v),
 		disabled: m,
-		"aria-describedby": Q(b, d && w),
+		"aria-describedby": De(b, d && w),
 		...x,
 		children: [
 			u && /* @__PURE__ */ r("legend", {
 				className: e("text-sm font-medium text-gray-700 dark:text-gray-300", "mb-2"),
-				children: [u, f && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(De, {}), /* @__PURE__ */ n("span", {
+				children: [u, f && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(Ae, {}), /* @__PURE__ */ n("span", {
 					className: "sr-only",
 					children: ` (${p ?? S.required})`
 				})] })]
 			}),
 			/* @__PURE__ */ n("div", {
 				className: e(a === "horizontal" ? "flex flex-row gap-2" : "flex flex-col gap-2"),
-				children: O.map((e, t) => /* @__PURE__ */ n(Fe, {
+				children: O.map((e, t) => /* @__PURE__ */ n(We, {
 					option: e,
 					optionId: `${C}-${t}`,
 					descriptionId: `${C}-${t}-desc`,
@@ -628,7 +660,7 @@ function Le({ options: i, orientation: a = "vertical", values: o, defaultValues:
 					onToggle: k
 				}, e.value))
 			}),
-			/* @__PURE__ */ n(we, {
+			/* @__PURE__ */ n(Q, {
 				id: w,
 				error: d,
 				className: "mt-2"
@@ -637,9 +669,9 @@ function Le({ options: i, orientation: a = "vertical", values: o, defaultValues:
 	});
 }
 // src/hooks/use_is_client/use_is_client.tsx
-var Re = () => {
-	let [e, t] = m(!1);
-	return l(() => {
+var qe = () => {
+	let [e, t] = g(!1);
+	return u(() => {
 		let e = requestAnimationFrame(() => {
 			t(!0);
 		});
@@ -649,11 +681,11 @@ var Re = () => {
 	}, []), e;
 };
 // src/components/client_only/client_only.tsx
-function ze({ children: e, fallback: r }) {
-	return Re() ? /* @__PURE__ */ n(t, { children: e }) : r ?? null;
+function Je({ children: e, fallback: r }) {
+	return qe() ? /* @__PURE__ */ n(t, { children: e }) : r ?? null;
 }
 // src/components/shared/field.tsx
-var Be = ({ fieldId: t, errorId: i, descriptionId: a, label: o, description: s, error: c, required: l = !1, wrapperClassName: u, children: d }) => /* @__PURE__ */ r("div", {
+var Ye = ({ fieldId: t, errorId: i, descriptionId: a, label: o, description: s, error: c, required: l = !1, wrapperClassName: u, children: d }) => /* @__PURE__ */ r("div", {
 	className: e("w-full", u),
 	children: [
 		!!o && (typeof o == "string" ? /* @__PURE__ */ r("label", {
@@ -674,92 +706,458 @@ var Be = ({ fieldId: t, errorId: i, descriptionId: a, label: o, description: s,
 			})]
 		})),
 		d,
-		a && /* @__PURE__ */ n(xe, {
+		a && /* @__PURE__ */ n(we, {
 			id: a,
 			description: s,
 			className: "mt-1"
 		}),
-		/* @__PURE__ */ n(we, {
+		/* @__PURE__ */ n(Q, {
 			id: i,
 			error: c,
 			className: "mt-1"
 		})
 	]
 });
+// src/components/shared/has_modifier_key.ts
+function Xe(e) {
+	return e.shiftKey || e.ctrlKey || e.altKey || e.metaKey;
+}
+// src/components/shared/listbox_option_id.ts
+function Ze(e, t) {
+	return `${e}-option-${t}`;
+}
+// src/components/shared/listbox_option.tsx
+function Qe(e) {
+	e.preventDefault();
+}
+function $e(t, n, r, i) {
+	return e("px-3 py-2 text-gray-900 dark:text-gray-100", n ? "opacity-50 cursor-not-allowed" : "cursor-pointer", t ? e("bg-blue-50 dark:bg-blue-900/40", B) : !n && "hover:bg-gray-50 dark:hover:bg-gray-800/60", i && "truncate", r);
+}
+function et(e, t) {
+	let n = e.querySelector(".truncate") ?? e;
+	n.scrollWidth > n.clientWidth ? e.setAttribute("title", t) : e.removeAttribute("title");
+}
+function tt(e, t, n) {
+	if (e !== void 0) return {
+		position: "absolute",
+		top: e,
+		left: 0,
+		right: 0
+	};
+	if (t !== void 0 || n !== void 0) return {
+		marginTop: t,
+		marginBottom: n
+	};
+}
+var nt = /* @__PURE__ */ s(function({ listboxId: e, option: t, index: r, setSize: i, isActive: a, isSelected: o, isDisabled: s, className: c, isTruncated: l, canShowTitle: u, absoluteTop: d, marginTop: f, marginBottom: p, renderContent: m, onOptionClick: h }) {
+	return /* @__PURE__ */ n("li", {
+		id: Ze(e, r),
+		role: "option",
+		"aria-selected": o,
+		"aria-disabled": s,
+		"aria-setsize": i,
+		"aria-posinset": r + 1,
+		onMouseDown: Qe,
+		onMouseEnter: u ? (e) => et(e.currentTarget, t.label) : void 0,
+		onClick: () => h(t),
+		className: $e(a, s, c, l),
+		style: tt(d, f, p),
+		children: m(t, o, l)
+	});
+});
+function rt(e) {
+	return e > 100;
+}
+function it(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function at({ scrollTop: e, viewportHeight: t, rowHeight: n, optionCount: r, overscan: i }) {
+	if (r <= 0) return {
+		startIndex: 0,
+		endIndex: 0
+	};
+	if (n <= 0 || t <= 0) return {
+		startIndex: 0,
+		endIndex: Math.min(r, 20)
+	};
+	let a = Math.floor(e / n), o = Math.ceil((e + t) / n), s = it(a - i, 0, r - 1);
+	return {
+		startIndex: s,
+		endIndex: it(o + i, s + 1, r)
+	};
+}
+function ot({ scrollTop: e, viewportHeight: t, rowHeight: n, index: r, edgePadding: i, targetRowHeight: a }) {
+	let o = i + r * n, s = o + a;
+	return o < e ? Math.max(0, o - i) : s > e + t ? s - t : e;
+}
+function st({ startIndex: e, endIndex: t, activeIndex: n }) {
+	let r = Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n);
+	return n < 0 ? r : n < e ? [n, ...r] : n >= t ? [...r, n] : r;
+}
+// src/components/shared/listbox_page_size.ts
+var ct = 10;
+function lt(e, t) {
+	return Math.max(1, Math.floor(e / t));
+}
+var ut = "[role=\"option\"]";
+function dt(e, t = -1) {
+	return e.querySelector(`[role="option"]:not([aria-posinset="${t + 1}"])`)?.getBoundingClientRect().height ?? 0;
+}
+function ft(e, t = -1) {
+	if (!e) return ct;
+	let n = e.clientHeight, r = dt(e, t);
+	return n <= 0 || r <= 0 ? ct : lt(n, r);
+}
+// src/components/shared/use_stable_callback.ts
+function pt(e) {
+	let t = h(e);
+	return p(() => {
+		t.current = e;
+	}), c((...e) => {
+		t.current(...e);
+	}, []);
+}
+// src/components/shared/use_listbox_metrics.ts
+var mt = {
+	rowHeight: 0,
+	viewportHeight: 0,
+	edgePadding: 0
+};
+function ht(e, t) {
+	return {
+		rowHeight: dt(e, t),
+		viewportHeight: e.clientHeight,
+		edgePadding: Number.parseFloat(getComputedStyle(e).paddingTop) || 0
+	};
+}
+function gt(e, t) {
+	return e.rowHeight === t.rowHeight && e.viewportHeight === t.viewportHeight && e.edgePadding === t.edgePadding;
+}
+function _t({ listboxRef: e, optionCount: t, activeIndex: n, isEnabled: r }) {
+	let [i, a] = g(mt), o = h(null), s = h(null), c = pt(() => {
+		let t = e.current;
+		if (!t) return;
+		let r = ht(t, n);
+		a((e) => {
+			let t = {
+				...r,
+				rowHeight: r.rowHeight || e.rowHeight
+			};
+			return gt(e, t) ? e : t;
+		});
+	});
+	return p(() => {
+		let t = e.current;
+		if (!r || !t || typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(c);
+		return n.observe(t), o.current = n, () => {
+			n.disconnect(), o.current = null, s.current = null;
+		};
+	}, [
+		r,
+		e,
+		c
+	]), p(() => {
+		let t = e.current;
+		if (!r || !t) return;
+		let n = s.current;
+		if (n?.isConnected) return;
+		n && o.current?.unobserve(n);
+		let i = t.querySelector(ut);
+		i && o.current?.observe(i), s.current = i, o.current || c();
+	}), p(() => {
+		r && c();
+	}, [
+		r,
+		t,
+		c
+	]), i;
+}
+// src/components/shared/use_listbox_window.ts
+function vt(e, t) {
+	return e.startIndex === t.startIndex && e.endIndex === t.endIndex;
+}
+function yt({ listboxRef: e, optionCount: t, activeIndex: n, isWindowed: r }) {
+	let i = _t({
+		listboxRef: e,
+		optionCount: t,
+		activeIndex: n,
+		isEnabled: r
+	}), [a, o] = g(() => at({
+		scrollTop: 0,
+		viewportHeight: 0,
+		rowHeight: 0,
+		optionCount: t,
+		overscan: 10
+	})), s = c(() => {
+		let n = e.current;
+		if (!r || !n) return;
+		let a = at({
+			scrollTop: n.scrollTop,
+			viewportHeight: i.viewportHeight,
+			rowHeight: i.rowHeight,
+			optionCount: t,
+			overscan: 10
+		});
+		o((e) => vt(e, a) ? e : a);
+	}, [
+		e,
+		r,
+		i,
+		t
+	]);
+	p(s, [s]);
+	let l = Math.min(a.endIndex, t);
+	return {
+		startIndex: Math.min(a.startIndex, l),
+		endIndex: l,
+		metrics: i,
+		refreshWindow: s
+	};
+}
+// src/components/shared/use_scroll_to_active_option.ts
+function bt({ listboxRef: e, listboxId: t, activeIndex: n, initialVisibleIndex: r, isWindowed: i, metrics: a, refreshWindow: o }) {
+	let s = h(r), c = a.rowHeight > 0, l = pt((n) => {
+		if (!i) {
+			document.getElementById(Ze(t, n))?.scrollIntoView?.({ block: "nearest" });
+			return;
+		}
+		let r = e.current;
+		if (!r) return;
+		let s = document.getElementById(Ze(t, n))?.getBoundingClientRect().height ?? 0, c = s > 0 ? s : a.rowHeight;
+		r.scrollTop = ot({
+			scrollTop: r.scrollTop,
+			viewportHeight: r.clientHeight,
+			rowHeight: a.rowHeight,
+			index: n,
+			edgePadding: a.edgePadding,
+			targetRowHeight: c
+		}), o();
+	});
+	p(() => {
+		if (i && !c) return;
+		if (n >= 0) {
+			s.current = void 0, l(n);
+			return;
+		}
+		let e = s.current;
+		e === void 0 || e < 0 || (s.current = void 0, l(e));
+	}, [
+		n,
+		i,
+		c,
+		l
+	]);
+}
+// src/components/shared/listbox_options.tsx
+var xt = 50, St = "max-h-60 overflow-auto py-1", Ct = "w-0 min-w-full";
+function wt(e, t) {
+	return `${e * t}px`;
+}
+function Tt(e, t) {
+	return `${t.edgePadding + e * t.rowHeight}px`;
+}
+function Et() {
+	let [e, t] = g(!1);
+	return u(() => {
+		let e = setTimeout(() => t(!0), xt);
+		return () => clearTimeout(e);
+	}, []), e;
+}
+function Dt({ ref: i, id: a, options: o, activeIndex: s, noResultsText: c, isWindowed: l = !1, labelOverflow: u = "wrap", initialVisibleIndex: d, "aria-label": f, "aria-labelledby": p, "aria-multiselectable": g, getOptionState: _, renderOptionContent: v, onOptionClick: y }) {
+	let b = o.length === 0, x = Et(), S = h(null), C = m(() => $(i, S), [i]), { startIndex: w, endIndex: T, metrics: E, refreshWindow: D } = yt({
+		listboxRef: S,
+		optionCount: o.length,
+		activeIndex: s,
+		isWindowed: l
+	});
+	bt({
+		listboxRef: S,
+		listboxId: a,
+		activeIndex: s,
+		initialVisibleIndex: d,
+		isWindowed: l,
+		metrics: E,
+		refreshWindow: D
+	});
+	let O = (e) => l && e === w && w > 0 ? wt(w, E.rowHeight) : void 0, k = (e) => l && e === T - 1 && T < o.length ? wt(o.length - T, E.rowHeight) : void 0, A = (e) => u === "truncate" || u === "wrap-active" && !e, M = (e, t) => {
+		let { isSelected: r, isDisabled: i, className: c } = _(e), u = t === s, d = t < w || t >= T;
+		return /* @__PURE__ */ n(nt, {
+			listboxId: a,
+			option: e,
+			index: t,
+			setSize: o.length,
+			isActive: u,
+			isSelected: r,
+			isDisabled: i,
+			className: c,
+			isTruncated: A(u),
+			canShowTitle: A(u),
+			absoluteTop: l && d ? Tt(t, E) : void 0,
+			marginTop: O(t),
+			marginBottom: k(t),
+			renderContent: v,
+			onOptionClick: y
+		}, e.value);
+	};
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("ul", {
+		ref: C,
+		id: a,
+		role: "listbox",
+		"aria-labelledby": p,
+		"aria-label": f,
+		"aria-multiselectable": g,
+		className: e(St, u !== "wrap" && Ct, l && "relative", j),
+		onScroll: l ? D : void 0,
+		children: l ? st({
+			startIndex: w,
+			endIndex: T,
+			activeIndex: s
+		}).map((e) => M(o[e], e)) : o.map(M)
+	}), /* @__PURE__ */ n("div", {
+		role: "status",
+		className: b ? "px-3 py-2 text-gray-500 dark:text-gray-400" : void 0,
+		children: b && x ? c : ""
+	})] });
+}
 // src/components/shared/resolve_node_labelled_by.ts
-function Ve(e, t, n) {
+function Ot(e, t, n) {
 	if (e && typeof e != "string" && !n) return t;
 }
 // src/components/shared/use_active_option.ts
-var He = -1;
-function Ue(e, t) {
-	return e >= 0 && e < t ? e : He;
+var kt = -1;
+function At(e, t) {
+	return e >= 0 && e < t ? e : kt;
 }
-function We({ optionCount: e, getOptionId: t, isOpen: n }) {
-	let [r, i] = m(He), a = Ue(r, e), o = s((t) => {
+function jt({ optionCount: e, getOptionId: t, isOpen: n }) {
+	let [r, i] = g(kt), a = At(r, e), o = c((t) => {
 		e !== 0 && i((n) => {
-			let r = Ue(n, e) + t;
+			let r = At(n, e) + t;
 			return r < 0 ? e - 1 : r >= e ? 0 : r;
 		});
-	}, [e]), c = s(() => {
+	}, [e]), s = c((t) => {
+		e !== 0 && i((n) => {
+			let r = At(n, e) + t;
+			return Math.min(Math.max(r, 0), e - 1);
+		});
+	}, [e]), l = c(() => {
 		i(0);
-	}, []), u = s(() => {
+	}, []), u = c(() => {
 		i(e - 1);
-	}, [e]), d = s(() => {
-		i(He);
-	}, []), f = n && a >= 0 ? t(a) : void 0;
-	return l(() => {
-		f !== void 0 && document.getElementById(f)?.scrollIntoView?.({ block: "nearest" });
-	}, [f]), {
+	}, [e]), d = c(() => {
+		i(kt);
+	}, []);
+	return {
 		activeIndex: a,
-		activeOptionId: f,
+		activeOptionId: n && a >= 0 ? t(a) : void 0,
 		move: o,
-		first: c,
+		moveWithinBounds: s,
+		first: l,
 		last: u,
 		reset: d
 	};
 }
-// src/components/combobox/combobox.tsx
-function Ge(e, t) {
-	return e.label.toLowerCase().includes(t.toLowerCase());
+// src/components/shared/use_dropdown_viewport_fit.ts
+var Mt = 8, Nt = {
+	left: "",
+	maxWidth: "",
+	minWidth: ""
+};
+function Pt(e) {
+	return e.left === "" && e.maxWidth === "" && e.minWidth === "";
 }
-function Ke({ options: t, filterOption: i = Ge, label: a, description: o, "aria-label": s, error: c, placeholder: l, noResultsText: u, clearLabel: d, radius: h = "md", unstyled: g = !1, disabled: _ = !1, required: v = !1, className: y, wrapperClassName: b, value: x, defaultValue: S = "", onChange: C, id: w }) {
-	let T = J(), { fieldId: E, errorId: D, descriptionId: O, labelId: k } = $(w), A = `${E}-listbox`, j = p(null), [M, N] = Oe(x, S), P = t.find((e) => e.value === M), [F, I] = m(""), [L, z] = m(!1), [B, V] = m(!1), U = f(() => L ? t.filter((e) => i(e, F)) : t, [
+function Ft(e, t) {
+	e.style.left = t.left, e.style.maxWidth = t.maxWidth, e.style.minWidth = t.minWidth;
+}
+function It(e) {
+	let { left: t, width: n } = e.getBoundingClientRect();
+	return {
+		left: t,
+		width: n,
+		offsetLeft: e.offsetLeft,
+		viewportWidth: document.documentElement.clientWidth
+	};
+}
+function Lt(e) {
+	let t = e.viewportWidth - 16, n = e.width > t, r = Math.min(e.width, t), i = e.left + r - (e.viewportWidth - Mt);
+	return {
+		left: i > 0 ? `${e.offsetLeft - i}px` : "",
+		maxWidth: n ? `${t}px` : "",
+		minWidth: n ? `${t}px` : ""
+	};
+}
+function Rt(e) {
+	let t = h(null);
+	return p(() => {
+		let n = t.current;
+		if (!e || !n) return;
+		let r = Nt, i = () => {
+			Pt(r) || Ft(n, Nt);
+			let e = Lt(It(n));
+			Pt(r) && Pt(e) || Ft(n, e), r = e;
+		};
+		i(), window.addEventListener("resize", i);
+		let a = typeof ResizeObserver > "u" ? null : new ResizeObserver(i);
+		return a?.observe(n), n.parentElement && a?.observe(n.parentElement), () => {
+			window.removeEventListener("resize", i), a?.disconnect(), Ft(n, Nt);
+		};
+	}, [e]), t;
+}
+// src/components/combobox/combobox.tsx
+function zt(e) {
+	return e.label;
+}
+function Bt({ options: t, filterOption: i, label: a, description: o, "aria-label": s, error: c, placeholder: l, noResultsText: u, clearLabel: d, radius: f = "md", unstyled: p = !1, disabled: _ = !1, required: v = !1, className: y, wrapperClassName: b, dropdownClassName: x, optionLabelOverflow: S = "wrap", value: C, defaultValue: w = "", onChange: T, id: E }) {
+	let D = q(), { fieldId: O, errorId: k, descriptionId: A, labelId: j } = Me(E), M = `${O}-listbox`, N = h(null), P = h(null), [F, I] = je(C, w), L = t.find((e) => e.value === F), [R, z] = g(""), [B, H] = g(!1), [U, W] = g(!1), ee = Rt(U), te = m(() => i ? [] : t.map((e) => e.label.toLowerCase()), [t, i]), ne = m(() => {
+		if (!B) return t;
+		if (i) return t.filter((e) => i(e, R));
+		let e = R.toLowerCase();
+		return t.filter((t, n) => te[n].includes(e));
+	}, [
 		t,
 		i,
-		L,
-		F
-	]), { activeIndex: W, activeOptionId: G, move: ee, first: te, last: ne, reset: re } = We({
-		optionCount: U.length,
-		getOptionId: (e) => `${A}-option-${e}`,
-		isOpen: B
-	}), ie = B ? F : P?.label ?? "", K = () => {
-		_ || (I(P?.label ?? ""), z(!1), V(!0), re());
-	}, q = () => {
-		V(!1), z(!1), re();
-	}, ae = (e) => {
-		N(e.value), C?.(e.value), q();
-	}, Y = () => {
-		N(""), C?.(""), I(""), j.current?.focus();
-	}, oe = (e) => {
-		I(e.target.value), z(!0), V(!0), te();
-	}, X = () => {
-		B || K();
-	}, se = (e) => {
-		e.preventDefault(), e.altKey ? B || K() : B ? ee(1) : (K(), te());
-	}, ce = (e) => {
-		e.preventDefault(), e.altKey ? B && q() : B ? ee(-1) : (K(), ne());
-	}, le = (e) => {
-		if (!B) return;
-		let t = U[W];
-		t ? (e.preventDefault(), ae(t)) : q();
-	}, ue = (e) => {
-		B && (e.preventDefault(), q());
-	};
-	return /* @__PURE__ */ n(Be, {
-		fieldId: E,
-		errorId: D,
-		descriptionId: O,
+		te,
+		B,
+		R
+	]), { activeIndex: re, activeOptionId: ie, move: ae, moveWithinBounds: oe, first: se, last: ce, reset: K } = jt({
+		optionCount: ne.length,
+		getOptionId: (e) => Ze(M, e),
+		isOpen: U
+	}), le = S !== "wrap" && rt(t.length), J = ne.findIndex((e) => e.value === F), ue = U ? R : L?.label ?? "", Y = () => {
+		_ || (z(L?.label ?? ""), H(!1), W(!0), K());
+	}, de = () => {
+		W(!1), H(!1), K();
+	}, fe = (e) => {
+		I(e.value), T?.(e.value), de();
+	}, pe = () => {
+		I(""), T?.(""), z(""), N.current?.focus();
+	}, me = (e) => {
+		z(e.target.value), H(!0), W(!0), se();
+	}, he = () => {
+		U || Y();
+	}, X = (e) => {
+		e.preventDefault(), e.altKey ? U || Y() : U ? ae(1) : (Y(), se());
+	}, Z = (e) => {
+		e.preventDefault(), e.altKey ? U && de() : U ? ae(-1) : (Y(), ce());
+	}, ge = (e) => {
+		if (!U) return;
+		let t = ne[re];
+		t ? (e.preventDefault(), fe(t)) : de();
+	}, _e = (e) => {
+		U && (e.preventDefault(), de());
+	}, ye = (e, t) => {
+		U && !Xe(e) && (e.preventDefault(), oe(t * ft(P.current, re)));
+	}, be = (e) => {
+		let t = e.value === F;
+		return {
+			isSelected: t,
+			className: t ? "font-medium" : void 0
+		};
+	}, xe = pt(fe);
+	return /* @__PURE__ */ n(Ye, {
+		fieldId: O,
+		errorId: k,
+		descriptionId: A,
 		label: a,
 		description: o,
 		error: c,
@@ -768,136 +1166,134 @@ function Ke({ options: t, filterOption: i = Ge, label: a, description: o, "aria-
 		children: /* @__PURE__ */ r("div", {
 			className: "relative",
 			children: [
-				!g && /* @__PURE__ */ n("span", {
+				!p && /* @__PURE__ */ n("span", {
 					className: "i-mdi-magnify absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 dark:text-gray-500 pointer-events-none",
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ n("input", {
-					ref: j,
-					id: E,
+					ref: N,
+					id: O,
 					role: "combobox",
 					type: "text",
 					autoComplete: "off",
 					disabled: _,
 					placeholder: l,
-					value: ie,
-					onChange: oe,
-					onClick: X,
-					onBlur: q,
+					value: ue,
+					onChange: me,
+					onClick: he,
+					onBlur: de,
 					onKeyDown: (e) => {
-						if (e.key === "ArrowDown") return se(e);
-						if (e.key === "ArrowUp") return ce(e);
-						if (e.key === "Enter") return le(e);
-						if (e.key === "Escape") return ue(e);
+						if (e.key === "PageDown") return ye(e, 1);
+						if (e.key === "PageUp") return ye(e, -1);
+						if (e.key === "ArrowDown") return X(e);
+						if (e.key === "ArrowUp") return Z(e);
+						if (e.key === "Enter") return ge(e);
+						if (e.key === "Escape") return _e(e);
 					},
-					"aria-expanded": B,
-					"aria-controls": A,
+					"aria-expanded": U,
+					"aria-controls": M,
 					"aria-autocomplete": "list",
 					"aria-label": s,
-					"aria-labelledby": Ve(a, k, s),
-					"aria-activedescendant": G,
+					"aria-labelledby": Ot(a, j, s),
+					"aria-activedescendant": ie,
 					"aria-invalid": !!c,
 					"aria-required": v || void 0,
-					"aria-describedby": Q(!!o && O, c && D),
-					className: e("w-full disabled:opacity-50 disabled:cursor-not-allowed", !g && [
-						he,
-						H[h],
+					"aria-describedby": De(!!o && A, c && k),
+					className: e("w-full disabled:opacity-50 disabled:cursor-not-allowed", !p && [
+						ve,
+						G[f],
 						"pl-9 pr-8 py-2 text-sm"
-					], !g && c && e("border-red-500 dark:border-red-400", "focus:ring-red-500"), y)
+					], !p && c && e("border-red-500 dark:border-red-400", "focus:ring-red-500"), y)
 				}),
-				!g && P && !_ && /* @__PURE__ */ n("button", {
+				!p && L && !_ && /* @__PURE__ */ n("button", {
 					type: "button",
-					"aria-label": d ?? T.clearSelection,
+					"aria-label": d ?? D.clearSelection,
 					onMouseDown: (e) => {
 						e.preventDefault();
 					},
-					onClick: Y,
-					className: e("absolute right-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 before:content-[''] before:absolute before:-inset-[4px]", "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", R.primary.focusOutline),
+					onClick: pe,
+					className: e("absolute right-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 before:content-[''] before:absolute before:-inset-[4px]", "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", V.primary.focusOutline),
 					children: /* @__PURE__ */ n("span", {
 						className: "i-mdi-close block w-4 h-4",
 						"aria-hidden": !0
 					})
 				}),
-				B && /* @__PURE__ */ r("div", {
-					className: e("absolute z-10 mt-1 w-full text-sm shadow-lg", !g && [
+				U && /* @__PURE__ */ n("div", {
+					ref: ee,
+					className: e("absolute z-10 mt-1", x ? "min-w-full" : "w-full", "text-sm shadow-lg", !p && [
 						"border",
 						"bg-white dark:bg-gray-900",
 						"border-gray-100 dark:border-gray-800",
-						H[h]
-					]),
-					children: [/* @__PURE__ */ n("ul", {
-						id: A,
-						role: "listbox",
-						"aria-labelledby": a && !s ? k : void 0,
+						G[f]
+					], x),
+					children: /* @__PURE__ */ n(Dt, {
+						ref: P,
+						id: M,
+						options: ne,
+						activeIndex: re,
+						isWindowed: le,
+						labelOverflow: S,
+						initialVisibleIndex: J,
+						noResultsText: u ?? D.noResults,
+						"aria-labelledby": a && !s ? j : void 0,
 						"aria-label": s,
-						className: e("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: U.map((t, r) => /* @__PURE__ */ n("li", {
-							id: `${A}-option-${r}`,
-							role: "option",
-							"aria-selected": t.value === M,
-							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => ae(t),
-							className: e("px-3 py-2 cursor-pointer text-gray-900 dark:text-gray-100", r === W ? e("bg-blue-50 dark:bg-blue-900/40", "outline-2 -outline-offset-2 outline-blue-500 dark:outline-blue-400") : "hover:bg-gray-50 dark:hover:bg-gray-800/60", t.value === M && "font-medium"),
-							children: t.label
-						}, t.value))
-					}), /* @__PURE__ */ n("div", {
-						role: "status",
-						className: U.length === 0 ? "px-3 py-2 text-gray-500 dark:text-gray-400" : void 0,
-						children: U.length === 0 ? u ?? T.noResults : ""
-					})]
+						getOptionState: be,
+						renderOptionContent: zt,
+						onOptionClick: xe
+					})
 				})
 			]
 		})
 	});
 }
 // src/components/menu/find_typeahead_index.ts
-var qe = -1;
-function Je(e, t, n) {
+var Vt = -1;
+function Ht(e, t, n) {
 	let r = n.toLowerCase(), i = e.length;
 	for (let n = 1; n <= i; n += 1) {
 		let a = (t + n + i) % i;
 		if (e[a]?.toLowerCase().startsWith(r)) return a;
 	}
-	return qe;
+	return Vt;
 }
 // src/components/menu/menu_context.ts
-var Ye = a(null);
-function Xe() {
-	return c(Ye);
+var Ut = a(null);
+function Wt() {
+	return l(Ut);
 }
 // src/components/menu/menu_surface.tsx
-var Ze = ":not(:disabled):not([aria-disabled=\"true\"])", Qe = `[role="menuitem"]${Ze}, [role="menuitemradio"]${Ze}`;
-function $e(e) {
-	return Array.from(e.querySelectorAll(Qe));
+var Gt = ":not(:disabled):not([aria-disabled=\"true\"])", Kt = `[role="menuitem"]${Gt}, [role="menuitemradio"]${Gt}`;
+function qt(e) {
+	return Array.from(e.querySelectorAll(Kt));
 }
-function et(e, t) {
-	let n = $e(e);
+function Jt(e, t) {
+	let n = qt(e);
 	n.length !== 0 && n[(t % n.length + n.length) % n.length]?.focus({ preventScroll: !0 });
 }
-function tt(e, t, n, r) {
-	if (e.key === "ArrowDown") et(t, r + 1);
-	else if (e.key === "ArrowUp") et(t, r - 1);
-	else if (e.key === "Home") et(t, 0);
-	else if (e.key === "End") et(t, n.length - 1);
+function Yt(e, t, n, r) {
+	if (e.key === "ArrowDown") Jt(t, r + 1);
+	else if (e.key === "ArrowUp") Jt(t, r - 1);
+	else if (e.key === "Home") Jt(t, 0);
+	else if (e.key === "End") Jt(t, n.length - 1);
 	else return !1;
 	return e.preventDefault(), !0;
 }
-function nt(e) {
+function Xt(e) {
 	return e.key.length === 1 && e.key !== " " && !e.ctrlKey && !e.metaKey && !e.altKey;
 }
-function rt(e, t, n, r) {
-	let i = Je(t.map((e) => e.textContent?.trim() ?? ""), n, r);
-	i !== -1 && et(e, i);
+function Zt(e, t, n, r) {
+	let i = Ht(t.map((e) => e.textContent?.trim() ?? ""), n, r);
+	i !== -1 && Jt(e, i);
 }
-function it({ setFloating: i, floatingStyles: a, isVisible: o, isPositioned: s, radius: c, unstyled: u = !1, panelClassName: d, onClose: f, children: m, id: h, labelledBy: g, "aria-label": _, initialFocus: v = "first", portalTarget: y = document.body }) {
-	let b = p(null);
-	return l(() => {
+function Qt({ setFloating: i, floatingStyles: a, isVisible: o, isPositioned: s, radius: c, unstyled: l = !1, panelClassName: d, onClose: f, children: p, id: m, labelledBy: g, "aria-label": _, initialFocus: v = "first", portalTarget: y = document.body }) {
+	let b = h(null);
+	return u(() => {
 		if (!s) return;
 		let e = b.current;
 		if (!e) return;
-		let t = $e(e);
+		let t = qt(e);
 		(v === "last" ? t[t.length - 1] : t[0])?.focus({ preventScroll: !0 });
-	}, [s, v]), x(/* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", {
+	}, [s, v]), C(/* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", {
 		className: "fixed inset-0 z-40",
 		onClick: f,
 		"aria-hidden": "true"
@@ -907,7 +1303,7 @@ function it({ setFloating: i, floatingStyles: a, isVisible: o, isPositioned: s,
 		className: "z-50",
 		children: /* @__PURE__ */ n("div", {
 			ref: b,
-			id: h,
+			id: m,
 			role: "menu",
 			"aria-label": _,
 			"aria-labelledby": g,
@@ -916,47 +1312,47 @@ function it({ setFloating: i, floatingStyles: a, isVisible: o, isPositioned: s,
 			onKeyDown: (e) => {
 				let t = b.current;
 				if (!t) return;
-				let n = $e(t), r = n.indexOf(document.activeElement);
-				tt(e, t, n, r) ? e.stopPropagation() : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), f()) : e.key === "Tab" ? f() : nt(e) && (e.stopPropagation(), rt(t, n, r, e.key));
+				let n = qt(t), r = n.indexOf(document.activeElement);
+				Yt(e, t, n, r) ? e.stopPropagation() : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), f()) : e.key === "Tab" ? f() : Xt(e) && (e.stopPropagation(), Zt(t, n, r, e.key));
 			},
-			className: e("w-max", !u && [
+			className: e("w-max", !l && [
 				"min-w-40 max-w-xs origin-top border py-1 shadow-lg backdrop-blur-sm",
 				"transition-[opacity,transform] duration-150 ease-out",
 				o ? "scale-100 opacity-100" : "ms-menu-surface-closed",
 				"bg-white dark:bg-gray-900",
 				"border-gray-100 dark:border-gray-800",
-				H[c]
+				G[c]
 			], d),
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ n(Ye.Provider, {
+			children: /* @__PURE__ */ n(Ut.Provider, {
 				value: f,
-				children: m
+				children: p
 			})
 		})
 	})] }), y);
 }
 // src/components/shared/dialog_portal_target.ts
-var at = "dialog, [role=dialog], [role=alertdialog]";
-function ot(e) {
-	return e?.closest(at) ?? (e?.ownerDocument ?? document).body;
+var $t = "dialog, [role=dialog], [role=alertdialog]";
+function en(e) {
+	return e?.closest($t) ?? (e?.ownerDocument ?? document).body;
 }
 // src/components/shared/use_overlay_state.ts
-function st() {
-	let [e, t] = m(!1), [n, r] = m(!1), i = p(void 0);
-	return l(() => () => clearTimeout(i.current), []), {
+function tn() {
+	let [e, t] = g(!1), [n, r] = g(!1), i = h(void 0);
+	return u(() => () => clearTimeout(i.current), []), {
 		isMounted: e,
 		isVisible: n,
 		setIsVisible: r,
-		open: s((e) => {
+		open: c((e) => {
 			clearTimeout(i.current), t(!0), e && r(!0);
 		}, []),
-		close: s(() => {
+		close: c(() => {
 			clearTimeout(i.current), r(!1), i.current = setTimeout(() => t(!1), 150);
 		}, [])
 	};
 }
-function ct(e, t, n) {
-	l(() => {
+function nn(e, t, n) {
+	u(() => {
 		if (!e || !t) return;
 		let r = requestAnimationFrame(() => n(!0));
 		return () => cancelAnimationFrame(r);
@@ -967,8 +1363,8 @@ function ct(e, t, n) {
 	]);
 }
 // src/components/context_menu/context_menu.tsx
-var lt = 2;
-function ut(e, t) {
+var rn = 2;
+function an(e, t) {
 	return { getBoundingClientRect: () => ({
 		width: 0,
 		height: 0,
@@ -980,7 +1376,7 @@ function ut(e, t) {
 		bottom: t
 	}) };
 }
-function dt(e) {
+function on(e) {
 	if (e.clientX !== 0 || e.clientY !== 0) return {
 		x: e.clientX,
 		y: e.clientY
@@ -994,220 +1390,228 @@ function dt(e) {
 		y: 0
 	};
 }
-function ft({ children: e, items: t, radius: i = "md", unstyled: a = !1, panelClassName: o, className: c, ref: l, "aria-label": u }) {
-	let d = p(null), [f, h] = m(null), { isMounted: x, isVisible: S, setIsVisible: C, open: w, close: T } = st(), { refs: E, floatingStyles: D, isPositioned: O } = b({
+function sn({ children: e, items: t, radius: i = "md", unstyled: a = !1, panelClassName: o, className: s, ref: l, "aria-label": u }) {
+	let d = h(null), [f, p] = g(null), { isMounted: m, isVisible: _, setIsVisible: C, open: w, close: T } = tn(), { refs: E, floatingStyles: D, isPositioned: O } = S({
 		placement: "bottom-start",
 		strategy: "fixed",
-		open: x,
-		whileElementsMounted: g,
+		open: m,
+		whileElementsMounted: v,
 		middleware: [
-			v(lt),
-			_(),
-			y({ padding: 8 })
+			b(rn),
+			y(),
+			x({ padding: 8 })
 		]
 	});
-	ct(x, O, C);
-	let k = s((e) => je(h, l)(e), [l]), A = s(() => {
+	nn(m, O, C);
+	let k = c((e) => $(p, l)(e), [l]), A = c(() => {
 		T(), d.current?.focus({ preventScroll: !0 });
 	}, [T]);
 	return /* @__PURE__ */ r("div", {
 		ref: k,
-		className: c,
+		className: s,
 		onContextMenu: (e) => {
-			e.preventDefault(), x || (d.current = document.activeElement);
-			let { x: t, y: n } = dt(e);
-			E.setReference(ut(t, n)), w(!1);
+			e.preventDefault(), m || (d.current = document.activeElement);
+			let { x: t, y: n } = on(e);
+			E.setReference(an(t, n)), w(!1);
 		},
-		children: [e, x && /* @__PURE__ */ n(it, {
+		children: [e, m && /* @__PURE__ */ n(Qt, {
 			"aria-label": u,
 			setFloating: E.setFloating,
 			floatingStyles: D,
-			isVisible: S,
+			isVisible: _,
 			isPositioned: O,
 			radius: i,
 			unstyled: a,
 			panelClassName: o,
 			onClose: A,
-			portalTarget: ot(f),
+			portalTarget: en(f),
 			children: t
 		})]
 	});
 }
 // src/components/shared/accessible_name.ts
-function pt(e) {
+function cn(e) {
 	return (e ?? "").replace(/\s+/g, " ").trim();
 }
-function mt(e, t) {
+function ln(e, t) {
 	return t.split(/\s+/).map((t) => e.ownerDocument.getElementById(t)?.textContent).join(" ");
 }
-function ht(e) {
-	let t = pt(e.getAttribute("aria-label"));
+function un(e) {
+	let t = cn(e.getAttribute("aria-label"));
 	if (t) return t;
 	let n = e.getAttribute("aria-labelledby");
-	return (n ? pt(mt(e, n)) : "") || pt(e.textContent);
+	return (n ? cn(ln(e, n)) : "") || cn(e.textContent);
 }
 // src/components/shared/portal_target.ts
-var gt = "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 _t(e) {
-	return e?.closest(gt) ?? (e?.ownerDocument ?? document).body;
+var dn = "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 fn(e) {
+	return e?.closest(dn) ?? (e?.ownerDocument ?? document).body;
 }
 // src/components/tooltip/tooltip.tsx
-var vt = 8, yt = 8, bt = 100, xt = {
+var pn = 8, mn = 8, hn = 100, gn = {
 	top: "ms-tooltip-enter-top",
 	bottom: "ms-tooltip-enter-bottom",
 	left: "ms-tooltip-enter-left",
 	right: "ms-tooltip-enter-right"
-}, St = {
+}, _n = {
 	top: "bottom",
 	bottom: "top",
 	left: "right",
 	right: "left"
 };
-function Ct({ content: a, children: c, position: f = "top", showOnClick: S = !1, temporaryContent: C, temporaryDuration: w = 2e3, disabled: T = !1, radius: E = "lg", unstyled: D = !1, panelClassName: O, onTemporaryShow: k, className: A, describeChild: j, hoverable: M = !1, portalContainer: N, ref: P }) {
-	let { isMounted: F, isVisible: I, setIsVisible: L, open: R, close: z } = st(), [B, V] = m(!1), U = u(), W = p(null), [G, ee] = m(null), [te, ne] = m(null), [re, ie] = m(null), K = p(void 0), q = p(void 0), { refs: J, floatingStyles: ae, placement: Y, middlewareData: oe, isPositioned: X } = b({
-		placement: f,
+function vn({ content: a, children: s, position: l = "top", showOnClick: m = !1, temporaryContent: w, temporaryDuration: T = 2e3, disabled: E = !1, radius: D = "lg", unstyled: O = !1, panelClassName: k, onTemporaryShow: A, className: j, describeChild: M, hoverable: N = !1, portalContainer: P, ref: F }) {
+	let { isMounted: I, isVisible: L, setIsVisible: R, open: z, close: B } = tn(), [V, H] = g(!1), [U, W] = g(!1), ee = f(), te = h(null), [ne, re] = g(null), [ie, ae] = g(null), [oe, se] = g(null), ce = h(void 0), K = h(void 0), { refs: q, floatingStyles: le, placement: J, middlewareData: ue, isPositioned: Y } = S({
+		placement: l,
 		strategy: "fixed",
-		open: F,
-		whileElementsMounted: g,
+		open: I,
+		whileElementsMounted: v,
 		middleware: [
-			v(vt),
-			_(),
-			y({ padding: 8 }),
-			h({ element: W })
+			b(pn),
+			y(),
+			x({ padding: 8 }),
+			_({ element: te })
 		]
-	}), se = Y.split("-")[0];
-	ct(F, X, L);
-	let ce = s((e) => je(J.setReference, ee, P)(e), [J, P]), le = s((e) => je(J.setFloating, ne)(e), [J]);
-	d(() => {
-		let e = G?.firstElementChild;
-		ie(te && e ? pt(te.textContent) === ht(e) : null);
+	}), de = J.split("-")[0];
+	nn(I, Y, c((e) => {
+		U && R(e);
+	}, [U, R]));
+	let fe = c((e) => $(q.setReference, re, F)(e), [q, F]), pe = c((e) => $(q.setFloating, ae)(e), [q]);
+	p(() => {
+		let e = ne?.firstElementChild;
+		se(ie && e ? cn(ie.textContent) === un(e) : null);
 	}, [
-		G,
-		te,
+		ne,
+		ie,
 		a,
-		C,
-		B
+		w,
+		V
 	]);
-	let ue = s(() => {
-		V(!1), z();
-	}, [z]), de = () => {
-		!T && C && (V(!0), R(X), clearTimeout(K.current), K.current = setTimeout(ue, w), k?.());
-	}, fe = () => {
-		T || R(X);
-	}, Z = s(() => {
-		clearTimeout(K.current), clearTimeout(q.current), ue();
-	}, [ue]), pe = () => {
-		clearTimeout(q.current);
-	}, me = () => {
-		clearTimeout(q.current), q.current = setTimeout(Z, bt);
-	}, he = (e) => {
-		e.target.matches(":focus-visible") && fe();
-	}, ge = (e) => {
-		e.pointerType !== "touch" && (pe(), fe());
-	}, _e = (e) => {
-		e.pointerType !== "touch" && (M ? me() : Z());
+	let me = c(() => {
+		H(!1), W(!1), B();
+	}, [B]), he = () => {
+		!E && w && (H(!0), W(!0), z(Y), clearTimeout(ce.current), ce.current = setTimeout(me, T), A?.());
+	}, X = () => {
+		E || (W(!0), z(Y));
+	}, Z = c(() => {
+		clearTimeout(ce.current), clearTimeout(K.current), me();
+	}, [me]), ge = () => {
+		clearTimeout(K.current);
+	}, _e = () => {
+		clearTimeout(K.current), K.current = setTimeout(Z, hn);
 	}, ve = (e) => {
-		e.pointerType !== "touch" && pe();
+		e.target.matches(":focus-visible") && X();
+	}, ye = (e) => {
+		e.pointerType !== "touch" && (ge(), X());
+	}, be = (e) => {
+		e.pointerType !== "touch" && (N ? _e() : Z());
+	}, xe = (e) => {
+		e.pointerType !== "touch" && ge();
 	};
-	l(() => () => {
-		clearTimeout(K.current), clearTimeout(q.current);
-	}, []), l(() => {
-		if (!I || T) return;
+	u(() => () => {
+		clearTimeout(ce.current), clearTimeout(K.current);
+	}, []);
+	let Se = d(() => {
+		U && Z();
+	});
+	u(() => {
+		E && Se();
+	}, [E]), u(() => {
+		if (!U || E) return;
 		let e = (e) => {
 			e.key === "Escape" && (e.preventDefault(), Z());
 		};
 		return window.addEventListener("keydown", e, !0), () => window.removeEventListener("keydown", e, !0);
 	}, [
-		I,
-		T,
+		U,
+		E,
 		Z
 	]);
-	let ye = F && !T, be = B && C ? C : a, xe = {
+	let Ce = I && !E, we = V && w ? w : a, Te = {
 		onClick: (e) => {
-			S && C && de(), o(c) && c.props.onClick?.(e);
+			m && w && he(), o(s) && s.props.onClick?.(e);
 		},
-		"aria-describedby": Q(o(c) ? c.props["aria-describedby"] : void 0, ye && (j ?? (re !== null && !re)) && U)
-	}, Se = o(c) ? i(c, xe) : c, Ce = oe.arrow?.x, we = oe.arrow?.y, Te = St[se];
+		"aria-describedby": De(o(s) ? s.props["aria-describedby"] : void 0, Ce && (M ?? (oe !== null && !oe)) && ee)
+	}, Ee = o(s) ? i(s, Te) : s, Q = ue.arrow?.x, Oe = ue.arrow?.y, ke = _n[de];
 	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("span", {
-		ref: ce,
-		className: e("inline-flex", A),
-		onPointerEnter: ge,
-		onPointerLeave: _e,
-		onFocus: he,
+		ref: fe,
+		className: e("inline-flex", j),
+		onPointerEnter: ye,
+		onPointerLeave: be,
+		onFocus: ve,
 		onBlur: Z,
-		children: [Se, C !== void 0 && /* @__PURE__ */ n("span", {
+		children: [Ee, w !== void 0 && /* @__PURE__ */ n("span", {
 			role: "status",
 			className: "sr-only",
-			children: B ? C : null
+			children: V ? w : null
 		})]
-	}), ye && x(/* @__PURE__ */ n("div", {
-		ref: le,
-		style: ae,
-		className: e("z-50 inline-block", !M && "pointer-events-none"),
-		onPointerEnter: M ? ve : void 0,
-		onPointerLeave: M ? _e : void 0,
+	}), Ce && C(/* @__PURE__ */ n("div", {
+		ref: pe,
+		style: le,
+		className: e("z-50 inline-block", !N && "pointer-events-none"),
+		onPointerEnter: N ? xe : void 0,
+		onPointerLeave: N ? be : void 0,
 		children: /* @__PURE__ */ r("div", {
-			id: U,
+			id: ee,
 			role: "tooltip",
-			"data-state": I ? "open" : "closed",
-			className: e("whitespace-nowrap", !D && [
+			"data-state": L ? "open" : "closed",
+			className: e("whitespace-nowrap", !O && [
 				"px-3 py-1.5 text-sm",
 				"text-white dark:text-gray-900 bg-gray-900 dark:bg-gray-100 shadow-lg",
 				"transition-[opacity,transform] duration-150 ease-out",
-				I ? "opacity-100" : "opacity-0",
-				xt[se],
-				H[E]
-			], O),
-			children: [be, !D && /* @__PURE__ */ n("div", {
-				ref: W,
+				L ? "opacity-100" : "opacity-0",
+				gn[de],
+				G[D]
+			], k),
+			children: [we, !O && /* @__PURE__ */ n("div", {
+				ref: te,
 				style: {
 					position: "absolute",
-					width: `${yt}px`,
-					height: `${yt}px`,
-					left: Ce === void 0 ? void 0 : `${Ce}px`,
-					top: we === void 0 ? void 0 : `${we}px`,
-					[Te]: `-${yt / 2}px`
+					width: `${mn}px`,
+					height: `${mn}px`,
+					left: Q === void 0 ? void 0 : `${Q}px`,
+					top: Oe === void 0 ? void 0 : `${Oe}px`,
+					[ke]: `-${mn / 2}px`
 				},
 				className: "rotate-45 bg-gray-900 dark:bg-gray-100"
 			})]
 		})
-	}), N ?? _t(G))] });
+	}), P ?? fn(ne))] });
 }
 // src/components/icon_button/icon_button.tsx
-var wt = {
+var yn = {
 	xs: "p-1",
 	sm: "p-2",
 	md: "p-2",
 	lg: "p-3"
-}, Tt = {
+}, bn = {
 	xs: "w-4 h-4",
 	sm: "w-4 h-4",
 	md: "w-5 h-5",
 	lg: "w-6 h-6"
 };
-function Et(e) {
+function xn(e) {
 	if (e) return e === !0 ? {} : typeof e == "string" ? { position: e } : e;
 }
-function Dt(t) {
-	let { icon: i, "aria-label": a, unstyled: o = !1, variant: s = "outline", color: c = "neutral", size: l = "md", radius: u = "md", className: d, children: f, tooltip: p, pressed: m, ref: h, ...g } = t, _ = R[c], v = Et(p), y = /* @__PURE__ */ r("button", {
+function Sn(t) {
+	let { icon: i, "aria-label": a, unstyled: o = !1, variant: s = "outline", color: c = "neutral", size: l = "md", radius: u = "md", className: d, children: f, tooltip: p, pressed: m, ref: h, ...g } = t, _ = V[c], v = xn(p), y = /* @__PURE__ */ r("button", {
 		ref: h,
 		type: "button",
 		"aria-label": a,
 		"aria-pressed": m,
-		className: e(z, !o && [
-			B,
+		className: e(H, !o && [
+			U,
 			"border",
-			H[u],
-			wt[l],
-			V(c, s, m ?? !1),
+			G[u],
+			yn[l],
+			W(c, s, m ?? !1),
 			_.focusOutline
 		], d),
 		...g,
-		children: [/* @__PURE__ */ n("span", { className: e(i, Tt[l], f && "mr-1") }), f]
+		children: [/* @__PURE__ */ n("span", { className: e(i, bn[l], f && "mr-1") }), f]
 	});
 	if (!v) return y;
 	let b = v.content !== void 0;
-	return /* @__PURE__ */ n(Ct, {
+	return /* @__PURE__ */ n(vn, {
 		content: b ? v.content : a,
 		position: v.position,
 		describeChild: b ? void 0 : !1,
@@ -1215,32 +1619,32 @@ function Dt(t) {
 	});
 }
 // src/lib/surface_error.ts
-function Ot(e, t) {
+function Cn(e, t) {
 	t ? t(e) : queueMicrotask(() => {
 		throw e;
 	});
 }
 // src/components/copy_button/copy_button.tsx
-var kt = 2e3, At = 0;
-function jt({ value: e, children: i, label: a, onError: o }) {
-	let s = J(), [c, u] = m(!1), [d, f] = m(""), h = p(void 0), g = p(void 0);
-	l(() => () => {
-		clearTimeout(h.current), clearTimeout(g.current);
+var wn = 2e3, Tn = 0;
+function En({ value: e, children: i, label: a, onError: o }) {
+	let s = q(), [c, l] = g(!1), [d, f] = g(""), p = h(void 0), m = h(void 0);
+	u(() => () => {
+		clearTimeout(p.current), clearTimeout(m.current);
 	}, []);
 	let _ = () => {
-		clearTimeout(g.current), f(""), g.current = setTimeout(() => f(s.copied), At);
+		clearTimeout(m.current), f(""), m.current = setTimeout(() => f(s.copied), Tn);
 	}, v = async () => {
 		try {
-			await navigator.clipboard.writeText(e), u(!0), _(), clearTimeout(h.current), h.current = setTimeout(() => {
-				u(!1), f("");
-			}, kt);
+			await navigator.clipboard.writeText(e), l(!0), _(), clearTimeout(p.current), p.current = setTimeout(() => {
+				l(!1), f("");
+			}, wn);
 		} catch (e) {
-			Ot(e, o);
+			Cn(e, o);
 		}
 	}, y = i?.({
 		copied: c,
 		copy: v
-	}) ?? (i ? null : /* @__PURE__ */ n(Dt, {
+	}) ?? (i ? null : /* @__PURE__ */ n(Sn, {
 		icon: c ? "i-mdi-check" : "i-mdi-content-copy",
 		"aria-label": a ?? s.copy ?? "Copy",
 		onClick: () => void v()
@@ -1252,7 +1656,7 @@ function jt({ value: e, children: i, label: a, onError: o }) {
 	})] });
 }
 // src/lib/split_into_highlight_segments.ts
-function Mt(e, t) {
+function Dn(e, t) {
 	if (t.length === 0) return [{
 		text: e,
 		isMatch: !1
@@ -1274,8 +1678,8 @@ function Mt(e, t) {
 	}), n;
 }
 // src/components/highlight/highlight.tsx
-var Nt = "bg-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:text-yellow-100";
-function Pt(e) {
+var On = "bg-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:text-yellow-100";
+function kn(e) {
 	let t = 0;
 	return e.map((e) => {
 		let n = t;
@@ -1285,25 +1689,25 @@ function Pt(e) {
 		};
 	});
 }
-function Ft({ text: r, ranges: i, radius: a = "sm", unstyled: o = !1, markClassName: s }) {
-	let c = Pt(Mt(r, i));
+function An({ text: r, ranges: i, radius: a = "sm", unstyled: o = !1, markClassName: s }) {
+	let c = kn(Dn(r, i));
 	return /* @__PURE__ */ n(t, { children: c.map((t) => t.isMatch ? /* @__PURE__ */ n("mark", {
-		className: e(!o && [H[a], Nt], s),
+		className: e(!o && [G[a], On], s),
 		children: t.text
 	}, t.start) : /* @__PURE__ */ n("span", { children: t.text }, t.start)) });
 }
 // src/components/drawer/drawer_styles.ts
-var It = {
+var jn = {
 	sm: "ms-drawer-width-sm",
 	md: "ms-drawer-width-md",
 	lg: "ms-drawer-width-lg"
-}, Lt = {
+}, Mn = {
 	right: "right-0",
 	left: "left-0"
-}, Rt = {
+}, Nn = {
 	right: "ms-drawer-offscreen-right",
 	left: "ms-drawer-offscreen-left"
-}, zt = {
+}, Pn = {
 	right: {
 		none: "rounded-l-none",
 		sm: "rounded-l-sm",
@@ -1320,9 +1724,9 @@ var It = {
 		xl: "rounded-r-xl",
 		full: "rounded-r-lg"
 	}
-}, Bt = a(null);
+}, Fn = a(null);
 // src/components/modal/modal_footer_slot.tsx
-function Vt({ onSlotChange: t, children: r, unstyled: i = !1 }) {
+function In({ onSlotChange: t, children: r, unstyled: i = !1 }) {
 	return /* @__PURE__ */ n("div", {
 		ref: t,
 		className: e("flex items-center justify-end flex-shrink-0 empty:hidden", !i && ["gap-3 px-6 py-4 border-t", "border-gray-100 dark:border-gray-800"]),
@@ -1330,10 +1734,10 @@ function Vt({ onSlotChange: t, children: r, unstyled: i = !1 }) {
 	});
 }
 // src/components/modal/modal_footer_slot_context.ts
-var Ht = a(null);
+var Ln = a(null);
 // src/components/modal/modal_header.tsx
-function Ut({ titleId: t, title: i, onDismiss: a, dismissible: o, closeLabel: s, unstyled: c = !1 }) {
-	let l = J(), u = s ?? l.close;
+function Rn({ titleId: t, title: i, onDismiss: a, dismissible: o, closeLabel: s, unstyled: c = !1 }) {
+	let l = q(), u = s ?? l.close;
 	return /* @__PURE__ */ r("div", {
 		className: e("flex items-center justify-between flex-shrink-0", !c && "gap-4 px-6 pt-5 pb-4"),
 		children: [
@@ -1342,14 +1746,14 @@ function Ut({ titleId: t, title: i, onDismiss: a, dismissible: o, closeLabel: s,
 				className: e(!c && "text-base font-medium tracking-tight text-gray-900 dark:text-gray-100"),
 				children: i
 			}),
-			o && c && /* @__PURE__ */ n(Dt, {
+			o && c && /* @__PURE__ */ n(Sn, {
 				icon: "i-mdi-close",
 				onClick: a,
 				"aria-label": u,
 				className: "min-h-6 min-w-6",
 				unstyled: !0
 			}),
-			o && !c && /* @__PURE__ */ n(Dt, {
+			o && !c && /* @__PURE__ */ n(Sn, {
 				icon: "i-mdi-close",
 				onClick: a,
 				"aria-label": u,
@@ -1362,65 +1766,65 @@ function Ut({ titleId: t, title: i, onDismiss: a, dismissible: o, closeLabel: s,
 	});
 }
 // src/components/modal/use_guarded_dismiss.ts
-function Wt(e) {
+function zn(e) {
 	try {
 		return e();
 	} catch (e) {
-		return Ot(e), null;
+		return Cn(e), null;
 	}
 }
-function Gt({ onDismiss: e, isEnded: t }) {
-	let n = p(e), r = p(t), i = p([]), a = p(!1);
-	d(() => {
+function Bn({ onDismiss: e, isEnded: t }) {
+	let n = h(e), r = h(t), i = h([]), a = h(!1);
+	p(() => {
 		n.current = e, r.current = t;
 	});
-	let [o] = m(() => ({ register: (e) => (i.current = [...i.current, e], () => {
+	let [o] = g(() => ({ register: (e) => (i.current = [...i.current, e], () => {
 		i.current = i.current.filter((t) => t !== e);
-	}) })), c = s((e) => {
+	}) })), s = c((e) => {
 		a.current = !0, e.then((e) => {
 			a.current = !1, e && !r.current && n.current();
 		}, (e) => {
-			a.current = !1, Ot(e);
+			a.current = !1, Cn(e);
 		});
 	}, []);
 	return {
-		dismiss: s(() => {
+		dismiss: c(() => {
 			if (a.current) return;
 			let e = i.current.at(-1);
 			if (!e) {
 				n.current();
 				return;
 			}
-			let t = Wt(e.current);
-			t !== null && (typeof t == "boolean" ? t && n.current() : c(t));
-		}, [c]),
+			let t = zn(e.current);
+			t !== null && (typeof t == "boolean" ? t && n.current() : s(t));
+		}, [s]),
 		registry: o
 	};
 }
 // src/components/modal/keyboard_scroll_region_attribute.ts
-var Kt = "data-keyboard-scroll-region", qt = "a[href], button, input, select, textarea, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]";
-function Jt(e) {
+var Vn = "data-keyboard-scroll-region", Hn = "a[href], button, input, select, textarea, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]";
+function Un(e) {
 	return e.matches(":disabled");
 }
-function Yt(e) {
+function Wn(e) {
 	return e.getAttribute("tabindex") === "-1";
 }
-function Xt(e) {
+function Gn(e) {
 	return e.matches("input[type=\"hidden\"]");
 }
-function Zt(e) {
+function Kn(e) {
 	return e.closest("[inert]") !== null;
 }
-function Qt(e) {
+function qn(e) {
 	return typeof e.checkVisibility != "function" || e.checkVisibility();
 }
-function $t(e) {
-	return !Jt(e) && !Yt(e) && !Xt(e) && !Zt(e) && Qt(e);
+function Jn(e) {
+	return !Un(e) && !Wn(e) && !Gn(e) && !Kn(e) && qn(e);
 }
-function en(e) {
+function Yn(e) {
 	return e instanceof HTMLInputElement && e.type === "radio" && e.name !== "";
 }
-function tn(e) {
+function Xn(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = t.get(n.form) ?? /* @__PURE__ */ new Map();
@@ -1430,105 +1834,134 @@ function tn(e) {
 	}
 	return Array.from(t.values()).flatMap((e) => Array.from(e.values()));
 }
-function nn(e) {
+function Zn(e) {
 	return e.find((e) => e.checked) ?? e[0];
 }
-function rn(e) {
-	let t = Array.from(e.querySelectorAll(qt)).filter($t), n = t.filter(en), r = new Set(tn(n).map(nn));
-	return t.filter((e) => !en(e) || r.has(e));
+function Qn(e) {
+	let t = Array.from(e.querySelectorAll(Hn)).filter(Jn), n = t.filter(Yn), r = new Set(Xn(n).map(Zn));
+	return t.filter((e) => !Yn(e) || r.has(e));
+}
+// src/components/modal/use_keyboard_scroll_region.ts
+var $n = {};
+function er(e) {
+	return e.scrollHeight > e.clientHeight && Qn(e).length === 0;
+}
+var tr = [
+	"disabled",
+	"tabindex",
+	"hidden",
+	"inert",
+	"href",
+	"contenteditable"
+];
+function nr(e, t) {
+	e.disconnect(), e.observe(t);
+	for (let n of t.children) e.observe(n);
 }
-// src/components/modal/use_keyboard_scrollable.ts
-var an = {};
-function on(e) {
-	return e.scrollHeight > e.clientHeight && rn(e).length === 0;
+function rr(e, t) {
+	let n = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(t), r = new MutationObserver(() => {
+		t(), n && nr(n, e);
+	});
+	return r.observe(e, {
+		childList: !0,
+		subtree: !0,
+		attributes: !0,
+		attributeFilter: tr
+	}), n && nr(n, e), () => {
+		r.disconnect(), n?.disconnect();
+	};
 }
-function sn(e, { labelledBy: t, label: n }) {
-	let [r, i] = m(!1);
-	return l(() => {
-		let t = e.current;
-		if (!t) return;
-		let n = () => i(on(t));
-		n();
-		let r = new MutationObserver(n);
-		r.observe(t, {
-			childList: !0,
-			subtree: !0
-		});
-		let a = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(n);
-		return a?.observe(t), () => {
-			r.disconnect(), a?.disconnect();
-		};
-	}, [e]), !r || !(t || n) ? an : {
-		tabIndex: 0,
-		role: "region",
-		[Kt]: !0,
-		"aria-labelledby": t,
-		"aria-label": t ? void 0 : n,
-		focusClassName: L
+function ir({ labelledBy: e, label: t }) {
+	let [n, r] = g(null), [i, a] = g(null);
+	return u(() => {
+		if (!n) return;
+		let e = () => a(er(n) ? n : null);
+		return e(), rr(n, e);
+	}, [n]), n === null || i !== n || !(e || t) ? {
+		ref: r,
+		scrollableProps: $n,
+		focusClassName: void 0
+	} : {
+		ref: r,
+		scrollableProps: {
+			tabIndex: 0,
+			role: "region",
+			[Vn]: !0,
+			"aria-labelledby": e,
+			"aria-label": e ? void 0 : t
+		},
+		focusClassName: z
 	};
 }
 // src/components/modal/body_scroll_lock.ts
-var cn = "--scrollbar-compensation", ln = 0, un;
-function dn() {
+var ar = "--scrollbar-compensation", or = 0, sr;
+function cr() {
 	let { style: e } = document.documentElement;
 	return {
 		overflow: e.overflow,
 		overflowX: e.overflowX,
 		overflowY: e.overflowY,
 		paddingRight: e.paddingRight,
-		scrollbarCompensation: e.getPropertyValue(cn)
+		scrollbarCompensation: e.getPropertyValue(ar)
 	};
 }
-function fn(e) {
+function lr(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(cn) : t.setProperty(cn, 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 pn(e, t) {
+function ur(e, t) {
 	let { style: n } = document.documentElement;
-	n.paddingRight = `${t + e}px`, n.setProperty(cn, `${e}px`);
+	n.paddingRight = `${t + e}px`, n.setProperty(ar, `${e}px`);
 }
-function mn() {
-	if (ln === 0) {
+function dr() {
+	if (or === 0) {
 		let e = document.documentElement;
-		un = dn();
+		sr = cr();
 		let t = Number.parseFloat(getComputedStyle(e).paddingRight) || 0, n = e.clientWidth;
 		e.style.overflow = "hidden";
 		let r = e.clientWidth - n;
-		r > 0 && pn(r, t);
+		r > 0 && ur(r, t);
 	}
-	ln += 1;
+	or += 1;
 }
-function hn() {
-	--ln, ln === 0 && un && (fn(un), un = void 0);
+function fr() {
+	--or, or === 0 && sr && (lr(sr), sr = void 0);
 }
-function gn() {
-	l(() => (mn(), hn), []);
+function pr() {
+	u(() => (dr(), fr), []);
 }
 // src/components/modal/modal_stack.ts
-var _n = [];
-function vn(e) {
-	return _n.push(e), () => {
-		let t = _n.indexOf(e);
-		t !== -1 && _n.splice(t, 1);
+var mr = [];
+function hr(e, t) {
+	return mr.push({
+		token: e,
+		requestDismiss: t
+	}), () => {
+		let t = mr.findIndex((t) => t.token === e);
+		t !== -1 && mr.splice(t, 1);
 	};
 }
-function yn(e) {
-	return _n[_n.length - 1] === e;
+function gr(e) {
+	return mr.at(-1)?.token === e;
+}
+function _r() {
+	let e = mr.at(-1);
+	return e ? (e.requestDismiss(), !0) : !1;
 }
 // src/components/modal/use_modal_dialog.ts
-function bn(e) {
-	return rn(e).filter((e) => !e.hasAttribute(Kt));
+function vr(e) {
+	return Qn(e).filter((e) => !e.hasAttribute(Vn));
 }
-function xn({ dialog: e, content: t, fallbackScope: n }) {
-	let r = t ? bn(t)[0] : void 0;
-	return r || n === "content" ? r : e ? bn(e)[0] : void 0;
+function yr({ dialog: e, content: t, fallbackScope: n }) {
+	let r = t ? vr(t)[0] : void 0;
+	return r || n === "content" ? r : e ? vr(e)[0] : void 0;
 }
-function Sn(e) {
-	let t = xn(e);
+function br(e) {
+	let t = yr(e);
 	(e.initialFocusRef?.current ?? t ?? e.dialog)?.focus();
 }
-function Cn(e, t) {
-	let n = rn(t);
+function xr(e, t) {
+	let n = Qn(t);
 	if (n.length === 0) {
 		e.preventDefault(), t.focus();
 		return;
@@ -1536,151 +1969,151 @@ function Cn(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 wn() {
+function Sr() {
 	return typeof document > "u" ? null : document.activeElement instanceof HTMLElement ? document.activeElement : null;
 }
-function Tn() {
-	let [e, t] = m(!1);
-	return l(() => {
+function Cr() {
+	let [e, t] = g(!1);
+	return u(() => {
 		let e = requestAnimationFrame(() => {
 			requestAnimationFrame(() => t(!0));
 		});
 		return () => cancelAnimationFrame(e);
 	}, []), e;
 }
-function En(e, { isEnded: t, onDismiss: n, dismissible: r, modalToken: i }) {
-	l(() => {
+function wr(e, { isEnded: t, modalToken: n }) {
+	u(() => {
 		if (t) return;
-		let a = (t) => {
-			if (yn(i)) {
+		let r = (t) => {
+			if (gr(n)) {
 				if (t.key === "Escape") {
 					if (t.defaultPrevented) return;
-					t.preventDefault(), r && n();
-				} else t.key === "Tab" && e.current && Cn(t, e.current);
+					t.preventDefault(), _r();
+				} else t.key === "Tab" && e.current && xr(t, e.current);
 			}
 		};
-		return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+		return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
 	}, [
 		t,
 		n,
-		r,
-		i,
 		e
 	]);
 }
-function Dn({ isEnded: e, onDismiss: t, dismissible: n, initialFocusRef: r, initialFocusFallbackScope: i = "dialog", getFocusFallback: a }) {
-	let [o] = m(() => Symbol("modal")), [s, c] = m(null), u = p(null), d = p(null), [f] = m(wn);
-	l(() => {
-		if (!e) return vn(o);
-	}, [e, o]), gn();
-	let h = Tn();
-	return l(() => {
-		s && !e && Sn({
-			dialog: u.current,
+function Tr({ isEnded: e, onDismiss: t, dismissible: n, initialFocusRef: r, initialFocusFallbackScope: i = "dialog", getFocusFallback: a }) {
+	let [o] = g(() => Symbol("modal")), [s, c] = g(null), l = h(null), d = h(null), [f] = g(Sr), m = h(() => {});
+	p(() => {
+		m.current = () => {
+			n && t();
+		};
+	}), u(() => {
+		if (!e) return hr(o, () => m.current());
+	}, [e, o]), pr();
+	let _ = Cr();
+	return u(() => {
+		s && !e && br({
+			dialog: l.current,
 			content: d.current,
 			initialFocusRef: r,
 			fallbackScope: i
 		});
-	}, [s, e]), l(() => {
+	}, [s, e]), u(() => {
 		e && (f?.isConnected ? f : a?.())?.focus({ preventScroll: !0 });
 	}, [
 		e,
 		f,
 		a
-	]), En(u, {
+	]), wr(l, {
 		isEnded: e,
-		onDismiss: t,
-		dismissible: n,
 		modalToken: o
 	}), {
-		dialogRef: u,
+		dialogRef: l,
 		contentRef: d,
 		footerSlot: s,
 		setFooterSlot: c,
-		isVisible: h && !e,
+		isVisible: _ && !e,
 		handleBackdropClick: () => {
 			!e && n && t();
 		},
 		handleBackdropMouseDown: (e) => {
 			let t = e.target;
-			e.currentTarget.contains(t) && !u.current?.contains(t) && e.preventDefault();
+			e.currentTarget.contains(t) && !l.current?.contains(t) && e.preventDefault();
 		}
 	};
 }
 // src/stores/global_hotkeys_store/global_hotkeys_store.ts
-var On = S((e) => ({
+var Er = w((e) => ({
 	globalHotkeysEnabled: !0,
 	setGlobalHotkeysEnabled: (t) => e({ globalHotkeysEnabled: t })
-})), kn = 0;
-function An() {
-	l(() => (kn += 1, kn === 1 && On.getState().setGlobalHotkeysEnabled(!1), () => {
-		--kn, kn === 0 && On.getState().setGlobalHotkeysEnabled(!0);
+})), Dr = 0;
+function Or() {
+	u(() => (Dr += 1, Dr === 1 && Er.getState().setGlobalHotkeysEnabled(!1), () => {
+		--Dr, Dr === 0 && Er.getState().setGlobalHotkeysEnabled(!0);
 	}), []);
 }
 // src/components/drawer/drawer.tsx
-function jn() {
+function kr() {
 	let e = document.querySelector("main");
 	return e && !e.hasAttribute("tabindex") && (e.tabIndex = -1), e;
 }
-function Mn({ isEnded: t, onDismiss: i, title: a, children: o, footer: s, size: c, side: l, radius: d, className: f, panelClassName: p, backdropClassName: m, unstyled: h = !1, dismissible: g, closeLabel: _, initialFocusRef: v }) {
-	An();
-	let y = u(), { dismiss: b, registry: S } = Gt({
+function Ar({ isEnded: t, onDismiss: i, title: a, children: o, footer: s, size: c, side: l, radius: u, className: d, panelClassName: p, backdropClassName: h, unstyled: g = !1, dismissible: _, closeLabel: v, initialFocusRef: y }) {
+	Or();
+	let b = f(), { dismiss: x, registry: S } = Bn({
 		onDismiss: i,
 		isEnded: t
-	}), { dialogRef: C, contentRef: w, footerSlot: T, setFooterSlot: E, isVisible: D, handleBackdropClick: O, handleBackdropMouseDown: k } = Dn({
+	}), { dialogRef: w, contentRef: T, footerSlot: E, setFooterSlot: D, isVisible: O, handleBackdropClick: k, handleBackdropMouseDown: A } = Tr({
 		isEnded: t,
-		onDismiss: b,
-		dismissible: g,
-		initialFocusRef: v,
+		onDismiss: x,
+		dismissible: _,
+		initialFocusRef: y,
 		initialFocusFallbackScope: "content",
-		getFocusFallback: jn
-	}), { focusClassName: A, ...j } = sn(w, { labelledBy: y });
-	return /* @__PURE__ */ n(Bt.Provider, {
+		getFocusFallback: kr
+	}), { ref: j, scrollableProps: M, focusClassName: N } = ir({ labelledBy: b }), P = m(() => $(T, j), [T, j]);
+	return /* @__PURE__ */ n(Fn.Provider, {
 		value: S,
-		children: x(/* @__PURE__ */ r("div", {
-			className: e("fixed inset-0 z-50", !h && "transition-opacity duration-200 ease-out", D ? "opacity-100" : "opacity-0"),
-			onClick: O,
-			onMouseDown: k,
+		children: C(/* @__PURE__ */ r("div", {
+			className: e("fixed inset-0 z-50", !g && "transition-opacity duration-200 ease-out", O ? "opacity-100" : "opacity-0"),
+			onClick: k,
+			onMouseDown: A,
 			children: [/* @__PURE__ */ n("div", {
-				className: e("fixed inset-0", !h && "bg-black/60 backdrop-blur-md", m),
+				className: e("fixed inset-0", !g && "bg-black/60 backdrop-blur-md", h),
 				"aria-hidden": "true"
 			}), /* @__PURE__ */ r("div", {
-				ref: C,
+				ref: w,
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": y,
+				"aria-labelledby": b,
 				tabIndex: -1,
-				"data-state": D ? "open" : "closed",
+				"data-state": O ? "open" : "closed",
 				inert: t,
-				className: e("fixed inset-y-0 h-full flex flex-col overflow-hidden", Lt[l], It[c], "focus:outline-none", !h && [
+				className: e("fixed inset-y-0 h-full flex flex-col overflow-hidden", Mn[l], jn[c], "focus:outline-none", !g && [
 					"bg-white dark:bg-gray-900",
 					"[&,&_*]:[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]",
 					"shadow-2xl",
-					zt[l][d],
+					Pn[l][u],
 					"ms-drawer-transition"
-				], !D && Rt[l], p),
+				], !O && Nn[l], p),
 				onClick: (e) => e.stopPropagation(),
 				children: [
-					/* @__PURE__ */ n(Ut, {
-						titleId: y,
+					/* @__PURE__ */ n(Rn, {
+						titleId: b,
 						title: a,
-						onDismiss: b,
-						dismissible: g,
-						closeLabel: _,
-						unstyled: h
+						onDismiss: x,
+						dismissible: _,
+						closeLabel: v,
+						unstyled: g
 					}),
 					/* @__PURE__ */ n("div", {
-						ref: w,
-						...j,
-						className: e("flex-1 overflow-y-auto min-h-0", !h && "px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400", A, f),
-						children: /* @__PURE__ */ n(Ht.Provider, {
-							value: T,
+						ref: P,
+						...M,
+						className: e("flex-1 overflow-y-auto min-h-0", !g && "px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400", N, d),
+						children: /* @__PURE__ */ n(Ln.Provider, {
+							value: E,
 							children: o
 						})
 					}),
-					/* @__PURE__ */ n(Vt, {
-						onSlotChange: E,
-						unstyled: h,
+					/* @__PURE__ */ n(In, {
+						onSlotChange: D,
+						unstyled: g,
 						children: s
 					})
 				]
@@ -1688,17 +2121,19 @@ function Mn({ isEnded: t, onDismiss: i, title: a, children: o, footer: s, size:
 		}), document.body)
 	});
 }
-function Nn(e) {
-	let [t, n] = m(!e);
-	return e && t && n(!1), l(() => {
-		if (e) return;
-		let t = setTimeout(() => n(!0), 200);
+function jr(e, t) {
+	let [n, r] = g(!e), i = d(() => t?.());
+	return e && n && r(!1), u(() => {
+		if (e || n) return;
+		let t = setTimeout(() => {
+			r(!0), i();
+		}, 200);
 		return () => clearTimeout(t);
-	}, [e]), e || !t;
+	}, [e, n]), e || !n;
 }
-function Pn({ isOpen: e, onClose: t, size: r = "md", side: i = "right", radius: a = "none", dismissible: o = !0, ...s }) {
-	return Nn(e) ? /* @__PURE__ */ n(Mn, {
-		...s,
+function Mr({ isOpen: e, onClose: t, size: r = "md", side: i = "right", radius: a = "none", dismissible: o = !0, onExited: s, ...c }) {
+	return jr(e, s) ? /* @__PURE__ */ n(Ar, {
+		...c,
 		isEnded: !e,
 		onDismiss: t,
 		size: r,
@@ -1708,24 +2143,24 @@ function Pn({ isOpen: e, onClose: t, size: r = "md", side: i = "right", radius:
 	}) : null;
 }
 // src/components/shared/use_controlled_length.ts
-function Fn(e) {
+function Nr(e) {
 	return typeof e == "string" ? e.length : 0;
 }
-function In(e, t) {
-	let [n, r] = m(Fn(t)), i = e !== void 0;
+function Pr(e, t) {
+	let [n, r] = g(Nr(t)), i = e !== void 0;
 	return {
-		length: i ? Fn(e) : n,
+		length: i ? Nr(e) : n,
 		trackLength: (e) => {
 			i || r(e.length);
 		}
 	};
 }
 // src/components/input/input.tsx
-function Ln({ label: t, description: i, error: a, showCharCount: o = !1, minLength: s, maxLength: c, radius: l = "md", unstyled: u = !1, className: d, wrapperClassName: f, value: p, defaultValue: m, onChange: h, id: g, "aria-describedby": _, "aria-label": v, ...y }) {
-	let { fieldId: b, errorId: x, descriptionId: S, labelId: C, characterCountId: w } = $(g), { length: T, trackLength: E } = In(p, m), D = o && (s !== void 0 || c !== void 0), O = (e) => {
+function Fr({ label: t, description: i, error: a, showCharCount: o = !1, minLength: s, maxLength: c, radius: l = "md", unstyled: u = !1, className: d, wrapperClassName: f, value: p, defaultValue: m, onChange: h, id: g, "aria-describedby": _, "aria-label": v, ...y }) {
+	let { fieldId: b, errorId: x, descriptionId: S, labelId: C, characterCountId: w } = Me(g), { length: T, trackLength: E } = Pr(p, m), D = o && (s !== void 0 || c !== void 0), O = (e) => {
 		E(e.target.value), h?.(e);
 	};
-	return /* @__PURE__ */ r(Be, {
+	return /* @__PURE__ */ r(Ye, {
 		fieldId: b,
 		errorId: x,
 		descriptionId: S,
@@ -1737,8 +2172,8 @@ function Ln({ label: t, description: i, error: a, showCharCount: o = !1, minLeng
 		children: [/* @__PURE__ */ n("input", {
 			id: b,
 			className: e("w-full disabled:opacity-50 disabled:cursor-not-allowed", !u && [
-				he,
-				H[l],
+				ve,
+				G[l],
 				"px-3 py-2 text-sm"
 			], !u && a && e("border-red-500 dark:border-red-400", "focus:ring-red-500"), d),
 			...p === void 0 ? { defaultValue: m } : { value: p },
@@ -1747,8 +2182,8 @@ function Ln({ label: t, description: i, error: a, showCharCount: o = !1, minLeng
 			onChange: O,
 			"aria-invalid": !!a,
 			"aria-label": v,
-			"aria-labelledby": Ve(t, C, v),
-			"aria-describedby": Q(_, !!i && S, a && x, D && w),
+			"aria-labelledby": Ot(t, C, v),
+			"aria-describedby": De(_, !!i && S, a && x, D && w),
 			...y
 		}), D && /* @__PURE__ */ n(Z, {
 			id: w,
@@ -1761,41 +2196,41 @@ function Ln({ label: t, description: i, error: a, showCharCount: o = !1, minLeng
 	});
 }
 // src/components/kbd/kbd.tsx
-var Rn = {
+var Ir = {
 	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"
-}, zn = ({ children: t, size: r = "sm", radius: i = "sm", unstyled: a = !1, className: o }) => /* @__PURE__ */ n("kbd", {
-	className: e("inline-flex items-center", Rn[r], !a && [
+}, Lr = ({ children: t, size: r = "sm", radius: i = "sm", unstyled: a = !1, className: o }) => /* @__PURE__ */ n("kbd", {
+	className: e("inline-flex items-center", Ir[r], !a && [
 		"border font-semibold uppercase",
 		"text-gray-600 dark:text-gray-300",
 		"bg-gray-100 dark:bg-gray-700",
 		"border-gray-200 dark:border-gray-600",
-		H[i]
+		G[i]
 	], o),
 	children: t
-}), Bn = 4;
-function Vn(e, t) {
+}), Rr = 4;
+function zr(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
-function Hn({ trigger: t, children: a, side: c = "bottom", align: d = "start", radius: f = "md", unstyled: h = !1, panelClassName: x, className: S, disabled: C = !1, ref: w }) {
-	let T = p(null), [E, D] = m(null), [O, k] = m("first"), { isMounted: A, isVisible: j, setIsVisible: M, open: N, close: P } = st(), { refs: F, floatingStyles: I, isPositioned: L } = b({
-		placement: Vn(c, d),
+function Br({ trigger: t, children: a, side: s = "bottom", align: l = "start", radius: d = "md", unstyled: p = !1, panelClassName: m, className: _, disabled: C = !1, ref: w }) {
+	let T = h(null), [E, D] = g(null), [O, k] = g("first"), { isMounted: A, isVisible: j, setIsVisible: M, open: N, close: P } = tn(), { refs: F, floatingStyles: I, isPositioned: L } = S({
+		placement: zr(s, l),
 		strategy: "fixed",
 		open: A,
-		whileElementsMounted: g,
+		whileElementsMounted: v,
 		middleware: [
-			v(Bn),
-			_(),
-			y({ padding: 8 })
+			b(Rr),
+			y(),
+			x({ padding: 8 })
 		]
 	});
-	ct(A, L, M);
-	let R = u(), z = (o(t) ? t.props.id : void 0) ?? R, B = `${z}-menu`, V = s(() => {
+	nn(A, L, M);
+	let R = f(), z = (o(t) ? t.props.id : void 0) ?? R, B = `${z}-menu`, V = c(() => {
 		P(), T.current?.querySelector("button, [href], [tabindex]")?.focus({ preventScroll: !0 });
-	}, [P]), H = s((e) => je(F.setReference, T, D, w)(e), [F, w]);
-	l(() => {
+	}, [P]), H = c((e) => $(F.setReference, T, D, w)(e), [F, w]);
+	u(() => {
 		C && A && P();
 	}, [
 		C,
@@ -1816,27 +2251,27 @@ function Hn({ trigger: t, children: a, side: c = "bottom", align: d = "start", r
 	}, W = o(t) ? i(t, U) : t;
 	return /* @__PURE__ */ r("span", {
 		ref: H,
-		className: e("inline-flex", S),
-		children: [W, A && /* @__PURE__ */ n(it, {
+		className: e("inline-flex", _),
+		children: [W, A && /* @__PURE__ */ n(Qt, {
 			id: B,
 			labelledBy: z,
 			setFloating: F.setFloating,
 			floatingStyles: I,
 			isVisible: j,
 			isPositioned: L,
-			radius: f,
-			unstyled: h,
-			panelClassName: x,
+			radius: d,
+			unstyled: p,
+			panelClassName: m,
 			onClose: V,
 			initialFocus: O,
-			portalTarget: ot(E),
+			portalTarget: en(E),
 			children: a
 		})]
 	});
 }
 // src/components/menu_group/menu_group.tsx
-function Un({ label: t, children: i, unstyled: a = !1, className: o, wrapperClassName: s }) {
-	let c = u();
+function Vr({ label: t, children: i, unstyled: a = !1, className: o, wrapperClassName: s }) {
+	let c = f();
 	return /* @__PURE__ */ r("div", {
 		role: "group",
 		"aria-labelledby": c,
@@ -1850,12 +2285,12 @@ function Un({ label: t, children: i, unstyled: a = !1, className: o, wrapperClas
 	});
 }
 // src/components/menu_item/menu_item_content.tsx
-var Wn = ({ icon: i, danger: a = !1, unstyled: o = !1, children: s }) => /* @__PURE__ */ r(t, { children: [i && /* @__PURE__ */ n("span", {
+var Hr = ({ icon: i, danger: a = !1, unstyled: o = !1, children: s }) => /* @__PURE__ */ r(t, { children: [i && /* @__PURE__ */ n("span", {
 	className: e(i, "h-4 w-4 flex-shrink-0", !a && !o && "text-gray-500 dark:text-gray-400"),
 	"aria-hidden": "true"
 }), s] });
 // src/components/menu_item/menu_item_end.tsx
-function Gn({ trailing: t, selected: i, unstyled: a = !1 }) {
+function Ur({ trailing: t, selected: i, unstyled: a = !1 }) {
 	let o = i !== void 0;
 	return !t && !o ? null : /* @__PURE__ */ r("span", {
 		className: "ml-auto flex flex-shrink-0 items-center gap-2 pl-2",
@@ -1869,27 +2304,27 @@ function Gn({ trailing: t, selected: i, unstyled: a = !1 }) {
 	});
 }
 // src/components/menu_item/menu_item_styles.ts
-var Kn = "flex w-full cursor-pointer items-center whitespace-nowrap text-left", qn = "gap-2 px-3 py-2 text-sm transition-colors", Jn = {
+var Wr = "flex w-full cursor-pointer items-center whitespace-nowrap text-left", Gr = "gap-2 px-3 py-2 text-sm transition-colors", Kr = {
 	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 Yn({ hoverClasses: t, stateClasses: n, danger: r, unstyled: i, radius: a, className: o }) {
+function qr({ hoverClasses: t, stateClasses: n, danger: r, unstyled: i, radius: a, className: o }) {
 	let s = r ? "danger" : "default";
-	return e(Kn, !i && [
+	return e(Wr, !i && [
 		"outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-500 dark:focus-visible:outline-blue-400",
-		qn,
-		Jn[s],
+		Gr,
+		Kr[s],
 		t[s],
-		a && H[a]
+		a && G[a]
 	], n, o);
 }
 // src/components/menu_item/menu_item_button.tsx
-var Xn = {
+var Jr = {
 	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"
-}, Zn = ["disabled:cursor-not-allowed disabled:opacity-50"];
-function Qn({ icon: e, trailing: t, onClick: i, selected: a, danger: o = !1, disabled: s = !1, children: c, radius: l, unstyled: u = !1, className: d, ref: f }) {
-	let p = Xe();
+}, Yr = ["disabled:cursor-not-allowed disabled:opacity-50"];
+function Xr({ icon: e, trailing: t, onClick: i, selected: a, danger: o = !1, disabled: s = !1, children: c, radius: l, unstyled: u = !1, className: d, ref: f }) {
+	let p = Wt();
 	return /* @__PURE__ */ r("button", {
 		ref: f,
 		type: "button",
@@ -1900,20 +2335,20 @@ function Qn({ icon: e, trailing: t, onClick: i, selected: a, danger: o = !1, dis
 			e.stopPropagation(), i(e), p?.();
 		},
 		disabled: s,
-		className: Yn({
-			hoverClasses: Xn,
-			stateClasses: Zn,
+		className: qr({
+			hoverClasses: Jr,
+			stateClasses: Yr,
 			danger: o,
 			unstyled: u,
 			radius: l,
 			className: d
 		}),
-		children: [/* @__PURE__ */ n(Wn, {
+		children: [/* @__PURE__ */ n(Hr, {
 			icon: e,
 			danger: o,
 			unstyled: u,
 			children: c
-		}), /* @__PURE__ */ n(Gn, {
+		}), /* @__PURE__ */ n(Ur, {
 			trailing: t,
 			selected: a,
 			unstyled: u
@@ -1921,145 +2356,157 @@ function Qn({ icon: e, trailing: t, onClick: i, selected: a, danger: o = !1, dis
 	});
 }
 // src/components/menu_item/menu_item_link.tsx
-var $n = "_blank", er = "noopener noreferrer", tr = {
+var Zr = "_blank", Qr = "noopener noreferrer", $r = {
 	default: "hover:bg-gray-50 dark:hover:bg-gray-800/60",
 	danger: "hover:bg-red-50 dark:hover:bg-red-950/40"
-}, nr = ["no-underline", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"];
-function rr({ icon: e, trailing: t, href: i, target: a, rel: o, danger: s = !1, disabled: c = !1, children: l, radius: u, unstyled: d = !1, className: f, ref: p }) {
-	let m = Xe();
+}, ei = ["no-underline", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"];
+function ti({ icon: e, trailing: t, href: i, target: a, rel: o, danger: s = !1, disabled: c = !1, children: l, radius: u, unstyled: d = !1, className: f, ref: p }) {
+	let m = Wt();
 	return /* @__PURE__ */ r("a", {
 		ref: p,
 		role: "menuitem",
 		tabIndex: -1,
 		href: c ? void 0 : i,
 		target: a,
-		rel: o ?? (a === $n ? er : void 0),
+		rel: o ?? (a === Zr ? Qr : void 0),
 		"aria-disabled": c || void 0,
 		onClick: (e) => {
 			e.stopPropagation(), m?.();
 		},
-		className: Yn({
-			hoverClasses: tr,
-			stateClasses: nr,
+		className: qr({
+			hoverClasses: $r,
+			stateClasses: ei,
 			danger: s,
 			unstyled: d,
 			radius: u,
 			className: f
 		}),
-		children: [/* @__PURE__ */ n(Wn, {
+		children: [/* @__PURE__ */ n(Hr, {
 			icon: e,
 			danger: s,
 			unstyled: d,
 			children: l
-		}), /* @__PURE__ */ n(Gn, {
+		}), /* @__PURE__ */ n(Ur, {
 			trailing: t,
 			unstyled: d
 		})]
 	});
 }
 // src/components/menu_item/menu_item.tsx
-function ir(e) {
-	return e.href === void 0 ? /* @__PURE__ */ n(Qn, { ...e }) : /* @__PURE__ */ n(rr, { ...e });
+function ni(e) {
+	return e.href === void 0 ? /* @__PURE__ */ n(Xr, { ...e }) : /* @__PURE__ */ n(ti, { ...e });
 }
 // src/components/menu_separator/menu_separator.tsx
-var ar = ({ unstyled: t = !1, className: r }) => /* @__PURE__ */ n("hr", {
+var ri = ({ unstyled: t = !1, className: r }) => /* @__PURE__ */ n("hr", {
 	"aria-orientation": "horizontal",
 	className: e("w-full", !t && ["my-1 border-0 border-t", "border-gray-100 dark:border-gray-800"], r)
-}), or = {
+}), ii = {
 	danger: "i-mdi-alert-circle",
 	primary: "i-mdi-help-circle",
 	success: "i-mdi-check-circle"
-}, sr = {
+}, ai = {
 	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 cr({ title: t, color: i }) {
+function oi({ title: t, color: i }) {
 	return /* @__PURE__ */ r("div", {
 		className: "flex items-center gap-3",
 		children: [/* @__PURE__ */ n("span", {
-			className: e("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", sr[i]),
+			className: e("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", ai[i]),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ n("span", { className: e(or[i], "h-5 w-5") })
+			children: /* @__PURE__ */ n("span", { className: e(ii[i], "h-5 w-5") })
 		}), t]
 	});
 }
-// src/components/modal/modal_shell.tsx
-var lr = "a dialog needs an accessible name. Provide a non-empty `title` or `aria-label` prop.", ur = {
+// src/components/modal/modal_sheet_classes.ts
+var si = {
+	sm: "ms-modal-sheet-size-sm",
+	md: "ms-modal-sheet-size-md",
+	lg: "ms-modal-sheet-size-lg",
+	xl: "ms-modal-sheet-size-xl"
+}, ci = {
+	none: "ms-modal-sheet-radius-none",
+	sm: "ms-modal-sheet-radius-sm",
+	md: "ms-modal-sheet-radius-md",
+	lg: "ms-modal-sheet-radius-lg",
+	xl: "ms-modal-sheet-radius-xl",
+	full: "ms-modal-sheet-radius-full"
+}, li = "a dialog needs an accessible name. Provide a non-empty `title` or `aria-label` prop.", ui = {
 	sm: "max-w-md",
 	md: "max-w-lg",
 	lg: "max-w-2xl",
 	xl: "max-w-4xl"
-}, dr = {
+}, di = {
 	auto: "",
 	fixed: "ms-modal-height-fixed"
-}, fr = {
+}, fi = {
 	auto: "overflow-y-auto",
 	fixed: "overflow-hidden flex flex-col"
 };
-function pr({ isEnded: t, onDismiss: i, title: a, children: o, footer: s, size: c = "md", height: l = "auto", radius: d = "xl", className: f, panelClassName: p, backdropClassName: m, unstyled: h = !1, dismissible: g = !0, closeLabel: _, role: v = "dialog", initialFocusRef: y, "aria-label": b }) {
-	let S = u(), C = u(), { dialogRef: w, contentRef: T, footerSlot: E, setFooterSlot: D, isVisible: O, handleBackdropClick: k, handleBackdropMouseDown: A } = Dn({
+function pi({ isEnded: t, onDismiss: i, title: a, children: o, footer: s, size: c = "md", height: l = "auto", phoneLayout: u = "center", radius: d = "xl", className: p, panelClassName: h, backdropClassName: g, unstyled: _ = !1, dismissible: v = !0, closeLabel: y, role: b = "dialog", initialFocusRef: x, "aria-label": S }) {
+	let w = f(), T = f(), { dialogRef: E, contentRef: D, footerSlot: O, setFooterSlot: k, isVisible: A, handleBackdropClick: j, handleBackdropMouseDown: M } = Tr({
 		isEnded: t,
 		onDismiss: i,
-		dismissible: g,
-		initialFocusRef: y
-	});
-	Ae("Modal", !!a || !!b?.trim(), lr);
-	let { focusClassName: j, ...M } = sn(T, {
-		labelledBy: a ? S : void 0,
-		label: b
-	}), N = l === "auto", P = v === "alertdialog" && !!o;
-	return x(/* @__PURE__ */ r("div", {
-		className: e("fixed inset-0 z-50 flex items-start justify-center", "ms-modal-backdrop-padding", !h && "transition-opacity duration-200 ease-out", O ? "opacity-100" : "opacity-0"),
-		onClick: k,
-		onMouseDown: A,
+		dismissible: v,
+		initialFocusRef: x
+	});
+	Ie("Modal", !!a || !!S?.trim(), li);
+	let { ref: N, scrollableProps: P, focusClassName: F } = ir({
+		labelledBy: a ? w : void 0,
+		label: S
+	}), I = m(() => $(D, N), [D, N]), L = l === "auto", R = u === "sheet", z = b === "alertdialog" && !!o;
+	return C(/* @__PURE__ */ r("div", {
+		className: e("fixed inset-0 z-50 flex justify-center", R ? "ms-modal-sheet-backdrop" : "items-start ms-modal-backdrop-padding", !_ && "transition-opacity duration-200 ease-out", A ? "opacity-100" : "opacity-0"),
+		onClick: j,
+		onMouseDown: M,
 		children: [/* @__PURE__ */ n("div", {
-			className: e("fixed inset-0", !h && [
+			className: e("fixed inset-0", !_ && [
 				"bg-black/60 backdrop-blur-md",
 				"transition-opacity duration-200 ease-out",
-				O ? "opacity-100" : "opacity-0"
-			], m),
+				A ? "opacity-100" : "opacity-0"
+			], g),
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ r("div", {
-			ref: w,
-			role: v,
+			ref: E,
+			role: b,
 			"aria-modal": "true",
-			"aria-labelledby": a ? S : void 0,
-			"aria-label": a ? void 0 : b,
-			"aria-describedby": P ? C : void 0,
+			"aria-labelledby": a ? w : void 0,
+			"aria-label": a ? void 0 : S,
+			"aria-describedby": z ? T : void 0,
 			tabIndex: -1,
-			"data-state": O ? "open" : "closed",
-			className: e("relative w-full", ur[c], dr[l], "ms-modal-max-height overflow-hidden flex flex-col", "focus:outline-none", !h && [
+			"data-state": A ? "open" : "closed",
+			className: e("relative w-full", R ? si[c] : ui[c], di[l], R && "ms-modal-sheet-panel", R && l === "fixed" && "ms-modal-sheet-height-fixed", "ms-modal-max-height overflow-hidden flex flex-col", "focus:outline-none", !_ && [
 				"bg-white dark:bg-gray-900",
 				"[&,&_*]:[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]",
 				"shadow-2xl",
-				H[d],
+				R ? ci[d] : G[d],
 				"transition-all duration-200 ease-out",
-				O ? "opacity-100" : "ms-modal-panel-closed"
-			], p),
+				A ? "opacity-100" : R ? "ms-modal-sheet-closed" : "ms-modal-panel-closed"
+			], h),
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				a && /* @__PURE__ */ n(Ut, {
-					titleId: S,
+				a && /* @__PURE__ */ n(Rn, {
+					titleId: w,
 					title: a,
 					onDismiss: i,
-					dismissible: g,
-					closeLabel: _,
-					unstyled: h
+					dismissible: v,
+					closeLabel: y,
+					unstyled: _
 				}),
 				/* @__PURE__ */ n("div", {
-					ref: T,
-					id: P ? C : void 0,
-					...N ? M : void 0,
-					className: e("flex-1 min-h-0", !h && "px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400", fr[l], !h && !a && "pt-6", N && j, f),
-					children: /* @__PURE__ */ n(Ht.Provider, {
-						value: E,
+					ref: I,
+					id: z ? T : void 0,
+					...L ? P : void 0,
+					className: e("flex-1 min-h-0", !_ && "px-6 pb-6 text-sm leading-relaxed text-gray-600 dark:text-gray-400", fi[l], !_ && !a && "pt-6", L && F, p),
+					children: /* @__PURE__ */ n(Ln.Provider, {
+						value: O,
 						children: o
 					})
 				}),
-				/* @__PURE__ */ n(Vt, {
-					onSlotChange: D,
-					unstyled: h,
+				/* @__PURE__ */ n(In, {
+					onSlotChange: k,
+					unstyled: _,
 					children: s
 				})
 			]
@@ -2067,23 +2514,23 @@ function pr({ isEnded: t, onDismiss: i, title: a, children: o, footer: s, size:
 	}), document.body);
 }
 // src/components/modal/confirm_modal.tsx
-var mr = C(({ call: e, title: i, children: a, confirmLabel: o, cancelLabel: s, confirmColor: c, radius: l, closeLabel: u, onConfirm: d, onError: f }) => {
-	An();
-	let [h, g] = m(!1), _ = p(null), v = () => e.end(!1), y = async () => {
+var mi = T(({ call: e, title: i, children: a, confirmLabel: o, cancelLabel: s, confirmColor: c, radius: l, closeLabel: u, onConfirm: d, onError: f }) => {
+	Or();
+	let [p, m] = g(!1), _ = h(null), v = () => e.end(!1), y = async () => {
 		if (!d) e.end(!0);
 		else {
-			g(!0);
+			m(!0);
 			try {
 				await d(), e.end(!0);
 			} catch (e) {
-				g(!1), Ot(e, f);
+				m(!1), Cn(e, f);
 			}
 		}
-	}, b = J(), x = o ?? b.confirm, S = s ?? b.cancel, C = c ?? "primary";
-	return /* @__PURE__ */ n(pr, {
+	}, b = q(), x = o ?? b.confirm, S = s ?? b.cancel, C = c ?? "primary";
+	return /* @__PURE__ */ n(pi, {
 		isEnded: e.ended,
 		onDismiss: v,
-		title: /* @__PURE__ */ n(cr, {
+		title: /* @__PURE__ */ n(oi, {
 			title: i,
 			color: C
 		}),
@@ -2092,20 +2539,20 @@ var mr = C(({ call: e, title: i, children: a, confirmLabel: o, cancelLabel: s, c
 		closeLabel: u,
 		role: "alertdialog",
 		initialFocusRef: _,
-		footer: /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(Y, {
+		footer: /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(J, {
 			ref: _,
 			variant: "outline",
 			color: "neutral",
 			onClick: v,
-			disabled: h,
+			disabled: p,
 			size: "sm",
 			children: S
-		}), /* @__PURE__ */ n(Y, {
+		}), /* @__PURE__ */ n(J, {
 			color: C,
 			onClick: () => {
 				y();
 			},
-			loading: h,
+			loading: p,
 			size: "sm",
 			children: x
 		})] }),
@@ -2113,64 +2560,86 @@ var mr = C(({ call: e, title: i, children: a, confirmLabel: o, cancelLabel: s, c
 	});
 }, 200);
 // src/components/modal/modal.tsx
-function hr(e, t) {
+function hi(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var gr = C(({ call: e, title: t, children: r, size: i, height: a, radius: o, className: s, panelClassName: c, backdropClassName: l, unstyled: u, dismissible: d, closeLabel: f, role: p, initialFocusRef: m, "aria-label": h }) => {
-	An();
-	let { dismiss: g, registry: _ } = Gt({
+var gi = T(({ call: e, title: t, children: r, size: i, height: a, phoneLayout: o, radius: s, className: c, panelClassName: l, backdropClassName: u, unstyled: d, dismissible: f, closeLabel: p, role: m, initialFocusRef: h, "aria-label": g }) => {
+	Or();
+	let { dismiss: _, registry: v } = Bn({
 		onDismiss: () => e.end(),
 		isEnded: e.ended
 	});
-	return /* @__PURE__ */ n(Bt.Provider, {
-		value: _,
-		children: /* @__PURE__ */ n(pr, {
+	return /* @__PURE__ */ n(Fn.Provider, {
+		value: v,
+		children: /* @__PURE__ */ n(pi, {
 			isEnded: e.ended,
-			onDismiss: g,
+			onDismiss: _,
 			title: t,
 			size: i,
 			height: a,
-			radius: o,
-			className: s,
-			panelClassName: c,
-			backdropClassName: l,
-			unstyled: u,
-			dismissible: d,
-			closeLabel: f,
-			role: p,
-			initialFocusRef: m,
-			"aria-label": h,
-			children: hr(r, g)
+			phoneLayout: o,
+			radius: s,
+			className: c,
+			panelClassName: l,
+			backdropClassName: u,
+			unstyled: d,
+			dismissible: f,
+			closeLabel: p,
+			role: m,
+			initialFocusRef: h,
+			"aria-label": g,
+			children: hi(r, _)
 		})
 	});
 }, 200);
 // src/components/modal/modal_footer.tsx
-function _r({ children: e }) {
-	let t = c(Ht);
-	return t ? x(e, t) : null;
+function _i({ children: e }) {
+	let t = l(Ln);
+	return t ? C(e, t) : null;
 }
 // src/components/modal/use_dismiss_guard.ts
-function vr(e, t = !0) {
-	let n = c(Bt), r = p(e);
-	if (d(() => {
+function vi(e, t = !0) {
+	let n = l(Fn), r = h(e);
+	if (p(() => {
 		r.current = e;
-	}), l(() => {
+	}), u(() => {
 		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 yr() {
-	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(gr, {}), /* @__PURE__ */ n(mr, {})] });
+function yi() {
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(gi, {}), /* @__PURE__ */ n(mi, {})] });
+}
+// src/components/multi_combobox/multi_combobox_checkbox.tsx
+function bi({ isSelected: t, unstyled: r, radius: i }) {
+	return /* @__PURE__ */ n("span", {
+		"aria-hidden": !0,
+		className: e("flex h-4 w-4 shrink-0 items-center justify-center", !r && [
+			"border-2",
+			G[i],
+			t ? e("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : e("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800")
+		]),
+		children: t && /* @__PURE__ */ n("svg", {
+			className: "h-3 w-3 text-white",
+			viewBox: "0 0 12 12",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: /* @__PURE__ */ n("polyline", { points: "2 6 5 9 10 3" })
+		})
+	});
 }
 // src/components/multi_combobox/multi_combobox.tsx
-var br = 2;
-function xr(e, t, n, r) {
-	return r?.(e, t) ? !0 : n === void 0 || t.includes(e) ? !1 : t.length >= n;
+var xi = 2, Si = "flex items-center gap-2";
+function Ci(e, t, n, r, i) {
+	return i?.(e, t) ? !0 : r === void 0 || n.has(e) ? !1 : t.length >= r;
 }
-function Sr(e, t) {
-	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
+function wi(e, t, n) {
+	return t.has(n) ? e.filter((e) => e !== n) : [...e, n];
 }
-function Cr(e, t) {
+function Ti(e, t) {
 	if (e.length <= t) return {
 		visibleOptions: e,
 		hiddenCount: 0
@@ -2181,148 +2650,167 @@ function Cr(e, t) {
 		hiddenCount: e.length - n
 	};
 }
-function wr(e, t, n) {
+function Ei(e, t, n) {
 	return typeof e == "string" ? `${e}, ${n}` : t ? `${t}, ${n}` : n;
 }
-function Tr(e, t) {
-	return e.label.toLowerCase().includes(t.trim().toLowerCase());
-}
-var Er = "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 Dr({ options: i, filterOption: a = Tr, label: o, description: c, "aria-label": u, error: d, placeholder: h, searchPlaceholder: g, noResultsText: _, clearLabel: v, clearText: y, maxSelectedValues: b, isOptionDisabled: x, maxDisplayedValues: S = br, formatOverflowCount: C, formatSelectedCount: w, formatMaxSelectedHint: T, radius: E = "sm", unstyled: D = !1, disabled: O = !1, required: k = !1, className: A, wrapperClassName: j, values: M, defaultValues: N = [], onChange: P, onDropdownClose: F, id: I }) {
-	let L = J(), { fieldId: z, errorId: B, descriptionId: V, labelId: W } = $(I), G = `${z}-listbox`, ee = `${z}-max-hint`, te = `${z}-selection`, ne = o !== void 0 || !!u, re = p(null), ie = p(null), K = p(null), [q, ae] = Oe(M, N), [Y, oe] = m(""), [X, se] = m(!1), ce = f(() => Y.trim() ? i.filter((e) => a(e, Y)) : i, [
+var Di = "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 Oi({ options: i, filterOption: a, label: o, description: s, "aria-label": l, error: d, placeholder: f, searchPlaceholder: p, noResultsText: _, clearLabel: v, clearText: y, maxSelectedValues: b, isOptionDisabled: x, maxDisplayedValues: S = xi, formatOverflowCount: C, formatSelectedCount: w, formatMaxSelectedHint: T, radius: E = "sm", unstyled: D = !1, disabled: O = !1, required: k = !1, className: A, wrapperClassName: j, dropdownClassName: M, optionLabelOverflow: N = "wrap", values: P, defaultValues: F = [], onChange: I, onDropdownClose: L, id: R }) {
+	let z = q(), { fieldId: B, errorId: H, descriptionId: U, labelId: W } = Me(R), te = `${B}-listbox`, ne = `${B}-max-hint`, re = `${B}-selection`, ie = o !== void 0 || !!l, ae = h(null), oe = h(null), se = h(null), ce = h(null), [K, le] = je(P, F), [J, ue] = g(""), [Y, de] = g(!1), fe = Rt(Y), pe = m(() => new Set(K), [K]), me = m(() => a ? [] : i.map((e) => e.label.toLowerCase()), [i, a]), he = m(() => {
+		let e = J.trim().toLowerCase();
+		return e ? a ? i.filter((e) => a(e, J)) : i.filter((t, n) => me[n].includes(e)) : i;
+	}, [
 		i,
 		a,
-		Y
-	]), { activeIndex: le, activeOptionId: ue, move: de, first: fe, last: Z, reset: pe } = We({
-		optionCount: ce.length,
-		getOptionId: (e) => `${G}-option-${e}`,
-		isOpen: X
-	}), me = f(() => i.filter((e) => q.includes(e.value)), [i, q]), ge = ne && me.length > 0, { visibleOptions: _e, hiddenCount: ve } = Cr(me, S), ye = () => {
-		O || se(!0);
-	}, be = s(() => {
-		se(!1), oe(""), pe(), F?.(q);
+		me,
+		J
+	]), { activeIndex: X, activeOptionId: Z, move: ge, moveWithinBounds: _e, first: ye, last: be, reset: xe } = jt({
+		optionCount: he.length,
+		getOptionId: (e) => Ze(te, e),
+		isOpen: Y
+	}), Se = m(() => i.filter((e) => pe.has(e.value)), [i, pe]), Ce = ie && Se.length > 0, { visibleOptions: we, hiddenCount: Te } = Ti(Se, S), Ee = () => {
+		O || de(!0);
+	}, Q = c(() => {
+		de(!1), ue(""), xe(), L?.(K);
 	}, [
-		pe,
-		F,
-		q
-	]), xe = () => {
-		X ? be() : ye();
-	}, Se = (e) => {
-		if (xr(e, q, b, x)) return;
-		let t = Sr(q, e);
-		ae(t), P?.(t);
-	}, Ce = () => {
-		ae([]), P?.([]);
-	}, we = (e) => {
-		e.stopPropagation(), Ce(), X || F?.([]), re.current?.focus();
-	}, Te = () => {
-		Ce(), K.current?.focus();
-	}, Ee = () => {
-		O || xe();
-	}, De = (e) => {
-		oe(e.target.value), pe();
+		xe,
+		L,
+		K
+	]), Oe = () => {
+		Y ? Q() : Ee();
 	}, ke = (e) => {
-		e.preventDefault(), X ? de(1) : (ye(), fe());
-	}, Ae = (e) => {
-		e.preventDefault(), X ? de(-1) : (ye(), Z());
-	}, je = (e) => {
-		if (!X) return;
-		e.preventDefault();
-		let t = ce[le];
-		t && Se(t.value);
-	}, Me = (e) => {
-		X && (e.preventDefault(), be(), re.current?.focus());
+		if (Ci(e, K, pe, b, x)) return;
+		let t = wi(K, pe, e);
+		le(t), I?.(t);
+	}, Ae = () => {
+		le([]), I?.([]);
 	}, Ne = (e) => {
-		if (e.key === "ArrowDown") return ke(e);
-		if (e.key === "ArrowUp") return Ae(e);
-		if (e.key === "Enter") return je(e);
-		if (e.key === "Escape") return Me(e);
+		e.stopPropagation(), Ae(), Y || L?.([]), ae.current?.focus();
+	}, Pe = () => {
+		Ae(), se.current?.focus();
+	}, Fe = () => {
+		O || Oe();
+	}, Ie = (e) => {
+		ue(e.target.value), xe();
+	}, Le = (e) => {
+		e.preventDefault(), Y ? ge(1) : (Ee(), ye());
+	}, $ = (e) => {
+		e.preventDefault(), Y ? ge(-1) : (Ee(), be());
+	}, Re = (e) => {
+		if (!Y) return;
+		e.preventDefault();
+		let t = he[X];
+		t && ke(t.value);
+	}, ze = (e) => {
+		Y && (e.preventDefault(), Q(), ae.current?.focus());
+	}, Be = (e, t) => {
+		Y && !Xe(e) && (e.preventDefault(), _e(t * ft(ce.current, X)));
+	}, Ve = pt((e) => {
+		ke(e.value);
+	}), He = (e) => ({
+		isSelected: pe.has(e.value),
+		isDisabled: Ci(e.value, K, pe, b, x),
+		className: Si
+	}), Ue = c((e, i, a) => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(bi, {
+		isSelected: i,
+		unstyled: D,
+		radius: E
+	}), a ? /* @__PURE__ */ n("span", {
+		className: "min-w-0 truncate",
+		children: e.label
+	}) : e.label] }), [D, E]), We = (e) => {
+		if (e.key === "PageDown") return Be(e, 1);
+		if (e.key === "PageUp") return Be(e, -1);
+		if (e.key === "ArrowDown") return Le(e);
+		if (e.key === "ArrowUp") return $(e);
+		if (e.key === "Enter") return Re(e);
+		if (e.key === "Escape") return ze(e);
 	};
-	return l(() => {
-		if (!X) return;
+	return u(() => {
+		if (!Y) return;
 		let e = (e) => {
-			ie.current && !ie.current.contains(e.target) && be();
+			oe.current && !oe.current.contains(e.target) && Q();
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [X, be]), /* @__PURE__ */ n(Be, {
-		fieldId: z,
-		errorId: B,
-		descriptionId: V,
+	}, [Y, Q]), /* @__PURE__ */ n(Ye, {
+		fieldId: B,
+		errorId: H,
+		descriptionId: U,
 		label: o,
-		description: c,
+		description: s,
 		error: d,
 		required: k,
 		wrapperClassName: j,
 		children: /* @__PURE__ */ r("div", {
-			ref: ie,
+			ref: oe,
 			className: "relative",
 			onBlur: (e) => {
-				if (!X) return;
+				if (!Y) return;
 				let t = e.relatedTarget;
-				t instanceof Node && ie.current?.contains(t) || be();
+				t instanceof Node && oe.current?.contains(t) || Q();
 			},
 			children: [
-				ge && /* @__PURE__ */ n("span", {
-					id: te,
+				Ce && /* @__PURE__ */ n("span", {
+					id: re,
 					className: "sr-only",
-					children: me.map((e) => e.label).join(", ")
+					children: Se.map((e) => e.label).join(", ")
 				}),
 				/* @__PURE__ */ n("button", {
-					ref: re,
+					ref: ae,
 					type: "button",
-					id: z,
+					id: B,
 					role: "combobox",
 					disabled: O,
-					"aria-expanded": X,
-					"aria-controls": G,
+					"aria-expanded": Y,
+					"aria-controls": te,
 					"aria-haspopup": "listbox",
 					"aria-invalid": !!d,
 					"aria-required": k || void 0,
-					"aria-describedby": Q(ge && te, !!c && V, d && B),
-					"aria-labelledby": o && !u ? W : void 0,
-					"aria-label": u,
-					onClick: Ee,
-					onKeyDown: Ne,
+					"aria-describedby": De(Ce && re, !!s && U, d && H),
+					"aria-labelledby": o && !l ? W : void 0,
+					"aria-label": l,
+					onClick: Fe,
+					onKeyDown: We,
 					className: e("w-full flex flex-wrap items-center gap-1 text-left disabled:opacity-50 disabled:cursor-not-allowed", !D && [
-						he,
-						H[E],
+						ve,
+						G[E],
 						"pl-3 pr-8 py-2 text-sm min-h-10"
 					], !D && d && e("border-red-500 dark:border-red-400", "focus:ring-red-500"), A),
-					children: me.length === 0 ? /* @__PURE__ */ n("span", {
+					children: Se.length === 0 ? /* @__PURE__ */ n("span", {
 						className: e(!D && "text-gray-500 dark:text-gray-400"),
-						children: h
-					}) : /* @__PURE__ */ r(t, { children: [_e.map((t) => /* @__PURE__ */ n("span", {
-						className: e(!D && Er),
+						children: f
+					}) : /* @__PURE__ */ r(t, { children: [we.map((t) => /* @__PURE__ */ n("span", {
+						className: e(!D && Di),
 						children: t.label
-					}, t.value)), ve > 0 && /* @__PURE__ */ n("span", {
-						className: e(!D && Er),
-						children: (C ?? L.overflowCount)(ve)
+					}, t.value)), Te > 0 && /* @__PURE__ */ n("span", {
+						className: e(!D && Di),
+						children: (C ?? z.overflowCount)(Te)
 					})] })
 				}),
-				!D && q.length > 0 && !O && /* @__PURE__ */ n("button", {
+				!D && K.length > 0 && !O && /* @__PURE__ */ n("button", {
 					type: "button",
-					"aria-label": v ?? L.clearSelection,
+					"aria-label": v ?? z.clearSelection,
 					onMouseDown: (e) => e.preventDefault(),
-					onClick: we,
-					className: e("absolute right-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 before:content-[''] before:absolute before:-inset-[4px]", "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", R.primary.focusOutline),
+					onClick: Ne,
+					className: e("absolute right-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 before:content-[''] before:absolute before:-inset-[4px]", "outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2", V.primary.focusOutline),
 					children: /* @__PURE__ */ n("span", {
 						className: "i-mdi-close block w-4 h-4",
 						"aria-hidden": !0
 					})
 				}),
-				X && /* @__PURE__ */ r("div", {
+				Y && /* @__PURE__ */ r("div", {
+					ref: fe,
 					onMouseDown: (e) => {
-						e.target !== K.current && e.preventDefault();
+						e.target !== se.current && e.preventDefault();
 					},
-					className: e("absolute z-10 mt-1 w-full text-sm shadow-lg", !D && [
+					className: e("absolute z-10 mt-1", M ? "min-w-full" : "w-full", "text-sm shadow-lg", !D && [
 						"border overflow-hidden",
 						"bg-white dark:bg-gray-900",
 						"border-gray-100 dark:border-gray-800",
-						U[E]
-					]),
+						ee[E]
+					], M),
 					children: [
 						/* @__PURE__ */ n("input", {
-							ref: K,
+							ref: se,
 							type: "text",
 							autoFocus: !0,
 							role: "combobox",
@@ -2330,14 +2818,14 @@ function Dr({ options: i, filterOption: a = Tr, label: o, description: c, "aria-
 							"aria-autocomplete": "list",
 							"aria-haspopup": "listbox",
 							autoComplete: "off",
-							value: Y,
-							onChange: De,
-							onKeyDown: Ne,
-							placeholder: g ?? L.search,
-							"aria-label": wr(o, u, g ?? L.search),
-							"aria-controls": G,
-							"aria-activedescendant": ue,
-							"aria-describedby": b === void 0 ? void 0 : ee,
+							value: J,
+							onChange: Ie,
+							onKeyDown: We,
+							placeholder: p ?? z.search,
+							"aria-label": Ei(o, l, p ?? z.search),
+							"aria-controls": te,
+							"aria-activedescendant": Z,
+							"aria-describedby": b === void 0 ? void 0 : ne,
 							className: e("w-full", !D && [
 								"px-3 py-2 border-b bg-transparent",
 								"outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-500 dark:focus-visible:outline-blue-400",
@@ -2346,63 +2834,36 @@ function Dr({ options: i, filterOption: a = Tr, label: o, description: c, "aria-
 							])
 						}),
 						b !== void 0 && /* @__PURE__ */ n("div", {
-							id: ee,
+							id: ne,
 							className: e("px-3 py-1 text-xs", !D && ["border-b", "border-gray-100 dark:border-gray-800"], !D && "text-gray-500 dark:text-gray-400"),
-							children: (T ?? L.maxSelectedHint)(b)
+							children: (T ?? z.maxSelectedHint)(b)
 						}),
-						/* @__PURE__ */ n("ul", {
-							id: G,
-							role: "listbox",
-							"aria-labelledby": o && !u ? W : void 0,
-							"aria-label": u,
+						/* @__PURE__ */ n(Dt, {
+							ref: ce,
+							id: te,
+							options: he,
+							activeIndex: X,
+							isWindowed: N !== "wrap" && rt(i.length),
+							labelOverflow: N,
+							noResultsText: _ ?? z.noResults,
+							"aria-labelledby": o && !l ? W : void 0,
+							"aria-label": l,
 							"aria-multiselectable": !0,
-							className: e("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: ce.map((t, i) => {
-								let a = q.includes(t.value), o = xr(t.value, q, b, x);
-								return /* @__PURE__ */ r("li", {
-									id: `${G}-option-${i}`,
-									role: "option",
-									"aria-selected": a,
-									"aria-disabled": o,
-									onClick: () => Se(t.value),
-									className: e("px-3 py-2 flex items-center gap-2 text-gray-900 dark:text-gray-100", o ? "opacity-50 cursor-not-allowed" : "cursor-pointer", i === le ? e("bg-blue-50 dark:bg-blue-900/40", "outline-2 -outline-offset-2 outline-blue-500 dark:outline-blue-400") : !o && "hover:bg-gray-50 dark:hover:bg-gray-800/60"),
-									children: [/* @__PURE__ */ n("span", {
-										"aria-hidden": !0,
-										className: e("flex h-4 w-4 shrink-0 items-center justify-center", !D && [
-											"border-2",
-											H[E],
-											a ? e("border-blue-600 dark:border-blue-500", "bg-blue-600 dark:bg-blue-500") : e("border-gray-300 dark:border-gray-600", "bg-white dark:bg-gray-800")
-										]),
-										children: a && /* @__PURE__ */ n("svg", {
-											className: "h-3 w-3 text-white",
-											viewBox: "0 0 12 12",
-											fill: "none",
-											stroke: "currentColor",
-											strokeWidth: "2.5",
-											strokeLinecap: "round",
-											strokeLinejoin: "round",
-											children: /* @__PURE__ */ n("polyline", { points: "2 6 5 9 10 3" })
-										})
-									}), t.label]
-								}, t.value);
-							})
-						}),
-						/* @__PURE__ */ n("div", {
-							role: "status",
-							className: ce.length === 0 ? "px-3 py-2 text-gray-500 dark:text-gray-400" : void 0,
-							children: ce.length === 0 ? _ ?? L.noResults : ""
+							getOptionState: He,
+							renderOptionContent: Ue,
+							onOptionClick: Ve
 						}),
 						b !== void 0 && /* @__PURE__ */ r("div", {
 							className: e("flex items-center justify-between px-3 py-2", !D && ["border-t", "border-gray-100 dark:border-gray-800"]),
 							children: [/* @__PURE__ */ n("span", {
 								className: "text-xs text-gray-500 dark:text-gray-400",
-								children: (w ?? L.selectedCount)(q.length)
+								children: (w ?? z.selectedCount)(K.length)
 							}), /* @__PURE__ */ n("button", {
 								type: "button",
-								disabled: q.length === 0,
-								onClick: Te,
+								disabled: K.length === 0,
+								onClick: Pe,
 								className: "text-xs font-medium text-blue-600 hover:text-blue-700 disabled:opacity-50 disabled:cursor-not-allowed dark:text-blue-400 dark:hover:text-blue-300",
-								children: y ?? L.clear
+								children: y ?? z.clear
 							})]
 						})
 					]
@@ -2412,9 +2873,9 @@ function Dr({ options: i, filterOption: a = Tr, label: o, description: c, "aria-
 	});
 }
 // src/components/radio_options/radio_option_row.tsx
-function Or({ option: t, optionId: r, descriptionId: i, name: a, orientation: o, isSelected: s, isDisabled: c, isFirstOption: l, required: u, error: d, radius: f, unstyled: p, className: m, onSelect: h }) {
+function ki({ option: t, optionId: r, descriptionId: i, name: a, orientation: o, isSelected: s, isDisabled: c, isFirstOption: l, required: u, error: d, radius: f, unstyled: p, className: m, onSelect: h }) {
 	let g = !!d;
-	return /* @__PURE__ */ n(Pe, {
+	return /* @__PURE__ */ n(Ue, {
 		item: t,
 		htmlFor: r,
 		descriptionId: i,
@@ -2438,7 +2899,7 @@ function Or({ option: t, optionId: r, descriptionId: i, name: a, orientation: o,
 			className: "sr-only"
 		}),
 		indicator: /* @__PURE__ */ n("span", {
-			className: e("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-150", Ee({
+			className: e("mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-150", ke({
 				isSelected: s,
 				isError: g
 			})),
@@ -2448,8 +2909,8 @@ function Or({ option: t, optionId: r, descriptionId: i, name: a, orientation: o,
 	});
 }
 // src/components/radio_options/radio_options.tsx
-function kr({ options: t, orientation: i = "vertical", value: a, defaultValue: o, onChange: s, name: c, label: l, error: u, required: d, disabled: f, radius: p = "lg", unstyled: m = !1, className: h, wrapperClassName: g, id: _, "aria-describedby": v, ...y }) {
-	let { fieldId: b, errorId: x } = $(_), S = c ?? b, [C, w] = Oe(a, o ?? ""), T = t.map((e) => typeof e == "string" ? {
+function Ai({ options: t, orientation: i = "vertical", value: a, defaultValue: o, onChange: s, name: c, label: l, error: u, required: d, disabled: f, radius: p = "lg", unstyled: m = !1, className: h, wrapperClassName: g, id: _, "aria-describedby": v, ...y }) {
+	let { fieldId: b, errorId: x } = Me(_), S = c ?? b, [C, w] = je(a, o ?? ""), T = t.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
 	} : e), E = (e) => {
@@ -2460,16 +2921,16 @@ function kr({ options: t, orientation: i = "vertical", value: a, defaultValue: o
 		role: "radiogroup",
 		disabled: f,
 		"aria-invalid": u ? !0 : void 0,
-		"aria-describedby": Q(v, u && x),
+		"aria-describedby": De(v, u && x),
 		...y,
 		children: [
 			l && /* @__PURE__ */ r("legend", {
 				className: e("text-sm font-medium text-gray-700 dark:text-gray-300", "mb-2"),
-				children: [l, d && /* @__PURE__ */ n(De, {})]
+				children: [l, d && /* @__PURE__ */ n(Ae, {})]
 			}),
 			/* @__PURE__ */ n("div", {
 				className: e(i === "horizontal" ? "flex flex-row gap-2" : "flex flex-col gap-2"),
-				children: T.map((e, t) => /* @__PURE__ */ n(Or, {
+				children: T.map((e, t) => /* @__PURE__ */ n(ki, {
 					option: e,
 					optionId: `${b}-${t}`,
 					descriptionId: `${b}-${t}-desc`,
@@ -2486,7 +2947,7 @@ function kr({ options: t, orientation: i = "vertical", value: a, defaultValue: o
 					onSelect: E
 				}, e.value))
 			}),
-			/* @__PURE__ */ n(we, {
+			/* @__PURE__ */ n(Q, {
 				id: x,
 				error: u,
 				className: "mt-2"
@@ -2495,9 +2956,9 @@ function kr({ options: t, orientation: i = "vertical", value: a, defaultValue: o
 	});
 }
 // src/components/select/select.tsx
-function Ar({ options: t, label: i, description: a, error: o, placeholder: s, radius: c = "md", unstyled: l = !1, className: u, wrapperClassName: d, value: f, defaultValue: p, onChange: m, id: h, "aria-describedby": g, "aria-label": _, ...v }) {
-	let { fieldId: y, errorId: b, descriptionId: x, labelId: S } = $(h);
-	return /* @__PURE__ */ n(Be, {
+function ji({ options: t, label: i, description: a, error: o, placeholder: s, radius: c = "md", unstyled: l = !1, className: u, wrapperClassName: d, value: f, defaultValue: p, onChange: m, id: h, "aria-describedby": g, "aria-label": _, ...v }) {
+	let { fieldId: y, errorId: b, descriptionId: x, labelId: S } = Me(h);
+	return /* @__PURE__ */ n(Ye, {
 		fieldId: y,
 		errorId: b,
 		descriptionId: x,
@@ -2509,8 +2970,8 @@ function Ar({ options: t, label: i, description: a, error: o, placeholder: s, ra
 		children: /* @__PURE__ */ r("select", {
 			id: y,
 			className: e("w-full disabled:opacity-50 disabled:cursor-not-allowed", !l && [
-				he,
-				H[c],
+				ve,
+				G[c],
 				"pl-3 pr-8 py-2 text-sm appearance-none bg-[length:1rem_1rem] bg-[position:right_0.5rem_center] bg-no-repeat",
 				"bg-[url(\"data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e\")]"
 			], !l && o && e("border-red-500 dark:border-red-400", "focus:ring-red-500"), u),
@@ -2518,8 +2979,8 @@ function Ar({ options: t, label: i, description: a, error: o, placeholder: s, ra
 			onChange: m,
 			"aria-invalid": !!o,
 			"aria-label": _,
-			"aria-labelledby": Ve(i, S, _),
-			"aria-describedby": Q(g, !!a && x, o && b),
+			"aria-labelledby": Ot(i, S, _),
+			"aria-describedby": De(g, !!a && x, o && b),
 			...v,
 			children: [s !== void 0 && /* @__PURE__ */ n("option", {
 				value: "",
@@ -2531,30 +2992,30 @@ function Ar({ options: t, label: i, description: a, error: o, placeholder: s, ra
 		})
 	});
 }
-var jr = "!rounded-l-none border-l", Mr = {
+var Mi = "!rounded-l-none border-l", Ni = {
 	solid: "!border-l-white/40",
 	outline: "!border-l-0",
 	ghost: "!border-l-current/25",
 	subtle: "!border-l-current/25"
-}, Nr = "!border-l-gray-400";
-function Pr(e, t) {
-	return [jr, e === "solid" && t === "neutral" ? Nr : Mr[e]];
+}, Pi = "!border-l-gray-400";
+function Fi(e, t) {
+	return [Mi, e === "solid" && t === "neutral" ? Pi : Ni[e]];
 }
 // src/components/split_button/split_button.tsx
-var Fr = "i-mdi-chevron-down";
-function Ir(t) {
-	let { children: i, onClick: a, menu: o, menuLabel: s, menuIcon: c = Fr, menuAlign: l = "end", startIcon: u, size: d = "md", loading: f = !1, disabled: p = !1, "aria-label": m, "aria-labelledby": h, className: g, ref: _, unstyled: v = !1, variant: y = "solid", color: b = "primary", radius: x = "md" } = t, S = v ? { unstyled: !0 } : {
+var Ii = "i-mdi-chevron-down";
+function Li(t) {
+	let { children: i, onClick: a, menu: o, menuLabel: s, menuIcon: c = Ii, menuAlign: l = "end", startIcon: u, size: d = "md", loading: f = !1, disabled: p = !1, "aria-label": m, "aria-labelledby": h, className: g, ref: _, unstyled: v = !1, variant: y = "solid", color: b = "primary", radius: x = "md" } = t, S = v ? { unstyled: !0 } : {
 		variant: y,
 		color: b,
 		radius: x
-	}, C = /* @__PURE__ */ n(Dt, {
+	}, C = /* @__PURE__ */ n(Sn, {
 		icon: c,
 		"aria-label": s,
 		tooltip: !0,
 		size: d,
 		disabled: p,
 		"aria-disabled": f && !p || void 0,
-		className: e(!v && ["relative focus-visible:z-10", Pr(y, b)]),
+		className: e(!v && ["relative focus-visible:z-10", Fi(y, b)]),
 		...S
 	});
 	return /* @__PURE__ */ r("div", {
@@ -2562,7 +3023,7 @@ function Ir(t) {
 		"aria-label": m,
 		"aria-labelledby": h,
 		className: e("inline-flex", g),
-		children: [/* @__PURE__ */ n(Y, {
+		children: [/* @__PURE__ */ n(J, {
 			ref: _,
 			size: d,
 			startIcon: u,
@@ -2572,7 +3033,7 @@ function Ir(t) {
 			className: e(!v && ["relative focus-visible:z-10", "!rounded-r-none"]),
 			...S,
 			children: i
-		}), /* @__PURE__ */ n(Hn, {
+		}), /* @__PURE__ */ n(Br, {
 			trigger: C,
 			align: l,
 			radius: x,
@@ -2582,28 +3043,28 @@ function Ir(t) {
 	});
 }
 // src/components/spinner/spinner.tsx
-var Lr = 0, Rr = "inline-flex items-center gap-2", zr = {
+var Ri = 0, zi = "inline-flex items-center gap-2", Bi = {
 	xs: "text-xs",
 	sm: "text-sm",
 	md: "text-sm",
 	lg: "text-base"
-}, Br = {
+}, Vi = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-5 h-5",
 	lg: "w-6 h-6"
 };
-function Vr(t) {
-	let { size: i = "md", label: a, unstyled: o = !1, className: s, iconClassName: c, labelClassName: u, ...d } = t, f = J(), [p, h] = m(!1);
-	l(() => {
-		let e = setTimeout(() => h(!0), Lr);
+function Hi(t) {
+	let { size: i = "md", label: a, unstyled: o = !1, className: s, iconClassName: c, labelClassName: l, ...d } = t, f = q(), [p, m] = g(!1);
+	u(() => {
+		let e = setTimeout(() => m(!0), Ri);
 		return () => clearTimeout(e);
 	}, []);
-	let g = a ?? f.loading, _ = e(!o && Br[i], c);
+	let h = a ?? f.loading, _ = e(!o && Vi[i], c);
 	return /* @__PURE__ */ r("span", {
 		role: "status",
 		...d,
-		className: e(!o && [Rr, zr[i]], s),
+		className: e(!o && [zi, Bi[i]], s),
 		children: [
 			/* @__PURE__ */ n("span", {
 				className: e("i-svg-spinners-3-dots-fade ms-spinner-animated", _),
@@ -2614,57 +3075,74 @@ function Vr(t) {
 				"aria-hidden": "true"
 			}),
 			p && /* @__PURE__ */ n("span", {
-				className: a === void 0 ? "sr-only" : u,
-				children: g
+				className: a === void 0 ? "sr-only" : l,
+				children: h
 			})
 		]
 	});
 }
 // src/components/switch/switch.tsx
-function Hr({ label: i, description: a, error: o, unstyled: s = !1, fullWidth: c = !1, className: l, wrapperClassName: u, checked: d, defaultChecked: f = !1, onChange: p, id: m, "aria-describedby": h, "aria-label": g, "aria-labelledby": _, ...v }) {
-	let { fieldId: y, errorId: b, descriptionId: x } = $(m), [S, C] = Oe(d, f), w = Q(h, !!a && x, o && b);
-	return Ae("Switch", !!i || !!g?.trim() || !!_?.trim()), /* @__PURE__ */ r("div", {
+var Ui = "absolute -inset-0.5 m-0 h-6 w-11 appearance-none opacity-0";
+function Wi(t, n) {
+	return t ? "sr-only" : e(Ui, n ? "cursor-not-allowed" : "cursor-pointer");
+}
+function Gi({ htmlFor: e, className: t, children: r }) {
+	return e === void 0 ? /* @__PURE__ */ n("div", {
+		className: t,
+		children: r
+	}) : /* @__PURE__ */ n("label", {
+		htmlFor: e,
+		className: t,
+		children: r
+	});
+}
+function Ki({ label: i, description: a, error: o, unstyled: s = !1, fullWidth: c = !1, className: l, wrapperClassName: u, checked: d, defaultChecked: f = !1, onChange: p, id: g, "aria-describedby": _, "aria-label": v, "aria-labelledby": y, ref: b, ...x }) {
+	let { fieldId: S, errorId: C, descriptionId: w } = Me(g), [T, E] = je(d, f), D = h(null), O = !!i, k = De(_, !!a && w, o && C);
+	Le("Switch", D, !!i || !!v?.trim() || !!y?.trim());
+	let A = m(() => $(D, b), [b]);
+	return /* @__PURE__ */ r("div", {
 		className: e(c ? "w-full" : "w-fit", u),
 		children: [
-			/* @__PURE__ */ r("label", {
-				htmlFor: y,
-				className: e("flex items-center gap-3 cursor-pointer", v.disabled && "cursor-not-allowed opacity-50"),
+			/* @__PURE__ */ r(Gi, {
+				htmlFor: O ? S : void 0,
+				className: e("flex items-center gap-3 cursor-pointer", x.disabled && "cursor-not-allowed opacity-50"),
 				children: [/* @__PURE__ */ r("span", {
-					className: e("relative inline-flex w-11 shrink-0", "transition-colors duration-200 ease-in-out", P, F, !s && [
+					className: e("relative inline-flex w-11 shrink-0", "transition-colors duration-200 ease-in-out", I, L, !s && [
 						"rounded-full border-2 border-transparent",
-						S ? "bg-blue-600 dark:bg-blue-500" : "bg-gray-200 dark:bg-gray-600",
+						T ? "bg-blue-600 dark:bg-blue-500" : "bg-gray-200 dark:bg-gray-600",
 						o && "ring-2 ring-red-500 dark:ring-red-400"
 					], l),
 					children: [/* @__PURE__ */ n("input", {
 						type: "checkbox",
 						role: "switch",
-						id: y,
-						className: "sr-only",
-						checked: S,
+						ref: A,
+						id: S,
+						className: Wi(O, x.disabled === !0),
+						checked: T,
 						onChange: (e) => {
-							C(e.target.checked), p?.(e);
+							E(e.target.checked), p?.(e);
 						},
 						"aria-invalid": !!o,
-						"aria-describedby": w,
-						"aria-label": g,
-						"aria-labelledby": _,
-						...v
+						"aria-describedby": k,
+						"aria-label": v,
+						"aria-labelledby": y,
+						...x
 					}), /* @__PURE__ */ n("span", {
-						className: e("pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0", "ms-switch-thumb-transition", S ? "translate-x-5.25" : "translate-x-0"),
+						className: e("pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0", "ms-switch-thumb-transition", T ? "translate-x-5.25" : "translate-x-0"),
 						"aria-hidden": !0
 					})]
 				}), i && /* @__PURE__ */ n(t, { children: typeof i == "string" ? /* @__PURE__ */ r("span", {
 					className: e("text-sm font-medium text-gray-700 dark:text-gray-300", "select-none"),
-					children: [i, v.required && /* @__PURE__ */ n(De, {})]
-				}) : /* @__PURE__ */ r(t, { children: [i, v.required && /* @__PURE__ */ n(De, {})] }) })]
+					children: [i, x.required && /* @__PURE__ */ n(Ae, {})]
+				}) : /* @__PURE__ */ r(t, { children: [i, x.required && /* @__PURE__ */ n(Ae, {})] }) })]
 			}),
-			/* @__PURE__ */ n(xe, {
-				id: x,
+			/* @__PURE__ */ n(we, {
+				id: w,
 				description: a,
 				className: "mt-1 ml-14"
 			}),
-			/* @__PURE__ */ n(we, {
-				id: b,
+			/* @__PURE__ */ n(Q, {
+				id: C,
 				error: o,
 				className: "mt-1 ml-14"
 			})
@@ -2672,23 +3150,23 @@ function Hr({ label: i, description: a, error: o, unstyled: s = !1, fullWidth: c
 	});
 }
 // src/components/tabs/tabs_styles.ts
-var Ur = {
+var qi = {
 	list: "gap-1 p-1 bg-gray-100 dark:bg-gray-800/50",
 	tab: "",
-	indicator: `absolute inset-0 ${T} border border-gray-200 dark:border-gray-700`
-}, Wr = {
+	indicator: `absolute inset-0 ${D} border border-gray-200 dark:border-gray-700`
+}, Ji = {
 	line: {
 		activeTab: "border-transparent text-gray-900 dark:text-gray-100",
 		idleTab: "border-transparent text-gray-500 dark:text-gray-400",
 		idleHover: "hover:text-gray-900 hover:border-gray-300 dark:hover:text-gray-100 dark:hover:border-gray-600",
 		byOrientation: {
 			horizontal: {
-				list: `gap-1 border-b ${E}`,
+				list: `gap-1 border-b ${O}`,
 				tab: "-mb-px border-b-2",
 				indicator: "absolute inset-x-0 -bottom-0.5 h-0.5 bg-blue-600 dark:bg-blue-400"
 			},
 			vertical: {
-				list: `gap-1 border-r ${E}`,
+				list: `gap-1 border-r ${O}`,
 				tab: "border-r-2",
 				indicator: "absolute inset-y-0 -right-0.5 w-0.5 bg-blue-600 dark:bg-blue-400"
 			}
@@ -2699,52 +3177,52 @@ var Ur = {
 		idleTab: "text-gray-600 dark:text-gray-400",
 		idleHover: "hover:text-gray-900 dark:hover:text-gray-100",
 		byOrientation: {
-			horizontal: Ur,
-			vertical: Ur
+			horizontal: qi,
+			vertical: qi
 		}
 	}
-}, Gr = {
+}, Yi = {
 	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"
-}, Kr = {
+}, Xi = {
 	xs: "w-3.5 h-3.5",
 	sm: "w-4 h-4",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
-}, qr = {
-	horizontal: e(M, R.primary.focusOutline),
-	vertical: e("outline-hidden focus-visible:outline-2", "focus-visible:-outline-offset-2", R.primary.focusOutline)
-}, Jr = "items-center", Yr = e("flex-col items-stretch min-h-0 overflow-y-auto overflow-x-hidden", k), Xr = "w-48 shrink-0", Zr = "justify-start text-left whitespace-normal", Qr = "whitespace-nowrap", $r = "flex min-h-0", ei = e("flex-1 min-w-0 min-h-0 overflow-y-auto", k), ti = "ml-6", ni = "mt-4";
-function ri(t, n) {
-	return e("w-full", t === "vertical" && $r, n);
-}
-function ii(t) {
+}, Zi = {
+	horizontal: e(P, V.primary.focusOutline),
+	vertical: e("outline-hidden focus-visible:outline-2", "focus-visible:-outline-offset-2", V.primary.focusOutline)
+}, Qi = "items-center", $i = e("flex-col items-stretch min-h-0 overflow-y-auto overflow-x-hidden", j), ea = "w-48 shrink-0", ta = "justify-start text-left whitespace-normal", na = "whitespace-nowrap", ra = "flex min-h-0", ia = e("flex-1 min-w-0 min-h-0 overflow-y-auto", j), aa = "ml-6", oa = "mt-4";
+function sa(t, n) {
+	return e("w-full", t === "vertical" && ra, n);
+}
+function ca(t) {
 	let { orientation: n, unstyled: r, className: i } = t, a = n === "vertical";
-	return e(a && ei, !r && [a ? ti : ni, qr[n]], i);
+	return e(a && ia, !r && [a ? aa : oa, Zi[n]], i);
 }
-function ai(t) {
+function la(t) {
 	let { variant: n, orientation: r, radius: i, unstyled: a, isFullWidth: o, className: s } = t, c = r === "vertical";
-	return e("flex", c ? Yr : Jr, !c && o && "w-full", !a && c && Xr, !a && Wr[n].byOrientation[r].list, !a && n === "segmented" && H[i], s);
+	return e("flex", c ? $i : Qi, !c && o && "w-full", !a && c && ea, !a && Ji[n].byOrientation[r].list, !a && n === "segmented" && G[i], s);
 }
-function oi(t) {
-	let { variant: n, orientation: r, size: i, radius: a, unstyled: o, isActive: s, isDisabled: c, isFullWidth: l, className: u } = t, d = r === "vertical", f = Wr[n];
-	return e("relative flex items-center gap-2", d ? Zr : Qr, !d && l && "flex-1 justify-center", c ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !o && [
+function ua(t) {
+	let { variant: n, orientation: r, size: i, radius: a, unstyled: o, isActive: s, isDisabled: c, isFullWidth: l, className: u } = t, d = r === "vertical", f = Ji[n];
+	return e("relative flex items-center gap-2", d ? ta : na, !d && l && "flex-1 justify-center", c ? "opacity-50 cursor-not-allowed" : "cursor-pointer", !o && [
 		"font-medium transition-colors duration-200",
-		Gr[i],
+		Yi[i],
 		f.byOrientation[r].tab,
 		s ? f.activeTab : [f.idleTab, !c && f.idleHover],
-		n === "segmented" && H[a],
-		qr[r]
+		n === "segmented" && G[a],
+		Zi[r]
 	], u);
 }
-function si(t) {
+function da(t) {
 	let { variant: n, orientation: r, radius: i } = t;
-	return e("tabs-indicator pointer-events-none", Wr[n].byOrientation[r].indicator, n === "segmented" && H[i]);
+	return e("tabs-indicator pointer-events-none", Ji[n].byOrientation[r].indicator, n === "segmented" && G[i]);
 }
 // src/components/tabs/tab_button.tsx
-function ci({ item: i, isActive: a, hasMountedPanel: o, isTabStop: s, isFullWidth: c, variant: l, orientation: u, size: d, radius: f, unstyled: p, tabId: m, panelId: h, onSelect: g, onKeyDown: _, ref: v, indicatorRef: y }) {
+function fa({ item: i, isActive: a, hasMountedPanel: o, isTabStop: s, isFullWidth: c, variant: l, orientation: u, size: d, radius: f, unstyled: p, tabId: m, panelId: h, onSelect: g, onKeyDown: _, ref: v, indicatorRef: y }) {
 	let b = !!i.disabled;
 	return /* @__PURE__ */ r("button", {
 		ref: v,
@@ -2758,7 +3236,7 @@ function ci({ item: i, isActive: a, hasMountedPanel: o, isTabStop: s, isFullWidt
 		disabled: i.disabled,
 		onClick: g,
 		onKeyDown: _,
-		className: oi({
+		className: ua({
 			variant: l,
 			orientation: u,
 			size: d,
@@ -2772,7 +3250,7 @@ function ci({ item: i, isActive: a, hasMountedPanel: o, isTabStop: s, isFullWidt
 			a && !p && /* @__PURE__ */ n("span", {
 				ref: y,
 				"aria-hidden": "true",
-				className: si({
+				className: da({
 					variant: l,
 					orientation: u,
 					radius: f
@@ -2780,7 +3258,7 @@ function ci({ item: i, isActive: a, hasMountedPanel: o, isTabStop: s, isFullWidt
 			}),
 			i.icon && /* @__PURE__ */ n("span", {
 				"aria-hidden": "true",
-				className: e("relative shrink-0", Kr[d], i.icon)
+				className: e("relative shrink-0", Xi[d], i.icon)
 			}),
 			/* @__PURE__ */ n("span", {
 				className: "relative",
@@ -2791,7 +3269,7 @@ function ci({ item: i, isActive: a, hasMountedPanel: o, isTabStop: s, isFullWidt
 	});
 }
 // src/components/tabs/tab_panel.tsx
-function li({ panelId: t, tabId: r, isHidden: i, isAnimated: a, className: o, contentKey: s, children: c }) {
+function pa({ panelId: t, tabId: r, isHidden: i, isAnimated: a, className: o, contentKey: s, children: c }) {
 	return /* @__PURE__ */ n("div", {
 		role: "tabpanel",
 		id: t,
@@ -2806,11 +3284,11 @@ function li({ panelId: t, tabId: r, isHidden: i, isAnimated: a, className: o, co
 	});
 }
 // src/components/tabs/use_tab_indicator_transition.ts
-var ui = 200, di = "ease-out", fi = "(prefers-reduced-motion: reduce)";
-function pi() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(fi).matches;
+var ma = 200, ha = "ease-out", ga = "(prefers-reduced-motion: reduce)";
+function _a() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(ga).matches;
 }
-function mi(e, t, n) {
+function va(e, t, n) {
 	return e === "vertical" ? [{
 		transform: `translateY(${t.top - n.top}px)`,
 		height: `${t.height}px`
@@ -2825,25 +3303,25 @@ function mi(e, t, n) {
 		width: `${n.width}px`
 	}];
 }
-function hi(e, t, n, r) {
-	e.animate(mi(t, n, r), {
-		duration: ui,
-		easing: di
+function ya(e, t, n, r) {
+	e.animate(va(t, n, r), {
+		duration: ma,
+		easing: ha
 	});
 }
-function gi(e, t, n) {
-	return !e || !t || !n ? !1 : !pi();
+function ba(e, t, n) {
+	return !e || !t || !n ? !1 : !_a();
 }
-function _i(e) {
-	let { activeIndex: t, indicatorRef: n, isAnimated: r, orientation: i } = e, a = p(null);
-	d(() => {
+function xa(e) {
+	let { activeIndex: t, indicatorRef: n, isAnimated: r, orientation: i } = e, a = h(null);
+	p(() => {
 		let e = n.current;
 		if (!e) {
 			a.current = null;
 			return;
 		}
 		let t = e.getBoundingClientRect(), o = typeof e.animate == "function";
-		gi(a.current, r, o) && hi(e, i, a.current, t), a.current = t;
+		ba(a.current, r, o) && ya(e, i, a.current, t), a.current = t;
 	}, [
 		t,
 		n,
@@ -2852,34 +3330,34 @@ function _i(e) {
 	]);
 }
 // src/components/tabs/use_tabs_keyboard_navigation.ts
-var vi = {
+var Sa = {
 	Home: () => 0,
 	End: (e, t) => t - 1
-}, yi = (e, t) => (e + 1) % t, bi = (e, t) => (e - 1 + t) % t, xi = {
+}, Ca = (e, t) => (e + 1) % t, wa = (e, t) => (e - 1 + t) % t, Ta = {
 	horizontal: {
-		...vi,
-		ArrowRight: yi,
-		ArrowLeft: bi
+		...Sa,
+		ArrowRight: Ca,
+		ArrowLeft: wa
 	},
 	vertical: {
-		...vi,
-		ArrowDown: yi,
-		ArrowUp: bi
+		...Sa,
+		ArrowDown: Ca,
+		ArrowUp: wa
 	}
 };
-function Si(e) {
+function Ea(e) {
 	return e.flatMap((e, t) => e.disabled ? [] : [t]);
 }
-function Ci(e, t) {
+function Da(e, t) {
 	let n = e[t];
-	return n && !n.disabled ? t : Si(e)[0] ?? -1;
+	return n && !n.disabled ? t : Ea(e)[0] ?? -1;
 }
-function wi(e) {
+function Oa(e) {
 	let { items: t, activeIndex: n, orientation: r, onNavigate: i } = e;
 	return (e) => {
-		let a = xi[r][e.key];
+		let a = Ta[r][e.key];
 		if (!a) return;
-		let o = Si(t);
+		let o = Ea(t);
 		if (o.length === 0) return;
 		e.preventDefault();
 		let s = a(o.indexOf(n), o.length);
@@ -2887,69 +3365,69 @@ function wi(e) {
 	};
 }
 // src/components/tabs/tabs.tsx
-function Ti({ items: e, value: t, defaultIndex: i = 0, variant: a = "line", orientation: o = "horizontal", size: s = "md", radius: c = "md", fullWidth: l = !1, unstyled: d = !1, animated: f = !0, keepMounted: m = !1, "aria-label": h, "aria-labelledby": g, className: _, tabListClassName: v, panelClassName: y, onChange: b }) {
-	let [x, S] = Oe(t, i), C = u(), w = p([]), T = p(null), E = (t) => {
+function ka({ items: e, value: t, defaultIndex: i = 0, variant: a = "line", orientation: o = "horizontal", size: s = "md", radius: c = "md", fullWidth: l = !1, unstyled: u = !1, animated: d = !0, keepMounted: p = !1, "aria-label": m, "aria-labelledby": g, className: _, tabListClassName: v, panelClassName: y, onChange: b }) {
+	let [x, S] = je(t, i), C = f(), w = h([]), T = h(null), E = (t) => {
 		e[t]?.disabled || (S(t), b?.(t));
 	}, D = (e) => {
 		w.current[e]?.focus(), E(e);
-	}, O = Ci(e, x), k = wi({
+	}, O = Da(e, x), k = Oa({
 		items: e,
 		activeIndex: O,
 		orientation: o,
 		onNavigate: D
-	}), A = ii({
+	}), A = ca({
 		orientation: o,
-		unstyled: d,
+		unstyled: u,
 		className: y
-	}), j = f && !d;
-	return _i({
+	}), j = d && !u;
+	return xa({
 		activeIndex: x,
 		indicatorRef: T,
-		isAnimated: f,
+		isAnimated: d,
 		orientation: o
 	}), /* @__PURE__ */ r("div", {
-		className: ri(o, _),
+		className: sa(o, _),
 		children: [/* @__PURE__ */ n("div", {
 			role: "tablist",
-			"aria-label": h,
+			"aria-label": m,
 			"aria-labelledby": g,
 			"aria-orientation": o,
-			className: ai({
+			className: la({
 				variant: a,
 				orientation: o,
 				radius: c,
-				unstyled: d,
+				unstyled: u,
 				isFullWidth: l,
 				className: v
 			}),
-			children: e.map((e, t) => /* @__PURE__ */ n(ci, {
+			children: e.map((e, t) => /* @__PURE__ */ n(fa, {
 				ref: (e) => {
 					w.current[t] = e;
 				},
 				indicatorRef: T,
 				item: e,
 				isActive: x === t,
-				hasMountedPanel: m || x === t,
+				hasMountedPanel: p || x === t,
 				isTabStop: O === t,
 				isFullWidth: l,
 				variant: a,
 				orientation: o,
 				size: s,
 				radius: c,
-				unstyled: d,
+				unstyled: u,
 				tabId: `${C}-tab-${t}`,
 				panelId: `${C}-panel-${t}`,
 				onSelect: () => E(t),
 				onKeyDown: k
 			}, e.title))
-		}), m ? e.map((e, t) => /* @__PURE__ */ n(li, {
+		}), p ? e.map((e, t) => /* @__PURE__ */ n(pa, {
 			panelId: `${C}-panel-${t}`,
 			tabId: `${C}-tab-${t}`,
 			isHidden: t !== x,
 			isAnimated: j,
 			className: A,
 			children: e.content
-		}, e.title)) : /* @__PURE__ */ n(li, {
+		}, e.title)) : /* @__PURE__ */ n(pa, {
 			panelId: `${C}-panel-${x}`,
 			tabId: `${C}-tab-${x}`,
 			isHidden: !1,
@@ -2961,11 +3439,11 @@ function Ti({ items: e, value: t, defaultIndex: i = 0, variant: a = "line", orie
 	});
 }
 // src/components/textarea/textarea.tsx
-function Ei({ label: t, description: i, error: a, showCharCount: o = !1, minLength: s, maxLength: c, radius: l = "md", unstyled: u = !1, className: d, wrapperClassName: f, value: p, defaultValue: m, onChange: h, id: g, "aria-describedby": _, "aria-label": v, ...y }) {
-	let { fieldId: b, errorId: x, descriptionId: S, labelId: C, characterCountId: w } = $(g), { length: T, trackLength: E } = In(p, m), D = o && (s !== void 0 || c !== void 0), O = (e) => {
+function Aa({ label: t, description: i, error: a, showCharCount: o = !1, minLength: s, maxLength: c, radius: l = "md", unstyled: u = !1, className: d, wrapperClassName: f, value: p, defaultValue: m, onChange: h, id: g, "aria-describedby": _, "aria-label": v, ...y }) {
+	let { fieldId: b, errorId: x, descriptionId: S, labelId: C, characterCountId: w } = Me(g), { length: T, trackLength: E } = Pr(p, m), D = o && (s !== void 0 || c !== void 0), O = (e) => {
 		E(e.target.value), h?.(e);
 	};
-	return /* @__PURE__ */ r(Be, {
+	return /* @__PURE__ */ r(Ye, {
 		fieldId: b,
 		errorId: x,
 		descriptionId: S,
@@ -2977,8 +3455,8 @@ function Ei({ label: t, description: i, error: a, showCharCount: o = !1, minLeng
 		children: [/* @__PURE__ */ n("textarea", {
 			id: b,
 			className: e("w-full min-h-[80px] resize-y disabled:opacity-50 disabled:cursor-not-allowed", !u && [
-				he,
-				H[l],
+				ve,
+				G[l],
 				"px-3 py-2 text-sm"
 			], !u && a && e("border-red-500 dark:border-red-400", "focus:ring-red-500"), d),
 			...p === void 0 ? { defaultValue: m } : { value: p },
@@ -2987,8 +3465,8 @@ function Ei({ label: t, description: i, error: a, showCharCount: o = !1, minLeng
 			onChange: O,
 			"aria-invalid": !!a,
 			"aria-label": v,
-			"aria-labelledby": Ve(t, C, v),
-			"aria-describedby": Q(_, !!i && S, a && x, D && w),
+			"aria-labelledby": Ot(t, C, v),
+			"aria-describedby": De(_, !!i && S, a && x, D && w),
 			...y
 		}), D && /* @__PURE__ */ n(Z, {
 			id: w,
@@ -3001,7 +3479,7 @@ function Ei({ label: t, description: i, error: a, showCharCount: o = !1, minLeng
 	});
 }
 // src/lib/is_webkit_gtk.ts
-var Di = "AppleWebKit", Oi = ["Linux", "X11"], ki = [
+var ja = "AppleWebKit", Ma = ["Linux", "X11"], Na = [
 	"Chrome",
 	"Chromium",
 	"Edg",
@@ -3009,12 +3487,12 @@ var Di = "AppleWebKit", Oi = ["Linux", "X11"], ki = [
 	"CriOS",
 	"FxiOS"
 ];
-function Ai(e) {
-	return !e.includes(Di) || !Oi.some((t) => e.includes(t)) ? !1 : !ki.some((t) => e.includes(t));
+function Pa(e) {
+	return !e.includes(ja) || !Ma.some((t) => e.includes(t)) ? !1 : !Na.some((t) => e.includes(t));
 }
 // src/lib/theme_transition.ts
-var ji = 750, Mi = "ease-in-out";
-async function Ni({ theme: e, element: t, transitionDuration: n = ji, transitionEasing: r = Mi, applyThemeCallback: i }) {
+var Fa = 750, Ia = "ease-in-out";
+async function La({ theme: e, element: t, transitionDuration: n = Fa, transitionEasing: r = Ia, applyThemeCallback: i }) {
 	if (!document.startViewTransition || globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches) {
 		i(e);
 		return;
@@ -3028,76 +3506,81 @@ async function Ni({ theme: e, element: t, transitionDuration: n = ji, transition
 		pseudoElement: "::view-transition-new(root)"
 	});
 }
-function Pi(e) {
+function Ra(e) {
 	return e === "light" ? "dark" : e === "dark" ? "system" : "light";
 }
 // src/stores/theme_store/theme_storage_key.ts
-var Fi = "theme";
+var za = "theme";
 // src/stores/theme_store/theme_store.ts
-function Ii(e) {
+function Ba(e) {
 	return e === "light" || e === "dark" || e === "system";
 }
-function Li() {
+function Va() {
 	return globalThis.window !== void 0 && globalThis.document !== void 0;
 }
-function Ri(e) {
+var Ha = "meta[name=\"theme-color\"][data-light][data-dark]";
+function Ua(e) {
+	let t = e ? "data-dark" : "data-light";
+	for (let e of document.querySelectorAll(Ha)) e.setAttribute("content", e.getAttribute(t) ?? "");
+}
+function Wa(e) {
 	let t = window.matchMedia("(prefers-color-scheme: dark)").matches, n = e === "dark" || e === "system" && t;
-	document.documentElement.classList.toggle("dark", n);
+	document.documentElement.classList.toggle("dark", n), Ua(n);
 }
-function zi() {
-	if (!Li()) return "system";
+function Ga() {
+	if (!Va()) return "system";
 	try {
-		let e = globalThis.localStorage.getItem(Fi);
-		return Ii(e) ? e : "system";
+		let e = globalThis.localStorage.getItem(za);
+		return Ba(e) ? e : "system";
 	} catch {
 		return "system";
 	}
 }
-function Bi(e) {
-	if (Li()) try {
-		globalThis.localStorage.setItem(Fi, e);
+function Ka(e) {
+	if (Va()) try {
+		globalThis.localStorage.setItem(za, e);
 	} catch {
 		return;
 	}
 }
-var Vi = zi();
-Li() && Ri(Vi);
-var Hi = S((e) => ({
-	theme: Vi,
+var qa = Ga();
+Va() && Wa(qa);
+var Ja = w((e) => ({
+	theme: qa,
 	setTheme: (t) => {
-		Ri(t), Bi(t), e({ theme: t });
+		Wa(t), Ka(t), e({ theme: t });
 	}
 }));
-Li() && (globalThis.addEventListener("storage", (e) => {
+Va() && (globalThis.addEventListener("storage", (e) => {
 	if (e.key !== "theme") return;
-	let t = Ii(e.newValue) ? e.newValue : "system";
-	Ri(t), Hi.setState({ theme: t });
+	let t = Ba(e.newValue) ? e.newValue : "system";
+	Wa(t), Ja.setState({ theme: t });
 }), globalThis.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
-	Hi.getState().theme === "system" && Ri("system");
+	Ja.getState().theme === "system" && Wa("system");
 }));
 // src/components/theme_toggle/theme_toggle.tsx
-var Ui = {
+var Ya = {
 	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"
-}, Wi = {
+}, Xa = {
 	light: "i-tabler-sun",
 	dark: "i-tabler-moon-stars",
 	system: "i-tabler-device-desktop"
-}, Gi = "i-tabler-device-desktop text-gray-400", Ki = "i-tabler-device-desktop";
-function qi(e, t, n) {
+}, Za = "i-tabler-device-desktop text-gray-400", Qa = "i-tabler-device-desktop";
+function $a(e, t, n) {
 	return e ? { unstyled: !0 } : {
 		radius: t,
 		variant: n
 	};
 }
-function Ji(e, t, n) {
-	return n ? t ? Wi[e] : Ki : t ? Ui[e] : Gi;
+function eo(e, t, n) {
+	return n ? t ? Xa[e] : Qa : t ? Ya[e] : Za;
 }
-function Yi({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: r, size: i = "md", unstyled: a = !1, radius: o, variant: c, getAriaLabel: l, tooltip: u }) {
-	let d = Hi((e) => e.theme), f = Hi((e) => e.setTheme), m = J(), h = Re(), g = p(null), _ = s(async () => {
-		let n = Pi(d), i = g.current, a = e ?? !Ai(navigator.userAgent);
-		i && a ? await Ni({
+function to({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: r, size: i = "md", unstyled: a = !1, radius: o, variant: s, getAriaLabel: l, tooltip: u }) {
+	let d = Ja((e) => e.theme), f = Ja((e) => e.setTheme), p = q(), m = qe(), g = h(null), _ = c(async () => {
+		let n = Ra(d), i = g.current, a = e ?? !Pa(navigator.userAgent);
+		i && a ? await La({
 			theme: n,
 			element: i,
 			transitionDuration: t,
@@ -3110,11 +3593,11 @@ function Yi({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: r
 		t,
 		r,
 		f
-	]), v = Ji(d, h, a), y = qi(a, o, c);
-	return /* @__PURE__ */ n(Dt, {
+	]), v = eo(d, m, a), y = $a(a, o, s);
+	return /* @__PURE__ */ n(Sn, {
 		ref: g,
 		icon: v,
-		"aria-label": (l ?? m.currentTheme)(d),
+		"aria-label": (l ?? p.currentTheme)(d),
 		size: i,
 		...y,
 		tooltip: u,
@@ -3124,7 +3607,7 @@ function Yi({ isTransitionEnabled: e, transitionDuration: t, transitionEasing: r
 	});
 }
 // src/components/toolbar/toolbar_items.ts
-var Xi = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summary, [contenteditable]:not([contenteditable=\"false\"]), [tabindex]", Zi = [
+var no = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summary, [contenteditable]:not([contenteditable=\"false\"]), [tabindex]", ro = [
 	"textarea",
 	"[contenteditable]:not([contenteditable=\"false\"])",
 	`input:not(${[
@@ -3138,48 +3621,48 @@ var Xi = "a[href], button, input:not([type=\"hidden\"]), select, textarea, summa
 		"reset",
 		"submit"
 	].map((e) => `[type="${e}"]`).join(", ")})`
-].join(", "), Qi = "select, input[type=\"range\"], input[type=\"radio\"]";
-function $i(e) {
+].join(", "), io = "select, input[type=\"range\"], input[type=\"radio\"]";
+function ao(e) {
 	return e.matches(":disabled, [aria-disabled=\"true\"]");
 }
-function ea(e) {
-	return Array.from(e.querySelectorAll(Xi));
+function oo(e) {
+	return Array.from(e.querySelectorAll(no));
 }
-function ta(e) {
-	return ea(e).filter((e) => !$i(e));
+function so(e) {
+	return oo(e).filter((e) => !ao(e));
 }
-function na(e) {
-	return e instanceof HTMLElement && e.matches(`${Zi}, ${Qi}`);
+function co(e) {
+	return e instanceof HTMLElement && e.matches(`${ro}, ${io}`);
 }
 // src/components/toolbar/toolbar_navigation.ts
-var ra = (e, t) => (e + 1) % t, ia = (e, t) => (e - 1 + t) % t, aa = () => 0, oa = (e, t) => t - 1, sa = {
+var lo = (e, t) => (e + 1) % t, uo = (e, t) => (e - 1 + t) % t, fo = () => 0, po = (e, t) => t - 1, mo = {
 	horizontal: {
-		ArrowRight: ra,
-		ArrowLeft: ia,
-		Home: aa,
-		End: oa
+		ArrowRight: lo,
+		ArrowLeft: uo,
+		Home: fo,
+		End: po
 	},
 	vertical: {
-		ArrowDown: ra,
-		ArrowUp: ia,
-		Home: aa,
-		End: oa
+		ArrowDown: lo,
+		ArrowUp: uo,
+		Home: fo,
+		End: po
 	}
 };
-function ca(e) {
-	let { key: t, orientation: n, currentPosition: r, itemCount: i } = e, a = sa[n][t];
+function ho(e) {
+	let { key: t, orientation: n, currentPosition: r, itemCount: i } = e, a = mo[n][t];
 	if (a && i !== 0) return a(r, i);
 }
 // src/components/toolbar/use_toolbar_roving_focus.ts
-var la = ["disabled", "aria-disabled"];
-function ua(e, t) {
-	let n = p(null), r = s(() => {
+var go = ["disabled", "aria-disabled"];
+function _o(e, t) {
+	let n = h(null), r = c(() => {
 		let t = e.current;
 		if (!t) return;
-		let r = ta(t), i = n.current, a = i && r.includes(i) ? i : r[0];
-		for (let e of ea(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 oo(t)) e.tabIndex = e === a ? 0 : -1;
 	}, [e]);
-	return l(() => {
+	return u(() => {
 		let t = e.current;
 		if (!t) return;
 		r();
@@ -3188,19 +3671,19 @@ function ua(e, t) {
 			subtree: !0,
 			childList: !0,
 			attributes: !0,
-			attributeFilter: la
+			attributeFilter: go
 		}), () => n.disconnect();
 	}, [e, r]), {
 		handleFocus: (t) => {
 			let i = e.current;
 			if (!i) return;
-			let a = ta(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 || !r.contains(n.target) || na(n.target)) return;
-			let i = ta(r), a = ca({
+			if (!r || !r.contains(n.target) || co(n.target)) return;
+			let i = so(r), a = ho({
 				key: n.key,
 				orientation: t,
 				currentPosition: i.findIndex((e) => e === n.target),
@@ -3211,18 +3694,18 @@ function ua(e, t) {
 	};
 }
 // src/components/toolbar/toolbar.tsx
-var da = {
+var vo = {
 	horizontal: "flex items-center gap-1",
 	vertical: "flex flex-col items-stretch gap-1"
 };
-function fa(t) {
-	let { orientation: r = "horizontal", unstyled: i = !1, className: a, ref: o, onFocus: s, onKeyDown: c, ...l } = t, u = p(null), { handleFocus: d, handleKeyDown: f } = ua(u, r);
+function yo(t) {
+	let { orientation: r = "horizontal", unstyled: i = !1, className: a, ref: o, onFocus: s, onKeyDown: c, ...l } = t, u = h(null), { handleFocus: d, handleKeyDown: f } = _o(u, r);
 	return /* @__PURE__ */ n("div", {
 		...l,
-		ref: je(u, o),
+		ref: $(u, o),
 		role: "toolbar",
 		"aria-orientation": r,
-		className: e(!i && da[r], a),
+		className: e(!i && vo[r], a),
 		onFocus: (e) => {
 			d(e), s?.(e);
 		},
@@ -3232,11 +3715,11 @@ function fa(t) {
 	});
 }
 // src/components/ui_provider/french_ui_labels.ts
-var pa = {
+var bo = {
 	light: "clair",
 	dark: "sombre",
 	system: "système"
-}, ma = {
+}, xo = {
 	close: "Fermer",
 	confirm: "Confirmer",
 	cancel: "Annuler",
@@ -3249,33 +3732,45 @@ var pa = {
 	loading: "Chargement",
 	copy: "Copier",
 	charactersRemaining: (e) => `${e} ${e > 1 ? "caractères restants" : "caractère restant"}`,
-	currentTheme: (e) => `Thème actuel : ${pa[e]}`,
+	currentTheme: (e) => `Thème actuel : ${bo[e]}`,
 	overflowCount: (e) => `+${e} ${e > 1 ? "autres" : "autre"}`,
 	selectedCount: (e) => `${e} ${e > 1 ? "sélectionnés" : "sélectionné"}`,
 	maxSelectedHint: (e) => `Vous pouvez sélectionner jusqu'à ${e} ${e > 1 ? "éléments" : "élément"}`
 };
 // src/components/ui_provider/ui_provider.tsx
-function ha(e = {}) {
+function So(e = {}) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
 }
-function ga({ labels: e, announceFieldErrors: t, children: r }) {
-	let i = c(q), a = Ce(), o = f(() => ({
+function Co({ labels: e, announceFieldErrors: t, children: r }) {
+	let i = l(K), a = Ee(), o = m(() => ({
 		...i,
-		...ha(e)
+		...So(e)
 	}), [i, e]);
-	return /* @__PURE__ */ n(q.Provider, {
+	return /* @__PURE__ */ n(K.Provider, {
 		value: o,
-		children: /* @__PURE__ */ n(Se.Provider, {
+		children: /* @__PURE__ */ n(Te.Provider, {
 			value: t ?? a,
 			children: r
 		})
 	});
 }
 // src/hooks/use_is_client/with_client_only.tsx
-var _a = (e) => {
+var wo = (e) => {
 	function t(t) {
-		return Re() ? /* @__PURE__ */ n(e, { ...t }) : null;
+		return qe() ? /* @__PURE__ */ n(e, { ...t }) : null;
 	}
 	return t;
-}, va = `(function(){var t=null;try{t=localStorage.getItem(${JSON.stringify(Fi)})}catch(e){}var d=t==="dark"||(t!=="light"&&matchMedia("(prefers-color-scheme: dark)").matches);document.documentElement.classList.toggle("dark",d)})()`;
-export { j as AppBar, te as Avatar, he as BASE_INPUT_STYLES, re as Badge, Y as Button, ce as Card, Z as CharacterCount, Ne as Checkbox, Le as CheckboxOptions, ze as ClientOnly, Ke as Combobox, mr as ConfirmModal, ft as ContextMenu, jt as CopyButton, Pn as Drawer, ma as FRENCH_UI_LABELS, Ft as Highlight, Dt as IconButton, Ln as Input, zn as Kbd, Hn as Menu, Un as MenuGroup, ir as MenuItem, ar as MenuSeparator, gr as Modal, _r as ModalFooter, yr as ModalProvider, Dr as MultiCombobox, kr as RadioOptions, Ar as Select, Vr as Spinner, Ir as SplitButton, Hr as Switch, va as THEME_INIT_SCRIPT, Ti as Tabs, Ei as Textarea, Yi as ThemeToggle, fa as Toolbar, Ct as Tooltip, ga as UIProvider, K as buttonClassName, Mt as splitIntoHighlightSegments, An as useDisableHotkeysWhileMounted, vr as useDismissGuard, On as useGlobalHotkeysStore, Re as useIsClient, Hi as useThemeStore, _a as withClientOnly };
+}, To = "a scroll region needs an accessible name. Provide a non-empty `label` or `labelledBy`.";
+function Eo(e) {
+	let { ref: t, scrollableProps: n, focusClassName: r } = ir(e);
+	return Ie("useKeyboardScrollable", !!e.label?.trim() || !!e.labelledBy?.trim(), To), {
+		scrollableProps: {
+			ref: t,
+			...n
+		},
+		focusClassName: r
+	};
+}
+// src/stores/theme_store/theme_init_script.ts
+var Do = `(function(){var t=null;try{t=localStorage.getItem(${JSON.stringify(za)})}catch(e){}var d=t==="dark"||(t!=="light"&&matchMedia("(prefers-color-scheme: dark)").matches);document.documentElement.classList.toggle("dark",d);var m=document.querySelectorAll('meta[name="theme-color"][data-light][data-dark]');for(var i=0;i<m.length;i++){m[i].setAttribute("content",m[i].getAttribute(d?"data-dark":"data-light"))}})()`;
+export { N as AppBar, ie as Avatar, ve as BASE_INPUT_STYLES, oe as Badge, J as Button, fe as Card, Z as CharacterCount, He as Checkbox, Ke as CheckboxOptions, Je as ClientOnly, Bt as Combobox, mi as ConfirmModal, sn as ContextMenu, En as CopyButton, Mr as Drawer, xo as FRENCH_UI_LABELS, An as Highlight, Sn as IconButton, Fr as Input, Lr as Kbd, Br as Menu, Vr as MenuGroup, ni as MenuItem, ri as MenuSeparator, gi as Modal, _i as ModalFooter, yi as ModalProvider, Oi as MultiCombobox, Ai as RadioOptions, ji as Select, Hi as Spinner, Li as SplitButton, Ki as Switch, Do as THEME_INIT_SCRIPT, ka as Tabs, Aa as Textarea, to as ThemeToggle, yo as Toolbar, vn as Tooltip, Co as UIProvider, ce as buttonClassName, _r as dismissTopmostModal, Dn as splitIntoHighlightSegments, Or as useDisableHotkeysWhileMounted, vi as useDismissGuard, Er as useGlobalHotkeysStore, qe as useIsClient, Eo as useKeyboardScrollable, Ja as useThemeStore, wo as withClientOnly };