@rinzai/zen 0.3.2 → 0.4.0

package/dist/zen.js

@@ -1,128 +1,677 @@
 "use client";
-import { cloneElement as e, createContext as t, isValidElement as n, useCallback as r, useContext as i, useEffect as a, useId as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { createPortal as m } from "react-dom";
-//#region packages/utils/cx.ts
-var h = (...e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "string" || typeof t == "number" ? e + " " + t : Array.isArray(t) ? e + " " + h(...t) : typeof t == "object" ? e + " " + Object.entries(t).reduce((e, [t, n]) => n == null || n === !1 ? e : typeof n == "string" || typeof n == "number" ? e + " " + t + "-" + n : typeof n == "boolean" && n ? e + " " + t : e, "") : e, ""), g = "flex w-full cursor-default items-center rounded-lg px-3 py-2 text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07]";
-function _({ label: e, actions: t, className: n }) {
-	let r = `zen__menu-${o().replace(/[^\w-]/g, "")}`, i = l(null), a = t.filter((e) => !!e);
-	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+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: h("text-muted-foreground grid size-9 shrink-0 place-items-center rounded-lg outline-hidden", "hover:bg-tint/[0.06] hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "[&:has(+:popover-open)]:bg-tint/[0.06]", n),
-		style: { anchorName: `--${r}` },
-		children: /* @__PURE__ */ p("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__ */ f("circle", {
+				/* @__PURE__ */ m("circle", {
 					cx: "3",
 					cy: "8",
 					r: "1.4"
 				}),
-				/* @__PURE__ */ f("circle", {
+				/* @__PURE__ */ m("circle", {
 					cx: "8",
 					cy: "8",
 					r: "1.4"
 				}),
-				/* @__PURE__ */ f("circle", {
+				/* @__PURE__ */ m("circle", {
 					cx: "13",
 					cy: "8",
 					r: "1.4"
 				})
 			]
 		})
-	}), /* @__PURE__ */ f("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: h("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", "[position-area:block-end_span-inline-start] [position-try-fallbacks:flip-block]"),
-		style: {
-			positionAnchor: `--${r}`,
-			inset: "auto",
-			margin: "6px 0"
-		},
-		children: a.map((e) => /* @__PURE__ */ f("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: h(g, 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 v({ pattern: e, topoSrc: t }) {
-	let n = e ?? (t ? "contours" : "dots");
-	return a(() => {
-		let e = document.documentElement, t = 0, n = -9999, r = -9999, i = /* @__PURE__ */ new WeakSet(), a = !0, o = () => {
-			t = 0, e.dataset.pointer = a ? "out" : "in", a || (e.style.setProperty("--mx", `${n}px`), e.style.setProperty("--my", `${r}px`));
-			let o = Array.from(document.querySelectorAll(".glow-edge")), s = o.map((e) => e.getBoundingClientRect());
-			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));
+function Se({ pattern: e, topoSrc: t }) {
+	let n = e ?? (t ? "contours" : "dots"), r = u(null);
+	return o(() => {
+		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 || j() === "lite") return;
+		window.addEventListener("pointermove", f, { passive: !0 }), e.addEventListener("pointerleave", p);
+		let m = 0, h = () => {
+			clearTimeout(m), m = window.setTimeout(d, 120);
 		};
-		if (!window.matchMedia?.("(hover: none), (pointer: coarse)").matches) return window.addEventListener("pointermove", c, { passive: !0 }), e.addEventListener("pointerleave", l), window.addEventListener("scroll", s, {
+		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);
 		};
-	}, []), /* @__PURE__ */ p("div", {
+	}, []), 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}")`);
+		};
+	}, [t]), /* @__PURE__ */ h("div", {
+		ref: r,
 		className: "zen-backdrop",
 		"aria-hidden": !0,
 		style: t ? { "--zen-topo": `url("${t}")` } : void 0,
 		children: [
-			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--a" }),
-			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--b" }),
-			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--c" }),
-			n === "contours" ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", { className: "zen-topo" }), /* @__PURE__ */ f("div", { className: "zen-topo zen-topo--lit" })] }) : /* @__PURE__ */ p(d, { children: [
-				/* @__PURE__ */ f("div", { className: "zen-dots" }),
-				/* @__PURE__ */ f("div", { className: "zen-dots zen-dots--ambient" }),
-				/* @__PURE__ */ f("div", { className: "zen-dots zen-dots--lit" })
+			/* @__PURE__ */ 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__ */ f("div", { className: "zen-vignette" })
+			/* @__PURE__ */ m("div", { className: "zen-vignette" })
 		]
 	});
 }
 //#endregion
 //#region packages/utils/cva.ts
-var y = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, b = (e, t) => (n) => {
-	if (t?.variants == null) return h(e, n?.class, n?.className);
+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 = y(t) || y(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,
@@ -135,20 +684,20 @@ var y = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, b = (e, t) =>
 		t,
 		n
 	] : e, []);
-	return h(e, a, s, n?.class, n?.className);
+	return k(e, a, s, n?.class, n?.className);
 };
 //#endregion
 //#region packages/badge/index.tsx
-function x({ variant: e, className: t, ...n }) {
-	return /* @__PURE__ */ f("span", {
+function z({ variant: e, className: t, ...n }) {
+	return /* @__PURE__ */ m("span", {
 		...n,
-		className: S({
+		className: Te({
 			variant: e,
 			className: t
 		})
 	});
 }
-var S = b("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 text-[0.65rem] font-semibold tracking-wider uppercase whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-glow/50", {
+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",
@@ -159,28 +708,29 @@ var S = b("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 t
 });
 //#endregion
 //#region packages/spinner/index.tsx
-function C({ className: e }) {
-	return /* @__PURE__ */ f("span", {
+function Ee({ className: e }) {
+	return /* @__PURE__ */ m("span", {
 		"aria-hidden": !0,
-		className: h("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 w({ className: e, variant: t, size: n, loading: r = !1, disabled: i, children: a, ...o }) {
-	return /* @__PURE__ */ p("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: T({
+		className: De({
 			variant: t,
 			size: n,
 			className: e
 		}),
-		...o,
-		children: [r && /* @__PURE__ */ f(C, {}), a]
+		...s,
+		children: [r && /* @__PURE__ */ m(Ee, {}), o]
 	});
 }
-var T = b("zen__button inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden select-none transition-[background-color,border-color,box-shadow,color,transform] duration-200 ease-out active:scale-[0.97] focus-visible:ring-2 focus-visible:ring-glow/50 disabled:pointer-events-none disabled:opacity-50", {
+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)]",
@@ -205,213 +755,219 @@ var T = b("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__ */ p("section", {
-		className: h("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__ */ p("header", {
+		children: [(e || t) && /* @__PURE__ */ h("header", {
 			className: "mb-4 flex items-center justify-between gap-4",
-			children: [e && /* @__PURE__ */ f("h4", {
-				className: "text-base tracking-tight",
+			children: [e && /* @__PURE__ */ m("h4", {
+				className: "text-base font-semibold tracking-tight",
 				children: e
 			}), t]
 		}), n]
 	});
 }
-function E({ label: e, value: t, hint: n, tone: r = "default", className: i }) {
-	return /* @__PURE__ */ p("div", {
-		className: h("zen__stat glass glow-edge flex flex-col gap-1 rounded-xl p-3.5 md:p-4", i),
+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__ */ f("span", {
+			/* @__PURE__ */ m("span", {
 				className: "text-muted-foreground truncate text-[0.68rem] tracking-[0.1em] uppercase sm:text-xs",
 				children: e
 			}),
-			/* @__PURE__ */ f("span", {
-				className: h("truncate text-lg font-semibold tracking-tight tabular-nums sm:text-xl md:text-2xl", r === "positive" && "text-primary text-glow", r === "negative" && "text-destructive"),
+			/* @__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__ */ f("span", {
+			n && /* @__PURE__ */ m("span", {
 				className: "text-muted-foreground text-xs",
 				children: n
 			})
 		]
 	});
 }
-function te({ children: e, className: t }) {
-	return /* @__PURE__ */ f("div", {
-		className: h("grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 [&>*]:min-w-0", "[&>*:last-child:nth-child(odd)]:col-span-2 sm:[&>*:last-child:nth-child(odd)]:col-span-1", t),
+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 ne({ code: e, language: t, highlight: n, copyable: r = !0, variant: i = "glass", className: o, ...s }) {
-	let c = e.trim(), [l, d] = u(!1);
-	return a(() => {
+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(() => d(!1), 1500);
+		let e = setTimeout(() => u(!1), 1500);
 		return () => clearTimeout(e);
-	}, [l]), /* @__PURE__ */ p("div", {
-		className: h("zen__code-block group relative", i === "glass" && "glass glow-edge overflow-hidden rounded-xl", o),
+	}, [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__ */ f("pre", {
+		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__ */ f("code", {
+			children: n ? /* @__PURE__ */ m("code", {
 				className: "bg-transparent! p-0! text-inherit!",
 				dangerouslySetInnerHTML: { __html: n(c, t) }
-			}) : /* @__PURE__ */ f("code", {
+			}) : /* @__PURE__ */ m("code", {
 				className: "bg-transparent! p-0! text-inherit!",
 				children: c
 			})
-		}), r && /* @__PURE__ */ f("button", {
+		}), r && /* @__PURE__ */ m("button", {
 			type: "button",
 			onClick: async () => {
-				await navigator.clipboard?.writeText(c), d(!0);
+				await navigator.clipboard?.writeText(c), u(!0);
 			},
-			className: h("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100", l && "text-primary opacity-100"),
+			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 D = "h-10 rounded-lg border border-tint/10 bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow] duration-200 placeholder:text-muted-foreground hover:border-tint/20 focus-visible:border-glow/60 focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", re = h(D, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), ie = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", O = "relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", k = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", A = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40";
+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: s = "auto", trigger: c = "click", gap: d = "5px", triggerClassName: m, show: g, setShow: _, style: v, onOpen: y, onClose: b, ...x } = e, S = o().replace(/[^\w-]/g, ""), [C, w] = u(!1), T = l(null);
-	return a(() => {
-		let e = T.current;
+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 = w.current;
 		if (!e) return;
-		let t = () => {
-			w(!0), y?.();
-		}, n = () => {
-			w(!1), b?.();
+		let t = (e) => {
+			let t = e.newState === "open";
+			C(t), t ? v?.() : y?.();
 		};
-		return e.addEventListener("popover:open", t), e.addEventListener("popover:close", n), () => {
-			e.removeEventListener("popover:open", t), e.removeEventListener("popover:close", n);
-		};
-	}, [y, b]), a(() => {
-		s === "manual" && (g ? T.current?.showPopover?.() : T.current?.hidePopover?.());
-	}, [g, s]), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
-		"aria-expanded": C,
-		className: h("max-w-fit min-w-fit", m),
-		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(), s) {
+			switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), a) {
 				case "auto":
-					T.current?.togglePopover?.();
+					w.current?.togglePopover?.();
 					break;
-				case "manual": _?.(!g);
+				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__ */ f("div", {
-		...x,
-		ref: T,
+	}), /* @__PURE__ */ m("div", {
+		...b,
+		ref: w,
 		role: i,
-		popover: s,
-		id: `zen__popover-${S}`,
-		className: h("zen__popover fixed z-50 w-[anchor-size(width)] min-w-max [justify-self:anchor-center] overflow-visible p-0 [position-area:block-end_center]", ie, t),
+		popover: a,
+		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": d,
+			..._,
+			"--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: o, estimator: s = (e, t) => t + 30, font: l = "12px Inter", badgeVariant: m = "secondary", badgeStyles: g } = e, [_, v] = u({
+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 = c(() => {
+	}), v = l(() => {
 		if (typeof document > "u") return null;
 		let e = document.createElement("canvas").getContext("2d");
-		return e && (e.font = l), e;
-	}, []), b = () => {
+		return e && (e.font = c), e;
+	}, []), y = () => {
 		let e = i?.current;
 		if (!e) return;
 		let n = e.offsetWidth;
-		if (S.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);
-		S?.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
 		});
-	}, S = c(() => t?.map((e) => s(e, y?.measureText(e).width ?? 0)) ?? [], [t]);
-	return a(() => {
-		b();
-	}, [t]), a(() => {
+	}, b = l(() => t?.map((e) => s(e, v?.measureText(e).width ?? 0)) ?? [], [t]);
+	return o(() => {
+		y();
+	}, [t]), o(() => {
 		if (!i?.current) return;
 		let e = new ResizeObserver(() => {
-			b();
+			y();
 		});
 		return e.observe(i.current), () => {
 			e.disconnect();
 		};
-	}, [t]), /* @__PURE__ */ p(d, { children: [_.visible?.map((e, t) => n(e, t, o?.[t])), _.hidden?.length > 0 && /* @__PURE__ */ f(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__ */ f("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: _.hidden.map((e, t) => n(e, _.visible.length + t, o?.[_.visible.length + t]))
+			children: g.hidden.map((e, t) => n(e, g.visible.length + t, a?.[g.visible.length + t]))
 		}),
-		children: /* @__PURE__ */ f(x, {
-			className: h("cursor-pointer", g),
-			variant: m,
-			"aria-label": `Show ${_.hidden.length} more ${r}`,
-			children: /* @__PURE__ */ f("span", { children: `+${_.hidden.length} ${r}` })
+		children: /* @__PURE__ */ m(z, {
+			className: k("cursor-pointer", f),
+			variant: u,
+			"aria-label": `Show ${g.hidden.length} more ${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: s = !0, initialFocus: c, size: u = "md", className: d, role: m }) {
-	let g = l(null), _ = o(), v = o();
-	return a(() => {
-		let t = g.current;
-		t && (e && !t.open ? (t.showModal(), c?.current?.focus()) : !e && t.open && t.close());
-	}, [e, c]), /* @__PURE__ */ f("dialog", {
-		ref: g,
-		role: m,
-		"aria-labelledby": _,
-		"aria-describedby": r ? v : void 0,
-		className: h("zen__dialog glass glass-blur glow-edge text-card-foreground", "bg-card/90! m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] overflow-visible rounded-xl p-0", u === "lg" ? "w-[60rem]" : "w-[28rem]", "backdrop:bg-black/50 backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", d),
+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 = 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 ? _ : 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(), s && t?.(!1);
+			e.preventDefault(), a && t?.(!1);
 		},
 		onClick: (e) => {
-			e.target === e.currentTarget && s && t?.(!1);
+			e.target === e.currentTarget && a && t?.(!1);
 		},
-		children: /* @__PURE__ */ p("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__ */ p("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ f("h2", {
-					id: _,
-					className: "text-lg font-semibold",
+				children: [/* @__PURE__ */ m("h2", {
+					id: g,
+					className: "text-lg font-semibold tracking-tight",
 					children: n
-				}), r && /* @__PURE__ */ f("p", {
-					id: v,
+				}), r && /* @__PURE__ */ m("p", {
+					id: _,
 					className: "text-muted-foreground mt-0! text-sm leading-5",
 					children: r
 				})]
@@ -421,22 +977,22 @@ function N({ open: e, onOpenChange: t, title: n, description: r, children: i, di
 }
 //#endregion
 //#region packages/confirm-dialog/index.tsx
-function ae({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i, cancelLabel: a = "Cancel", destructive: o = !1, onConfirm: s }) {
-	return /* @__PURE__ */ f(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__ */ p("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "flex justify-end gap-2",
-			children: [/* @__PURE__ */ f(w, {
+			children: [/* @__PURE__ */ m(B, {
 				variant: "outline",
 				autoFocus: !0,
 				onClick: () => t(!1),
 				children: a
-			}), /* @__PURE__ */ f(w, {
+			}), /* @__PURE__ */ m(B, {
 				variant: o ? "destructive" : "default",
 				onClick: () => {
 					s(), t(!1);
@@ -447,9 +1003,111 @@ function ae({ open: e, onOpenChange: t, title: n, description: r, confirmLabel:
 	});
 }
 //#endregion
+//#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);
+	};
+	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
+	});
+}
+//#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 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 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 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]
+			})
+		]
+	});
+}
+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 P(e) {
-	return /* @__PURE__ */ f("svg", {
+function He(e) {
+	return /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -457,7 +1115,7 @@ function P(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ f("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"
@@ -466,8 +1124,8 @@ function P(e) {
 }
 //#endregion
 //#region packages/icons/x-mark.tsx
-function oe(e) {
-	return /* @__PURE__ */ f("svg", {
+function Ue(e) {
+	return /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -475,7 +1133,7 @@ function oe(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ f("path", {
+		children: /* @__PURE__ */ m("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M6 18 18 6M6 6l12 12"
@@ -483,46 +1141,101 @@ function oe(e) {
 	});
 }
 //#endregion
-//#region packages/utils/useVirtualList.ts
-function se({ count: e, itemHeight: t, scrollRef: n, overscan: r = 6 }) {
-	let [i, a] = u({
-		scrollTop: 0,
-		height: 0
+//#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
 	});
-	s(() => {
+}
+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 = () => a({
-			scrollTop: e.scrollTop,
-			height: e.clientHeight
-		});
+		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]);
-	let o = i.height || t * 10, c = Math.max(0, Math.floor(i.scrollTop / t) - r), l = Math.min(e, Math.ceil((i.scrollTop + o) / t) + r), d = [];
-	for (let e = c; e < l; e++) d.push({
+	}, [
+		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: d,
-		totalSize: e * t
+		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 F(e) {
-	let { items: t, selected: n, className: r, onChange: i, disabled: a, placeholder: o = "Select an Item", multiple: s, mutable: c, onAdd: d } = e, m = l(null), [g, _] = u(!1), v = !!r && /(^|\s)(w-|min-w-|max-w-)/.test(r), y = !!r && /(^|\s)w-full(\s|$)/.test(r);
-	return /* @__PURE__ */ f(j, {
-		triggerClassName: y ? "w-full max-w-none" : void 0,
-		content: /* @__PURE__ */ f(I, {
+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: d
+				onAdd: l
 			} : { mutable: c },
 			...s ? {
 				multiple: s,
@@ -535,119 +1248,110 @@ function F(e) {
 				selected: n
 			}
 		}),
-		onOpen: () => _(!0),
-		onClose: () => _(!1),
-		children: /* @__PURE__ */ p("div", {
+		onOpen: () => g(!0),
+		onClose: () => g(!1),
+		children: /* @__PURE__ */ h("div", {
 			role: "combobox",
-			"aria-expanded": g,
+			"aria-expanded": p,
 			"aria-haspopup": "listbox",
-			className: h(re, !v && "w-56", "grow", a ? "cursor-not-allowed opacity-50" : "cursor-pointer", g && "border-glow/60 shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r),
-			children: [/* @__PURE__ */ f("div", {
-				className: h("flex min-w-0 flex-1 items-center gap-1 overflow-hidden text-sm", a ? "text-muted-foreground" : "text-foreground"),
-				ref: m,
-				children: s && !n.length ? /* @__PURE__ */ f("span", {
+			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__ */ m("span", {
 					className: "text-muted-foreground",
 					children: o
-				}) : s ? /* @__PURE__ */ f(M, {
+				}) : s ? /* @__PURE__ */ m(Ie, {
 					items: n.map((e) => e.text),
 					data: n,
-					parentRef: m,
+					parentRef: f,
 					estimator: (e, t) => t + 40,
 					badgeVariant: "secondary",
 					badgeStyles: "h-6 min-w-min gap-2",
-					children: (e, t, r) => /* @__PURE__ */ p(x, {
+					children: (e, t, r) => /* @__PURE__ */ h(z, {
 						className: "flex h-6 min-w-min gap-2 pr-1",
 						variant: "secondary",
-						children: [e, /* @__PURE__ */ f(w, {
+						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__ */ f(oe, { 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__ */ f("svg", {
-				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.6",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": !0,
-				className: h("text-muted-foreground size-4 shrink-0 transition-transform duration-300", g && "rotate-180"),
-				children: /* @__PURE__ */ f("path", { d: "m4 6 4 4 4-4" })
-			})]
+			}), /* @__PURE__ */ m(X, { open: p })]
 		})
 	});
 }
-function I(e) {
-	let { items: t, multiple: n, selected: r, onChange: i, mutable: o, onAdd: s } = e, [d, m] = u(""), g = l(null), _ = c(() => t.reduce((e, t) => ((!d.length || t.text.toLowerCase().includes(d.toLowerCase())) && e.push(t), e), []), [t, d]), v = se({
-		count: _.length,
+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: g
+		scrollRef: p
 	});
-	a(() => {
-		g.current && (g.current.scrollTop = 0);
-	}, [d]);
-	let y = r instanceof Array ? r.map((e) => e.key) : [r.key];
-	return /* @__PURE__ */ p("div", {
+	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__ */ p("div", {
-			className: h("flex grow items-center rounded px-3 py-2"),
-			children: [/* @__PURE__ */ f(P, { className: "text-muted-foreground mr-2 size-4" }), /* @__PURE__ */ f("input", {
-				className: "text-foreground inline-flex grow bg-transparent text-sm outline-hidden",
+		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: d,
-				onChange: (e) => m(e.target.value)
+				"aria-label": "Search options",
+				value: c,
+				onChange: (e) => f(e.target.value)
 			})]
-		}), /* @__PURE__ */ p("ul", {
+		}), /* @__PURE__ */ h("ul", {
 			role: "listbox",
-			className: h("max-h-72 grow overflow-y-auto py-1", "focus:ring-0 focus:outline-hidden"),
-			ref: g,
-			children: [/* @__PURE__ */ f("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: `${v.totalSize}px`,
+					height: `${_.totalSize}px`,
 					width: "100%",
 					position: "relative"
 				},
-				children: v.items.map((e) => /* @__PURE__ */ p("li", {
+				children: _.items.map((e) => /* @__PURE__ */ h("li", {
 					role: "option",
-					"aria-selected": y.includes(_[e.index].key),
+					"aria-selected": v.includes(g[e.index].key),
 					style: {
 						height: `${e.size}px`,
 						transform: `translateY(${e.start}px)`
 					},
-					className: h("hover:bg-muted absolute top-0 left-0 grid w-full cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none"),
+					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 ? y.includes(_[e.index].key) ? i(structuredClone(r.filter((t) => t.key !== _[e.index].key))) : i(structuredClone([...r, _[e.index]])) : i(_[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__ */ f("span", {
+					children: [/* @__PURE__ */ m("span", {
 						className: "text-primary col-start-1",
 						"aria-hidden": !0,
-						children: y.includes(_[e.index].key) && "✓"
-					}), /* @__PURE__ */ f("span", {
+						children: v.includes(g[e.index].key) && /* @__PURE__ */ m(G, {})
+					}), /* @__PURE__ */ m("span", {
 						className: "col-start-2 truncate",
-						children: _[e.index].text
+						children: g[e.index].text
 					})]
 				}, e.index))
-			}), d.length > 0 && _.length === 0 && (o ? /* @__PURE__ */ p("li", {
+			}), c.length > 0 && g.length === 0 && (a ? /* @__PURE__ */ h("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: h("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: () => {
 					s({
-						text: d,
-						key: d
-					}), m("");
+						text: c,
+						key: c
+					}), f("");
 				},
-				children: ["Add ", d]
-			}) : /* @__PURE__ */ f("li", {
+				children: ["Add ", c]
+			}) : /* @__PURE__ */ m("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: h("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"
 			}))]
 		})]
@@ -655,11 +1359,11 @@ function I(e) {
 }
 //#endregion
 //#region packages/header/index.tsx
-function L({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ f("header", {
-		className: h("zen__header border-tint/5 bg-background/60 sticky top-0 z-40 border-b pt-[env(safe-area-inset-top)] backdrop-blur-xl", "pointer-coarse:bg-background/95 pointer-coarse:backdrop-blur-none", e),
+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__ */ f("div", {
+		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
 		})
@@ -667,8 +1371,8 @@ function L({ className: e, children: t, ...n }) {
 }
 //#endregion
 //#region packages/icons/chevron-down.tsx
-function R(e) {
-	return /* @__PURE__ */ f("svg", {
+function Ye(e) {
+	return /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -676,7 +1380,7 @@ function R(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ f("path", {
+		children: /* @__PURE__ */ m("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m19.5 8.25-7.5 7.5-7.5-7.5"
@@ -684,9 +1388,45 @@ function R(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 z(e) {
-	return /* @__PURE__ */ f("svg", {
+function Qe(e) {
+	return /* @__PURE__ */ m("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -694,7 +1434,7 @@ function z(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ f("path", {
+		children: /* @__PURE__ */ m("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m4.5 15.75 7.5-7.5 7.5 7.5"
@@ -703,29 +1443,290 @@ function z(e) {
 }
 //#endregion
 //#region packages/input/index.tsx
-function B(e) {
+function $e(e) {
 	let { className: t, ...n } = e;
-	return /* @__PURE__ */ f("input", {
-		className: h(D, "w-full", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", t),
+	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 V({ children: t, className: r, ...i }) {
-	if (!n(t)) return null;
-	let a = t;
-	return e(a, {
+function pt({ children: e, className: n, ...i }) {
+	if (!r(e)) return null;
+	let a = e;
+	return t(a, {
 		...i,
-		className: h(r, a.props.className)
+		className: k(n, a.props.className)
 	});
 }
 //#endregion
 //#region packages/nav-pills/index.tsx
-var H = t(null);
-function U({ className: e, children: t, ...n }) {
-	let r = l(null), [i, a] = u(null);
-	return s(() => {
+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;
 		if (!e) return;
 		let t = () => {
@@ -747,60 +1748,60 @@ function U({ className: e, children: t, ...n }) {
 		return i?.observe(e), () => {
 			n.disconnect(), i?.disconnect();
 		};
-	}, []), /* @__PURE__ */ f("nav", {
-		className: h("zen__nav-pills", e),
+	}, []), /* @__PURE__ */ m("nav", {
+		className: k("zen__nav-pills", e),
 		...n,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ m("div", {
 			ref: r,
-			className: O,
-			children: /* @__PURE__ */ f(H.Provider, {
+			className: Me,
+			children: /* @__PURE__ */ m(mt.Provider, {
 				value: i,
 				children: t
 			})
 		})
 	});
 }
-function W({ className: e }) {
-	let t = i(H);
-	return t ? /* @__PURE__ */ f("span", {
+function gt({ className: e }) {
+	let t = a(mt);
+	return t ? /* @__PURE__ */ m("span", {
 		"aria-hidden": !0,
-		className: h(k, e),
+		className: k(Ne, e),
 		style: {
 			translate: `${t.x}px 0`,
 			width: t.w
 		}
 	}) : null;
 }
-var G = h(A, "text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-[current=page]:hover:text-foreground");
-function K({ active: e, asChild: t, className: n, children: r, ...i }) {
+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: h(G, n)
+		className: k(_t, n)
 	};
-	return t ? (e || delete a["aria-current"], /* @__PURE__ */ f(V, {
+	return t ? (e || delete a["aria-current"], /* @__PURE__ */ m(pt, {
 		...a,
 		children: r
-	})) : /* @__PURE__ */ f("a", {
+	})) : /* @__PURE__ */ m("a", {
 		...a,
 		children: r
 	});
 }
 //#endregion
 //#region packages/page-header/index.tsx
-function ce({ eyebrow: e, title: t, lead: n, children: r, className: i }) {
-	return /* @__PURE__ */ p("header", {
-		className: h("zen__page-header flex flex-col gap-3", i),
+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__ */ f("p", {
+			e && /* @__PURE__ */ m("p", {
 				className: "text-muted-foreground mt-0! text-xs tracking-[0.1em] uppercase",
 				children: e
 			}),
-			/* @__PURE__ */ f("h1", {
-				className: "text-aurora",
+			/* @__PURE__ */ m("h1", {
+				className: "text-aurora text-4xl font-semibold tracking-tight lg:text-5xl",
 				children: t
 			}),
-			n && /* @__PURE__ */ f("p", {
+			n && /* @__PURE__ */ m("p", {
 				className: "text-muted-foreground mt-0! max-w-2xl text-lg leading-relaxed",
 				children: n
 			}),
@@ -810,33 +1811,33 @@ function ce({ eyebrow: e, title: t, lead: n, children: r, className: i }) {
 }
 //#endregion
 //#region packages/progress-ring/index.tsx
-function le({ 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__ */ p("div", {
+	return /* @__PURE__ */ h("div", {
 		role: "progressbar",
 		"aria-label": r,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-valuenow": Math.round(c * 100),
-		className: h("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__ */ p("svg", {
+		children: [/* @__PURE__ */ h("svg", {
 			width: t,
 			height: t,
 			viewBox: `0 0 ${t} ${t}`,
 			className: "-rotate-90",
 			"aria-hidden": !0,
-			children: [/* @__PURE__ */ f("circle", {
+			children: [/* @__PURE__ */ m("circle", {
 				cx: t / 2,
 				cy: t / 2,
 				r: o,
 				fill: "none",
 				strokeWidth: n,
 				className: "stroke-tint/[0.07]"
-			}), /* @__PURE__ */ f("circle", {
+			}), /* @__PURE__ */ m("circle", {
 				cx: t / 2,
 				cy: t / 2,
 				r: o,
@@ -847,7 +1848,7 @@ function le({ 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__ */ f("div", {
+		}), /* @__PURE__ */ m("div", {
 			className: "absolute inset-0 grid place-items-center text-center",
 			children: i
 		})]
@@ -855,118 +1856,402 @@ function le({ value: e, size: t = 84, stroke: n = 7, label: r, children: i, clas
 }
 //#endregion
 //#region packages/segmented/index.tsx
-function ue({ label: e, value: t, options: n, onChange: r, name: i, className: a }) {
-	let s = o();
-	return /* @__PURE__ */ p("div", {
-		className: h("zen__segmented flex flex-col gap-2", a),
-		children: [/* @__PURE__ */ f("span", {
-			id: s,
+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__ */ f("div", {
+		}), /* @__PURE__ */ h("div", {
+			ref: l,
 			role: "radiogroup",
-			"aria-labelledby": s,
-			className: "border-tint/10 bg-tint/[0.03] inline-flex w-fit flex-wrap gap-1 rounded-xl border p-1",
-			children: n.map((e) => /* @__PURE__ */ p("label", {
-				className: h("text-muted-foreground cursor-pointer rounded-lg px-3 py-1.5 text-sm transition-[background-color,color,box-shadow] duration-200", "hover:text-foreground has-focus-visible:ring-ring/50 has-focus-visible:ring-2", "has-checked:bg-primary/15 has-checked:text-foreground has-checked:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.4)]"),
-				children: [/* @__PURE__ */ f("input", {
+			"aria-labelledby": o,
+			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 ?? s,
+					name: i ?? o,
 					value: e.value,
 					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 de({ className: e, ...t }) {
-	return /* @__PURE__ */ f("nav", {
-		className: h("zen__side-nav flex flex-col gap-6", e),
+function Ct({ className: e, ...t }) {
+	return /* @__PURE__ */ m("nav", {
+		className: k("zen__side-nav flex flex-col gap-6", e),
 		...t
 	});
 }
-function fe({ title: e, children: t, className: n }) {
-	return /* @__PURE__ */ p("div", {
-		className: h("flex flex-col gap-1", n),
-		children: [e && /* @__PURE__ */ f("span", {
+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 pe = h("rounded-lg px-3 py-1.5 text-sm outline-hidden transition-[background-color,color,box-shadow] duration-200", "text-muted-foreground hover:bg-tint/[0.05] hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-[current=page]:bg-primary/15 aria-[current=page]:text-foreground aria-[current=page]:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25)]");
-function me({ active: e, asChild: t, className: n, children: r, ...i }) {
+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: h(pe, n)
+		className: k(Tt, n)
 	};
-	return t ? (e || delete a["aria-current"], /* @__PURE__ */ f(V, {
+	return t ? (e || delete a["aria-current"], /* @__PURE__ */ m(pt, {
 		...a,
 		children: r
-	})) : /* @__PURE__ */ f("a", {
+	})) : /* @__PURE__ */ m("a", {
 		...a,
 		children: r
 	});
 }
 //#endregion
 //#region packages/skeleton/index.tsx
-function he({ className: e }) {
-	return /* @__PURE__ */ f("span", {
+function Dt({ className: e }) {
+	return /* @__PURE__ */ m("span", {
 		"aria-hidden": !0,
-		className: h("zen__skeleton block rounded-md", e)
+		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 ge({ className: e, ...t }) {
-	return /* @__PURE__ */ f("div", {
-		className: "zen__table glass glow-edge overflow-x-auto rounded-xl",
-		children: /* @__PURE__ */ f("table", {
-			className: h("w-full text-left text-sm", e),
-			...t
+function 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 _e({ className: e, ...t }) {
-	return /* @__PURE__ */ f("thead", {
-		className: h("border-tint/[0.07] text-muted-foreground border-b text-[0.68rem] tracking-[0.1em] uppercase", e),
+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 ve({ className: e, ...t }) {
-	return /* @__PURE__ */ f("tbody", {
-		className: h("divide-tint/[0.07] divide-y", e),
+function Pt({ className: e, ...t }) {
+	return /* @__PURE__ */ m("thead", {
+		className: k("zen__sticky-top sticky top-0 z-20", e),
 		...t
 	});
 }
-function ye({ className: e, ...t }) {
-	return /* @__PURE__ */ f("tr", {
-		className: h("hover:bg-tint/[0.02] align-top transition-colors", e),
+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 be({ className: e, ...t }) {
-	return /* @__PURE__ */ f("th", {
-		className: h("px-4 py-3 font-medium", e),
+function Lt({ className: e, ...t }) {
+	return /* @__PURE__ */ m("tr", {
+		className: k("group", e),
 		...t
 	});
 }
-function xe({ className: e, ...t }) {
-	return /* @__PURE__ */ f("td", {
-		className: h("px-4 py-3", 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,
+		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 Se({ items: e, title: t = "On this page", className: n }) {
-	let [r, i] = u();
-	return a(() => {
+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);
@@ -974,20 +2259,20 @@ function Se({ items: e, title: t = "On this page", className: n }) {
 			r && i(r.id);
 		}, { rootMargin: "0px 0px -65% 0px" });
 		return t.forEach((e) => r.observe(e)), () => r.disconnect();
-	}, [e]), e.length ? /* @__PURE__ */ p("nav", {
+	}, [e]), e.length ? /* @__PURE__ */ h("nav", {
 		"aria-label": t,
-		className: h("zen__toc flex flex-col gap-3", n),
-		children: [/* @__PURE__ */ f("p", {
+		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__ */ f("ul", {
+		}), /* @__PURE__ */ m("ul", {
 			className: "border-tint/[0.07] flex flex-col gap-2 border-l text-sm",
-			children: e.map((e) => /* @__PURE__ */ f("li", {
-				className: h("-ml-px", e.depth === 2 && "pl-3"),
-				children: /* @__PURE__ */ f("a", {
+			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: h("text-muted-foreground hover:text-foreground block border-l border-transparent pl-3 transition-colors", "aria-[current=location]:border-primary aria-[current=location]:text-foreground"),
+					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))
@@ -996,40 +2281,40 @@ function Se({ items: e, title: t = "On this page", className: n }) {
 }
 //#endregion
 //#region packages/tabs/index.tsx
-var q = t(null);
-function J(e) {
-	let t = i(q);
+var Gt = n(null);
+function Kt(e) {
+	let t = a(Gt);
 	if (!t) throw Error(`<${e}> must be inside <Tabs>`);
 	return t;
 }
-function Ce({ value: e, defaultValue: t = "", onValueChange: n, className: r, ...i }) {
-	let [a, s] = u(t), c = e ?? a, l = o();
-	return /* @__PURE__ */ f(q.Provider, {
+function qt({ value: e, defaultValue: t = "", onValueChange: n, className: r, ...i }) {
+	let [a, o] = d(t), c = e ?? a, l = s();
+	return /* @__PURE__ */ m(Gt.Provider, {
 		value: {
 			value: c,
 			select: (t) => {
-				e === void 0 && s(t), n?.(t);
+				e === void 0 && o(t), n?.(t);
 			},
 			idFor: (e, t) => `${l}-${e}-${t.replace(/\s+/g, "-")}`
 		},
-		children: /* @__PURE__ */ f("div", {
-			className: h("zen__tabs flex flex-col gap-4", r),
+		children: /* @__PURE__ */ m("div", {
+			className: k("zen__tabs flex flex-col gap-4", r),
 			...i
 		})
 	});
 }
-var Y = t("underline");
-function we({ variant: e = "underline", className: t, children: n, ...r }) {
-	let { value: i } = J("TabList"), a = e === "pills", o = l(null), [c, d] = u({
+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
 	});
-	return s(() => {
+	return c(() => {
 		let e = o.current;
 		if (!e) return;
 		let t = () => {
 			let t = e.querySelector("[role=\"tab\"][aria-selected=\"true\"]");
-			d(t ? {
+			l(t ? {
 				left: t.offsetLeft,
 				width: t.offsetWidth
 			} : {
@@ -1040,7 +2325,7 @@ function we({ 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__ */ p("div", {
+	}, [i]), /* @__PURE__ */ h("div", {
 		ref: o,
 		role: "tablist",
 		onKeyDown: (e) => {
@@ -1057,31 +2342,31 @@ function we({ variant: e = "underline", className: t, children: n, ...r }) {
 			let i = t[(r + t.length) % t.length];
 			i.focus(), i.click();
 		},
-		className: h(a ? O : "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__ */ f(Y.Provider, {
+		children: [/* @__PURE__ */ m(Jt.Provider, {
 			value: e,
 			children: n
-		}), a ? c.width > 0 && /* @__PURE__ */ f("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: c.width,
-				translate: `${c.left}px 0`
+				width: s.width,
+				translate: `${s.left}px 0`
 			}
-		}) : /* @__PURE__ */ f("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: {
-				width: c.width,
-				translate: `${c.left}px 0`
+				width: s.width,
+				translate: `${s.left}px 0`
 			}
 		})]
 	});
 }
-function Te({ value: e, className: t, onClick: n, ...r }) {
-	let { value: a, select: o, idFor: s } = J("Tab"), c = i(Y), l = a === e;
-	return /* @__PURE__ */ f("button", {
+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),
@@ -1092,95 +2377,223 @@ function Te({ value: e, className: t, onClick: n, ...r }) {
 		onClick: (t) => {
 			o(e), n?.(t);
 		},
-		className: h(c === "pills" ? A : "focus-visible:ring-ring px-3 py-2 text-sm whitespace-nowrap outline-hidden select-none focus-visible:ring-1", "text-muted-foreground hover:text-foreground data-active:text-foreground", t),
+		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 Ee({ value: e, className: t, ...n }) {
-	let { value: r, idFor: i } = J("TabPanel");
-	return r === e ? /* @__PURE__ */ f("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: h("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 De(e) {
+function rn(e) {
 	let { className: t, ...n } = e;
-	return /* @__PURE__ */ f("textarea", {
-		className: h(D.replace("h-10", ""), "h-32 w-full resize-y py-2", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", t),
+	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 Oe = 5e3, ke = 300, X = t(null);
-function Z({ children: e }) {
-	let [t, n] = u([]), [i, o] = u(!1), s = l(0);
-	a(() => o(!0), []);
-	let c = r((e) => {
-		n((t) => t.map((t) => t.id === e ? {
+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)), ke);
-	}, []), d = r((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 : Oe)
+			tone: n,
+			action: r,
+			timeout: i ?? (r ? 1e4 : an)
 		};
-		return n((e) => [...e, c]), o;
-	}, []), h = t.slice(-3);
-	return /* @__PURE__ */ p(X.Provider, {
-		value: d,
-		children: [e, i && m(/* @__PURE__ */ f("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: h.map((e) => /* @__PURE__ */ f(je, {
+			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 Ae() {
-	let e = i(X);
+function ln() {
+	let e = a(sn);
 	if (!e) throw Error("useToast() needs a <ToastProvider> above it");
 	return e;
 }
-var Q = {
+var un = {
 	success: {
-		icon: Me,
+		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: Ne,
+		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: Pe,
+		icon: q,
 		ring: "border-tint/10",
 		badge: "bg-tint/[0.08] text-foreground",
 		bar: "bg-muted-foreground",
 		glow: "shadow-[var(--toast-shadow)]"
 	}
 };
-function je({ toast: e, onDismiss: t }) {
-	let n = Q[e.tone] ?? Q.info, r = n.icon, [i, o] = u(!1), s = l(e.timeout);
-	return a(() => {
+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);
 		return () => {
@@ -1191,30 +2604,30 @@ function je({ toast: e, onDismiss: t }) {
 		e.timeout,
 		e.leaving,
 		t
-	]), /* @__PURE__ */ p("div", {
+	]), /* @__PURE__ */ h("div", {
 		role: e.tone === "error" ? "alert" : "status",
 		"aria-atomic": "true",
-		onMouseEnter: () => o(!0),
-		onMouseLeave: () => o(!1),
-		className: h("zen__toast group glass glass-blur text-card-foreground relative flex items-start gap-3 overflow-hidden rounded-2xl border p-3.5 pr-10 select-none", "transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "starting:translate-y-3 starting:scale-[0.97] starting:opacity-0", e.leaving && "translate-x-6 opacity-0", n.ring, n.glow),
+		onMouseEnter: () => a(!0),
+		onMouseLeave: () => a(!1),
+		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__ */ f("span", {
-				className: h("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__ */ f(r, { className: "size-4" })
+				children: /* @__PURE__ */ m(r, { className: "size-4" })
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-0.5 pt-0.5",
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ m("div", {
 						className: "text-sm font-semibold",
 						children: e.title
 					}),
-					e.description && /* @__PURE__ */ f("div", {
+					e.description && /* @__PURE__ */ m("div", {
 						className: "text-muted-foreground text-sm leading-5",
 						children: e.description
 					}),
-					e.action && /* @__PURE__ */ f("button", {
+					e.action && /* @__PURE__ */ m("button", {
 						type: "button",
 						onClick: () => {
 							e.action?.onClick(), t();
@@ -1224,12 +2637,12 @@ function je({ toast: e, onDismiss: t }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ f("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__ */ f("svg", {
+				children: /* @__PURE__ */ m("svg", {
 					viewBox: "0 0 16 16",
 					fill: "none",
 					stroke: "currentColor",
@@ -1237,89 +2650,47 @@ function je({ toast: e, onDismiss: t }) {
 					strokeLinecap: "round",
 					className: "size-3.5",
 					"aria-hidden": !0,
-					children: /* @__PURE__ */ f("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__ */ f("span", {
+			e.timeout > 0 && /* @__PURE__ */ m("span", {
 				"aria-hidden": !0,
-				className: h("zen__toast-timer absolute bottom-0 left-0 h-0.5 w-full origin-left opacity-60 group-hover:[animation-play-state:paused]", n.bar),
+				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 Me({ className: e }) {
-	return /* @__PURE__ */ f("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: h("size-3.5", e),
-		"aria-hidden": !0,
-		children: /* @__PURE__ */ f("path", { d: "m3.5 8.5 3 3 6-7" })
-	});
-}
-function Ne({ className: e }) {
-	return /* @__PURE__ */ p("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: h("size-3.5", e),
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ f("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ f("path", { d: "M8 6.5v3M8 11.6v.1" })]
-	});
-}
-function Pe({ className: e }) {
-	return /* @__PURE__ */ p("svg", {
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		className: h("size-3.5", e),
-		"aria-hidden": !0,
-		children: [/* @__PURE__ */ f("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.3"
-		}), /* @__PURE__ */ f("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
-	});
-}
 //#endregion
 //#region packages/toggle/index.tsx
-function Fe(e) {
+function fn(e) {
 	let { className: t, onChange: n, disabled: r, ...i } = e;
-	return /* @__PURE__ */ p("label", {
-		className: h("zen__toggle border-tint/10 bg-tint/[0.06] relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border p-0.5", "has-focus-visible:ring-glow/50 transition-[background-color,box-shadow,border-color] duration-300 has-focus-visible:ring-2", "has-checked:border-glow/60 has-checked:bg-glow/40 has-checked:shadow-[0_0_18px_-2px_oklch(var(--glow)/0.8)]", "has-disabled:cursor-not-allowed has-disabled:opacity-50", t),
-		children: [/* @__PURE__ */ f("input", {
+	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__ */ f("span", {
+		}), /* @__PURE__ */ m("span", {
 			"aria-hidden": !0,
-			className: h("size-[1.125rem] rounded-full bg-white/70 shadow-md", "transition-[translate,background-color] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "peer-checked:translate-x-5 peer-checked:bg-white")
+			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
 //#region packages/theme-toggle/index.tsx
-var $ = (e = "theme") => `try{var t=localStorage.getItem(${JSON.stringify(e)}),r=document.documentElement;if(t==='light'||t==='dark'){r.classList.remove('light','dark');r.classList.add(t)}}catch(e){}`;
-function Ie({ storageKey: e = "theme" }) {
-	return /* @__PURE__ */ f("script", { dangerouslySetInnerHTML: { __html: $(e) } });
+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 Le({ storageKey: e = "theme", className: t }) {
-	let [n, r] = u("dark");
-	a(() => r(document.documentElement.classList.contains("light") ? "light" : "dark"), []);
+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__ */ f("button", {
+	return /* @__PURE__ */ m("button", {
 		type: "button",
 		"aria-label": `Switch to ${i} theme`,
 		onClick: () => {
@@ -1330,8 +2701,8 @@ function Le({ storageKey: e = "theme", className: t }) {
 			} catch {}
 			r(i);
 		},
-		className: h("zen__theme-toggle text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground focus-visible:ring-ring/50 grid size-9 place-items-center rounded-lg outline-hidden focus-visible:ring-2", t),
-		children: /* @__PURE__ */ f("svg", {
+		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",
@@ -1339,13 +2710,217 @@ function Le({ storageKey: e = "theme", className: t }) {
 			strokeLinecap: "round",
 			className: "size-4",
 			"aria-hidden": !0,
-			children: n === "dark" ? /* @__PURE__ */ f("path", { d: "M13.5 9.5A5.5 5.5 0 0 1 6.5 2.5a5.5 5.5 0 1 0 7 7Z" }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("circle", {
+			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__ */ f("path", { d: "M8 1v1.5M8 13.5V15M1 8h1.5M13.5 8H15M3.05 3.05l1.06 1.06M11.89 11.89l1.06 1.06M3.05 12.95l1.06-1.06M11.89 4.11l1.06-1.06" })] })
+			}), /* @__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
-export { _ as ActionsMenu, v as Backdrop, x as Badge, w as Button, ee as Card, R as ChevronDown, z as ChevronUp, ne as CodeBlock, M as Collapse, ae as ConfirmDialog, N as Dialog, F as Dropdown, L as Header, B as Input, K as NavPill, W as NavPillIndicator, U as NavPills, ce as PageHeader, j as Popover, le as ProgressRing, P as Search, ue as Segmented, de as SideNav, fe as SideNavGroup, me as SideNavLink, he as Skeleton, C as Spinner, E as Stat, te as StatRow, Te as Tab, we as TabList, Ee as TabPanel, ge as Table, ve as TableBody, xe as TableCell, be as TableHead, _e as TableHeader, Se as TableOfContents, ye as TableRow, Ce as Tabs, De as TextArea, Ie as ThemeScript, Le as ThemeToggle, Z as ToastProvider, Fe as Toggle, T as buttonVariants, b as cva, h as cx, $ as themeScript, Ae as useToast };
+//#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 };