@lettuceai/crisp 1.2.2 → 1.3.1

package/dist/index.js

@@ -3172,6 +3172,7 @@ function hr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
 						w && u ? /* @__PURE__ */ U(_r, {
 							elapsedMs: u.elapsedMs,
 							analyser: u.analyser,
+							level: u.level,
 							frozen: u.transcribing
 						}) : /* @__PURE__ */ U("textarea", {
 							ref: S,
@@ -3254,72 +3255,72 @@ function gr(e) {
 	let t = Math.max(0, Math.floor(e / 1e3));
 	return `${Math.floor(t / 60)}:${String(t % 60).padStart(2, "0")}`;
 }
-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({
+function _r({ elapsedMs: e, analyser: t, level: n, frozen: r = !1 }) {
+	let { strings: i } = q(), a = p(null), o = p(null), s = p([]), c = p(null), [u, d] = m({
 		w: 0,
 		h: 0
-	});
-	return l(() => {
-		let e = i.current;
+	}), f = p(n);
+	return f.current = n, l(() => {
+		let e = a.current;
 		if (!e) return;
 		let t = () => {
 			let t = e.getBoundingClientRect();
-			u({
+			d({
 				w: Math.floor(t.width),
 				h: Math.floor(t.height)
 			});
 		}, n = new ResizeObserver(t);
 		return n.observe(e), t(), () => n.disconnect();
 	}, []), l(() => {
-		o.current = [], s.current = t ? new Uint8Array(new ArrayBuffer(t.fftSize)) : null;
+		s.current = [], c.current = t ? new Uint8Array(new ArrayBuffer(t.fftSize)) : null;
 	}, [t]), l(() => {
-		let e = a.current;
-		if (!e || c.w <= 0) return;
-		let r = window.devicePixelRatio || 1, i = c.h || 20;
-		e.width = Math.floor(c.w * r), e.height = Math.floor(i * r);
-		let l = e.getContext("2d");
-		if (!l) return;
-		l.scale(r, r);
-		let u = getComputedStyle(e).color, d = Math.ceil(c.w / 4) + 4, f = 0, p = 0, m = (e) => {
-			if (!n && t && s.current && e - f >= 50) {
-				t.getByteTimeDomainData(s.current);
+		let e = o.current;
+		if (!e || u.w <= 0) return;
+		let n = window.devicePixelRatio || 1, i = u.h || 20;
+		e.width = Math.floor(u.w * n), e.height = Math.floor(i * n);
+		let a = e.getContext("2d");
+		if (!a) return;
+		a.scale(n, n);
+		let l = getComputedStyle(e).color, d = Math.ceil(u.w / 4) + 4, p = 0, m = 0, h = (e) => {
+			if (!r && t && c.current && e - p >= 50) {
+				t.getByteTimeDomainData(c.current);
 				let n = 0;
-				for (let e of s.current) {
+				for (let e of c.current) {
 					let t = (e - 128) / 128;
 					n += t * t;
 				}
-				let r = Math.sqrt(n / s.current.length);
-				o.current.push(Math.min(1, (r * 18) ** .5)), o.current.length > d && o.current.splice(0, o.current.length - d), f = e;
-			}
-			l.clearRect(0, 0, c.w, i);
-			let r = o.current;
-			for (let e = Math.max(0, r.length - d); e < r.length; e++) {
-				let t = r.length - 1 - e, n = c.w - 2 - t * 4;
-				if (n + 2 < 0) break;
-				let a = Math.max(3, r[e] * (i - 2));
-				l.globalAlpha = .95 - t / Math.max(1, d - 1) * .35, l.fillStyle = u, l.fillRect(n, i / 2 - a / 2, 2, a);
+				let r = Math.sqrt(n / c.current.length);
+				s.current.push(Math.min(1, (r * 18) ** .5)), s.current.length > d && s.current.splice(0, s.current.length - d), p = e;
+			} else !r && !t && f.current !== void 0 && e - p >= 50 && (s.current.push(Math.min(1, Math.max(0, f.current ** .5))), s.current.length > d && s.current.splice(0, s.current.length - d), p = e);
+			a.clearRect(0, 0, u.w, i);
+			let n = s.current;
+			for (let e = Math.max(0, n.length - d); e < n.length; e++) {
+				let t = n.length - 1 - e, r = u.w - 2 - t * 4;
+				if (r + 2 < 0) break;
+				let o = Math.max(3, n[e] * (i - 2));
+				a.globalAlpha = .95 - t / Math.max(1, d - 1) * .35, a.fillStyle = l, a.fillRect(r, i / 2 - o / 2, 2, o);
 			}
-			p = window.requestAnimationFrame(m);
+			m = window.requestAnimationFrame(h);
 		};
-		return p = window.requestAnimationFrame(m), () => window.cancelAnimationFrame(p);
+		return m = window.requestAnimationFrame(h), () => window.cancelAnimationFrame(m);
 	}, [
 		t,
-		c.w,
-		c.h,
-		n
+		u.w,
+		u.h,
+		r
 	]), /* @__PURE__ */ W("div", {
 		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(gr(e)),
+		"aria-label": r ? i.composerTranscribing : i.composerRecording(gr(e)),
 		children: [
 			/* @__PURE__ */ W("span", {
 				className: "relative flex h-2 w-2 shrink-0",
 				"aria-hidden": "true",
-				children: [!n && /* @__PURE__ */ U("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-danger opacity-60" }), /* @__PURE__ */ U("span", { className: G("relative inline-flex h-2 w-2 rounded-full", n ? "bg-fg-3" : "bg-danger") })]
+				children: [!r && /* @__PURE__ */ U("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-danger opacity-60" }), /* @__PURE__ */ U("span", { className: G("relative inline-flex h-2 w-2 rounded-full", r ? "bg-fg-3" : "bg-danger") })]
 			}),
 			/* @__PURE__ */ W("div", {
-				ref: i,
+				ref: a,
 				className: "relative h-5 min-w-0 flex-1 overflow-hidden text-fg",
 				style: {
 					maskImage: "linear-gradient(to right, transparent, black 40px)",
@@ -3329,9 +3330,9 @@ function _r({ elapsedMs: e, analyser: t, frozen: n = !1 }) {
 					"aria-hidden": "true",
 					className: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-line-2"
 				}), /* @__PURE__ */ U("canvas", {
-					ref: a,
+					ref: o,
 					className: "relative block h-full w-full",
-					style: { width: c.w || void 0 }
+					style: { width: u.w || void 0 }
 				})]
 			}),
 			/* @__PURE__ */ U("span", {
@@ -5611,8 +5612,57 @@ var Ki = a(function({ ratio: e = 1, className: t, style: n, ...r }, i) {
 });
 Ki.displayName = "AspectRatio";
 //#endregion
+//#region src/components/InlineMarkdown.tsx
+var qi = [
+	"p",
+	"strong",
+	"em",
+	"del",
+	"code",
+	"a",
+	"br",
+	"ul",
+	"ol",
+	"li",
+	"blockquote"
+];
+function Ji(e) {
+	return e.replace(/^( {0,3})#(?=#{0,5}(?:\s|$))/gm, "$1\\#");
+}
+var Yi = ({ children: e }) => /* @__PURE__ */ W("span", { children: [e, " "] });
+function Xi({ children: e, className: t }) {
+	return /* @__PURE__ */ U("span", {
+		className: G(t),
+		children: /* @__PURE__ */ U(Je, {
+			remarkPlugins: [Ye],
+			allowedElements: qi,
+			unwrapDisallowed: !0,
+			components: {
+				p: Yi,
+				ul: Yi,
+				ol: Yi,
+				li: Yi,
+				blockquote: Yi,
+				a: ({ children: e }) => /* @__PURE__ */ U("span", { children: e }),
+				strong: ({ children: e }) => /* @__PURE__ */ U("strong", {
+					className: "font-semibold",
+					children: e
+				}),
+				em: ({ children: e }) => /* @__PURE__ */ U("em", { children: e }),
+				del: ({ children: e }) => /* @__PURE__ */ U("del", { children: e }),
+				code: ({ children: e }) => /* @__PURE__ */ U("code", {
+					className: "rounded bg-fill px-1 font-mono text-[0.9em]",
+					children: e
+				}),
+				br: () => /* @__PURE__ */ U(H, { children: " " })
+			},
+			children: Ji(e)
+		})
+	});
+}
+//#endregion
 //#region src/components/Prose.tsx
-function qi({ children: e, size: t = "md", className: n }) {
+function Zi({ 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, {
@@ -5705,10 +5755,10 @@ function qi({ children: e, size: t = "md", className: n }) {
 }
 //#endregion
 //#region src/components/Radio.tsx
-var Ji = r(null);
-function Yi({ value: e, onChange: t, disabled: n, orientation: r = "vertical", className: i, children: a, ...o }) {
+var Qi = r(null);
+function $i({ value: e, onChange: t, disabled: n, orientation: r = "vertical", className: i, children: a, ...o }) {
 	let s = u();
-	return /* @__PURE__ */ U(Ji.Provider, {
+	return /* @__PURE__ */ U(Qi.Provider, {
 		value: {
 			name: s,
 			value: e,
@@ -5723,8 +5773,8 @@ function Yi({ value: e, onChange: t, disabled: n, orientation: r = "vertical", c
 		})
 	});
 }
-function Xi({ value: e, label: t, description: n, disabled: r }) {
-	let i = c(Ji);
+function ea({ value: e, label: t, description: n, disabled: r }) {
+	let i = c(Qi);
 	if (!i) throw Error("Radio must be used inside <RadioGroup>");
 	let a = i.value === e, o = r || i.disabled;
 	return /* @__PURE__ */ W("label", {
@@ -5758,7 +5808,7 @@ function Xi({ value: e, label: t, description: n, disabled: r }) {
 }
 //#endregion
 //#region src/components/Resizable.tsx
-function Zi({ panel: e, children: t, side: n = "left", defaultSize: r = 320, minSize: i = 200, maxSize: a = 640, storageKey: o, className: c }) {
+function ta({ 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 {
@@ -5823,7 +5873,7 @@ function Zi({ panel: e, children: t, side: n = "left", defaultSize: r = 320, min
 }
 //#endregion
 //#region src/components/SearchField.tsx
-var Qi = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i = "md", placeholder: a, className: o, ...s }, c) {
+var na = 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",
@@ -5864,10 +5914,10 @@ var Qi = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i =
 		]
 	});
 });
-Qi.displayName = "SearchField";
+na.displayName = "SearchField";
 //#endregion
 //#region src/components/Segmented.tsx
-function $i({ options: e, value: t, onChange: n, size: r = "md", block: i, className: a, ...o }) {
+function ra({ options: e, value: t, onChange: n, size: r = "md", block: i, className: a, ...o }) {
 	let s = u();
 	return /* @__PURE__ */ U("div", {
 		role: "radiogroup",
@@ -5906,7 +5956,7 @@ function $i({ options: e, value: t, onChange: n, size: r = "md", block: i, class
 }
 //#endregion
 //#region src/components/Select.tsx
-var ea = a(function({ options: e, placeholder: t, className: n, id: r, value: i, defaultValue: a, ...o }, s) {
+var ia = 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",
@@ -5935,10 +5985,10 @@ var ea = a(function({ options: e, placeholder: t, className: n, id: r, value: i,
 		})]
 	});
 });
-ea.displayName = "Select";
+ia.displayName = "Select";
 //#endregion
 //#region src/components/SelectMenu.tsx
-function ta(e) {
+function aa(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
@@ -6108,7 +6158,7 @@ function ta(e) {
 }
 //#endregion
 //#region src/components/Slider.tsx
-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) {
+var oa = 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),
@@ -6134,10 +6184,10 @@ var na = a(function({ value: e, onChange: t, min: n = 0, max: r = 100, step: i =
 		})]
 	});
 });
-na.displayName = "Slider";
+oa.displayName = "Slider";
 //#endregion
 //#region src/components/StatTile.tsx
-function ra({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", icon: a, highlight: o, className: s }) {
+function sa({ 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),
@@ -6173,7 +6223,7 @@ function ra({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", ico
 		]
 	});
 }
-function ia({ items: e, layout: t = "inline", className: n }) {
+function ca({ 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", {
@@ -6190,7 +6240,7 @@ function ia({ items: e, layout: t = "inline", className: n }) {
 }
 //#endregion
 //#region src/components/Stepper.tsx
-function aa({ steps: e, current: t, onStepClick: n, variant: r = "bar", className: i }) {
+function la({ 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),
@@ -6260,7 +6310,7 @@ function aa({ steps: e, current: t, onStepClick: n, variant: r = "bar", classNam
 }
 //#endregion
 //#region src/components/Switch.tsx
-function oa({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a }) {
+function ua({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a }) {
 	let o = Y();
 	return /* @__PURE__ */ U("button", {
 		type: "button",
@@ -6283,7 +6333,7 @@ function oa({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a })
 }
 //#endregion
 //#region src/components/Table.tsx
-function sa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowClick: a, empty: o, caption: s, className: c }) {
+function da({ 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,
@@ -6344,15 +6394,15 @@ function sa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowCli
 }
 //#endregion
 //#region src/components/Tabs.tsx
-var ca = r(null);
-function la() {
-	let e = c(ca);
+var fa = r(null);
+function pa() {
+	let e = c(fa);
 	if (!e) throw Error("Tabs parts must be used inside <Tabs>");
 	return e;
 }
-function ua({ value: e, onChange: t, className: n, children: r }) {
+function ma({ value: e, onChange: t, className: n, children: r }) {
 	let i = u();
-	return /* @__PURE__ */ U(ca.Provider, {
+	return /* @__PURE__ */ U(fa.Provider, {
 		value: {
 			value: e,
 			onChange: t,
@@ -6364,7 +6414,7 @@ function ua({ value: e, onChange: t, className: n, children: r }) {
 		})
 	});
 }
-function da({ children: e, className: t, "aria-label": n }) {
+function ha({ children: e, className: t, "aria-label": n }) {
 	return /* @__PURE__ */ U("div", {
 		role: "tablist",
 		"aria-label": n,
@@ -6381,8 +6431,8 @@ function da({ children: e, className: t, "aria-label": n }) {
 		children: e
 	});
 }
-function fa({ value: e, icon: t, count: n, children: r }) {
-	let i = la(), a = i.value === e;
+function ga({ value: e, icon: t, count: n, children: r }) {
+	let i = pa(), a = i.value === e;
 	return /* @__PURE__ */ W("button", {
 		type: "button",
 		role: "tab",
@@ -6407,8 +6457,8 @@ function fa({ value: e, icon: t, count: n, children: r }) {
 		]
 	});
 }
-function pa({ value: e, className: t, children: n }) {
-	let r = la();
+function _a({ value: e, className: t, children: n }) {
+	let r = pa();
 	return r.value === e ? /* @__PURE__ */ U("div", {
 		role: "tabpanel",
 		id: `${r.id}-panel-${e}`,
@@ -6420,7 +6470,7 @@ function pa({ value: e, className: t, children: n }) {
 }
 //#endregion
 //#region src/components/TagInput.tsx
-function ma({ value: e, onChange: t, placeholder: n, max: r, separators: i = [","], disabled: a, id: o, className: s }) {
+function va({ 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("");
@@ -6462,7 +6512,7 @@ function ma({ value: e, onChange: t, placeholder: n, max: r, separators: i = [",
 }
 //#endregion
 //#region src/components/Text.tsx
-var ha = {
+var ya = {
 	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",
@@ -6473,7 +6523,7 @@ var ha = {
 	label: "text-sm font-medium text-fg-2",
 	hint: "text-sm text-fg-3",
 	caption: "text-2xs text-fg-3"
-}, ga = {
+}, ba = {
 	hero: "h1",
 	display: "h1",
 	page: "h1",
@@ -6485,15 +6535,15 @@ var ha = {
 	hint: "p",
 	caption: "span"
 };
-function _a({ variant: e = "body", as: t, className: n, ...r }) {
-	return i(t ?? ga[e], {
-		className: G(ha[e], n),
+function xa({ variant: e = "body", as: t, className: n, ...r }) {
+	return i(t ?? ba[e], {
+		className: G(ya[e], n),
 		...r
 	});
 }
 //#endregion
 //#region src/lib/color.ts
-function va(e) {
+function Sa(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),
@@ -6501,16 +6551,16 @@ function va(e) {
 		b: parseInt(n.slice(4, 6), 16)
 	} : null;
 }
-function ya(e) {
-	let t = va(e);
+function Ca(e) {
+	let t = Sa(e);
 	return t ? `#${[
 		t.r,
 		t.g,
 		t.b
 	].map((e) => e.toString(16).padStart(2, "0")).join("")}` : null;
 }
-function ba(e) {
-	let t = va(e);
+function wa(e) {
+	let t = Sa(e);
 	if (!t) return 0;
 	let n = (e) => {
 		let t = e / 255;
@@ -6518,18 +6568,18 @@ function ba(e) {
 	};
 	return .2126 * n(t.r) + .7152 * n(t.g) + .0722 * n(t.b);
 }
-function xa(e, t) {
-	let n = ba(e), r = ba(t);
+function Ta(e, t) {
+	let n = wa(e), r = wa(t);
 	return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
 }
-function Sa(e) {
-	return ba(e) > .4;
+function Ea(e) {
+	return wa(e) > .4;
 }
-function Ca(e) {
-	return xa(e, "#ffffff") >= xa(e, "#000000") ? "#ffffff" : "#0a0a0a";
+function Da(e) {
+	return Ta(e, "#ffffff") >= Ta(e, "#000000") ? "#ffffff" : "#0a0a0a";
 }
-function wa(e, t, n) {
-	let r = va(e), i = va(t);
+function Oa(e, t, n) {
+	let r = Sa(e), i = Sa(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 `#${[
@@ -6540,7 +6590,7 @@ function wa(e, t, n) {
 }
 //#endregion
 //#region src/theme/theme.ts
-var Ta = {
+var ka = {
 	sharp: {
 		sm: "2px",
 		md: "3px",
@@ -6562,21 +6612,21 @@ var Ta = {
 		xl: "18px",
 		"2xl": "24px"
 	}
-}, Ea = {
+}, Aa = {
 	fg2: 72,
 	fg3: 50,
 	fg4: 34
-}, Da = {
+}, ja = {
 	fill: 5,
 	fill2: 8,
 	fill3: 12
-}, Oa = {
+}, Ma = {
 	line: 10,
 	line2: 16,
 	line3: 26
 };
-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)`;
+function Na(e) {
+	let { surface: t, fg: n, accent: r, danger: i, warning: a, info: o, secondary: s, nav: c } = e.colors, l = Ea(t), u = l ? Oa(t, "#ffffff", .6) : Oa(t, "#ffffff", .075), d = l ? "#ffffff" : Oa(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,
@@ -6584,36 +6634,36 @@ function ka(e) {
 		"--color-surface-el": u,
 		"--color-nav": c ?? u,
 		"--color-fg": n,
-		"--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-fg-2": p(n, Aa.fg2),
+		"--color-fg-3": p(n, Aa.fg3),
+		"--color-fg-4": p(n, Aa.fg4),
+		"--color-fill": p(n, ja.fill),
+		"--color-fill-2": p(n, ja.fill2),
+		"--color-fill-3": p(n, ja.fill3),
+		"--color-line": p(n, Ma.line),
+		"--color-line-2": p(n, Ma.line2),
+		"--color-line-3": p(n, Ma.line3),
 		"--color-accent": r,
 		"--color-danger": i,
 		"--color-warning": a,
 		"--color-info": o,
 		"--color-secondary": s,
-		"--color-on-accent": Ca(r),
+		"--color-on-accent": Da(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(Ta[e.radius ?? "default"]).map(([e, t]) => [`--radius-${e}`, t]))
+		...Object.fromEntries(Object.entries(ka[e.radius ?? "default"]).map(([e, t]) => [`--radius-${e}`, t]))
 	};
 }
-function Aa(e, t = document.documentElement) {
-	let n = ka(e);
+function Pa(e, t = document.documentElement) {
+	let n = Na(e);
 	for (let [e, r] of Object.entries(n)) t.style.setProperty(e, r);
-	t.style.colorScheme = Sa(e.colors.surface) ? "light" : "dark", t.dataset.theme = Sa(e.colors.surface) ? "light" : "dark", t.dataset.density = e.density ?? "default";
+	t.style.colorScheme = Ea(e.colors.surface) ? "light" : "dark", t.dataset.theme = Ea(e.colors.surface) ? "light" : "dark", t.dataset.density = e.density ?? "default";
 }
-var ja = [
+var Fa = [
 	{
 		id: "midnight",
 		name: "Midnight",
@@ -6692,29 +6742,29 @@ var ja = [
 			secondary: "#e879f9"
 		}
 	}
-], Ma = ja[0], Na = "crisp.theme", Pa = r(null);
-function Fa() {
-	let e = c(Pa);
+], Ia = Fa[0], La = "crisp.theme", Ra = r(null);
+function za() {
+	let e = c(Ra);
 	if (!e) throw Error("useTheme must be used inside <ThemeProvider>");
 	return e;
 }
-function Ia() {
-	if (typeof localStorage > "u") return Ma;
+function Ba() {
+	if (typeof localStorage > "u") return Ia;
 	try {
-		let e = localStorage.getItem(Na);
-		if (!e) return Ma;
+		let e = localStorage.getItem(La);
+		if (!e) return Ia;
 		let t = JSON.parse(e);
-		return !t?.colors?.surface || !t.colors.fg ? Ma : t;
+		return !t?.colors?.surface || !t.colors.fg ? Ia : t;
 	} catch {
-		return Ma;
+		return Ia;
 	}
 }
-function La({ children: e, initial: t }) {
-	let [n, r] = m(() => t ?? Ia());
-	m(() => (typeof document < "u" && Aa(t ?? Ia()), null)), l(() => {
-		Aa(n);
+function Va({ children: e, initial: t }) {
+	let [n, r] = m(() => t ?? Ba());
+	m(() => (typeof document < "u" && Pa(t ?? Ba()), null)), l(() => {
+		Pa(n);
 		try {
-			localStorage.setItem(Na, JSON.stringify(n));
+			localStorage.setItem(La, JSON.stringify(n));
 		} catch {}
 	}, [n]);
 	let i = s((e, t) => {
@@ -6739,12 +6789,12 @@ function La({ children: e, initial: t }) {
 		}));
 	}, []), c = f(() => ({
 		theme: n,
-		presets: ja,
+		presets: Fa,
 		setTheme: r,
 		setColor: i,
 		setRadius: a,
 		setDensity: o,
-		reset: () => r(Ma),
+		reset: () => r(Ia),
 		isCustom: n.id === "custom"
 	}), [
 		n,
@@ -6752,14 +6802,14 @@ function La({ children: e, initial: t }) {
 		a,
 		o
 	]);
-	return /* @__PURE__ */ U(Pa.Provider, {
+	return /* @__PURE__ */ U(Ra.Provider, {
 		value: c,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/ThemeEditor.tsx
-var Ra = (e) => [
+var Ha = (e) => [
 	{
 		key: "surface",
 		label: e.themeEditorSurface,
@@ -6795,7 +6845,7 @@ var Ra = (e) => [
 		label: e.themeEditorSecondary,
 		hint: e.themeEditorSecondaryHint
 	}
-], za = [
+], Ua = [
 	{
 		var: "--color-surface-1",
 		label: "surface-1"
@@ -6845,7 +6895,7 @@ var Ra = (e) => [
 		label: "on-accent"
 	}
 ];
-function Ba({ ratio: e, need: t = 4.5, label: n }) {
+function Wa({ ratio: e, need: t = 4.5, label: n }) {
 	let { strings: r } = q(), i = e >= t;
 	return /* @__PURE__ */ U(Nt, {
 		content: r.themeEditorContrast(n, e.toFixed(2), t),
@@ -6860,13 +6910,13 @@ function Ba({ ratio: e, need: t = 4.5, label: n }) {
 		})
 	});
 }
-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);
+function Ga({ className: e }) {
+	let { strings: t } = q(), { theme: n, presets: r, setTheme: i, setColor: a, setRadius: o, setDensity: s, reset: c, isCustom: l } = za(), { surface: u, fg: d, accent: p } = n.colors, m = f(() => {
+		let e = Ta(d, u);
 		return {
 			body: e,
 			muted: (e + 1) / 2,
-			accent: xa(p, u)
+			accent: Ta(p, u)
 		};
 	}, [
 		d,
@@ -6879,7 +6929,7 @@ function Va({ className: e }) {
 			/* @__PURE__ */ W("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ U($i, {
+					/* @__PURE__ */ U(ra, {
 						"aria-label": t.themeEditorPreset,
 						size: "sm",
 						value: l ? "custom" : n.id,
@@ -6896,7 +6946,7 @@ function Va({ className: e }) {
 						}] : []]
 					}),
 					/* @__PURE__ */ U("span", { className: "flex-1" }),
-					/* @__PURE__ */ U($i, {
+					/* @__PURE__ */ U(ra, {
 						"aria-label": t.themeEditorDensity,
 						size: "sm",
 						value: n.density ?? "default",
@@ -6909,7 +6959,7 @@ function Va({ className: e }) {
 							label: t.themeEditorDensityCompact
 						}]
 					}),
-					/* @__PURE__ */ U($i, {
+					/* @__PURE__ */ U(ra, {
 						"aria-label": t.themeEditorRadius,
 						size: "sm",
 						value: n.radius ?? "default",
@@ -6940,7 +6990,7 @@ function Va({ className: e }) {
 			}),
 			/* @__PURE__ */ U("div", {
 				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
-				children: Ra(t).map((e) => /* @__PURE__ */ W("div", {
+				children: Ha(t).map((e) => /* @__PURE__ */ W("div", {
 					className: "space-y-1.5",
 					children: [
 						/* @__PURE__ */ W("div", {
@@ -6968,16 +7018,16 @@ function Va({ className: e }) {
 			/* @__PURE__ */ W("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ U(Ba, {
+					/* @__PURE__ */ U(Wa, {
 						ratio: m.body,
 						label: t.themeEditorBody
 					}),
-					/* @__PURE__ */ U(Ba, {
+					/* @__PURE__ */ U(Wa, {
 						ratio: m.muted,
 						need: 4.5,
 						label: t.themeEditorMuted
 					}),
-					/* @__PURE__ */ U(Ba, {
+					/* @__PURE__ */ U(Wa, {
 						ratio: m.accent,
 						need: 3,
 						label: t.themeEditorAccent
@@ -6997,7 +7047,7 @@ function Va({ className: e }) {
 					}),
 					/* @__PURE__ */ U("div", {
 						className: "flex flex-wrap gap-2 pt-1",
-						children: za.map((e) => /* @__PURE__ */ W("div", {
+						children: Ua.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",
@@ -7015,7 +7065,7 @@ function Va({ className: e }) {
 }
 //#endregion
 //#region src/components/Timeline.tsx
-var Ha = {
+var Ka = {
 	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",
@@ -7023,7 +7073,7 @@ var Ha = {
 	danger: "border-danger/40 bg-danger/15 text-danger",
 	secondary: "border-secondary/40 bg-secondary/15 text-secondary"
 };
-function Ua({ items: e, className: t }) {
+function qa({ items: e, className: t }) {
 	return /* @__PURE__ */ U("ol", {
 		className: G("relative", t),
 		children: e.map((t, n) => /* @__PURE__ */ W("li", {
@@ -7034,7 +7084,7 @@ function Ua({ 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", Ha[t.tone ?? "neutral"]),
+					className: G("relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border", Ka[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"
@@ -7062,7 +7112,7 @@ function Ua({ items: e, className: t }) {
 }
 //#endregion
 //#region src/components/TitleBar.tsx
-function Wa({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onClose: i, children: a, className: o }) {
+function Ja({ 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,
@@ -7108,7 +7158,7 @@ function Wa({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onC
 }
 //#endregion
 //#region src/components/Toast.tsx
-var Ga = {
+var Ya = {
 	info: /* @__PURE__ */ U(ue, {
 		size: 16,
 		className: "text-info"
@@ -7125,24 +7175,24 @@ var Ga = {
 		size: 16,
 		className: "text-danger"
 	})
-}, Ka = {
+}, Xa = {
 	info: "bg-info",
 	success: "bg-accent",
 	warning: "bg-warning",
 	error: "bg-danger"
-}, 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 }) {
+}, Za = "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 Qa({ 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", Ka[e])
+			className: G("absolute inset-y-0 left-0 w-0.5", Xa[e])
 		}),
 		/* @__PURE__ */ U("span", {
 			className: "mt-0.5 shrink-0",
-			children: Ga[e]
+			children: Ya[e]
 		}),
 		/* @__PURE__ */ W("div", {
 			className: "min-w-0 flex-1",
@@ -7185,10 +7235,10 @@ function Ja({ tone: e, title: t, description: n, action: r, secondary: i, onDism
 		})
 	] });
 }
-function Ya(e, t, n, r) {
+function $a(e, t, n, r) {
 	return Ze.custom((i) => /* @__PURE__ */ U("div", {
-		className: qa,
-		children: /* @__PURE__ */ U(Ja, {
+		className: Za,
+		children: /* @__PURE__ */ U(Qa, {
 			tone: e,
 			title: t,
 			description: n,
@@ -7201,10 +7251,10 @@ function Ya(e, t, n, r) {
 		id: r?.id
 	});
 }
-function Xa({ id: e, title: t, description: n, progress: r, duration: i }) {
+function eo({ 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(qa, "items-center"),
+		className: G(Za, "items-center"),
 		children: [
 			/* @__PURE__ */ U("span", {
 				"aria-hidden": "true",
@@ -7253,16 +7303,16 @@ function Xa({ id: e, title: t, description: n, progress: r, duration: i }) {
 		id: e
 	});
 }
-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,
+var to = {
+	info: (e, t, n) => $a("info", e, t, n),
+	success: (e, t, n) => $a("success", e, t, n),
+	warning: (e, t, n) => $a("warning", e, t, n),
+	error: (e, t, n) => $a("error", e, t, n),
+	progress: eo,
 	dismiss: (e) => Ze.dismiss(e),
 	isVisible: (e) => Ze.getToasts().some((t) => t.id === e)
 };
-function Qa({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
+function no({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
 	return /* @__PURE__ */ U(Xe, {
 		position: e,
 		gap: 8,
@@ -7283,7 +7333,7 @@ function Qa({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
 }
 //#endregion
 //#region src/components/ToggleGroup.tsx
-function $a({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", className: a, ...o }) {
+function ro({ 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);
@@ -7314,7 +7364,7 @@ function $a({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", cla
 }
 //#endregion
 //#region src/components/Toolbar.tsx
-function eo({ variant: e = "bar", className: t, children: n, ...r }) {
+function io({ variant: e = "bar", className: t, children: n, ...r }) {
 	return /* @__PURE__ */ U("div", {
 		role: "toolbar",
 		"aria-label": r["aria-label"],
@@ -7328,13 +7378,13 @@ function eo({ variant: e = "bar", className: t, children: n, ...r }) {
 		children: n
 	});
 }
-function to() {
+function ao() {
 	return /* @__PURE__ */ U("span", {
 		"aria-hidden": "true",
 		className: "mx-1 h-5 w-px shrink-0 bg-line"
 	});
 }
-function no({ children: e, className: t }) {
+function oo({ children: e, className: t }) {
 	return /* @__PURE__ */ U("div", {
 		className: G("flex items-center gap-0.5", t),
 		children: e
@@ -7342,8 +7392,8 @@ function no({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/Tour.tsx
-var ro = 8;
-function io({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
+var so = 8;
+function co({ 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);
@@ -7398,8 +7448,8 @@ function io({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 			layout: !0,
 			transition: K.surface,
 			style: {
-				top: u.top - ro,
-				left: u.left - ro,
+				top: u.top - so,
+				left: u.left - so,
 				width: u.width + 16,
 				height: u.height + 16
 			},
@@ -7444,7 +7494,7 @@ function io({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 			/* @__PURE__ */ W("div", {
 				className: "mt-4 flex items-center gap-3",
 				children: [
-					/* @__PURE__ */ U(aa, {
+					/* @__PURE__ */ U(la, {
 						steps: e.map((e, t) => ({
 							id: String(t),
 							label: String(e.title)
@@ -7472,7 +7522,7 @@ function io({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
 }
 //#endregion
 //#region src/components/Tree.tsx
-function ao({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], className: i }) {
+function lo({ 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;
@@ -7530,7 +7580,7 @@ function ao({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], cla
 }
 //#endregion
 //#region src/components/VirtualList.tsx
-function oo({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, itemKey: i, className: a }) {
+function uo({ 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,
@@ -7564,7 +7614,7 @@ function oo({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, item
 }
 //#endregion
 //#region src/components/WindowControls.tsx
-var so = [
+var fo = [
 	{
 		dir: "North",
 		className: "left-2 right-2 top-0 h-1 cursor-n-resize"
@@ -7598,8 +7648,8 @@ var so = [
 		className: "bottom-0 right-0 h-2.5 w-2.5 cursor-se-resize"
 	}
 ];
-function co({ onResizeStart: e, disabled: t }) {
-	return t ? null : /* @__PURE__ */ U(H, { children: so.map(({ dir: t, className: n }) => /* @__PURE__ */ U("div", {
+function po({ onResizeStart: e, disabled: t }) {
+	return t ? null : /* @__PURE__ */ U(H, { children: fo.map(({ dir: t, className: n }) => /* @__PURE__ */ U("div", {
 		"aria-hidden": "true",
 		"data-tauri-drag-region": "false",
 		onPointerDown: (n) => {
@@ -7610,7 +7660,7 @@ function co({ onResizeStart: e, disabled: t }) {
 }
 //#endregion
 //#region src/components/ActionBar.tsx
-function lo({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pinned: a, className: o }) {
+function mo({ 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),
@@ -7630,7 +7680,7 @@ function lo({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pin
 }
 //#endregion
 //#region src/components/ChoiceCard.tsx
-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) {
+var ho = 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"),
@@ -7680,10 +7730,10 @@ var uo = a(function({ selected: e, title: t, description: n, icon: r, meta: i, i
 		})]
 	});
 });
-uo.displayName = "ChoiceCard";
+ho.displayName = "ChoiceCard";
 //#endregion
 //#region src/components/Shelf.tsx
-function fo({ children: e, itemClassName: t = "w-40", bleed: n = !0, className: r, ...i }) {
+function go({ 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
@@ -7745,7 +7795,7 @@ function fo({ children: e, itemClassName: t = "w-40", bleed: n = !0, className:
 }
 //#endregion
 //#region src/components/Wizard.tsx
-function po(e, t = 0) {
+function _o(e, t = 0) {
 	let [n, r] = m(t), i = (t) => Math.max(0, Math.min(e.length - 1, t));
 	return {
 		index: n,
@@ -7757,11 +7807,11 @@ function po(e, t = 0) {
 		goTo: (e) => r(i(e))
 	};
 }
-function mo({ steps: e, index: t, onStepClick: n, title: r, description: i, progress: a = "bar", className: o, children: s }) {
+function vo({ 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(aa, {
+		children: [a !== "none" && /* @__PURE__ */ U(la, {
 			steps: e,
 			current: t,
 			onStepClick: n,
@@ -7801,7 +7851,7 @@ function mo({ steps: e, index: t, onStepClick: n, title: r, description: i, prog
 }
 //#endregion
 //#region src/components/SecretInput.tsx
-var ho = a(function({ value: e, onChange: t, status: n = { state: "idle" }, paste: r = !0, className: i, id: a, disabled: o, ...s }, c) {
+var yo = 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();
@@ -7862,10 +7912,10 @@ var ho = a(function({ value: e, onChange: t, status: n = { state: "idle" }, past
 		]
 	})] });
 });
-ho.displayName = "SecretInput";
+yo.displayName = "SecretInput";
 //#endregion
 //#region src/components/ReorderableList.tsx
-function go({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", handleOnly: a = !0, className: o, itemClassName: s, ...c }) {
+function bo({ 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);
@@ -7877,7 +7927,7 @@ function go({ 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(_o, {
+		children: e.map((t, o) => /* @__PURE__ */ U(xo, {
 			item: t,
 			index: o,
 			count: e.length,
@@ -7889,7 +7939,7 @@ function go({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", hand
 		}, n(t)))
 	});
 }
-function _o({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, className: o, children: s }) {
+function xo({ 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),
@@ -7919,7 +7969,7 @@ function _o({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, cl
 }
 //#endregion
 //#region src/components/AvatarPicker.tsx
-function vo({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i = 512, crop: a = !0, disabled: o, className: s }) {
+function So({ 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);
@@ -7951,7 +8001,7 @@ function vo({ 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(bo, {
+	}), /* @__PURE__ */ U(wo, {
 		src: l,
 		output: i,
 		onClose: () => u(null),
@@ -7960,8 +8010,8 @@ function vo({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i =
 		}
 	})] });
 }
-var yo = 288;
-function bo({ src: e, output: t, onClose: n, onDone: r }) {
+var Co = 288;
+function wo({ 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
@@ -7979,12 +8029,12 @@ function bo({ src: e, output: t, onClose: n, onDone: r }) {
 			});
 		}, t.src = e;
 	}, [e]);
-	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)
+	let h = (a ? Math.max(Co / a.width, Co / a.height) : 1) * s, g = (a?.width ?? 0) * h, _ = (a?.height ?? 0) * h, v = ((e) => ({
+		x: Math.min(Math.max(e.x, Co - g), 0),
+		y: Math.min(Math.max(e.y, Co - _), 0)
 	}))({
-		x: u.x + (yo - g) / 2,
-		y: u.y + (yo - _) / 2
+		x: u.x + (Co - g) / 2,
+		y: u.y + (Co - _) / 2
 	}), y = (e) => {
 		f.current = {
 			x: e.clientX,
@@ -8018,7 +8068,7 @@ function bo({ 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 / yo;
+					let n = e.getContext("2d"), i = t / Co;
 					n.drawImage(a, v.x * i, v.y * i, g * i, _ * i), r(e.toDataURL("image/webp", .9));
 				},
 				children: i.avatarPickerUse
@@ -8033,8 +8083,8 @@ function bo({ 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: yo,
-					height: yo
+					width: Co,
+					height: Co
 				},
 				children: [
 					a && /* @__PURE__ */ U("img", {
@@ -8063,7 +8113,7 @@ function bo({ src: e, output: t, onClose: n, onDone: r }) {
 				children: [/* @__PURE__ */ U(je, {
 					size: Z.md,
 					className: "shrink-0 text-fg-3"
-				}), /* @__PURE__ */ U(na, {
+				}), /* @__PURE__ */ U(oa, {
 					"aria-label": i.avatarPickerZoom,
 					value: s,
 					onChange: c,
@@ -8078,7 +8128,7 @@ function bo({ src: e, output: t, onClose: n, onDone: r }) {
 }
 //#endregion
 //#region src/components/Page.tsx
-function xo({ footer: e, mainRef: t, padding: n = "default", contentClassName: r, className: i, children: a, ...o }) {
+function To({ 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", {
@@ -8096,7 +8146,7 @@ function xo({ footer: e, mainRef: t, padding: n = "default", contentClassName: r
 }
 //#endregion
 //#region src/components/ModelSelect.tsx
-var So = (e, t) => /* @__PURE__ */ W("span", {
+var Eo = (e, t) => /* @__PURE__ */ W("span", {
 	className: "flex items-center gap-1",
 	children: [e.vision && /* @__PURE__ */ U(ut, {
 		tone: "info",
@@ -8106,7 +8156,7 @@ var So = (e, t) => /* @__PURE__ */ W("span", {
 		children: t.modelSelectAudio
 	})]
 });
-function Co({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, footer: a, disabled: o, id: s, className: c, ...l }) {
+function Do({ 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,
@@ -8115,14 +8165,14 @@ function Co({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 		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: [So(e, u), e.id === i && /* @__PURE__ */ U(ut, {
+			children: [Eo(e, u), e.id === i && /* @__PURE__ */ U(ut, {
 				tone: "accent",
 				dot: !0,
 				children: u.modelSelectDefault
 			})]
 		})
 	})), [e, i]);
-	if (!d) return /* @__PURE__ */ U(ta, {
+	if (!d) return /* @__PURE__ */ U(aa, {
 		id: s,
 		options: _,
 		value: t,
@@ -8152,7 +8202,7 @@ function Co({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 			}),
 			g && /* @__PURE__ */ U("span", {
 				className: "hidden @sm:flex",
-				children: So(g, u)
+				children: Eo(g, u)
 			}),
 			/* @__PURE__ */ U(N, {
 				size: Z.md,
@@ -8176,7 +8226,7 @@ function Co({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 						className: "flex flex-wrap items-center gap-1.5",
 						children: [
 							e.meta,
-							So(e, u),
+							Eo(e, u),
 							e.id === i && /* @__PURE__ */ U(ut, {
 								tone: "accent",
 								dot: !0,
@@ -8199,7 +8249,7 @@ function Co({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
 }
 //#endregion
 //#region src/components/Citation.tsx
-function wo({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, className: o }) {
+function Oo({ 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\./, "");
@@ -8268,10 +8318,10 @@ function wo({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
 		children: f
 	});
 }
-wo.displayName = "Citation";
+Oo.displayName = "Citation";
 //#endregion
 //#region src/components/FeedbackAction.tsx
-function To({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText: i, onRetry: a, children: o, className: s }) {
+function ko({ 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),
@@ -8327,16 +8377,16 @@ function To({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText:
 		]
 	});
 }
-To.displayName = "FeedbackAction";
+ko.displayName = "FeedbackAction";
 //#endregion
 //#region src/components/PromptSuggestions.tsx
-var Eo = {
+var Ao = {
 	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 Do({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i }) {
+function jo({ 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, {
@@ -8347,7 +8397,7 @@ function Do({ 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", Eo[r]),
+			className: G("grid gap-2.5", Ao[r]),
 			children: e.map((e) => /* @__PURE__ */ W("button", {
 				type: "button",
 				onClick: () => t(e.prompt, e),
@@ -8376,10 +8426,10 @@ function Do({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i })
 		})]
 	});
 }
-Do.displayName = "PromptSuggestions";
+jo.displayName = "PromptSuggestions";
 //#endregion
 //#region src/components/OtpInput.tsx
-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) {
+var Mo = 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();
@@ -8439,39 +8489,39 @@ var Oo = a(function({ length: e = 6, value: t = "", onChange: n, onComplete: r,
 		}, n))
 	});
 });
-Oo.displayName = "OtpInput";
+Mo.displayName = "OtpInput";
 //#endregion
 //#region src/layout/Box.tsx
-var ko = a(function({ as: e, className: t, ...n }, r) {
+var No = a(function({ as: e, className: t, ...n }, r) {
 	return /* @__PURE__ */ U(e ?? "div", {
 		ref: r,
 		className: G(t),
 		...n
 	});
-}), Ao = a(function({ as: e, className: t, ...n }, r) {
+}), Po = a(function({ as: e, className: t, ...n }, r) {
 	return /* @__PURE__ */ U(e ?? "div", {
 		ref: r,
 		className: G("flex items-center justify-center", t),
 		...n
 	});
-}), jo = {
+}), Fo = {
 	sm: "max-w-screen-sm",
 	md: "max-w-screen-md",
 	lg: "max-w-screen-lg",
 	xl: "max-w-screen-xl",
 	prose: "max-w-prose"
-}, Mo = a(function({ as: e, size: t = "lg", flush: n, className: r, ...i }, a) {
+}, Io = 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", jo[t], !n && "px-4 sm:px-6", r),
+		className: G("mx-auto w-full", Fo[t], !n && "px-4 sm:px-6", r),
 		...i
 	});
-}), No = {
+}), Lo = {
 	none: "",
 	sm: "my-2",
 	md: "my-4",
 	lg: "my-8"
-}, Po = a(function({ orientation: e = "horizontal", label: t, spacing: n = "none", className: r, ...i }, a) {
+}, Ro = a(function({ orientation: e = "horizontal", label: t, spacing: n = "none", className: r, ...i }, a) {
 	return e === "vertical" ? /* @__PURE__ */ U("div", {
 		ref: a,
 		role: "separator",
@@ -8481,7 +8531,7 @@ var ko = a(function({ as: e, className: t, ...n }, r) {
 	}) : t ? /* @__PURE__ */ W("div", {
 		ref: a,
 		role: "separator",
-		className: G("flex items-center gap-3", No[n], r),
+		className: G("flex items-center gap-3", Lo[n], r),
 		...i,
 		children: [
 			/* @__PURE__ */ U("span", { className: "h-px flex-1 bg-line" }),
@@ -8494,10 +8544,10 @@ var ko = a(function({ as: e, className: t, ...n }, r) {
 	}) : /* @__PURE__ */ U("div", {
 		ref: a,
 		role: "separator",
-		className: G("h-px w-full bg-line", No[n], r),
+		className: G("h-px w-full bg-line", Lo[n], r),
 		...i
 	});
-}), Fo = {
+}), zo = {
 	0: "gap-0",
 	.5: "gap-0.5",
 	1: "gap-1",
@@ -8512,31 +8562,31 @@ var ko = a(function({ as: e, className: t, ...n }, r) {
 	10: "gap-10",
 	12: "gap-12",
 	16: "gap-16"
-}, Io = {
+}, Bo = {
 	start: "items-start",
 	center: "items-center",
 	end: "items-end",
 	stretch: "items-stretch",
 	baseline: "items-baseline"
-}, Lo = {
+}, Vo = {
 	start: "justify-start",
 	center: "justify-center",
 	end: "justify-end",
 	between: "justify-between",
 	around: "justify-around",
 	evenly: "justify-evenly"
-}, Ro = {
+}, Ho = {
 	row: "flex-row",
 	column: "flex-col",
 	"row-reverse": "flex-row-reverse",
 	"column-reverse": "flex-col-reverse"
-}, zo = a(function({ as: e, direction: t = "row", align: n, justify: r, wrap: i, gap: a, inline: o, className: s, ...c }, l) {
+}, Uo = 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", Ro[t], n && Io[n], r && Lo[r], i && "flex-wrap", a !== void 0 && Fo[a], s),
+		className: G(o ? "inline-flex" : "flex", Ho[t], n && Bo[n], r && Vo[r], i && "flex-wrap", a !== void 0 && zo[a], s),
 		...c
 	});
-}), Bo = {
+}), Wo = {
 	base: {
 		1: "grid-cols-1",
 		2: "grid-cols-2",
@@ -8582,11 +8632,11 @@ var ko = a(function({ as: e, className: t, ...n }, r) {
 		6: "xl:grid-cols-6",
 		12: "xl:grid-cols-12"
 	}
-}, 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]);
+}, Go = 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" ? Wo.base[t] : Object.entries(t).map(([e, t]) => Wo[e][t]);
 	return /* @__PURE__ */ U(c, {
 		ref: s,
-		className: G("grid", Fo[n], l, i),
+		className: G("grid", zo[n], l, i),
 		style: r ? {
 			gridTemplateColumns: `repeat(auto-fit, minmax(min(${r}, 100%), 1fr))`,
 			...a
@@ -8596,7 +8646,7 @@ var ko = a(function({ as: e, className: t, ...n }, r) {
 });
 //#endregion
 //#region src/layout/Spacer.tsx
-function Ho({ className: e }) {
+function Ko({ className: e }) {
 	return /* @__PURE__ */ U("div", {
 		"aria-hidden": "true",
 		className: G("flex-1", e)
@@ -8604,21 +8654,21 @@ function Ho({ className: e }) {
 }
 //#endregion
 //#region src/layout/Stack.tsx
-function Uo(e, t, n) {
+function qo(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", Fo[r], i && Io[i], a && Lo[a], o && "flex-wrap", s),
+			className: G("flex", t === "column" ? "flex-col" : "flex-row", zo[r], i && Bo[i], a && Vo[a], o && "flex-wrap", s),
 			...c
 		});
 	});
 	return r.displayName = e, r;
 }
-var Wo = Uo("Stack", "column", { gap: 4 }), Go = Wo, Ko = Uo("HStack", "row", {
+var Jo = qo("Stack", "column", { gap: 4 }), Yo = Jo, Xo = qo("HStack", "row", {
 	gap: 3,
 	align: "center"
 });
 //#endregion
-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 };
+export { st as Accordion, ct as AccordionItem, mo as ActionBar, ht as Alert, St as AppBar, Gt as AppShell, Ki as AspectRatio, qt as AudioItem, Xt as Avatar, Qt as AvatarGroup, So as AvatarPicker, ut as Badge, tn as Banner, Er as BottomMenu, No 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, Po as Center, Mn as CharacterCard, Nn as CharacterCardSkeleton, Ln as Chart, Ve as ChartCell, Bn as Checkbox, Vn as Chip, ho as ChoiceCard, Oo as Citation, Gn as CodeBlock, Kn as Collapsible, ir as ColorPicker, cr as Combobox, fr as CommandPalette, hr as Composer, kr as ConfirmHost, Io as Container, Ar as ContextMenu, Hn as CopyButton, pt as CrispStringsProvider, Ia as DEFAULT_THEME, Pr as DatePicker, Ir as Dialog, zr as Diff, Ro as Divider, It as Dock, Jr as DownloadItem, Yr as Dropzone, Xr as EmptyState, Zr as ErrorState, ko as FeedbackAction, yt as Field, $r as FilterBar, Uo as Flex, ni as Form, ri as FormActions, wt as FrameProvider, Go as Grid, Xo as HStack, ur as Highlight, ai as HoverCard, oi as ICON_SIZE, si as Icon, J as IconButton, ci as ImageViewer, li as InfiniteScroll, Xi as InlineMarkdown, bt as Input, dr as Kbd, ca 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, Do as ModelSelect, Fi as MultiItemDownloadCard, Pt as NavBadge, Vt as NavLabel, Ht as NavRail, Ii as NumberInput, Mo as OtpInput, Fa as PRESETS, To 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, jo as PromptSuggestions, Zi as Prose, ea as Radio, $i as RadioGroup, _r as RecordingWave, bo as ReorderableList, ta as Resizable, Wn as ScrollArea, na as SearchField, yo as SecretInput, ra as Segmented, ia as Select, aa as SelectMenu, Tr as Sheet, go as Shelf, $ as Skeleton, jn as SkeletonRow, oa as Slider, Ko as Spacer, Rn as Sparkline, or as Spinner, vn as SplitButton, Jo as Stack, sa as StatTile, la as Stepper, An as Surface, ua as Switch, ga as Tab, Ft as TabBar, ha as TabList, _a as TabPanel, da as Table, ma as Tabs, va as TagInput, xa as Text, xt as Textarea, Ga as ThemeEditor, Va as ThemeProvider, qa as Timeline, Ja as TitleBar, no as Toaster, ro as ToggleGroup, io as Toolbar, oo as ToolbarGroup, ao as ToolbarSeparator, Nt as Tooltip, co as Tour, lo as Tree, ji as TypingDots, Yo as VStack, uo as VirtualList, Gi as VisuallyHidden, po as WindowResizeHandles, vo as Wizard, Bo as alignClass, Pa as applyTheme, G as cn, Wr as compactNumber, Or as confirm, Ta as contrastRatio, Lr as diffLines, dt as englishStrings, Ji as escapeHeadings, Kr as fileSize, zo as gapClass, Jn as getElementRef, Sa as hexToRgb, Z as icon, gn as iconSize, X as inputSurface, Ea as isLight, Vo as justifyClass, wa as luminance, qn as mergeRefs, Oa as mixHex, K as motion, Ca as normaliseHex, Da as readableOn, Ur as relativeTime, Na as themeToVars, wn as tintFromName, to 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, za as useTheme, ii as useUnsavedGuard, _o as useWizard };
 
 //# sourceMappingURL=index.js.map