@lettuceai/crisp 1.1.0 → 1.2.2

package/dist/index.js

@@ -1,11 +1,11 @@
 import { Children as e, Fragment as t, cloneElement as n, createContext as r, createElement as i, forwardRef 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, useSyncExternalStore as h } from "react";
 import { AnimatePresence as g, Reorder as _, animate as v, motion as y, useDragControls as b, useMotionValue as x, usePresence as S, useReducedMotion as C, useTransform as w } from "framer-motion";
-import { AlertTriangle as T, ArrowDown as E, ArrowLeft as D, ArrowUp as O, ArrowUpDown as k, Brain as A, CalendarDays as ee, Camera as j, Check as M, CheckCircle2 as te, ChevronDown as N, ChevronLeft as P, ChevronRight as F, ChevronsRight as I, Clapperboard as L, ClipboardPaste as ne, Copy as R, CornerDownLeft as re, Cpu as ie, Download as ae, ExternalLink as oe, Eye as se, EyeOff as ce, Globe as le, GripVertical as ue, Info as z, Layers as de, Loader2 as fe, Mic as pe, Minus as me, MoreHorizontal as he, PanelLeftClose as ge, Pause as _e, Pin as ve, Pipette as ye, Play as be, Plus as B, RotateCcw as xe, Search as Se, Sparkles as Ce, Square as we, ThumbsDown as Te, ThumbsUp as Ee, Trash2 as De, Upload as Oe, WifiOff as ke, X as V, XCircle as Ae, ZoomIn as je, ZoomOut as Me } from "lucide-react";
+import { AlertTriangle as T, ArrowDown as E, ArrowLeft as D, ArrowUp as O, ArrowUpDown as k, Brain as A, CalendarDays as ee, Camera as j, Check as M, CheckCircle2 as te, ChevronDown as N, ChevronLeft as P, ChevronRight as F, ChevronsRight as ne, Clapperboard as re, ClipboardPaste as I, Copy as L, CornerDownLeft as ie, Cpu as R, Download as z, ExternalLink as ae, Eye as oe, EyeOff as se, Globe as ce, GripVertical as le, Info as ue, Layers as de, Loader2 as B, Mic as fe, Minus as pe, MoreHorizontal as me, PanelLeftClose as he, Pause as ge, Pin as _e, Pipette as ve, Play as ye, Plus as be, RotateCcw as xe, Search as Se, Sparkles as Ce, Square as we, ThumbsDown as Te, ThumbsUp as Ee, Trash2 as De, Upload as Oe, WifiOff as ke, X as V, XCircle as Ae, ZoomIn as je, ZoomOut as Me } from "lucide-react";
 import { clsx as Ne } from "clsx";
 import { twMerge as Pe } from "tailwind-merge";
 import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { Area as Fe, AreaChart as Ie, Bar as Le, BarChart as Re, CartesianGrid as ze, Cell as Be, Line as Ve, LineChart as He, ResponsiveContainer as Ue, Tooltip as We, XAxis as Ge, YAxis as Ke } from "recharts";
-import { createPortal as qe } from "react-dom";
+import { createPortal as Fe } from "react-dom";
+import { Area as Ie, AreaChart as Le, Bar as Re, BarChart as ze, CartesianGrid as Be, Cell as Ve, Line as He, LineChart as Ue, ResponsiveContainer as We, Tooltip as Ge, XAxis as Ke, YAxis as qe } from "recharts";
 import Je from "react-markdown";
 import Ye from "remark-gfm";
 import { Toaster as Xe, toast as Ze } from "sonner";
@@ -393,7 +393,7 @@ function q() {
 //#region src/components/Alert.tsx
 var mt = {
 	info: {
-		icon: z,
+		icon: ue,
 		iconClass: "text-info",
 		bar: "bg-info"
 	},
@@ -564,12 +564,12 @@ var X = G("w-full rounded-xl border border-line bg-fill text-base text-fg placeh
 		className: "relative",
 		children: [
 			e && /* @__PURE__ */ U("span", {
-				className: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-fg-3",
+				className: "pointer-events-none absolute inset-y-0 left-3.5 flex items-center text-fg-3",
 				children: e
 			}),
 			s,
 			t && /* @__PURE__ */ U("span", {
-				className: "absolute right-2 top-1/2 -translate-y-1/2",
+				className: "absolute inset-y-0 right-2 flex items-center",
 				children: t
 			})
 		]
@@ -716,55 +716,88 @@ function Ot() {
 }
 //#endregion
 //#region src/components/Tooltip.tsx
-var kt = {
-	top: "bottom-full left-1/2 mb-2 -translate-x-1/2",
-	bottom: "top-full left-1/2 mt-2 -translate-x-1/2",
-	left: "right-full top-1/2 mr-2 -translate-y-1/2",
-	right: "left-full top-1/2 ml-2 -translate-y-1/2"
-}, At = {
+var kt = 8, At = {
+	top: "-translate-x-1/2 -translate-y-full",
+	bottom: "-translate-x-1/2",
+	left: "-translate-x-full -translate-y-1/2",
+	right: "-translate-y-1/2"
+};
+function jt(e, t, n) {
+	let r = n ? n.left : 0, i = n ? n.top : 0;
+	switch (e) {
+		case "top": return {
+			left: t.left + t.width / 2 - r,
+			top: t.top - kt - i
+		};
+		case "bottom": return {
+			left: t.left + t.width / 2 - r,
+			top: t.bottom + kt - i
+		};
+		case "left": return {
+			left: t.left - kt - r,
+			top: t.top + t.height / 2 - i
+		};
+		case "right": return {
+			left: t.right + kt - r,
+			top: t.top + t.height / 2 - i
+		};
+	}
+}
+var Mt = {
 	top: { y: 4 },
 	bottom: { y: -4 },
 	left: { x: 4 },
 	right: { x: -4 }
 };
-function jt({ content: e, placement: t = "top", delay: r = 300, disabled: i = !1, className: a, children: o }) {
-	let [s, c] = m(!1), d = p(null), f = u(), h = () => {
-		i || (d.current && window.clearTimeout(d.current), d.current = window.setTimeout(() => c(!0), r));
-	}, _ = () => {
-		d.current && window.clearTimeout(d.current), d.current = null, c(!1);
+function Nt({ content: e, placement: t = "top", delay: r = 300, disabled: i = !1, className: a, children: o }) {
+	let [s, c] = m(!1), [d, f] = m(null), h = p(null), _ = p(null), v = Et(), b = u(), x = () => {
+		i || (h.current && window.clearTimeout(h.current), h.current = window.setTimeout(() => c(!0), r));
+	}, S = () => {
+		h.current && window.clearTimeout(h.current), h.current = null, c(!1), f(null);
 	};
 	l(() => () => {
-		d.current && window.clearTimeout(d.current);
+		h.current && window.clearTimeout(h.current);
 	}, []), l(() => {
 		if (!s) return;
-		let e = (e) => {
-			e.key === "Escape" && _();
+		let e = _.current?.getBoundingClientRect();
+		if (e) {
+			let n = v && v !== document.body ? v.getBoundingClientRect() : null;
+			f(jt(t, e, n));
+		}
+		let n = (e) => {
+			e.key === "Escape" && S();
 		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [s]);
-	let v = o.props, b = n(o, {
-		"aria-describedby": s ? f : void 0,
+		return document.addEventListener("keydown", n), window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
+			document.removeEventListener("keydown", n), window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
+		};
+	}, [
+		s,
+		t,
+		v
+	]);
+	let C = o.props, w = n(o, {
+		"aria-describedby": s ? b : void 0,
 		onMouseEnter: (e) => {
-			v.onMouseEnter?.(e), h();
+			C.onMouseEnter?.(e), x();
 		},
 		onMouseLeave: (e) => {
-			v.onMouseLeave?.(e), _();
+			C.onMouseLeave?.(e), S();
 		},
 		onFocus: (e) => {
-			v.onFocus?.(e), i || c(!0);
+			C.onFocus?.(e), i || c(!0);
 		},
 		onBlur: (e) => {
-			v.onBlur?.(e), _();
+			C.onBlur?.(e), S();
 		}
-	});
-	return /* @__PURE__ */ W("span", {
-		className: G("relative inline-flex", a),
-		children: [b, /* @__PURE__ */ U(g, { children: s && !i && /* @__PURE__ */ U(y.span, {
-			id: f,
+	}), T = /* @__PURE__ */ U(g, { children: s && !i && d && /* @__PURE__ */ U("span", {
+		className: G("pointer-events-none fixed z-50 will-change-transform", At[t]),
+		style: d,
+		children: /* @__PURE__ */ U(y.span, {
+			id: b,
 			role: "tooltip",
 			initial: {
 				opacity: 0,
-				...At[t]
+				...Mt[t]
 			},
 			animate: {
 				opacity: 1,
@@ -773,23 +806,28 @@ function jt({ content: e, placement: t = "top", delay: r = 300, disabled: i = !1
 			},
 			exit: {
 				opacity: 0,
-				...At[t]
+				...Mt[t]
 			},
 			transition: K.instant,
-			className: G("pointer-events-none absolute z-50 whitespace-nowrap rounded-lg border border-line bg-surface-2 px-2.5 py-1.5 text-xs text-fg-2 shadow-raised", kt[t]),
+			className: "block whitespace-nowrap rounded-lg border border-line bg-surface-2 px-2.5 py-1.5 text-xs text-fg-2 shadow-raised",
 			children: e
-		}) })]
+		})
+	}) });
+	return /* @__PURE__ */ W("span", {
+		ref: _,
+		className: G("relative inline-flex", a),
+		children: [w, v ? Fe(T, v) : T]
 	});
 }
 //#endregion
 //#region src/components/TabBar.tsx
-function Mt({ badge: e }) {
+function Pt({ badge: e }) {
 	return /* @__PURE__ */ U("span", {
 		className: G("absolute -right-1.5 -top-1 flex items-center justify-center rounded-full bg-accent text-on-accent", typeof e == "number" ? "h-4 min-w-4 px-1 text-2xs font-semibold tabular-nums" : "h-2 w-2"),
 		children: typeof e == "number" ? e > 99 ? "99+" : e : null
 	});
 }
-function Nt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, showLabels: a = !1, className: o }) {
+function Ft({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, showLabels: a = !1, className: o }) {
 	let { strings: s } = q(), c = u(), l = Math.ceil(e.length / 2), d = (e) => {
 		let r = e.id === t;
 		return /* @__PURE__ */ W("button", {
@@ -806,7 +844,7 @@ function Nt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, show
 				}),
 				/* @__PURE__ */ W("span", {
 					className: "relative",
-					children: [e.icon, e.badge ? /* @__PURE__ */ U(Mt, { badge: e.badge }) : null]
+					children: [e.icon, e.badge ? /* @__PURE__ */ U(Pt, { badge: e.badge }) : null]
 				}),
 				a ? /* @__PURE__ */ U("span", {
 					className: "relative text-2xs font-medium leading-none",
@@ -833,7 +871,7 @@ function Nt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, show
 						onClick: r,
 						"aria-label": i ?? s.navCreate,
 						className: G("flex items-center justify-center rounded-full bg-accent text-on-accent shadow-raised", a ? "h-11 w-11" : "h-10 w-10"),
-						children: /* @__PURE__ */ U(B, {
+						children: /* @__PURE__ */ U(be, {
 							size: 20,
 							strokeWidth: 2.5
 						})
@@ -846,14 +884,14 @@ function Nt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, show
 }
 //#endregion
 //#region src/components/Dock.tsx
-function Pt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge: a = "bottom", className: o }) {
+function It({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge: a = "bottom", className: o }) {
 	let { strings: s } = q(), c = u();
 	return /* @__PURE__ */ W("nav", {
 		"aria-label": s.navPrimary,
 		className: G("z-30 flex items-center gap-1 rounded-full border border-line bg-nav/95 p-1.5 shadow-raised backdrop-blur-md", o),
 		children: [e.map((e) => {
 			let r = e.id === t;
-			return /* @__PURE__ */ U(jt, {
+			return /* @__PURE__ */ U(Nt, {
 				content: e.label,
 				placement: a === "bottom" ? "top" : "bottom",
 				children: /* @__PURE__ */ W("button", {
@@ -868,14 +906,14 @@ function Pt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge
 						className: "absolute inset-0 rounded-full bg-fill-2"
 					}), /* @__PURE__ */ W("span", {
 						className: "relative",
-						children: [e.icon, e.badge ? /* @__PURE__ */ U(Mt, { badge: e.badge }) : null]
+						children: [e.icon, e.badge ? /* @__PURE__ */ U(Pt, { badge: e.badge }) : null]
 					})]
 				})
 			}, e.id);
 		}), r && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
 			"aria-hidden": "true",
 			className: "mx-0.5 h-6 w-px bg-line"
-		}), /* @__PURE__ */ U(jt, {
+		}), /* @__PURE__ */ U(Nt, {
 			content: i ?? s.navCreate,
 			placement: a === "bottom" ? "top" : "bottom",
 			children: /* @__PURE__ */ U(y.button, {
@@ -884,7 +922,7 @@ function Pt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge
 				onClick: r,
 				"aria-label": i ?? s.navCreate,
 				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-accent text-on-accent transition-colors hover:bg-accent/90",
-				children: /* @__PURE__ */ U(B, {
+				children: /* @__PURE__ */ U(be, {
 					size: 20,
 					strokeWidth: 2.5
 				})
@@ -894,29 +932,29 @@ function Pt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge
 }
 //#endregion
 //#region src/components/NavRail.tsx
-var Ft = {
+var Lt = {
 	start: "justify-start",
 	center: "justify-center",
 	end: "justify-end"
-}, It = r(!0);
-function Lt() {
-	return c(It);
+}, Rt = r(!0);
+function zt() {
+	return c(Rt);
 }
-var Rt = "flex w-11 shrink-0 items-center justify-center";
-function zt({ children: e, className: t }) {
-	let n = Lt();
+var Bt = "flex w-11 shrink-0 items-center justify-center";
+function Vt({ children: e, className: t }) {
+	let n = zt();
 	return /* @__PURE__ */ U("span", {
 		className: G("relative min-w-0 flex-1 overflow-hidden whitespace-nowrap text-left transition-opacity", "mask-[linear-gradient(to_right,black_calc(100%-14px),transparent)]", n ? "opacity-100 duration-200 delay-100" : "opacity-0 duration-100", t),
 		children: e
 	});
 }
-function Bt(e) {
-	return e.floating ? /* @__PURE__ */ U(Ht, { ...e }) : /* @__PURE__ */ U(Vt, { ...e });
+function Ht(e) {
+	return e.floating ? /* @__PURE__ */ U(Wt, { ...e }) : /* @__PURE__ */ U(Ut, { ...e });
 }
-function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, side: o = "left", variant: s = "rail", section: c, onToggle: l, className: d }) {
+function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, side: o = "left", variant: s = "rail", section: c, onToggle: l, className: d }) {
 	let { strings: f } = q(), p = u(), m = C(), h = s === "sidebar", _ = h ? c ? 256 : 224 : 64, v = o === "left" ? "right" : "left", b = (e) => {
 		let r = e.id === t;
-		return /* @__PURE__ */ U(jt, {
+		return /* @__PURE__ */ U(Nt, {
 			content: e.label,
 			placement: v,
 			disabled: h,
@@ -934,10 +972,10 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 						className: "absolute inset-0 rounded-xl bg-fill-2"
 					}),
 					/* @__PURE__ */ W("span", {
-						className: G(Rt, "relative"),
-						children: [e.icon, e.badge ? /* @__PURE__ */ U(Mt, { badge: e.badge }) : null]
+						className: G(Bt, "relative"),
+						children: [e.icon, e.badge ? /* @__PURE__ */ U(Pt, { badge: e.badge }) : null]
 					}),
-					/* @__PURE__ */ U(zt, {
+					/* @__PURE__ */ U(Vt, {
 						className: "text-base font-medium",
 						children: e.label
 					})
@@ -948,7 +986,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 		"aria-hidden": "true",
 		className: "mx-1 my-1 h-px shrink-0 bg-line"
 	});
-	return /* @__PURE__ */ U(It.Provider, {
+	return /* @__PURE__ */ U(Rt.Provider, {
 		value: h,
 		children: /* @__PURE__ */ W(y.nav, {
 			"aria-label": f.navPrimary,
@@ -957,7 +995,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 			transition: m ? { duration: 0 } : K.sidebar,
 			className: G("z-30 flex h-full shrink-0 flex-col gap-1 bg-nav px-2.5 py-3 text-fg", o === "left" ? "border-r border-line" : "border-l border-line", d),
 			children: [
-				r && /* @__PURE__ */ U(jt, {
+				r && /* @__PURE__ */ U(Nt, {
 					content: i ?? f.navCreate,
 					placement: v,
 					disabled: h,
@@ -969,12 +1007,12 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 						"aria-label": i ?? f.navCreate,
 						className: "flex h-10 w-full shrink-0 items-center overflow-hidden rounded-xl bg-accent text-on-accent transition-colors hover:bg-accent/90",
 						children: [/* @__PURE__ */ U("span", {
-							className: Rt,
-							children: /* @__PURE__ */ U(B, {
+							className: Bt,
+							children: /* @__PURE__ */ U(be, {
 								size: 18,
 								strokeWidth: 2.5
 							})
-						}), /* @__PURE__ */ U(zt, {
+						}), /* @__PURE__ */ U(Vt, {
 							className: "text-base font-medium",
 							children: i ?? f.navCreate
 						})]
@@ -1001,7 +1039,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 					className: "flex-1"
 				}),
 				(a?.length || l) && x,
-				l && /* @__PURE__ */ U(jt, {
+				l && /* @__PURE__ */ U(Nt, {
 					content: f.navExpandSidebar,
 					placement: v,
 					disabled: h,
@@ -1013,17 +1051,17 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 						"aria-expanded": h,
 						className: "flex h-10 w-full shrink-0 items-center overflow-hidden rounded-xl text-fg-3 transition-colors hover:bg-fill hover:text-fg",
 						children: [/* @__PURE__ */ U("span", {
-							className: Rt,
+							className: Bt,
 							children: /* @__PURE__ */ U(y.span, {
 								animate: { rotate: h ? 0 : 180 },
 								transition: m ? { duration: 0 } : K.sidebar,
 								className: "flex",
-								children: /* @__PURE__ */ U(ge, {
+								children: /* @__PURE__ */ U(he, {
 									size: 18,
 									className: o === "right" ? "-scale-x-100" : void 0
 								})
 							})
-						}), /* @__PURE__ */ U(zt, {
+						}), /* @__PURE__ */ U(Vt, {
 							className: "text-base font-medium",
 							children: f.navCollapse
 						})]
@@ -1034,7 +1072,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 		})
 	});
 }
-function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, side: o = "left", variant: s = "rail", floating: c = !1, align: l = "start", className: d }) {
+function Wt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, side: o = "left", variant: s = "rail", floating: c = !1, align: l = "start", className: d }) {
 	let { strings: f } = q(), p = u(), m = s === "sidebar", h = (e) => {
 		let r = e.id === t, i = /* @__PURE__ */ W("button", {
 			type: "button",
@@ -1050,7 +1088,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 				}),
 				/* @__PURE__ */ W("span", {
 					className: "relative shrink-0",
-					children: [e.icon, e.badge ? /* @__PURE__ */ U(Mt, { badge: e.badge }) : null]
+					children: [e.icon, e.badge ? /* @__PURE__ */ U(Pt, { badge: e.badge }) : null]
 				}),
 				m && /* @__PURE__ */ U("span", {
 					className: "relative min-w-0 flex-1 truncate text-left text-base font-medium",
@@ -1062,7 +1100,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 				})
 			]
 		}, e.id);
-		return m ? i : /* @__PURE__ */ U(jt, {
+		return m ? i : /* @__PURE__ */ U(Nt, {
 			content: e.label,
 			placement: o === "left" ? "right" : "left",
 			children: i
@@ -1071,11 +1109,11 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 		type: "button",
 		onClick: r,
 		className: "flex h-10 w-full items-center gap-2.5 rounded-xl bg-accent px-3 text-base font-medium text-on-accent transition-colors hover:bg-accent/90",
-		children: [/* @__PURE__ */ U(B, {
+		children: [/* @__PURE__ */ U(be, {
 			size: 18,
 			strokeWidth: 2.5
 		}), i ?? f.navCreate]
-	}) : /* @__PURE__ */ U(jt, {
+	}) : /* @__PURE__ */ U(Nt, {
 		content: i ?? f.navCreate,
 		placement: o === "left" ? "right" : "left",
 		children: /* @__PURE__ */ U(y.button, {
@@ -1084,7 +1122,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 			onClick: r,
 			"aria-label": i ?? f.navCreate,
 			className: G("flex h-11 w-11 shrink-0 items-center justify-center bg-accent text-on-accent transition-colors hover:bg-accent/90", c ? "rounded-full" : "rounded-xl"),
-			children: /* @__PURE__ */ U(B, {
+			children: /* @__PURE__ */ U(be, {
 				size: 20,
 				strokeWidth: 2.5
 			})
@@ -1092,7 +1130,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 	}));
 	return /* @__PURE__ */ W("nav", {
 		"aria-label": f.navPrimary,
-		className: G("z-30 flex flex-col text-fg", m ? "w-56 gap-1 p-3" : "w-16 items-center gap-1.5 py-3", c ? "gap-1.5 rounded-2xl border border-line bg-nav/95 p-2 shadow-raised backdrop-blur-md" : G("h-full bg-nav", o === "left" ? "border-r border-line" : "border-l border-line"), !c && Ft[l], d),
+		className: G("z-30 flex flex-col text-fg", m ? "w-56 gap-1 p-3" : "w-16 items-center gap-1.5 py-3", c ? "gap-1.5 rounded-2xl border border-line bg-nav/95 p-2 shadow-raised backdrop-blur-md" : G("h-full bg-nav", o === "left" ? "border-r border-line" : "border-l border-line"), !c && Lt[l], d),
 		children: [
 			g,
 			g && /* @__PURE__ */ U("span", {
@@ -1116,7 +1154,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 }
 //#endregion
 //#region src/components/AppShell.tsx
-function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, navStyle: o = "auto", side: s = "left", dockEdge: c = "bottom", titleBar: l, header: u, mainRef: d, navSection: f, onNavToggle: p, children: m, className: h }) {
+function Gt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, navStyle: o = "auto", side: s = "left", dockEdge: c = "bottom", titleBar: l, header: u, mainRef: d, navSection: f, onNavToggle: p, children: m, className: h }) {
 	let g = Ot(), _ = o === "auto" ? g ? "tabs" : "rail" : o, v = g && (_ === "rail" || _ === "sidebar" || _ === "floatingRail" || _ === "dock") ? "tabs" : _, y = {
 		items: e,
 		value: t,
@@ -1133,12 +1171,12 @@ function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 				className: G("flex min-h-0 flex-1", s === "right" && "flex-row-reverse"),
 				children: [b && (v === "floatingRail" ? /* @__PURE__ */ U("div", {
 					className: G("absolute top-1/2 z-30 -translate-y-1/2", s === "left" ? "left-4" : "right-4"),
-					children: /* @__PURE__ */ U(Bt, {
+					children: /* @__PURE__ */ U(Ht, {
 						...y,
 						side: s,
 						floating: !0
 					})
-				}) : /* @__PURE__ */ U(Bt, {
+				}) : /* @__PURE__ */ U(Ht, {
 					...y,
 					side: s,
 					variant: v === "sidebar" ? "sidebar" : "rail",
@@ -1157,13 +1195,13 @@ function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 				className: G("pointer-events-none absolute inset-x-0 z-30 flex justify-center", c === "bottom" ? "bottom-4" : "top-4"),
 				children: /* @__PURE__ */ U("div", {
 					className: "pointer-events-auto",
-					children: /* @__PURE__ */ U(Pt, {
+					children: /* @__PURE__ */ U(It, {
 						...y,
 						edge: c
 					})
 				})
 			}),
-			(v === "tabs" || v === "tabsLabelled") && /* @__PURE__ */ U(Nt, {
+			(v === "tabs" || v === "tabsLabelled") && /* @__PURE__ */ U(Ft, {
 				...y,
 				showLabels: v === "tabsLabelled"
 			})
@@ -1172,10 +1210,10 @@ function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
 }
 //#endregion
 //#region src/components/AudioItem.tsx
-function Wt(e) {
+function Kt(e) {
 	return (!Number.isFinite(e) || e < 0) && (e = 0), `${Math.floor(e / 60)}:${String(Math.floor(e % 60)).padStart(2, "0")}`;
 }
-function Gt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions: a, className: o }) {
+function qt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions: a, className: o }) {
 	let { strings: c } = q(), u = p(null), d = p(!1), [f, h] = m(n ?? null), [g, _] = m(!1), [v, y] = m(!1), [b, x] = m(0), [S, C] = m(0);
 	l(() => {
 		n !== void 0 && h(n);
@@ -1224,13 +1262,13 @@ function Gt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions:
 				onClick: w,
 				"aria-label": v ? c.audioItemPause(e) : c.audioItemPlay(e),
 				className: G("touch-target flex h-11 w-11 shrink-0 items-center justify-center rounded-full", "bg-accent text-on-accent transition-transform motion-instant active:scale-95"),
-				children: g ? /* @__PURE__ */ U(fe, {
+				children: g ? /* @__PURE__ */ U(B, {
 					size: 18,
 					className: "animate-spin"
-				}) : v ? /* @__PURE__ */ U(_e, {
+				}) : v ? /* @__PURE__ */ U(ge, {
 					size: 18,
 					fill: "currentColor"
-				}) : /* @__PURE__ */ U(be, {
+				}) : /* @__PURE__ */ U(ye, {
 					size: 18,
 					fill: "currentColor",
 					className: "ml-0.5"
@@ -1259,14 +1297,14 @@ function Gt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions:
 						value: b,
 						onChange: (e) => T(Number(e.target.value)),
 						"aria-label": c.audioItemSeek(e),
-						"aria-valuetext": `${Wt(b)} of ${Wt(S)}`,
+						"aria-valuetext": `${Kt(b)} of ${Kt(S)}`,
 						style: { "--slider-fill": `${D}%` }
 					}), /* @__PURE__ */ W("span", {
 						className: "shrink-0 text-2xs tabular-nums text-fg-3",
 						children: [
-							Wt(b),
+							Kt(b),
 							" / ",
-							Wt(S)
+							Kt(S)
 						]
 					})]
 				}) : t && /* @__PURE__ */ U("p", {
@@ -1283,34 +1321,34 @@ function Gt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions:
 }
 //#endregion
 //#region src/components/Avatar.tsx
-var Kt = {
+var Jt = {
 	xs: "h-6 w-6 text-2xs",
 	sm: "h-8 w-8 text-xs",
 	md: "h-10 w-10 text-sm",
 	lg: "h-14 w-14 text-lg",
 	xl: "h-24 w-24 text-2xl"
 };
-function qt(e) {
+function Yt(e) {
 	return e.trim().split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
 }
-function Jt({ src: e, name: t, size: n = "md", ring: r, className: i, style: a }) {
+function Xt({ src: e, name: t, size: n = "md", ring: r, className: i, style: a }) {
 	let [o, s] = m(!1), c = !!e && !o;
 	return /* @__PURE__ */ U("span", {
 		role: "img",
 		"aria-label": t,
 		style: a,
-		className: G("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full", "border border-line bg-fill-2 font-semibold text-fg-2", r && "ring-2 ring-accent ring-offset-2 ring-offset-surface", Kt[n], i),
+		className: G("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full", "border border-line bg-fill-2 font-semibold text-fg-2", r && "ring-2 ring-accent ring-offset-2 ring-offset-surface", Jt[n], i),
 		children: c ? /* @__PURE__ */ U("img", {
 			src: e,
 			alt: "",
 			onError: () => s(!0),
 			className: "h-full w-full object-cover"
-		}) : qt(t)
+		}) : Yt(t)
 	});
 }
 //#endregion
 //#region src/components/AvatarGroup.tsx
-var Yt = {
+var Zt = {
 	xs: {
 		size: 24,
 		pull: "-ml-2",
@@ -1347,15 +1385,15 @@ var Yt = {
 		chip: "h-24 w-24 text-lg"
 	}
 };
-function Xt({ people: e, max: t = 4, size: n = "sm", interactive: r, overflow: i, className: a }) {
-	let { strings: o } = q(), s = e.slice(0, t), c = e.length - s.length, l = Yt[n ?? "sm"], u = c > 0 || !!i, d = `radial-gradient(circle ${l.cut}px at ${l.cx}px 50%, transparent 100%, black 100%)`;
+function Qt({ people: e, max: t = 4, size: n = "sm", interactive: r, overflow: i, className: a }) {
+	let { strings: o } = q(), s = e.slice(0, t), c = e.length - s.length, l = Zt[n ?? "sm"], u = c > 0 || !!i, d = `radial-gradient(circle ${l.cut}px at ${l.cx}px 50%, transparent 100%, black 100%)`;
 	return /* @__PURE__ */ W("div", {
 		className: G("flex items-center", a),
 		role: "group",
 		"aria-label": o.avatarGroupPeople(e.length),
 		children: [s.map((e, t) => {
 			let i = t < s.length - 1 || u;
-			return /* @__PURE__ */ U(Jt, {
+			return /* @__PURE__ */ U(Xt, {
 				name: e.name,
 				src: e.src,
 				size: n,
@@ -1373,26 +1411,26 @@ function Xt({ people: e, max: t = 4, size: n = "sm", interactive: r, overflow: i
 }
 //#endregion
 //#region src/components/Banner.tsx
-var Zt = {
+var $t = {
 	info: "bg-info/15 text-info",
 	warning: "bg-warning/15 text-warning",
 	danger: "bg-danger/15 text-danger",
 	offline: "bg-fill-3 text-fg-2"
-}, Qt = {
-	info: /* @__PURE__ */ U(z, { size: 16 }),
+}, en = {
+	info: /* @__PURE__ */ U(ue, { size: 16 }),
 	warning: /* @__PURE__ */ U(T, { size: 16 }),
 	danger: /* @__PURE__ */ U(Ae, { size: 16 }),
 	offline: /* @__PURE__ */ U(ke, { size: 16 })
 };
-function $t({ tone: e = "info", children: t, action: n, onDismiss: r, sticky: i, className: a }) {
+function tn({ tone: e = "info", children: t, action: n, onDismiss: r, sticky: i, className: a }) {
 	let { strings: o } = q();
 	return /* @__PURE__ */ W("div", {
 		role: e === "danger" ? "alert" : "status",
-		className: G("flex items-center gap-2.5 px-4 py-2 text-sm", Zt[e], i && "sticky top-0 z-30", a),
+		className: G("flex items-center gap-2.5 px-4 py-2 text-sm", $t[e], i && "sticky top-0 z-30", a),
 		children: [
 			/* @__PURE__ */ U("span", {
 				className: "shrink-0",
-				children: Qt[e]
+				children: en[e]
 			}),
 			/* @__PURE__ */ U("span", {
 				className: "min-w-0 flex-1 truncate font-medium",
@@ -1414,8 +1452,8 @@ function $t({ tone: e = "info", children: t, action: n, onDismiss: r, sticky: i,
 }
 //#endregion
 //#region src/components/Menu.tsx
-var en = r(null);
-function tn({ children: e }) {
+var nn = r(null);
+function rn({ children: e }) {
 	let [t, n] = m(!1), r = u(), i = p(null);
 	return l(() => {
 		if (!t) return;
@@ -1427,7 +1465,7 @@ function tn({ children: e }) {
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", r), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", r);
 		};
-	}, [t]), /* @__PURE__ */ U(en.Provider, {
+	}, [t]), /* @__PURE__ */ U(nn.Provider, {
 		value: {
 			open: t,
 			setOpen: n,
@@ -1440,13 +1478,13 @@ function tn({ children: e }) {
 		})
 	});
 }
-function nn() {
-	let e = c(en);
+function an() {
+	let e = c(nn);
 	if (!e) throw Error("Menu parts must be used inside <Menu>");
 	return e;
 }
-function rn({ children: e }) {
-	let { open: t, setOpen: r, id: i } = nn(), a = e.props;
+function on({ children: e }) {
+	let { open: t, setOpen: r, id: i } = an(), a = e.props;
 	return n(e, {
 		"aria-haspopup": "menu",
 		"aria-expanded": t,
@@ -1456,8 +1494,8 @@ function rn({ children: e }) {
 		}
 	});
 }
-function an({ align: e = "start", side: t = "bottom", className: n, children: r }) {
-	let { open: i, setOpen: a, id: o } = nn(), c = p(null);
+function sn({ align: e = "start", side: t = "bottom", className: n, children: r }) {
+	let { open: i, setOpen: a, id: o } = an(), c = p(null);
 	l(() => {
 		i && c.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
 	}, [i]);
@@ -1490,8 +1528,8 @@ function an({ align: e = "start", side: t = "bottom", className: n, children: r
 		children: r
 	}) });
 }
-function on({ icon: e, shortcut: t, danger: n, disabled: r, selected: i, onSelect: a, children: o }) {
-	let { setOpen: s } = nn();
+function cn({ icon: e, shortcut: t, danger: n, disabled: r, selected: i, onSelect: a, children: o }) {
+	let { setOpen: s } = an();
 	return /* @__PURE__ */ W("button", {
 		type: "button",
 		role: "menuitem",
@@ -1521,13 +1559,13 @@ function on({ icon: e, shortcut: t, danger: n, disabled: r, selected: i, onSelec
 		]
 	});
 }
-function sn() {
+function ln() {
 	return /* @__PURE__ */ U("div", {
 		role: "separator",
 		className: "my-1 h-px bg-line"
 	});
 }
-function cn({ children: e }) {
+function un({ children: e }) {
 	return /* @__PURE__ */ U("div", {
 		className: "px-2.5 pb-1 pt-2 text-2xs font-medium text-fg-3",
 		children: e
@@ -1535,7 +1573,7 @@ function cn({ children: e }) {
 }
 //#endregion
 //#region src/components/Breadcrumb.tsx
-function ln({ crumb: e, current: t }) {
+function dn({ crumb: e, current: t }) {
 	let n = /* @__PURE__ */ W(H, { children: [e.icon && /* @__PURE__ */ U("span", {
 		className: "shrink-0",
 		children: e.icon
@@ -1558,7 +1596,7 @@ function ln({ crumb: e, current: t }) {
 		children: n
 	});
 }
-function un({ items: e, maxVisible: n = 1, className: r }) {
+function fn({ items: e, maxVisible: n = 1, className: r }) {
 	let { strings: i } = q();
 	if (e.length === 0) return null;
 	let a = Math.max(1, n), o = e.length > a + 2, s = o ? e[0] : null, c = o ? e.slice(1, e.length - a) : [], l = o ? e.slice(e.length - a) : e, u = /* @__PURE__ */ U(F, {
@@ -1570,23 +1608,23 @@ function un({ items: e, maxVisible: n = 1, className: r }) {
 		"aria-label": i.breadcrumbLabel,
 		className: G("flex min-w-0 items-center gap-1", r),
 		children: [s && /* @__PURE__ */ W(H, { children: [
-			/* @__PURE__ */ U(ln, {
+			/* @__PURE__ */ U(dn, {
 				crumb: s,
 				current: !1
 			}),
 			u,
-			/* @__PURE__ */ W(tn, { children: [/* @__PURE__ */ U(rn, { children: /* @__PURE__ */ U("button", {
+			/* @__PURE__ */ W(rn, { children: [/* @__PURE__ */ U(on, { children: /* @__PURE__ */ U("button", {
 				type: "button",
 				"aria-label": i.breadcrumbMore(c.length),
 				className: "tap-target flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg",
-				children: /* @__PURE__ */ U(he, { size: 14 })
-			}) }), /* @__PURE__ */ U(an, { children: c.map((e) => /* @__PURE__ */ U(on, {
+				children: /* @__PURE__ */ U(me, { size: 14 })
+			}) }), /* @__PURE__ */ U(sn, { children: c.map((e) => /* @__PURE__ */ U(cn, {
 				icon: e.icon,
 				onSelect: e.onClick,
 				children: e.label
 			}, e.label)) })] }),
 			u
-		] }), l.map((e, n) => /* @__PURE__ */ W(t, { children: [n > 0 && u, /* @__PURE__ */ U(ln, {
+		] }), l.map((e, n) => /* @__PURE__ */ W(t, { children: [n > 0 && u, /* @__PURE__ */ U(dn, {
 			crumb: e,
 			current: n === l.length - 1
 		})] }, e.label))]
@@ -1600,23 +1638,23 @@ var Z = {
 	md: 16,
 	lg: 18,
 	xl: 20
-}, dn = {
+}, pn = {
 	primary: "bg-accent text-on-accent hover:bg-accent/82 active:bg-accent/68",
 	tonal: "border border-accent/30 bg-accent/15 text-accent hover:border-accent/55 hover:bg-accent/28 active:bg-accent/38",
 	secondary: "border border-line bg-fill-2 text-fg hover:border-line-3 hover:bg-fill-3 active:bg-line-2",
 	ghost: "text-fg-2 hover:bg-fill-2 hover:text-fg active:bg-fill-3",
 	danger: "border border-danger/25 bg-danger/12 text-danger hover:border-danger/55 hover:bg-danger/22 active:bg-danger/32"
-}, fn = {
+}, mn = {
 	primary: "focus-visible:outline-fg",
 	tonal: "focus-visible:outline-accent",
 	secondary: "focus-visible:outline-fg-2",
 	ghost: "focus-visible:outline-fg-2",
 	danger: "focus-visible:outline-danger"
-}, pn = {
+}, hn = {
 	sm: "control-sm gap-1.5 rounded-lg px-3 text-sm",
 	md: "control-md gap-2 rounded-xl px-4 text-base",
 	lg: "control-lg gap-2 rounded-xl px-5 text-base"
-}, mn = {
+}, gn = {
 	sm: Z.sm,
 	md: Z.md,
 	lg: Z.lg
@@ -1627,12 +1665,12 @@ var Z = {
 		disabled: c,
 		"aria-busy": n || void 0,
 		"aria-disabled": c || n || void 0,
-		className: G("touch-target relative inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap font-medium", e === "ghost" ? "raise-flat" : "raise", "focus-visible:outline-1 focus-visible:outline-offset-2", fn[e], "disabled:opacity-45", (n || c) && "pointer-events-none", dn[e], pn[t], a && "w-full", o),
+		className: G("touch-target relative inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap font-medium", e === "ghost" ? "raise-flat" : "raise", "focus-visible:outline-1 focus-visible:outline-offset-2", mn[e], "disabled:opacity-45", (n || c) && "pointer-events-none", pn[e], hn[t], a && "w-full", o),
 		...u,
 		children: [n && /* @__PURE__ */ U("span", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ U(fe, {
-				size: mn[t],
+			children: /* @__PURE__ */ U(B, {
+				size: gn[t],
 				className: "animate-spin"
 			})
 		}), /* @__PURE__ */ W("span", {
@@ -1648,7 +1686,7 @@ var Z = {
 Q.displayName = "Button";
 //#endregion
 //#region src/components/ButtonGroup.tsx
-function hn({ attached: t = !0, className: r, children: i }) {
+function _n({ attached: t = !0, className: r, children: i }) {
 	let a = e.toArray(i).filter(o);
 	return /* @__PURE__ */ U("div", {
 		role: "group",
@@ -1656,7 +1694,7 @@ function hn({ attached: t = !0, className: r, children: i }) {
 		children: a.map((e, r) => n(e, { className: G(e.props.className, t && r > 0 && "rounded-l-none", t && r < a.length - 1 && "rounded-r-none", t && "relative focus-visible:z-10") }))
 	});
 }
-function gn({ children: e, menu: t, menuLabel: n, variant: r = "primary", size: i = "md", ...a }) {
+function vn({ children: e, menu: t, menuLabel: n, variant: r = "primary", size: i = "md", ...a }) {
 	let { strings: o } = q();
 	return /* @__PURE__ */ W("div", {
 		className: "inline-flex -space-x-px",
@@ -1666,13 +1704,13 @@ function gn({ children: e, menu: t, menuLabel: n, variant: r = "primary", size:
 			className: "rounded-r-none",
 			...a,
 			children: e
-		}), /* @__PURE__ */ W(tn, { children: [/* @__PURE__ */ U(rn, { children: /* @__PURE__ */ U(Q, {
+		}), /* @__PURE__ */ W(rn, { children: [/* @__PURE__ */ U(on, { children: /* @__PURE__ */ U(Q, {
 			variant: r,
 			size: i,
 			"aria-label": n ?? o.splitButtonMore,
 			className: "rounded-l-none px-2",
 			children: /* @__PURE__ */ U(N, { size: 16 })
-		}) }), /* @__PURE__ */ U(an, {
+		}) }), /* @__PURE__ */ U(sn, {
 			align: "end",
 			children: t
 		})] })]
@@ -1680,33 +1718,33 @@ function gn({ children: e, menu: t, menuLabel: n, variant: r = "primary", size:
 }
 //#endregion
 //#region src/components/Card.tsx
-var _n = "rounded-xl bg-surface-1", vn = {
+var yn = "rounded-xl bg-surface-1", bn = {
 	none: "",
 	sm: "p-3",
 	md: "p-4"
-}, yn = a(function({ level: e = "flat", padding: t = "md", className: n, ...r }, i) {
+}, xn = a(function({ level: e = "flat", padding: t = "md", className: n, ...r }, i) {
 	return /* @__PURE__ */ U("div", {
 		ref: i,
-		className: G(_n, e === "raised" && "bg-surface-el shadow-raised", vn[t], n),
+		className: G(yn, e === "raised" && "bg-surface-el shadow-raised", bn[t], n),
 		...r
 	});
 });
-yn.displayName = "Card";
-var bn = a(function({ selected: e, padding: t = "md", className: n, type: r = "button", ...i }, a) {
+xn.displayName = "Card";
+var Sn = a(function({ selected: e, padding: t = "md", className: n, type: r = "button", ...i }, a) {
 	return /* @__PURE__ */ U(y.button, {
 		ref: a,
 		type: r,
 		"aria-pressed": e,
 		whileTap: { scale: .99 },
 		transition: K.instant,
-		className: G(_n, "touch-target block w-full text-left transition-[background-color,box-shadow] motion-instant", "hover:bg-fill-2", e && "ring-2 ring-inset ring-fg/30", vn[t], n),
+		className: G(yn, "touch-target block w-full text-left transition-[background-color,box-shadow] motion-instant", "hover:bg-fill-2", e && "ring-2 ring-inset ring-fg/30", bn[t], n),
 		...i
 	});
 });
-bn.displayName = "CardButton";
+Sn.displayName = "CardButton";
 //#endregion
 //#region src/components/Carousel.tsx
-function xn({ children: e, controls: t = !0, className: n, slideClassName: r, ...i }) {
+function Cn({ children: e, controls: t = !0, className: n, slideClassName: r, ...i }) {
 	let { strings: a } = q(), o = p(null), [c, u] = m(0), d = e.length, f = s((e) => {
 		let t = o.current;
 		if (!t) return;
@@ -1774,7 +1812,7 @@ function xn({ children: e, controls: t = !0, className: n, slideClassName: r, ..
 }
 //#endregion
 //#region src/lib/tint.ts
-function Sn(e) {
+function wn(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) | 0;
 	let n = Math.abs(t) % 360;
@@ -1785,7 +1823,7 @@ function Sn(e) {
 }
 //#endregion
 //#region src/lib/imageBrightness.ts
-function Cn(e) {
+function Tn(e) {
 	let [t, n] = m(null);
 	return l(() => {
 		if (!e) {
@@ -1820,14 +1858,14 @@ function Cn(e) {
 }
 //#endregion
 //#region src/components/Surface.tsx
-var wn = r({
+var En = r({
 	hasBackground: !1,
 	tone: "dark"
 });
-function Tn() {
-	return c(wn);
+function Dn() {
+	return c(En);
 }
-var En = {
+var On = {
 	dark: {
 		none: null,
 		soft: "bg-black/20",
@@ -1840,8 +1878,8 @@ var En = {
 		auto: "bg-white/50",
 		strong: "bg-white/70"
 	}
-}, Dn = .42, On = a(function({ image: e, imagePosition: t, tint: n, fg: r, fgMuted: i, scrim: a = "auto", tone: o, as: s, className: c, style: l, children: u }, d) {
-	let f = s ?? "div", p = !!(e || n), m = Cn(o || r ? null : e), h = o ?? (m !== null && m > Dn ? "light" : "dark"), g = r ?? (e && h === "light" ? "#111112" : e ? "#ffffff" : null), _ = g ? {
+}, kn = .42, An = a(function({ image: e, imagePosition: t, tint: n, fg: r, fgMuted: i, scrim: a = "auto", tone: o, as: s, className: c, style: l, children: u }, d) {
+	let f = s ?? "div", p = !!(e || n), m = Tn(o || r ? null : e), h = o ?? (m !== null && m > kn ? "light" : "dark"), g = r ?? (e && h === "light" ? "#111112" : e ? "#ffffff" : null), _ = g ? {
 		"--color-fg": g,
 		"--color-fg-2": i ?? `color-mix(in oklab, ${g} 78%, transparent)`,
 		"--color-fg-3": `color-mix(in oklab, ${g} 58%, transparent)`,
@@ -1856,7 +1894,7 @@ var En = {
 		"--color-surface-2": h === "light" ? "rgb(255 255 255 / 0.7)" : "rgb(0 0 0 / 0.6)",
 		"--color-surface-el": h === "light" ? "rgb(255 255 255 / 0.55)" : "rgb(0 0 0 / 0.45)"
 	} : void 0;
-	return /* @__PURE__ */ U(wn.Provider, {
+	return /* @__PURE__ */ U(En.Provider, {
 		value: {
 			hasBackground: p,
 			tone: h
@@ -1880,16 +1918,16 @@ var En = {
 						...n ? { backgroundColor: n } : void 0
 					}
 				}),
-				p && En[h][a] && /* @__PURE__ */ U("span", {
+				p && On[h][a] && /* @__PURE__ */ U("span", {
 					"aria-hidden": "true",
-					className: G("pointer-events-none absolute inset-0 -z-10", En[h][a])
+					className: G("pointer-events-none absolute inset-0 -z-10", On[h][a])
 				}),
 				u
 			]
 		})
 	});
 });
-On.displayName = "Surface";
+An.displayName = "Surface";
 //#endregion
 //#region src/components/Skeleton.tsx
 function $({ shape: e = "text", width: t, height: n, className: r }) {
@@ -1902,7 +1940,7 @@ function $({ shape: e = "text", width: t, height: n, className: r }) {
 		}
 	});
 }
-function kn({ className: e }) {
+function jn({ className: e }) {
 	return /* @__PURE__ */ W("div", {
 		className: G("flex items-center gap-3 px-4 py-3", e),
 		children: [/* @__PURE__ */ U($, {
@@ -1920,8 +1958,8 @@ function kn({ className: e }) {
 }
 //#endregion
 //#region src/components/CharacterCard.tsx
-var An = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fgMuted: a, variant: o = "row", trailing: s, selected: c, className: l, type: u = "button", ...d }, f) {
-	let [p, h] = m(!1), g = r ?? Sn(e).background, _ = !!n && !p, v = G("group relative w-full overflow-hidden text-left", "rounded-2xl @3xl:rounded-3xl", "ring-1 ring-inset ring-line-2 transition-[box-shadow,transform] motion-instant", c && "ring-2 ring-accent", l);
+var Mn = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fgMuted: a, variant: o = "row", trailing: s, selected: c, className: l, type: u = "button", ...d }, f) {
+	let [p, h] = m(!1), g = r ?? wn(e).background, _ = !!n && !p, v = G("group relative w-full overflow-hidden text-left", "rounded-2xl @3xl:rounded-3xl", "ring-1 ring-inset ring-line-2 transition-[box-shadow,transform] motion-instant", c && "ring-2 ring-accent", l);
 	return o === "banner" ? /* @__PURE__ */ U(y.button, {
 		ref: f,
 		type: u,
@@ -1930,7 +1968,7 @@ var An = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fg
 		transition: K.instant,
 		className: v,
 		...d,
-		children: /* @__PURE__ */ W(On, {
+		children: /* @__PURE__ */ W(An, {
 			tint: g,
 			fg: i,
 			fgMuted: a,
@@ -1977,7 +2015,7 @@ var An = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fg
 		transition: K.instant,
 		className: v,
 		...d,
-		children: /* @__PURE__ */ W(On, {
+		children: /* @__PURE__ */ W(An, {
 			tint: g,
 			fg: i,
 			fgMuted: a,
@@ -2016,8 +2054,8 @@ var An = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fg
 		})
 	});
 });
-An.displayName = "CharacterCard";
-function jn({ variant: e = "row" }) {
+Mn.displayName = "CharacterCard";
+function Nn({ variant: e = "row" }) {
 	return e === "banner" ? /* @__PURE__ */ U($, {
 		shape: "block",
 		className: "h-24 w-full rounded-2xl @3xl:h-36 @3xl:rounded-3xl"
@@ -2040,13 +2078,13 @@ function jn({ variant: e = "row" }) {
 }
 //#endregion
 //#region src/components/Chart.tsx
-var Mn = [
+var Pn = [
 	"var(--color-accent)",
 	"var(--color-info)",
 	"var(--color-secondary)",
 	"var(--color-warning)",
 	"var(--color-danger)"
-], Nn = {
+], Fn = {
 	stroke: "var(--color-fg-4)",
 	tickLine: !1,
 	axisLine: !1,
@@ -2055,7 +2093,7 @@ var Mn = [
 		fill: "var(--color-fg-3)"
 	}
 };
-function Pn({ active: e, payload: t, label: n, format: r }) {
+function In({ active: e, payload: t, label: n, format: r }) {
 	return !e || !t?.length ? null : /* @__PURE__ */ W("div", {
 		className: "rounded-lg border border-line bg-surface-el px-2.5 py-2 shadow-raised",
 		children: [/* @__PURE__ */ U("p", {
@@ -2080,12 +2118,12 @@ function Pn({ active: e, payload: t, label: n, format: r }) {
 		}, e.dataKey))]
 	});
 }
-function Fn({ data: e, x: t, series: n, kind: r = "area", height: i = 200, format: a, minimal: o, className: s }) {
-	let c = u(), l = r === "bar" ? Re : r === "line" ? He : Ie;
+function Ln({ data: e, x: t, series: n, kind: r = "area", height: i = 200, format: a, minimal: o, className: s }) {
+	let c = u(), l = r === "bar" ? ze : r === "line" ? Ue : Le;
 	return /* @__PURE__ */ U("div", {
 		className: G("w-full", s),
 		style: { height: i },
-		children: /* @__PURE__ */ U(Ue, {
+		children: /* @__PURE__ */ U(We, {
 			width: "100%",
 			height: "100%",
 			children: /* @__PURE__ */ W(l, {
@@ -2105,35 +2143,35 @@ function Fn({ data: e, x: t, series: n, kind: r = "area", height: i = 200, forma
 						y2: "1",
 						children: [/* @__PURE__ */ U("stop", {
 							offset: "0%",
-							stopColor: e.color ?? Mn[t % Mn.length],
+							stopColor: e.color ?? Pn[t % Pn.length],
 							stopOpacity: .35
 						}), /* @__PURE__ */ U("stop", {
 							offset: "100%",
-							stopColor: e.color ?? Mn[t % Mn.length],
+							stopColor: e.color ?? Pn[t % Pn.length],
 							stopOpacity: 0
 						})]
 					}, e.key)) }),
-					!o && /* @__PURE__ */ U(ze, {
+					!o && /* @__PURE__ */ U(Be, {
 						stroke: "var(--color-line)",
 						vertical: !1
 					}),
-					/* @__PURE__ */ U(Ge, {
+					/* @__PURE__ */ U(Ke, {
 						dataKey: t,
-						...Nn,
+						...Fn,
 						hide: o
 					}),
-					!o && /* @__PURE__ */ U(Ke, {
-						...Nn,
+					!o && /* @__PURE__ */ U(qe, {
+						...Fn,
 						width: 48,
 						tickFormatter: a
 					}),
-					/* @__PURE__ */ U(We, {
+					/* @__PURE__ */ U(Ge, {
 						cursor: { stroke: "var(--color-line-2)" },
-						content: /* @__PURE__ */ U(Pn, { format: a })
+						content: /* @__PURE__ */ U(In, { format: a })
 					}),
 					n.map((e, t) => {
-						let n = e.color ?? Mn[t % Mn.length];
-						return r === "bar" ? /* @__PURE__ */ U(Le, {
+						let n = e.color ?? Pn[t % Pn.length];
+						return r === "bar" ? /* @__PURE__ */ U(Re, {
 							dataKey: e.key,
 							name: e.label,
 							fill: n,
@@ -2143,14 +2181,14 @@ function Fn({ data: e, x: t, series: n, kind: r = "area", height: i = 200, forma
 								0,
 								0
 							]
-						}, e.key) : r === "line" ? /* @__PURE__ */ U(Ve, {
+						}, e.key) : r === "line" ? /* @__PURE__ */ U(He, {
 							type: "monotone",
 							dataKey: e.key,
 							name: e.label,
 							stroke: n,
 							strokeWidth: 2,
 							dot: !1
-						}, e.key) : /* @__PURE__ */ U(Fe, {
+						}, e.key) : /* @__PURE__ */ U(Ie, {
 							type: "monotone",
 							dataKey: e.key,
 							name: e.label,
@@ -2164,7 +2202,7 @@ function Fn({ data: e, x: t, series: n, kind: r = "area", height: i = 200, forma
 		})
 	});
 }
-function In({ data: e, color: t = "var(--color-accent)", height: n = 32, className: r }) {
+function Rn({ data: e, color: t = "var(--color-accent)", height: n = 32, className: r }) {
 	let i = e.map((e, t) => ({
 		index: t,
 		value: e
@@ -2172,10 +2210,10 @@ function In({ data: e, color: t = "var(--color-accent)", height: n = 32, classNa
 	return /* @__PURE__ */ U("div", {
 		className: G("w-full", r),
 		style: { height: n },
-		children: /* @__PURE__ */ U(Ue, {
+		children: /* @__PURE__ */ U(We, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ U(He, {
+			children: /* @__PURE__ */ U(Ue, {
 				data: i,
 				margin: {
 					top: 2,
@@ -2183,7 +2221,7 @@ function In({ data: e, color: t = "var(--color-accent)", height: n = 32, classNa
 					bottom: 2,
 					left: 0
 				},
-				children: /* @__PURE__ */ U(Ve, {
+				children: /* @__PURE__ */ U(He, {
 					type: "monotone",
 					dataKey: "value",
 					stroke: t,
@@ -2197,10 +2235,10 @@ function In({ data: e, color: t = "var(--color-accent)", height: n = 32, classNa
 }
 //#endregion
 //#region src/components/Checkbox.tsx
-var Ln = {
+var zn = {
 	sm: "h-4 w-4 rounded-[5px]",
 	md: "h-5 w-5 rounded-md"
-}, Rn = a(function({ checked: e, onChange: t, indeterminate: n, label: r, size: i = "md", disabled: a, className: o, id: s, ...c }, l) {
+}, Bn = a(function({ checked: e, onChange: t, indeterminate: n, label: r, size: i = "md", disabled: a, className: o, id: s, ...c }, l) {
 	let u = Y(), d = e || n, f = /* @__PURE__ */ U("button", {
 		ref: l,
 		type: "button",
@@ -2210,7 +2248,7 @@ var Ln = {
 		"aria-describedby": u?.describedBy,
 		disabled: a,
 		onClick: () => t(!e),
-		className: G("inline-flex shrink-0 items-center justify-center border transition-colors motion-instant", Ln[i], d ? "border-accent bg-accent text-on-accent" : "border-line-3 bg-fill hover:border-fg-3", a && !r && "cursor-not-allowed opacity-40", a && "cursor-not-allowed", o),
+		className: G("inline-flex shrink-0 items-center justify-center border transition-colors motion-instant", zn[i], d ? "border-accent bg-accent text-on-accent" : "border-line-3 bg-fill hover:border-fg-3", a && !r && "cursor-not-allowed opacity-40", a && "cursor-not-allowed", o),
 		...c,
 		children: /* @__PURE__ */ U("svg", {
 			viewBox: "0 0 16 16",
@@ -2248,10 +2286,10 @@ var Ln = {
 		children: [f, /* @__PURE__ */ U("span", { children: r })]
 	}) : f;
 });
-Rn.displayName = "Checkbox";
+Bn.displayName = "Checkbox";
 //#endregion
 //#region src/components/Chip.tsx
-function zn({ selected: e, onRemove: t, icon: n, className: r, children: i, ...a }) {
+function Vn({ selected: e, onRemove: t, icon: n, className: r, children: i, ...a }) {
 	let { strings: o } = q(), s = G("inline-flex h-8 items-center gap-1.5 rounded-full border px-3 text-sm font-medium transition-colors motion-instant", e ? "border-accent/40 bg-accent/15 text-accent" : "border-line-2 bg-fill text-fg-2 hover:border-line-3 hover:bg-fill-2 hover:text-fg", r);
 	return t ? /* @__PURE__ */ W("span", {
 		className: G(s, "pr-1"),
@@ -2276,7 +2314,7 @@ function zn({ selected: e, onRemove: t, icon: n, className: r, children: i, ...a
 }
 //#endregion
 //#region src/components/CopyButton.tsx
-function Bn({ value: e, children: t, label: n, copiedLabel: r, className: i, ...a }) {
+function Hn({ value: e, children: t, label: n, copiedLabel: r, className: i, ...a }) {
 	let { strings: o } = q(), [s, c] = m(!1), u = p(null);
 	l(() => () => {
 		u.current && window.clearTimeout(u.current);
@@ -2294,7 +2332,7 @@ function Bn({ value: e, children: t, label: n, copiedLabel: r, className: i, ...
 		leading: s ? /* @__PURE__ */ U(M, {
 			size: 16,
 			className: "text-accent"
-		}) : /* @__PURE__ */ U(R, { size: 16 }),
+		}) : /* @__PURE__ */ U(L, { size: 16 }),
 		className: G(i),
 		...a,
 		children: s ? r ?? o.copyButtonCopied : t
@@ -2305,13 +2343,13 @@ function Bn({ value: e, children: t, label: n, copiedLabel: r, className: i, ...
 		children: s ? /* @__PURE__ */ U(M, {
 			size: 16,
 			className: "text-accent"
-		}) : /* @__PURE__ */ U(R, { size: 16 })
+		}) : /* @__PURE__ */ U(L, { size: 16 })
 	});
 }
 //#endregion
 //#region src/components/ScrollArea.tsx
-var Vn = 28;
-function Hn({ axis: e = "y", fade: t = !0, bar: n = !1, className: r, children: i }) {
+var Un = 28;
+function Wn({ axis: e = "y", fade: t = !0, bar: n = !1, className: r, children: i }) {
 	let a = p(null), [o, s] = m({
 		start: !1,
 		end: !1
@@ -2332,7 +2370,7 @@ function Hn({ axis: e = "y", fade: t = !0, bar: n = !1, className: r, children:
 			n.removeEventListener("scroll", r), i.disconnect();
 		};
 	}, [e, t]);
-	let c = e === "y" ? "to bottom" : "to right", u = !t || !o.start && !o.end ? void 0 : o.start && o.end ? `linear-gradient(${c}, transparent, black ${Vn}px, black calc(100% - ${Vn}px), transparent)` : o.end ? `linear-gradient(${c}, black calc(100% - ${Vn}px), transparent)` : `linear-gradient(${c}, transparent, black ${Vn}px)`;
+	let c = e === "y" ? "to bottom" : "to right", u = !t || !o.start && !o.end ? void 0 : o.start && o.end ? `linear-gradient(${c}, transparent, black ${Un}px, black calc(100% - ${Un}px), transparent)` : o.end ? `linear-gradient(${c}, black calc(100% - ${Un}px), transparent)` : `linear-gradient(${c}, transparent, black ${Un}px)`;
 	return /* @__PURE__ */ U("div", {
 		ref: a,
 		className: G(e === "y" ? "overflow-y-auto" : "overflow-x-auto", n ? "scrollbar-thin" : "scrollbar-none", r),
@@ -2345,7 +2383,7 @@ function Hn({ axis: e = "y", fade: t = !0, bar: n = !1, className: r, children:
 }
 //#endregion
 //#region src/components/CodeBlock.tsx
-function Un({ code: e, label: t, wrap: n, lineNumbers: r, maxHeight: i = 320, className: a }) {
+function Gn({ code: e, label: t, wrap: n, lineNumbers: r, maxHeight: i = 320, className: a }) {
 	let o = e.split("\n");
 	return /* @__PURE__ */ W("div", {
 		className: G("overflow-hidden rounded-xl border border-line bg-surface-1", a),
@@ -2354,8 +2392,8 @@ function Un({ code: e, label: t, wrap: n, lineNumbers: r, maxHeight: i = 320, cl
 			children: [/* @__PURE__ */ U("span", {
 				className: "min-w-0 flex-1 truncate font-mono text-2xs text-fg-3",
 				children: t
-			}), /* @__PURE__ */ U(Bn, { value: e })]
-		}), /* @__PURE__ */ U(Hn, {
+			}), /* @__PURE__ */ U(Hn, { value: e })]
+		}), /* @__PURE__ */ U(Wn, {
 			axis: n ? "y" : "x",
 			bar: !0,
 			className: "max-w-full",
@@ -2378,7 +2416,7 @@ function Un({ code: e, label: t, wrap: n, lineNumbers: r, maxHeight: i = 320, cl
 }
 //#endregion
 //#region src/components/Collapsible.tsx
-function Wn({ title: e, description: t, defaultOpen: n = !1, open: r, onOpenChange: i, trailing: a, variant: o = "panel", className: s, children: c }) {
+function Kn({ title: e, description: t, defaultOpen: n = !1, open: r, onOpenChange: i, trailing: a, variant: o = "panel", className: s, children: c }) {
 	let l = u(), [d, f] = m(n), p = r ?? d, h = (e) => {
 		r === void 0 && f(e), i?.(e);
 	};
@@ -2440,29 +2478,29 @@ function Wn({ title: e, description: t, defaultOpen: n = !1, open: r, onOpenChan
 }
 //#endregion
 //#region src/lib/ref.ts
-function Gn(...e) {
+function qn(...e) {
 	return (t) => {
 		for (let n of e) n && (typeof n == "function" ? n(t) : typeof n == "object" && "current" in n && (n.current = t));
 	};
 }
-function Kn(e) {
+function Jn(e) {
 	if (!e || typeof e != "object") return;
 	let t = e;
 	return t.props?.ref ?? t.ref;
 }
 //#endregion
 //#region src/components/Popover.tsx
-var qn = r(null);
-function Jn() {
-	let e = c(qn);
+var Yn = r(null);
+function Xn() {
+	let e = c(Yn);
 	if (!e) throw Error("Popover parts must be used inside <Popover>");
 	return e;
 }
-function Yn({ open: e, onOpenChange: t, children: n }) {
+function Zn({ open: e, onOpenChange: t, children: n }) {
 	let [r, i] = m(!1), a = e ?? r, o = p(null), c = u(), l = s((n) => {
 		e === void 0 && i(n), t?.(n);
 	}, [e, t]);
-	return /* @__PURE__ */ U(qn.Provider, {
+	return /* @__PURE__ */ U(Yn.Provider, {
 		value: {
 			open: a,
 			setOpen: l,
@@ -2472,10 +2510,10 @@ function Yn({ open: e, onOpenChange: t, children: n }) {
 		children: n
 	});
 }
-function Xn({ children: e }) {
-	let { open: t, setOpen: r, id: i, anchorRef: a } = Jn(), o = e.props, s = Kn(e);
+function Qn({ children: e }) {
+	let { open: t, setOpen: r, id: i, anchorRef: a } = Xn(), o = e.props, s = Jn(e);
 	return n(e, {
-		ref: Gn(a, s),
+		ref: qn(a, s),
 		"aria-haspopup": "dialog",
 		"aria-expanded": t,
 		"aria-controls": t ? i : void 0,
@@ -2484,11 +2522,11 @@ function Xn({ children: e }) {
 		}
 	});
 }
-function Zn({ children: e }) {
-	let { anchorRef: t } = Jn(), r = Kn(e);
-	return n(e, { ref: Gn(t, r) });
+function $n({ children: e }) {
+	let { anchorRef: t } = Xn(), r = Jn(e);
+	return n(e, { ref: qn(t, r) });
 }
-function Qn(e, t, { open: n, side: r, align: i, offset: a }) {
+function er(e, t, { open: n, side: r, align: i, offset: a }) {
 	let [o, s] = m({
 		top: 0,
 		left: 0
@@ -2519,8 +2557,8 @@ function Qn(e, t, { open: n, side: r, align: i, offset: a }) {
 		t
 	]), o;
 }
-function $n({ side: e = "bottom", align: t = "start", offset: n = 6, matchWidth: r, className: i, children: a }) {
-	let { open: o, setOpen: s, id: c, anchorRef: u } = Jn(), d = p(null), f = Qn(u, d, {
+function tr({ side: e = "bottom", align: t = "start", offset: n = 6, matchWidth: r, className: i, children: a }) {
+	let { open: o, setOpen: s, id: c, anchorRef: u } = Xn(), d = p(null), f = er(u, d, {
 		open: o,
 		side: e,
 		align: t,
@@ -2541,7 +2579,7 @@ function $n({ side: e = "bottom", align: t = "start", offset: n = 6, matchWidth:
 		o,
 		s,
 		u
-	]), qe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
+	]), typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
 		ref: d,
 		id: c,
 		role: "dialog",
@@ -2569,7 +2607,7 @@ function $n({ side: e = "bottom", align: t = "start", offset: n = 6, matchWidth:
 }
 //#endregion
 //#region src/components/ColorPicker.tsx
-var er = [
+var nr = [
 	"#65c789",
 	"#22d3ee",
 	"#3b82f6",
@@ -2581,21 +2619,21 @@ var er = [
 	"#e5e7eb",
 	"#71717a"
 ];
-function tr(e) {
+function rr(e) {
 	let t = e.trim().replace(/^#?/, "");
 	return /^[0-9a-f]{3}$/i.test(t) ? `#${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}`.toLowerCase() : /^[0-9a-f]{6}$/i.test(t) ? `#${t.toLowerCase()}` : null;
 }
-function nr({ value: e, onChange: t, swatches: n = er, disabled: r, id: i, className: a }) {
+function ir({ value: e, onChange: t, swatches: n = nr, disabled: r, id: i, className: a }) {
 	let { strings: o } = q(), s = Y(), [c, l] = m(e), [u, d] = m(!1), f = (n) => {
-		let r = tr(n);
+		let r = rr(n);
 		r ? t(r) : l(e);
 	};
-	return /* @__PURE__ */ W(Yn, {
+	return /* @__PURE__ */ W(Zn, {
 		open: u,
 		onOpenChange: (t) => {
 			d(t), t && l(e);
 		},
-		children: [/* @__PURE__ */ U(Xn, { children: /* @__PURE__ */ W("button", {
+		children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
 			type: "button",
 			id: i ?? s?.id,
 			disabled: r,
@@ -2608,7 +2646,7 @@ function nr({ value: e, onChange: t, swatches: n = er, disabled: r, id: i, class
 				className: "font-mono text-sm uppercase text-fg-2",
 				children: e
 			})]
-		}) }), /* @__PURE__ */ W($n, {
+		}) }), /* @__PURE__ */ W(tr, {
 			className: "w-60 p-3",
 			children: [/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-5 gap-2",
@@ -2629,7 +2667,7 @@ function nr({ value: e, onChange: t, swatches: n = er, disabled: r, id: i, class
 				className: "mt-3 flex items-center gap-2",
 				children: [/* @__PURE__ */ W("label", {
 					className: "relative flex h-9 w-9 shrink-0 cursor-pointer items-center justify-center rounded-lg border border-line bg-fill text-fg-3 hover:text-fg",
-					children: [/* @__PURE__ */ U(ye, { size: 16 }), /* @__PURE__ */ U("input", {
+					children: [/* @__PURE__ */ U(ve, { size: 16 }), /* @__PURE__ */ U("input", {
 						type: "color",
 						value: e,
 						onChange: (e) => t(e.target.value),
@@ -2653,26 +2691,26 @@ function nr({ value: e, onChange: t, swatches: n = er, disabled: r, id: i, class
 }
 //#endregion
 //#region src/components/Spinner.tsx
-var rr = {
+var ar = {
 	sm: 14,
 	md: 18,
 	lg: 24
 };
-function ir({ size: e = "md", label: t, className: n }) {
-	return /* @__PURE__ */ U(fe, {
-		size: rr[e],
+function or({ size: e = "md", label: t, className: n }) {
+	return /* @__PURE__ */ U(B, {
+		size: ar[e],
 		role: t ? "status" : void 0,
 		"aria-label": t,
 		"aria-hidden": !t || void 0,
 		className: G("animate-spin text-fg-3", n)
 	});
 }
-function ar({ label: e, className: t }) {
+function sr({ label: e, className: t }) {
 	let { strings: n } = q();
 	return /* @__PURE__ */ W("div", {
 		className: G("flex flex-col items-center justify-center gap-3 px-6 py-12", t),
 		role: "status",
-		children: [/* @__PURE__ */ U(ir, { size: "lg" }), /* @__PURE__ */ U("p", {
+		children: [/* @__PURE__ */ U(or, { size: "lg" }), /* @__PURE__ */ U("p", {
 			className: "text-sm text-fg-3",
 			children: e ?? n.loadingState
 		})]
@@ -2680,7 +2718,7 @@ function ar({ label: e, className: t }) {
 }
 //#endregion
 //#region src/components/Combobox.tsx
-function or({ options: e, value: t, onChange: n, placeholder: r, searchPlaceholder: i, onSearch: a, loading: o, emptyMessage: s, clearable: c, disabled: u, id: d, className: h }) {
+function cr({ options: e, value: t, onChange: n, placeholder: r, searchPlaceholder: i, onSearch: a, loading: o, emptyMessage: s, clearable: c, disabled: u, id: d, className: h }) {
 	let { strings: g } = q(), _ = Y(), [v, y] = m(!1), [b, x] = m(""), [S, C] = m(0), w = p(null), T = p(null), E = f(() => {
 		if (a || !b.trim()) return e;
 		let t = b.toLowerCase();
@@ -2716,10 +2754,10 @@ function or({ options: e, value: t, onChange: n, placeholder: r, searchPlacehold
 		}
 		e.key === "Enter" && O[S] && (e.preventDefault(), A(O[S])), e.key === "Home" && (e.preventDefault(), C(0)), e.key === "End" && (e.preventDefault(), C(O.length - 1));
 	}, j = -1;
-	return /* @__PURE__ */ W(Yn, {
+	return /* @__PURE__ */ W(Zn, {
 		open: v,
 		onOpenChange: y,
-		children: [/* @__PURE__ */ U(Xn, { children: /* @__PURE__ */ W("button", {
+		children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
 			type: "button",
 			id: d ?? _?.id,
 			role: "combobox",
@@ -2752,7 +2790,7 @@ function or({ options: e, value: t, onChange: n, placeholder: r, searchPlacehold
 					className: "shrink-0 text-fg-3"
 				})
 			]
-		}) }), /* @__PURE__ */ W($n, {
+		}) }), /* @__PURE__ */ W(tr, {
 			matchWidth: !0,
 			className: "p-0",
 			children: [/* @__PURE__ */ W("div", {
@@ -2773,7 +2811,7 @@ function or({ options: e, value: t, onChange: n, placeholder: r, searchPlacehold
 						"aria-label": i ?? g.comboboxSearch,
 						className: "min-w-0 flex-1 bg-transparent text-base text-fg outline-none placeholder:text-fg-4"
 					}),
-					o && /* @__PURE__ */ U(ir, { size: "sm" })
+					o && /* @__PURE__ */ U(or, { size: "sm" })
 				]
 			}), /* @__PURE__ */ W("div", {
 				ref: T,
@@ -2825,14 +2863,14 @@ function or({ options: e, value: t, onChange: n, placeholder: r, searchPlacehold
 }
 //#endregion
 //#region src/components/Highlight.tsx
-function sr(e) {
+function lr(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function cr({ children: e, query: t, words: n, className: r, markClassName: i }) {
+function ur({ children: e, query: t, words: n, className: r, markClassName: i }) {
 	let a = f(() => {
 		let r = t.trim();
 		if (!r) return [e];
-		let a = n ? r.split(/\s+/).filter(Boolean) : [r], o = RegExp(`(${a.map(sr).join("|")})`, "gi");
+		let a = n ? r.split(/\s+/).filter(Boolean) : [r], o = RegExp(`(${a.map(lr).join("|")})`, "gi");
 		return e.split(o).map((e, t) => t % 2 == 1 ? /* @__PURE__ */ U("mark", {
 			className: G("rounded-[3px] bg-accent/25 px-0.5 text-fg", i),
 			children: e
@@ -2850,7 +2888,7 @@ function cr({ children: e, query: t, words: n, className: r, markClassName: i })
 }
 //#endregion
 //#region src/components/Kbd.tsx
-function lr({ children: e, className: t }) {
+function dr({ children: e, className: t }) {
 	return /* @__PURE__ */ U("kbd", {
 		className: G("inline-flex h-5 min-w-5 items-center justify-center rounded-md border border-line-2 bg-fill px-1.5 font-sans text-2xs font-medium text-fg-2", t),
 		children: e
@@ -2858,7 +2896,7 @@ function lr({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/CommandPalette.tsx
-function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChange: i, loading: a, emptyMessage: o }) {
+function fr({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChange: i, loading: a, emptyMessage: o }) {
 	let { strings: s } = q(), [c, u] = m(""), [d, h] = m(0), _ = p(null), v = p(null), b = f(() => {
 		if (i || !c.trim()) return n;
 		let e = c.toLowerCase();
@@ -2892,7 +2930,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
 	}, C = (e) => {
 		e.key === "Escape" && (e.preventDefault(), t(!1)), e.key === "ArrowDown" && (e.preventDefault(), h((e) => (e + 1) % Math.max(1, b.length))), e.key === "ArrowUp" && (e.preventDefault(), h((e) => (e - 1 + b.length) % Math.max(1, b.length))), e.key === "Enter" && b[d] && (e.preventDefault(), S(b[d]));
 	}, w = -1;
-	return qe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
+	return typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
 		className: "fixed inset-0 z-[95] flex items-start justify-center p-4 pt-[12vh]",
 		children: [/* @__PURE__ */ U(y.div, {
 			initial: { opacity: 0 },
@@ -2940,8 +2978,8 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
 						"aria-label": r ?? s.commandPalettePlaceholder,
 						className: "min-w-0 flex-1 bg-transparent text-lg text-fg outline-none placeholder:text-fg-4"
 					}),
-					a && /* @__PURE__ */ U(ir, { size: "sm" }),
-					/* @__PURE__ */ U(lr, { children: s.commandPaletteEscape })
+					a && /* @__PURE__ */ U(or, { size: "sm" }),
+					/* @__PURE__ */ U(dr, { children: s.commandPaletteEscape })
 				]
 			}), /* @__PURE__ */ W("div", {
 				ref: _,
@@ -2972,7 +3010,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
 								className: "min-w-0 flex-1",
 								children: [/* @__PURE__ */ U("span", {
 									className: "block truncate text-base text-fg",
-									children: /* @__PURE__ */ U(cr, {
+									children: /* @__PURE__ */ U(ur, {
 										query: c,
 										children: e.label
 									})
@@ -2981,8 +3019,8 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
 									children: e.description
 								})]
 							}),
-							e.shortcut && /* @__PURE__ */ U(lr, { children: e.shortcut }),
-							t && /* @__PURE__ */ U(re, {
+							e.shortcut && /* @__PURE__ */ U(dr, { children: e.shortcut }),
+							t && /* @__PURE__ */ U(ie, {
 								size: 14,
 								className: "shrink-0 text-fg-4"
 							})
@@ -2993,7 +3031,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
 		})]
 	}) }), document.body);
 }
-function dr() {
+function pr() {
 	let [e, t] = m(!1);
 	return l(() => {
 		let e = (e) => {
@@ -3007,7 +3045,7 @@ function dr() {
 }
 //#endregion
 //#region src/lib/useLongPress.ts
-function fr(e, { delay: t = 450, enabled: n = !0 } = {}) {
+function mr(e, { delay: t = 450, enabled: n = !0 } = {}) {
 	let r = p(null), i = p(!1), a = p(null), o = s(() => {
 		r.current !== null && window.clearTimeout(r.current), r.current = null;
 	}, []), c = s((s) => {
@@ -3053,13 +3091,13 @@ function fr(e, { delay: t = 450, enabled: n = !0 } = {}) {
 }
 //#endregion
 //#region src/components/Composer.tsx
-function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSendAsSystem: a, onAttach: o, attachments: s = [], onRemoveAttachment: c, mic: u, sending: d = !1, disabled: f = !1, placeholder: m, enterSends: h = !0, notice: _, topSlot: v, className: b }) {
+function hr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSendAsSystem: a, onAttach: o, attachments: s = [], onRemoveAttachment: c, mic: u, sending: d = !1, disabled: f = !1, placeholder: m, enterSends: h = !0, notice: _, topSlot: v, className: b }) {
 	let { strings: x } = q(), S = p(null), C = e.trim().length > 0 || s.length > 0, w = !!u?.active, T = d ? r ? "stop" : "busy" : C ? "send" : "continue", E = f || T === "busy" || T === "continue" && !i;
 	l(() => {
 		let e = S.current;
 		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 160)}px`);
 	}, [e]);
-	let D = fr(a, { enabled: T === "send" && !f }), k = () => {
+	let D = mr(a, { enabled: T === "send" && !f }), k = () => {
 		T === "stop" ? r?.() : T === "send" ? n() : T === "continue" && i?.();
 	}, A = (e) => {
 		!h || e.key !== "Enter" || e.shiftKey || e.nativeEvent.isComposing || (e.preventDefault(), !d && !f && C && n());
@@ -3082,11 +3120,11 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 			size: 18,
 			strokeWidth: 2.5
 		}),
-		busy: /* @__PURE__ */ U(fe, {
+		busy: /* @__PURE__ */ U(B, {
 			size: 18,
 			className: "animate-spin"
 		}),
-		continue: /* @__PURE__ */ U(I, { size: 18 })
+		continue: /* @__PURE__ */ U(ne, { size: 18 })
 	};
 	return /* @__PURE__ */ W("div", {
 		className: G("space-y-2", b),
@@ -3129,9 +3167,9 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 							size: "md",
 							onClick: o,
 							disabled: f || d || w,
-							children: /* @__PURE__ */ U(B, { size: 18 })
+							children: /* @__PURE__ */ U(be, { size: 18 })
 						}),
-						w && u ? /* @__PURE__ */ U(hr, {
+						w && u ? /* @__PURE__ */ U(_r, {
 							elapsedMs: u.elapsedMs,
 							analyser: u.analyser,
 							frozen: u.transcribing
@@ -3160,7 +3198,7 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 							disabled: u.transcribing,
 							"aria-label": u.transcribing ? x.composerTranscribing : x.composerStopAndTranscribe,
 							className: "touch-target control-md flex w-10 shrink-0 items-center justify-center rounded-full bg-accent text-on-accent disabled:opacity-70",
-							children: u.transcribing ? /* @__PURE__ */ U(fe, {
+							children: u.transcribing ? /* @__PURE__ */ U(B, {
 								size: 18,
 								className: "animate-spin"
 							}) : /* @__PURE__ */ U(M, {
@@ -3173,7 +3211,7 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 							size: "md",
 							onClick: u.onStart,
 							disabled: f || d || u.disabled,
-							children: /* @__PURE__ */ U(pe, { size: 16 })
+							children: /* @__PURE__ */ U(fe, { size: 16 })
 						})),
 						!w && /* @__PURE__ */ U(y.button, {
 							type: "button",
@@ -3212,11 +3250,11 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 		})]
 	});
 }
-function mr(e) {
+function gr(e) {
 	let t = Math.max(0, Math.floor(e / 1e3));
 	return `${Math.floor(t / 60)}:${String(t % 60).padStart(2, "0")}`;
 }
-function hr({ elapsedMs: e, analyser: t, frozen: n = !1 }) {
+function _r({ elapsedMs: e, analyser: t, frozen: n = !1 }) {
 	let { strings: r } = q(), i = p(null), a = p(null), o = p([]), s = p(null), [c, u] = m({
 		w: 0,
 		h: 0
@@ -3273,7 +3311,7 @@ function hr({ elapsedMs: e, analyser: t, frozen: n = !1 }) {
 		className: "flex min-h-[var(--composer-row)] min-w-0 flex-1 items-center gap-2.5 px-2",
 		role: "status",
 		"aria-live": "polite",
-		"aria-label": n ? r.composerTranscribing : r.composerRecording(mr(e)),
+		"aria-label": n ? r.composerTranscribing : r.composerRecording(gr(e)),
 		children: [
 			/* @__PURE__ */ W("span", {
 				className: "relative flex h-2 w-2 shrink-0",
@@ -3298,14 +3336,14 @@ function hr({ elapsedMs: e, analyser: t, frozen: n = !1 }) {
 			}),
 			/* @__PURE__ */ U("span", {
 				className: "shrink-0 text-xs tabular-nums text-fg-2",
-				children: mr(e)
+				children: gr(e)
 			})
 		]
 	});
 }
 //#endregion
 //#region src/lib/useModal.ts
-function gr(e, t, n, { lockScroll: r = !0 } = {}) {
+function vr(e, t, n, { lockScroll: r = !0 } = {}) {
 	l(() => {
 		if (!e) return;
 		let i = document.activeElement, a = document.body.style.overflow;
@@ -3335,20 +3373,20 @@ function gr(e, t, n, { lockScroll: r = !0 } = {}) {
 }
 //#endregion
 //#region src/components/Sheet.tsx
-var _r = {
+var yr = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-xl"
-}, vr = {
+}, br = {
 	sm: "max-w-sm",
 	md: "max-w-lg",
 	lg: "max-w-2xl"
-}, yr = {
+}, xr = {
 	sm: "max-w-md",
 	md: "max-w-xl",
 	lg: "max-w-3xl"
-}, br = 4e3, xr = 4;
-function Sr({ onExit: e, children: t }) {
+}, Sr = 4e3, Cr = 4;
+function wr({ onExit: e, children: t }) {
 	let [n, r] = S(), i = p(n);
 	return i.current = n, l(() => {
 		n || e().then(() => {
@@ -3356,36 +3394,38 @@ function Sr({ onExit: e, children: t }) {
 		});
 	}, [n]), /* @__PURE__ */ U(H, { children: t });
 }
-function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, rightAction: a, closeButton: o, footer: s, placement: c = "bottom", size: f = "md", detents: h, defaultDetent: _ = 0, className: b, children: S }) {
-	let { strings: T } = q(), E = u(), D = u(), O = p(null), k = p(null), A = Ot(), ee = C(), [j, M] = m(_), te = Et(), N = !!Tt().portal, P = N ? "%" : "dvh";
-	gr(e, t, O, { lockScroll: !N }), l(() => {
-		e && M(_);
-	}, [e, _]);
-	let F = c === "auto" ? A ? "bottom" : "side" : c, I = F === "bottom", L = h?.length ? h : null, ne = L ? `${Math.round(L[Math.min(j, L.length - 1)] * 100)}${P}` : void 0, R = x(0), re = p(0), ie = p(null), ae = p(!1), oe = p(null), [se, ce] = m(!1), le = w(R, (e) => Math.max(0, e)), ue = w(R, (e) => {
-		let t = re.current;
+function Tr({ open: e, onClose: t, title: n, description: r, leftAction: i, rightAction: a, closeButton: o, dismissible: s = !0, footer: c, placement: f = "bottom", size: h = "md", detents: _, defaultDetent: b = 0, className: S, children: T }) {
+	let { strings: E } = q(), D = u(), O = u(), k = p(null), A = p(null), ee = Ot(), j = C(), [M, te] = m(b), N = Et(), P = !!Tt().portal, F = P ? "%" : "dvh", ne = () => {
+		s && t();
+	};
+	vr(e, ne, k, { lockScroll: !P }), l(() => {
+		e && te(b);
+	}, [e, b]);
+	let re = f === "auto" ? ee ? "bottom" : "side" : f, I = re === "bottom", L = _?.length ? _ : null, ie = L ? `${Math.round(L[Math.min(M, L.length - 1)] * 100)}${F}` : void 0, R = x(0), z = p(0), ae = p(null), oe = p(!1), se = p(null), [ce, le] = m(!1), ue = w(R, (e) => Math.max(0, e)), de = w(R, (e) => {
+		let t = z.current;
 		return t ? 1 - Math.min(1, Math.max(0, e / t)) : 0;
-	}), z = (e, t, n = 0) => (ie.current?.stop(), ie.current = v(R, e, ee ? { duration: 0 } : {
+	}), B = (e, t, n = 0) => (ae.current?.stop(), ae.current = v(R, e, j ? { duration: 0 } : {
 		...t,
 		velocity: n
-	}), ie.current), de = p(!1);
-	I && e && !de.current && (ae.current = !1, R.jump(br)), de.current = e, d(() => {
+	}), ae.current), fe = p(!1);
+	I && e && !fe.current && (oe.current = !1, R.jump(Sr)), fe.current = e, d(() => {
 		if (!e || !I) return;
-		let t = O.current;
+		let t = k.current;
 		if (!t) return;
-		re.current = t.offsetHeight, R.jump(re.current), z(0, K.sheetIn);
+		z.current = t.offsetHeight, R.jump(z.current), B(0, K.sheetIn);
 		let n = new ResizeObserver(() => {
-			re.current = t.offsetHeight;
-			let e = k.current;
-			ce(!!(e && e.scrollHeight > e.clientHeight + 1));
+			z.current = t.offsetHeight;
+			let e = A.current;
+			le(!!(e && e.scrollHeight > e.clientHeight + 1));
 		});
-		return n.observe(t), k.current && n.observe(k.current), () => n.disconnect();
+		return n.observe(t), A.current && n.observe(A.current), () => n.disconnect();
 	}, [e, I]);
-	let fe = (e) => {
-		ae.current = !0, z(re.current, K.sheetOut, Math.max(0, e)).finished.then(() => {
-			ae.current && t();
+	let pe = (e) => {
+		oe.current = !0, B(z.current, K.sheetOut, Math.max(0, e)).finished.then(() => {
+			oe.current && t();
 		});
-	}, pe = (e, t) => {
-		I && e.button === 0 && !ae.current && (t && e.target.closest("input, textarea, select, [contenteditable='true'], [data-no-drag]") || (oe.current = {
+	}, me = (e, t) => {
+		I && e.button === 0 && !oe.current && (t && e.target.closest("input, textarea, select, [contenteditable='true'], [data-no-drag]") || (se.current = {
 			pointerId: e.pointerId,
 			startY: e.clientY,
 			fromBody: t,
@@ -3396,44 +3436,44 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 				y: e.clientY
 			}]
 		}));
-	}, me = (e) => {
-		let t = oe.current;
+	}, he = (e) => {
+		let t = se.current;
 		if (!t || t.pointerId !== e.pointerId) return;
 		let n = e.clientY - t.startY;
 		if (!t.active) {
-			if (Math.abs(n) < xr) return;
-			let r = k.current;
-			if (t.fromBody && se && (n < 0 || (r?.scrollTop ?? 0) > 0)) {
-				oe.current = null;
+			if (Math.abs(n) < Cr) return;
+			let r = A.current;
+			if (t.fromBody && ce && (n < 0 || (r?.scrollTop ?? 0) > 0)) {
+				se.current = null;
 				return;
 			}
-			t.active = !0, ie.current?.stop(), e.currentTarget.setPointerCapture(e.pointerId);
+			t.active = !0, ae.current?.stop(), e.currentTarget.setPointerCapture(e.pointerId);
 		}
 		for (t.dy = n, R.set(Math.max(0, n)), t.samples.push({
 			t: e.timeStamp,
 			y: e.clientY
 		}); t.samples.length > 2 && e.timeStamp - t.samples[0].t > 60;) t.samples.shift();
-	}, he = (e) => {
-		let t = oe.current;
-		if (oe.current = null, !t || !t.active || t.pointerId !== e.pointerId) return;
-		let n = t.samples[0], r = t.samples[t.samples.length - 1], i = Math.max(1, r.t - n.t), a = (r.y - n.y) / i * 1e3, o = R.get(), s = re.current || 1, c = a > 500, l = a < -500, u = o > Math.min(s * .25, 160);
-		if (L && (l || t.dy < -40) && j < L.length - 1) {
-			M((e) => Math.min(e + 1, L.length - 1)), z(0, K.sheetSettle, a);
+	}, ge = (e) => {
+		let t = se.current;
+		if (se.current = null, !t || !t.active || t.pointerId !== e.pointerId) return;
+		let n = t.samples[0], r = t.samples[t.samples.length - 1], i = Math.max(1, r.t - n.t), a = (r.y - n.y) / i * 1e3, o = R.get(), c = z.current || 1, l = a > 500, u = a < -500, d = o > Math.min(c * .25, 160);
+		if (L && (u || t.dy < -40) && M < L.length - 1) {
+			te((e) => Math.min(e + 1, L.length - 1)), B(0, K.sheetSettle, a);
 			return;
 		}
-		if ((c || u) && a > -200) {
-			L && j > 0 ? (M((e) => Math.max(e - 1, 0)), z(0, K.sheetSettle, a)) : fe(a);
+		if ((l || d) && a > -200) {
+			L && M > 0 ? (te((e) => Math.max(e - 1, 0)), B(0, K.sheetSettle, a)) : s ? pe(a) : B(0, K.sheetSettle, a);
 			return;
 		}
-		z(0, K.sheetSettle, a);
-	}, ge = (e) => I ? {
-		onPointerDown: (t) => pe(t, e),
-		onPointerMove: me,
-		onPointerUp: he,
-		onPointerCancel: he
-	} : {}, _e = o ?? !I, ve = "flex flex-col overflow-hidden border-line bg-surface-2 outline-none", ye = /* @__PURE__ */ W("div", {
+		B(0, K.sheetSettle, a);
+	}, _e = (e) => I ? {
+		onPointerDown: (t) => me(t, e),
+		onPointerMove: he,
+		onPointerUp: ge,
+		onPointerCancel: ge
+	} : {}, ve = s && (o ?? !I), ye = "flex flex-col overflow-hidden border-line bg-surface-2 outline-none", be = /* @__PURE__ */ W("div", {
 		className: G("shrink-0", I && "cursor-grab touch-none select-none active:cursor-grabbing"),
-		...ge(!1),
+		..._e(!1),
 		children: [
 			I && /* @__PURE__ */ U("div", {
 				className: "flex justify-center pb-1 pt-2.5",
@@ -3452,25 +3492,25 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 					/* @__PURE__ */ W("div", {
 						className: "min-w-0 flex-1",
 						children: [n && /* @__PURE__ */ U("h2", {
-							id: E,
+							id: D,
 							className: "truncate text-lg font-semibold text-fg",
 							children: n
 						}), r && /* @__PURE__ */ U("p", {
-							id: D,
+							id: O,
 							className: "mt-0.5 text-sm text-fg-3",
 							children: r
 						})]
 					}),
 					/* @__PURE__ */ W("div", {
 						className: "flex shrink-0 items-center gap-1",
-						children: [a, /* @__PURE__ */ U(J, {
-							label: T.sheetClose,
+						children: [a, s && /* @__PURE__ */ U(J, {
+							label: E.sheetClose,
 							shape: "round",
 							variant: "secondary",
 							size: "sm",
-							onClick: t,
+							onClick: ne,
 							"data-modal-chrome": !0,
-							className: G(!_e && "sr-only focus-visible:not-sr-only"),
+							className: G(!ve && "sr-only focus-visible:not-sr-only"),
 							children: /* @__PURE__ */ U(V, { size: 14 })
 						})]
 					})
@@ -3478,51 +3518,51 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 			}),
 			/* @__PURE__ */ U("div", { className: "h-px bg-line" })
 		]
-	}), be = /* @__PURE__ */ U("div", {
-		ref: k,
-		...ge(!0),
-		className: G("scrollbar-thin min-h-0 overflow-y-auto overscroll-contain px-5 py-4", L ? "flex-1" : "shrink", I && !se && "touch-none [&_input]:touch-auto [&_textarea]:touch-auto"),
-		children: S
-	}), B = {
+	}), xe = /* @__PURE__ */ U("div", {
+		ref: A,
+		..._e(!0),
+		className: G("scrollbar-thin min-h-0 overflow-y-auto overscroll-contain px-5 py-4", L ? "flex-1" : "shrink", I && !ce && "touch-none [&_input]:touch-auto [&_textarea]:touch-auto"),
+		children: T
+	}), Se = {
 		role: "dialog",
 		"aria-modal": !0,
-		"aria-labelledby": n ? E : void 0,
-		"aria-describedby": r ? D : void 0,
+		"aria-labelledby": n ? D : void 0,
+		"aria-describedby": r ? O : void 0,
 		tabIndex: -1
-	}, xe = null;
-	if (e && I) xe = /* @__PURE__ */ U(Sr, {
-		onExit: () => z(re.current, K.sheetOut).finished,
+	}, Ce = null;
+	if (e && I) Ce = /* @__PURE__ */ U(wr, {
+		onExit: () => B(z.current, K.sheetOut).finished,
 		children: /* @__PURE__ */ W("div", {
 			className: "fixed inset-0 z-50",
 			children: [/* @__PURE__ */ U(y.div, {
 				className: "absolute inset-0 bg-black/50",
-				style: { opacity: ue },
-				onClick: t
+				style: { opacity: de },
+				onClick: ne
 			}), /* @__PURE__ */ W(y.div, {
-				ref: O,
-				...B,
+				ref: k,
+				...Se,
 				style: {
-					y: le,
-					height: ne,
+					y: ue,
+					height: ie,
 					boxShadow: "var(--shadow-sheet), 0 120px 0 0 var(--color-surface-2)",
 					transition: L ? "height 0.4s cubic-bezier(0.32, 0.72, 0, 1)" : void 0
 				},
-				className: G(ve, "absolute inset-x-0 bottom-0 mx-auto w-full rounded-t-2xl border border-b-0 will-change-transform", "pb-[var(--safe-bottom)]", !L && (N ? "max-h-[85%]" : "max-h-[85dvh]"), yr[f], b),
+				className: G(ye, "absolute inset-x-0 bottom-0 mx-auto w-full rounded-t-2xl border border-b-0 will-change-transform", "pb-[var(--safe-bottom)]", !L && (P ? "max-h-[85%]" : "max-h-[85dvh]"), xr[h], S),
 				children: [
-					ye,
 					be,
-					s && /* @__PURE__ */ U("div", {
+					xe,
+					c && /* @__PURE__ */ U("div", {
 						className: "shrink-0 border-t border-line px-5 py-3",
-						children: s
+						children: c
 					})
 				]
 			})]
 		})
 	}, "bottom");
 	else if (e) {
-		let e = F === "side", n = /* @__PURE__ */ W(y.div, {
-			ref: O,
-			...B,
+		let e = re === "side", t = /* @__PURE__ */ W(y.div, {
+			ref: k,
+			...Se,
 			initial: e ? { x: "100%" } : {
 				opacity: 0,
 				scale: .97,
@@ -3543,17 +3583,17 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 				transition: K.instant
 			},
 			transition: e ? K.sheetIn : K.settle,
-			className: G(ve, e ? G("fixed inset-y-0 right-0 z-50 w-full border-l shadow-sheet pb-[var(--safe-bottom)]", _r[f]) : G("relative z-50 w-full rounded-2xl border shadow-raised", N ? "max-h-[85%]" : "max-h-[85dvh]", vr[f]), b),
+			className: G(ye, e ? G("fixed inset-y-0 right-0 z-50 w-full border-l shadow-sheet pb-[var(--safe-bottom)]", yr[h]) : G("relative z-50 w-full rounded-2xl border shadow-raised", P ? "max-h-[85%]" : "max-h-[85dvh]", br[h]), S),
 			children: [
-				ye,
 				be,
-				s && /* @__PURE__ */ U("div", {
+				xe,
+				c && /* @__PURE__ */ U("div", {
 					className: "shrink-0 border-t border-line px-5 py-3",
-					children: s
+					children: c
 				})
 			]
 		});
-		xe = /* @__PURE__ */ W(y.div, {
+		Ce = /* @__PURE__ */ W(y.div, {
 			className: "fixed inset-0 z-50",
 			children: [/* @__PURE__ */ U(y.div, {
 				className: "absolute inset-0 bg-black/50",
@@ -3561,39 +3601,39 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
 				transition: K.quick,
-				onClick: t
-			}), e ? n : /* @__PURE__ */ U("div", {
+				onClick: ne
+			}), e ? t : /* @__PURE__ */ U("div", {
 				className: "pointer-events-none absolute inset-0 flex items-center justify-center p-4 [&>*]:pointer-events-auto",
-				children: n
+				children: t
 			})]
-		}, F);
+		}, re);
 	}
-	return te ? qe(/* @__PURE__ */ U(g, { children: xe }), te) : null;
+	return N ? Fe(/* @__PURE__ */ U(g, { children: Ce }), N) : null;
 }
-var wr = Cr, Tr = null;
-function Er(e) {
+var Er = Tr, Dr = null;
+function Or(e) {
 	return new Promise((t) => {
-		if (!Tr) {
+		if (!Dr) {
 			t(!1);
 			return;
 		}
-		Tr({
+		Dr({
 			options: e,
 			resolve: t
 		});
 	});
 }
-function Dr() {
+function kr() {
 	let { strings: e } = q(), [t, n] = m(null), [r, i] = m(!1);
-	l(() => (Tr = (e) => {
+	l(() => (Dr = (e) => {
 		n(e), i(!0);
 	}, () => {
-		Tr = null;
+		Dr = null;
 	}), []);
 	let a = (e) => {
 		t?.resolve(e), i(!1);
 	}, o = t?.options;
-	return /* @__PURE__ */ U(Cr, {
+	return /* @__PURE__ */ U(Tr, {
 		open: r,
 		onClose: () => a(!1),
 		size: "sm",
@@ -3636,7 +3676,7 @@ function Dr() {
 }
 //#endregion
 //#region src/components/ContextMenu.tsx
-function Or({ menu: e, longPressDelay: t = 450, onOpenChange: n, disabled: r, className: i, children: a }) {
+function Ar({ menu: e, longPressDelay: t = 450, onOpenChange: n, disabled: r, className: i, children: a }) {
 	let [o, c] = m(null), u = p(null), d = p(null), f = p(null), h = s(() => {
 		d.current && window.clearTimeout(d.current), d.current = null;
 	}, []);
@@ -3676,7 +3716,7 @@ function Or({ menu: e, longPressDelay: t = 450, onOpenChange: n, disabled: r, cl
 		onPointerUp: h,
 		onPointerCancel: h,
 		children: a
-	}), qe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
+	}), typeof document < "u" && Fe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
 		ref: u,
 		role: "menu",
 		initial: {
@@ -3703,15 +3743,15 @@ function Or({ menu: e, longPressDelay: t = 450, onOpenChange: n, disabled: r, cl
 }
 //#endregion
 //#region src/components/DatePicker.tsx
-function kr(e) {
+function jr(e) {
 	let t = new Date(e);
 	return t.setHours(0, 0, 0, 0), t;
 }
-function Ar(e, t) {
-	return kr(e).getTime() === kr(t).getTime();
+function Mr(e, t) {
+	return jr(e).getTime() === jr(t).getTime();
 }
-function jr({ value: e, onChange: t, min: n, max: r, weekStartsOn: i = 1, locale: a, className: o }) {
-	let { strings: s, locale: c } = q(), l = a ?? c, [u, d] = m(() => kr(e ?? /* @__PURE__ */ new Date())), p = kr(/* @__PURE__ */ new Date()), { days: h, monthLabel: g, weekdays: _ } = f(() => {
+function Nr({ value: e, onChange: t, min: n, max: r, weekStartsOn: i = 1, locale: a, className: o }) {
+	let { strings: s, locale: c } = q(), l = a ?? c, [u, d] = m(() => jr(e ?? /* @__PURE__ */ new Date())), p = jr(/* @__PURE__ */ new Date()), { days: h, monthLabel: g, weekdays: _ } = f(() => {
 		let e = u.getFullYear(), t = u.getMonth(), n = new Date(e, t, 1), r = (n.getDay() - i + 7) % 7, a = new Date(e, t + 1, 0).getDate(), o = Array.from({ length: r }, () => null);
 		for (let n = 1; n <= a; n++) o.push(new Date(e, t, n));
 		let s = new Intl.DateTimeFormat(l, { weekday: "narrow" }), c = Array.from({ length: 7 }, (e, t) => s.format(new Date(2024, 0, 7 + (t + i) % 7)));
@@ -3727,7 +3767,7 @@ function jr({ value: e, onChange: t, min: n, max: r, weekStartsOn: i = 1, locale
 		u,
 		i,
 		l
-	]), v = (e) => n && e < kr(n) || r && e > kr(r);
+	]), v = (e) => n && e < jr(n) || r && e > jr(r);
 	return /* @__PURE__ */ W("div", {
 		className: G("w-64 select-none [@media(pointer:coarse)]:w-[21rem]", o),
 		children: [/* @__PURE__ */ W("div", {
@@ -3762,23 +3802,23 @@ function jr({ value: e, onChange: t, min: n, max: r, weekStartsOn: i = 1, locale
 				type: "button",
 				disabled: v(n),
 				onClick: () => t(n),
-				"aria-current": Ar(n, p) ? "date" : void 0,
-				"aria-pressed": e ? Ar(n, e) : !1,
-				className: G("flex h-8 items-center justify-center rounded-lg text-sm tabular-nums transition-colors [@media(pointer:coarse)]:h-11", e && Ar(n, e) ? "bg-accent font-medium text-on-accent" : Ar(n, p) ? "text-accent hover:bg-fill-2" : "text-fg-2 hover:bg-fill-2 hover:text-fg", v(n) && "pointer-events-none opacity-25"),
+				"aria-current": Mr(n, p) ? "date" : void 0,
+				"aria-pressed": e ? Mr(n, e) : !1,
+				className: G("flex h-8 items-center justify-center rounded-lg text-sm tabular-nums transition-colors [@media(pointer:coarse)]:h-11", e && Mr(n, e) ? "bg-accent font-medium text-on-accent" : Mr(n, p) ? "text-accent hover:bg-fill-2" : "text-fg-2 hover:bg-fill-2 hover:text-fg", v(n) && "pointer-events-none opacity-25"),
 				children: n.getDate()
 			}, r) : /* @__PURE__ */ U("span", {}, r))]
 		})]
 	});
 }
-function Mr({ value: e, onChange: t, placeholder: n, withTime: r, disabled: i, id: a, className: o, ...s }) {
+function Pr({ value: e, onChange: t, placeholder: n, withTime: r, disabled: i, id: a, className: o, ...s }) {
 	let { strings: c, locale: l } = q(), u = Y(), [d, f] = m(!1), p = e ? new Intl.DateTimeFormat(s.locale ?? l, {
 		dateStyle: "medium",
 		...r ? { timeStyle: "short" } : {}
 	}).format(e) : n ?? c.datePickerPlaceholder;
-	return /* @__PURE__ */ W(Yn, {
+	return /* @__PURE__ */ W(Zn, {
 		open: d,
 		onOpenChange: f,
-		children: [/* @__PURE__ */ U(Xn, { children: /* @__PURE__ */ W("button", {
+		children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
 			type: "button",
 			id: a ?? u?.id,
 			disabled: i,
@@ -3791,9 +3831,9 @@ function Mr({ value: e, onChange: t, placeholder: n, withTime: r, disabled: i, i
 				className: G("min-w-0 flex-1 truncate", e ? "text-fg" : "text-fg-4"),
 				children: p
 			})]
-		}) }), /* @__PURE__ */ W($n, {
+		}) }), /* @__PURE__ */ W(tr, {
 			className: "p-3",
-			children: [/* @__PURE__ */ U(jr, {
+			children: [/* @__PURE__ */ U(Nr, {
 				value: e,
 				onChange: (n) => {
 					r && e && n.setHours(e.getHours(), e.getMinutes()), t(n), r || f(!1);
@@ -3817,14 +3857,14 @@ function Mr({ value: e, onChange: t, placeholder: n, withTime: r, disabled: i, i
 }
 //#endregion
 //#region src/components/Dialog.tsx
-var Nr = {
+var Fr = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-2xl"
 };
-function Pr({ open: e, onClose: t, title: n, description: r, footer: i, size: a = "md", dismissible: o = !0, className: s, children: c }) {
+function Ir({ open: e, onClose: t, title: n, description: r, footer: i, size: a = "md", dismissible: o = !0, className: s, children: c }) {
 	let { strings: l } = q(), d = u(), f = u(), m = p(null);
-	return gr(e, t, m), qe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
+	return vr(e, t, m), typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
 		className: "fixed inset-0 z-50 flex items-end justify-center p-4 sm:items-center",
 		children: [/* @__PURE__ */ U(y.div, {
 			className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
@@ -3840,7 +3880,7 @@ function Pr({ open: e, onClose: t, title: n, description: r, footer: i, size: a
 			"aria-labelledby": n ? d : void 0,
 			"aria-describedby": r ? f : void 0,
 			tabIndex: -1,
-			className: G("relative flex max-h-[85dvh] w-full flex-col overflow-hidden outline-none", "rounded-2xl border border-line bg-surface-2 shadow-raised", Nr[a], s),
+			className: G("relative flex max-h-[85dvh] w-full flex-col overflow-hidden outline-none", "rounded-2xl border border-line bg-surface-2 shadow-raised", Fr[a], s),
 			initial: {
 				opacity: 0,
 				scale: .96,
@@ -3896,7 +3936,7 @@ function Pr({ open: e, onClose: t, title: n, description: r, footer: i, size: a
 }
 //#endregion
 //#region src/components/Diff.tsx
-function Fr(e, t) {
+function Lr(e, t) {
 	let n = e.split("\n"), r = t.split("\n"), i = Array.from({ length: n.length + 1 }, () => Array.from({ length: r.length + 1 }, () => 0));
 	for (let e = n.length - 1; e >= 0; e--) for (let t = r.length - 1; t >= 0; t--) i[e][t] = n[e] === r[t] ? i[e + 1][t + 1] + 1 : Math.max(i[e + 1][t], i[e][t + 1]);
 	let a = [], o = 0, s = 0;
@@ -3926,13 +3966,13 @@ function Fr(e, t) {
 	});
 	return a;
 }
-var Ir = {
+var Rr = {
 	same: "text-fg-3",
 	add: "bg-accent/10 text-fg",
 	remove: "bg-danger/10 text-fg"
 };
-function Lr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "unified", context: a = 3, className: o }) {
-	let { strings: s } = q(), c = n ?? s.diffBefore, l = r ?? s.diffAfter, u = f(() => Fr(e, t), [e, t]), d = f(() => {
+function zr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "unified", context: a = 3, className: o }) {
+	let { strings: s } = q(), c = n ?? s.diffBefore, l = r ?? s.diffAfter, u = f(() => Lr(e, t), [e, t]), d = f(() => {
 		if (!a) return u.map((e) => ({
 			line: e,
 			elided: 0
@@ -3981,7 +4021,7 @@ function Lr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "uni
 					className: "border-b border-line px-3 py-1 text-2xs font-medium text-fg-3",
 					children: e === "remove" ? c : l
 				}), u.map((t, n) => t.op === "same" || t.op === e ? /* @__PURE__ */ U("p", {
-					className: G("whitespace-pre px-3 py-0.5 font-mono text-xs", t.op === "same" ? "text-fg-3" : Ir[t.op]),
+					className: G("whitespace-pre px-3 py-0.5 font-mono text-xs", t.op === "same" ? "text-fg-3" : Rr[t.op]),
 					children: t.text || " "
 				}, n) : /* @__PURE__ */ U("p", {
 					"aria-hidden": "true",
@@ -3992,7 +4032,7 @@ function Lr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "uni
 		}) : /* @__PURE__ */ U("div", {
 			className: "scrollbar-thin overflow-x-auto py-1",
 			children: d.map((e, t) => e.line ? /* @__PURE__ */ W("p", {
-				className: G("flex gap-3 whitespace-pre px-3 py-0.5 font-mono text-xs", Ir[e.line.op]),
+				className: G("flex gap-3 whitespace-pre px-3 py-0.5 font-mono text-xs", Rr[e.line.op]),
 				children: [/* @__PURE__ */ U("span", {
 					"aria-hidden": "true",
 					className: "w-3 shrink-0 select-none text-fg-4",
@@ -4012,13 +4052,13 @@ function Lr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "uni
 }
 //#endregion
 //#region src/components/Progress.tsx
-var Rr = {
+var Br = {
 	accent: "bg-accent",
 	info: "bg-info",
 	warning: "bg-warning",
 	danger: "bg-danger"
 };
-function zr({ value: e, size: t = "md", tone: n = "accent", label: r, className: i }) {
+function Vr({ value: e, size: t = "md", tone: n = "accent", label: r, className: i }) {
 	let a = e === void 0;
 	return /* @__PURE__ */ U("div", {
 		role: "progressbar",
@@ -4028,17 +4068,17 @@ function zr({ value: e, size: t = "md", tone: n = "accent", label: r, className:
 		"aria-valuenow": a ? void 0 : Math.round(e),
 		className: G("relative w-full overflow-hidden rounded-full bg-fill-3", t === "sm" ? "h-1" : "h-1.5", i),
 		children: /* @__PURE__ */ U("div", {
-			className: G("h-full rounded-full transition-[width] motion-slow ease-out", Rr[n], a && "w-1/3 animate-[indeterminate_1.4s_ease-in-out_infinite]"),
+			className: G("h-full rounded-full transition-[width] motion-slow ease-out", Br[n], a && "w-1/3 animate-[indeterminate_1.4s_ease-in-out_infinite]"),
 			style: a ? void 0 : { width: `${Math.max(0, Math.min(100, e))}%` }
 		})
 	});
 }
 //#endregion
 //#region src/lib/format.ts
-var Br = (e) => /^en(-|$)/i.test(e);
-function Vr(e, t = Date.now(), n = "en") {
+var Hr = (e) => /^en(-|$)/i.test(e);
+function Ur(e, t = Date.now(), n = "en") {
 	let r = +t - e, i = Math.round(r / 6e4);
-	if (Br(n)) {
+	if (Hr(n)) {
 		if (i < 1) return "Just now";
 		if (i < 60) return `${i} min ago`;
 		let e = Math.floor(i / 60);
@@ -4057,8 +4097,8 @@ function Vr(e, t = Date.now(), n = "en") {
 	let s = Math.floor(o / 24);
 	return s < 7 ? a.format(-s, "day") : s < 30 ? a.format(-Math.floor(s / 7), "week") : s < 365 ? a.format(-Math.floor(s / 30), "month") : a.format(-Math.floor(s / 365), "year");
 }
-function Hr(e, t = "en") {
-	if (!Br(t)) return new Intl.NumberFormat(t, { notation: "compact" }).format(e);
+function Wr(e, t = "en") {
+	if (!Hr(t)) return new Intl.NumberFormat(t, { notation: "compact" }).format(e);
 	let n = Math.abs(e);
 	if (n < 1e3) return String(e);
 	for (let [t, r] of [
@@ -4071,14 +4111,14 @@ function Hr(e, t = "en") {
 	}
 	return String(e);
 }
-var Ur = [
+var Gr = [
 	"byte",
 	"kilobyte",
 	"megabyte",
 	"gigabyte",
 	"terabyte"
 ];
-function Wr(e, t = "en") {
+function Kr(e, t = "en") {
 	let n = [
 		"B",
 		"KB",
@@ -4087,12 +4127,12 @@ function Wr(e, t = "en") {
 		"TB"
 	], r = 0, i = e;
 	for (; i >= 1024 && r < n.length - 1;) i /= 1024, r++;
-	if (r === 0 && (i = Math.round(i)), Br(t)) return `${r === 0 ? i : i.toFixed(i >= 10 ? 0 : 1)} ${n[r]}`;
+	if (r === 0 && (i = Math.round(i)), Hr(t)) return `${r === 0 ? i : i.toFixed(i >= 10 ? 0 : 1)} ${n[r]}`;
 	let a = r === 0 || i >= 10 ? 0 : 1;
 	try {
 		return new Intl.NumberFormat(t, {
 			style: "unit",
-			unit: Ur[r],
+			unit: Gr[r],
 			unitDisplay: "short",
 			maximumFractionDigits: a
 		}).format(i);
@@ -4102,7 +4142,7 @@ function Wr(e, t = "en") {
 }
 //#endregion
 //#region src/components/DownloadItem.tsx
-function Gr(e, t, n) {
+function qr(e, t, n) {
 	if (n === void 0 || !Number.isFinite(n)) return "";
 	if (n < 60) return e.downloadLeftSeconds(Math.round(n));
 	if (n < 3600) return e.downloadLeftMinutes(Math.round(n / 60));
@@ -4112,18 +4152,18 @@ function Gr(e, t, n) {
 	}).format(n / 3600);
 	return e.downloadLeftHours(r);
 }
-function Kr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size: o, error: s, onPause: c, onResume: l, onCancel: u, onRetry: d, className: f }) {
-	let { strings: p, locale: m } = q(), h = (e) => e === void 0 ? "" : Wr(e, m), g = r === void 0 ? void 0 : Math.round(r * 100), _ = n === "done", v = n === "failed", y = v ? s ?? p.downloadFailed : _ ? h(o) : n === "queued" ? p.downloadWaiting : n === "verifying" ? p.downloadVerifying : n === "paused" ? `${p.downloadPaused}${o ? ` · ${p.downloadProgress(h((r ?? 0) * o), h(o))}` : ""}` : [
+function Jr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size: o, error: s, onPause: c, onResume: l, onCancel: u, onRetry: d, className: f }) {
+	let { strings: p, locale: m } = q(), h = (e) => e === void 0 ? "" : Kr(e, m), g = r === void 0 ? void 0 : Math.round(r * 100), _ = n === "done", v = n === "failed", y = v ? s ?? p.downloadFailed : _ ? h(o) : n === "queued" ? p.downloadWaiting : n === "verifying" ? p.downloadVerifying : n === "paused" ? `${p.downloadPaused}${o ? ` · ${p.downloadProgress(h((r ?? 0) * o), h(o))}` : ""}` : [
 		o ? p.downloadProgress(h((r ?? 0) * o), h(o)) : void 0,
 		i ? p.downloadSpeed(h(i)) : void 0,
-		Gr(p, m, a)
+		qr(p, m, a)
 	].filter(Boolean).join(" · ");
 	return /* @__PURE__ */ W("div", {
 		className: G("flex items-center gap-3 rounded-xl border border-line bg-surface-1 p-3", f),
 		children: [
 			/* @__PURE__ */ U("span", {
 				className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", _ ? "border-accent/30 bg-accent/12 text-accent" : v ? "border-danger/30 bg-danger/12 text-danger" : "border-line bg-fill-2 text-fg-3"),
-				children: _ ? /* @__PURE__ */ U(M, { size: 18 }) : v ? /* @__PURE__ */ U(T, { size: 18 }) : n === "verifying" ? /* @__PURE__ */ U(ir, { size: "md" }) : /* @__PURE__ */ U(ae, { size: 18 })
+				children: _ ? /* @__PURE__ */ U(M, { size: 18 }) : v ? /* @__PURE__ */ U(T, { size: 18 }) : n === "verifying" ? /* @__PURE__ */ U(or, { size: "md" }) : /* @__PURE__ */ U(z, { size: 18 })
 			}),
 			/* @__PURE__ */ W("div", {
 				className: "min-w-0 flex-1 space-y-1.5",
@@ -4142,7 +4182,7 @@ function Kr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size
 						className: "truncate text-sm text-fg-3",
 						children: t
 					}),
-					!_ && !v && /* @__PURE__ */ U(zr, {
+					!_ && !v && /* @__PURE__ */ U(Vr, {
 						value: n === "queued" || n === "verifying" ? void 0 : g,
 						size: "sm"
 					}),
@@ -4159,19 +4199,19 @@ function Kr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size
 						label: p.downloadPause(e),
 						size: "sm",
 						onClick: c,
-						children: /* @__PURE__ */ U(_e, { size: 16 })
+						children: /* @__PURE__ */ U(ge, { size: 16 })
 					}),
 					n === "paused" && l && /* @__PURE__ */ U(J, {
 						label: p.downloadResume(e),
 						size: "sm",
 						onClick: l,
-						children: /* @__PURE__ */ U(be, { size: 16 })
+						children: /* @__PURE__ */ U(ye, { size: 16 })
 					}),
 					v && d && /* @__PURE__ */ U(J, {
 						label: p.downloadRetry(e),
 						size: "sm",
 						onClick: d,
-						children: /* @__PURE__ */ U(ae, { size: 16 })
+						children: /* @__PURE__ */ U(z, { size: 16 })
 					}),
 					!_ && u && /* @__PURE__ */ U(J, {
 						label: p.downloadCancel(e),
@@ -4186,7 +4226,7 @@ function Kr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size
 }
 //#endregion
 //#region src/components/Dropzone.tsx
-function qr({ onFiles: e, accept: t, multiple: n, maxSize: r, onReject: i, disabled: a, children: o, hint: s, className: c }) {
+function Yr({ onFiles: e, accept: t, multiple: n, maxSize: r, onReject: i, disabled: a, children: o, hint: s, className: c }) {
 	let { strings: l } = q(), u = Y(), d = p(null), [f, h] = m(!1), g = (e) => !t || t.split(",").some((t) => {
 		let n = t.trim();
 		return n.endsWith("/*") ? e.type.startsWith(n.slice(0, -1)) : n.startsWith(".") ? e.name.toLowerCase().endsWith(n.toLowerCase()) : e.type === n;
@@ -4235,7 +4275,7 @@ function qr({ onFiles: e, accept: t, multiple: n, maxSize: r, onReject: i, disab
 }
 //#endregion
 //#region src/components/EmptyState.tsx
-function Jr({ icon: e, title: t, description: n, action: r, size: i = "md", className: a }) {
+function Xr({ icon: e, title: t, description: n, action: r, size: i = "md", className: a }) {
 	return /* @__PURE__ */ W("div", {
 		className: G("flex flex-col items-center text-center", i === "md" ? "px-6 py-14" : "px-4 py-8", a),
 		children: [
@@ -4258,7 +4298,7 @@ function Jr({ icon: e, title: t, description: n, action: r, size: i = "md", clas
 		]
 	});
 }
-function Yr({ title: e, description: t, onRetry: n, retryLabel: r, size: i = "md", className: a }) {
+function Zr({ title: e, description: t, onRetry: n, retryLabel: r, size: i = "md", className: a }) {
 	let { strings: o } = q(), s = e ?? o.errorStateTitle;
 	return /* @__PURE__ */ W("div", {
 		className: G("flex flex-col items-center text-center", i === "md" ? "px-6 py-14" : "px-4 py-8", a),
@@ -4287,8 +4327,8 @@ function Yr({ title: e, description: t, onRetry: n, retryLabel: r, size: i = "md
 }
 //#endregion
 //#region src/components/FilterBar.tsx
-var Xr = 28;
-function Zr({ options: e, value: t, onChange: n, className: r, ...i }) {
+var Qr = 28;
+function $r({ options: e, value: t, onChange: n, className: r, ...i }) {
 	let a = p(null), [o, s] = m({
 		start: !1,
 		end: !1
@@ -4309,7 +4349,7 @@ function Zr({ options: e, value: t, onChange: n, className: r, ...i }) {
 			e.removeEventListener("scroll", t), n.disconnect();
 		};
 	}, [e.length]);
-	let c = o.start && o.end ? `linear-gradient(to right, transparent, black ${Xr}px, black calc(100% - ${Xr}px), transparent)` : o.end ? `linear-gradient(to right, black calc(100% - ${Xr}px), transparent)` : o.start ? `linear-gradient(to right, transparent, black ${Xr}px)` : void 0;
+	let c = o.start && o.end ? `linear-gradient(to right, transparent, black ${Qr}px, black calc(100% - ${Qr}px), transparent)` : o.end ? `linear-gradient(to right, black calc(100% - ${Qr}px), transparent)` : o.start ? `linear-gradient(to right, transparent, black ${Qr}px)` : void 0;
 	return /* @__PURE__ */ U("div", {
 		ref: a,
 		role: "radiogroup",
@@ -4321,7 +4361,7 @@ function Zr({ options: e, value: t, onChange: n, className: r, ...i }) {
 		} : void 0,
 		children: e.map((e) => {
 			let r = e.value === t;
-			return /* @__PURE__ */ W(zn, {
+			return /* @__PURE__ */ W(Vn, {
 				role: "radio",
 				"aria-checked": r,
 				selected: r,
@@ -4338,13 +4378,13 @@ function Zr({ options: e, value: t, onChange: n, className: r, ...i }) {
 }
 //#endregion
 //#region src/components/Form.tsx
-var Qr = r(null);
-function $r() {
-	let e = c(Qr);
+var ei = r(null);
+function ti() {
+	let e = c(ei);
 	if (!e) throw Error("useForm must be used inside <Form>");
 	return e;
 }
-function ei({ initial: e, onSubmit: t, validate: n, guardUnload: r = !0, children: i, className: a }) {
+function ni({ initial: e, onSubmit: t, validate: n, guardUnload: r = !0, children: i, className: a }) {
 	let [o, c] = m(e), [u, d] = m({}), [h, g] = m(!1), _ = p(e), v = f(() => JSON.stringify(o) !== JSON.stringify(_.current), [o]);
 	l(() => {
 		if (!r || !v) return;
@@ -4388,7 +4428,7 @@ function ei({ initial: e, onSubmit: t, validate: n, guardUnload: r = !0, childre
 		patch: b,
 		reset: x
 	};
-	return /* @__PURE__ */ U(Qr.Provider, {
+	return /* @__PURE__ */ U(ei.Provider, {
 		value: C,
 		children: /* @__PURE__ */ U("form", {
 			onSubmit: S,
@@ -4398,8 +4438,8 @@ function ei({ initial: e, onSubmit: t, validate: n, guardUnload: r = !0, childre
 		})
 	});
 }
-function ti({ submitLabel: e, cancelLabel: t, onCancel: n, sticky: r, children: i }) {
-	let { strings: a } = q(), { dirty: o, submitting: s, reset: c } = $r();
+function ri({ submitLabel: e, cancelLabel: t, onCancel: n, sticky: r, children: i }) {
+	let { strings: a } = q(), { dirty: o, submitting: s, reset: c } = ti();
 	return /* @__PURE__ */ W("div", {
 		className: G("flex items-center gap-2 border-t border-line pt-4", r && "sticky bottom-0 -mx-4 mt-0 bg-surface/90 px-4 pb-[calc(var(--safe-bottom)+12px)] backdrop-blur-md"),
 		children: [
@@ -4428,9 +4468,9 @@ function ti({ submitLabel: e, cancelLabel: t, onCancel: n, sticky: r, children:
 		]
 	});
 }
-function ni(e) {
+function ii(e) {
 	let { strings: t } = q();
-	return s(async () => !e || Er({
+	return s(async () => !e || Or({
 		title: t.formDiscardTitle,
 		message: t.formDiscardMessage,
 		confirmLabel: t.formDiscardConfirm,
@@ -4440,7 +4480,7 @@ function ni(e) {
 }
 //#endregion
 //#region src/components/HoverCard.tsx
-function ri({ content: e, openDelay: t = 400, closeDelay: r = 150, side: i = "top", children: a }) {
+function ai({ content: e, openDelay: t = 400, closeDelay: r = 150, side: i = "top", children: a }) {
 	let [o, s] = m(!1), c = p(null);
 	l(() => () => {
 		c.current && window.clearTimeout(c.current);
@@ -4455,10 +4495,10 @@ function ri({ content: e, openDelay: t = 400, closeDelay: r = 150, side: i = "to
 			d.onPointerLeave?.(e), u(!1);
 		}
 	});
-	return /* @__PURE__ */ W(Yn, {
+	return /* @__PURE__ */ W(Zn, {
 		open: o,
 		onOpenChange: s,
-		children: [/* @__PURE__ */ U(Zn, { children: f }), /* @__PURE__ */ U($n, {
+		children: [/* @__PURE__ */ U($n, { children: f }), /* @__PURE__ */ U(tr, {
 			side: i,
 			align: "center",
 			className: "w-72 p-0",
@@ -4472,15 +4512,15 @@ function ri({ content: e, openDelay: t = 400, closeDelay: r = 150, side: i = "to
 }
 //#endregion
 //#region src/components/Icon.tsx
-var ii = {
+var oi = {
 	sm: 14,
 	md: 16,
 	lg: 18,
 	xl: 22
 };
-function ai({ as: e, size: t = "md", label: n, strokeWidth: r = 2, className: a }) {
+function si({ as: e, size: t = "md", label: n, strokeWidth: r = 2, className: a }) {
 	return i(e, {
-		size: ii[t],
+		size: oi[t],
 		strokeWidth: r,
 		"aria-hidden": !n || void 0,
 		...n ? {
@@ -4492,7 +4532,7 @@ function ai({ as: e, size: t = "md", label: n, strokeWidth: r = 2, className: a
 }
 //#endregion
 //#region src/components/ImageViewer.tsx
-function oi({ images: e, index: t, onIndexChange: n }) {
+function ci({ images: e, index: t, onIndexChange: n }) {
 	let { strings: r } = q(), [i, a] = m(1), o = t !== null, c = o ? e[t] : null, u = p(null), d = s((r) => {
 		t !== null && (n(Math.min(e.length - 1, Math.max(0, t + r))), a(1));
 	}, [
@@ -4517,7 +4557,7 @@ function oi({ images: e, index: t, onIndexChange: n }) {
 		d
 	]), l(() => {
 		o || a(1);
-	}, [o]), qe(/* @__PURE__ */ U(g, { children: o && c && /* @__PURE__ */ W(y.div, {
+	}, [o]), typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: o && c && /* @__PURE__ */ W(y.div, {
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": c.alt,
@@ -4609,7 +4649,7 @@ function oi({ images: e, index: t, onIndexChange: n }) {
 }
 //#endregion
 //#region src/components/InfiniteScroll.tsx
-function si({ onLoadMore: e, disabled: t = !1, loading: n = !1, endMessage: r, rootMargin: i = "600px", className: a }) {
+function li({ onLoadMore: e, disabled: t = !1, loading: n = !1, endMessage: r, rootMargin: i = "600px", className: a }) {
 	let { strings: o } = q(), s = p(null), c = p(e);
 	return c.current = e, l(() => {
 		let e = s.current;
@@ -4626,7 +4666,7 @@ function si({ onLoadMore: e, disabled: t = !1, loading: n = !1, endMessage: r, r
 				className: "h-px w-px",
 				"aria-hidden": "true"
 			}),
-			n && /* @__PURE__ */ U(ir, { label: o.infiniteScrollLoading }),
+			n && /* @__PURE__ */ U(or, { label: o.infiniteScrollLoading }),
 			!n && t && r && /* @__PURE__ */ U("p", {
 				className: "text-sm text-fg-3",
 				children: r
@@ -4636,7 +4676,7 @@ function si({ onLoadMore: e, disabled: t = !1, loading: n = !1, endMessage: r, r
 }
 //#endregion
 //#region src/components/List.tsx
-function ci({ label: e, className: t, children: n, ...r }) {
+function ui({ label: e, className: t, children: n, ...r }) {
 	return /* @__PURE__ */ W("section", {
 		className: G("space-y-2", t),
 		...r,
@@ -4649,7 +4689,7 @@ function ci({ label: e, className: t, children: n, ...r }) {
 		})]
 	});
 }
-var li = {
+var di = {
 	neutral: "border-line text-fg-3",
 	accent: "border-line text-accent",
 	danger: "border-line text-danger",
@@ -4657,10 +4697,10 @@ var li = {
 	info: "border-line text-info",
 	secondary: "border-line text-secondary"
 };
-function ui({ icon: e, tone: t = "neutral", title: n, description: r, trailing: i, chevron: a }) {
+function fi({ icon: e, tone: t = "neutral", title: n, description: r, trailing: i, chevron: a }) {
 	return /* @__PURE__ */ W(H, { children: [
 		e && /* @__PURE__ */ U("span", {
-			className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", li[t]),
+			className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", di[t]),
 			children: e
 		}),
 		/* @__PURE__ */ W("span", {
@@ -4683,12 +4723,12 @@ function ui({ icon: e, tone: t = "neutral", title: n, description: r, trailing:
 		})
 	] });
 }
-var di = "group row-py flex w-full items-center gap-3 px-4 text-left";
-function fi({ icon: e, tone: t, title: n, description: r, trailing: i, chevron: a, className: o, ...s }) {
+var pi = "group row-py flex w-full items-center gap-3 px-4 text-left";
+function mi({ icon: e, tone: t, title: n, description: r, trailing: i, chevron: a, className: o, ...s }) {
 	return /* @__PURE__ */ U("div", {
-		className: G(di, o),
+		className: G(pi, o),
 		...s,
-		children: /* @__PURE__ */ U(ui, {
+		children: /* @__PURE__ */ U(fi, {
 			icon: e,
 			tone: t,
 			title: n,
@@ -4698,15 +4738,15 @@ function fi({ icon: e, tone: t, title: n, description: r, trailing: i, chevron:
 		})
 	});
 }
-var pi = a(function({ icon: e, tone: t, title: n, description: r, trailing: i, chevron: a = !0, className: o, type: s = "button", ...c }, l) {
+var hi = a(function({ icon: e, tone: t, title: n, description: r, trailing: i, chevron: a = !0, className: o, type: s = "button", ...c }, l) {
 	return /* @__PURE__ */ U(y.button, {
 		ref: l,
 		type: s,
 		whileTap: { scale: .995 },
 		transition: K.instant,
-		className: G(di, "touch-target transition-colors motion-instant hover:bg-fill-2 disabled:pointer-events-none disabled:opacity-40", o),
+		className: G(pi, "touch-target transition-colors motion-instant hover:bg-fill-2 disabled:pointer-events-none disabled:opacity-40", o),
 		...c,
-		children: /* @__PURE__ */ U(ui, {
+		children: /* @__PURE__ */ U(fi, {
 			icon: e,
 			tone: t,
 			title: n,
@@ -4716,10 +4756,10 @@ var pi = a(function({ icon: e, tone: t, title: n, description: r, trailing: i, c
 		})
 	});
 });
-pi.displayName = "ListRowButton";
+hi.displayName = "ListRowButton";
 //#endregion
 //#region src/components/Masonry.tsx
-function mi({ children: t, minColumnWidth: n = 180, maxColumns: r = 6, gap: i = 8, className: a }) {
+function gi({ children: t, minColumnWidth: n = 180, maxColumns: r = 6, gap: i = 8, className: a }) {
 	let o = p(null), [s, c] = m(0);
 	l(() => {
 		let e = o.current;
@@ -4746,14 +4786,14 @@ function mi({ children: t, minColumnWidth: n = 180, maxColumns: r = 6, gap: i =
 }
 //#endregion
 //#region src/components/MediaCard.tsx
-var hi = {
+var _i = {
 	accent: "bg-accent",
 	info: "bg-info",
 	warning: "bg-warning",
 	secondary: "bg-secondary",
 	neutral: "bg-fg-3"
-}, gi = a(function({ title: e, description: t, image: n, kind: r, tone: i = "neutral", tag: a, meta: o, selected: s, className: c, type: l = "button", ...u }, d) {
-	let [f, p] = m(!1), h = Sn(e), g = !!n && !f;
+}, vi = a(function({ title: e, description: t, image: n, kind: r, tone: i = "neutral", tag: a, meta: o, selected: s, className: c, type: l = "button", ...u }, d) {
+	let [f, p] = m(!1), h = wn(e), g = !!n && !f;
 	return /* @__PURE__ */ W(y.button, {
 		ref: d,
 		type: l,
@@ -4782,7 +4822,7 @@ var hi = {
 			}),
 			r && /* @__PURE__ */ W("span", {
 				className: "absolute left-2.5 top-2.5 z-10 inline-flex items-center gap-1.5 rounded-full border border-white/12 bg-black/55 px-2 py-1 text-2xs font-medium text-white/90 backdrop-blur-md",
-				children: [/* @__PURE__ */ U("span", { className: G("h-1.5 w-1.5 rounded-full", hi[i]) }), r]
+				children: [/* @__PURE__ */ U("span", { className: G("h-1.5 w-1.5 rounded-full", _i[i]) }), r]
 			}),
 			o && /* @__PURE__ */ U("span", {
 				className: "absolute right-2.5 top-2.5 z-10 rounded-full border border-white/12 bg-black/55 px-2 py-1 text-2xs font-medium tabular-nums text-white/90 backdrop-blur-md",
@@ -4807,8 +4847,8 @@ var hi = {
 		]
 	});
 });
-gi.displayName = "MediaCard";
-function _i() {
+vi.displayName = "MediaCard";
+function yi() {
 	return /* @__PURE__ */ W("div", {
 		className: "relative aspect-3/4 w-full overflow-hidden rounded-2xl border border-line",
 		children: [/* @__PURE__ */ U($, {
@@ -4828,7 +4868,7 @@ function _i() {
 }
 //#endregion
 //#region src/components/MediaTile.tsx
-var vi = a(function({ src: e, alt: t, kind: n, variantCount: r, selected: i, aspect: a = "square", className: o, type: s = "button", ...c }, l) {
+var bi = a(function({ src: e, alt: t, kind: n, variantCount: r, selected: i, aspect: a = "square", className: o, type: s = "button", ...c }, l) {
 	let [u, d] = m(!1);
 	return /* @__PURE__ */ W(y.button, {
 		ref: l,
@@ -4862,8 +4902,8 @@ var vi = a(function({ src: e, alt: t, kind: n, variantCount: r, selected: i, asp
 		]
 	});
 });
-vi.displayName = "MediaTile";
-function yi({ aspect: e = "square" }) {
+bi.displayName = "MediaTile";
+function xi({ aspect: e = "square" }) {
 	return /* @__PURE__ */ U($, {
 		shape: "block",
 		className: G("w-full rounded-xl", e === "square" ? "aspect-square" : "aspect-3/4")
@@ -4871,32 +4911,32 @@ function yi({ aspect: e = "square" }) {
 }
 //#endregion
 //#region src/components/Message.tsx
-var bi = {
+var Si = {
 	small: "text-sm",
 	medium: "text-base",
 	large: "text-lg",
 	xlarge: "text-xl"
-}, xi = {
+}, Ci = {
 	tight: "leading-snug",
 	normal: "leading-normal",
 	relaxed: "leading-relaxed"
-}, Si = {
+}, wi = {
 	sharp: "rounded-md",
 	rounded: "rounded-xl",
 	pill: "rounded-2xl"
-}, Ci = {
+}, Ti = {
 	compact: "max-w-[min(calc(100%-3rem),30rem)]",
 	normal: "max-w-[min(calc(100%-1.5rem),36rem)]",
 	wide: "max-w-[min(100%,44rem)]"
-}, wi = {
+}, Ei = {
 	compact: "px-3 py-2",
 	normal: "px-4 py-2.5",
 	spacious: "px-5 py-3.5"
-}, Ti = {
+}, Di = {
 	small: "xs",
 	medium: "sm",
 	large: "md"
-}, Ei = {
+}, Oi = {
 	fontSize: "medium",
 	lineSpacing: "relaxed",
 	radius: "rounded",
@@ -4907,11 +4947,11 @@ var bi = {
 	avatarSize: "medium",
 	headerPlacement: "below"
 };
-function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle", reasoning: a, attachments: o, variants: s, group: c = "only", pinned: l, held: u, menu: d, menuTitle: f, onMenu: p, appearance: h, className: g }) {
+function ki({ role: e, children: t, author: n, timestamp: r, state: i = "idle", reasoning: a, attachments: o, variants: s, group: c = "only", pinned: l, held: u, menu: d, menuTitle: f, onMenu: p, appearance: h, className: g }) {
 	let { strings: _ } = q(), v = {
-		...Ei,
+		...Oi,
 		...h
-	}, b = e === "user", { hasBackground: x, tone: S } = Tn(), C = c === "only" || c === "start", w = c === "only" || c === (v.headerPlacement === "below" ? "end" : "start"), [T, E] = m(!1), D = u || T, O = p ?? (d ? () => E(!0) : void 0), k = fr(O, { enabled: !!O }), A = !!(s && s.total > 1), ee = (e, t) => {
+	}, b = e === "user", { hasBackground: x, tone: S } = Dn(), C = c === "only" || c === "start", w = c === "only" || c === (v.headerPlacement === "below" ? "end" : "start"), [T, E] = m(!1), D = u || T, O = p ?? (d ? () => E(!0) : void 0), k = mr(O, { enabled: !!O }), A = !!(s && s.total > 1), ee = (e, t) => {
 		if (!s) return;
 		let n = Math.abs(t.offset.x) > 40, r = Math.abs(t.velocity.x) > 320;
 		(n || r) && (t.offset.x < 0 ? s.index < s.total - 1 && s.onNext() : s.index > 0 && s.onPrev());
@@ -4929,7 +4969,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 			l && /* @__PURE__ */ W("span", {
 				className: "inline-flex shrink-0 items-center gap-1 text-2xs text-info",
 				"aria-label": _.messagePinned,
-				children: [/* @__PURE__ */ U(ve, { size: 12 }), _.messagePinned]
+				children: [/* @__PURE__ */ U(_e, { size: 12 }), _.messagePinned]
 			})
 		]
 	}), F = /* @__PURE__ */ W(y.div, {
@@ -4956,7 +4996,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 			whileDrag: { cursor: "grabbing" },
 			onDragEnd: ee
 		} : {},
-		className: G("relative min-w-0", bi[v.fontSize], xi[v.lineSpacing], j ? G("w-fit text-fg-2", Ci[v.maxWidth], v.style !== "minimal" && wi[v.padding], e === "system" && "text-sm leading-normal", e === "system" && v.style !== "minimal" && "px-3 py-2", v.style !== "minimal" && Si[v.radius], x && v.style !== "minimal" && "backdrop-blur-md", v.style === "filled" && (x ? S === "light" ? "border border-black/10 bg-white/45" : "border border-white/10 bg-black/45" : "border border-line bg-fill"), v.style === "bordered" && "border border-line-2") : G("w-fit", Ci[v.maxWidth], v.style !== "minimal" && wi[v.padding], v.style !== "minimal" && Si[v.radius], v.style === "minimal" && "text-fg", v.style === "filled" && (b ? "bg-accent/22 text-fg" : "bg-fill-2 text-fg"), x && v.style !== "minimal" && "backdrop-blur-md", x && v.style === "filled" && S === "dark" && (b ? "bg-accent/35" : "border border-white/10 bg-black/35"), x && v.style === "filled" && S === "light" && (b ? "bg-accent/40" : "border border-black/10 bg-white/55"), v.style === "bordered" && (b ? "border border-accent/40 text-fg" : "border border-line-2 text-fg"), b && "ml-auto"), A && "pb-6", D && "ring-2 ring-accent/50"),
+		className: G("relative min-w-0", Si[v.fontSize], Ci[v.lineSpacing], j ? G("w-fit text-fg-2", Ti[v.maxWidth], v.style !== "minimal" && Ei[v.padding], e === "system" && "text-sm leading-normal", e === "system" && v.style !== "minimal" && "px-3 py-2", v.style !== "minimal" && wi[v.radius], x && v.style !== "minimal" && "backdrop-blur-md", v.style === "filled" && (x ? S === "light" ? "border border-black/10 bg-white/45" : "border border-white/10 bg-black/45" : "border border-line bg-fill"), v.style === "bordered" && "border border-line-2") : G("w-fit", Ti[v.maxWidth], v.style !== "minimal" && Ei[v.padding], v.style !== "minimal" && wi[v.radius], v.style === "minimal" && "text-fg", v.style === "filled" && (b ? "bg-accent/22 text-fg" : "bg-fill-2 text-fg"), x && v.style !== "minimal" && "backdrop-blur-md", x && v.style === "filled" && S === "dark" && (b ? "bg-accent/35" : "border border-white/10 bg-black/35"), x && v.style === "filled" && S === "light" && (b ? "bg-accent/40" : "border border-black/10 bg-white/55"), v.style === "bordered" && (b ? "border border-accent/40 text-fg" : "border border-line-2 text-fg"), b && "ml-auto"), A && "pb-6", D && "ring-2 ring-accent/50"),
 		children: [
 			v.headerPlacement === "inside" && P && /* @__PURE__ */ U("div", {
 				className: "mb-1.5",
@@ -4966,7 +5006,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 				className: "mb-2",
 				children: o
 			}),
-			i === "typing" ? /* @__PURE__ */ U(ki, {}) : t,
+			i === "typing" ? /* @__PURE__ */ U(ji, {}) : t,
 			i === "streaming" && /* @__PURE__ */ U("span", {
 				"aria-hidden": "true",
 				className: "ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-pulse bg-accent"
@@ -4981,18 +5021,18 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 				]
 			})
 		]
-	}), I = /* @__PURE__ */ W("div", {
+	}), ne = /* @__PURE__ */ W("div", {
 		...O ? k.handlers : {},
 		className: G("group/message flex w-full gap-2", c === "start" || c === "only" ? "mt-5 first:mt-0" : "mt-1", b ? "flex-row-reverse" : "flex-row", g),
-		children: [te ? /* @__PURE__ */ U(Jt, {
+		children: [te ? /* @__PURE__ */ U(Xt, {
 			name: n.name,
 			src: n.avatar,
-			size: Ti[v.avatarSize],
+			size: Di[v.avatarSize],
 			className: G("mt-0.5", v.avatar === "rounded" && "rounded-lg")
 		}) : j && v.avatar !== "hidden" && C ? /* @__PURE__ */ U("span", {
 			"aria-hidden": "true",
 			className: G("mt-0.5 flex shrink-0 items-center justify-center border border-line bg-fill text-fg-3", v.avatar === "rounded" ? "rounded-lg" : "rounded-full", v.avatarSize === "small" ? "h-6 w-6" : v.avatarSize === "large" ? "h-10 w-10" : "h-8 w-8"),
-			children: U(e === "scene" ? L : z, { size: 14 })
+			children: U(e === "scene" ? re : ue, { size: 14 })
 		}) : v.avatar !== "hidden" && /* @__PURE__ */ U("span", {
 			className: G("shrink-0", v.avatarSize === "small" ? "w-6" : v.avatarSize === "large" ? "w-10" : "w-8"),
 			"aria-hidden": "true"
@@ -5000,7 +5040,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 			className: G("flex min-w-0 flex-1 flex-col gap-0.5", b && "items-end"),
 			children: [
 				v.headerPlacement === "outside" && P,
-				a && /* @__PURE__ */ U(Oi, {
+				a && /* @__PURE__ */ U(Ai, {
 					label: a.label,
 					align: b ? "end" : "start",
 					children: a.text
@@ -5017,13 +5057,13 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 					}), l && /* @__PURE__ */ W("span", {
 						className: "inline-flex shrink-0 items-center gap-1 text-2xs text-info",
 						"aria-label": _.messagePinned,
-						children: [/* @__PURE__ */ U(ve, { size: 12 }), _.messagePinned]
+						children: [/* @__PURE__ */ U(_e, { size: 12 }), _.messagePinned]
 					})]
 				})
 			]
 		})]
 	});
-	return !d || p ? I : /* @__PURE__ */ W(H, { children: [I, /* @__PURE__ */ U(Cr, {
+	return !d || p ? ne : /* @__PURE__ */ W(H, { children: [ne, /* @__PURE__ */ U(Tr, {
 		open: T,
 		onClose: () => E(!1),
 		title: f ?? _.messageMenuTitle,
@@ -5034,7 +5074,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
 		})
 	})] });
 }
-function Oi({ label: e, align: t = "start", children: n }) {
+function Ai({ label: e, align: t = "start", children: n }) {
 	let { strings: r } = q(), [i, a] = m(!1);
 	return /* @__PURE__ */ W("div", {
 		className: G("flex w-full flex-col", t === "end" ? "items-end" : "items-start"),
@@ -5079,7 +5119,7 @@ function Oi({ label: e, align: t = "start", children: n }) {
 		})]
 	});
 }
-function ki({ className: e }) {
+function ji({ className: e }) {
 	let { strings: t } = q();
 	return /* @__PURE__ */ U("span", {
 		className: G("flex items-center gap-1 py-1", e),
@@ -5110,7 +5150,7 @@ function ki({ className: e }) {
 		}, e))
 	});
 }
-function Ai({ children: e }) {
+function Mi({ children: e }) {
 	return /* @__PURE__ */ W("div", {
 		className: "flex items-center gap-3 py-3",
 		children: [
@@ -5125,7 +5165,7 @@ function Ai({ children: e }) {
 }
 //#endregion
 //#region src/components/Meter.tsx
-function ji({ value: e, max: t = 100, label: n, valueLabel: r, thresholds: i = {
+function Ni({ value: e, max: t = 100, label: n, valueLabel: r, thresholds: i = {
 	warning: .75,
 	danger: .9
 }, size: a = "md", className: o }) {
@@ -5165,7 +5205,7 @@ function ji({ value: e, max: t = 100, label: n, valueLabel: r, thresholds: i = {
 }
 //#endregion
 //#region src/components/MultiItemDownloadCard.tsx
-function Mi(e, t, n) {
+function Pi(e, t, n) {
 	if (n === void 0 || !Number.isFinite(n) || n <= 0) return "";
 	if (n < 60) return e.downloadLeftSeconds(Math.round(n));
 	if (n < 3600) return e.downloadLeftMinutes(Math.round(n / 60));
@@ -5175,7 +5215,7 @@ function Mi(e, t, n) {
 	}).format(n / 3600);
 	return e.downloadLeftHours(r);
 }
-function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCancelAll: a, onItemPause: o, onItemResume: s, onItemCancel: c, onItemRetry: l, defaultExpanded: u = !1, className: d }) {
+function Fi({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCancelAll: a, onItemPause: o, onItemResume: s, onItemCancel: c, onItemRetry: l, defaultExpanded: u = !1, className: d }) {
 	let { strings: p, locale: h } = q(), [_, v] = m(u), b = f(() => {
 		let e = n.filter((e) => e.status === "failed"), t = n.filter((e) => e.status === "done"), r = n.filter((e) => e.status === "downloading"), i = n.filter((e) => e.status === "paused"), a = n.filter((e) => e.status === "verifying"), o = e.length ? "failed" : t.length === n.length ? "done" : r.length ? "downloading" : a.length ? "verifying" : i.length && i.length + t.length === n.length ? "paused" : "queued", s = n.every((e) => e.size !== void 0), c = n.reduce((e, t) => e + (t.size ?? 0), 0), l = n.reduce((e, t) => e + (t.status === "done" ? t.size ?? 0 : (t.progress ?? 0) * (t.size ?? 0)), 0), u = s && c > 0 ? l / c : n.reduce((e, t) => e + (t.status === "done" ? 1 : t.progress ?? 0), 0) / Math.max(1, n.length), d = r.reduce((e, t) => e + (t.speed ?? 0), 0);
 		return {
@@ -5189,11 +5229,11 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 			doneCount: t.length,
 			failedCount: e.length
 		};
-	}, [n]), x = (e) => e === void 0 ? "" : Wr(e, h), S = Math.round(b.progress * 100), C = b.status === "done", w = b.status === "failed", E = w ? p.downloadFailedCount(b.failedCount, n.length) : C ? `${p.downloadFileCount(n.length)} · ${b.knownSizes ? x(b.total) : ""}`.trim() : [
+	}, [n]), x = (e) => e === void 0 ? "" : Kr(e, h), S = Math.round(b.progress * 100), C = b.status === "done", w = b.status === "failed", E = w ? p.downloadFailedCount(b.failedCount, n.length) : C ? `${p.downloadFileCount(n.length)} · ${b.knownSizes ? x(b.total) : ""}`.trim() : [
 		p.downloadFilesDone(b.doneCount, n.length),
 		b.knownSizes ? p.downloadProgress(x(b.transferred), x(b.total)) : void 0,
 		b.speed ? p.downloadSpeed(x(b.speed)) : void 0,
-		Mi(p, h, b.eta)
+		Pi(p, h, b.eta)
 	].filter(Boolean).join(" · ");
 	return /* @__PURE__ */ W("div", {
 		className: G("overflow-hidden rounded-xl border border-line bg-surface-1", d),
@@ -5203,7 +5243,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 				children: [
 					/* @__PURE__ */ U("span", {
 						className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", C ? "border-accent/30 bg-accent/12 text-accent" : w ? "border-danger/30 bg-danger/12 text-danger" : "border-line bg-fill-2 text-fg-3"),
-						children: C ? /* @__PURE__ */ U(M, { size: 18 }) : w ? /* @__PURE__ */ U(T, { size: 18 }) : b.status === "verifying" ? /* @__PURE__ */ U(ir, { size: "md" }) : /* @__PURE__ */ U(ae, { size: 18 })
+						children: C ? /* @__PURE__ */ U(M, { size: 18 }) : w ? /* @__PURE__ */ U(T, { size: 18 }) : b.status === "verifying" ? /* @__PURE__ */ U(or, { size: "md" }) : /* @__PURE__ */ U(z, { size: 18 })
 					}),
 					/* @__PURE__ */ W("div", {
 						className: "min-w-0 flex-1 space-y-1.5",
@@ -5222,7 +5262,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 								className: "truncate text-sm text-fg-3",
 								children: t
 							}),
-							!C && !w && /* @__PURE__ */ U(zr, {
+							!C && !w && /* @__PURE__ */ U(Vr, {
 								value: b.status === "queued" ? void 0 : S,
 								size: "sm"
 							}),
@@ -5239,13 +5279,13 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 								label: p.downloadPause(e),
 								size: "sm",
 								onClick: r,
-								children: /* @__PURE__ */ U(_e, { size: 16 })
+								children: /* @__PURE__ */ U(ge, { size: 16 })
 							}),
 							b.status === "paused" && i && /* @__PURE__ */ U(J, {
 								label: p.downloadResume(e),
 								size: "sm",
 								onClick: i,
-								children: /* @__PURE__ */ U(be, { size: 16 })
+								children: /* @__PURE__ */ U(ye, { size: 16 })
 							}),
 							!C && a && /* @__PURE__ */ U(J, {
 								label: p.downloadCancel(e),
@@ -5293,7 +5333,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 					className: "overflow-hidden",
 					children: /* @__PURE__ */ U("div", {
 						className: "space-y-1.5 border-t border-line bg-surface/40 p-2",
-						children: n.map((e) => /* @__PURE__ */ U(Kr, {
+						children: n.map((e) => /* @__PURE__ */ U(Jr, {
 							name: e.name,
 							detail: e.detail,
 							status: e.status,
@@ -5316,7 +5356,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
 }
 //#endregion
 //#region src/components/NumberInput.tsx
-function Pi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step: i = 1, precision: a, suffix: o, disabled: s, id: c, className: l }) {
+function Ii({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step: i = 1, precision: a, suffix: o, disabled: s, id: c, className: l }) {
 	let { strings: u } = q(), d = Y(), f = p(null), m = a ?? String(i).split(".")[1]?.length ?? 0, h = (e) => Math.min(r, Math.max(n, e)), g = (e) => {
 		Number.isNaN(e) || t(Number(h(e).toFixed(m)));
 	};
@@ -5329,7 +5369,7 @@ function Pi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step
 				disabled: s || e <= n,
 				"aria-label": u.numberInputDecrease,
 				className: "touch-target flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg disabled:pointer-events-none disabled:opacity-30",
-				children: /* @__PURE__ */ U(me, { size: 16 })
+				children: /* @__PURE__ */ U(pe, { size: 16 })
 			}),
 			/* @__PURE__ */ U("input", {
 				ref: f,
@@ -5356,23 +5396,23 @@ function Pi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step
 				disabled: s || e >= r,
 				"aria-label": u.numberInputIncrease,
 				className: "touch-target flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg disabled:pointer-events-none disabled:opacity-30",
-				children: /* @__PURE__ */ U(B, { size: 16 })
+				children: /* @__PURE__ */ U(be, { size: 16 })
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/Pagination.tsx
-function Fi(e, t) {
+function Li(e, t) {
 	return Array.from({ length: Math.max(0, t - e + 1) }, (t, n) => e + n);
 }
-function Ii({ page: e, pageCount: t, onChange: n, siblings: r = 1, className: i }) {
+function Ri({ page: e, pageCount: t, onChange: n, siblings: r = 1, className: i }) {
 	let { strings: a } = q();
 	if (t <= 1) return null;
 	let o = Math.max(2, e - r), s = Math.min(t - 1, e + r), c = [
 		1,
 		...o > 2 ? ["gap"] : [],
-		...Fi(o, s),
+		...Li(o, s),
 		...s < t - 1 ? ["gap"] : [],
 		...t > 1 ? [t] : []
 	], l = (r) => n(Math.min(t, Math.max(1, e + r)));
@@ -5413,7 +5453,7 @@ function Ii({ page: e, pageCount: t, onChange: n, siblings: r = 1, className: i
 }
 //#endregion
 //#region src/components/Panel.tsx
-var Li = {
+var zi = {
 	neutral: "border-line bg-surface-1",
 	subtle: "border-line bg-surface-1/60",
 	accent: "border-accent/30 bg-accent/8",
@@ -5421,7 +5461,7 @@ var Li = {
 	warning: "border-warning/30 bg-warning/8",
 	danger: "border-danger/30 bg-danger/8",
 	secondary: "border-secondary/30 bg-secondary/8"
-}, Ri = {
+}, Bi = {
 	neutral: "text-fg",
 	subtle: "text-fg-2",
 	accent: "text-accent",
@@ -5430,16 +5470,16 @@ var Li = {
 	danger: "text-danger",
 	secondary: "text-secondary"
 };
-function zi({ title: e, description: t, tone: n = "neutral", action: r, onSurface: i, className: a, children: o, ...s }) {
+function Vi({ title: e, description: t, tone: n = "neutral", action: r, onSurface: i, className: a, children: o, ...s }) {
 	return /* @__PURE__ */ W("section", {
-		className: G("flex flex-col gap-2 rounded-xl border px-3.5 py-3", Li[n], i && "backdrop-blur-md", a),
+		className: G("flex flex-col gap-2 rounded-xl border px-3.5 py-3", zi[n], i && "backdrop-blur-md", a),
 		...s,
 		children: [(e || t || r) && /* @__PURE__ */ W("header", {
 			className: "flex items-start gap-2",
 			children: [/* @__PURE__ */ W("div", {
 				className: "min-w-0 flex-1 space-y-0.5",
 				children: [e && /* @__PURE__ */ U("h3", {
-					className: G("truncate text-base font-semibold", Ri[n]),
+					className: G("truncate text-base font-semibold", Bi[n]),
 					children: e
 				}), t && /* @__PURE__ */ U("p", {
 					className: "text-sm leading-snug text-fg-3",
@@ -5454,27 +5494,27 @@ function zi({ title: e, description: t, tone: n = "neutral", action: r, onSurfac
 }
 //#endregion
 //#region src/components/PartitionBar.tsx
-var Bi = {
+var Hi = {
 	accent: "var(--color-accent)",
 	info: "var(--color-info)",
 	secondary: "var(--color-secondary)",
 	warning: "var(--color-warning)",
 	danger: "var(--color-danger)",
 	neutral: "var(--color-fg-3)"
-}, Vi = {
+}, Ui = {
 	sm: "h-1.5",
 	md: "h-2.5",
 	lg: "h-3.5"
 };
-function Hi({ segments: e, total: t, format: n, labels: r = "below", minLabelShare: i = .12, size: a = "md", showRemainder: o, className: s, ...c }) {
-	let { strings: l } = q(), d = u(), f = e.reduce((e, t) => e + Math.max(0, t.value), 0), p = t ?? f, m = (e) => p > 0 ? Math.max(0, e) / p : 0, h = Math.max(0, p - f), g = e.some((e) => m(e.value) > 0 && m(e.value) < i), _ = r === "below" && g ? "legend" : r, v = (e) => n ? n(e.value, m(e.value)) : `${Math.round(m(e.value) * 100)}%`, y = (e) => e.color ?? Bi[e.tone ?? "neutral"];
+function Wi({ segments: e, total: t, format: n, labels: r = "below", minLabelShare: i = .12, size: a = "md", showRemainder: o, className: s, ...c }) {
+	let { strings: l } = q(), d = u(), f = e.reduce((e, t) => e + Math.max(0, t.value), 0), p = t ?? f, m = (e) => p > 0 ? Math.max(0, e) / p : 0, h = Math.max(0, p - f), g = e.some((e) => m(e.value) > 0 && m(e.value) < i), _ = r === "below" && g ? "legend" : r, v = (e) => n ? n(e.value, m(e.value)) : `${Math.round(m(e.value) * 100)}%`, y = (e) => e.color ?? Hi[e.tone ?? "neutral"];
 	return /* @__PURE__ */ W("div", {
 		className: G("w-full", s),
 		children: [
 			/* @__PURE__ */ W("div", {
 				role: "img",
 				"aria-label": c["aria-label"] ?? e.map((e) => `${typeof e.label == "string" ? e.label : e.id} ${v(e)}`).join(", "),
-				className: G("flex w-full items-stretch gap-1", Vi[a]),
+				className: G("flex w-full items-stretch gap-1", Ui[a]),
 				children: [e.map((e) => {
 					let t = m(e.value);
 					return t <= 0 ? null : /* @__PURE__ */ U("div", {
@@ -5552,13 +5592,13 @@ function Hi({ segments: e, total: t, format: n, labels: r = "below", minLabelSha
 }
 //#endregion
 //#region src/components/primitives.tsx
-function Ui({ children: e }) {
+function Gi({ children: e }) {
 	return /* @__PURE__ */ U("span", {
 		className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]",
 		children: e
 	});
 }
-var Wi = a(function({ ratio: e = 1, className: t, style: n, ...r }, i) {
+var Ki = a(function({ ratio: e = 1, className: t, style: n, ...r }, i) {
 	return /* @__PURE__ */ U("div", {
 		ref: i,
 		className: G("relative w-full overflow-hidden", t),
@@ -5569,10 +5609,10 @@ var Wi = a(function({ ratio: e = 1, className: t, style: n, ...r }, i) {
 		...r
 	});
 });
-Wi.displayName = "AspectRatio";
+Ki.displayName = "AspectRatio";
 //#endregion
 //#region src/components/Prose.tsx
-function Gi({ children: e, size: t = "md", className: n }) {
+function qi({ children: e, size: t = "md", className: n }) {
 	return /* @__PURE__ */ U("div", {
 		className: G(t === "sm" ? "text-sm" : "text-base", "leading-relaxed text-fg", n),
 		children: /* @__PURE__ */ U(Je, {
@@ -5627,7 +5667,7 @@ function Gi({ children: e, size: t = "md", className: n }) {
 					return !e && !n.includes("\n") ? /* @__PURE__ */ U("code", {
 						className: "rounded-md border border-line bg-fill px-1 py-0.5 font-mono text-[0.9em] text-fg-2",
 						children: n
-					}) : /* @__PURE__ */ U(Un, {
+					}) : /* @__PURE__ */ U(Gn, {
 						code: n,
 						label: e?.replace("language-", ""),
 						className: "my-3"
@@ -5665,10 +5705,10 @@ function Gi({ children: e, size: t = "md", className: n }) {
 }
 //#endregion
 //#region src/components/Radio.tsx
-var Ki = r(null);
-function qi({ value: e, onChange: t, disabled: n, orientation: r = "vertical", className: i, children: a, ...o }) {
+var Ji = r(null);
+function Yi({ value: e, onChange: t, disabled: n, orientation: r = "vertical", className: i, children: a, ...o }) {
 	let s = u();
-	return /* @__PURE__ */ U(Ki.Provider, {
+	return /* @__PURE__ */ U(Ji.Provider, {
 		value: {
 			name: s,
 			value: e,
@@ -5683,8 +5723,8 @@ function qi({ value: e, onChange: t, disabled: n, orientation: r = "vertical", c
 		})
 	});
 }
-function Ji({ value: e, label: t, description: n, disabled: r }) {
-	let i = c(Ki);
+function Xi({ value: e, label: t, description: n, disabled: r }) {
+	let i = c(Ji);
 	if (!i) throw Error("Radio must be used inside <RadioGroup>");
 	let a = i.value === e, o = r || i.disabled;
 	return /* @__PURE__ */ W("label", {
@@ -5718,7 +5758,7 @@ function Ji({ value: e, label: t, description: n, disabled: r }) {
 }
 //#endregion
 //#region src/components/Resizable.tsx
-function Yi({ panel: e, children: t, side: n = "left", defaultSize: r = 320, minSize: i = 200, maxSize: a = 640, storageKey: o, className: c }) {
+function Zi({ panel: e, children: t, side: n = "left", defaultSize: r = 320, minSize: i = 200, maxSize: a = 640, storageKey: o, className: c }) {
 	let { strings: u } = q(), [d, f] = m(() => {
 		if (!o || typeof localStorage > "u") return r;
 		try {
@@ -5783,7 +5823,7 @@ function Yi({ panel: e, children: t, side: n = "left", defaultSize: r = 320, min
 }
 //#endregion
 //#region src/components/SearchField.tsx
-var Xi = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i = "md", placeholder: a, className: o, ...s }, c) {
+var Qi = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i = "md", placeholder: a, className: o, ...s }, c) {
 	let { strings: l } = q(), u = p(null);
 	return /* @__PURE__ */ W("div", {
 		className: "relative",
@@ -5816,18 +5856,18 @@ var Xi = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i =
 				children: /* @__PURE__ */ U(V, { size: 14 })
 			}) : n ? /* @__PURE__ */ U("span", {
 				className: "absolute right-3 top-1/2 -translate-y-1/2",
-				children: /* @__PURE__ */ U(ir, { size: "sm" })
+				children: /* @__PURE__ */ U(or, { size: "sm" })
 			}) : r ? /* @__PURE__ */ U("span", {
 				className: "absolute right-2 top-1/2 hidden -translate-y-1/2 hoverable:block",
-				children: /* @__PURE__ */ U(lr, { children: r })
+				children: /* @__PURE__ */ U(dr, { children: r })
 			}) : null
 		]
 	});
 });
-Xi.displayName = "SearchField";
+Qi.displayName = "SearchField";
 //#endregion
 //#region src/components/Segmented.tsx
-function Zi({ options: e, value: t, onChange: n, size: r = "md", block: i, className: a, ...o }) {
+function $i({ options: e, value: t, onChange: n, size: r = "md", block: i, className: a, ...o }) {
 	let s = u();
 	return /* @__PURE__ */ U("div", {
 		role: "radiogroup",
@@ -5866,7 +5906,7 @@ function Zi({ options: e, value: t, onChange: n, size: r = "md", block: i, class
 }
 //#endregion
 //#region src/components/Select.tsx
-var Qi = a(function({ options: e, placeholder: t, className: n, id: r, value: i, defaultValue: a, ...o }, s) {
+var ea = a(function({ options: e, placeholder: t, className: n, id: r, value: i, defaultValue: a, ...o }, s) {
 	let c = Y(), l = (i ?? a ?? "") === "";
 	return /* @__PURE__ */ W("div", {
 		className: "relative",
@@ -5895,10 +5935,10 @@ var Qi = a(function({ options: e, placeholder: t, className: n, id: r, value: i,
 		})]
 	});
 });
-Qi.displayName = "Select";
+ea.displayName = "Select";
 //#endregion
 //#region src/components/SelectMenu.tsx
-function $i(e) {
+function ta(e) {
 	let { strings: t } = q(), { options: n, placeholder: r, triggerIcon: i = !0, disabled: a, id: o, className: c, menuClassName: d } = e, h = e.multiple === !0, g = Y(), _ = u(), [v, y] = m(!1), [b, x] = m(0), S = p(null), C = p({
 		query: "",
 		at: 0
@@ -5968,10 +6008,10 @@ function $i(e) {
 			}
 		}
 	}, A = n.filter((e) => w.includes(e.value)), ee = h ? e.maxLabels ?? 2 : 1, j = A.length === 0 ? r ?? t.selectMenuPlaceholder : h && A.length > ee ? t.selectMenuSelected(A.length) : A.map((e) => e.label).join(", "), te = -1;
-	return /* @__PURE__ */ W(Yn, {
+	return /* @__PURE__ */ W(Zn, {
 		open: v,
 		onOpenChange: y,
-		children: [/* @__PURE__ */ U(Xn, { children: /* @__PURE__ */ W("button", {
+		children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
 			type: "button",
 			id: o ?? g?.id,
 			role: "combobox",
@@ -6008,7 +6048,7 @@ function $i(e) {
 					className: G("shrink-0 text-fg-3 transition-transform motion-instant", v && "rotate-180")
 				})
 			]
-		}) }), /* @__PURE__ */ U($n, {
+		}) }), /* @__PURE__ */ U(tr, {
 			matchWidth: !0,
 			className: G("p-0", d),
 			children: /* @__PURE__ */ W("div", {
@@ -6068,7 +6108,7 @@ function $i(e) {
 }
 //#endregion
 //#region src/components/Slider.tsx
-var ea = a(function({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, showValue: a, className: o, id: s, style: c, ...l }, u) {
+var na = a(function({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, showValue: a, className: o, id: s, style: c, ...l }, u) {
 	let d = Y(), f = (e - n) / (r - n) * 100, p = typeof a == "function" ? a(e) : a ? String(e) : null;
 	return /* @__PURE__ */ W("div", {
 		className: G("flex items-center gap-3", o),
@@ -6094,10 +6134,10 @@ var ea = a(function({ value: e, onChange: t, min: n = 0, max: r = 100, step: i =
 		})]
 	});
 });
-ea.displayName = "Slider";
+na.displayName = "Slider";
 //#endregion
 //#region src/components/StatTile.tsx
-function ta({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", icon: a, highlight: o, className: s }) {
+function ra({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", icon: a, highlight: o, className: s }) {
 	let c = r ? r.direction === i : void 0;
 	return /* @__PURE__ */ W("div", {
 		className: G("rounded-xl border px-3.5 py-3", o ? "border-accent/30 bg-accent/8" : "border-line bg-surface-1", s),
@@ -6126,14 +6166,14 @@ function ta({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", ico
 				className: "mt-1 truncate text-2xl font-semibold tabular-nums text-fg",
 				children: t
 			}),
-			n && /* @__PURE__ */ U("p", {
+			n && /* @__PURE__ */ U("div", {
 				className: "mt-0.5 truncate text-sm text-fg-3",
 				children: n
 			})
 		]
 	});
 }
-function na({ items: e, layout: t = "inline", className: n }) {
+function ia({ items: e, layout: t = "inline", className: n }) {
 	return /* @__PURE__ */ U("dl", {
 		className: G("divide-y divide-line", n),
 		children: e.map((e, n) => /* @__PURE__ */ W("div", {
@@ -6150,7 +6190,7 @@ function na({ items: e, layout: t = "inline", className: n }) {
 }
 //#endregion
 //#region src/components/Stepper.tsx
-function ra({ steps: e, current: t, onStepClick: n, variant: r = "bar", className: i }) {
+function aa({ steps: e, current: t, onStepClick: n, variant: r = "bar", className: i }) {
 	let { strings: a } = q(), o = Math.max(0, Math.min(t, e.length - 1));
 	return r === "dots" ? /* @__PURE__ */ U("div", {
 		className: G("flex items-center gap-1.5", i),
@@ -6220,7 +6260,7 @@ function ra({ steps: e, current: t, onStepClick: n, variant: r = "bar", classNam
 }
 //#endregion
 //#region src/components/Switch.tsx
-function ia({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a }) {
+function oa({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a }) {
 	let o = Y();
 	return /* @__PURE__ */ U("button", {
 		type: "button",
@@ -6234,15 +6274,16 @@ function ia({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a })
 		className: G("relative inline-flex h-6 w-11 shrink-0 items-center rounded-full p-0.5", "transition-colors motion-quick", e ? "bg-accent" : "bg-fill-3 hover:bg-line-3", n && "cursor-not-allowed opacity-40", i),
 		children: /* @__PURE__ */ U(y.span, {
 			"aria-hidden": "true",
-			layout: !0,
+			initial: !1,
+			animate: { x: e ? 20 : 0 },
 			transition: K.snap,
-			className: G("block h-5 w-5 rounded-full bg-knob shadow-sm ring-1 ring-inset ring-black/5", e && "ml-auto")
+			className: "block h-5 w-5 rounded-full bg-knob shadow-sm ring-1 ring-inset ring-black/5"
 		})
 	});
 }
 //#endregion
 //#region src/components/Table.tsx
-function aa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowClick: a, empty: o, caption: s, className: c }) {
+function sa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowClick: a, empty: o, caption: s, className: c }) {
 	let { strings: l } = q(), u = (e) => {
 		i && i({
 			key: e,
@@ -6251,7 +6292,7 @@ function aa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowCli
 	};
 	return /* @__PURE__ */ U("div", {
 		className: G("overflow-hidden rounded-xl border border-line", c),
-		children: /* @__PURE__ */ U(Hn, {
+		children: /* @__PURE__ */ U(Wn, {
 			axis: "x",
 			bar: !0,
 			children: /* @__PURE__ */ W("table", {
@@ -6303,15 +6344,15 @@ function aa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowCli
 }
 //#endregion
 //#region src/components/Tabs.tsx
-var oa = r(null);
-function sa() {
-	let e = c(oa);
+var ca = r(null);
+function la() {
+	let e = c(ca);
 	if (!e) throw Error("Tabs parts must be used inside <Tabs>");
 	return e;
 }
-function ca({ value: e, onChange: t, className: n, children: r }) {
+function ua({ value: e, onChange: t, className: n, children: r }) {
 	let i = u();
-	return /* @__PURE__ */ U(oa.Provider, {
+	return /* @__PURE__ */ U(ca.Provider, {
 		value: {
 			value: e,
 			onChange: t,
@@ -6323,7 +6364,7 @@ function ca({ value: e, onChange: t, className: n, children: r }) {
 		})
 	});
 }
-function la({ children: e, className: t, "aria-label": n }) {
+function da({ children: e, className: t, "aria-label": n }) {
 	return /* @__PURE__ */ U("div", {
 		role: "tablist",
 		"aria-label": n,
@@ -6340,8 +6381,8 @@ function la({ children: e, className: t, "aria-label": n }) {
 		children: e
 	});
 }
-function ua({ value: e, icon: t, count: n, children: r }) {
-	let i = sa(), a = i.value === e;
+function fa({ value: e, icon: t, count: n, children: r }) {
+	let i = la(), a = i.value === e;
 	return /* @__PURE__ */ W("button", {
 		type: "button",
 		role: "tab",
@@ -6366,8 +6407,8 @@ function ua({ value: e, icon: t, count: n, children: r }) {
 		]
 	});
 }
-function da({ value: e, className: t, children: n }) {
-	let r = sa();
+function pa({ value: e, className: t, children: n }) {
+	let r = la();
 	return r.value === e ? /* @__PURE__ */ U("div", {
 		role: "tabpanel",
 		id: `${r.id}-panel-${e}`,
@@ -6379,7 +6420,7 @@ function da({ value: e, className: t, children: n }) {
 }
 //#endregion
 //#region src/components/TagInput.tsx
-function fa({ value: e, onChange: t, placeholder: n, max: r, separators: i = [","], disabled: a, id: o, className: s }) {
+function ma({ value: e, onChange: t, placeholder: n, max: r, separators: i = [","], disabled: a, id: o, className: s }) {
 	let { strings: c } = q(), l = Y(), u = p(null), [d, f] = m(""), h = (n) => {
 		let i = n.trim();
 		if (!i || e.includes(i)) return f("");
@@ -6421,7 +6462,7 @@ function fa({ value: e, onChange: t, placeholder: n, max: r, separators: i = [",
 }
 //#endregion
 //#region src/components/Text.tsx
-var pa = {
+var ha = {
 	hero: "text-5xl font-bold leading-[1.05] tracking-[-0.03em] text-fg @3xl:text-6xl",
 	display: "text-4xl font-bold leading-[1.1] tracking-tight text-fg",
 	page: "text-3xl font-bold tracking-tight text-fg",
@@ -6432,7 +6473,7 @@ var pa = {
 	label: "text-sm font-medium text-fg-2",
 	hint: "text-sm text-fg-3",
 	caption: "text-2xs text-fg-3"
-}, ma = {
+}, ga = {
 	hero: "h1",
 	display: "h1",
 	page: "h1",
@@ -6444,15 +6485,15 @@ var pa = {
 	hint: "p",
 	caption: "span"
 };
-function ha({ variant: e = "body", as: t, className: n, ...r }) {
-	return i(t ?? ma[e], {
-		className: G(pa[e], n),
+function _a({ variant: e = "body", as: t, className: n, ...r }) {
+	return i(t ?? ga[e], {
+		className: G(ha[e], n),
 		...r
 	});
 }
 //#endregion
 //#region src/lib/color.ts
-function ga(e) {
+function va(e) {
 	let t = e.trim().replace(/^#/, ""), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t;
 	return /^[0-9a-f]{6}$/i.test(n) ? {
 		r: parseInt(n.slice(0, 2), 16),
@@ -6460,16 +6501,16 @@ function ga(e) {
 		b: parseInt(n.slice(4, 6), 16)
 	} : null;
 }
-function _a(e) {
-	let t = ga(e);
+function ya(e) {
+	let t = va(e);
 	return t ? `#${[
 		t.r,
 		t.g,
 		t.b
 	].map((e) => e.toString(16).padStart(2, "0")).join("")}` : null;
 }
-function va(e) {
-	let t = ga(e);
+function ba(e) {
+	let t = va(e);
 	if (!t) return 0;
 	let n = (e) => {
 		let t = e / 255;
@@ -6477,18 +6518,18 @@ function va(e) {
 	};
 	return .2126 * n(t.r) + .7152 * n(t.g) + .0722 * n(t.b);
 }
-function ya(e, t) {
-	let n = va(e), r = va(t);
+function xa(e, t) {
+	let n = ba(e), r = ba(t);
 	return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
 }
-function ba(e) {
-	return va(e) > .4;
+function Sa(e) {
+	return ba(e) > .4;
 }
-function xa(e) {
-	return ya(e, "#ffffff") >= ya(e, "#000000") ? "#ffffff" : "#0a0a0a";
+function Ca(e) {
+	return xa(e, "#ffffff") >= xa(e, "#000000") ? "#ffffff" : "#0a0a0a";
 }
-function Sa(e, t, n) {
-	let r = ga(e), i = ga(t);
+function wa(e, t, n) {
+	let r = va(e), i = va(t);
 	if (!r || !i) return e;
 	let a = Math.min(1, Math.max(0, n)), o = (e, t) => Math.round(e + (t - e) * a);
 	return `#${[
@@ -6499,7 +6540,7 @@ function Sa(e, t, n) {
 }
 //#endregion
 //#region src/theme/theme.ts
-var Ca = {
+var Ta = {
 	sharp: {
 		sm: "2px",
 		md: "3px",
@@ -6521,21 +6562,21 @@ var Ca = {
 		xl: "18px",
 		"2xl": "24px"
 	}
-}, wa = {
+}, Ea = {
 	fg2: 72,
 	fg3: 50,
 	fg4: 34
-}, Ta = {
+}, Da = {
 	fill: 5,
 	fill2: 8,
 	fill3: 12
-}, Ea = {
+}, Oa = {
 	line: 10,
 	line2: 16,
 	line3: 26
 };
-function Da(e) {
-	let { surface: t, fg: n, accent: r, danger: i, warning: a, info: o, secondary: s, nav: c } = e.colors, l = ba(t), u = l ? Sa(t, "#ffffff", .6) : Sa(t, "#ffffff", .075), d = l ? "#ffffff" : Sa(t, "#ffffff", .13), f = l ? .12 : .45, p = (e, t) => `color-mix(in oklab, ${e} ${t}%, transparent)`;
+function ka(e) {
+	let { surface: t, fg: n, accent: r, danger: i, warning: a, info: o, secondary: s, nav: c } = e.colors, l = Sa(t), u = l ? wa(t, "#ffffff", .6) : wa(t, "#ffffff", .075), d = l ? "#ffffff" : wa(t, "#ffffff", .13), f = l ? .12 : .45, p = (e, t) => `color-mix(in oklab, ${e} ${t}%, transparent)`;
 	return {
 		"--color-surface": t,
 		"--color-surface-1": u,
@@ -6543,36 +6584,36 @@ function Da(e) {
 		"--color-surface-el": u,
 		"--color-nav": c ?? u,
 		"--color-fg": n,
-		"--color-fg-2": p(n, wa.fg2),
-		"--color-fg-3": p(n, wa.fg3),
-		"--color-fg-4": p(n, wa.fg4),
-		"--color-fill": p(n, Ta.fill),
-		"--color-fill-2": p(n, Ta.fill2),
-		"--color-fill-3": p(n, Ta.fill3),
-		"--color-line": p(n, Ea.line),
-		"--color-line-2": p(n, Ea.line2),
-		"--color-line-3": p(n, Ea.line3),
+		"--color-fg-2": p(n, Ea.fg2),
+		"--color-fg-3": p(n, Ea.fg3),
+		"--color-fg-4": p(n, Ea.fg4),
+		"--color-fill": p(n, Da.fill),
+		"--color-fill-2": p(n, Da.fill2),
+		"--color-fill-3": p(n, Da.fill3),
+		"--color-line": p(n, Oa.line),
+		"--color-line-2": p(n, Oa.line2),
+		"--color-line-3": p(n, Oa.line3),
 		"--color-accent": r,
 		"--color-danger": i,
 		"--color-warning": a,
 		"--color-info": o,
 		"--color-secondary": s,
-		"--color-on-accent": xa(r),
+		"--color-on-accent": Ca(r),
 		"--color-knob": l ? "#ffffff" : n,
 		"--edge-light": l ? "rgb(255 255 255 / 0.9)" : "rgb(255 255 255 / 0.08)",
 		"--edge-dark": l ? "rgb(0 0 0 / 0.16)" : "rgb(0 0 0 / 0.55)",
 		"--edge-ambient": l ? "rgb(0 0 0 / 0.08)" : "rgb(0 0 0 / 0.35)",
 		"--shadow-raised": `0 8px 24px rgb(0 0 0 / ${f})`,
 		"--shadow-sheet": `0 -12px 40px rgb(0 0 0 / ${f + .1})`,
-		...Object.fromEntries(Object.entries(Ca[e.radius ?? "default"]).map(([e, t]) => [`--radius-${e}`, t]))
+		...Object.fromEntries(Object.entries(Ta[e.radius ?? "default"]).map(([e, t]) => [`--radius-${e}`, t]))
 	};
 }
-function Oa(e, t = document.documentElement) {
-	let n = Da(e);
+function Aa(e, t = document.documentElement) {
+	let n = ka(e);
 	for (let [e, r] of Object.entries(n)) t.style.setProperty(e, r);
-	t.style.colorScheme = ba(e.colors.surface) ? "light" : "dark", t.dataset.theme = ba(e.colors.surface) ? "light" : "dark", t.dataset.density = e.density ?? "default";
+	t.style.colorScheme = Sa(e.colors.surface) ? "light" : "dark", t.dataset.theme = Sa(e.colors.surface) ? "light" : "dark", t.dataset.density = e.density ?? "default";
 }
-var ka = [
+var ja = [
 	{
 		id: "midnight",
 		name: "Midnight",
@@ -6651,29 +6692,29 @@ var ka = [
 			secondary: "#e879f9"
 		}
 	}
-], Aa = ka[0], ja = "crisp.theme", Ma = r(null);
-function Na() {
-	let e = c(Ma);
+], Ma = ja[0], Na = "crisp.theme", Pa = r(null);
+function Fa() {
+	let e = c(Pa);
 	if (!e) throw Error("useTheme must be used inside <ThemeProvider>");
 	return e;
 }
-function Pa() {
-	if (typeof localStorage > "u") return Aa;
+function Ia() {
+	if (typeof localStorage > "u") return Ma;
 	try {
-		let e = localStorage.getItem(ja);
-		if (!e) return Aa;
+		let e = localStorage.getItem(Na);
+		if (!e) return Ma;
 		let t = JSON.parse(e);
-		return !t?.colors?.surface || !t.colors.fg ? Aa : t;
+		return !t?.colors?.surface || !t.colors.fg ? Ma : t;
 	} catch {
-		return Aa;
+		return Ma;
 	}
 }
-function Fa({ children: e, initial: t }) {
-	let [n, r] = m(() => t ?? Pa());
-	m(() => (typeof document < "u" && Oa(t ?? Pa()), null)), l(() => {
-		Oa(n);
+function La({ children: e, initial: t }) {
+	let [n, r] = m(() => t ?? Ia());
+	m(() => (typeof document < "u" && Aa(t ?? Ia()), null)), l(() => {
+		Aa(n);
 		try {
-			localStorage.setItem(ja, JSON.stringify(n));
+			localStorage.setItem(Na, JSON.stringify(n));
 		} catch {}
 	}, [n]);
 	let i = s((e, t) => {
@@ -6698,12 +6739,12 @@ function Fa({ children: e, initial: t }) {
 		}));
 	}, []), c = f(() => ({
 		theme: n,
-		presets: ka,
+		presets: ja,
 		setTheme: r,
 		setColor: i,
 		setRadius: a,
 		setDensity: o,
-		reset: () => r(Aa),
+		reset: () => r(Ma),
 		isCustom: n.id === "custom"
 	}), [
 		n,
@@ -6711,14 +6752,14 @@ function Fa({ children: e, initial: t }) {
 		a,
 		o
 	]);
-	return /* @__PURE__ */ U(Ma.Provider, {
+	return /* @__PURE__ */ U(Pa.Provider, {
 		value: c,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/ThemeEditor.tsx
-var Ia = (e) => [
+var Ra = (e) => [
 	{
 		key: "surface",
 		label: e.themeEditorSurface,
@@ -6754,7 +6795,7 @@ var Ia = (e) => [
 		label: e.themeEditorSecondary,
 		hint: e.themeEditorSecondaryHint
 	}
-], La = [
+], za = [
 	{
 		var: "--color-surface-1",
 		label: "surface-1"
@@ -6804,9 +6845,9 @@ var Ia = (e) => [
 		label: "on-accent"
 	}
 ];
-function Ra({ ratio: e, need: t = 4.5, label: n }) {
+function Ba({ ratio: e, need: t = 4.5, label: n }) {
 	let { strings: r } = q(), i = e >= t;
-	return /* @__PURE__ */ U(jt, {
+	return /* @__PURE__ */ U(Nt, {
 		content: r.themeEditorContrast(n, e.toFixed(2), t),
 		children: /* @__PURE__ */ W("span", {
 			className: G("inline-flex h-6 items-center gap-1 rounded-full border px-2 text-2xs font-medium tabular-nums", i ? "border-accent/25 bg-accent/12 text-accent" : "border-danger/25 bg-danger/12 text-danger"),
@@ -6819,13 +6860,13 @@ function Ra({ ratio: e, need: t = 4.5, label: n }) {
 		})
 	});
 }
-function za({ className: e }) {
-	let { strings: t } = q(), { theme: n, presets: r, setTheme: i, setColor: a, setRadius: o, setDensity: s, reset: c, isCustom: l } = Na(), { surface: u, fg: d, accent: p } = n.colors, m = f(() => {
-		let e = ya(d, u);
+function Va({ className: e }) {
+	let { strings: t } = q(), { theme: n, presets: r, setTheme: i, setColor: a, setRadius: o, setDensity: s, reset: c, isCustom: l } = Fa(), { surface: u, fg: d, accent: p } = n.colors, m = f(() => {
+		let e = xa(d, u);
 		return {
 			body: e,
 			muted: (e + 1) / 2,
-			accent: ya(p, u)
+			accent: xa(p, u)
 		};
 	}, [
 		d,
@@ -6838,7 +6879,7 @@ function za({ className: e }) {
 			/* @__PURE__ */ W("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ U(Zi, {
+					/* @__PURE__ */ U($i, {
 						"aria-label": t.themeEditorPreset,
 						size: "sm",
 						value: l ? "custom" : n.id,
@@ -6855,7 +6896,7 @@ function za({ className: e }) {
 						}] : []]
 					}),
 					/* @__PURE__ */ U("span", { className: "flex-1" }),
-					/* @__PURE__ */ U(Zi, {
+					/* @__PURE__ */ U($i, {
 						"aria-label": t.themeEditorDensity,
 						size: "sm",
 						value: n.density ?? "default",
@@ -6868,7 +6909,7 @@ function za({ className: e }) {
 							label: t.themeEditorDensityCompact
 						}]
 					}),
-					/* @__PURE__ */ U(Zi, {
+					/* @__PURE__ */ U($i, {
 						"aria-label": t.themeEditorRadius,
 						size: "sm",
 						value: n.radius ?? "default",
@@ -6899,7 +6940,7 @@ function za({ className: e }) {
 			}),
 			/* @__PURE__ */ U("div", {
 				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
-				children: Ia(t).map((e) => /* @__PURE__ */ W("div", {
+				children: Ra(t).map((e) => /* @__PURE__ */ W("div", {
 					className: "space-y-1.5",
 					children: [
 						/* @__PURE__ */ W("div", {
@@ -6912,7 +6953,7 @@ function za({ className: e }) {
 								children: n.colors[e.key]
 							})]
 						}),
-						/* @__PURE__ */ U(nr, {
+						/* @__PURE__ */ U(ir, {
 							value: n.colors[e.key] ?? "#000000",
 							onChange: (t) => a(e.key, t),
 							className: "w-full"
@@ -6927,16 +6968,16 @@ function za({ className: e }) {
 			/* @__PURE__ */ W("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ U(Ra, {
+					/* @__PURE__ */ U(Ba, {
 						ratio: m.body,
 						label: t.themeEditorBody
 					}),
-					/* @__PURE__ */ U(Ra, {
+					/* @__PURE__ */ U(Ba, {
 						ratio: m.muted,
 						need: 4.5,
 						label: t.themeEditorMuted
 					}),
-					/* @__PURE__ */ U(Ra, {
+					/* @__PURE__ */ U(Ba, {
 						ratio: m.accent,
 						need: 3,
 						label: t.themeEditorAccent
@@ -6956,7 +6997,7 @@ function za({ className: e }) {
 					}),
 					/* @__PURE__ */ U("div", {
 						className: "flex flex-wrap gap-2 pt-1",
-						children: La.map((e) => /* @__PURE__ */ W("div", {
+						children: za.map((e) => /* @__PURE__ */ W("div", {
 							className: "flex items-center gap-2 rounded-lg border border-line bg-fill px-2 py-1.5",
 							children: [/* @__PURE__ */ U("span", {
 								className: "h-5 w-5 shrink-0 rounded-md ring-1 ring-inset ring-line-2",
@@ -6974,7 +7015,7 @@ function za({ className: e }) {
 }
 //#endregion
 //#region src/components/Timeline.tsx
-var Ba = {
+var Ha = {
 	neutral: "border-line-3 bg-fill-2 text-fg-3",
 	accent: "border-accent/45 bg-accent/18 text-accent",
 	info: "border-info/40 bg-info/15 text-info",
@@ -6982,7 +7023,7 @@ var Ba = {
 	danger: "border-danger/40 bg-danger/15 text-danger",
 	secondary: "border-secondary/40 bg-secondary/15 text-secondary"
 };
-function Va({ items: e, className: t }) {
+function Ua({ items: e, className: t }) {
 	return /* @__PURE__ */ U("ol", {
 		className: G("relative", t),
 		children: e.map((t, n) => /* @__PURE__ */ W("li", {
@@ -6993,7 +7034,7 @@ function Va({ items: e, className: t }) {
 					className: "absolute left-3.5 top-8 h-[calc(100%-2rem)] w-px bg-line"
 				}),
 				/* @__PURE__ */ W("span", {
-					className: G("relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border", Ba[t.tone ?? "neutral"]),
+					className: G("relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border", Ha[t.tone ?? "neutral"]),
 					children: [t.active && /* @__PURE__ */ U("span", {
 						"aria-hidden": "true",
 						className: "absolute inset-0 animate-ping rounded-full bg-current opacity-25 motion-reduce:hidden"
@@ -7021,7 +7062,7 @@ function Va({ items: e, className: t }) {
 }
 //#endregion
 //#region src/components/TitleBar.tsx
-function Ha({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onClose: i, children: a, className: o }) {
+function Wa({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onClose: i, children: a, className: o }) {
 	let { strings: s } = q(), c = t === "macos";
 	return /* @__PURE__ */ W("div", {
 		"data-tauri-drag-region": !0,
@@ -7044,7 +7085,7 @@ function Ha({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onC
 						onClick: n,
 						"aria-label": s.titleBarMinimize,
 						className: "flex h-9 w-11 items-center justify-center text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg",
-						children: /* @__PURE__ */ U(me, { size: 14 })
+						children: /* @__PURE__ */ U(pe, { size: 14 })
 					}),
 					r && /* @__PURE__ */ U("button", {
 						type: "button",
@@ -7067,8 +7108,8 @@ function Ha({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onC
 }
 //#endregion
 //#region src/components/Toast.tsx
-var Ua = {
-	info: /* @__PURE__ */ U(z, {
+var Ga = {
+	info: /* @__PURE__ */ U(ue, {
 		size: 16,
 		className: "text-info"
 	}),
@@ -7084,24 +7125,24 @@ var Ua = {
 		size: 16,
 		className: "text-danger"
 	})
-}, Wa = {
+}, Ka = {
 	info: "bg-info",
 	success: "bg-accent",
 	warning: "bg-warning",
 	error: "bg-danger"
-}, Ga = "pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden rounded-xl border border-line bg-surface-2 py-3 pl-4 pr-3 shadow-raised";
-function Ka({ tone: e, title: t, description: n, action: r, secondary: i, onDismiss: a }) {
+}, qa = "pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden rounded-xl border border-line bg-surface-2 py-3 pl-4 pr-3 shadow-raised";
+function Ja({ tone: e, title: t, description: n, action: r, secondary: i, onDismiss: a }) {
 	let { strings: o } = q(), s = (e) => (t) => {
 		t.preventDefault(), t.stopPropagation(), e(), a();
 	};
 	return /* @__PURE__ */ W(H, { children: [
 		/* @__PURE__ */ U("span", {
 			"aria-hidden": "true",
-			className: G("absolute inset-y-0 left-0 w-0.5", Wa[e])
+			className: G("absolute inset-y-0 left-0 w-0.5", Ka[e])
 		}),
 		/* @__PURE__ */ U("span", {
 			className: "mt-0.5 shrink-0",
-			children: Ua[e]
+			children: Ga[e]
 		}),
 		/* @__PURE__ */ W("div", {
 			className: "min-w-0 flex-1",
@@ -7144,10 +7185,10 @@ function Ka({ tone: e, title: t, description: n, action: r, secondary: i, onDism
 		})
 	] });
 }
-function qa(e, t, n, r) {
+function Ya(e, t, n, r) {
 	return Ze.custom((i) => /* @__PURE__ */ U("div", {
-		className: Ga,
-		children: /* @__PURE__ */ U(Ka, {
+		className: qa,
+		children: /* @__PURE__ */ U(Ja, {
 			tone: e,
 			title: t,
 			description: n,
@@ -7160,16 +7201,16 @@ function qa(e, t, n, r) {
 		id: r?.id
 	});
 }
-function Ja({ id: e, title: t, description: n, progress: r, duration: i }) {
+function Xa({ id: e, title: t, description: n, progress: r, duration: i }) {
 	let a = r === void 0 ? void 0 : Math.round(Math.min(1, Math.max(0, r)) * 100);
 	return Ze.custom(() => /* @__PURE__ */ W("div", {
-		className: G(Ga, "items-center"),
+		className: G(qa, "items-center"),
 		children: [
 			/* @__PURE__ */ U("span", {
 				"aria-hidden": "true",
 				className: "absolute inset-y-0 left-0 w-0.5 bg-accent"
 			}),
-			/* @__PURE__ */ U(fe, {
+			/* @__PURE__ */ U(B, {
 				size: 16,
 				className: "shrink-0 animate-spin text-fg-3"
 			}),
@@ -7212,16 +7253,16 @@ function Ja({ id: e, title: t, description: n, progress: r, duration: i }) {
 		id: e
 	});
 }
-var Ya = {
-	info: (e, t, n) => qa("info", e, t, n),
-	success: (e, t, n) => qa("success", e, t, n),
-	warning: (e, t, n) => qa("warning", e, t, n),
-	error: (e, t, n) => qa("error", e, t, n),
-	progress: Ja,
+var Za = {
+	info: (e, t, n) => Ya("info", e, t, n),
+	success: (e, t, n) => Ya("success", e, t, n),
+	warning: (e, t, n) => Ya("warning", e, t, n),
+	error: (e, t, n) => Ya("error", e, t, n),
+	progress: Xa,
 	dismiss: (e) => Ze.dismiss(e),
 	isVisible: (e) => Ze.getToasts().some((t) => t.id === e)
 };
-function Xa({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
+function Qa({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
 	return /* @__PURE__ */ U(Xe, {
 		position: e,
 		gap: 8,
@@ -7242,7 +7283,7 @@ function Xa({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
 }
 //#endregion
 //#region src/components/ToggleGroup.tsx
-function Za({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", className: a, ...o }) {
+function $a({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", className: a, ...o }) {
 	let s = (e) => {
 		if (e.disabled) return;
 		let i = t.includes(e.value);
@@ -7273,7 +7314,7 @@ function Za({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", cla
 }
 //#endregion
 //#region src/components/Toolbar.tsx
-function Qa({ variant: e = "bar", className: t, children: n, ...r }) {
+function eo({ variant: e = "bar", className: t, children: n, ...r }) {
 	return /* @__PURE__ */ U("div", {
 		role: "toolbar",
 		"aria-label": r["aria-label"],
@@ -7287,13 +7328,13 @@ function Qa({ variant: e = "bar", className: t, children: n, ...r }) {
 		children: n
 	});
 }
-function $a() {
+function to() {
 	return /* @__PURE__ */ U("span", {
 		"aria-hidden": "true",
 		className: "mx-1 h-5 w-px shrink-0 bg-line"
 	});
 }
-function eo({ children: e, className: t }) {
+function no({ children: e, className: t }) {
 	return /* @__PURE__ */ U("div", {
 		className: G("flex items-center gap-0.5", t),
 		children: e
@@ -7301,8 +7342,8 @@ function eo({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/Tour.tsx
-var to = 8;
-function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
+var ro = 8;
+function io({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 	let { strings: a } = q(), [o, c] = m(0), [u, f] = m(null), p = e[o];
 	l(() => {
 		t && c(0);
@@ -7346,7 +7387,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 		left: "50%",
 		transform: "translate(-50%, -50%)"
 	};
-	return qe(/* @__PURE__ */ U(g, { children: t && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(y.div, {
+	return typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: t && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(y.div, {
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
@@ -7357,8 +7398,8 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 			layout: !0,
 			transition: K.surface,
 			style: {
-				top: u.top - to,
-				left: u.left - to,
+				top: u.top - ro,
+				left: u.left - ro,
 				width: u.width + 16,
 				height: u.height + 16
 			},
@@ -7403,7 +7444,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 			/* @__PURE__ */ W("div", {
 				className: "mt-4 flex items-center gap-3",
 				children: [
-					/* @__PURE__ */ U(ra, {
+					/* @__PURE__ */ U(aa, {
 						steps: e.map((e, t) => ({
 							id: String(t),
 							label: String(e.title)
@@ -7431,7 +7472,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 }
 //#endregion
 //#region src/components/Tree.tsx
-function ro({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], className: i }) {
+function ao({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], className: i }) {
 	let { strings: a } = q(), [o, s] = m(() => new Set(r)), c = (e) => s((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -7489,7 +7530,7 @@ function ro({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], cla
 }
 //#endregion
 //#region src/components/VirtualList.tsx
-function io({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, itemKey: i, className: a }) {
+function oo({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, itemKey: i, className: a }) {
 	let o = p(null), s = Qe({
 		count: e.length,
 		getScrollElement: () => o.current,
@@ -7523,7 +7564,7 @@ function io({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, item
 }
 //#endregion
 //#region src/components/WindowControls.tsx
-var ao = [
+var so = [
 	{
 		dir: "North",
 		className: "left-2 right-2 top-0 h-1 cursor-n-resize"
@@ -7557,8 +7598,8 @@ var ao = [
 		className: "bottom-0 right-0 h-2.5 w-2.5 cursor-se-resize"
 	}
 ];
-function oo({ onResizeStart: e, disabled: t }) {
-	return t ? null : /* @__PURE__ */ U(H, { children: ao.map(({ dir: t, className: n }) => /* @__PURE__ */ U("div", {
+function co({ onResizeStart: e, disabled: t }) {
+	return t ? null : /* @__PURE__ */ U(H, { children: so.map(({ dir: t, className: n }) => /* @__PURE__ */ U("div", {
 		"aria-hidden": "true",
 		"data-tauri-drag-region": "false",
 		onPointerDown: (n) => {
@@ -7569,7 +7610,7 @@ function oo({ onResizeStart: e, disabled: t }) {
 }
 //#endregion
 //#region src/components/ActionBar.tsx
-function so({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pinned: a, className: o }) {
+function lo({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pinned: a, className: o }) {
 	let { strings: s } = q(), c = Ot(), l = a ?? c;
 	return /* @__PURE__ */ W("div", {
 		className: G("flex items-center gap-2", l ? "sticky bottom-0 z-20 border-t border-line bg-surface/90 px-4 pt-3 pb-[calc(var(--safe-bottom,0px)+0.75rem)] backdrop-blur-md" : "pt-8", o),
@@ -7589,7 +7630,7 @@ function so({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pin
 }
 //#endregion
 //#region src/components/ChoiceCard.tsx
-var co = a(function({ selected: e, title: t, description: n, icon: r, meta: i, indicator: a = "radio", children: o, layout: s = "row", className: c, type: l = "button", ...u }, d) {
+var uo = a(function({ selected: e, title: t, description: n, icon: r, meta: i, indicator: a = "radio", children: o, layout: s = "row", className: c, type: l = "button", ...u }, d) {
 	let f = a === "none" ? null : /* @__PURE__ */ U("span", {
 		"aria-hidden": "true",
 		className: G("flex h-5 w-5 shrink-0 items-center justify-center border transition-colors motion-instant", a === "radio" ? "rounded-full" : "rounded-md", e ? "border-accent bg-accent text-on-accent" : "border-line-3"),
@@ -7639,10 +7680,10 @@ var co = a(function({ selected: e, title: t, description: n, icon: r, meta: i, i
 		})]
 	});
 });
-co.displayName = "ChoiceCard";
+uo.displayName = "ChoiceCard";
 //#endregion
 //#region src/components/Shelf.tsx
-function lo({ children: e, itemClassName: t = "w-40", bleed: n = !0, className: r, ...i }) {
+function fo({ children: e, itemClassName: t = "w-40", bleed: n = !0, className: r, ...i }) {
 	let { strings: a } = q(), o = p(null), [s, c] = m({
 		start: !1,
 		end: !1
@@ -7704,7 +7745,7 @@ function lo({ children: e, itemClassName: t = "w-40", bleed: n = !0, className:
 }
 //#endregion
 //#region src/components/Wizard.tsx
-function uo(e, t = 0) {
+function po(e, t = 0) {
 	let [n, r] = m(t), i = (t) => Math.max(0, Math.min(e.length - 1, t));
 	return {
 		index: n,
@@ -7716,11 +7757,11 @@ function uo(e, t = 0) {
 		goTo: (e) => r(i(e))
 	};
 }
-function fo({ steps: e, index: t, onStepClick: n, title: r, description: i, progress: a = "bar", className: o, children: s }) {
+function mo({ steps: e, index: t, onStepClick: n, title: r, description: i, progress: a = "bar", className: o, children: s }) {
 	let c = C(), [l, u] = m(t), d = t >= l ? 1 : -1;
 	return l !== t && u(t), /* @__PURE__ */ W("div", {
 		className: G("space-y-6", o),
-		children: [a !== "none" && /* @__PURE__ */ U(ra, {
+		children: [a !== "none" && /* @__PURE__ */ U(aa, {
 			steps: e,
 			current: t,
 			onStepClick: n,
@@ -7760,7 +7801,7 @@ function fo({ steps: e, index: t, onStepClick: n, title: r, description: i, prog
 }
 //#endregion
 //#region src/components/SecretInput.tsx
-var po = a(function({ value: e, onChange: t, status: n = { state: "idle" }, paste: r = !0, className: i, id: a, disabled: o, ...s }, c) {
+var ho = a(function({ value: e, onChange: t, status: n = { state: "idle" }, paste: r = !0, className: i, id: a, disabled: o, ...s }, c) {
 	let { strings: l } = q(), u = Y(), [d, f] = m(!1), p = r && typeof navigator < "u" && !!navigator.clipboard?.readText, h = async () => {
 		try {
 			let e = (await navigator.clipboard.readText()).trim();
@@ -7791,7 +7832,7 @@ var po = a(function({ value: e, onChange: t, status: n = { state: "idle" }, past
 					size: "sm",
 					disabled: o,
 					onClick: h,
-					children: /* @__PURE__ */ U(ne, { size: Z.sm })
+					children: /* @__PURE__ */ U(I, { size: Z.sm })
 				}),
 				e && /* @__PURE__ */ U(J, {
 					label: l.secretInputClear,
@@ -7806,7 +7847,7 @@ var po = a(function({ value: e, onChange: t, status: n = { state: "idle" }, past
 					active: d,
 					disabled: o,
 					onClick: () => f((e) => !e),
-					children: U(d ? ce : se, { size: Z.sm })
+					children: U(d ? se : oe, { size: Z.sm })
 				})
 			]
 		})]
@@ -7821,10 +7862,10 @@ var po = a(function({ value: e, onChange: t, status: n = { state: "idle" }, past
 		]
 	})] });
 });
-po.displayName = "SecretInput";
+ho.displayName = "SecretInput";
 //#endregion
 //#region src/components/ReorderableList.tsx
-function mo({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", handleOnly: a = !0, className: o, itemClassName: s, ...c }) {
+function go({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", handleOnly: a = !0, className: o, itemClassName: s, ...c }) {
 	let l = (n, r) => {
 		if (r < 0 || r >= e.length || n === r) return;
 		let i = [...e], [a] = i.splice(n, 1);
@@ -7836,7 +7877,7 @@ function mo({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", hand
 		onReorder: t,
 		"aria-label": c["aria-label"],
 		className: G("flex", i === "y" ? "flex-col gap-2" : "flex-row gap-2", o),
-		children: e.map((t, o) => /* @__PURE__ */ U(ho, {
+		children: e.map((t, o) => /* @__PURE__ */ U(_o, {
 			item: t,
 			index: o,
 			count: e.length,
@@ -7848,7 +7889,7 @@ function mo({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", hand
 		}, n(t)))
 	});
 }
-function ho({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, className: o, children: s }) {
+function _o({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, className: o, children: s }) {
 	let { strings: c } = q(), l = b(), u = C(), d = /* @__PURE__ */ U("button", {
 		type: "button",
 		"aria-label": c.reorderableHandle(t + 1, n),
@@ -7859,7 +7900,7 @@ function ho({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, cl
 		},
 		onPointerDown: (e) => l.start(e),
 		className: "tap-target flex h-8 w-6 shrink-0 cursor-grab touch-none items-center justify-center rounded-md text-fg-4 hover:bg-fill-2 hover:text-fg-2 active:cursor-grabbing",
-		children: /* @__PURE__ */ U(ue, { size: Z.md })
+		children: /* @__PURE__ */ U(le, { size: Z.md })
 	});
 	return /* @__PURE__ */ U(_.Item, {
 		value: e,
@@ -7878,21 +7919,21 @@ function ho({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, cl
 }
 //#endregion
 //#region src/components/AvatarPicker.tsx
-function go({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i = 512, crop: a = !0, disabled: o, className: s }) {
+function vo({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i = 512, crop: a = !0, disabled: o, className: s }) {
 	let { strings: c } = q(), [l, u] = m(null), d = (e) => {
 		let n = new FileReader();
 		n.onload = () => a ? u(String(n.result)) : t(String(n.result)), n.readAsDataURL(e);
 	};
 	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W("div", {
 		className: G("relative w-fit", s),
-		children: [/* @__PURE__ */ U(qr, {
+		children: [/* @__PURE__ */ U(Yr, {
 			accept: "image/*",
 			disabled: o,
 			onFiles: ([e]) => e && d(e),
 			className: "rounded-full p-0",
 			children: /* @__PURE__ */ W("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ U(Jt, {
+				children: [/* @__PURE__ */ U(Xt, {
 					src: e ?? void 0,
 					name: n,
 					size: r,
@@ -7910,7 +7951,7 @@ function go({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i =
 			className: "absolute -left-1 -top-1 flex h-7 w-7 items-center justify-center rounded-full border border-line-2 bg-surface-2 text-fg-3 shadow-raised hover:text-danger",
 			children: /* @__PURE__ */ U(De, { size: Z.xs })
 		})]
-	}), /* @__PURE__ */ U(vo, {
+	}), /* @__PURE__ */ U(bo, {
 		src: l,
 		output: i,
 		onClose: () => u(null),
@@ -7919,8 +7960,8 @@ function go({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i =
 		}
 	})] });
 }
-var _o = 288;
-function vo({ src: e, output: t, onClose: n, onDone: r }) {
+var yo = 288;
+function bo({ src: e, output: t, onClose: n, onDone: r }) {
 	let { strings: i } = q(), [a, o] = m(null), [s, c] = m(1), [u, d] = m({
 		x: 0,
 		y: 0
@@ -7938,12 +7979,12 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
 			});
 		}, t.src = e;
 	}, [e]);
-	let h = (a ? Math.max(_o / a.width, _o / a.height) : 1) * s, g = (a?.width ?? 0) * h, _ = (a?.height ?? 0) * h, v = ((e) => ({
-		x: Math.min(Math.max(e.x, _o - g), 0),
-		y: Math.min(Math.max(e.y, _o - _), 0)
+	let h = (a ? Math.max(yo / a.width, yo / a.height) : 1) * s, g = (a?.width ?? 0) * h, _ = (a?.height ?? 0) * h, v = ((e) => ({
+		x: Math.min(Math.max(e.x, yo - g), 0),
+		y: Math.min(Math.max(e.y, yo - _), 0)
 	}))({
-		x: u.x + (_o - g) / 2,
-		y: u.y + (_o - _) / 2
+		x: u.x + (yo - g) / 2,
+		y: u.y + (yo - _) / 2
 	}), y = (e) => {
 		f.current = {
 			x: e.clientX,
@@ -7959,7 +8000,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
 	}, x = () => {
 		f.current = null;
 	};
-	return /* @__PURE__ */ U(Pr, {
+	return /* @__PURE__ */ U(Ir, {
 		open: !!e,
 		onClose: n,
 		title: i.avatarPickerTitle,
@@ -7977,7 +8018,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
 					if (!a) return;
 					let e = document.createElement("canvas");
 					e.width = t, e.height = t;
-					let n = e.getContext("2d"), i = t / _o;
+					let n = e.getContext("2d"), i = t / yo;
 					n.drawImage(a, v.x * i, v.y * i, g * i, _ * i), r(e.toDataURL("image/webp", .9));
 				},
 				children: i.avatarPickerUse
@@ -7992,8 +8033,8 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
 				onPointerCancel: x,
 				className: "relative cursor-grab touch-none select-none overflow-hidden rounded-2xl bg-black active:cursor-grabbing",
 				style: {
-					width: _o,
-					height: _o
+					width: yo,
+					height: yo
 				},
 				children: [
 					a && /* @__PURE__ */ U("img", {
@@ -8022,7 +8063,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
 				children: [/* @__PURE__ */ U(je, {
 					size: Z.md,
 					className: "shrink-0 text-fg-3"
-				}), /* @__PURE__ */ U(ea, {
+				}), /* @__PURE__ */ U(na, {
 					"aria-label": i.avatarPickerZoom,
 					value: s,
 					onChange: c,
@@ -8037,7 +8078,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
 }
 //#endregion
 //#region src/components/Page.tsx
-function yo({ footer: e, mainRef: t, padding: n = "default", contentClassName: r, className: i, children: a, ...o }) {
+function xo({ footer: e, mainRef: t, padding: n = "default", contentClassName: r, className: i, children: a, ...o }) {
 	return /* @__PURE__ */ W("div", {
 		className: G("flex h-full min-h-0 flex-col", i),
 		children: [/* @__PURE__ */ W("main", {
@@ -8055,7 +8096,7 @@ function yo({ footer: e, mainRef: t, padding: n = "default", contentClassName: r
 }
 //#endregion
 //#region src/components/ModelSelect.tsx
-var bo = (e, t) => /* @__PURE__ */ W("span", {
+var So = (e, t) => /* @__PURE__ */ W("span", {
 	className: "flex items-center gap-1",
 	children: [e.vision && /* @__PURE__ */ U(ut, {
 		tone: "info",
@@ -8065,23 +8106,23 @@ var bo = (e, t) => /* @__PURE__ */ W("span", {
 		children: t.modelSelectAudio
 	})]
 });
-function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, footer: a, disabled: o, id: s, className: c, ...l }) {
+function Co({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, footer: a, disabled: o, id: s, className: c, ...l }) {
 	let { strings: u } = q(), d = Ot(), [p, h] = m(!1), g = e.find((e) => e.id === t) ?? null, _ = f(() => e.map((e) => ({
 		value: e.id,
 		label: e.name,
 		description: e.meta,
 		group: e.provider,
-		icon: e.local ? /* @__PURE__ */ U(ie, { size: Z.md }) : /* @__PURE__ */ U(le, { size: Z.md }),
+		icon: e.local ? /* @__PURE__ */ U(R, { size: Z.md }) : /* @__PURE__ */ U(ce, { size: Z.md }),
 		meta: /* @__PURE__ */ W("span", {
 			className: "flex items-center gap-1",
-			children: [bo(e, u), e.id === i && /* @__PURE__ */ U(ut, {
+			children: [So(e, u), e.id === i && /* @__PURE__ */ U(ut, {
 				tone: "accent",
 				dot: !0,
 				children: u.modelSelectDefault
 			})]
 		})
 	})), [e, i]);
-	if (!d) return /* @__PURE__ */ U($i, {
+	if (!d) return /* @__PURE__ */ U(ta, {
 		id: s,
 		options: _,
 		value: t,
@@ -8103,7 +8144,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 		children: [
 			/* @__PURE__ */ U("span", {
 				className: "shrink-0 text-fg-3",
-				children: g?.local ? /* @__PURE__ */ U(ie, { size: Z.md }) : /* @__PURE__ */ U(le, { size: Z.md })
+				children: g?.local ? /* @__PURE__ */ U(R, { size: Z.md }) : /* @__PURE__ */ U(ce, { size: Z.md })
 			}),
 			/* @__PURE__ */ U("span", {
 				className: G("min-w-0 flex-1 truncate", !g && "text-fg-4"),
@@ -8111,31 +8152,31 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 			}),
 			g && /* @__PURE__ */ U("span", {
 				className: "hidden @sm:flex",
-				children: bo(g, u)
+				children: So(g, u)
 			}),
 			/* @__PURE__ */ U(N, {
 				size: Z.md,
 				className: "shrink-0 text-fg-3"
 			})
 		]
-	}), /* @__PURE__ */ U(Cr, {
+	}), /* @__PURE__ */ U(Tr, {
 		open: p,
 		onClose: () => h(!1),
 		title: l["aria-label"] ?? u.modelSelectTitle,
 		detents: [.6, .92],
 		children: /* @__PURE__ */ W("div", {
 			className: "space-y-5",
-			children: [v.map((r) => /* @__PURE__ */ U(ci, {
+			children: [v.map((r) => /* @__PURE__ */ U(ui, {
 				label: r,
-				children: e.filter((e) => e.provider === r).map((e) => /* @__PURE__ */ U(pi, {
-					icon: e.local ? /* @__PURE__ */ U(ie, { size: Z.lg }) : /* @__PURE__ */ U(le, { size: Z.lg }),
+				children: e.filter((e) => e.provider === r).map((e) => /* @__PURE__ */ U(hi, {
+					icon: e.local ? /* @__PURE__ */ U(R, { size: Z.lg }) : /* @__PURE__ */ U(ce, { size: Z.lg }),
 					tone: e.local ? "accent" : "info",
 					title: e.name,
 					description: /* @__PURE__ */ W("span", {
 						className: "flex flex-wrap items-center gap-1.5",
 						children: [
 							e.meta,
-							bo(e, u),
+							So(e, u),
 							e.id === i && /* @__PURE__ */ U(ut, {
 								tone: "accent",
 								dot: !0,
@@ -8158,7 +8199,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 }
 //#endregion
 //#region src/components/Citation.tsx
-function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, className: o }) {
+function wo({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, className: o }) {
 	let { strings: s } = q(), c = Ot(), [l, u] = m(!1), d = i ?? (n ? (() => {
 		try {
 			return new URL(n).hostname.replace(/^www\./, "");
@@ -8182,7 +8223,7 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
 						src: a,
 						alt: "",
 						className: "h-4 w-4 rounded-sm object-contain"
-					}) : /* @__PURE__ */ U(le, { size: Z.xs })
+					}) : /* @__PURE__ */ U(ce, { size: Z.xs })
 				}), /* @__PURE__ */ W("div", {
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ U("p", {
@@ -8207,11 +8248,11 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
 				target: "_blank",
 				rel: "noopener noreferrer",
 				className: "inline-flex items-center gap-1.5 text-xs font-medium text-accent hover:underline",
-				children: [/* @__PURE__ */ U("span", { children: s.citationVisit }), /* @__PURE__ */ U(oe, { size: 12 })]
+				children: [/* @__PURE__ */ U("span", { children: s.citationVisit }), /* @__PURE__ */ U(ae, { size: 12 })]
 			})
 		]
 	});
-	return c ? /* @__PURE__ */ W(H, { children: [f, /* @__PURE__ */ U(Cr, {
+	return c ? /* @__PURE__ */ W(H, { children: [f, /* @__PURE__ */ U(Tr, {
 		open: l,
 		onClose: () => u(!1),
 		title: `[${e}] ${d ?? "Source"}`,
@@ -8219,7 +8260,7 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
 			className: "pb-2",
 			children: p
 		})
-	})] }) : /* @__PURE__ */ U(ri, {
+	})] }) : /* @__PURE__ */ U(ai, {
 		content: /* @__PURE__ */ U("div", {
 			className: "w-72",
 			children: p
@@ -8227,10 +8268,10 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
 		children: f
 	});
 }
-So.displayName = "Citation";
+wo.displayName = "Citation";
 //#endregion
 //#region src/components/FeedbackAction.tsx
-function Co({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText: i, onRetry: a, children: o, className: s }) {
+function To({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText: i, onRetry: a, children: o, className: s }) {
 	let { strings: c } = q(), [l, u] = m(!1);
 	return /* @__PURE__ */ W("div", {
 		className: G("inline-flex items-center gap-1 text-fg-3", s),
@@ -8273,7 +8314,7 @@ function Co({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText:
 					} catch {}
 				},
 				className: G(l && "text-accent"),
-				children: U(l ? M : R, { size: Z.xs })
+				children: U(l ? M : L, { size: Z.xs })
 			}),
 			a && /* @__PURE__ */ U(J, {
 				size: "sm",
@@ -8286,16 +8327,16 @@ function Co({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText:
 		]
 	});
 }
-Co.displayName = "FeedbackAction";
+To.displayName = "FeedbackAction";
 //#endregion
 //#region src/components/PromptSuggestions.tsx
-var wo = {
+var Eo = {
 	1: "grid-cols-1",
 	2: "grid-cols-1 @sm:grid-cols-2",
 	3: "grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-3",
 	4: "grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-4"
 };
-function To({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i }) {
+function Do({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i }) {
 	let { strings: a } = q(), o = n ?? /* @__PURE__ */ W("span", {
 		className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-fg-3",
 		children: [/* @__PURE__ */ U(Ce, {
@@ -8306,7 +8347,7 @@ function To({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i })
 	return /* @__PURE__ */ W("div", {
 		className: G("@container w-full space-y-3", i),
 		children: [o && /* @__PURE__ */ U("div", { children: o }), /* @__PURE__ */ U("div", {
-			className: G("grid gap-2.5", wo[r]),
+			className: G("grid gap-2.5", Eo[r]),
 			children: e.map((e) => /* @__PURE__ */ W("button", {
 				type: "button",
 				onClick: () => t(e.prompt, e),
@@ -8335,10 +8376,10 @@ function To({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i })
 		})]
 	});
 }
-To.displayName = "PromptSuggestions";
+Do.displayName = "PromptSuggestions";
 //#endregion
 //#region src/components/OtpInput.tsx
-var Eo = a(function({ length: e = 6, value: t = "", onChange: n, onComplete: r, type: i = "number", mask: a = !1, disabled: o = !1, autoFocus: c = !1, className: l, id: u }, d) {
+var Oo = a(function({ length: e = 6, value: t = "", onChange: n, onComplete: r, type: i = "number", mask: a = !1, disabled: o = !1, autoFocus: c = !1, className: l, id: u }, d) {
 	let { strings: f } = q(), m = Y(), h = p([]), g = Array.from({ length: e }, (e, n) => t[n] ?? ""), _ = s((t) => {
 		let n = Math.max(0, Math.min(e - 1, t));
 		h.current[n]?.focus(), h.current[n]?.select();
@@ -8398,39 +8439,39 @@ var Eo = a(function({ length: e = 6, value: t = "", onChange: n, onComplete: r,
 		}, n))
 	});
 });
-Eo.displayName = "OtpInput";
+Oo.displayName = "OtpInput";
 //#endregion
 //#region src/layout/Box.tsx
-var Do = a(function({ as: e, className: t, ...n }, r) {
+var ko = a(function({ as: e, className: t, ...n }, r) {
 	return /* @__PURE__ */ U(e ?? "div", {
 		ref: r,
 		className: G(t),
 		...n
 	});
-}), Oo = a(function({ as: e, className: t, ...n }, r) {
+}), Ao = a(function({ as: e, className: t, ...n }, r) {
 	return /* @__PURE__ */ U(e ?? "div", {
 		ref: r,
 		className: G("flex items-center justify-center", t),
 		...n
 	});
-}), ko = {
+}), jo = {
 	sm: "max-w-screen-sm",
 	md: "max-w-screen-md",
 	lg: "max-w-screen-lg",
 	xl: "max-w-screen-xl",
 	prose: "max-w-prose"
-}, Ao = a(function({ as: e, size: t = "lg", flush: n, className: r, ...i }, a) {
+}, Mo = a(function({ as: e, size: t = "lg", flush: n, className: r, ...i }, a) {
 	return /* @__PURE__ */ U(e ?? "div", {
 		ref: a,
-		className: G("mx-auto w-full", ko[t], !n && "px-4 sm:px-6", r),
+		className: G("mx-auto w-full", jo[t], !n && "px-4 sm:px-6", r),
 		...i
 	});
-}), jo = {
+}), No = {
 	none: "",
 	sm: "my-2",
 	md: "my-4",
 	lg: "my-8"
-}, Mo = a(function({ orientation: e = "horizontal", label: t, spacing: n = "none", className: r, ...i }, a) {
+}, Po = a(function({ orientation: e = "horizontal", label: t, spacing: n = "none", className: r, ...i }, a) {
 	return e === "vertical" ? /* @__PURE__ */ U("div", {
 		ref: a,
 		role: "separator",
@@ -8440,7 +8481,7 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
 	}) : t ? /* @__PURE__ */ W("div", {
 		ref: a,
 		role: "separator",
-		className: G("flex items-center gap-3", jo[n], r),
+		className: G("flex items-center gap-3", No[n], r),
 		...i,
 		children: [
 			/* @__PURE__ */ U("span", { className: "h-px flex-1 bg-line" }),
@@ -8453,10 +8494,10 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
 	}) : /* @__PURE__ */ U("div", {
 		ref: a,
 		role: "separator",
-		className: G("h-px w-full bg-line", jo[n], r),
+		className: G("h-px w-full bg-line", No[n], r),
 		...i
 	});
-}), No = {
+}), Fo = {
 	0: "gap-0",
 	.5: "gap-0.5",
 	1: "gap-1",
@@ -8471,31 +8512,31 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
 	10: "gap-10",
 	12: "gap-12",
 	16: "gap-16"
-}, Po = {
+}, Io = {
 	start: "items-start",
 	center: "items-center",
 	end: "items-end",
 	stretch: "items-stretch",
 	baseline: "items-baseline"
-}, Fo = {
+}, Lo = {
 	start: "justify-start",
 	center: "justify-center",
 	end: "justify-end",
 	between: "justify-between",
 	around: "justify-around",
 	evenly: "justify-evenly"
-}, Io = {
+}, Ro = {
 	row: "flex-row",
 	column: "flex-col",
 	"row-reverse": "flex-row-reverse",
 	"column-reverse": "flex-col-reverse"
-}, Lo = a(function({ as: e, direction: t = "row", align: n, justify: r, wrap: i, gap: a, inline: o, className: s, ...c }, l) {
+}, zo = a(function({ as: e, direction: t = "row", align: n, justify: r, wrap: i, gap: a, inline: o, className: s, ...c }, l) {
 	return /* @__PURE__ */ U(e ?? "div", {
 		ref: l,
-		className: G(o ? "inline-flex" : "flex", Io[t], n && Po[n], r && Fo[r], i && "flex-wrap", a !== void 0 && No[a], s),
+		className: G(o ? "inline-flex" : "flex", Ro[t], n && Io[n], r && Lo[r], i && "flex-wrap", a !== void 0 && Fo[a], s),
 		...c
 	});
-}), Ro = {
+}), Bo = {
 	base: {
 		1: "grid-cols-1",
 		2: "grid-cols-2",
@@ -8541,11 +8582,11 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
 		6: "xl:grid-cols-6",
 		12: "xl:grid-cols-12"
 	}
-}, zo = a(function({ as: e, columns: t, gap: n = 4, minChildWidth: r, className: i, style: a, ...o }, s) {
-	let c = e ?? "div", l = t === void 0 ? null : typeof t == "number" ? Ro.base[t] : Object.entries(t).map(([e, t]) => Ro[e][t]);
+}, Vo = a(function({ as: e, columns: t, gap: n = 4, minChildWidth: r, className: i, style: a, ...o }, s) {
+	let c = e ?? "div", l = t === void 0 ? null : typeof t == "number" ? Bo.base[t] : Object.entries(t).map(([e, t]) => Bo[e][t]);
 	return /* @__PURE__ */ U(c, {
 		ref: s,
-		className: G("grid", No[n], l, i),
+		className: G("grid", Fo[n], l, i),
 		style: r ? {
 			gridTemplateColumns: `repeat(auto-fit, minmax(min(${r}, 100%), 1fr))`,
 			...a
@@ -8555,7 +8596,7 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
 });
 //#endregion
 //#region src/layout/Spacer.tsx
-function Bo({ className: e }) {
+function Ho({ className: e }) {
 	return /* @__PURE__ */ U("div", {
 		"aria-hidden": "true",
 		className: G("flex-1", e)
@@ -8563,21 +8604,21 @@ function Bo({ className: e }) {
 }
 //#endregion
 //#region src/layout/Stack.tsx
-function Vo(e, t, n) {
+function Uo(e, t, n) {
 	let r = a(function({ as: e, gap: r = n.gap, align: i = n.align, justify: a, wrap: o, className: s, ...c }, l) {
 		return /* @__PURE__ */ U(e ?? "div", {
 			ref: l,
-			className: G("flex", t === "column" ? "flex-col" : "flex-row", No[r], i && Po[i], a && Fo[a], o && "flex-wrap", s),
+			className: G("flex", t === "column" ? "flex-col" : "flex-row", Fo[r], i && Io[i], a && Lo[a], o && "flex-wrap", s),
 			...c
 		});
 	});
 	return r.displayName = e, r;
 }
-var Ho = Vo("Stack", "column", { gap: 4 }), Uo = Ho, Wo = Vo("HStack", "row", {
+var Wo = Uo("Stack", "column", { gap: 4 }), Go = Wo, Ko = Uo("HStack", "row", {
 	gap: 3,
 	align: "center"
 });
 //#endregion
-export { st as Accordion, ct as AccordionItem, so as ActionBar, ht as Alert, St as AppBar, Ut as AppShell, Wi as AspectRatio, Gt as AudioItem, Jt as Avatar, Xt as AvatarGroup, go as AvatarPicker, ut as Badge, $t as Banner, wr as BottomMenu, Do as Box, un as Breadcrumb, Q as Button, hn as ButtonGroup, Mn as CHART_SERIES, jr as Calendar, yn as Card, bn as CardButton, xn as Carousel, Oo as Center, An as CharacterCard, jn as CharacterCardSkeleton, Fn as Chart, Be as ChartCell, Rn as Checkbox, zn as Chip, co as ChoiceCard, So as Citation, Un as CodeBlock, Wn as Collapsible, nr as ColorPicker, or as Combobox, ur as CommandPalette, pr as Composer, Dr as ConfirmHost, Ao as Container, Or as ContextMenu, Bn as CopyButton, pt as CrispStringsProvider, Aa as DEFAULT_THEME, Mr as DatePicker, Pr as Dialog, Lr as Diff, Mo as Divider, Pt as Dock, Kr as DownloadItem, qr as Dropzone, Jr as EmptyState, Yr as ErrorState, Co as FeedbackAction, yt as Field, Zr as FilterBar, Lo as Flex, ei as Form, ti as FormActions, wt as FrameProvider, zo as Grid, Wo as HStack, cr as Highlight, ri as HoverCard, ii as ICON_SIZE, ai as Icon, J as IconButton, oi as ImageViewer, si as InfiniteScroll, bt as Input, lr as Kbd, na as KeyValue, ci as ListGroup, fi as ListRow, pi as ListRowButton, ar as LoadingState, mi as Masonry, gi as MediaCard, _i as MediaCardSkeleton, vi as MediaTile, yi as MediaTileSkeleton, tn as Menu, an as MenuContent, on as MenuItem, cn as MenuLabel, sn as MenuSeparator, rn as MenuTrigger, Di as Message, Ai as MessageDivider, ji as Meter, xo as ModelSelect, Ni as MultiItemDownloadCard, Mt as NavBadge, zt as NavLabel, Bt as NavRail, Pi as NumberInput, Eo as OtpInput, ka as PRESETS, yo as Page, Ii as Pagination, zi as Panel, Hi as PartitionBar, Yn as Popover, Zn as PopoverAnchor, $n as PopoverContent, Xn as PopoverTrigger, zr as Progress, To as PromptSuggestions, Gi as Prose, Ji as Radio, qi as RadioGroup, hr as RecordingWave, mo as ReorderableList, Yi as Resizable, Hn as ScrollArea, Xi as SearchField, po as SecretInput, Zi as Segmented, Qi as Select, $i as SelectMenu, Cr as Sheet, lo as Shelf, $ as Skeleton, kn as SkeletonRow, ea as Slider, Bo as Spacer, In as Sparkline, ir as Spinner, gn as SplitButton, Ho as Stack, ta as StatTile, ra as Stepper, On as Surface, ia as Switch, ua as Tab, Nt as TabBar, la as TabList, da as TabPanel, aa as Table, ca as Tabs, fa as TagInput, ha as Text, xt as Textarea, za as ThemeEditor, Fa as ThemeProvider, Va as Timeline, Ha as TitleBar, Xa as Toaster, Za as ToggleGroup, Qa as Toolbar, eo as ToolbarGroup, $a as ToolbarSeparator, jt as Tooltip, no as Tour, ro as Tree, ki as TypingDots, Uo as VStack, io as VirtualList, Ui as VisuallyHidden, oo as WindowResizeHandles, fo as Wizard, Po as alignClass, Oa as applyTheme, G as cn, Hr as compactNumber, Er as confirm, ya as contrastRatio, Fr as diffLines, dt as englishStrings, Wr as fileSize, No as gapClass, Kn as getElementRef, ga as hexToRgb, Z as icon, mn as iconSize, X as inputSurface, ba as isLight, Fo as justifyClass, va as luminance, Gn as mergeRefs, Sa as mixHex, K as motion, _a as normaliseHex, xa as readableOn, Vr as relativeTime, Da as themeToVars, Sn as tintFromName, Ya as toast, dr as useCommandPalette, Ot as useCompactLayout, q as useCrispStrings, Y as useFieldContext, $r as useForm, Tt as useFrame, Cn as useImageBrightness, fr as useLongPress, Dt as useMediaQuery, gr as useModal, Lt as useNavExpanded, Tn as useOnSurface, Qn as usePopoverPosition, Et as usePortalTarget, Na as useTheme, ni as useUnsavedGuard, uo as useWizard };
+export { st as Accordion, ct as AccordionItem, lo as ActionBar, ht as Alert, St as AppBar, Gt as AppShell, Ki as AspectRatio, qt as AudioItem, Xt as Avatar, Qt as AvatarGroup, vo as AvatarPicker, ut as Badge, tn as Banner, Er as BottomMenu, ko as Box, fn as Breadcrumb, Q as Button, _n as ButtonGroup, Pn as CHART_SERIES, Nr as Calendar, xn as Card, Sn as CardButton, Cn as Carousel, Ao as Center, Mn as CharacterCard, Nn as CharacterCardSkeleton, Ln as Chart, Ve as ChartCell, Bn as Checkbox, Vn as Chip, uo as ChoiceCard, wo as Citation, Gn as CodeBlock, Kn as Collapsible, ir as ColorPicker, cr as Combobox, fr as CommandPalette, hr as Composer, kr as ConfirmHost, Mo as Container, Ar as ContextMenu, Hn as CopyButton, pt as CrispStringsProvider, Ma as DEFAULT_THEME, Pr as DatePicker, Ir as Dialog, zr as Diff, Po as Divider, It as Dock, Jr as DownloadItem, Yr as Dropzone, Xr as EmptyState, Zr as ErrorState, To as FeedbackAction, yt as Field, $r as FilterBar, zo as Flex, ni as Form, ri as FormActions, wt as FrameProvider, Vo as Grid, Ko as HStack, ur as Highlight, ai as HoverCard, oi as ICON_SIZE, si as Icon, J as IconButton, ci as ImageViewer, li as InfiniteScroll, bt as Input, dr as Kbd, ia as KeyValue, ui as ListGroup, mi as ListRow, hi as ListRowButton, sr as LoadingState, gi as Masonry, vi as MediaCard, yi as MediaCardSkeleton, bi as MediaTile, xi as MediaTileSkeleton, rn as Menu, sn as MenuContent, cn as MenuItem, un as MenuLabel, ln as MenuSeparator, on as MenuTrigger, ki as Message, Mi as MessageDivider, Ni as Meter, Co as ModelSelect, Fi as MultiItemDownloadCard, Pt as NavBadge, Vt as NavLabel, Ht as NavRail, Ii as NumberInput, Oo as OtpInput, ja as PRESETS, xo as Page, Ri as Pagination, Vi as Panel, Wi as PartitionBar, Zn as Popover, $n as PopoverAnchor, tr as PopoverContent, Qn as PopoverTrigger, Vr as Progress, Do as PromptSuggestions, qi as Prose, Xi as Radio, Yi as RadioGroup, _r as RecordingWave, go as ReorderableList, Zi as Resizable, Wn as ScrollArea, Qi as SearchField, ho as SecretInput, $i as Segmented, ea as Select, ta as SelectMenu, Tr as Sheet, fo as Shelf, $ as Skeleton, jn as SkeletonRow, na as Slider, Ho as Spacer, Rn as Sparkline, or as Spinner, vn as SplitButton, Wo as Stack, ra as StatTile, aa as Stepper, An as Surface, oa as Switch, fa as Tab, Ft as TabBar, da as TabList, pa as TabPanel, sa as Table, ua as Tabs, ma as TagInput, _a as Text, xt as Textarea, Va as ThemeEditor, La as ThemeProvider, Ua as Timeline, Wa as TitleBar, Qa as Toaster, $a as ToggleGroup, eo as Toolbar, no as ToolbarGroup, to as ToolbarSeparator, Nt as Tooltip, io as Tour, ao as Tree, ji as TypingDots, Go as VStack, oo as VirtualList, Gi as VisuallyHidden, co as WindowResizeHandles, mo as Wizard, Io as alignClass, Aa as applyTheme, G as cn, Wr as compactNumber, Or as confirm, xa as contrastRatio, Lr as diffLines, dt as englishStrings, Kr as fileSize, Fo as gapClass, Jn as getElementRef, va as hexToRgb, Z as icon, gn as iconSize, X as inputSurface, Sa as isLight, Lo as justifyClass, ba as luminance, qn as mergeRefs, wa as mixHex, K as motion, ya as normaliseHex, Ca as readableOn, Ur as relativeTime, ka as themeToVars, wn as tintFromName, Za as toast, pr as useCommandPalette, Ot as useCompactLayout, q as useCrispStrings, Y as useFieldContext, ti as useForm, Tt as useFrame, Tn as useImageBrightness, mr as useLongPress, Dt as useMediaQuery, vr as useModal, zt as useNavExpanded, Dn as useOnSurface, er as usePopoverPosition, Et as usePortalTarget, Fa as useTheme, ii as useUnsavedGuard, po as useWizard };
 
 //# sourceMappingURL=index.js.map