@rinzai/zen 0.3.0 → 0.4.0

package/dist/zen.js

@@ -1,129 +1,677 @@
 "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";
-//#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", {
+import { Children as e, 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, useSyncExternalStore as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { createPortal as g } from "react-dom";
+//#region packages/utils/merge.ts
+function _(e) {
+	let t = v.get(e);
+	if (t !== void 0) return t;
+	let n = e.split(/\s+/).filter(Boolean), r = /* @__PURE__ */ new Set(), i = [];
+	for (let e = n.length - 1; e >= 0; e--) {
+		let t = n[e], a = y(t);
+		if (!a) {
+			i.push(t);
+			continue;
+		}
+		let o = a.scope;
+		if (!r.has(o + a.group)) {
+			r.add(o + a.group);
+			for (let e of ae[a.group] ?? []) r.add(o + e);
+			i.push(t);
+		}
+	}
+	let a = i.reverse().join(" ");
+	return v.size >= 1e3 && v.clear(), v.set(e, a), a;
+}
+var v = /* @__PURE__ */ new Map();
+function y(e) {
+	let t = b(e), n = t.pop(), r = !1;
+	n.startsWith("!") ? [r, n] = [!0, n.slice(1)] : n.endsWith("!") && ([r, n] = [!0, n.slice(0, -1)]), n.startsWith("-") && (n = n.slice(1));
+	let i = ie(n);
+	return i ? {
+		group: i,
+		scope: t.sort().join(":") + (r ? "!" : "") + "|"
+	} : null;
+}
+function b(e) {
+	let t = [], n = 0, r = 0;
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		a === "[" || a === "(" ? n++ : a === "]" || a === ")" ? n-- : a === ":" && n === 0 && (t.push(e.slice(r, i)), r = i + 1);
+	}
+	return t.push(e.slice(r)), t;
+}
+var x = /^\d+(\.\d+)?$/, S = /^(\d?xs|sm|md|lg|\d?xl|base|none|full)$/, C = /^[[(](length:|size:|percentage:|number:)?(-?[\d.]+[a-z%]*|calc\(|min\(|max\(|clamp\(|var\(--[\w-]*(size|width|radius|spacing|length)[\w-]*\))/, w = (e) => e.replace(/\/[^/[\]()]*$/, ""), T = (e) => e === "" || x.test(e) || C.test(e), E = [
+	"x",
+	"y",
+	"t",
+	"r",
+	"b",
+	"l",
+	"s",
+	"e"
+], ee = [
+	"t",
+	"r",
+	"b",
+	"l",
+	"s",
+	"e",
+	"tl",
+	"tr",
+	"br",
+	"bl",
+	"ss",
+	"se",
+	"es",
+	"ee"
+], te = {}, D = (e, t) => t.split(" ").forEach((t) => te[t] = e);
+D("display", "block inline-block inline flex inline-flex grid inline-grid contents hidden flow-root list-item table inline-table table-row table-cell table-caption table-column table-row-group table-header-group table-footer-group"), D("position", "static fixed absolute relative sticky"), D("visibility", "visible invisible collapse"), D("isolation", "isolate isolation-auto"), D("text-overflow", "truncate text-ellipsis text-clip"), D("text-transform", "uppercase lowercase capitalize normal-case"), D("font-style", "italic not-italic"), D("text-decoration-line", "underline overline line-through no-underline"), D("font-smoothing", "antialiased subpixel-antialiased"), D("sr", "sr-only not-sr-only"), D("flex-direction", "flex-row flex-row-reverse flex-col flex-col-reverse"), D("flex-wrap", "flex-wrap flex-wrap-reverse flex-nowrap"), D("border-style", "border-solid border-dashed border-dotted border-double border-hidden border-none"), D("border-collapse", "border-collapse border-separate"), D("table-layout", "table-auto table-fixed"), D("box-sizing", "box-border box-content"), D("grow", "grow"), D("shrink", "shrink"), D("transition", "transition"), D("shadow", "shadow"), D("ring-w", "ring"), D("ring-inset", "ring-inset"), D("outline-w", "outline"), D("border-w", "border"), D("rounded", "rounded");
+for (let e of E) D(`border-w-${e}`, `border-${e}`);
+for (let e of ee) D(`rounded-${e}`, `rounded-${e}`);
+var O = {
+	inset: "inset",
+	"inset-x": "inset-x",
+	"inset-y": "inset-y",
+	top: "top",
+	right: "right",
+	bottom: "bottom",
+	left: "left",
+	start: "start",
+	end: "end",
+	z: "z",
+	order: "order",
+	basis: "basis",
+	grow: "grow",
+	shrink: "shrink",
+	flex: "flex",
+	"grid-cols": "grid-cols",
+	"grid-rows": "grid-rows",
+	"grid-flow": "grid-flow",
+	"auto-cols": "auto-cols",
+	"auto-rows": "auto-rows",
+	col: "col",
+	"col-span": "col-span",
+	"col-start": "col-start",
+	"col-end": "col-end",
+	row: "row",
+	"row-span": "row-span",
+	"row-start": "row-start",
+	"row-end": "row-end",
+	gap: "gap",
+	"gap-x": "gap-x",
+	"gap-y": "gap-y",
+	"space-x": "space-x",
+	"space-y": "space-y",
+	w: "w",
+	"min-w": "min-w",
+	"max-w": "max-w",
+	h: "h",
+	"min-h": "min-h",
+	"max-h": "max-h",
+	size: "size",
+	justify: "justify-content",
+	"justify-items": "justify-items",
+	"justify-self": "justify-self",
+	items: "align-items",
+	self: "align-self",
+	content: (e) => e === "none" || e.startsWith("[") || e.startsWith("(") ? "content" : "align-content",
+	"place-content": "place-content",
+	"place-items": "place-items",
+	"place-self": "place-self",
+	overflow: "overflow",
+	"overflow-x": "overflow-x",
+	"overflow-y": "overflow-y",
+	"border-spacing": "border-spacing",
+	"border-spacing-x": "border-spacing-x",
+	"border-spacing-y": "border-spacing-y",
+	bg: (e) => {
+		let t = w(e);
+		return [
+			"fixed",
+			"local",
+			"scroll"
+		].includes(t) ? "bg-attachment" : /^(clip|origin)-/.test(t) ? "bg-" + t.split("-")[0] : /^(repeat|no-repeat)/.test(t) ? "bg-repeat" : [
+			"auto",
+			"cover",
+			"contain"
+		].includes(t) ? "bg-size" : /^(top|bottom|left|right|center)/.test(t) ? "bg-position" : t === "none" || /^(linear|radial|conic|gradient)-/.test(t) || /^\[(url|image:|(repeating-)?(linear|radial|conic)-gradient)/.test(t) ? "bg-image" : "bg-color";
+	},
+	text: (e) => {
+		let t = w(e);
+		return [
+			"left",
+			"center",
+			"right",
+			"justify",
+			"start",
+			"end"
+		].includes(t) ? "text-align" : [
+			"wrap",
+			"nowrap",
+			"balance",
+			"pretty"
+		].includes(t) ? "text-wrap" : S.test(t) || C.test(t) ? "font-size" : "text-color";
+	},
+	font: (e) => /^(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)$/.test(e) || /^[[(](number:|\d)/.test(e) ? "font-weight" : "font-family",
+	leading: "leading",
+	tracking: "tracking",
+	whitespace: "whitespace",
+	break: (e) => [
+		"normal",
+		"words",
+		"all",
+		"keep"
+	].includes(e) ? "word-break" : null,
+	"line-clamp": "line-clamp",
+	align: "vertical-align",
+	opacity: "opacity",
+	shadow: (e) => e === "" || S.test(w(e)) || e === "inner" || /^\[(?!color:)/.test(e) ? "shadow" : "shadow-color",
+	ring: (e) => T(e) ? "ring-w" : "ring-color",
+	"ring-offset": (e) => T(e) ? "ring-offset-w" : "ring-offset-color",
+	outline: (e) => [
+		"none",
+		"hidden",
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	].includes(e) ? "outline-style" : T(e) ? "outline-w" : "outline-color",
+	"outline-offset": "outline-offset",
+	cursor: "cursor",
+	"pointer-events": "pointer-events",
+	select: "user-select",
+	resize: "resize",
+	transition: "transition",
+	duration: "duration",
+	ease: "ease",
+	delay: "delay",
+	animate: "animate",
+	scale: "scale",
+	"scale-x": "scale-x",
+	"scale-y": "scale-y",
+	rotate: "rotate",
+	translate: "translate",
+	"translate-x": "translate-x",
+	"translate-y": "translate-y",
+	origin: "transform-origin",
+	fill: "fill",
+	stroke: (e) => x.test(e) ? "stroke-w" : "stroke-color",
+	aspect: "aspect",
+	object: (e) => [
+		"contain",
+		"cover",
+		"fill",
+		"none",
+		"scale-down"
+	].includes(e) ? "object-fit" : "object-position",
+	blur: "blur",
+	"backdrop-blur": "backdrop-blur",
+	"mix-blend": "mix-blend",
+	appearance: "appearance",
+	"will-change": "will-change",
+	"underline-offset": "underline-offset",
+	accent: "accent-color",
+	caret: "caret-color",
+	float: "float",
+	clear: "clear",
+	columns: "columns",
+	rounded: "rounded",
+	border: (e) => T(e) ? "border-w" : "border-color"
+};
+for (let e of ["p", "m"]) {
+	O[e] = e;
+	for (let t of E) O[e + t] = e + t;
+}
+for (let e of E) O[`border-${e}`] = (t) => T(t) ? `border-w-${e}` : `border-color-${e}`;
+for (let e of ee) O[`rounded-${e}`] = `rounded-${e}`;
+var ne = /* @__PURE__ */ new Set(["text-glow", "text-aurora"]), re = Object.keys(O).sort((e, t) => t.length - e.length);
+function ie(e) {
+	if (ne.has(e)) return null;
+	if (te[e]) return te[e];
+	if (e.startsWith("[")) {
+		let t = e.indexOf(":");
+		return t > 1 ? "prop:" + e.slice(1, t) : null;
+	}
+	for (let t of re) {
+		if (!e.startsWith(t + "-")) continue;
+		let n = O[t];
+		return typeof n == "string" ? n : n(e.slice(t.length + 1));
+	}
+	return null;
+}
+var ae = {
+	p: E.map((e) => "p" + e),
+	m: E.map((e) => "m" + e),
+	px: [
+		"pl",
+		"pr",
+		"ps",
+		"pe"
+	],
+	py: ["pt", "pb"],
+	mx: [
+		"ml",
+		"mr",
+		"ms",
+		"me"
+	],
+	my: ["mt", "mb"],
+	inset: [
+		"inset-x",
+		"inset-y",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"start",
+		"end"
+	],
+	"inset-x": ["left", "right"],
+	"inset-y": ["top", "bottom"],
+	size: ["w", "h"],
+	gap: ["gap-x", "gap-y"],
+	overflow: ["overflow-x", "overflow-y"],
+	"border-spacing": ["border-spacing-x", "border-spacing-y"],
+	"border-w": E.map((e) => "border-w-" + e),
+	"border-w-x": [
+		"border-w-l",
+		"border-w-r",
+		"border-w-s",
+		"border-w-e"
+	],
+	"border-w-y": ["border-w-t", "border-w-b"],
+	"border-color": E.map((e) => "border-color-" + e),
+	"border-color-x": [
+		"border-color-l",
+		"border-color-r",
+		"border-color-s",
+		"border-color-e"
+	],
+	"border-color-y": ["border-color-t", "border-color-b"],
+	rounded: ee.map((e) => "rounded-" + e),
+	"rounded-t": ["rounded-tl", "rounded-tr"],
+	"rounded-r": ["rounded-tr", "rounded-br"],
+	"rounded-b": ["rounded-br", "rounded-bl"],
+	"rounded-l": ["rounded-tl", "rounded-bl"],
+	"rounded-s": ["rounded-ss", "rounded-es"],
+	"rounded-e": ["rounded-se", "rounded-ee"],
+	translate: ["translate-x", "translate-y"],
+	scale: ["scale-x", "scale-y"],
+	flex: [
+		"grow",
+		"shrink",
+		"basis"
+	]
+}, k = (...e) => _(oe(e)), oe = (e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "string" || typeof t == "number" ? e + " " + t : Array.isArray(t) ? e + " " + oe(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, ""), se = "data-zen-graphics", ce = /swiftshader|llvmpipe|softpipe|software|basic render driver|mesa offscreen/i, A;
+function le() {
+	if (A) return A;
+	if (typeof document > "u") return "full";
+	try {
+		let e = document.createElement("canvas"), t = e.getContext("webgl", { failIfMajorPerformanceCaveat: !0 }) ?? e.getContext("experimental-webgl", { failIfMajorPerformanceCaveat: !0 });
+		if (!t) A = "lite";
+		else {
+			let e = t.getExtension("WEBGL_debug_renderer_info"), n = String(t.getParameter(e ? e.UNMASKED_RENDERER_WEBGL : t.RENDERER) ?? "");
+			A = ce.test(n) ? "lite" : "full", t.getExtension("WEBGL_lose_context")?.loseContext();
+		}
+	} catch {
+		A = "lite";
+	}
+	return A;
+}
+function j() {
+	if (typeof document > "u") return "full";
+	let e = document.documentElement, t = e.getAttribute(se);
+	if (t === "full" || t === "lite") return t;
+	let n = le();
+	return e.setAttribute(se, n), n;
+}
+function M() {
+	o(() => {
+		j();
+	}, []);
+}
+//#endregion
+//#region packages/utils/useAnchoredPopup.ts
+function N({ align: e = "start", offset: t = 4, matchWidth: n = !1, onOpenChange: r } = {}) {
+	let a = `zen__popup-${s().replace(/[^\w-]/g, "")}`, c = u(null), [l, f] = d(!1), p = u(r);
+	p.current = r;
+	let m = u(!1), h = i((e) => {
+		f(e), m.current !== e && (m.current = e, p.current?.(e));
+	}, []), g = i((e) => {
+		let t = c.current;
+		if (t) {
+			try {
+				e ? t.showPopover?.() : t.hidePopover?.();
+			} catch {}
+			h(e);
+		}
+	}, [h]);
+	return o(() => {
+		let e = c.current;
+		if (!e) return;
+		let t = (e) => h(e.newState === "open");
+		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
+	}, [h]), {
+		id: a,
+		open: l,
+		setOpen: g,
+		triggerProps: {
+			popoverTarget: a,
+			"aria-expanded": l,
+			"aria-controls": a,
+			"data-popup-open": l || void 0,
+			style: { anchorName: `--${a}` }
+		},
+		popupProps: {
+			ref: c,
+			id: a,
+			popover: "auto",
+			style: {
+				positionAnchor: `--${a}`,
+				positionArea: e === "start" ? "block-end span-inline-end" : "block-end span-inline-start",
+				positionTryFallbacks: "flip-block",
+				inset: "auto",
+				margin: `${t}px 0`,
+				...n && { minWidth: "anchor-size(width)" }
+			}
+		},
+		popupRef: c
+	};
+}
+//#endregion
+//#region packages/actions-menu/index.tsx
+var ue = "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 de({ label: e, actions: t, className: n }) {
+	M();
+	let r = N({
+		align: "end",
+		offset: 6,
+		onOpenChange: (e) => e && r.popupRef.current?.focus()
+	}), i = r.popupRef, a = t.filter((e) => !!e), o = (e) => {
+		let t = Array.from(i.current?.querySelectorAll("[role=\"menuitem\"]") ?? []), n = t.indexOf(document.activeElement), r = t.length - 1, a = {
+			ArrowDown: n + 1,
+			ArrowUp: n === -1 ? r : n - 1,
+			Home: 0,
+			End: r
+		}[e.key];
+		a !== void 0 && (e.preventDefault(), t[(a + t.length) % t.length]?.focus());
+	};
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("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),
-		style: { anchorName: `--${r}` },
-		children: /* @__PURE__ */ m("svg", {
+		...r.triggerProps,
+		className: k("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", "data-popup-open:bg-tint/[0.06]", n),
+		children: /* @__PURE__ */ h("svg", {
 			viewBox: "0 0 16 16",
 			fill: "currentColor",
 			className: "size-4",
 			"aria-hidden": !0,
 			children: [
-				/* @__PURE__ */ p("circle", {
+				/* @__PURE__ */ m("circle", {
 					cx: "3",
 					cy: "8",
 					r: "1.4"
 				}),
-				/* @__PURE__ */ p("circle", {
+				/* @__PURE__ */ m("circle", {
 					cx: "8",
 					cy: "8",
 					r: "1.4"
 				}),
-				/* @__PURE__ */ p("circle", {
+				/* @__PURE__ */ m("circle", {
 					cx: "13",
 					cy: "8",
 					r: "1.4"
 				})
 			]
 		})
-	}), /* @__PURE__ */ p("div", {
-		ref: i,
-		id: r,
-		popover: "auto",
+	}), /* @__PURE__ */ m("div", {
+		...r.popupProps,
 		role: "menu",
 		"aria-label": e,
 		tabIndex: -1,
-		onKeyDown: (e) => {
-			let t = Array.from(i.current?.querySelectorAll("[role=\"menuitem\"]") ?? []), n = t.indexOf(document.activeElement), r = t.length - 1, a = {
-				ArrowDown: n + 1,
-				ArrowUp: n === -1 ? r : n - 1,
-				Home: 0,
-				End: r
-			}[e.key];
-			a !== void 0 && (e.preventDefault(), t[(a + t.length) % t.length]?.focus());
-		},
-		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]"),
-		style: {
-			positionAnchor: `--${r}`,
-			inset: "auto",
-			margin: "6px 0"
-		},
-		children: a.map((e) => /* @__PURE__ */ p("button", {
+		onKeyDown: o,
+		className: "zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden",
+		children: a.map((e) => /* @__PURE__ */ m("button", {
 			type: "button",
 			role: "menuitem",
 			tabIndex: -1,
-			className: _(v, e.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"),
+			className: k(ue, e.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"),
 			onClick: () => {
-				i.current?.hidePopover?.(), e.onClick();
+				r.setOpen(!1), e.onClick();
 			},
 			children: e.label
 		}, e.label))
 	})] });
 }
 //#endregion
+//#region packages/utils/money.ts
+function P(e) {
+	return new Intl.NumberFormat("en", {
+		style: "currency",
+		currency: e
+	}).resolvedOptions().maximumFractionDigits ?? 2;
+}
+function F(e, t, n, { showDecimals: r = !0 } = {}) {
+	let i = P(t);
+	return new Intl.NumberFormat(n, {
+		style: "currency",
+		currency: t,
+		minimumFractionDigits: r ? i : 0,
+		maximumFractionDigits: r ? i : 0
+	}).format(e / 10 ** i);
+}
+function I(e, t, n) {
+	let r = P(t), i = e % 10 ** r != 0;
+	return new Intl.NumberFormat(n, {
+		minimumFractionDigits: i ? r : 0,
+		maximumFractionDigits: r
+	}).format(e / 10 ** r);
+}
+function fe(e, t) {
+	return new Intl.NumberFormat(t, {
+		style: "currency",
+		currency: e
+	}).formatToParts(0).find((e) => e.type === "currency")?.value ?? e;
+}
+var L = class extends Error {
+	constructor(e) {
+		super(`Not an amount: ${e}`), this.name = "MoneyParseError";
+	}
+};
+function pe(e, t) {
+	let n = P(t), r = e.trim().replace(/[\s,_]/g, "").replace(/^([+-]?)[^\d.+-]+/, "$1"), i = /^([+-]?)(\d*)(?:\.(\d*))?$/.exec(r);
+	if (!i || i[2] === "" && (i[3] ?? "") === "") throw new L(e);
+	let [, a, o, s = ""] = i;
+	if (s.length > n) throw new L(e);
+	let c = Number((o || "0") + s.padEnd(n, "0"));
+	if (!Number.isSafeInteger(c)) throw new L(e);
+	return a === "-" ? -c : c;
+}
+var me = {
+	k: 3,
+	thousand: 3,
+	l: 5,
+	lac: 5,
+	lakh: 5,
+	lakhs: 5,
+	cr: 7,
+	crore: 7,
+	crores: 7,
+	m: 6,
+	mn: 6,
+	million: 6
+};
+function he(e, t) {
+	let n = /^\s*(.*?)\s*([a-z]+)\s*$/i.exec(e), r = me[n ? n[2].toLowerCase() : ""];
+	if (!n || r === void 0) return pe(e, t);
+	let i = P(t), a = /^([+-]?)[^\d.+-]*([\d,\s_]*)(?:\.(\d*))?$/.exec(n[1]);
+	if (!a) throw new L(e);
+	let o = a[2].replace(/[,\s_]/g, ""), s = a[3] ?? "";
+	if (o === "" && s === "") throw new L(e);
+	let c = r + i;
+	if (s.length > c) throw new L(e);
+	let l = Number((o || "0") + s.padEnd(c, "0"));
+	if (!Number.isSafeInteger(l)) throw new L(e);
+	return a[1] === "-" ? -l : l;
+}
+//#endregion
+//#region packages/animated-number/index.tsx
+var ge = typeof window > "u" ? o : c, _e = (e) => 1 - (1 - e) ** 3;
+function ve({ value: e, format: t = String, duration: n = 650, fromZero: r = !0, className: i }) {
+	let [a, o] = d(r ? 0 : e), s = u(r ? 0 : e);
+	return ge(() => {
+		if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion") || n <= 0) {
+			s.current = e, o(e);
+			return;
+		}
+		let t = s.current, r = performance.now(), i = requestAnimationFrame(function a(c) {
+			let l = Math.min(1, (c - r) / n), u = Math.round(t + (e - t) * _e(l));
+			s.current = u, o(u), l < 1 && (i = requestAnimationFrame(a));
+		});
+		return () => cancelAnimationFrame(i);
+	}, [e, n]), /* @__PURE__ */ m("span", {
+		className: k("zen__animated-number tabular-nums", i),
+		children: t(a)
+	});
+}
+function ye({ value: e, currency: t, locale: n, showDecimals: r = !1, ...i }) {
+	return /* @__PURE__ */ m(ve, {
+		value: e,
+		format: (e) => F(e, t, n, { showDecimals: r }),
+		...i
+	});
+}
+//#endregion
+//#region packages/avatar/index.tsx
+function be({ src: e, name: t, alt: n, className: r }) {
+	let i = (t.trim()[0] ?? "?").toUpperCase();
+	return /* @__PURE__ */ m("span", {
+		role: n ? "img" : void 0,
+		"aria-label": n,
+		"aria-hidden": !n || void 0,
+		className: k("zen__avatar relative inline-grid shrink-0 place-items-center overflow-hidden rounded-full font-semibold select-none", "size-9 text-sm", "text-primary-foreground bg-[radial-gradient(circle_at_30%_25%,oklch(var(--glow)/0.9),oklch(var(--primary)/0.55))]", "shadow-[0_0_0_1px_oklch(var(--tint)/0.12),0_0_18px_-6px_oklch(var(--glow)/calc(0.9*var(--glow-strength)))]", r),
+		children: e ? /* @__PURE__ */ m("img", {
+			src: e,
+			alt: "",
+			className: "size-full object-cover",
+			draggable: !1
+		}) : i
+	});
+}
+var R = class extends Error {};
+async function xe(e, t = 160, n = .85) {
+	if (!e.type.startsWith("image/")) throw new R("Choose an image file.");
+	if (e.size > 20971520) throw new R("That image is too large (over 20 MB).");
+	let r;
+	try {
+		r = await createImageBitmap(e);
+	} catch {
+		throw new R("That image couldn't be read.");
+	}
+	let i = Math.min(r.width, r.height), a = document.createElement("canvas");
+	a.width = a.height = t;
+	let o = a.getContext("2d");
+	o.imageSmoothingQuality = "high", o.drawImage(r, (r.width - i) / 2, (r.height - i) / 2, i, i, 0, 0, t, t), r.close();
+	let s = a.toDataURL("image/webp", n);
+	return s.startsWith("data:image/webp") ? s : a.toDataURL("image/jpeg", n);
+}
+//#endregion
 //#region packages/backdrop/index.tsx
-function b({ pattern: e, topoSrc: t }) {
-	let n = e ?? (t ? "contours" : "dots");
+function Se({ pattern: e, topoSrc: t }) {
+	let n = e ?? (t ? "contours" : "dots"), r = u(null);
 	return o(() => {
-		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());
-			o.forEach((e, t) => {
-				let a = s[t];
-				n > a.left - 400 && n < a.right + 400 && r > a.top - 400 && r < a.bottom + 400 ? (e.style.setProperty("--gx", `${n - a.left}px`), e.style.setProperty("--gy", `${r - a.top}px`), i.delete(e)) : i.has(e) || (e.style.setProperty("--gx", "-9999px"), e.style.setProperty("--gy", "-9999px"), i.add(e));
+		let e = document.documentElement, t = r.current, n = 0, i = -9999, a = -9999, o = /* @__PURE__ */ new WeakSet(), s = !0, c = /* @__PURE__ */ new WeakMap(), l = (e, t, n, r = "--gx", i = "--gy") => {
+			let a = t + " " + n;
+			c.get(e) !== a && (c.set(e, a), e.style.setProperty(r, t), e.style.setProperty(i, n));
+		}, u = () => {
+			if (n = 0, t) {
+				let e = s ? "out" : "in";
+				t.dataset.pointer !== e && (t.dataset.pointer = e);
+				let n = t.querySelector(".zen-light");
+				n && !s && l(n, `${i}px`, `${a}px`, "left", "top");
+			}
+			let e = Array.from(document.querySelectorAll(".glow-edge")), r = e.map((e) => e.getBoundingClientRect());
+			e.forEach((e, t) => {
+				let n = r[t];
+				i > n.left - 400 && i < n.right + 400 && a > n.top - 400 && a < n.bottom + 400 ? (l(e, `${Math.round(i - n.left)}px`, `${Math.round(a - n.top)}px`), o.delete(e)) : o.has(e) || (l(e, "-9999px", "-9999px"), o.add(e));
 			});
-		}, s = () => {
-			t ||= requestAnimationFrame(o);
-		}, c = (e) => {
-			n = e.clientX, r = e.clientY, a = !1, s();
-		}, l = () => {
-			n = r = -9999, a = !0, s();
+		}, d = () => {
+			n ||= requestAnimationFrame(u);
+		}, f = (e) => {
+			i = e.clientX, a = e.clientY, s = !1, d();
+		}, p = () => {
+			i = a = -9999, s = !0, d();
 		};
-		if (!window.matchMedia?.("(hover: none), (pointer: coarse)").matches) return window.addEventListener("pointermove", c, { passive: !0 }), e.addEventListener("pointerleave", l), window.addEventListener("scroll", s, {
+		if (window.matchMedia?.("(hover: none), (pointer: coarse)").matches || j() === "lite") return;
+		window.addEventListener("pointermove", f, { passive: !0 }), e.addEventListener("pointerleave", p);
+		let m = 0, h = () => {
+			clearTimeout(m), m = window.setTimeout(d, 120);
+		};
+		return window.addEventListener("scroll", h, {
 			passive: !0,
 			capture: !0
-		}), 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);
+		}), window.addEventListener("resize", d, { passive: !0 }), () => {
+			window.removeEventListener("pointermove", f), e.removeEventListener("pointerleave", p), window.removeEventListener("scroll", h, { capture: !0 }), clearTimeout(m), window.removeEventListener("resize", d), cancelAnimationFrame(n);
+		};
+	}, []), o(() => {
+		let e = r.current;
+		if (!t || !e || typeof document > "u") return;
+		let n = "", i = !1, a = 0, o = new Image();
+		o.src = t;
+		let s = async () => {
+			try {
+				await o.decode();
+				let t = window.devicePixelRatio || 1, r = Math.round(e.clientWidth * t), a = Math.round(e.clientHeight * t);
+				if (!r || !a) return;
+				let s = document.createElement("canvas");
+				s.width = r, s.height = a;
+				let c = o.naturalWidth || r, l = o.naturalHeight || a, u = Math.max(r / c, a / l);
+				s.getContext("2d")?.drawImage(o, (r - c * u) / 2, (a - l * u) / 2, c * u, l * u);
+				let d = await new Promise((e) => s.toBlob(e));
+				if (i || !d) return;
+				let f = URL.createObjectURL(d);
+				e.style.setProperty("--zen-topo", `url("${f}")`), n && URL.revokeObjectURL(n), n = f;
+			} catch {}
+		};
+		s();
+		let c = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+			clearTimeout(a), a = window.setTimeout(s, 200);
+		});
+		return c?.observe(e), () => {
+			i = !0, clearTimeout(a), c?.disconnect(), n && URL.revokeObjectURL(n), e.style.setProperty("--zen-topo", `url("${t}")`);
 		};
-	}, []), /* @__PURE__ */ m("div", {
+	}, [t]), /* @__PURE__ */ h("div", {
+		ref: r,
 		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__ */ m("div", { className: "zen-aurora" }),
+			n === "contours" ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", { className: "zen-topo" }), /* @__PURE__ */ m("div", {
+				className: "zen-topo zen-topo--lit",
+				children: /* @__PURE__ */ m("div", { className: "zen-light" })
+			})] }) : /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m("div", { className: "zen-dots" }),
+				/* @__PURE__ */ m("div", { className: "zen-dots zen-dots--ambient" }),
+				/* @__PURE__ */ m("div", {
+					className: "zen-dots zen-dots--lit",
+					children: /* @__PURE__ */ m("div", { className: "zen-light" })
+				})
 			] }),
-			/* @__PURE__ */ p("div", { className: "zen-vignette" })
+			/* @__PURE__ */ m("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 Ce = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, we = (e, t) => (n) => {
+	if (t?.variants == null) return k(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 = Ce(t) || Ce(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 +684,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 k(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 z({ variant: e, className: t, ...n }) {
+	return /* @__PURE__ */ m("span", {
 		...n,
-		className: w({
+		className: Te({
 			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 Te = we("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 +708,29 @@ 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 Ee({ className: e }) {
+	return /* @__PURE__ */ m("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: k("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 B({ className: e, variant: t, size: n, loading: r = !1, disabled: i, type: a = "button", children: o, ...s }) {
+	return /* @__PURE__ */ h("button", {
+		type: a,
 		disabled: i || r,
 		"aria-busy": r || void 0,
-		className: D({
+		className: De({
 			variant: t,
 			size: n,
 			className: e
 		}),
-		...o,
-		children: [r && /* @__PURE__ */ p(T, {}), a]
+		...s,
+		children: [r && /* @__PURE__ */ m(Ee, {}), o]
 	});
 }
-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 De = we("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)]",
@@ -206,182 +755,219 @@ 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),
+function Oe({ title: e, action: t, children: n, className: r, ...i }) {
+	return /* @__PURE__ */ h("section", {
+		className: k("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__ */ h("header", {
 			className: "mb-4 flex items-center justify-between gap-4",
-			children: [e && /* @__PURE__ */ p("h4", {
-				className: "text-base tracking-tight",
+			children: [e && /* @__PURE__ */ m("h4", {
+				className: "text-base font-semibold 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 ke({ label: e, value: t, hint: n, tone: r = "default", className: i }) {
+	return /* @__PURE__ */ h("div", {
+		className: k("zen__stat glass glow-edge flex flex-col gap-1 rounded-xl p-3.5 md:p-4", i),
 		children: [
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ m("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__ */ m("span", {
+				className: k("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__ */ m("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 Ae({ children: e, className: t }) {
+	return /* @__PURE__ */ m("div", {
+		className: k("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 je({ code: e, language: t, highlight: n, copyable: r = !0, variant: i = "glass", className: a, ...s }) {
+	let c = e.trim(), [l, u] = d(!1);
+	return o(() => {
+		if (!l) return;
+		let e = setTimeout(() => u(!1), 1500);
+		return () => clearTimeout(e);
+	}, [l]), /* @__PURE__ */ h("div", {
+		className: k("zen__code-block group relative", i === "glass" && "glass glow-edge overflow-hidden rounded-xl", a),
+		"data-language": t,
+		...s,
+		children: [/* @__PURE__ */ m("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__ */ m("code", {
+				className: "bg-transparent! p-0! text-inherit!",
+				dangerouslySetInnerHTML: { __html: n(c, t) }
+			}) : /* @__PURE__ */ m("code", {
+				className: "bg-transparent! p-0! text-inherit!",
+				children: c
+			})
+		}), r && /* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: async () => {
+				await navigator.clipboard?.writeText(c), u(!0);
+			},
+			className: k("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 V = "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", H = k(V, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), U = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", Me = "relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", Ne = "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)]", Pe = "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", Fe = "flex w-full items-center gap-1.5 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-within:border-glow/60 focus-within:bg-tint/[0.05] focus-within:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
 //#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);
+function W(e) {
+	let { className: t, content: n, children: r, role: i = "tooltip", triggerType: a = "auto", trigger: c = "click", gap: l = "5px", triggerClassName: f, show: p, setShow: g, style: _, onOpen: v, onClose: y, ...b } = e, x = s().replace(/[^\w-]/g, "");
+	M();
+	let [S, C] = d(!1), w = u(null);
 	return o(() => {
-		let e = T.current;
+		let e = w.current;
 		if (!e) return;
-		let t = () => {
-			w(!0), y?.();
-		}, n = () => {
-			w(!1), b?.();
-		};
-		return e.addEventListener("popover:open", t), e.addEventListener("popover:close", n), () => {
-			e.removeEventListener("popover:open", t), e.removeEventListener("popover:close", n);
+		let t = (e) => {
+			let t = e.newState === "open";
+			C(t), t ? v?.() : y?.();
 		};
-	}, [y, b]), o(() => {
-		a === "manual" && (h ? T.current?.showPopover?.() : T.current?.hidePopover?.());
-	}, [h, a]), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
-		"aria-expanded": C,
-		className: _("max-w-fit min-w-fit", f),
-		style: { anchorName: `--zen-popover-anchor-${S}` },
-		popoverTarget: `zen__popover-${S}`,
+		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
+	}, [v, y]), o(() => {
+		a === "manual" && (p ? w.current?.showPopover?.() : w.current?.hidePopover?.());
+	}, [p, a]), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
+		"aria-expanded": S,
+		className: k("max-w-fit min-w-fit", f),
+		style: { anchorName: `--zen-popover-anchor-${x}` },
+		popoverTarget: `zen__popover-${x}`,
 		popoverTargetAction: "toggle",
 		onClick: c === "click" ? (e) => {
 			switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), a) {
 				case "auto":
-					T.current?.togglePopover?.();
+					w.current?.togglePopover?.();
 					break;
-				case "manual": g?.(!h);
+				case "manual": g?.(!p);
 			}
 		} : void 0,
 		onMouseEnter: c === "hover" ? (e) => {
-			e.stopPropagation(), T.current?.showPopover?.();
+			e.stopPropagation(), w.current?.showPopover?.();
 		} : void 0,
 		onMouseLeave: c === "hover" ? (e) => {
-			e.stopPropagation(), T.current?.hidePopover?.();
+			e.stopPropagation(), w.current?.hidePopover?.();
 		} : void 0,
 		children: r
-	}), /* @__PURE__ */ p("div", {
-		...x,
-		ref: T,
+	}), /* @__PURE__ */ m("div", {
+		...b,
+		ref: w,
 		role: i,
 		popover: a,
-		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),
+		id: `zen__popover-${x}`,
+		className: k("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]", U, t),
 		style: {
-			...v,
+			..._,
 			"--gap": l,
 			top: "calc(anchor(bottom) + var(--gap))",
 			left: "calc(anchor(center) - 50%)",
-			positionAnchor: `--zen-popover-anchor-${S}`
+			positionAnchor: `--zen-popover-anchor-${x}`
 		},
 		children: n
 	})] });
 }
 //#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({
+function Ie(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: f } = e, [g, _] = d({
 		visible: t,
 		hidden: []
-	}), y = l(() => {
+	}), v = l(() => {
 		if (typeof document > "u") return null;
 		let e = document.createElement("canvas").getContext("2d");
 		return e && (e.font = c), e;
-	}, []), b = () => {
+	}, []), y = () => {
 		let e = i?.current;
 		if (!e) return;
 		let n = e.offsetWidth;
-		if (x.reduce((e, t) => e + t, 0) <= n - 20) {
-			v({
+		if (b.reduce((e, t) => e + t, 0) <= n - 20) {
+			_({
 				visible: t,
 				hidden: []
 			});
 			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({
+		let a = [], o = [], c = s(r, (v?.measureText(r).width ?? 0) + 10);
+		b?.reduce((e, r, i) => (e + r + c > n - 20 ? o.push(t[i]) : a.push(t[i]), e + r), 0), _({
 			visible: a,
 			hidden: o
 		});
-	}, x = l(() => t?.map((e) => s(e, y?.measureText(e).width ?? 0)) ?? [], [t]);
+	}, b = l(() => t?.map((e) => s(e, v?.measureText(e).width ?? 0)) ?? [], [t]);
 	return o(() => {
-		b();
+		y();
 	}, [t]), o(() => {
 		if (!i?.current) return;
 		let e = new ResizeObserver(() => {
-			b();
+			y();
 		});
 		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__ */ h(p, { children: [g.visible?.map((e, t) => n(e, t, a?.[t])), g.hidden?.length > 0 && /* @__PURE__ */ m(W, {
 		trigger: "click",
-		content: /* @__PURE__ */ p("div", {
+		triggerClassName: "flex rounded-md",
+		content: /* @__PURE__ */ m("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: /* @__PURE__ */ p(C, {
-			className: _("cursor-pointer", h),
+		children: /* @__PURE__ */ m(z, {
+			className: k("cursor-pointer", f),
 			variant: u,
 			"aria-label": `Show ${g.hidden.length} more ${r}`,
-			children: /* @__PURE__ */ p("span", { children: `+${g.hidden.length} ${r}` })
+			children: /* @__PURE__ */ m("span", { children: `+${g.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();
+function Le({ open: e, onOpenChange: t, title: n, description: r, children: i, dismissible: a = !0, initialFocus: c, size: l = "md", className: d, role: f }) {
+	M();
+	let p = u(null), g = s(), _ = s();
 	return o(() => {
-		let t = h.current;
-		t && (e && !t.open ? (t.showModal(), c?.current?.focus()) : !e && t.open && t.close());
-	}, [e, c]), /* @__PURE__ */ p("dialog", {
-		ref: h,
+		let t = p.current;
+		if (t) {
+			if (e && !t.open) {
+				let e = document.documentElement;
+				e.toggleAttribute("data-zen-scrollbar", window.innerWidth > e.clientWidth), t.showModal(), c?.current?.focus();
+			} else !e && t.open && t.close();
+		}
+	}, [e, c]), /* @__PURE__ */ m("dialog", {
+		ref: p,
 		role: f,
 		"aria-labelledby": g,
-		"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),
+		"aria-describedby": r ? _ : void 0,
+		className: k("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),
 		onCancel: (e) => {
 			e.preventDefault(), a && t?.(!1);
 		},
 		onClick: (e) => {
 			e.target === e.currentTarget && a && t?.(!1);
 		},
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("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__ */ h("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ p("h2", {
+				children: [/* @__PURE__ */ m("h2", {
 					id: g,
-					className: "text-lg font-semibold",
+					className: "text-lg font-semibold tracking-tight",
 					children: n
-				}), r && /* @__PURE__ */ p("p", {
-					id: v,
+				}), r && /* @__PURE__ */ m("p", {
+					id: _,
 					className: "text-muted-foreground mt-0! text-sm leading-5",
 					children: r
 				})]
@@ -391,22 +977,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 Re({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i, cancelLabel: a = "Cancel", destructive: o = !1, onConfirm: s }) {
+	return /* @__PURE__ */ m(Le, {
 		role: "alertdialog",
 		open: e,
 		onOpenChange: t,
 		title: n,
 		description: r,
 		className: "w-[26rem]",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "flex justify-end gap-2",
-			children: [/* @__PURE__ */ p(E, {
+			children: [/* @__PURE__ */ m(B, {
 				variant: "outline",
 				autoFocus: !0,
 				onClick: () => t(!1),
 				children: a
-			}), /* @__PURE__ */ p(E, {
+			}), /* @__PURE__ */ m(B, {
 				variant: o ? "destructive" : "default",
 				onClick: () => {
 					s(), t(!1);
@@ -417,828 +1003,111 @@ 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
+//#region packages/editable-cell/index.tsx
+function ze({ children: e, editor: t, label: n, readOnly: r = !1, editing: i, onEditingChange: a, title: o, className: s }) {
+	let [c, l] = d(!1), u = i ?? c, f = (e) => {
+		i === void 0 && l(e), a?.(e);
 	};
-}, 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 r ? /* @__PURE__ */ m("span", {
+		title: o,
+		className: k("zen__editable-cell block px-1 text-right tabular-nums", s),
+		children: e
+	}) : u ? /* @__PURE__ */ m(p, { children: t(() => f(!1)) }) : /* @__PURE__ */ m("button", {
+		type: "button",
+		title: o,
+		"aria-label": n ? `${n}. Edit` : void 0,
+		onClick: () => f(!0),
+		className: k("zen__editable-cell hover:bg-primary/10 focus-visible:ring-ring/50 w-full rounded-md px-1.5 py-0.5 text-right tabular-nums transition-colors focus-visible:ring-2 focus-visible:outline-hidden", s),
+		children: e
 	});
-	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
+}
+//#endregion
+//#region packages/utils/status-icons.tsx
+function G({ className: e }) {
+	return /* @__PURE__ */ m("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: k("size-3.5", e),
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ m("path", { d: "m3.5 8.5 3 3 6-7" })
 	});
-};
-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 K({ className: e }) {
+	return /* @__PURE__ */ h("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: k("size-3.5", e),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ m("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ m("path", { d: "M8 6.5v3M8 11.6v.1" })]
+	});
 }
-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
-	};
+function q({ className: e }) {
+	return /* @__PURE__ */ h("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		className: k("size-3.5", e),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ m("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.3"
+		}), /* @__PURE__ */ m("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
+	});
 }
 //#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`;
-			}
-		} });
+//#region packages/field/index.tsx
+function Be({ label: e, hint: n, error: i, children: a, className: o }) {
+	let c = s(), l = r(a) ? a : null, u = l?.props.id ?? `${c}-control`, d = n ? `${c}-hint` : void 0, f = i ? `${c}-error` : void 0, p = k(l?.props["aria-describedby"], d, f).trim() || void 0;
+	return /* @__PURE__ */ h("div", {
+		className: k("zen__field flex flex-col gap-2", o),
+		children: [
+			/* @__PURE__ */ m("label", {
+				htmlFor: u,
+				className: "text-sm leading-none font-medium",
+				children: e
+			}),
+			l ? t(l, {
+				id: u,
+				"aria-describedby": p,
+				"aria-invalid": i ? !0 : l.props["aria-invalid"]
+			}) : a,
+			n && /* @__PURE__ */ m("p", {
+				id: d,
+				className: "text-muted-foreground mt-0! text-xs",
+				children: n
+			}),
+			i && /* @__PURE__ */ h("p", {
+				id: f,
+				role: "alert",
+				className: "text-destructive mt-0! flex items-center gap-1.5 text-xs font-medium",
+				children: [/* @__PURE__ */ m(K, { className: "shrink-0" }), i]
+			})
+		]
 	});
-	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
+function Ve({ tone: e = "info", children: t, className: n }) {
+	let r = e === "error" ? K : e === "success" ? G : q;
+	return /* @__PURE__ */ h("p", {
+		role: e === "error" ? "alert" : "status",
+		className: k("mt-0! flex items-start gap-2 text-sm", e === "error" && "border-destructive/35 bg-destructive/10 text-destructive rounded-lg border px-3 py-2", e === "success" && "border-primary/30 bg-primary/10 text-primary rounded-lg border px-3 py-2", e === "info" && "text-muted-foreground", n),
+		children: [/* @__PURE__ */ m(r, { className: "mt-0.5 shrink-0" }), /* @__PURE__ */ m("span", { children: t })]
 	});
 }
 //#endregion
 //#region packages/icons/search.tsx
-function G(e) {
-	return /* @__PURE__ */ p("svg", {
+function He(e) {
+	return /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -1246,7 +1115,7 @@ function G(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ p("path", {
+		children: /* @__PURE__ */ m("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 +1124,8 @@ function G(e) {
 }
 //#endregion
 //#region packages/icons/x-mark.tsx
-function Se(e) {
-	return /* @__PURE__ */ p("svg", {
+function Ue(e) {
+	return /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -1264,7 +1133,7 @@ function Se(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ p("path", {
+		children: /* @__PURE__ */ m("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M6 18 18 6M6 6l12 12"
@@ -1272,12 +1141,98 @@ function Se(e) {
 	});
 }
 //#endregion
+//#region packages/input-group/index.tsx
+function We({ invalid: e, className: t, onMouseDown: n, ...r }) {
+	return /* @__PURE__ */ m("div", {
+		"data-invalid": e || void 0,
+		className: k("zen__input-group cursor-text", Fe, "has-disabled:bg-muted! has-disabled:text-muted-foreground has-disabled:cursor-not-allowed", e && "border-destructive! focus-within:shadow-[0_0_0_3px_oklch(var(--destructive)/0.16)]!", t),
+		onMouseDown: (e) => {
+			n?.(e);
+			let t = e.target;
+			if (e.defaultPrevented || t.closest("input, textarea, button, a, select, [tabindex]")) return;
+			let r = e.currentTarget.querySelector("input:not(:disabled)");
+			r && (e.preventDefault(), r.focus());
+		},
+		...r
+	});
+}
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ m("input", {
+		className: k("placeholder:text-muted-foreground h-full w-full min-w-0 flex-1 bg-transparent text-sm outline-hidden disabled:cursor-not-allowed", e),
+		...t
+	});
+}
+function Y({ className: e, ...t }) {
+	return /* @__PURE__ */ m("span", {
+		className: k("text-muted-foreground flex shrink-0 items-center gap-1 text-sm select-none [&_svg]:size-4", e),
+		...t
+	});
+}
+//#endregion
+//#region packages/utils/field-chevron.tsx
+function X({ open: e, className: t }) {
+	return /* @__PURE__ */ m("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.6",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": !0,
+		className: k("text-muted-foreground size-4 shrink-0 transition-transform duration-300", e && "rotate-180", t),
+		children: /* @__PURE__ */ m("path", { d: "m4 6 4 4 4-4" })
+	});
+}
+//#endregion
+//#region packages/utils/useVirtualList.ts
+function Ge({ count: e, itemHeight: t, scrollRef: n, overscan: r = 6 }) {
+	let i = (n, i) => {
+		let a = i || t * 10;
+		return {
+			first: Math.max(0, Math.floor(n / t) - r),
+			last: Math.min(e, Math.ceil((n + a) / t) + r)
+		};
+	}, [a, o] = d(() => i(0, 0));
+	c(() => {
+		let e = n.current;
+		if (!e) return;
+		let t = () => {
+			let t = i(e.scrollTop, e.clientHeight);
+			o((e) => e.first === t.first && e.last === t.last ? e : t);
+		};
+		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,
+		t,
+		r
+	]);
+	let s = Math.min(a.first, e), l = Math.min(a.last, e), u = [];
+	for (let e = s; e < l; e++) u.push({
+		index: e,
+		start: e * t,
+		size: t
+	});
+	let f = e * t;
+	return {
+		items: u,
+		totalSize: f,
+		paddingTop: u.length ? u[0].start : 0,
+		paddingBottom: u.length ? f - (u[u.length - 1].start + t) : 0
+	};
+}
+//#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, {
-		triggerClassName: y ? "w-full max-w-none" : void 0,
-		content: /* @__PURE__ */ p(we, {
+function Ke(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), [p, g] = d(!1), _ = !!r && /(^|\s)w-full(\s|$)/.test(r);
+	return /* @__PURE__ */ m(W, {
+		triggerClassName: _ ? "w-full max-w-none" : void 0,
+		className: "min-w-0",
+		content: /* @__PURE__ */ m(qe, {
 			...c ? {
 				mutable: c,
 				onAdd: l
@@ -1295,122 +1250,129 @@ function Ce(e) {
 		}),
 		onOpen: () => g(!0),
 		onClose: () => g(!1),
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("div", {
 			role: "combobox",
-			"aria-expanded": h,
+			"aria-expanded": p,
 			"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"),
+			onClick: (e) => e.preventDefault(),
+			className: k(H, "w-56", "grow", a ? "cursor-not-allowed opacity-50" : "cursor-pointer", p && "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__ */ m("div", {
+				className: k("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", {
+				children: s && !n.length ? /* @__PURE__ */ m("span", {
 					className: "text-muted-foreground",
 					children: o
-				}) : s ? /* @__PURE__ */ p(M, {
+				}) : s ? /* @__PURE__ */ m(Ie, {
 					items: n.map((e) => e.text),
 					data: n,
 					parentRef: f,
 					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__ */ h(z, {
 						className: "flex h-6 min-w-min gap-2 pr-1",
 						variant: "secondary",
-						children: [e, /* @__PURE__ */ p(E, {
+						children: [e, /* @__PURE__ */ m(B, {
 							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" })
+							className: "group relative -top-px size-4 rounded-sm p-0.5",
+							children: /* @__PURE__ */ m(Ue, { className: "size-3 transition duration-300 group-hover:rotate-90" })
 						})]
 					}, `collapsed_item_${r?.key ?? t}`)
 				}) : n.text ?? o
-			}), /* @__PURE__ */ p("svg", {
-				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.6",
-				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" })
-			})]
+			}), /* @__PURE__ */ m(X, { open: p })]
 		})
 	});
 }
-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 qe(e) {
+	let { items: t, multiple: n, selected: r, onChange: i, mutable: a, onAdd: s } = e, [c, f] = d(""), p = u(null), g = l(() => t.reduce((e, t) => ((!c.length || t.text.toLowerCase().includes(c.toLowerCase())) && e.push(t), e), []), [t, c]), _ = Ge({
+		count: g.length,
+		itemHeight: 35,
+		scrollRef: p
+	});
+	o(() => {
+		p.current && (p.current.scrollTop = 0);
+	}, [c]);
+	let v = r instanceof Array ? r.map((e) => e.key) : [r.key];
+	return /* @__PURE__ */ h("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", {
-				className: "text-foreground inline-flex grow bg-transparent text-sm outline-hidden",
+		children: [/* @__PURE__ */ h("div", {
+			className: "flex h-10 grow items-center gap-2 px-3",
+			children: [/* @__PURE__ */ m(Y, { children: /* @__PURE__ */ m(He, {}) }), /* @__PURE__ */ m(J, {
 				placeholder: "Search",
-				value: s,
-				onChange: (e) => c(e.target.value)
+				"aria-label": "Search options",
+				value: c,
+				onChange: (e) => f(e.target.value)
 			})]
-		}), /* @__PURE__ */ m("ul", {
+		}), /* @__PURE__ */ h("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: k("max-h-72 grow overflow-y-auto py-1", "focus:ring-0 focus:outline-hidden"),
+			ref: p,
+			children: [/* @__PURE__ */ m("div", {
 				style: {
-					height: `${g.getTotalSize()}px`,
+					height: `${_.totalSize}px`,
 					width: "100%",
 					position: "relative"
 				},
-				children: g.getVirtualItems().map((e) => /* @__PURE__ */ m("li", {
+				children: _.items.map((e) => /* @__PURE__ */ h("li", {
 					role: "option",
-					"aria-selected": v.includes(h[e.index].key),
+					"aria-selected": v.includes(g[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: k("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 ? v.includes(g[e.index].key) ? i(structuredClone(r.filter((t) => t.key !== g[e.index].key))) : i(structuredClone([...r, g[e.index]])) : i(g[e.index]);
 					},
-					children: [/* @__PURE__ */ p("span", {
+					children: [/* @__PURE__ */ m("span", {
 						className: "text-primary col-start-1",
 						"aria-hidden": !0,
-						children: v.includes(h[e.index].key) && "✓"
-					}), /* @__PURE__ */ p("span", {
+						children: v.includes(g[e.index].key) && /* @__PURE__ */ m(G, {})
+					}), /* @__PURE__ */ m("span", {
 						className: "col-start-2 truncate",
-						children: h[e.index].text
+						children: g[e.index].text
 					})]
-				}, e.key))
-			}), s.length > 0 && h.length === 0 && (a ? /* @__PURE__ */ m("li", {
+				}, e.index))
+			}), c.length > 0 && g.length === 0 && (a ? /* @__PURE__ */ h("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: _("hover:bg-muted cursor-pointer px-3 py-2 text-sm select-none"),
+				className: k("hover:bg-muted cursor-pointer px-3 py-2 text-sm select-none"),
 				onClick: () => {
-					o({
-						text: s,
-						key: s
-					}), c("");
+					s({
+						text: c,
+						key: c
+					}), f("");
 				},
-				children: ["Add ", s]
-			}) : /* @__PURE__ */ p("li", {
+				children: ["Add ", c]
+			}) : /* @__PURE__ */ m("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: _("text-muted-foreground cursor-not-allowed px-3 py-2 text-sm"),
+				className: k("text-muted-foreground cursor-not-allowed px-3 py-2 text-sm"),
 				children: "No results found"
 			}))]
 		})]
 	});
 }
 //#endregion
+//#region packages/header/index.tsx
+function Je({ className: e, children: t, ...n }) {
+	return M(), /* @__PURE__ */ m("header", {
+		className: k("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__ */ m("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 Ye(e) {
+	return /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -1418,7 +1380,7 @@ function Te(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ p("path", {
+		children: /* @__PURE__ */ m("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m19.5 8.25-7.5 7.5-7.5-7.5"
@@ -1426,9 +1388,45 @@ function Te(e) {
 	});
 }
 //#endregion
+//#region packages/icons/chevron-left.tsx
+function Xe(e) {
+	return /* @__PURE__ */ m("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		className: "h-6 w-6",
+		...e,
+		children: /* @__PURE__ */ m("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M15.75 19.5 8.25 12l7.5-7.5"
+		})
+	});
+}
+//#endregion
+//#region packages/icons/chevron-right.tsx
+function Ze(e) {
+	return /* @__PURE__ */ m("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		className: "h-6 w-6",
+		...e,
+		children: /* @__PURE__ */ m("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "m8.25 4.5 7.5 7.5-7.5 7.5"
+		})
+	});
+}
+//#endregion
 //#region packages/icons/chevron-up.tsx
-function Ee(e) {
-	return /* @__PURE__ */ p("svg", {
+function Qe(e) {
+	return /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -1436,7 +1434,7 @@ function Ee(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ p("path", {
+		children: /* @__PURE__ */ m("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m4.5 15.75 7.5-7.5 7.5 7.5"
@@ -1444,18 +1442,289 @@ function Ee(e) {
 	});
 }
 //#endregion
-//#region packages/input/index.tsx
-function De(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),
-		...n
+//#region packages/input/index.tsx
+function $e(e) {
+	let { className: t, ...n } = e;
+	return /* @__PURE__ */ m("input", {
+		className: k(V, "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/meter/index.tsx
+function et({ value: e, max: t = 100, label: n, detail: r, hint: i, valueText: a, tone: o = "auto", warnAt: c = .85, className: l }) {
+	let u = s(), d = e > t, f = t > 0 ? e / t : +(e > 0), p = Math.min(100, Math.max(0, Math.round(f * 100))), g = o === "auto" ? d ? "danger" : f >= c ? "warning" : "default" : o;
+	return /* @__PURE__ */ h("div", {
+		role: "meter",
+		"aria-labelledby": n ? u : void 0,
+		"aria-valuemin": 0,
+		"aria-valuemax": t,
+		"aria-valuenow": Math.min(e, t),
+		"aria-valuetext": a,
+		className: k("zen__meter grid grid-cols-2 gap-y-1.5", l),
+		children: [
+			n && /* @__PURE__ */ m("span", {
+				id: u,
+				className: "text-sm font-medium",
+				children: n
+			}),
+			r && /* @__PURE__ */ m("span", {
+				className: k("col-start-2 text-right text-sm tabular-nums", g === "danger" ? "text-destructive" : "text-muted-foreground"),
+				children: r
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "bg-muted col-span-2 h-2 overflow-hidden rounded-full",
+				children: /* @__PURE__ */ m("div", {
+					className: k("h-full rounded-full transition-[width] duration-700 ease-[cubic-bezier(0.2,0.8,0.2,1)]", g === "danger" ? "bg-destructive shadow-[0_0_12px_oklch(var(--destructive)/0.7)]" : g === "warning" ? "bg-accent-foreground shadow-[0_0_12px_oklch(var(--accent-foreground)/0.6)]" : "from-primary to-glow-2 bg-gradient-to-r shadow-[0_0_12px_oklch(var(--glow)/0.6)]"),
+					style: { width: `${p}%` }
+				})
+			}),
+			i && /* @__PURE__ */ m("span", {
+				className: k("col-span-2 text-xs", g === "danger" ? "text-destructive" : "text-muted-foreground"),
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+//#region packages/utils/month.ts
+var tt = /^(\d{4})-(0[1-9]|1[0-2])$/;
+function nt(e) {
+	return typeof e == "string" && tt.test(e);
+}
+function Z(e) {
+	let t = tt.exec(e);
+	if (!t) throw Error(`Invalid month: ${e}`);
+	return Number(t[1]) * 12 + Number(t[2]) - 1;
+}
+function rt(e) {
+	let t = Math.floor(e / 12);
+	return `${String(t).padStart(4, "0")}-${String(e % 12 + 1).padStart(2, "0")}`;
+}
+function it(e, t) {
+	return rt(Z(e) + t);
+}
+function at(e, t) {
+	let n = [];
+	for (let r = Z(e); r <= Z(t); r++) n.push(rt(r));
+	return n;
+}
+function ot(e, t) {
+	return Z(t) - Z(e);
+}
+function st(e = /* @__PURE__ */ new Date()) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`;
+}
+function ct(e, t, n = "short") {
+	let [r, i] = e.split("-").map(Number);
+	return new Intl.DateTimeFormat(t, {
+		month: n,
+		year: "numeric",
+		timeZone: "UTC"
+	}).format(Date.UTC(r, i - 1, 1));
+}
+function lt(e) {
+	let t = new Intl.DateTimeFormat(e, {
+		month: "short",
+		timeZone: "UTC"
+	});
+	return Array.from({ length: 12 }, (e, n) => t.format(Date.UTC(2e3, n, 1)));
+}
+//#endregion
+//#region packages/month-picker/index.tsx
+function ut({ value: e, onChange: t, locale: n, min: r, max: i, id: a, className: o, disabled: s = !1, placeholder: c = "Pick a month", onClear: l, clearLabel: u = "Clear", "aria-label": f }) {
+	let [g, _] = d(() => Number((e ?? (/* @__PURE__ */ new Date()).toISOString()).slice(0, 4))), v = N({ onOpenChange: (t) => t && e && _(Number(e.slice(0, 4))) }), y = lt(n), b = (e) => (!r || e >= r) && (!i || e <= i);
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("button", {
+		type: "button",
+		id: a,
+		disabled: s,
+		"aria-label": f,
+		...v.triggerProps,
+		className: k("zen__month-picker group", H, "w-full", v.open && "border-glow/60 shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", o),
+		children: [/* @__PURE__ */ m("span", {
+			className: e ? void 0 : "text-muted-foreground",
+			children: e ? ct(e, n) : c
+		}), /* @__PURE__ */ m(X, { open: v.open })]
+	}), /* @__PURE__ */ h("div", {
+		...v.popupProps,
+		role: "dialog",
+		"aria-label": "Choose month",
+		className: k("zen__popover", U, "w-64 p-3"),
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "mb-2 flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ m("button", {
+						type: "button",
+						"aria-label": "Previous year",
+						onClick: () => _((e) => e - 1),
+						className: "hover:bg-muted rounded p-1.5",
+						children: /* @__PURE__ */ m(Xe, { className: "size-4" })
+					}),
+					/* @__PURE__ */ m("span", {
+						className: "text-sm font-semibold tabular-nums",
+						"aria-live": "polite",
+						children: g
+					}),
+					/* @__PURE__ */ m("button", {
+						type: "button",
+						"aria-label": "Next year",
+						onClick: () => _((e) => e + 1),
+						className: "hover:bg-muted rounded p-1.5",
+						children: /* @__PURE__ */ m(Ze, { className: "size-4" })
+					})
+				]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "grid grid-cols-3 gap-1",
+				children: y.map((r, i) => {
+					let a = `${g}-${String(i + 1).padStart(2, "0")}`, o = a === e;
+					return /* @__PURE__ */ m("button", {
+						type: "button",
+						disabled: !b(a),
+						"aria-pressed": o,
+						"aria-label": ct(a, n, "long"),
+						onClick: () => {
+							t(a), v.setOpen(!1);
+						},
+						className: k("rounded-sm py-2 text-sm disabled:cursor-not-allowed disabled:opacity-40", o ? "bg-primary text-primary-foreground" : "hover:bg-muted"),
+						children: r
+					}, a);
+				})
+			}),
+			l && e && /* @__PURE__ */ m("button", {
+				type: "button",
+				onClick: () => {
+					l(), v.setOpen(!1);
+				},
+				className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
+				children: u
+			})
+		]
+	})] });
+}
+//#endregion
+//#region packages/money-input/index.tsx
+function dt({ start: e, end: t, compact: n = !1, disabled: r = !1, id: i, autoFocus: a, className: o, "aria-label": s, ...c }) {
+	let l = ft(c);
+	return /* @__PURE__ */ h("div", {
+		className: k("zen__money-input flex flex-col gap-1", o),
+		children: [/* @__PURE__ */ h(We, {
+			invalid: !!l.error,
+			className: k(n && "h-7! border!"),
+			children: [
+				e ?? /* @__PURE__ */ m(Y, {
+					"aria-hidden": !0,
+					"data-slot": "symbol",
+					children: l.symbol
+				}),
+				/* @__PURE__ */ m(J, {
+					...l.inputProps,
+					id: i,
+					autoFocus: a,
+					disabled: r,
+					"aria-label": s,
+					className: k("tabular-nums", n ? "text-right" : "text-left")
+				}),
+				t
+			]
+		}), l.error && /* @__PURE__ */ h("p", {
+			id: l.errorId,
+			role: "alert",
+			className: "text-destructive mt-0! flex items-center gap-1.5 text-xs font-medium",
+			children: [/* @__PURE__ */ m(K, { className: "shrink-0" }), l.error]
+		})]
+	});
+}
+function ft({ value: e, onChange: t, currency: n, locale: r, allowNegative: i = !1, allowEmpty: a = !1, live: c = !1, onCancel: l }) {
+	let u = (e) => e === null ? "" : I(e, n, r), [f, p] = d(() => u(e)), [m, h] = d(null), [g, _] = d(!1), [v, y] = d(!1), b = s();
+	o(() => {
+		!g && !(c && v) && p(u(e));
+	}, [
+		e,
+		n,
+		r
+	]);
+	let x = `Not an amount. Try ${I(3274e3, n, r)} or ${r.endsWith("-IN") ? "1.5L" : "10k"}.`;
+	function S(e) {
+		let t = e.trim();
+		if (t === "") {
+			if (a) return null;
+			h("Enter an amount.");
+			return;
+		}
+		let r;
+		try {
+			r = he(t, n);
+		} catch {
+			h(x);
+			return;
+		}
+		if (!i && r < 0) {
+			h("Amount can't be negative.");
+			return;
+		}
+		return h(null), r;
+	}
+	function C() {
+		let e = S(f);
+		return e !== void 0 && (p(u(e)), t(e), !0);
+	}
+	function w() {
+		let e = S(f);
+		e !== void 0 && p(u(e));
+	}
+	return {
+		inputProps: {
+			type: "text",
+			inputMode: "decimal",
+			autoComplete: "off",
+			spellCheck: !1,
+			value: f,
+			"aria-invalid": m ? !0 : void 0,
+			"aria-describedby": m ? b : void 0,
+			onChange: (e) => {
+				if (p(e.target.value), c) {
+					y(!0);
+					try {
+						let r = e.target.value.trim();
+						t(r === "" ? null : he(r, n));
+					} catch {
+						t(null);
+					}
+				}
+			},
+			onFocus: () => _(!0),
+			onBlur: () => {
+				_(!1), c ? w() : C();
+			},
+			onKeyDown: (t) => {
+				t.key === "Enter" ? (t.preventDefault(), c ? w() : C()) : t.key === "Escape" && (t.preventDefault(), p(u(e)), h(null), l?.());
+			}
+		},
+		symbol: fe(n, r),
+		error: m,
+		errorId: b,
+		text: f,
+		setText: p,
+		commit: C,
+		formatted: e === null ? "" : F(e, n, r)
+	};
+}
+//#endregion
+//#region packages/utils/slot.tsx
+function pt({ children: e, className: n, ...i }) {
+	if (!r(e)) return null;
+	let a = e;
+	return t(a, {
+		...i,
+		className: k(n, a.props.className)
 	});
 }
 //#endregion
 //#region packages/nav-pills/index.tsx
-var K = n(null);
-function Oe({ className: e, children: t, ...n }) {
+var mt = n(null);
+function ht({ className: e, children: t, ...n }) {
 	let r = u(null), [i, a] = d(null);
 	return c(() => {
 		let e = r.current;
@@ -1479,77 +1748,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__ */ m("nav", {
+		className: k("zen__nav-pills", e),
 		...n,
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			ref: r,
-			className: k,
-			children: /* @__PURE__ */ p(K.Provider, {
+			className: Me,
+			children: /* @__PURE__ */ m(mt.Provider, {
 				value: i,
 				children: t
 			})
 		})
 	});
 }
-function ke({ className: e }) {
-	let t = a(K);
-	return t ? /* @__PURE__ */ p("span", {
+function gt({ className: e }) {
+	let t = a(mt);
+	return t ? /* @__PURE__ */ m("span", {
 		"aria-hidden": !0,
-		className: _(ae, e),
+		className: k(Ne, 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 _t = k(Pe, "text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-[current=page]:hover:text-foreground");
+function vt({ active: e, asChild: t, className: n, children: r, ...i }) {
+	let a = {
+		...i,
+		"aria-current": e ? "page" : void 0,
+		className: k(_t, n)
+	};
+	return t ? (e || delete a["aria-current"], /* @__PURE__ */ m(pt, {
+		...a,
+		children: r
+	})) : /* @__PURE__ */ m("a", {
+		...a,
+		children: r
+	});
+}
+//#endregion
+//#region packages/page-header/index.tsx
+function yt({ eyebrow: e, title: t, lead: n, children: r, className: i }) {
+	return /* @__PURE__ */ h("header", {
+		className: k("zen__page-header flex flex-col gap-3", i),
+		children: [
+			e && /* @__PURE__ */ m("p", {
+				className: "text-muted-foreground mt-0! text-xs tracking-[0.1em] uppercase",
+				children: e
+			}),
+			/* @__PURE__ */ m("h1", {
+				className: "text-aurora text-4xl font-semibold tracking-tight lg:text-5xl",
+				children: t
+			}),
+			n && /* @__PURE__ */ m("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 bt({ 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__ */ h("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: k("zen__progress-ring relative grid shrink-0 place-items-center", a),
 		style: {
 			width: t,
 			height: t
 		},
-		children: [/* @__PURE__ */ m("svg", {
+		children: [/* @__PURE__ */ h("svg", {
 			width: t,
 			height: t,
 			viewBox: `0 0 ${t} ${t}`,
 			className: "-rotate-90",
 			"aria-hidden": !0,
-			children: [/* @__PURE__ */ p("circle", {
+			children: [/* @__PURE__ */ m("circle", {
 				cx: t / 2,
 				cy: t / 2,
 				r: o,
 				fill: "none",
 				strokeWidth: n,
 				className: "stroke-tint/[0.07]"
-			}), /* @__PURE__ */ p("circle", {
+			}), /* @__PURE__ */ m("circle", {
 				cx: t / 2,
 				cy: t / 2,
 				r: o,
@@ -1560,7 +1848,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__ */ m("div", {
 			className: "absolute inset-0 grid place-items-center text-center",
 			children: i
 		})]
@@ -1568,21 +1856,45 @@ 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", {
+function xt({ label: e, value: t, options: n, onChange: r, name: i, className: a }) {
+	let o = s(), l = u(null), [f, p] = d(null);
+	return c(() => {
+		let e = l.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.querySelector("label:has(input:checked)");
+			p(t ? {
+				x: t.offsetLeft,
+				y: t.offsetTop,
+				w: t.offsetWidth,
+				h: t.offsetHeight
+			} : null);
+		};
+		t();
+		let n = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
+		return n?.observe(e), () => n?.disconnect();
+	}, [t, n]), /* @__PURE__ */ h("div", {
+		className: k("zen__segmented flex flex-col gap-2", a),
+		children: [/* @__PURE__ */ m("span", {
 			id: o,
 			className: "text-sm font-medium",
 			children: e
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ h("div", {
+			ref: l,
 			role: "radiogroup",
 			"aria-labelledby": o,
-			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", {
+			className: "border-tint/10 bg-tint/[0.03] relative inline-flex w-fit flex-wrap gap-1 rounded-xl border p-1",
+			children: [f && /* @__PURE__ */ m("span", {
+				"aria-hidden": !0,
+				className: "bg-primary/15 absolute top-0 left-0 rounded-lg shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.4)] transition-[translate,width,height] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]",
+				style: {
+					translate: `${f.x}px ${f.y}px`,
+					width: f.w,
+					height: f.h
+				}
+			}), n.map((e) => /* @__PURE__ */ h("label", {
+				className: k("text-muted-foreground relative cursor-pointer rounded-lg px-3 py-1.5 text-sm transition-colors duration-300", "hover:text-foreground has-checked:text-foreground has-focus-visible:ring-ring/50 has-focus-visible:ring-2", !f && "has-checked:bg-primary/15 has-checked:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.4)]"),
+				children: [/* @__PURE__ */ m("input", {
 					type: "radio",
 					className: "sr-only",
 					name: i ?? o,
@@ -1590,29 +1902,394 @@ function Me({ label: e, value: t, options: n, onChange: r, name: i, className: a
 					checked: t === e.value,
 					onChange: () => r(e.value)
 				}), e.label]
-			}, e.value))
+			}, e.value))]
 		})]
 	});
 }
 //#endregion
+//#region packages/select/index.tsx
+function St({ value: e, options: t, onChange: n, placeholder: r = "Select…", disabled: i = !1, renderOption: a, name: s, id: c, className: l, listClassName: f, "aria-label": g }) {
+	let _ = u(null), [v, y] = d(-1), b = u({
+		text: "",
+		at: 0
+	}), x = N({
+		matchWidth: !0,
+		onOpenChange: (n) => {
+			n && y(Math.max(0, t.findIndex((t) => t.value === e)));
+		}
+	});
+	o(() => {
+		x.open && _.current?.focus();
+	}, [x.open]);
+	let S = t.find((t) => t.value === e), C = (e) => `${x.id}-option-${e}`, w = (e) => {
+		let r = t[e];
+		r && !r.disabled && (n(r.value), x.setOpen(!1));
+	}, T = (e, n) => {
+		for (let r = 1; r <= t.length; r++) {
+			let i = (e + n * r + t.length * 2) % t.length;
+			if (!t[i].disabled) return i;
+		}
+		return e;
+	}, E = (e) => {
+		let n = {
+			ArrowDown: () => y((e) => T(e, 1)),
+			ArrowUp: () => y((e) => T(e, -1)),
+			Home: () => y(T(-1, 1)),
+			End: () => y(T(t.length, -1)),
+			Enter: () => w(v),
+			" ": () => w(v),
+			Tab: () => x.setOpen(!1)
+		};
+		if (n[e.key]) {
+			e.key !== "Tab" && e.preventDefault(), n[e.key]();
+			return;
+		}
+		if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+			let n = Date.now(), r = (n - b.current.at < 700 ? b.current.text : "") + e.key.toLowerCase();
+			b.current = {
+				text: r,
+				at: n
+			};
+			let i = t.findIndex((e) => !e.disabled && e.label.toLowerCase().startsWith(r));
+			i >= 0 && y(i);
+		}
+	};
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ h("button", {
+			type: "button",
+			id: c,
+			disabled: i,
+			"aria-haspopup": "listbox",
+			"aria-label": g,
+			...x.triggerProps,
+			onKeyDown: (e) => {
+				["ArrowDown", "ArrowUp"].includes(e.key) && !x.open && (e.preventDefault(), x.setOpen(!0));
+			},
+			className: k("zen__select group", H, "w-full", x.open && "border-glow/60 shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", l),
+			children: [/* @__PURE__ */ m("span", {
+				className: k("truncate", !S && "text-muted-foreground"),
+				children: S ? S.label : r
+			}), /* @__PURE__ */ m(X, { open: x.open })]
+		}),
+		s && /* @__PURE__ */ m("input", {
+			type: "hidden",
+			name: s,
+			value: e ?? ""
+		}),
+		/* @__PURE__ */ m("div", {
+			...x.popupProps,
+			className: k("zen__popover", U, "overflow-visible py-1", f),
+			children: /* @__PURE__ */ m("div", {
+				ref: _,
+				role: "listbox",
+				tabIndex: -1,
+				"aria-label": g,
+				"aria-activedescendant": v >= 0 ? C(v) : void 0,
+				onKeyDown: E,
+				className: "max-h-72 overflow-y-auto outline-hidden",
+				children: t.map((t, n) => /* @__PURE__ */ h("div", {
+					id: C(n),
+					role: "option",
+					"aria-selected": t.value === e,
+					"aria-disabled": t.disabled || void 0,
+					"data-highlighted": n === v || void 0,
+					onMouseMove: () => !t.disabled && y(n),
+					onClick: () => w(n),
+					className: k("grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none", "data-highlighted:bg-muted aria-disabled:cursor-not-allowed aria-disabled:opacity-50"),
+					children: [/* @__PURE__ */ m("span", {
+						className: "text-primary col-start-1",
+						"aria-hidden": !0,
+						children: t.value === e && /* @__PURE__ */ m(G, {})
+					}), /* @__PURE__ */ m("span", {
+						className: "col-start-2 truncate",
+						children: a ? a(t) : t.label
+					})]
+				}, t.value))
+			})
+		})
+	] });
+}
+//#endregion
+//#region packages/side-nav/index.tsx
+function Ct({ className: e, ...t }) {
+	return /* @__PURE__ */ m("nav", {
+		className: k("zen__side-nav flex flex-col gap-6", e),
+		...t
+	});
+}
+function wt({ title: e, children: t, className: n }) {
+	return /* @__PURE__ */ h("div", {
+		className: k("flex flex-col gap-1", n),
+		children: [e && /* @__PURE__ */ m("span", {
+			className: "text-muted-foreground px-3 pb-1 text-[0.68rem] tracking-[0.1em] uppercase",
+			children: e
+		}), t]
+	});
+}
+var Tt = k("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 Et({ active: e, asChild: t, className: n, children: r, ...i }) {
+	let a = {
+		...i,
+		"aria-current": e ? "page" : void 0,
+		className: k(Tt, n)
+	};
+	return t ? (e || delete a["aria-current"], /* @__PURE__ */ m(pt, {
+		...a,
+		children: r
+	})) : /* @__PURE__ */ m("a", {
+		...a,
+		children: r
+	});
+}
+//#endregion
 //#region packages/skeleton/index.tsx
-function Ne({ className: e }) {
-	return /* @__PURE__ */ p("span", {
+function Dt({ className: e }) {
+	return /* @__PURE__ */ m("span", {
+		"aria-hidden": !0,
+		className: k("zen__skeleton block rounded-md", e)
+	});
+}
+//#endregion
+//#region packages/slider/index.tsx
+function Ot({ value: e, min: t = 0, max: n = 100, step: r = 1, onValueChange: i, onValueCommit: a, trackBackground: s, thumbColor: c, valueText: l, className: d, style: f, ...p }) {
+	let h = u(null), g = u(a);
+	g.current = a, o(() => {
+		let e = h.current;
+		if (!e) return;
+		let t = () => g.current?.(Number(e.value));
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []);
+	let _ = n > t ? (e - t) / (n - t) * 100 : 0, v = s ?? `linear-gradient(to right, oklch(var(--primary)) ${_}%, oklch(var(--muted)) ${_}%)`;
+	return /* @__PURE__ */ m("input", {
+		ref: h,
+		type: "range",
+		min: t,
+		max: n,
+		step: r,
+		value: e,
+		"aria-valuetext": l?.(e),
+		onChange: (e) => i?.(Number(e.target.value)),
+		style: {
+			...f,
+			"--zen-track": v,
+			"--zen-thumb": c ?? "oklch(var(--primary))"
+		},
+		className: k("zen__slider h-5 w-full cursor-pointer appearance-none bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50", "[&::-webkit-slider-runnable-track]:h-2.5 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:[background:var(--zen-track)]", "[&::-moz-range-track]:h-2.5 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:[background:var(--zen-track)]", "[&::-webkit-slider-thumb]:-mt-[5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-[0_0_0_1px_oklch(0_0_0/0.3),0_0_16px_oklch(var(--glow)/0.8)] [&::-webkit-slider-thumb]:[background:var(--zen-thumb)]", "[&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-white [&::-moz-range-thumb]:shadow-[0_0_0_1px_oklch(0_0_0/0.3),0_0_16px_oklch(var(--glow)/0.8)] [&::-moz-range-thumb]:[background:var(--zen-thumb)]", "focus-visible:[&::-webkit-slider-thumb]:ring-ring/40 focus-visible:[&::-webkit-slider-thumb]:ring-4", d),
+		...p
+	});
+}
+//#endregion
+//#region packages/tab-bar/index.tsx
+function kt({ hideFrom: t = "md", className: n, children: r, ...i }) {
+	return /* @__PURE__ */ m("nav", {
+		className: k("zen__tab-bar glass glass-blur fixed inset-x-0 bottom-0 z-40 rounded-none! border-x-0! border-b-0! pb-[env(safe-area-inset-bottom)]", t === "sm" && "sm:hidden", t === "md" && "md:hidden", t === "lg" && "lg:hidden", n),
+		...i,
+		children: /* @__PURE__ */ m("div", {
+			className: "grid",
+			style: { gridTemplateColumns: `repeat(${e.count(r)}, 1fr)` },
+			children: r
+		})
+	});
+}
+var At = k("flex flex-col items-center gap-1 py-2.5 text-[0.7rem] outline-hidden transition-colors duration-200 focus-visible:bg-tint/5", "text-muted-foreground aria-[current=page]:text-primary [&_svg]:size-5 aria-[current=page]:[&_svg]:drop-shadow-[0_0_8px_oklch(var(--glow)/0.8)]");
+function jt({ icon: e, active: t, asChild: n, className: r, children: i, ...a }) {
+	let o = {
+		...a,
+		"aria-current": t ? "page" : void 0,
+		className: k(At, r)
+	};
+	return n ? (t || delete o["aria-current"], /* @__PURE__ */ m(pt, {
+		...o,
+		children: i
+	})) : /* @__PURE__ */ h("a", {
+		...o,
+		children: [e, i]
+	});
+}
+//#endregion
+//#region packages/table/index.tsx
+function Mt({ label: e, className: t, ref: n, onScroll: r, ...a }) {
+	let s = u(null), c = i(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = (t, n) => n !== e.hasAttribute(t) && e.toggleAttribute(t, n);
+		t("data-under-top", e.scrollTop > 0), t("data-under-left", e.scrollLeft > 0), t("data-under-bottom", e.scrollTop + e.clientHeight < e.scrollHeight - 1);
+	}, []);
+	return o(() => {
+		let e = s.current;
+		if (!e) return;
+		c();
+		let t = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
+		return t?.observe(e), e.firstElementChild && t?.observe(e.firstElementChild), () => t?.disconnect();
+	}, [c]), /* @__PURE__ */ m("div", {
+		className: k("zen__table-panel glass glow-edge isolate flex flex-col overflow-hidden rounded-xl", t),
+		children: /* @__PURE__ */ m("div", {
+			ref: (e) => {
+				s.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
+			},
+			onScroll: (e) => {
+				c(), r?.(e);
+			},
+			role: e ? "region" : void 0,
+			"aria-label": e,
+			tabIndex: e ? 0 : void 0,
+			className: "zen__table-container focus-visible:ring-ring/30 min-h-0 overflow-auto rounded-[inherit] outline-hidden will-change-scroll focus-visible:ring-2 focus-visible:ring-inset",
+			...a
+		})
+	});
+}
+function Nt({ className: e, ...t }) {
+	return /* @__PURE__ */ m("table", {
+		className: k("zen__table w-full border-separate border-spacing-0 text-sm", e),
+		...t
+	});
+}
+function Pt({ className: e, ...t }) {
+	return /* @__PURE__ */ m("thead", {
+		className: k("zen__sticky-top sticky top-0 z-20", e),
+		...t
+	});
+}
+function Ft(e) {
+	return /* @__PURE__ */ m("tbody", { ...e });
+}
+function It({ className: e, ...t }) {
+	return /* @__PURE__ */ m("tfoot", {
+		className: k("zen__sticky-bottom sticky bottom-0 z-20", e),
+		...t
+	});
+}
+function Lt({ className: e, ...t }) {
+	return /* @__PURE__ */ m("tr", {
+		className: k("group", e),
+		...t
+	});
+}
+function Rt({ numeric: e, sticky: t, sortDirection: n, onSort: r, scope: i = "col", className: a, children: o, ...s }) {
+	return /* @__PURE__ */ m("th", {
+		scope: i,
+		"aria-sort": n === "asc" ? "ascending" : n === "desc" ? "descending" : void 0,
+		className: k("border-tint/[0.07] text-muted-foreground border-b px-3 py-2.5 align-middle text-xs leading-5 font-medium tracking-wider whitespace-nowrap uppercase", t === "left" && "zen__sticky-left sticky left-0 z-10", e ? "text-right" : "text-left", a),
+		...s,
+		children: r ? /* @__PURE__ */ h("button", {
+			type: "button",
+			onClick: r,
+			className: k("hover:text-foreground inline-flex items-center gap-1 align-middle leading-5 tracking-wider uppercase", e && "flex-row-reverse"),
+			children: [o, /* @__PURE__ */ m("span", {
+				"aria-hidden": !0,
+				className: "inline-flex w-3",
+				children: n === "asc" ? /* @__PURE__ */ m(Qe, {
+					className: "size-3",
+					strokeWidth: 2.5
+				}) : n === "desc" ? /* @__PURE__ */ m(Ye, {
+					className: "size-3",
+					strokeWidth: 2.5
+				}) : null
+			})]
+		}) : o
+	});
+}
+function zt({ numeric: e, sticky: t, className: n, ...r }) {
+	return /* @__PURE__ */ m("td", {
+		className: k("border-tint/[0.045] border-b px-3 py-2.5 transition-colors duration-150", "group-hover:[background-image:linear-gradient(oklch(var(--tint)/0.035),oklch(var(--tint)/0.035))]", t === "left" && "zen__sticky-left sticky left-0 z-10 shadow-[inset_-1px_0_0_oklch(var(--tint)/0.06)]", e && "text-right tabular-nums", n),
+		...r
+	});
+}
+function Bt({ numeric: e, sticky: t, className: n, ...r }) {
+	return /* @__PURE__ */ m("td", {
+		className: k("border-tint/[0.07] h-9 border-t px-3 font-medium whitespace-nowrap", t === "left" && "zen__sticky-left sticky left-0 z-10 shadow-[inset_-1px_0_0_oklch(var(--tint)/0.06)]", e && "text-right tabular-nums", n),
+		...r
+	});
+}
+function Vt({ height: e, colSpan: t }) {
+	return e <= 0 ? null : /* @__PURE__ */ m("tr", {
 		"aria-hidden": !0,
-		className: _("zen__skeleton block rounded-md", e)
+		children: /* @__PURE__ */ m("td", {
+			colSpan: t,
+			style: {
+				height: e,
+				padding: 0,
+				border: 0
+			}
+		})
 	});
 }
+function Ht({ colSpan: e, children: t = "Nothing here yet." }) {
+	return /* @__PURE__ */ m("tr", { children: /* @__PURE__ */ m("td", {
+		colSpan: e,
+		className: "text-muted-foreground px-3 py-8 text-center",
+		children: t
+	}) });
+}
+function Ut(e, t, n) {
+	let [r, i] = d(n ?? null);
+	return {
+		rows: l(() => {
+			if (!r) return e;
+			let n = t[r.key], i = [...e].sort(n);
+			return r.direction === "desc" ? i.reverse() : i;
+		}, [
+			e,
+			r,
+			t
+		]),
+		sort: r,
+		setSort: i,
+		headProps: (e) => ({
+			sortDirection: r?.key === e ? r.direction : void 0,
+			onSort: () => i((t) => t?.key === e ? t.direction === "asc" ? {
+				key: e,
+				direction: "desc"
+			} : null : {
+				key: e,
+				direction: "asc"
+			})
+		})
+	};
+}
+//#endregion
+//#region packages/table-of-contents/index.tsx
+function Wt({ items: e, title: t = "On this page", className: n }) {
+	let [r, i] = d();
+	return o(() => {
+		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__ */ h("nav", {
+		"aria-label": t,
+		className: k("zen__toc flex flex-col gap-3", n),
+		children: [/* @__PURE__ */ m("p", {
+			className: "text-muted-foreground mt-0! text-[0.68rem] tracking-[0.1em] uppercase",
+			children: t
+		}), /* @__PURE__ */ m("ul", {
+			className: "border-tint/[0.07] flex flex-col gap-2 border-l text-sm",
+			children: e.map((e) => /* @__PURE__ */ m("li", {
+				className: k("-ml-px", e.depth === 2 && "pl-3"),
+				children: /* @__PURE__ */ m("a", {
+					href: `#${e.id}`,
+					"aria-current": e.id === r ? "location" : void 0,
+					className: k("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 Gt = n(null);
+function Kt(e) {
+	let t = a(Gt);
 	if (!t) throw Error(`<${e}> must be inside <Tabs>`);
 	return t;
 }
-function Pe({ value: e, defaultValue: t = "", onValueChange: n, className: r, ...i }) {
+function qt({ value: e, defaultValue: t = "", onValueChange: n, className: r, ...i }) {
 	let [a, o] = d(t), c = e ?? a, l = s();
-	return /* @__PURE__ */ p(J.Provider, {
+	return /* @__PURE__ */ m(Gt.Provider, {
 		value: {
 			value: c,
 			select: (t) => {
@@ -1620,15 +2297,15 @@ function Pe({ value: e, defaultValue: t = "", onValueChange: n, className: r, ..
 			},
 			idFor: (e, t) => `${l}-${e}-${t.replace(/\s+/g, "-")}`
 		},
-		children: /* @__PURE__ */ p("div", {
-			className: _("zen__tabs flex flex-col gap-4", r),
+		children: /* @__PURE__ */ m("div", {
+			className: k("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 Jt = n("underline");
+function Yt({ variant: e = "underline", className: t, children: n, ...r }) {
+	let { value: i } = Kt("TabList"), a = e === "pills", o = u(null), [s, l] = d({
 		left: 0,
 		width: 0
 	});
@@ -1648,7 +2325,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__ */ h("div", {
 		ref: o,
 		role: "tablist",
 		onKeyDown: (e) => {
@@ -1665,19 +2342,19 @@ 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: k(a ? Me : "border-border relative flex gap-1 border-b", t),
 		...r,
-		children: [/* @__PURE__ */ p(X.Provider, {
+		children: [/* @__PURE__ */ m(Jt.Provider, {
 			value: e,
 			children: n
-		}), a ? s.width > 0 && /* @__PURE__ */ p("span", {
+		}), a ? s.width > 0 && /* @__PURE__ */ m("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`
 			}
-		}) : /* @__PURE__ */ p("span", {
+		}) : /* @__PURE__ */ m("span", {
 			"aria-hidden": !0,
 			className: "bg-primary absolute bottom-[-1px] left-0 h-0.5 transition-[translate,width] duration-150 ease-in-out",
 			style: {
@@ -1687,9 +2364,9 @@ function Fe({ variant: e = "underline", className: t, children: n, ...r }) {
 		})]
 	});
 }
-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 Xt({ value: e, className: t, onClick: n, ...r }) {
+	let { value: i, select: o, idFor: s } = Kt("Tab"), c = a(Jt), l = i === e;
+	return /* @__PURE__ */ m("button", {
 		type: "button",
 		role: "tab",
 		id: s("tab", e),
@@ -1700,94 +2377,222 @@ 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: k(c === "pills" ? Pe : "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 Zt({ value: e, className: t, ...n }) {
+	let { value: r, idFor: i } = Kt("TabPanel");
+	return r === e ? /* @__PURE__ */ m("div", {
 		role: "tabpanel",
 		id: i("panel", e),
 		"aria-labelledby": i("tab", e),
 		tabIndex: 0,
-		className: _("outline-hidden", t),
+		className: k("outline-hidden", t),
 		...n
 	}) : null;
 }
 //#endregion
+//#region packages/tree/index.tsx
+function Qt({ items: e, getKey: t, getChildren: n, defaultExpanded: r = !0, rowHeight: a = 36 }) {
+	let [o, s] = d(() => /* @__PURE__ */ new Set()), [c, f] = d(null), [p, m] = d(null), h = u(null), g = i((e) => o.has(e) !== r, [o, r]), _ = l(() => {
+		let r = [], i = (e, a, o) => {
+			for (let s of e) {
+				let e = t(s), c = n(s), l = !!c?.length, u = l && g(e);
+				r.push({
+					item: s,
+					key: e,
+					depth: a,
+					parentKey: o,
+					hasChildren: l,
+					expanded: u
+				}), u && i(c, a + 1, e);
+			}
+		};
+		return i(e, 0, null), r;
+	}, [
+		e,
+		t,
+		n,
+		g
+	]), v = () => {
+		let r = [], i = (e) => {
+			for (let a of e) {
+				let e = n(a);
+				e?.length && (r.push(t(a)), i(e));
+			}
+		};
+		return i(e), r;
+	}, y = i((e, t) => s((n) => {
+		let i = new Set(n);
+		return t === r ? i.delete(e) : i.add(e), i;
+	}), [r]), b = () => typeof window < "u" && (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || document.documentElement.classList.contains("reduce-motion")), x = (e) => {
+		if (!g(e)) {
+			let t = Date.now();
+			f({
+				key: e,
+				at: t
+			}), y(e, !0), setTimeout(() => f((e) => e?.at === t ? null : e), 320);
+		} else if (b()) y(e, !1);
+		else {
+			m(e);
+			let t = () => {
+				y(e, !1), m((t) => t === e ? null : t), h.current = null;
+			};
+			h.current = t, setTimeout(t, 500);
+		}
+	};
+	return {
+		rows: _,
+		toggle: x,
+		isExpanded: g,
+		expand: (e) => y(e, !0),
+		collapse: (e) => y(e, !1),
+		expandAll: () => s(r ? /* @__PURE__ */ new Set() : new Set(v())),
+		collapseAll: () => s(r ? new Set(v()) : /* @__PURE__ */ new Set()),
+		rowProps: (e) => ({
+			"aria-level": e.depth + 1,
+			"aria-expanded": e.hasChildren ? e.expanded : void 0,
+			"data-depth": e.depth,
+			className: k(c && e.parentKey === c.key && "zen__tree-row-enter", p && e.parentKey === p && "zen__tree-row-exit"),
+			style: { "--row-h": `${a - 1}px` },
+			onAnimationEnd: (t) => {
+				t.animationName === "zen-row-close" && p && e.parentKey === p && h.current?.();
+			}
+		}),
+		toggleProps: (e) => ({
+			expanded: e.expanded && p !== e.key,
+			onToggle: () => x(e.key)
+		}),
+		rowHeight: a
+	};
+}
+function $t({ row: e, tree: t, className: n, style: r, ...i }) {
+	let a = t.rowProps(e);
+	return /* @__PURE__ */ m(Lt, {
+		...i,
+		...a,
+		className: k(a.className, n),
+		style: {
+			...a.style,
+			...r
+		}
+	});
+}
+function en({ numeric: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ m(zt, {
+		numeric: e,
+		className: k("py-0 whitespace-nowrap", t),
+		...r,
+		children: /* @__PURE__ */ m("div", {
+			className: k("zen__tree-cell flex h-[var(--row-h)] items-center", e && "justify-end"),
+			children: n
+		})
+	});
+}
+function tn({ row: e, tree: t, indent: n = 20, children: r, className: i }) {
+	return /* @__PURE__ */ h("div", {
+		className: k("flex min-w-0 flex-1 items-center gap-1", i),
+		style: { paddingLeft: e.depth * n },
+		children: [e.hasChildren ? /* @__PURE__ */ m(nn, { ...t.toggleProps(e) }) : /* @__PURE__ */ m("span", { className: "-ml-1 w-6 shrink-0" }), r]
+	});
+}
+function nn({ expanded: e, onToggle: t, className: n, ...r }) {
+	return /* @__PURE__ */ m("button", {
+		type: "button",
+		onClick: t,
+		"aria-label": e ? "Collapse" : "Expand",
+		"aria-expanded": e,
+		className: k("text-muted-foreground hover:bg-tint/[0.08] hover:text-foreground focus-visible:ring-ring/50 -ml-1 grid size-6 shrink-0 place-items-center rounded-md outline-hidden transition-colors focus-visible:ring-2", n),
+		...r,
+		children: /* @__PURE__ */ m("svg", {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"aria-hidden": !0,
+			className: k("size-4 transition-transform duration-200 ease-out", e && "rotate-90"),
+			children: /* @__PURE__ */ m("path", { d: "m6 3.5 4.5 4.5L6 12.5" })
+		})
+	});
+}
+//#endregion
 //#region packages/textarea/index.tsx
-function Le(e) {
+function rn(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__ */ m("textarea", {
+		className: k(V.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) => {
-		n((t) => t.map((t) => t.id === e ? {
+var an = 5e3, on = 300, sn = n(null);
+function cn({ children: e, offset: t, viewportClassName: n }) {
+	M();
+	let [r, a] = d([]), [s, c] = d(!1), l = u(0);
+	o(() => c(!0), []);
+	let f = i((e) => {
+		a((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 } = {}) => {
-		let o = s.current++, c = {
+		} : t)), setTimeout(() => a((t) => t.filter((t) => t.id !== e)), on);
+	}, []), p = i((e, { description: t, tone: n = "info", action: r, timeout: i } = {}) => {
+		let o = l.current++, s = {
 			id: o,
 			title: e,
 			description: t,
-			tone: r,
-			action: i,
-			timeout: a ?? (i ? 1e4 : Re)
+			tone: n,
+			action: r,
+			timeout: i ?? (r ? 1e4 : an)
 		};
-		return n((e) => [...e, c]), o;
-	}, []), f = t.slice(-3);
-	return /* @__PURE__ */ m(Q.Provider, {
-		value: l,
-		children: [e, r && h(/* @__PURE__ */ p("section", {
+		return a((e) => [...e, s]), o;
+	}, []), _ = r.slice(-3);
+	return /* @__PURE__ */ h(sn.Provider, {
+		value: p,
+		children: [e, s && g(/* @__PURE__ */ m("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, {
+			className: k("zen__toast-viewport fixed right-4 bottom-[calc(var(--zen-toast-offset,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]", n),
+			style: t ? { "--zen-toast-offset": t } : void 0,
+			children: _.map((e) => /* @__PURE__ */ m(dn, {
 				toast: e,
-				onDismiss: () => c(e.id)
+				onDismiss: () => f(e.id)
 			}, e.id))
 		}), document.body)]
 	});
 }
-function Ve() {
-	let e = a(Q);
+function ln() {
+	let e = a(sn);
 	if (!e) throw Error("useToast() needs a <ToastProvider> above it");
 	return e;
 }
-var $ = {
+var un = {
 	success: {
-		icon: Ue,
+		icon: G,
 		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: K,
 		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: q,
 		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);
+function dn({ toast: e, onDismiss: t }) {
+	let n = un[e.tone] ?? un.info, r = n.icon, [i, a] = d(!1), s = u(e.timeout);
 	return o(() => {
 		if (!e.timeout || i || e.leaving) return;
 		let n = Date.now(), r = setTimeout(t, s.current);
@@ -1799,30 +2604,30 @@ function He({ toast: e, onDismiss: t }) {
 		e.timeout,
 		e.leaving,
 		t
-	]), /* @__PURE__ */ m("div", {
+	]), /* @__PURE__ */ h("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),
+		className: k("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__ */ m("span", {
+				className: k("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__ */ m(r, { className: "size-4" })
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-0.5 pt-0.5",
 				children: [
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "text-sm font-semibold",
 						children: e.title
 					}),
-					e.description && /* @__PURE__ */ p("div", {
+					e.description && /* @__PURE__ */ m("div", {
 						className: "text-muted-foreground text-sm leading-5",
 						children: e.description
 					}),
-					e.action && /* @__PURE__ */ p("button", {
+					e.action && /* @__PURE__ */ m("button", {
 						type: "button",
 						onClick: () => {
 							e.action?.onClick(), t();
@@ -1832,12 +2637,12 @@ function He({ toast: e, onDismiss: t }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ p("button", {
+			/* @__PURE__ */ m("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__ */ m("svg", {
 					viewBox: "0 0 16 16",
 					fill: "none",
 					stroke: "currentColor",
@@ -1845,77 +2650,277 @@ 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__ */ m("path", { d: "m4 4 8 8M12 4l-8 8" })
 				})
 			}),
-			e.timeout > 0 && /* @__PURE__ */ p("span", {
+			e.timeout > 0 && /* @__PURE__ */ m("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: k("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", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: _("size-3.5", e),
-		"aria-hidden": !0,
-		children: /* @__PURE__ */ p("path", { d: "m3.5 8.5 3 3 6-7" })
-	});
-}
-function We({ className: e }) {
-	return /* @__PURE__ */ m("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: _("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" })]
-	});
-}
-function Ge({ className: e }) {
-	return /* @__PURE__ */ m("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		className: _("size-3.5", e),
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ p("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.3"
-		}), /* @__PURE__ */ p("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
-	});
-}
 //#endregion
 //#region packages/toggle/index.tsx
-function Ke(e) {
+function fn(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__ */ h("label", {
+		className: k("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__ */ m("input", {
 			type: "checkbox",
 			role: "switch",
 			className: "peer sr-only",
 			disabled: r,
 			onChange: (e) => n?.(e.target.checked),
 			...i
-		}), /* @__PURE__ */ p("span", {
+		}), /* @__PURE__ */ m("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: k("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 pn = (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 mn({ storageKey: e = "theme" }) {
+	return /* @__PURE__ */ m("script", { dangerouslySetInnerHTML: { __html: pn(e) } });
+}
+function hn({ storageKey: e = "theme", className: t }) {
+	let [n, r] = d("dark");
+	o(() => r(document.documentElement.classList.contains("light") ? "light" : "dark"), []);
+	let i = n === "dark" ? "light" : "dark";
+	return /* @__PURE__ */ m("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: k("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__ */ m("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__ */ m("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__ */ h(p, { children: [/* @__PURE__ */ m("circle", {
+				cx: "8",
+				cy: "8",
+				r: "3"
+			}), /* @__PURE__ */ m("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
+//#region packages/utils/theme.ts
+var gn = [
+	"mono",
+	"muted",
+	"balanced",
+	"vivid"
+], Q = [
+	{
+		id: "violet",
+		label: "Violet",
+		hue: 295,
+		intensity: "balanced",
+		tint: "tinted"
+	},
+	{
+		id: "ocean",
+		label: "Ocean",
+		hue: 250,
+		intensity: "balanced",
+		tint: "tinted"
+	},
+	{
+		id: "teal",
+		label: "Teal",
+		hue: 195,
+		intensity: "balanced",
+		tint: "tinted"
+	},
+	{
+		id: "forest",
+		label: "Forest",
+		hue: 150,
+		intensity: "muted",
+		tint: "tinted"
+	},
+	{
+		id: "amber",
+		label: "Amber",
+		hue: 75,
+		intensity: "balanced",
+		tint: "neutral"
+	},
+	{
+		id: "rose",
+		label: "Rose",
+		hue: 15,
+		intensity: "muted",
+		tint: "neutral"
+	},
+	{
+		id: "graphite",
+		label: "Graphite",
+		hue: 270,
+		intensity: "mono",
+		tint: "neutral"
+	}
+], _n = {
+	preset: "violet",
+	hue: 295,
+	intensity: "balanced",
+	tint: "tinted",
+	contrast: "standard",
+	glow: "soft",
+	topography: "subtle"
+};
+function vn(e, t) {
+	let n = Q.find((e) => e.id === t);
+	return {
+		...e,
+		preset: n.id,
+		hue: n.hue,
+		intensity: n.intensity,
+		tint: n.tint
+	};
+}
+function yn(e, t) {
+	return {
+		...e,
+		...t,
+		preset: "custom"
+	};
+}
+var bn = {
+	mono: .012,
+	muted: .07,
+	balanced: .13,
+	vivid: .19
+}, $ = (e, t, n) => `${xn(e, 3)} ${xn(t, 3)} ${xn((n % 360 + 360) % 360, 1)}`, xn = (e, t) => Math.round(e * 10 ** t) / 10 ** t;
+function Sn(e, t = "dark") {
+	let n = e.hue, r = bn[e.intensity], i = e.contrast === "high", a = e.tint === "tinted" ? Math.min(.014, r * .12) : .003, o = e.intensity === "mono", s = (e, t = 1) => $(e, a * t, n), c = { "topo-strength": String({
+		off: 0,
+		subtle: .55,
+		visible: 1
+	}[e.topography]) };
+	return t === "light" ? {
+		background: s(i ? .995 : .985, .4),
+		foreground: $(i ? .16 : .21, .02, n),
+		card: $(1, 0, 0),
+		"card-foreground": $(i ? .16 : .21, .02, n),
+		popover: $(1, 0, 0),
+		"popover-foreground": $(i ? .16 : .21, .02, n),
+		secondary: s(.955, .6),
+		"secondary-foreground": $(.21, .02, n),
+		muted: s(.96, .5),
+		"muted-foreground": s(i ? .42 : .5, 1.5),
+		border: s(i ? .78 : .91, .8),
+		input: s(i ? .78 : .91, .8),
+		primary: $(o ? .3 : .48, o ? .02 : Math.min(.22, r * 1.5), n),
+		"primary-foreground": $(.985, 0, 0),
+		accent: $(.95, o ? .005 : r * .25, n),
+		"accent-foreground": $(.42, o ? .02 : Math.min(.16, r * .9), n),
+		ring: $(o ? .3 : .48, o ? .02 : Math.min(.22, r * 1.5), n),
+		destructive: $(.55, .22, 25),
+		"destructive-foreground": $(.985, 0, 0),
+		glow: $(.62, o ? .02 : Math.min(.2, r * 1.4), n),
+		"glow-2": $(.65, o ? .02 : r * 1.05, n + 30),
+		tint: $(.21, .02, n),
+		"glow-strength": String({
+			off: 0,
+			soft: .4,
+			bright: .8
+		}[e.glow]),
+		...c
+	} : {
+		background: s(i ? .13 : .155),
+		foreground: $(.97, .004, n),
+		card: s(i ? .17 : .195),
+		"card-foreground": $(.97, .004, n),
+		popover: s(i ? .18 : .21),
+		"popover-foreground": $(.97, .004, n),
+		secondary: s(.25),
+		"secondary-foreground": $(.97, .004, n),
+		muted: s(.235),
+		"muted-foreground": s(i ? .84 : .72, 1.5),
+		border: s(i ? .4 : .28, 1.5),
+		input: s(i ? .4 : .28, 1.5),
+		primary: $(o ? .88 : .72, r, n),
+		"primary-foreground": $(o ? .2 : .17, o ? .01 : .03, n),
+		accent: $(.3, r * .35, n),
+		"accent-foreground": $(.88, r * .5, n),
+		ring: $(.72, r, n),
+		destructive: $(.64, .2, 25),
+		"destructive-foreground": $(.985, 0, 0),
+		glow: $(.7, o ? .02 : r, n),
+		"glow-2": $(.72, o ? .02 : r * .75, n + 30),
+		tint: $(1, 0, 0),
+		"glow-strength": String({
+			off: 0,
+			soft: .55,
+			bright: 1
+		}[e.glow]),
+		...c
+	};
+}
+function Cn(e, { appearance: t = "dark", target: n } = {}) {
+	let r = n ?? document.documentElement;
+	for (let [n, i] of Object.entries(Sn(e, t))) r.style.setProperty(`--${n}`, i);
+}
+function wn(e) {
+	let t = e ?? document.documentElement;
+	for (let e of Object.keys(Sn(_n))) t.style.removeProperty(`--${e}`);
+}
+function Tn(e) {
+	let t = typeof e == "object" && e ? e : {}, n = (e, t, n) => t.includes(e) ? e : n, r = _n, i = Q.map((e) => e.id);
+	return {
+		preset: typeof t.preset == "string" && (t.preset === "custom" || i.includes(t.preset)) ? t.preset : r.preset,
+		hue: typeof t.hue == "number" && Number.isFinite(t.hue) ? (Math.round(t.hue) % 360 + 360) % 360 : r.hue,
+		intensity: n(t.intensity, gn, r.intensity),
+		tint: n(t.tint, ["neutral", "tinted"], r.tint),
+		contrast: n(t.contrast, ["standard", "high"], r.contrast),
+		glow: n(t.glow, [
+			"off",
+			"soft",
+			"bright"
+		], r.glow),
+		topography: n(t.topography, [
+			"off",
+			"subtle",
+			"visible"
+		], r.topography)
+	};
+}
+function En(e) {
+	let [t, n, r] = e.split(" ").map(Number), i = n * Math.cos(r * Math.PI / 180), a = n * Math.sin(r * Math.PI / 180), o = (t + .3963377774 * i + .2158037573 * a) ** 3, s = (t - .1055613458 * i - .0638541728 * a) ** 3, c = (t - .0894841775 * i - 1.291485548 * a) ** 3, l = (e) => Math.min(1, Math.max(0, e));
+	return [
+		l(4.0767416621 * o - 3.3077115913 * s + .2309699292 * c),
+		l(-1.2684380046 * o + 2.6097574011 * s - .3413193965 * c),
+		l(-.0041960863 * o - .7034186147 * s + 1.707614701 * c)
+	];
+}
+function Dn(e, t) {
+	let n = (e) => {
+		let [t, n, r] = En(e);
+		return .2126 * t + .7152 * n + .0722 * r;
+	}, [r, i] = [n(e), n(t)].sort((e, t) => t - e);
+	return (r + .05) / (i + .05);
+}
+//#endregion
+//#region packages/utils/useHydrated.ts
+var On = () => () => {};
+function kn() {
+	return f(On, () => !0, () => !1);
+}
+//#endregion
+export { de as ActionsMenu, K as AlertTriangle, ye as AnimatedMoney, ve as AnimatedNumber, be as Avatar, Se as Backdrop, z as Badge, B as Button, Oe as Card, G as Check, Ye as ChevronDown, Xe as ChevronLeft, Ze as ChevronRight, Qe as ChevronUp, je as CodeBlock, Ie as Collapse, Re as ConfirmDialog, _n as DEFAULT_THEME, Le as Dialog, Ke as Dropdown, ze as EditableCell, Be as Field, Ve as FormMessage, Je as Header, gn as INTENSITIES, R as ImageCropError, q as InfoCircle, $e as Input, We as InputGroup, Y as InputGroupAddon, J as InputGroupInput, et as Meter, dt as MoneyInput, L as MoneyParseError, ut as MonthPicker, vt as NavPill, gt as NavPillIndicator, ht as NavPills, Q as PRESETS, yt as PageHeader, W as Popover, bt as ProgressRing, He as Search, xt as Segmented, St as Select, Ct as SideNav, wt as SideNavGroup, Et as SideNavLink, Dt as Skeleton, Ot as Slider, Ee as Spinner, ke as Stat, Ae as StatRow, Xt as Tab, kt as TabBar, jt as TabBarItem, Yt as TabList, Zt as TabPanel, Nt as Table, Ft as TableBody, zt as TableCell, Mt as TableContainer, Ht as TableEmpty, It as TableFooter, Bt as TableFooterCell, Rt as TableHead, Pt as TableHeader, Wt as TableOfContents, Lt as TableRow, Vt as TableSpacerRow, qt as Tabs, rn as TextArea, mn as ThemeScript, hn as ThemeToggle, cn as ToastProvider, fn as Toggle, en as TreeCell, tn as TreeLabel, $t as TreeRow, nn as TreeToggle, Ue as XMark, it as addMonths, j as applyGraphicsMode, vn as applyPreset, Cn as applyTheme, De as buttonVariants, Dn as contrastRatio, xe as cropImageToSquare, fe as currencySymbol, st as currentMonth, yn as customize, we as cva, k as cx, le as detectGraphicsMode, I as formatAmount, F as formatMoney, ct as formatMonth, rt as fromMonthIndex, nt as isMonth, P as minorDigits, Z as monthIndex, lt as monthNames, at as monthRange, ot as monthsBetween, Tn as normalizeTheme, En as oklchToLinearRgb, pe as parseMoney, he as parseMoneyInput, wn as resetTheme, pn as themeScript, Sn as themeVars, N as useAnchoredPopup, kn as useHydrated, ft as useMoneyInput, Ut as useSort, ln as useToast, Qt as useTree, Ge as useVirtualList };