@rinzai/zen 0.3.0 → 0.3.2

package/dist/zen.js

@@ -1,43 +1,42 @@
 "use client";
-import * as e from "react";
-import { cloneElement as t, createContext as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { createPortal as h, flushSync as g } from "react-dom";
+import { cloneElement as e, createContext as t, isValidElement as n, useCallback as r, useContext as i, useEffect as a, useId as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as m } from "react-dom";
 //#region packages/utils/cx.ts
-var _ = (...e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "string" || typeof t == "number" ? e + " " + t : Array.isArray(t) ? e + " " + _(...t) : typeof t == "object" ? e + " " + Object.entries(t).reduce((e, [t, n]) => n == null || n === !1 ? e : typeof n == "string" || typeof n == "number" ? e + " " + t + "-" + n : typeof n == "boolean" && n ? e + " " + t : e, "") : e, ""), v = "flex w-full cursor-default items-center rounded-lg px-3 py-2 text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07]";
-function y({ label: e, actions: t, className: n }) {
-	let r = `zen__menu-${s().replace(/[^\w-]/g, "")}`, i = u(null), a = t.filter((e) => !!e);
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
+var h = (...e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "string" || typeof t == "number" ? e + " " + t : Array.isArray(t) ? e + " " + h(...t) : typeof t == "object" ? e + " " + Object.entries(t).reduce((e, [t, n]) => n == null || n === !1 ? e : typeof n == "string" || typeof n == "number" ? e + " " + t + "-" + n : typeof n == "boolean" && n ? e + " " + t : e, "") : e, ""), g = "flex w-full cursor-default items-center rounded-lg px-3 py-2 text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07]";
+function _({ label: e, actions: t, className: n }) {
+	let r = `zen__menu-${o().replace(/[^\w-]/g, "")}`, i = l(null), a = t.filter((e) => !!e);
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
 		type: "button",
 		"aria-label": e,
 		"aria-haspopup": "menu",
 		popoverTarget: r,
-		className: _("text-muted-foreground grid size-9 shrink-0 place-items-center rounded-lg outline-hidden", "hover:bg-tint/[0.06] hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "[&:has(+:popover-open)]:bg-tint/[0.06]", n),
+		className: h("text-muted-foreground grid size-9 shrink-0 place-items-center rounded-lg outline-hidden", "hover:bg-tint/[0.06] hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "[&:has(+:popover-open)]:bg-tint/[0.06]", n),
 		style: { anchorName: `--${r}` },
-		children: /* @__PURE__ */ m("svg", {
+		children: /* @__PURE__ */ p("svg", {
 			viewBox: "0 0 16 16",
 			fill: "currentColor",
 			className: "size-4",
 			"aria-hidden": !0,
 			children: [
-				/* @__PURE__ */ p("circle", {
+				/* @__PURE__ */ f("circle", {
 					cx: "3",
 					cy: "8",
 					r: "1.4"
 				}),
-				/* @__PURE__ */ p("circle", {
+				/* @__PURE__ */ f("circle", {
 					cx: "8",
 					cy: "8",
 					r: "1.4"
 				}),
-				/* @__PURE__ */ p("circle", {
+				/* @__PURE__ */ f("circle", {
 					cx: "13",
 					cy: "8",
 					r: "1.4"
 				})
 			]
 		})
-	}), /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ f("div", {
 		ref: i,
 		id: r,
 		popover: "auto",
@@ -56,17 +55,17 @@ function y({ label: e, actions: t, className: n }) {
 		onToggle: (e) => {
 			e.nativeEvent.newState === "open" && i.current?.focus();
 		},
-		className: _("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", "[position-area:block-end_span-inline-start] [position-try-fallbacks:flip-block]"),
+		className: h("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", "[position-area:block-end_span-inline-start] [position-try-fallbacks:flip-block]"),
 		style: {
 			positionAnchor: `--${r}`,
 			inset: "auto",
 			margin: "6px 0"
 		},
-		children: a.map((e) => /* @__PURE__ */ p("button", {
+		children: a.map((e) => /* @__PURE__ */ f("button", {
 			type: "button",
 			role: "menuitem",
 			tabIndex: -1,
-			className: _(v, e.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"),
+			className: h(g, e.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"),
 			onClick: () => {
 				i.current?.hidePopover?.(), e.onClick();
 			},
@@ -76,9 +75,9 @@ function y({ label: e, actions: t, className: n }) {
 }
 //#endregion
 //#region packages/backdrop/index.tsx
-function b({ pattern: e, topoSrc: t }) {
+function v({ pattern: e, topoSrc: t }) {
 	let n = e ?? (t ? "contours" : "dots");
-	return o(() => {
+	return a(() => {
 		let e = document.documentElement, t = 0, n = -9999, r = -9999, i = /* @__PURE__ */ new WeakSet(), a = !0, o = () => {
 			t = 0, e.dataset.pointer = a ? "out" : "in", a || (e.style.setProperty("--mx", `${n}px`), e.style.setProperty("--my", `${r}px`));
 			let o = Array.from(document.querySelectorAll(".glow-edge")), s = o.map((e) => e.getBoundingClientRect());
@@ -99,31 +98,31 @@ function b({ pattern: e, topoSrc: t }) {
 		}), window.addEventListener("resize", s, { passive: !0 }), () => {
 			window.removeEventListener("pointermove", c), e.removeEventListener("pointerleave", l), window.removeEventListener("scroll", s, { capture: !0 }), window.removeEventListener("resize", s), cancelAnimationFrame(t);
 		};
-	}, []), /* @__PURE__ */ m("div", {
+	}, []), /* @__PURE__ */ p("div", {
 		className: "zen-backdrop",
 		"aria-hidden": !0,
 		style: t ? { "--zen-topo": `url("${t}")` } : void 0,
 		children: [
-			/* @__PURE__ */ p("div", { className: "zen-aurora zen-aurora--a" }),
-			/* @__PURE__ */ p("div", { className: "zen-aurora zen-aurora--b" }),
-			/* @__PURE__ */ p("div", { className: "zen-aurora zen-aurora--c" }),
-			n === "contours" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "zen-topo" }), /* @__PURE__ */ p("div", { className: "zen-topo zen-topo--lit" })] }) : /* @__PURE__ */ m(f, { children: [
-				/* @__PURE__ */ p("div", { className: "zen-dots" }),
-				/* @__PURE__ */ p("div", { className: "zen-dots zen-dots--ambient" }),
-				/* @__PURE__ */ p("div", { className: "zen-dots zen-dots--lit" })
+			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--a" }),
+			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--b" }),
+			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--c" }),
+			n === "contours" ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", { className: "zen-topo" }), /* @__PURE__ */ f("div", { className: "zen-topo zen-topo--lit" })] }) : /* @__PURE__ */ p(d, { children: [
+				/* @__PURE__ */ f("div", { className: "zen-dots" }),
+				/* @__PURE__ */ f("div", { className: "zen-dots zen-dots--ambient" }),
+				/* @__PURE__ */ f("div", { className: "zen-dots zen-dots--lit" })
 			] }),
-			/* @__PURE__ */ p("div", { className: "zen-vignette" })
+			/* @__PURE__ */ f("div", { className: "zen-vignette" })
 		]
 	});
 }
 //#endregion
 //#region packages/utils/cva.ts
-var x = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, S = (e, t) => (n) => {
-	if (t?.variants == null) return _(e, n?.class, n?.className);
+var y = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, b = (e, t) => (n) => {
+	if (t?.variants == null) return h(e, n?.class, n?.className);
 	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
 		let t = n?.[e], a = i?.[e];
 		if (t === null) return null;
-		let o = x(t) || x(a);
+		let o = y(t) || y(a);
 		return r[e][o];
 	}), o = n && Object.entries(n).reduce((e, [t, n]) => (n === void 0 || (e[t] = n), e), {}), s = t?.compoundVariants?.reduce((e, { class: t, className: n, ...r }) => Object.entries(r).every(([e, t]) => Array.isArray(t) ? t.includes({
 		...i,
@@ -136,20 +135,20 @@ var x = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, S = (e, t) =>
 		t,
 		n
 	] : e, []);
-	return _(e, a, s, n?.class, n?.className);
+	return h(e, a, s, n?.class, n?.className);
 };
 //#endregion
 //#region packages/badge/index.tsx
-function C({ variant: e, className: t, ...n }) {
-	return /* @__PURE__ */ p("span", {
+function x({ variant: e, className: t, ...n }) {
+	return /* @__PURE__ */ f("span", {
 		...n,
-		className: w({
+		className: S({
 			variant: e,
 			className: t
 		})
 	});
 }
-var w = S("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 text-[0.65rem] font-semibold tracking-wider uppercase whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-glow/50", {
+var S = b("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 text-[0.65rem] font-semibold tracking-wider uppercase whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-glow/50", {
 	variants: { variant: {
 		default: "border-glow/30 bg-glow/10 text-primary",
 		secondary: "border-tint/10 bg-tint/[0.06] text-foreground",
@@ -160,28 +159,28 @@ var w = S("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 t
 });
 //#endregion
 //#region packages/spinner/index.tsx
-function T({ className: e }) {
-	return /* @__PURE__ */ p("span", {
+function C({ className: e }) {
+	return /* @__PURE__ */ f("span", {
 		"aria-hidden": !0,
-		className: _("zen__spinner inline-block size-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent", e)
+		className: h("zen__spinner inline-block size-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent", e)
 	});
 }
 //#endregion
 //#region packages/button/index.tsx
-function E({ className: e, variant: t, size: n, loading: r = !1, disabled: i, children: a, ...o }) {
-	return /* @__PURE__ */ m("button", {
+function w({ className: e, variant: t, size: n, loading: r = !1, disabled: i, children: a, ...o }) {
+	return /* @__PURE__ */ p("button", {
 		disabled: i || r,
 		"aria-busy": r || void 0,
-		className: D({
+		className: T({
 			variant: t,
 			size: n,
 			className: e
 		}),
 		...o,
-		children: [r && /* @__PURE__ */ p(T, {}), a]
+		children: [r && /* @__PURE__ */ f(C, {}), a]
 	});
 }
-var D = S("zen__button inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden select-none transition-[background-color,border-color,box-shadow,color,transform] duration-200 ease-out active:scale-[0.97] focus-visible:ring-2 focus-visible:ring-glow/50 disabled:pointer-events-none disabled:opacity-50", {
+var T = b("zen__button inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden select-none transition-[background-color,border-color,box-shadow,color,transform] duration-200 ease-out active:scale-[0.97] focus-visible:ring-2 focus-visible:ring-glow/50 disabled:pointer-events-none disabled:opacity-50", {
 	variants: {
 		variant: {
 			default: "bg-primary bg-[linear-gradient(to_bottom,oklch(1_0_0/0.16),transparent)] text-primary-foreground shadow-[0_0_0_1px_oklch(var(--glow)/0.55),0_0_22px_-6px_oklch(var(--glow)/0.7),inset_0_1px_0_hsl(0_0%_100%/0.3)] hover:shadow-[0_0_0_1px_oklch(var(--glow)/0.8),0_0_28px_-4px_oklch(var(--glow)/0.85),inset_0_1px_0_hsl(0_0%_100%/0.35)]",
@@ -207,51 +206,82 @@ var D = S("zen__button inline-flex items-center justify-center gap-2 rounded-lg
 //#endregion
 //#region packages/card/index.tsx
 function ee({ title: e, action: t, children: n, className: r, ...i }) {
-	return /* @__PURE__ */ m("section", {
-		className: _("zen__card glass glow-edge text-card-foreground rounded-xl p-4 md:p-5", r),
+	return /* @__PURE__ */ p("section", {
+		className: h("zen__card glass glow-edge text-card-foreground rounded-xl p-4 md:p-5", r),
 		...i,
-		children: [(e || t) && /* @__PURE__ */ m("header", {
+		children: [(e || t) && /* @__PURE__ */ p("header", {
 			className: "mb-4 flex items-center justify-between gap-4",
-			children: [e && /* @__PURE__ */ p("h4", {
+			children: [e && /* @__PURE__ */ f("h4", {
 				className: "text-base tracking-tight",
 				children: e
 			}), t]
 		}), n]
 	});
 }
-function te({ label: e, value: t, hint: n, tone: r = "default", className: i }) {
-	return /* @__PURE__ */ m("div", {
-		className: _("zen__stat glass glow-edge flex flex-col gap-1 rounded-xl p-3.5 md:p-4", i),
+function E({ label: e, value: t, hint: n, tone: r = "default", className: i }) {
+	return /* @__PURE__ */ p("div", {
+		className: h("zen__stat glass glow-edge flex flex-col gap-1 rounded-xl p-3.5 md:p-4", i),
 		children: [
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ f("span", {
 				className: "text-muted-foreground truncate text-[0.68rem] tracking-[0.1em] uppercase sm:text-xs",
 				children: e
 			}),
-			/* @__PURE__ */ p("span", {
-				className: _("truncate text-lg font-semibold tracking-tight tabular-nums sm:text-xl md:text-2xl", r === "positive" && "text-primary text-glow", r === "negative" && "text-destructive"),
+			/* @__PURE__ */ f("span", {
+				className: h("truncate text-lg font-semibold tracking-tight tabular-nums sm:text-xl md:text-2xl", r === "positive" && "text-primary text-glow", r === "negative" && "text-destructive"),
 				children: t
 			}),
-			n && /* @__PURE__ */ p("span", {
+			n && /* @__PURE__ */ f("span", {
 				className: "text-muted-foreground text-xs",
 				children: n
 			})
 		]
 	});
 }
-function ne({ children: e, className: t }) {
-	return /* @__PURE__ */ p("div", {
-		className: _("grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 [&>*]:min-w-0", "[&>*:last-child:nth-child(odd)]:col-span-2 sm:[&>*:last-child:nth-child(odd)]:col-span-1", t),
+function te({ children: e, className: t }) {
+	return /* @__PURE__ */ f("div", {
+		className: h("grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 [&>*]:min-w-0", "[&>*:last-child:nth-child(odd)]:col-span-2 sm:[&>*:last-child:nth-child(odd)]:col-span-1", t),
 		children: e
 	});
 }
 //#endregion
+//#region packages/code-block/index.tsx
+function ne({ code: e, language: t, highlight: n, copyable: r = !0, variant: i = "glass", className: o, ...s }) {
+	let c = e.trim(), [l, d] = u(!1);
+	return a(() => {
+		if (!l) return;
+		let e = setTimeout(() => d(!1), 1500);
+		return () => clearTimeout(e);
+	}, [l]), /* @__PURE__ */ p("div", {
+		className: h("zen__code-block group relative", i === "glass" && "glass glow-edge overflow-hidden rounded-xl", o),
+		"data-language": t,
+		...s,
+		children: [/* @__PURE__ */ f("pre", {
+			className: "text-foreground m-0! overflow-x-auto rounded-none! bg-transparent! p-5! font-mono text-[13px]! leading-6 font-normal!",
+			children: n ? /* @__PURE__ */ f("code", {
+				className: "bg-transparent! p-0! text-inherit!",
+				dangerouslySetInnerHTML: { __html: n(c, t) }
+			}) : /* @__PURE__ */ f("code", {
+				className: "bg-transparent! p-0! text-inherit!",
+				children: c
+			})
+		}), r && /* @__PURE__ */ f("button", {
+			type: "button",
+			onClick: async () => {
+				await navigator.clipboard?.writeText(c), d(!0);
+			},
+			className: h("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100", l && "text-primary opacity-100"),
+			children: l ? "Copied" : "Copy"
+		})]
+	});
+}
+//#endregion
 //#region packages/utils/styles.ts
-var O = "h-10 rounded-lg border border-tint/10 bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow] duration-200 placeholder:text-muted-foreground hover:border-tint/20 focus-visible:border-glow/60 focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", re = _(O, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), ie = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", k = "relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", ae = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", A = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40";
+var D = "h-10 rounded-lg border border-tint/10 bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow] duration-200 placeholder:text-muted-foreground hover:border-tint/20 focus-visible:border-glow/60 focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", re = h(D, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), ie = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", O = "relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", k = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", A = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40";
 //#endregion
 //#region packages/popover/index.tsx
 function j(e) {
-	let { className: t, content: n, children: r, role: i = "tooltip", triggerType: a = "auto", trigger: c = "click", gap: l = "5px", triggerClassName: f, show: h, setShow: g, style: v, onOpen: y, onClose: b, ...x } = e, S = s().replace(/[^\w-]/g, ""), [C, w] = d(!1), T = u(null);
-	return o(() => {
+	let { className: t, content: n, children: r, role: i = "tooltip", triggerType: s = "auto", trigger: c = "click", gap: d = "5px", triggerClassName: m, show: g, setShow: _, style: v, onOpen: y, onClose: b, ...x } = e, S = o().replace(/[^\w-]/g, ""), [C, w] = u(!1), T = l(null);
+	return a(() => {
 		let e = T.current;
 		if (!e) return;
 		let t = () => {
@@ -262,20 +292,20 @@ function j(e) {
 		return e.addEventListener("popover:open", t), e.addEventListener("popover:close", n), () => {
 			e.removeEventListener("popover:open", t), e.removeEventListener("popover:close", n);
 		};
-	}, [y, b]), o(() => {
-		a === "manual" && (h ? T.current?.showPopover?.() : T.current?.hidePopover?.());
-	}, [h, a]), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+	}, [y, b]), a(() => {
+		s === "manual" && (g ? T.current?.showPopover?.() : T.current?.hidePopover?.());
+	}, [g, s]), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
 		"aria-expanded": C,
-		className: _("max-w-fit min-w-fit", f),
+		className: h("max-w-fit min-w-fit", m),
 		style: { anchorName: `--zen-popover-anchor-${S}` },
 		popoverTarget: `zen__popover-${S}`,
 		popoverTargetAction: "toggle",
 		onClick: c === "click" ? (e) => {
-			switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), a) {
+			switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), s) {
 				case "auto":
 					T.current?.togglePopover?.();
 					break;
-				case "manual": g?.(!h);
+				case "manual": _?.(!g);
 			}
 		} : void 0,
 		onMouseEnter: c === "hover" ? (e) => {
@@ -285,16 +315,16 @@ function j(e) {
 			e.stopPropagation(), T.current?.hidePopover?.();
 		} : void 0,
 		children: r
-	}), /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ f("div", {
 		...x,
 		ref: T,
 		role: i,
-		popover: a,
+		popover: s,
 		id: `zen__popover-${S}`,
-		className: _("zen__popover fixed z-50 w-[anchor-size(width)] min-w-max [justify-self:anchor-center] overflow-visible p-0 [position-area:block-end_center]", ie, t),
+		className: h("zen__popover fixed z-50 w-[anchor-size(width)] min-w-max [justify-self:anchor-center] overflow-visible p-0 [position-area:block-end_center]", ie, t),
 		style: {
 			...v,
-			"--gap": l,
+			"--gap": d,
 			top: "calc(anchor(bottom) + var(--gap))",
 			left: "calc(anchor(center) - 50%)",
 			positionAnchor: `--zen-popover-anchor-${S}`
@@ -305,18 +335,18 @@ function j(e) {
 //#endregion
 //#region packages/collapse/index.tsx
 function M(e) {
-	let { items: t = [], children: n, moreItemsLabel: r = "", parentRef: i, data: a, estimator: s = (e, t) => t + 30, font: c = "12px Inter", badgeVariant: u = "secondary", badgeStyles: h } = e, [g, v] = d({
+	let { items: t = [], children: n, moreItemsLabel: r = "", parentRef: i, data: o, estimator: s = (e, t) => t + 30, font: l = "12px Inter", badgeVariant: m = "secondary", badgeStyles: g } = e, [_, v] = u({
 		visible: t,
 		hidden: []
-	}), y = l(() => {
+	}), y = c(() => {
 		if (typeof document > "u") return null;
 		let e = document.createElement("canvas").getContext("2d");
-		return e && (e.font = c), e;
+		return e && (e.font = l), e;
 	}, []), b = () => {
 		let e = i?.current;
 		if (!e) return;
 		let n = e.offsetWidth;
-		if (x.reduce((e, t) => e + t, 0) <= n - 20) {
+		if (S.reduce((e, t) => e + t, 0) <= n - 20) {
 			v({
 				visible: t,
 				hidden: []
@@ -324,14 +354,14 @@ function M(e) {
 			return;
 		}
 		let a = [], o = [], c = s(r, (y?.measureText(r).width ?? 0) + 10);
-		x?.reduce((e, r, i) => (e + r + c > n - 20 ? o.push(t[i]) : a.push(t[i]), e + r), 0), v({
+		S?.reduce((e, r, i) => (e + r + c > n - 20 ? o.push(t[i]) : a.push(t[i]), e + r), 0), v({
 			visible: a,
 			hidden: o
 		});
-	}, x = l(() => t?.map((e) => s(e, y?.measureText(e).width ?? 0)) ?? [], [t]);
-	return o(() => {
+	}, S = c(() => t?.map((e) => s(e, y?.measureText(e).width ?? 0)) ?? [], [t]);
+	return a(() => {
 		b();
-	}, [t]), o(() => {
+	}, [t]), a(() => {
 		if (!i?.current) return;
 		let e = new ResizeObserver(() => {
 			b();
@@ -339,48 +369,48 @@ function M(e) {
 		return e.observe(i.current), () => {
 			e.disconnect();
 		};
-	}, [t]), /* @__PURE__ */ m(f, { children: [g.visible?.map((e, t) => n(e, t, a?.[t])), g.hidden?.length > 0 && /* @__PURE__ */ p(j, {
+	}, [t]), /* @__PURE__ */ p(d, { children: [_.visible?.map((e, t) => n(e, t, o?.[t])), _.hidden?.length > 0 && /* @__PURE__ */ f(j, {
 		trigger: "click",
-		content: /* @__PURE__ */ p("div", {
+		content: /* @__PURE__ */ f("div", {
 			className: "grid max-h-60 grid-flow-row grid-cols-2 gap-3 overflow-auto p-2",
-			children: g.hidden.map((e, t) => n(e, g.visible.length + t, a?.[g.visible.length + t]))
+			children: _.hidden.map((e, t) => n(e, _.visible.length + t, o?.[_.visible.length + t]))
 		}),
-		children: /* @__PURE__ */ p(C, {
-			className: _("cursor-pointer", h),
-			variant: u,
-			"aria-label": `Show ${g.hidden.length} more ${r}`,
-			children: /* @__PURE__ */ p("span", { children: `+${g.hidden.length} ${r}` })
+		children: /* @__PURE__ */ f(x, {
+			className: h("cursor-pointer", g),
+			variant: m,
+			"aria-label": `Show ${_.hidden.length} more ${r}`,
+			children: /* @__PURE__ */ f("span", { children: `+${_.hidden.length} ${r}` })
 		}, "more_items_button")
 	})] });
 }
 //#endregion
 //#region packages/dialog/index.tsx
-function N({ open: e, onOpenChange: t, title: n, description: r, children: i, dismissible: a = !0, initialFocus: c, size: l = "md", className: d, role: f }) {
-	let h = u(null), g = s(), v = s();
-	return o(() => {
-		let t = h.current;
+function N({ open: e, onOpenChange: t, title: n, description: r, children: i, dismissible: s = !0, initialFocus: c, size: u = "md", className: d, role: m }) {
+	let g = l(null), _ = o(), v = o();
+	return a(() => {
+		let t = g.current;
 		t && (e && !t.open ? (t.showModal(), c?.current?.focus()) : !e && t.open && t.close());
-	}, [e, c]), /* @__PURE__ */ p("dialog", {
-		ref: h,
-		role: f,
-		"aria-labelledby": g,
+	}, [e, c]), /* @__PURE__ */ f("dialog", {
+		ref: g,
+		role: m,
+		"aria-labelledby": _,
 		"aria-describedby": r ? v : void 0,
-		className: _("zen__dialog glass glass-blur glow-edge text-card-foreground", "bg-card/90! m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] overflow-visible rounded-xl p-0", l === "lg" ? "w-[60rem]" : "w-[28rem]", "backdrop:bg-black/50 backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", d),
+		className: h("zen__dialog glass glass-blur glow-edge text-card-foreground", "bg-card/90! m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] overflow-visible rounded-xl p-0", u === "lg" ? "w-[60rem]" : "w-[28rem]", "backdrop:bg-black/50 backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", d),
 		onCancel: (e) => {
-			e.preventDefault(), a && t?.(!1);
+			e.preventDefault(), s && t?.(!1);
 		},
 		onClick: (e) => {
-			e.target === e.currentTarget && a && t?.(!1);
+			e.target === e.currentTarget && s && t?.(!1);
 		},
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "flex max-h-[calc(100dvh-2rem)] flex-col gap-4 overflow-x-hidden overflow-y-auto p-6",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ p("h2", {
-					id: g,
+				children: [/* @__PURE__ */ f("h2", {
+					id: _,
 					className: "text-lg font-semibold",
 					children: n
-				}), r && /* @__PURE__ */ p("p", {
+				}), r && /* @__PURE__ */ f("p", {
 					id: v,
 					className: "text-muted-foreground mt-0! text-sm leading-5",
 					children: r
@@ -391,22 +421,22 @@ function N({ open: e, onOpenChange: t, title: n, description: r, children: i, di
 }
 //#endregion
 //#region packages/confirm-dialog/index.tsx
-function P({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i, cancelLabel: a = "Cancel", destructive: o = !1, onConfirm: s }) {
-	return /* @__PURE__ */ p(N, {
+function ae({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i, cancelLabel: a = "Cancel", destructive: o = !1, onConfirm: s }) {
+	return /* @__PURE__ */ f(N, {
 		role: "alertdialog",
 		open: e,
 		onOpenChange: t,
 		title: n,
 		description: r,
 		className: "w-[26rem]",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "flex justify-end gap-2",
-			children: [/* @__PURE__ */ p(E, {
+			children: [/* @__PURE__ */ f(w, {
 				variant: "outline",
 				autoFocus: !0,
 				onClick: () => t(!1),
 				children: a
-			}), /* @__PURE__ */ p(E, {
+			}), /* @__PURE__ */ f(w, {
 				variant: o ? "destructive" : "default",
 				onClick: () => {
 					s(), t(!1);
@@ -417,828 +447,9 @@ function P({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i
 	});
 }
 //#endregion
-//#region node_modules/.pnpm/@tanstack+virtual-core@3.17.11/node_modules/@tanstack/virtual-core/dist/esm/lazy-measurements.js
-function oe(e) {
-	return typeof e == "object" ? e.key : e;
-}
-function se(e, t) {
-	let n = e.length;
-	return new Proxy(e, { get(e, r, i) {
-		if (typeof r == "string") {
-			let i = r.charCodeAt(0);
-			if (i >= 48 && i <= 57) {
-				let i = +r;
-				if (Number.isInteger(i) && i >= 0 && i < n) {
-					let n = e[i];
-					if (typeof n != "object") {
-						let r = t[i * 2];
-						n = e[i] = {
-							index: i,
-							key: n,
-							start: r,
-							size: t[i * 2 + 1],
-							end: r + t[i * 2 + 1],
-							lane: 0
-						};
-					}
-					return n;
-				}
-			}
-			if (r === "length") return n;
-		}
-		return Reflect.get(e, r, i);
-	} });
-}
-//#endregion
-//#region node_modules/.pnpm/@tanstack+virtual-core@3.17.11/node_modules/@tanstack/virtual-core/dist/esm/utils.js
-function F(e, t, n) {
-	let r = n.initialDeps ?? [], i, a = !0;
-	function o() {
-		let o = process.env.NODE_ENV !== "production" && !!n.key && !!n.debug?.call(n), s = 0;
-		o && (s = Date.now());
-		let c = e();
-		if (!(c.length !== r.length || c.some((e, t) => r[t] !== e))) return i;
-		r = c;
-		let l = 0;
-		if (o && (l = Date.now()), i = t(...c), o) {
-			let e = Math.round((Date.now() - s) * 100) / 100, t = Math.round((Date.now() - l) * 100) / 100, r = t / 16, i = (e, t) => {
-				for (e = String(e); e.length < t;) e = " " + e;
-				return e;
-			};
-			console.info(`%c⏱ ${i(t, 5)} /${i(e, 5)} ms`, `
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(0, Math.min(120 - 120 * r, 120))}deg 100% 31%);`, n?.key);
-		}
-		return n?.onChange && !(a && n.skipInitialOnChange) && n.onChange(i), a = !1, i;
-	}
-	return o.updateDeps = (e) => {
-		r = e;
-	}, o;
-}
-function I(e, t) {
-	if (e === void 0) throw Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
-	return e;
-}
-var L = (e, t) => Math.abs(e - t) < 1.01, ce = (e, t, n) => {
-	let r;
-	return Object.assign(function(...i) {
-		e.clearTimeout(r), r = e.setTimeout(() => t.apply(this, i), n);
-	}, { cancel: () => {
-		e.clearTimeout(r);
-	} });
-}, R, z = () => {
-	if (R !== void 0) return R;
-	if (typeof navigator > "u") return R = !1;
-	if (/iP(hone|od|ad)/.test(navigator.userAgent)) return R = !0;
-	let e = navigator.maxTouchPoints;
-	return R = navigator.platform === "MacIntel" && e !== void 0 && e > 0;
-}, B = (e) => {
-	let { offsetWidth: t, offsetHeight: n } = e;
-	return {
-		width: t,
-		height: n
-	};
-}, le = (e) => e, ue = (e) => {
-	let t = Math.max(e.startIndex - e.overscan, 0), n = Math.min(e.endIndex + e.overscan, e.count - 1) - t + 1, r = Array(n);
-	for (let e = 0; e < n; e++) r[e] = t + e;
-	return r;
-}, de = (e, t) => {
-	let n = e.scrollElement;
-	if (!n) return;
-	let r = e.targetWindow;
-	if (!r) return;
-	let i = (e) => {
-		let { width: n, height: r } = e;
-		t({
-			width: Math.round(n),
-			height: Math.round(r)
-		});
-	};
-	if (i(B(n)), !r.ResizeObserver) return () => {};
-	let a = new r.ResizeObserver((t) => {
-		let r = () => {
-			let e = t[0];
-			if (e?.borderBoxSize) {
-				let t = e.borderBoxSize[0];
-				if (t) {
-					i({
-						width: t.inlineSize,
-						height: t.blockSize
-					});
-					return;
-				}
-			}
-			i(B(n));
-		};
-		e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
-	});
-	return a.observe(n, { box: "border-box" }), () => {
-		a.unobserve(n);
-	};
-}, V = { passive: !0 }, H = typeof window > "u" || "onscrollend" in window, fe = (e, t, n) => {
-	let r = e.scrollElement;
-	if (!r) return;
-	let i = e.targetWindow;
-	if (!i) return;
-	let a = e.options.useScrollendEvent && H, o = 0, s = a ? null : ce(i, () => t(n(r), !1), e.options.isScrollingResetDelay), c = (e) => () => {
-		o = n(r), s?.(), t(o, e);
-	}, l = c(!0), u = c(!1);
-	return r.addEventListener("scroll", l, V), a && r.addEventListener("scrollend", u, V), () => {
-		r.removeEventListener("scroll", l), a && r.removeEventListener("scrollend", u), s?.cancel();
-	};
-}, pe = (e, t) => fe(e, t, (t) => {
-	let { horizontal: n, isRtl: r } = e.options;
-	return n ? t.scrollLeft * (r && -1 || 1) : t.scrollTop;
-}), me = (e, t, n) => {
-	if (n.options.useCachedMeasurements) {
-		let t = n.indexFromElement(e), r = n.options.getItemKey(t);
-		return n.itemSizeCache.get(r) ?? n.options.estimateSize(t);
-	}
-	if (t?.borderBoxSize) {
-		let e = t.borderBoxSize[0];
-		if (e) return Math.round(e[n.options.horizontal ? "inlineSize" : "blockSize"]);
-	}
-	if (!t) {
-		let t = n.indexFromElement(e), r = n.options.getItemKey(t), i = n.itemSizeCache.get(r);
-		if (i !== void 0) return i;
-	}
-	return e[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, he = (e, { adjustments: t = 0, behavior: n }, r) => {
-	var i, a;
-	(a = (i = r.scrollElement)?.scrollTo) == null || a.call(i, {
-		[r.options.horizontal ? "left" : "top"]: e + t,
-		behavior: n
-	});
-};
-function ge(e, t, n, r) {
-	if (t === 0) return !1;
-	let i = r(0), a = /* @__PURE__ */ new Set(), o = 0;
-	for (; o < e;) {
-		let e = n(o);
-		if (e === i) break;
-		a.add(e), o++;
-	}
-	let s = e - o;
-	if (s === 0 || s >= t) return !1;
-	for (let e = 0; e < s; e++) if (r(e) !== n(o + e)) return !1;
-	for (let e = s; e < t; e++) if (a.has(r(e))) return !1;
-	return !0;
-}
-var _e = class {
-	constructor(e) {
-		this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this._singleLaneMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._intendedScrollOffset = null, this._clampedAdjustment = null, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
-			var e;
-			return ((e = this.targetWindow?.performance)?.now)?.call(e) ?? Date.now();
-		}, this.observer = /* @__PURE__ */ (() => {
-			let e = null, t = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((e) => {
-				e.forEach((e) => {
-					let t = () => {
-						let t = e.target, n = this.indexFromElement(t);
-						if (!t.isConnected) {
-							this.observer.unobserve(t);
-							for (let [e, n] of this.elementsCache) if (n === t) {
-								this.elementsCache.delete(e);
-								break;
-							}
-							return;
-						}
-						this.isIndexInRange(n) && this.shouldMeasureDuringScroll(n) && this.resizeItem(n, this.options.measureElement(t, e, this));
-					};
-					this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(t) : t();
-				});
-			}));
-			return {
-				disconnect: () => {
-					var n;
-					(n = t()) == null || n.disconnect(), e = null;
-				},
-				observe: (e) => t()?.observe(e, { box: "border-box" }),
-				unobserve: (e) => t()?.unobserve(e)
-			};
-		})(), this.range = null, this.setOptions = (e) => {
-			let t = {
-				debug: !1,
-				initialOffset: 0,
-				overscan: 1,
-				paddingStart: 0,
-				paddingEnd: 0,
-				scrollPaddingStart: 0,
-				scrollPaddingEnd: 0,
-				horizontal: !1,
-				getItemKey: le,
-				rangeExtractor: ue,
-				onChange: () => {},
-				measureElement: me,
-				initialRect: {
-					width: 0,
-					height: 0
-				},
-				scrollMargin: 0,
-				gap: 0,
-				indexAttribute: "data-index",
-				initialMeasurementsCache: [],
-				lanes: 1,
-				anchorTo: "start",
-				followOnAppend: !1,
-				scrollEndThreshold: 1,
-				isScrollingResetDelay: 150,
-				enabled: !0,
-				isRtl: !1,
-				useScrollendEvent: !1,
-				useAnimationFrameWithResizeObserver: !1,
-				laneAssignmentMode: "estimate",
-				useCachedMeasurements: !1
-			};
-			for (let n in e) {
-				let r = e[n];
-				r !== void 0 && (t[n] = r);
-			}
-			let n = this.options, r = null, i = null, a = !1;
-			if (n !== void 0 && n.enabled && t.enabled && t.anchorTo === "end" && this.scrollElement !== null) {
-				let e = n.count, o = t.count, s = this.getMeasurements(), c = this._singleLaneMeasurements?.items ?? s, l = (e) => oe(c[e]), u = e > 0 ? l(0) : null, d = e > 0 ? l(e - 1) : null;
-				if (o !== e || e > 0 && o > 0 && (t.getItemKey(0) !== u || t.getItemKey(o - 1) !== d)) {
-					a = !0;
-					let c = e > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? s[0] : null;
-					c && (r = [c.key, this.getScrollOffset() - c.start]);
-					let u = t.followOnAppend === !0 ? "auto" : t.followOnAppend || null;
-					u && o > 0 && this.isAtEnd(n.scrollEndThreshold) && (e === 0 || t.getItemKey(o - 1) !== d) && (o > e || ge(e, o, l, t.getItemKey)) && (i = u);
-				}
-			}
-			this.options = t, a && (this.pendingMin = 0, this.itemSizeCacheVersion++);
-			let o = !1, s = 0;
-			if (r && this.scrollOffset !== null) {
-				let [e, t] = r, n = this.getMeasurements(), { count: a, getItemKey: c } = this.options, l = 0;
-				for (; l < a && c(l) !== e;) l++;
-				if (l < a) {
-					let e = n[l];
-					if (e) {
-						let n = Math.max(0, e.start + t);
-						!i && n !== this.scrollOffset && (s = n - this.scrollOffset, this.scrollOffset = n, o = !0);
-					}
-				}
-			}
-			(o || i) && (this.pendingScrollAnchor = [
-				o ? r[0] : null,
-				o ? r[1] : 0,
-				i,
-				s
-			]);
-		}, this.notify = (e) => {
-			var t, n;
-			(n = (t = this.options).onChange) == null || n.call(t, this, e);
-		}, this.maybeNotify = F(() => (this.calculateRange(), [
-			this.isScrolling,
-			this.range ? this.range.startIndex : null,
-			this.range ? this.range.endIndex : null
-		]), (e) => {
-			this.notify(e);
-		}, {
-			key: process.env.NODE_ENV !== "production" && "maybeNotify",
-			debug: () => this.options.debug,
-			initialDeps: [
-				this.isScrolling,
-				this.range ? this.range.startIndex : null,
-				this.range ? this.range.endIndex : null
-			]
-		}), this.cleanup = () => {
-			this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.isScrolling = !1, this.scrollDirection = null, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._clampedAdjustment = null, this.scrollElement = null, this.targetWindow = null;
-		}, this._didMount = () => () => {
-			this.cleanup();
-		}, this._willUpdate = () => {
-			let e = this.options.enabled ? this.options.getScrollElement() : null;
-			if (this.scrollElement !== e) {
-				if (this.cleanup(), !e) {
-					this.maybeNotify();
-					return;
-				}
-				if (this.scrollElement = e, this.targetWindow = this.scrollElement && "ownerDocument" in this.scrollElement ? this.scrollElement.ownerDocument.defaultView : this.scrollElement?.window ?? null, this.elementsCache.forEach((e) => {
-					this.observer.observe(e);
-				}), this.unsubs.push(this.options.observeElementRect(this, (e) => {
-					this.scrollRect = e, this.maybeNotify();
-				})), this.unsubs.push(this.options.observeElementOffset(this, (e, t) => {
-					if (t && this._intendedScrollOffset === null && e === this.scrollOffset) return;
-					this._intendedScrollOffset !== null && Math.abs(e - this._intendedScrollOffset) < 1.5 && (e = this._intendedScrollOffset), this._intendedScrollOffset = null, this._clampedAdjustment !== null && Math.abs(e - this._clampedAdjustment.maxAtWrite) >= 1.5 && (this._clampedAdjustment = null), this.scrollAdjustments = 0;
-					let n = this.getScrollOffset();
-					this.scrollDirection = t ? n === e ? this.scrollDirection : n < e ? "forward" : "backward" : null, this.scrollOffset = e, this.isScrolling = t, this._flushIosDeferredIfReady(), this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
-				})), "addEventListener" in this.scrollElement) {
-					let e = this.scrollElement, t = () => {
-						this._iosTouching = !0, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
-					}, n = () => {
-						this._iosTouching = !1, z() && this.targetWindow != null && (this._iosJustTouchEnded = !0, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
-							this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._flushIosDeferredIfReady();
-						}, 150));
-					};
-					e.addEventListener("touchstart", t, V), e.addEventListener("touchend", n, V), this.unsubs.push(() => {
-						e.removeEventListener("touchstart", t), e.removeEventListener("touchend", n), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
-					});
-				}
-				this._scrollToOffset(this.getScrollOffset(), {
-					adjustments: void 0,
-					behavior: void 0
-				});
-			}
-			let t = this.pendingScrollAnchor;
-			if (this.pendingScrollAnchor = null, t && this.scrollElement && this.options.enabled) {
-				let [e, n, r, i] = t;
-				e !== null && !r && (z() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? i !== 0 && (this._iosDeferredAdjustment += i) : this.scrollState?.behavior === "smooth" && !L(this.getScrollOffset() - i, this.scrollState.lastTargetOffset) || this._scrollToOffset(this.getScrollOffset(), {
-					adjustments: void 0,
-					behavior: void 0
-				})), r && this.scrollToEnd({ behavior: r });
-			}
-			this._retryClampedAdjustment();
-		}, this._retryClampedAdjustment = () => {
-			if (this._clampedAdjustment === null || !this.scrollElement || !this.options.enabled) return;
-			let { target: e, maxAtWrite: t } = this._clampedAdjustment, n = this.getMaxScrollOffset();
-			n > t + .5 && (this._clampedAdjustment = e > n + .5 ? {
-				target: e,
-				maxAtWrite: n
-			} : null, this._scrollToOffset(e, {
-				adjustments: void 0,
-				behavior: void 0
-			}));
-		}, this._flushIosDeferredIfReady = () => {
-			if (this._iosDeferredAdjustment === 0 || this.isScrolling || this._iosTouching || this._iosJustTouchEnded) return;
-			let e = this.getScrollOffset(), t = this.getMaxScrollOffset();
-			if (e < 0 || e > t) return;
-			if (this._iosDeferredAdjustment < 0 && e >= t - 1) {
-				this._iosDeferredAdjustment = 0;
-				return;
-			}
-			let n = this._iosDeferredAdjustment;
-			this._iosDeferredAdjustment = 0, this._scrollToOffset(e, {
-				adjustments: this.scrollAdjustments += n,
-				behavior: void 0
-			});
-		}, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getMeasurementOptions = F(() => [
-			this.options.count,
-			this.options.paddingStart,
-			this.options.scrollMargin,
-			this.options.getItemKey,
-			this.options.enabled,
-			this.options.lanes,
-			this.options.laneAssignmentMode,
-			this.options.gap
-		], (e, t, n, r, i, a, o, s) => (this.prevLanes !== void 0 && this.prevLanes !== a && (this.lanesChangedFlag = !0), this.prevLanes = a, this.pendingMin = null, {
-			count: e,
-			paddingStart: t,
-			scrollMargin: n,
-			getItemKey: r,
-			enabled: i,
-			lanes: a,
-			laneAssignmentMode: o,
-			gap: s
-		}), { key: !1 }), this.isIndexInRange = (e) => e >= 0 && e < this.options.count, this.getMeasurements = F(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a, laneAssignmentMode: o, gap: s }, c) => {
-			let l = this.itemSizeCache;
-			if (!i) return this.measurementsCache = [], this._singleLaneMeasurements = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
-			if (this.laneAssignments.size > e) for (let t of this.laneAssignments.keys()) t >= e && this.laneAssignments.delete(t);
-			this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this._singleLaneMeasurements = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMin = null), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((e) => {
-				this.itemSizeCache.set(e.key, e.size);
-			}));
-			let u = this.lanesSettling ? 0 : this.pendingMin ?? 0;
-			if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1), a === 1) {
-				let i = e * 2, a = this._singleLaneMeasurements?.flat;
-				if (!a || a.length < i) {
-					let e = new Float64Array(i);
-					a && u > 0 && e.set(a.subarray(0, u * 2)), a = e;
-				}
-				let o = u === 0 ? Array(e) : this._singleLaneMeasurements.items.slice(), c;
-				if (u === 0) c = t + n;
-				else {
-					let e = u - 1;
-					c = a[e * 2] + a[e * 2 + 1] + s;
-				}
-				for (let t = u; t < e; t++) {
-					let e = r(t);
-					o[t] = e;
-					let n = l.get(e), i = typeof n == "number" ? n : this.options.estimateSize(t);
-					a[t * 2] = c, a[t * 2 + 1] = i, c += i + s;
-				}
-				this._singleLaneMeasurements = {
-					flat: a,
-					items: o
-				};
-				let d = se(o, a);
-				return this.measurementsCache = d, d;
-			}
-			let d = this.measurementsCache.slice(0, u), f = Array(a).fill(void 0), p = new Float64Array(a), m = 0;
-			for (let e = 0; e < u; e++) {
-				let t = d[e];
-				t && (f[t.lane] === void 0 && m++, f[t.lane] = e, p[t.lane] = t.end);
-			}
-			for (let i = u; i < e; i++) {
-				let e = r(i), c = this.laneAssignments.get(i), u, h, g = o === "estimate" || l.has(e);
-				if (c !== void 0 && this.options.lanes > 1) {
-					u = c;
-					let e = f[u], r = e === void 0 ? void 0 : d[e];
-					h = r ? r.end + s : t + n;
-				} else if (m === a) {
-					let e = 0, t = p[0], n = f[0];
-					for (let r = 1; r < a; r++) {
-						let i = p[r];
-						(i < t || i === t && f[r] < n) && (e = r, t = i, n = f[r]);
-					}
-					u = e, h = t + s, g && this.laneAssignments.set(i, u);
-				} else u = i % this.options.lanes, h = t + n, g && this.laneAssignments.set(i, u);
-				let _ = l.get(e), v = typeof _ == "number" ? _ : this.options.estimateSize(i), y = h + v;
-				d[i] = {
-					index: i,
-					start: h,
-					size: v,
-					end: y,
-					key: e,
-					lane: u
-				}, f[u] === void 0 && m++, f[u] = i, p[u] = y;
-			}
-			return this.measurementsCache = d, d;
-		}, {
-			key: process.env.NODE_ENV !== "production" && "getMeasurements",
-			debug: () => this.options.debug
-		}), this.calculateRange = F(() => [
-			this.getMeasurements(),
-			this.getSize(),
-			this.getScrollOffset(),
-			this.options.lanes
-		], (e, t, n, r) => e.length === 0 || t === 0 ? (this.range = null, null) : (this.range = ye(e, t, n, r, r === 1 && this._singleLaneMeasurements !== null ? this._singleLaneMeasurements.flat : null), this.range), {
-			key: process.env.NODE_ENV !== "production" && "calculateRange",
-			debug: () => this.options.debug
-		}), this.getVirtualIndexes = F(() => {
-			let e = null, t = null, n = this.calculateRange();
-			return n && (e = n.startIndex, t = n.endIndex), this.maybeNotify.updateDeps([
-				this.isScrolling,
-				e,
-				t
-			]), [
-				this.options.rangeExtractor,
-				this.options.overscan,
-				this.options.count,
-				e,
-				t
-			];
-		}, (e, t, n, r, i) => r === null || i === null ? [] : e({
-			startIndex: r,
-			endIndex: i,
-			overscan: t,
-			count: n
-		}), {
-			key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
-			debug: () => this.options.debug
-		}), this.indexFromElement = (e) => {
-			let t = this.options.indexAttribute, n = e.getAttribute(t);
-			return n ? parseInt(n, 10) : (console.warn(`Missing attribute name '${t}={index}' on measured element.`), -1);
-		}, this.shouldMeasureDuringScroll = (e) => {
-			if (!this.scrollState || this.scrollState.behavior !== "smooth") return !0;
-			let t = this.scrollState.index ?? this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)?.index;
-			if (t !== void 0 && this.range) {
-				let n = Math.max(this.options.overscan, Math.ceil((this.range.endIndex - this.range.startIndex) / 2)), r = Math.max(0, t - n), i = Math.min(this.options.count - 1, t + n);
-				return e >= r && e <= i;
-			}
-			return !0;
-		}, this.measureElement = (e) => {
-			if (!e) {
-				this.elementsCache.forEach((e, t) => {
-					e.isConnected || (this.observer.unobserve(e), this.elementsCache.delete(t));
-				});
-				return;
-			}
-			let t = this.indexFromElement(e);
-			if (!this.isIndexInRange(t)) return;
-			let n = this.options.getItemKey(t), r = this.elementsCache.get(n);
-			r !== e && (r && this.observer.unobserve(r), this.observer.observe(e), this.elementsCache.set(n, e)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(t) && this.resizeItem(t, this.options.measureElement(e, void 0, this));
-		}, this.resizeItem = (e, t) => {
-			if (!this.isIndexInRange(e)) return;
-			let n, r, i, a = this._singleLaneMeasurements?.flat;
-			if (this.options.lanes === 1 && a != null) i = this.options.getItemKey(e), r = a[e * 2], n = a[e * 2 + 1];
-			else {
-				let t = this.measurementsCache[e];
-				if (!t) return;
-				i = t.key, r = t.start, n = t.size;
-			}
-			let o = this.itemSizeCache.get(i) ?? n, s = t - o;
-			if (s !== 0) {
-				let a = this.options.anchorTo === "end" && this.scrollState?.behavior !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, c = a ? this.getTotalSize() : 0, l = this.getScrollOffset() + this.scrollAdjustments, u = this.itemSizeCache.has(i) ? r + o <= l && this.scrollDirection !== "backward" : r < l, d = this.scrollState?.behavior !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange === void 0 ? u : this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[e] ?? {
-					index: e,
-					key: i,
-					start: r,
-					size: n,
-					end: r + n,
-					lane: 0
-				}, s, this));
-				(this.pendingMin === null || e < this.pendingMin) && (this.pendingMin = e), this.itemSizeCache.set(i, t), this.itemSizeCacheVersion++;
-				let f = !1;
-				a ? f = this.applyScrollAdjustment(this.getTotalSize() - c) : d && (f = this.applyScrollAdjustment(s)), this.notify(f), this._retryClampedAdjustment();
-			}
-		}, this.getVirtualItems = F(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
-			let n = [];
-			for (let r = 0, i = e.length; r < i; r++) {
-				let i = t[e[r]];
-				n.push(i);
-			}
-			return n;
-		}, {
-			key: process.env.NODE_ENV !== "production" && "getVirtualItems",
-			debug: () => this.options.debug
-		}), this.getVirtualItemForOffset = (e) => {
-			let t = this.getMeasurements();
-			if (t.length === 0) return;
-			let n = this._singleLaneMeasurements?.flat, r = this.options.lanes === 1 && n != null;
-			return I(t[U(0, t.length - 1, r ? (e) => n[e * 2] : (e) => I(t[e]).start, e)]);
-		}, this.getMaxScrollOffset = () => {
-			if (!this.scrollElement) return 0;
-			if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
-			{
-				let e = this.scrollElement.document.documentElement;
-				return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
-			}
-		}, this.getVirtualDistanceFromEnd = () => Math.max(this.getTotalSize() - this.getSize() - this.getScrollOffset(), 0), this.getDistanceFromEnd = () => Math.max(this.getMaxScrollOffset() - this.getScrollOffset(), 0), this.isAtEnd = (e = this.options.scrollEndThreshold) => this.getDistanceFromEnd() <= e, this.getOffsetForAlignment = (e, t, n = 0) => {
-			if (!this.scrollElement) return 0;
-			let r = this.getSize(), i = this.getScrollOffset();
-			t === "auto" && (t = e >= i + r ? "end" : "start"), t === "center" ? e += (n - r) / 2 : t === "end" && (e -= r);
-			let a = this.getMaxScrollOffset();
-			return Math.max(Math.min(a, e), 0);
-		}, this.getOffsetForIndex = (e, t = "auto") => {
-			e = Math.max(0, Math.min(e, this.options.count - 1));
-			let n = this.getSize(), r = this.getScrollOffset(), i = this.measurementsCache[e];
-			if (!i) return;
-			if (t === "auto") {
-				if (i.end >= r + n - this.options.scrollPaddingEnd) t = "end";
-				else if (i.start <= r + this.options.scrollPaddingStart) t = "start";
-				else return [r, t];
-			}
-			if (t === "end" && e === this.options.count - 1) return [this.getMaxScrollOffset(), t];
-			let a = t === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
-			return [this.getOffsetForAlignment(a, t, i.size), t];
-		}, this.scrollToOffset = (e, { align: t = "start", behavior: n = "auto" } = {}) => {
-			this._iosDeferredAdjustment = 0;
-			let r = this.getOffsetForAlignment(e, t), i = this.now();
-			this.scrollState = {
-				index: null,
-				align: t,
-				behavior: n,
-				startedAt: i,
-				lastTargetOffset: r,
-				stableFrames: 0
-			}, this._scrollToOffset(r, {
-				adjustments: void 0,
-				behavior: n
-			}), this.scheduleScrollReconcile();
-		}, this.scrollToIndex = (e, { align: t = "auto", behavior: n = "auto" } = {}) => {
-			this._iosDeferredAdjustment = 0, e = Math.max(0, Math.min(e, this.options.count - 1));
-			let r = this.getOffsetForIndex(e, t);
-			if (!r) return;
-			let [i, a] = r, o = this.now();
-			this.scrollState = {
-				index: e,
-				align: a,
-				behavior: n,
-				startedAt: o,
-				lastTargetOffset: i,
-				stableFrames: 0
-			}, this._scrollToOffset(i, {
-				adjustments: void 0,
-				behavior: n
-			}), this.scheduleScrollReconcile();
-		}, this.scrollBy = (e, { behavior: t = "auto" } = {}) => {
-			let n = this.getScrollOffset() + e, r = this.now();
-			this.scrollState = {
-				index: null,
-				align: "start",
-				behavior: t,
-				startedAt: r,
-				lastTargetOffset: n,
-				stableFrames: 0
-			}, this._scrollToOffset(n, {
-				adjustments: void 0,
-				behavior: t
-			}), this.scheduleScrollReconcile();
-		}, this.scrollToEnd = ({ behavior: e = "auto" } = {}) => {
-			if (this.options.count > 0) {
-				this.scrollToIndex(this.options.count - 1, {
-					align: "end",
-					behavior: e
-				});
-				return;
-			}
-			this.scrollToOffset(Math.max(this.getTotalSize() - this.getSize(), 0), { behavior: e });
-		}, this.getTotalSize = () => {
-			let e = this.getMeasurements(), t;
-			if (e.length === 0) t = this.options.paddingStart;
-			else if (this.options.lanes === 1) {
-				let n = e.length - 1, r = this._singleLaneMeasurements?.flat;
-				t = r == null ? e[n]?.end ?? 0 : r[n * 2] + r[n * 2 + 1];
-			} else {
-				let n = Array(this.options.lanes).fill(null), r = e.length - 1;
-				for (; r >= 0 && n.some((e) => e === null);) {
-					let t = e[r];
-					n[t.lane] === null && (n[t.lane] = t.end), r--;
-				}
-				t = Math.max(...n.filter((e) => e !== null));
-			}
-			return Math.max(t - this.options.scrollMargin + this.options.paddingEnd, 0);
-		}, this.takeSnapshot = () => {
-			let e = [];
-			if (this.itemSizeCache.size === 0) return e;
-			let t = this.getMeasurements();
-			for (let n of t) n && this.itemSizeCache.has(n.key) && e.push({
-				index: n.index,
-				key: n.key,
-				start: n.start,
-				size: n.size,
-				end: n.end,
-				lane: n.lane
-			});
-			return e;
-		}, this._scrollToOffset = (e, { adjustments: t, behavior: n }) => {
-			this._intendedScrollOffset = e + (t ?? 0), this.options.scrollToFn(e, {
-				behavior: n,
-				adjustments: t
-			}, this);
-		}, this.measure = () => {
-			this.pendingMin = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), this.itemSizeCacheVersion++, this.notify(!1);
-		}, this.setOptions(e);
-	}
-	applyScrollAdjustment(e, t) {
-		if (e === 0) return !1;
-		if (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", e), z() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded)) return this._iosDeferredAdjustment += e, !1;
-		{
-			let n = this.getScrollOffset() + this.scrollAdjustments + e, r = this.scrollElement, i = r !== null && ("scrollHeight" in r || "document" in r) ? this.getMaxScrollOffset() : null;
-			return this._clampedAdjustment = i !== null && n > i + .5 ? {
-				target: n,
-				maxAtWrite: i
-			} : null, this._scrollToOffset(this.getScrollOffset(), {
-				adjustments: this.scrollAdjustments += e,
-				behavior: t
-			}), this.scrollOffset !== null && (this.scrollOffset += this.scrollAdjustments, this.scrollOffset < 0 && (this.scrollOffset = 0), this.scrollAdjustments = 0), !0;
-		}
-	}
-	scheduleScrollReconcile() {
-		if (!this.targetWindow) {
-			this.scrollState = null;
-			return;
-		}
-		this.rafId ??= this.targetWindow.requestAnimationFrame(() => {
-			this.rafId = null, this.reconcileScroll();
-		});
-	}
-	reconcileScroll() {
-		if (!this.scrollState || !this.scrollElement) return;
-		if (this.now() - this.scrollState.startedAt > 5e3) {
-			this.scrollState = null;
-			return;
-		}
-		let e = this.scrollState.index == null ? void 0 : this.getOffsetForIndex(this.scrollState.index, this.scrollState.align), t = e ? e[0] : this.scrollState.lastTargetOffset, n = t !== this.scrollState.lastTargetOffset;
-		if (!n && L(t, this.getScrollOffset())) {
-			if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= 1) {
-				this.getScrollOffset() !== t && this._scrollToOffset(t, {
-					adjustments: void 0,
-					behavior: "auto"
-				}), this.scrollState = null;
-				return;
-			}
-		} else if (this.scrollState.stableFrames = 0, n) {
-			let e = this.getSize() || 600, n = Math.abs(t - this.getScrollOffset()), r = this.scrollState.behavior === "smooth" && n > e;
-			this.scrollState.lastTargetOffset = t, r || (this.scrollState.behavior = "auto"), this._scrollToOffset(t, {
-				adjustments: void 0,
-				behavior: r ? "smooth" : "auto"
-			});
-		}
-		this.scheduleScrollReconcile();
-	}
-}, U = (e, t, n, r) => {
-	for (; e <= t;) {
-		let i = (e + t) / 2 | 0, a = n(i);
-		if (a < r) e = i + 1;
-		else if (a > r) t = i - 1;
-		else return i;
-	}
-	return e > 0 ? e - 1 : 0;
-};
-function ve(e, t, n) {
-	let r = 0;
-	for (; r <= t;) {
-		let i = (r + t) / 2 | 0, a = e[i * 2];
-		if (a < n) r = i + 1;
-		else if (a > n) t = i - 1;
-		else return i;
-	}
-	return r > 0 ? r - 1 : 0;
-}
-function ye(e, t, n, r, i) {
-	let a = e.length - 1;
-	if (e.length <= r) return {
-		startIndex: 0,
-		endIndex: a
-	};
-	if (r === 1 && i !== null) {
-		let e = ve(i, a, n), r = e, o = n + t;
-		for (; r < a && i[r * 2] + i[r * 2 + 1] < o;) r++;
-		return {
-			startIndex: e,
-			endIndex: r
-		};
-	}
-	let o = U(0, a, (t) => e[t].start, n), s = o;
-	if (r === 1) for (; s < a && e[s].end < n + t;) s++;
-	else if (r > 1) {
-		let i = Array(r).fill(0);
-		for (; s < a && i.some((e) => e < n + t);) {
-			let t = e[s];
-			i[t.lane] = t.end, s++;
-		}
-		let c = Array(r).fill(n + t);
-		for (; o >= 0 && c.some((e) => e >= n);) {
-			let t = e[o];
-			c[t.lane] = t.start, o--;
-		}
-		o = Math.max(0, o - o % r), s = Math.min(a, s + (r - 1 - s % r));
-	}
-	return {
-		startIndex: o,
-		endIndex: s
-	};
-}
-//#endregion
-//#region node_modules/.pnpm/@tanstack+react-virtual@3.14.13_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-virtual/dist/esm/index.js
-var W = typeof document < "u" ? e.useLayoutEffect : e.useEffect;
-function be({ useFlushSync: t = !0, directDomUpdates: n = !1, directDomUpdatesMode: r = "transform", ...i }) {
-	let a = e.useReducer((e) => e + 1, 0)[1], o = e.useRef({
-		enabled: n,
-		mode: r,
-		container: null,
-		lastSize: null,
-		lastPositions: /* @__PURE__ */ new WeakMap(),
-		prevRange: null
-	});
-	o.current.enabled = n, o.current.mode = r;
-	let s = e.useRef(!1), c = (e) => {
-		let t = o.current;
-		if (!t.enabled || !t.container) return;
-		let n = e.getTotalSize();
-		if (n !== t.lastSize) {
-			t.lastSize = n;
-			let r = e.options.horizontal ? "width" : "height";
-			t.container.style[r] = `${n}px`;
-		}
-	}, l = (e) => {
-		let t = o.current;
-		if (!t.enabled || !t.container) return;
-		c(e);
-		let n = !!e.options.horizontal, r = t.mode === "transform", i = n ? "left" : "top", a = e.options.scrollMargin, s = e.getVirtualItems();
-		for (let o of s) {
-			let s = o.start - a, c = e.elementsCache.get(o.key);
-			c && t.lastPositions.get(c) !== s && (t.lastPositions.set(c, s), r ? c.style.transform = n ? `translate3d(${s}px, 0, 0)` : `translate3d(0, ${s}px, 0)` : c.style[i] = `${s}px`);
-		}
-	}, u = {
-		...i,
-		onChange: (e, n) => {
-			var r;
-			let c = o.current, u = !0;
-			if (c.enabled) {
-				l(e);
-				let t = e.range, n = c.prevRange;
-				u = !n || n.isScrolling !== e.isScrolling || n.startIndex !== t?.startIndex || n.endIndex !== t?.endIndex, u && (c.prevRange = t ? {
-					startIndex: t.startIndex,
-					endIndex: t.endIndex,
-					isScrolling: e.isScrolling
-				} : null);
-			}
-			u && (t && n && !s.current ? g(a) : a()), (r = i.onChange) == null || r.call(i, e, n);
-		}
-	}, [d] = e.useState(() => {
-		let e = new _e(u), t = e.measureElement;
-		return e.measureElement = (e) => {
-			s.current = !0;
-			try {
-				t(e);
-			} finally {
-				s.current = !1;
-			}
-		}, Object.assign(e, { containerRef: (t) => {
-			let n = o.current;
-			if (n.container = t, n.lastSize = null, t && n.enabled) {
-				let r = e.getTotalSize();
-				n.lastSize = r;
-				let i = e.options.horizontal ? "width" : "height";
-				t.style[i] = `${r}px`;
-			}
-		} });
-	});
-	return d.setOptions(u), W(() => d._didMount(), []), W(() => (c(d), d._willUpdate())), W(() => {
-		l(d);
-	}), d;
-}
-function xe(e) {
-	return be({
-		observeElementRect: de,
-		observeElementOffset: pe,
-		scrollToFn: he,
-		...e
-	});
-}
-//#endregion
 //#region packages/icons/search.tsx
-function G(e) {
-	return /* @__PURE__ */ p("svg", {
+function P(e) {
+	return /* @__PURE__ */ f("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -1246,7 +457,7 @@ function G(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ p("path", {
+		children: /* @__PURE__ */ f("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
@@ -1255,8 +466,8 @@ function G(e) {
 }
 //#endregion
 //#region packages/icons/x-mark.tsx
-function Se(e) {
-	return /* @__PURE__ */ p("svg", {
+function oe(e) {
+	return /* @__PURE__ */ f("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -1264,7 +475,7 @@ function Se(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ p("path", {
+		children: /* @__PURE__ */ f("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M6 18 18 6M6 6l12 12"
@@ -1272,15 +483,46 @@ function Se(e) {
 	});
 }
 //#endregion
+//#region packages/utils/useVirtualList.ts
+function se({ count: e, itemHeight: t, scrollRef: n, overscan: r = 6 }) {
+	let [i, a] = u({
+		scrollTop: 0,
+		height: 0
+	});
+	s(() => {
+		let e = n.current;
+		if (!e) return;
+		let t = () => a({
+			scrollTop: e.scrollTop,
+			height: e.clientHeight
+		});
+		t(), e.addEventListener("scroll", t, { passive: !0 });
+		let r = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
+		return r?.observe(e), () => {
+			e.removeEventListener("scroll", t), r?.disconnect();
+		};
+	}, [n, e]);
+	let o = i.height || t * 10, c = Math.max(0, Math.floor(i.scrollTop / t) - r), l = Math.min(e, Math.ceil((i.scrollTop + o) / t) + r), d = [];
+	for (let e = c; e < l; e++) d.push({
+		index: e,
+		start: e * t,
+		size: t
+	});
+	return {
+		items: d,
+		totalSize: e * t
+	};
+}
+//#endregion
 //#region packages/dropdown/index.tsx
-function Ce(e) {
-	let { items: t, selected: n, className: r, onChange: i, disabled: a, placeholder: o = "Select an Item", multiple: s, mutable: c, onAdd: l } = e, f = u(null), [h, g] = d(!1), v = !!r && /(^|\s)(w-|min-w-|max-w-)/.test(r), y = !!r && /(^|\s)w-full(\s|$)/.test(r);
-	return /* @__PURE__ */ p(j, {
+function F(e) {
+	let { items: t, selected: n, className: r, onChange: i, disabled: a, placeholder: o = "Select an Item", multiple: s, mutable: c, onAdd: d } = e, m = l(null), [g, _] = u(!1), v = !!r && /(^|\s)(w-|min-w-|max-w-)/.test(r), y = !!r && /(^|\s)w-full(\s|$)/.test(r);
+	return /* @__PURE__ */ f(j, {
 		triggerClassName: y ? "w-full max-w-none" : void 0,
-		content: /* @__PURE__ */ p(we, {
+		content: /* @__PURE__ */ f(I, {
 			...c ? {
 				mutable: c,
-				onAdd: l
+				onAdd: d
 			} : { mutable: c },
 			...s ? {
 				multiple: s,
@@ -1293,41 +535,41 @@ function Ce(e) {
 				selected: n
 			}
 		}),
-		onOpen: () => g(!0),
-		onClose: () => g(!1),
-		children: /* @__PURE__ */ m("div", {
+		onOpen: () => _(!0),
+		onClose: () => _(!1),
+		children: /* @__PURE__ */ p("div", {
 			role: "combobox",
-			"aria-expanded": h,
+			"aria-expanded": g,
 			"aria-haspopup": "listbox",
-			className: _(re, !v && "w-56", "grow", a ? "cursor-not-allowed opacity-50" : "cursor-pointer", h && "border-glow/60 shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r),
-			children: [/* @__PURE__ */ p("div", {
-				className: _("flex min-w-0 flex-1 items-center gap-1 overflow-hidden text-sm", a ? "text-muted-foreground" : "text-foreground"),
-				ref: f,
-				children: s && !n.length ? /* @__PURE__ */ p("span", {
+			className: h(re, !v && "w-56", "grow", a ? "cursor-not-allowed opacity-50" : "cursor-pointer", g && "border-glow/60 shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r),
+			children: [/* @__PURE__ */ f("div", {
+				className: h("flex min-w-0 flex-1 items-center gap-1 overflow-hidden text-sm", a ? "text-muted-foreground" : "text-foreground"),
+				ref: m,
+				children: s && !n.length ? /* @__PURE__ */ f("span", {
 					className: "text-muted-foreground",
 					children: o
-				}) : s ? /* @__PURE__ */ p(M, {
+				}) : s ? /* @__PURE__ */ f(M, {
 					items: n.map((e) => e.text),
 					data: n,
-					parentRef: f,
+					parentRef: m,
 					estimator: (e, t) => t + 40,
 					badgeVariant: "secondary",
 					badgeStyles: "h-6 min-w-min gap-2",
-					children: (e, t, r) => /* @__PURE__ */ m(C, {
+					children: (e, t, r) => /* @__PURE__ */ p(x, {
 						className: "flex h-6 min-w-min gap-2 pr-1",
 						variant: "secondary",
-						children: [e, /* @__PURE__ */ p(E, {
+						children: [e, /* @__PURE__ */ f(w, {
 							onClick: () => {
 								i(n.filter((e) => e.key !== r?.key));
 							},
 							variant: "icon",
 							size: "icon",
 							className: "group size-4 rounded-sm p-0.5",
-							children: /* @__PURE__ */ p(Se, { className: "size-3 transition duration-300 group-hover:rotate-90" })
+							children: /* @__PURE__ */ f(oe, { className: "size-3 transition duration-300 group-hover:rotate-90" })
 						})]
 					}, `collapsed_item_${r?.key ?? t}`)
 				}) : n.text ?? o
-			}), /* @__PURE__ */ p("svg", {
+			}), /* @__PURE__ */ f("svg", {
 				viewBox: "0 0 16 16",
 				fill: "none",
 				stroke: "currentColor",
@@ -1335,82 +577,98 @@ function Ce(e) {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				"aria-hidden": !0,
-				className: _("text-muted-foreground size-4 shrink-0 transition-transform duration-300", h && "rotate-180"),
-				children: /* @__PURE__ */ p("path", { d: "m4 6 4 4 4-4" })
+				className: h("text-muted-foreground size-4 shrink-0 transition-transform duration-300", g && "rotate-180"),
+				children: /* @__PURE__ */ f("path", { d: "m4 6 4 4 4-4" })
 			})]
 		})
 	});
 }
-function we(e) {
-	let { items: t, multiple: n, selected: r, onChange: i, mutable: a, onAdd: o } = e, [s, c] = d(""), f = u(null), h = l(() => t.reduce((e, t) => ((!s.length || t.text.toLowerCase().includes(s.toLowerCase())) && e.push(t), e), []), [t, s]), g = xe({
-		count: h.length,
-		getScrollElement: () => f.current,
-		estimateSize: () => 35
-	}), v = r instanceof Array ? r.map((e) => e.key) : [r.key];
-	return /* @__PURE__ */ m("div", {
+function I(e) {
+	let { items: t, multiple: n, selected: r, onChange: i, mutable: o, onAdd: s } = e, [d, m] = u(""), g = l(null), _ = c(() => t.reduce((e, t) => ((!d.length || t.text.toLowerCase().includes(d.toLowerCase())) && e.push(t), e), []), [t, d]), v = se({
+		count: _.length,
+		itemHeight: 35,
+		scrollRef: g
+	});
+	a(() => {
+		g.current && (g.current.scrollTop = 0);
+	}, [d]);
+	let y = r instanceof Array ? r.map((e) => e.key) : [r.key];
+	return /* @__PURE__ */ p("div", {
 		className: "divide-tint/10 flex w-full flex-col divide-y overflow-hidden rounded-xl",
-		children: [/* @__PURE__ */ m("div", {
-			className: _("flex grow items-center rounded px-3 py-2"),
-			children: [/* @__PURE__ */ p(G, { className: "text-muted-foreground mr-2 size-4" }), /* @__PURE__ */ p("input", {
+		children: [/* @__PURE__ */ p("div", {
+			className: h("flex grow items-center rounded px-3 py-2"),
+			children: [/* @__PURE__ */ f(P, { className: "text-muted-foreground mr-2 size-4" }), /* @__PURE__ */ f("input", {
 				className: "text-foreground inline-flex grow bg-transparent text-sm outline-hidden",
 				placeholder: "Search",
-				value: s,
-				onChange: (e) => c(e.target.value)
+				value: d,
+				onChange: (e) => m(e.target.value)
 			})]
-		}), /* @__PURE__ */ m("ul", {
+		}), /* @__PURE__ */ p("ul", {
 			role: "listbox",
-			className: _("max-h-72 grow overflow-y-auto py-1", "focus:ring-0 focus:outline-hidden"),
-			ref: f,
-			children: [/* @__PURE__ */ p("div", {
+			className: h("max-h-72 grow overflow-y-auto py-1", "focus:ring-0 focus:outline-hidden"),
+			ref: g,
+			children: [/* @__PURE__ */ f("div", {
 				style: {
-					height: `${g.getTotalSize()}px`,
+					height: `${v.totalSize}px`,
 					width: "100%",
 					position: "relative"
 				},
-				children: g.getVirtualItems().map((e) => /* @__PURE__ */ m("li", {
+				children: v.items.map((e) => /* @__PURE__ */ p("li", {
 					role: "option",
-					"aria-selected": v.includes(h[e.index].key),
+					"aria-selected": y.includes(_[e.index].key),
 					style: {
 						height: `${e.size}px`,
 						transform: `translateY(${e.start}px)`
 					},
-					className: _("hover:bg-muted absolute top-0 left-0 grid w-full cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none"),
+					className: h("hover:bg-muted absolute top-0 left-0 grid w-full cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none"),
 					onClick: () => {
-						n ? v.includes(h[e.index].key) ? i(structuredClone(r.filter((t) => t.key !== h[e.index].key))) : i(structuredClone([...r, h[e.index]])) : i(h[e.index]);
+						n ? y.includes(_[e.index].key) ? i(structuredClone(r.filter((t) => t.key !== _[e.index].key))) : i(structuredClone([...r, _[e.index]])) : i(_[e.index]);
 					},
-					children: [/* @__PURE__ */ p("span", {
+					children: [/* @__PURE__ */ f("span", {
 						className: "text-primary col-start-1",
 						"aria-hidden": !0,
-						children: v.includes(h[e.index].key) && "✓"
-					}), /* @__PURE__ */ p("span", {
+						children: y.includes(_[e.index].key) && "✓"
+					}), /* @__PURE__ */ f("span", {
 						className: "col-start-2 truncate",
-						children: h[e.index].text
+						children: _[e.index].text
 					})]
-				}, e.key))
-			}), s.length > 0 && h.length === 0 && (a ? /* @__PURE__ */ m("li", {
+				}, e.index))
+			}), d.length > 0 && _.length === 0 && (o ? /* @__PURE__ */ p("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: _("hover:bg-muted cursor-pointer px-3 py-2 text-sm select-none"),
+				className: h("hover:bg-muted cursor-pointer px-3 py-2 text-sm select-none"),
 				onClick: () => {
-					o({
-						text: s,
-						key: s
-					}), c("");
+					s({
+						text: d,
+						key: d
+					}), m("");
 				},
-				children: ["Add ", s]
-			}) : /* @__PURE__ */ p("li", {
+				children: ["Add ", d]
+			}) : /* @__PURE__ */ f("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: _("text-muted-foreground cursor-not-allowed px-3 py-2 text-sm"),
+				className: h("text-muted-foreground cursor-not-allowed px-3 py-2 text-sm"),
 				children: "No results found"
 			}))]
 		})]
 	});
 }
 //#endregion
+//#region packages/header/index.tsx
+function L({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ f("header", {
+		className: h("zen__header border-tint/5 bg-background/60 sticky top-0 z-40 border-b pt-[env(safe-area-inset-top)] backdrop-blur-xl", "pointer-coarse:bg-background/95 pointer-coarse:backdrop-blur-none", e),
+		...n,
+		children: /* @__PURE__ */ f("div", {
+			className: "flex items-center justify-between gap-4 px-4 py-2.5 md:gap-6 md:px-6 md:py-3",
+			children: t
+		})
+	});
+}
+//#endregion
 //#region packages/icons/chevron-down.tsx
-function Te(e) {
-	return /* @__PURE__ */ p("svg", {
+function R(e) {
+	return /* @__PURE__ */ f("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -1418,7 +676,7 @@ function Te(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ p("path", {
+		children: /* @__PURE__ */ f("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m19.5 8.25-7.5 7.5-7.5-7.5"
@@ -1427,8 +685,8 @@ function Te(e) {
 }
 //#endregion
 //#region packages/icons/chevron-up.tsx
-function Ee(e) {
-	return /* @__PURE__ */ p("svg", {
+function z(e) {
+	return /* @__PURE__ */ f("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -1436,7 +694,7 @@ function Ee(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ p("path", {
+		children: /* @__PURE__ */ f("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m4.5 15.75 7.5-7.5 7.5 7.5"
@@ -1445,19 +703,29 @@ function Ee(e) {
 }
 //#endregion
 //#region packages/input/index.tsx
-function De(e) {
+function B(e) {
 	let { className: t, ...n } = e;
-	return /* @__PURE__ */ p("input", {
-		className: _(O, "w-full", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", t),
+	return /* @__PURE__ */ f("input", {
+		className: h(D, "w-full", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", t),
 		...n
 	});
 }
 //#endregion
+//#region packages/utils/slot.tsx
+function V({ children: t, className: r, ...i }) {
+	if (!n(t)) return null;
+	let a = t;
+	return e(a, {
+		...i,
+		className: h(r, a.props.className)
+	});
+}
+//#endregion
 //#region packages/nav-pills/index.tsx
-var K = n(null);
-function Oe({ className: e, children: t, ...n }) {
-	let r = u(null), [i, a] = d(null);
-	return c(() => {
+var H = t(null);
+function U({ className: e, children: t, ...n }) {
+	let r = l(null), [i, a] = u(null);
+	return s(() => {
 		let e = r.current;
 		if (!e) return;
 		let t = () => {
@@ -1479,77 +747,96 @@ function Oe({ className: e, children: t, ...n }) {
 		return i?.observe(e), () => {
 			n.disconnect(), i?.disconnect();
 		};
-	}, []), /* @__PURE__ */ p("nav", {
-		className: _("zen__nav-pills", e),
+	}, []), /* @__PURE__ */ f("nav", {
+		className: h("zen__nav-pills", e),
 		...n,
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ f("div", {
 			ref: r,
-			className: k,
-			children: /* @__PURE__ */ p(K.Provider, {
+			className: O,
+			children: /* @__PURE__ */ f(H.Provider, {
 				value: i,
 				children: t
 			})
 		})
 	});
 }
-function ke({ className: e }) {
-	let t = a(K);
-	return t ? /* @__PURE__ */ p("span", {
+function W({ className: e }) {
+	let t = i(H);
+	return t ? /* @__PURE__ */ f("span", {
 		"aria-hidden": !0,
-		className: _(ae, e),
+		className: h(k, e),
 		style: {
 			translate: `${t.x}px 0`,
 			width: t.w
 		}
 	}) : null;
 }
-var q = _(A, "text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-[current=page]:hover:text-foreground");
-function Ae({ active: e, asChild: n, className: i, children: a, ...o }) {
-	let s = e ? "page" : void 0;
-	if (n && r(a)) {
-		let e = a;
-		return t(e, {
-			...o,
-			...s && { "aria-current": s },
-			className: _(q, e.props.className, i)
-		});
-	}
-	return /* @__PURE__ */ p("a", {
-		"aria-current": s,
-		className: _(q, i),
-		...o,
-		children: a
+var G = h(A, "text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-[current=page]:hover:text-foreground");
+function K({ active: e, asChild: t, className: n, children: r, ...i }) {
+	let a = {
+		...i,
+		"aria-current": e ? "page" : void 0,
+		className: h(G, n)
+	};
+	return t ? (e || delete a["aria-current"], /* @__PURE__ */ f(V, {
+		...a,
+		children: r
+	})) : /* @__PURE__ */ f("a", {
+		...a,
+		children: r
+	});
+}
+//#endregion
+//#region packages/page-header/index.tsx
+function ce({ eyebrow: e, title: t, lead: n, children: r, className: i }) {
+	return /* @__PURE__ */ p("header", {
+		className: h("zen__page-header flex flex-col gap-3", i),
+		children: [
+			e && /* @__PURE__ */ f("p", {
+				className: "text-muted-foreground mt-0! text-xs tracking-[0.1em] uppercase",
+				children: e
+			}),
+			/* @__PURE__ */ f("h1", {
+				className: "text-aurora",
+				children: t
+			}),
+			n && /* @__PURE__ */ f("p", {
+				className: "text-muted-foreground mt-0! max-w-2xl text-lg leading-relaxed",
+				children: n
+			}),
+			r
+		]
 	});
 }
 //#endregion
 //#region packages/progress-ring/index.tsx
-function je({ value: e, size: t = 84, stroke: n = 7, label: r, children: i, className: a }) {
+function le({ value: e, size: t = 84, stroke: n = 7, label: r, children: i, className: a }) {
 	let o = (t - n) / 2, s = 2 * Math.PI * o, c = Math.min(Math.max(e, 0), 1);
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		role: "progressbar",
 		"aria-label": r,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-valuenow": Math.round(c * 100),
-		className: _("zen__progress-ring relative grid shrink-0 place-items-center", a),
+		className: h("zen__progress-ring relative grid shrink-0 place-items-center", a),
 		style: {
 			width: t,
 			height: t
 		},
-		children: [/* @__PURE__ */ m("svg", {
+		children: [/* @__PURE__ */ p("svg", {
 			width: t,
 			height: t,
 			viewBox: `0 0 ${t} ${t}`,
 			className: "-rotate-90",
 			"aria-hidden": !0,
-			children: [/* @__PURE__ */ p("circle", {
+			children: [/* @__PURE__ */ f("circle", {
 				cx: t / 2,
 				cy: t / 2,
 				r: o,
 				fill: "none",
 				strokeWidth: n,
 				className: "stroke-tint/[0.07]"
-			}), /* @__PURE__ */ p("circle", {
+			}), /* @__PURE__ */ f("circle", {
 				cx: t / 2,
 				cy: t / 2,
 				r: o,
@@ -1560,7 +847,7 @@ function je({ value: e, size: t = 84, stroke: n = 7, label: r, children: i, clas
 				strokeDashoffset: s * (1 - c),
 				className: "stroke-primary [filter:drop-shadow(0_0_6px_oklch(var(--glow)/0.45))] transition-[stroke-dashoffset] duration-700 ease-out"
 			})]
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: "absolute inset-0 grid place-items-center text-center",
 			children: i
 		})]
@@ -1568,24 +855,24 @@ function je({ value: e, size: t = 84, stroke: n = 7, label: r, children: i, clas
 }
 //#endregion
 //#region packages/segmented/index.tsx
-function Me({ label: e, value: t, options: n, onChange: r, name: i, className: a }) {
-	let o = s();
-	return /* @__PURE__ */ m("div", {
-		className: _("zen__segmented flex flex-col gap-2", a),
-		children: [/* @__PURE__ */ p("span", {
-			id: o,
+function ue({ label: e, value: t, options: n, onChange: r, name: i, className: a }) {
+	let s = o();
+	return /* @__PURE__ */ p("div", {
+		className: h("zen__segmented flex flex-col gap-2", a),
+		children: [/* @__PURE__ */ f("span", {
+			id: s,
 			className: "text-sm font-medium",
 			children: e
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ f("div", {
 			role: "radiogroup",
-			"aria-labelledby": o,
+			"aria-labelledby": s,
 			className: "border-tint/10 bg-tint/[0.03] inline-flex w-fit flex-wrap gap-1 rounded-xl border p-1",
-			children: n.map((e) => /* @__PURE__ */ m("label", {
-				className: _("text-muted-foreground cursor-pointer rounded-lg px-3 py-1.5 text-sm transition-[background-color,color,box-shadow] duration-200", "hover:text-foreground has-focus-visible:ring-ring/50 has-focus-visible:ring-2", "has-checked:bg-primary/15 has-checked:text-foreground has-checked:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.4)]"),
-				children: [/* @__PURE__ */ p("input", {
+			children: n.map((e) => /* @__PURE__ */ p("label", {
+				className: h("text-muted-foreground cursor-pointer rounded-lg px-3 py-1.5 text-sm transition-[background-color,color,box-shadow] duration-200", "hover:text-foreground has-focus-visible:ring-ring/50 has-focus-visible:ring-2", "has-checked:bg-primary/15 has-checked:text-foreground has-checked:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.4)]"),
+				children: [/* @__PURE__ */ f("input", {
 					type: "radio",
 					className: "sr-only",
-					name: i ?? o,
+					name: i ?? s,
 					value: e.value,
 					checked: t === e.value,
 					onChange: () => r(e.value)
@@ -1595,49 +882,154 @@ function Me({ label: e, value: t, options: n, onChange: r, name: i, className: a
 	});
 }
 //#endregion
+//#region packages/side-nav/index.tsx
+function de({ className: e, ...t }) {
+	return /* @__PURE__ */ f("nav", {
+		className: h("zen__side-nav flex flex-col gap-6", e),
+		...t
+	});
+}
+function fe({ title: e, children: t, className: n }) {
+	return /* @__PURE__ */ p("div", {
+		className: h("flex flex-col gap-1", n),
+		children: [e && /* @__PURE__ */ f("span", {
+			className: "text-muted-foreground px-3 pb-1 text-[0.68rem] tracking-[0.1em] uppercase",
+			children: e
+		}), t]
+	});
+}
+var pe = h("rounded-lg px-3 py-1.5 text-sm outline-hidden transition-[background-color,color,box-shadow] duration-200", "text-muted-foreground hover:bg-tint/[0.05] hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-[current=page]:bg-primary/15 aria-[current=page]:text-foreground aria-[current=page]:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25)]");
+function me({ active: e, asChild: t, className: n, children: r, ...i }) {
+	let a = {
+		...i,
+		"aria-current": e ? "page" : void 0,
+		className: h(pe, n)
+	};
+	return t ? (e || delete a["aria-current"], /* @__PURE__ */ f(V, {
+		...a,
+		children: r
+	})) : /* @__PURE__ */ f("a", {
+		...a,
+		children: r
+	});
+}
+//#endregion
 //#region packages/skeleton/index.tsx
-function Ne({ className: e }) {
-	return /* @__PURE__ */ p("span", {
+function he({ className: e }) {
+	return /* @__PURE__ */ f("span", {
 		"aria-hidden": !0,
-		className: _("zen__skeleton block rounded-md", e)
+		className: h("zen__skeleton block rounded-md", e)
+	});
+}
+//#endregion
+//#region packages/table/index.tsx
+function ge({ className: e, ...t }) {
+	return /* @__PURE__ */ f("div", {
+		className: "zen__table glass glow-edge overflow-x-auto rounded-xl",
+		children: /* @__PURE__ */ f("table", {
+			className: h("w-full text-left text-sm", e),
+			...t
+		})
+	});
+}
+function _e({ className: e, ...t }) {
+	return /* @__PURE__ */ f("thead", {
+		className: h("border-tint/[0.07] text-muted-foreground border-b text-[0.68rem] tracking-[0.1em] uppercase", e),
+		...t
+	});
+}
+function ve({ className: e, ...t }) {
+	return /* @__PURE__ */ f("tbody", {
+		className: h("divide-tint/[0.07] divide-y", e),
+		...t
+	});
+}
+function ye({ className: e, ...t }) {
+	return /* @__PURE__ */ f("tr", {
+		className: h("hover:bg-tint/[0.02] align-top transition-colors", e),
+		...t
+	});
+}
+function be({ className: e, ...t }) {
+	return /* @__PURE__ */ f("th", {
+		className: h("px-4 py-3 font-medium", e),
+		...t
+	});
+}
+function xe({ className: e, ...t }) {
+	return /* @__PURE__ */ f("td", {
+		className: h("px-4 py-3", e),
+		...t
 	});
 }
 //#endregion
+//#region packages/table-of-contents/index.tsx
+function Se({ items: e, title: t = "On this page", className: n }) {
+	let [r, i] = u();
+	return a(() => {
+		if (typeof IntersectionObserver > "u") return;
+		let t = e.map((e) => document.getElementById(e.id)).filter((e) => !!e), n = /* @__PURE__ */ new Set(), r = new IntersectionObserver((t) => {
+			for (let e of t) e.isIntersecting ? n.add(e.target.id) : n.delete(e.target.id);
+			let r = e.find((e) => n.has(e.id));
+			r && i(r.id);
+		}, { rootMargin: "0px 0px -65% 0px" });
+		return t.forEach((e) => r.observe(e)), () => r.disconnect();
+	}, [e]), e.length ? /* @__PURE__ */ p("nav", {
+		"aria-label": t,
+		className: h("zen__toc flex flex-col gap-3", n),
+		children: [/* @__PURE__ */ f("p", {
+			className: "text-muted-foreground mt-0! text-[0.68rem] tracking-[0.1em] uppercase",
+			children: t
+		}), /* @__PURE__ */ f("ul", {
+			className: "border-tint/[0.07] flex flex-col gap-2 border-l text-sm",
+			children: e.map((e) => /* @__PURE__ */ f("li", {
+				className: h("-ml-px", e.depth === 2 && "pl-3"),
+				children: /* @__PURE__ */ f("a", {
+					href: `#${e.id}`,
+					"aria-current": e.id === r ? "location" : void 0,
+					className: h("text-muted-foreground hover:text-foreground block border-l border-transparent pl-3 transition-colors", "aria-[current=location]:border-primary aria-[current=location]:text-foreground"),
+					children: e.label
+				})
+			}, e.id))
+		})]
+	}) : null;
+}
+//#endregion
 //#region packages/tabs/index.tsx
-var J = n(null);
-function Y(e) {
-	let t = a(J);
+var q = t(null);
+function J(e) {
+	let t = i(q);
 	if (!t) throw Error(`<${e}> must be inside <Tabs>`);
 	return t;
 }
-function Pe({ value: e, defaultValue: t = "", onValueChange: n, className: r, ...i }) {
-	let [a, o] = d(t), c = e ?? a, l = s();
-	return /* @__PURE__ */ p(J.Provider, {
+function Ce({ value: e, defaultValue: t = "", onValueChange: n, className: r, ...i }) {
+	let [a, s] = u(t), c = e ?? a, l = o();
+	return /* @__PURE__ */ f(q.Provider, {
 		value: {
 			value: c,
 			select: (t) => {
-				e === void 0 && o(t), n?.(t);
+				e === void 0 && s(t), n?.(t);
 			},
 			idFor: (e, t) => `${l}-${e}-${t.replace(/\s+/g, "-")}`
 		},
-		children: /* @__PURE__ */ p("div", {
-			className: _("zen__tabs flex flex-col gap-4", r),
+		children: /* @__PURE__ */ f("div", {
+			className: h("zen__tabs flex flex-col gap-4", r),
 			...i
 		})
 	});
 }
-var X = n("underline");
-function Fe({ variant: e = "underline", className: t, children: n, ...r }) {
-	let { value: i } = Y("TabList"), a = e === "pills", o = u(null), [s, l] = d({
+var Y = t("underline");
+function we({ variant: e = "underline", className: t, children: n, ...r }) {
+	let { value: i } = J("TabList"), a = e === "pills", o = l(null), [c, d] = u({
 		left: 0,
 		width: 0
 	});
-	return c(() => {
+	return s(() => {
 		let e = o.current;
 		if (!e) return;
 		let t = () => {
 			let t = e.querySelector("[role=\"tab\"][aria-selected=\"true\"]");
-			l(t ? {
+			d(t ? {
 				left: t.offsetLeft,
 				width: t.offsetWidth
 			} : {
@@ -1648,7 +1040,7 @@ function Fe({ variant: e = "underline", className: t, children: n, ...r }) {
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [i]), /* @__PURE__ */ m("div", {
+	}, [i]), /* @__PURE__ */ p("div", {
 		ref: o,
 		role: "tablist",
 		onKeyDown: (e) => {
@@ -1665,31 +1057,31 @@ function Fe({ variant: e = "underline", className: t, children: n, ...r }) {
 			let i = t[(r + t.length) % t.length];
 			i.focus(), i.click();
 		},
-		className: _(a ? k : "border-border relative flex gap-1 border-b", t),
+		className: h(a ? O : "border-border relative flex gap-1 border-b", t),
 		...r,
-		children: [/* @__PURE__ */ p(X.Provider, {
+		children: [/* @__PURE__ */ f(Y.Provider, {
 			value: e,
 			children: n
-		}), a ? s.width > 0 && /* @__PURE__ */ p("span", {
+		}), a ? c.width > 0 && /* @__PURE__ */ f("span", {
 			"aria-hidden": !0,
 			className: "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]",
 			style: {
-				width: s.width,
-				translate: `${s.left}px 0`
+				width: c.width,
+				translate: `${c.left}px 0`
 			}
-		}) : /* @__PURE__ */ p("span", {
+		}) : /* @__PURE__ */ f("span", {
 			"aria-hidden": !0,
 			className: "bg-primary absolute bottom-[-1px] left-0 h-0.5 transition-[translate,width] duration-150 ease-in-out",
 			style: {
-				width: s.width,
-				translate: `${s.left}px 0`
+				width: c.width,
+				translate: `${c.left}px 0`
 			}
 		})]
 	});
 }
-function Ie({ value: e, className: t, onClick: n, ...r }) {
-	let { value: i, select: o, idFor: s } = Y("Tab"), c = a(X), l = i === e;
-	return /* @__PURE__ */ p("button", {
+function Te({ value: e, className: t, onClick: n, ...r }) {
+	let { value: a, select: o, idFor: s } = J("Tab"), c = i(Y), l = a === e;
+	return /* @__PURE__ */ f("button", {
 		type: "button",
 		role: "tab",
 		id: s("tab", e),
@@ -1700,95 +1092,95 @@ function Ie({ value: e, className: t, onClick: n, ...r }) {
 		onClick: (t) => {
 			o(e), n?.(t);
 		},
-		className: _(c === "pills" ? A : "focus-visible:ring-ring px-3 py-2 text-sm whitespace-nowrap outline-hidden select-none focus-visible:ring-1", "text-muted-foreground hover:text-foreground data-active:text-foreground", t),
+		className: h(c === "pills" ? A : "focus-visible:ring-ring px-3 py-2 text-sm whitespace-nowrap outline-hidden select-none focus-visible:ring-1", "text-muted-foreground hover:text-foreground data-active:text-foreground", t),
 		...r
 	});
 }
-function Z({ value: e, className: t, ...n }) {
-	let { value: r, idFor: i } = Y("TabPanel");
-	return r === e ? /* @__PURE__ */ p("div", {
+function Ee({ value: e, className: t, ...n }) {
+	let { value: r, idFor: i } = J("TabPanel");
+	return r === e ? /* @__PURE__ */ f("div", {
 		role: "tabpanel",
 		id: i("panel", e),
 		"aria-labelledby": i("tab", e),
 		tabIndex: 0,
-		className: _("outline-hidden", t),
+		className: h("outline-hidden", t),
 		...n
 	}) : null;
 }
 //#endregion
 //#region packages/textarea/index.tsx
-function Le(e) {
+function De(e) {
 	let { className: t, ...n } = e;
-	return /* @__PURE__ */ p("textarea", {
-		className: _(O.replace("h-10", ""), "h-32 w-full resize-y py-2", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", t),
+	return /* @__PURE__ */ f("textarea", {
+		className: h(D.replace("h-10", ""), "h-32 w-full resize-y py-2", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", t),
 		...n
 	});
 }
 //#endregion
 //#region packages/toast/index.tsx
-var Re = 5e3, ze = 300, Q = n(null);
-function Be({ children: e }) {
-	let [t, n] = d([]), [r, a] = d(!1), s = u(0);
-	o(() => a(!0), []);
-	let c = i((e) => {
+var Oe = 5e3, ke = 300, X = t(null);
+function Z({ children: e }) {
+	let [t, n] = u([]), [i, o] = u(!1), s = l(0);
+	a(() => o(!0), []);
+	let c = r((e) => {
 		n((t) => t.map((t) => t.id === e ? {
 			...t,
 			leaving: !0
-		} : t)), setTimeout(() => n((t) => t.filter((t) => t.id !== e)), ze);
-	}, []), l = i((e, { description: t, tone: r = "info", action: i, timeout: a } = {}) => {
+		} : t)), setTimeout(() => n((t) => t.filter((t) => t.id !== e)), ke);
+	}, []), d = r((e, { description: t, tone: r = "info", action: i, timeout: a } = {}) => {
 		let o = s.current++, c = {
 			id: o,
 			title: e,
 			description: t,
 			tone: r,
 			action: i,
-			timeout: a ?? (i ? 1e4 : Re)
+			timeout: a ?? (i ? 1e4 : Oe)
 		};
 		return n((e) => [...e, c]), o;
-	}, []), f = t.slice(-3);
-	return /* @__PURE__ */ m(Q.Provider, {
-		value: l,
-		children: [e, r && h(/* @__PURE__ */ p("section", {
+	}, []), h = t.slice(-3);
+	return /* @__PURE__ */ p(X.Provider, {
+		value: d,
+		children: [e, i && m(/* @__PURE__ */ f("section", {
 			"aria-label": "Notifications",
 			className: "zen__toast-viewport fixed right-4 bottom-[calc(1rem+env(safe-area-inset-bottom))] z-50 flex w-[calc(100vw-2rem)] flex-col-reverse gap-2.5 md:bottom-5 md:w-[24rem]",
-			children: f.map((e) => /* @__PURE__ */ p(He, {
+			children: h.map((e) => /* @__PURE__ */ f(je, {
 				toast: e,
 				onDismiss: () => c(e.id)
 			}, e.id))
 		}), document.body)]
 	});
 }
-function Ve() {
-	let e = a(Q);
+function Ae() {
+	let e = i(X);
 	if (!e) throw Error("useToast() needs a <ToastProvider> above it");
 	return e;
 }
-var $ = {
+var Q = {
 	success: {
-		icon: Ue,
+		icon: Me,
 		ring: "border-primary/30",
 		badge: "bg-primary/15 text-primary",
 		bar: "bg-primary",
 		glow: "shadow-[0_18px_50px_-18px_oklch(var(--glow)/0.55)]"
 	},
 	error: {
-		icon: We,
+		icon: Ne,
 		ring: "border-destructive/40",
 		badge: "bg-destructive/15 text-destructive",
 		bar: "bg-destructive",
 		glow: "shadow-[0_18px_50px_-18px_oklch(var(--destructive)/0.55)]"
 	},
 	info: {
-		icon: Ge,
+		icon: Pe,
 		ring: "border-tint/10",
 		badge: "bg-tint/[0.08] text-foreground",
 		bar: "bg-muted-foreground",
 		glow: "shadow-[var(--toast-shadow)]"
 	}
 };
-function He({ toast: e, onDismiss: t }) {
-	let n = $[e.tone] ?? $.info, r = n.icon, [i, a] = d(!1), s = u(e.timeout);
-	return o(() => {
+function je({ toast: e, onDismiss: t }) {
+	let n = Q[e.tone] ?? Q.info, r = n.icon, [i, o] = u(!1), s = l(e.timeout);
+	return a(() => {
 		if (!e.timeout || i || e.leaving) return;
 		let n = Date.now(), r = setTimeout(t, s.current);
 		return () => {
@@ -1799,30 +1191,30 @@ function He({ toast: e, onDismiss: t }) {
 		e.timeout,
 		e.leaving,
 		t
-	]), /* @__PURE__ */ m("div", {
+	]), /* @__PURE__ */ p("div", {
 		role: e.tone === "error" ? "alert" : "status",
 		"aria-atomic": "true",
-		onMouseEnter: () => a(!0),
-		onMouseLeave: () => a(!1),
-		className: _("zen__toast group glass glass-blur text-card-foreground relative flex items-start gap-3 overflow-hidden rounded-2xl border p-3.5 pr-10 select-none", "transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "starting:translate-y-3 starting:scale-[0.97] starting:opacity-0", e.leaving && "translate-x-6 opacity-0", n.ring, n.glow),
+		onMouseEnter: () => o(!0),
+		onMouseLeave: () => o(!1),
+		className: h("zen__toast group glass glass-blur text-card-foreground relative flex items-start gap-3 overflow-hidden rounded-2xl border p-3.5 pr-10 select-none", "transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "starting:translate-y-3 starting:scale-[0.97] starting:opacity-0", e.leaving && "translate-x-6 opacity-0", n.ring, n.glow),
 		children: [
-			/* @__PURE__ */ p("span", {
-				className: _("mt-0.5 grid size-8 shrink-0 place-items-center rounded-full", n.badge),
+			/* @__PURE__ */ f("span", {
+				className: h("mt-0.5 grid size-8 shrink-0 place-items-center rounded-full", n.badge),
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ p(r, { className: "size-4" })
+				children: /* @__PURE__ */ f(r, { className: "size-4" })
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-0.5 pt-0.5",
 				children: [
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ f("div", {
 						className: "text-sm font-semibold",
 						children: e.title
 					}),
-					e.description && /* @__PURE__ */ p("div", {
+					e.description && /* @__PURE__ */ f("div", {
 						className: "text-muted-foreground text-sm leading-5",
 						children: e.description
 					}),
-					e.action && /* @__PURE__ */ p("button", {
+					e.action && /* @__PURE__ */ f("button", {
 						type: "button",
 						onClick: () => {
 							e.action?.onClick(), t();
@@ -1832,12 +1224,12 @@ function He({ toast: e, onDismiss: t }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ p("button", {
+			/* @__PURE__ */ f("button", {
 				type: "button",
 				"aria-label": "Dismiss",
 				onClick: t,
 				className: "text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 grid size-7 place-items-center rounded-lg outline-hidden transition-colors focus-visible:ring-2",
-				children: /* @__PURE__ */ p("svg", {
+				children: /* @__PURE__ */ f("svg", {
 					viewBox: "0 0 16 16",
 					fill: "none",
 					stroke: "currentColor",
@@ -1845,77 +1237,115 @@ function He({ toast: e, onDismiss: t }) {
 					strokeLinecap: "round",
 					className: "size-3.5",
 					"aria-hidden": !0,
-					children: /* @__PURE__ */ p("path", { d: "m4 4 8 8M12 4l-8 8" })
+					children: /* @__PURE__ */ f("path", { d: "m4 4 8 8M12 4l-8 8" })
 				})
 			}),
-			e.timeout > 0 && /* @__PURE__ */ p("span", {
+			e.timeout > 0 && /* @__PURE__ */ f("span", {
 				"aria-hidden": !0,
-				className: _("zen__toast-timer absolute bottom-0 left-0 h-0.5 w-full origin-left opacity-60 group-hover:[animation-play-state:paused]", n.bar),
+				className: h("zen__toast-timer absolute bottom-0 left-0 h-0.5 w-full origin-left opacity-60 group-hover:[animation-play-state:paused]", n.bar),
 				style: { animationDuration: `${e.timeout}ms` }
 			})
 		]
 	});
 }
-function Ue({ className: e }) {
-	return /* @__PURE__ */ p("svg", {
+function Me({ className: e }) {
+	return /* @__PURE__ */ f("svg", {
 		viewBox: "0 0 16 16",
 		fill: "none",
 		stroke: "currentColor",
 		strokeWidth: "2",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
-		className: _("size-3.5", e),
+		className: h("size-3.5", e),
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ p("path", { d: "m3.5 8.5 3 3 6-7" })
+		children: /* @__PURE__ */ f("path", { d: "m3.5 8.5 3 3 6-7" })
 	});
 }
-function We({ className: e }) {
-	return /* @__PURE__ */ m("svg", {
+function Ne({ className: e }) {
+	return /* @__PURE__ */ p("svg", {
 		viewBox: "0 0 16 16",
 		fill: "none",
 		stroke: "currentColor",
 		strokeWidth: "1.8",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
-		className: _("size-3.5", e),
+		className: h("size-3.5", e),
 		"aria-hidden": !0,
-		children: [/* @__PURE__ */ p("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ p("path", { d: "M8 6.5v3M8 11.6v.1" })]
+		children: [/* @__PURE__ */ f("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ f("path", { d: "M8 6.5v3M8 11.6v.1" })]
 	});
 }
-function Ge({ className: e }) {
-	return /* @__PURE__ */ m("svg", {
+function Pe({ className: e }) {
+	return /* @__PURE__ */ p("svg", {
 		viewBox: "0 0 16 16",
 		fill: "none",
 		stroke: "currentColor",
 		strokeWidth: "1.8",
 		strokeLinecap: "round",
-		className: _("size-3.5", e),
+		className: h("size-3.5", e),
 		"aria-hidden": !0,
-		children: [/* @__PURE__ */ p("circle", {
+		children: [/* @__PURE__ */ f("circle", {
 			cx: "8",
 			cy: "8",
 			r: "6.3"
-		}), /* @__PURE__ */ p("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
+		}), /* @__PURE__ */ f("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
 	});
 }
 //#endregion
 //#region packages/toggle/index.tsx
-function Ke(e) {
+function Fe(e) {
 	let { className: t, onChange: n, disabled: r, ...i } = e;
-	return /* @__PURE__ */ m("label", {
-		className: _("zen__toggle border-tint/10 bg-tint/[0.06] relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border p-0.5", "has-focus-visible:ring-glow/50 transition-[background-color,box-shadow,border-color] duration-300 has-focus-visible:ring-2", "has-checked:border-glow/60 has-checked:bg-glow/40 has-checked:shadow-[0_0_18px_-2px_oklch(var(--glow)/0.8)]", "has-disabled:cursor-not-allowed has-disabled:opacity-50", t),
-		children: [/* @__PURE__ */ p("input", {
+	return /* @__PURE__ */ p("label", {
+		className: h("zen__toggle border-tint/10 bg-tint/[0.06] relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border p-0.5", "has-focus-visible:ring-glow/50 transition-[background-color,box-shadow,border-color] duration-300 has-focus-visible:ring-2", "has-checked:border-glow/60 has-checked:bg-glow/40 has-checked:shadow-[0_0_18px_-2px_oklch(var(--glow)/0.8)]", "has-disabled:cursor-not-allowed has-disabled:opacity-50", t),
+		children: [/* @__PURE__ */ f("input", {
 			type: "checkbox",
 			role: "switch",
 			className: "peer sr-only",
 			disabled: r,
 			onChange: (e) => n?.(e.target.checked),
 			...i
-		}), /* @__PURE__ */ p("span", {
+		}), /* @__PURE__ */ f("span", {
 			"aria-hidden": !0,
-			className: _("size-[1.125rem] rounded-full bg-white/70 shadow-md", "transition-[translate,background-color] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "peer-checked:translate-x-5 peer-checked:bg-white")
+			className: h("size-[1.125rem] rounded-full bg-white/70 shadow-md", "transition-[translate,background-color] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "peer-checked:translate-x-5 peer-checked:bg-white")
 		})]
 	});
 }
 //#endregion
-export { y as ActionsMenu, b as Backdrop, C as Badge, E as Button, ee as Card, Te as ChevronDown, Ee as ChevronUp, M as Collapse, P as ConfirmDialog, N as Dialog, Ce as Dropdown, De as Input, Ae as NavPill, ke as NavPillIndicator, Oe as NavPills, j as Popover, je as ProgressRing, G as Search, Me as Segmented, Ne as Skeleton, T as Spinner, te as Stat, ne as StatRow, Ie as Tab, Fe as TabList, Z as TabPanel, Pe as Tabs, Le as TextArea, Be as ToastProvider, Ke as Toggle, D as buttonVariants, S as cva, _ as cx, Ve as useToast };
+//#region packages/theme-toggle/index.tsx
+var $ = (e = "theme") => `try{var t=localStorage.getItem(${JSON.stringify(e)}),r=document.documentElement;if(t==='light'||t==='dark'){r.classList.remove('light','dark');r.classList.add(t)}}catch(e){}`;
+function Ie({ storageKey: e = "theme" }) {
+	return /* @__PURE__ */ f("script", { dangerouslySetInnerHTML: { __html: $(e) } });
+}
+function Le({ storageKey: e = "theme", className: t }) {
+	let [n, r] = u("dark");
+	a(() => r(document.documentElement.classList.contains("light") ? "light" : "dark"), []);
+	let i = n === "dark" ? "light" : "dark";
+	return /* @__PURE__ */ f("button", {
+		type: "button",
+		"aria-label": `Switch to ${i} theme`,
+		onClick: () => {
+			let t = document.documentElement;
+			t.classList.remove("dark", "light"), t.classList.add(i);
+			try {
+				localStorage.setItem(e, i);
+			} catch {}
+			r(i);
+		},
+		className: h("zen__theme-toggle text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground focus-visible:ring-ring/50 grid size-9 place-items-center rounded-lg outline-hidden focus-visible:ring-2", t),
+		children: /* @__PURE__ */ f("svg", {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			className: "size-4",
+			"aria-hidden": !0,
+			children: n === "dark" ? /* @__PURE__ */ f("path", { d: "M13.5 9.5A5.5 5.5 0 0 1 6.5 2.5a5.5 5.5 0 1 0 7 7Z" }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("circle", {
+				cx: "8",
+				cy: "8",
+				r: "3"
+			}), /* @__PURE__ */ f("path", { d: "M8 1v1.5M8 13.5V15M1 8h1.5M13.5 8H15M3.05 3.05l1.06 1.06M11.89 11.89l1.06 1.06M3.05 12.95l1.06-1.06M11.89 4.11l1.06-1.06" })] })
+		})
+	});
+}
+//#endregion
+export { _ as ActionsMenu, v as Backdrop, x as Badge, w as Button, ee as Card, R as ChevronDown, z as ChevronUp, ne as CodeBlock, M as Collapse, ae as ConfirmDialog, N as Dialog, F as Dropdown, L as Header, B as Input, K as NavPill, W as NavPillIndicator, U as NavPills, ce as PageHeader, j as Popover, le as ProgressRing, P as Search, ue as Segmented, de as SideNav, fe as SideNavGroup, me as SideNavLink, he as Skeleton, C as Spinner, E as Stat, te as StatRow, Te as Tab, we as TabList, Ee as TabPanel, ge as Table, ve as TableBody, xe as TableCell, be as TableHead, _e as TableHeader, Se as TableOfContents, ye as TableRow, Ce as Tabs, De as TextArea, Ie as ThemeScript, Le as ThemeToggle, Z as ToastProvider, Fe as Toggle, T as buttonVariants, b as cva, h as cx, $ as themeScript, Ae as useToast };