@rinzai/zen 0.2.2 → 0.3.0

package/dist/zen.js

@@ -1,14 +1,129 @@
+"use client";
 import * as e from "react";
-import { useEffect as t, useId as n, useMemo as r, useRef as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { flushSync as l } from "react-dom";
+import { cloneElement as t, createContext as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createPortal as h, flushSync as g } from "react-dom";
 //#region packages/utils/cx.ts
-var u = (...e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "string" || typeof t == "number" ? e + " " + t : Array.isArray(t) ? e + " " + u(...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, ""), d = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, f = (e, t) => (n) => {
-	if (t?.variants == null) return u(e, n?.class, n?.className);
+var _ = (...e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "string" || typeof t == "number" ? e + " " + t : Array.isArray(t) ? e + " " + _(...t) : typeof t == "object" ? e + " " + Object.entries(t).reduce((e, [t, n]) => n == null || n === !1 ? e : typeof n == "string" || typeof n == "number" ? e + " " + t + "-" + n : typeof n == "boolean" && n ? e + " " + t : e, "") : e, ""), v = "flex w-full cursor-default items-center rounded-lg px-3 py-2 text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07]";
+function y({ label: e, actions: t, className: n }) {
+	let r = `zen__menu-${s().replace(/[^\w-]/g, "")}`, i = u(null), a = t.filter((e) => !!e);
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
+		type: "button",
+		"aria-label": e,
+		"aria-haspopup": "menu",
+		popoverTarget: r,
+		className: _("text-muted-foreground grid size-9 shrink-0 place-items-center rounded-lg outline-hidden", "hover:bg-tint/[0.06] hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "[&:has(+:popover-open)]:bg-tint/[0.06]", n),
+		style: { anchorName: `--${r}` },
+		children: /* @__PURE__ */ m("svg", {
+			viewBox: "0 0 16 16",
+			fill: "currentColor",
+			className: "size-4",
+			"aria-hidden": !0,
+			children: [
+				/* @__PURE__ */ p("circle", {
+					cx: "3",
+					cy: "8",
+					r: "1.4"
+				}),
+				/* @__PURE__ */ p("circle", {
+					cx: "8",
+					cy: "8",
+					r: "1.4"
+				}),
+				/* @__PURE__ */ p("circle", {
+					cx: "13",
+					cy: "8",
+					r: "1.4"
+				})
+			]
+		})
+	}), /* @__PURE__ */ p("div", {
+		ref: i,
+		id: r,
+		popover: "auto",
+		role: "menu",
+		"aria-label": e,
+		tabIndex: -1,
+		onKeyDown: (e) => {
+			let t = Array.from(i.current?.querySelectorAll("[role=\"menuitem\"]") ?? []), n = t.indexOf(document.activeElement), r = t.length - 1, a = {
+				ArrowDown: n + 1,
+				ArrowUp: n === -1 ? r : n - 1,
+				Home: 0,
+				End: r
+			}[e.key];
+			a !== void 0 && (e.preventDefault(), t[(a + t.length) % t.length]?.focus());
+		},
+		onToggle: (e) => {
+			e.nativeEvent.newState === "open" && i.current?.focus();
+		},
+		className: _("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", "[position-area:block-end_span-inline-start] [position-try-fallbacks:flip-block]"),
+		style: {
+			positionAnchor: `--${r}`,
+			inset: "auto",
+			margin: "6px 0"
+		},
+		children: a.map((e) => /* @__PURE__ */ p("button", {
+			type: "button",
+			role: "menuitem",
+			tabIndex: -1,
+			className: _(v, e.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"),
+			onClick: () => {
+				i.current?.hidePopover?.(), e.onClick();
+			},
+			children: e.label
+		}, e.label))
+	})] });
+}
+//#endregion
+//#region packages/backdrop/index.tsx
+function b({ pattern: e, topoSrc: t }) {
+	let n = e ?? (t ? "contours" : "dots");
+	return o(() => {
+		let e = document.documentElement, t = 0, n = -9999, r = -9999, i = /* @__PURE__ */ new WeakSet(), a = !0, o = () => {
+			t = 0, e.dataset.pointer = a ? "out" : "in", a || (e.style.setProperty("--mx", `${n}px`), e.style.setProperty("--my", `${r}px`));
+			let o = Array.from(document.querySelectorAll(".glow-edge")), s = o.map((e) => e.getBoundingClientRect());
+			o.forEach((e, t) => {
+				let a = s[t];
+				n > a.left - 400 && n < a.right + 400 && r > a.top - 400 && r < a.bottom + 400 ? (e.style.setProperty("--gx", `${n - a.left}px`), e.style.setProperty("--gy", `${r - a.top}px`), i.delete(e)) : i.has(e) || (e.style.setProperty("--gx", "-9999px"), e.style.setProperty("--gy", "-9999px"), i.add(e));
+			});
+		}, s = () => {
+			t ||= requestAnimationFrame(o);
+		}, c = (e) => {
+			n = e.clientX, r = e.clientY, a = !1, s();
+		}, l = () => {
+			n = r = -9999, a = !0, s();
+		};
+		if (!window.matchMedia?.("(hover: none), (pointer: coarse)").matches) return window.addEventListener("pointermove", c, { passive: !0 }), e.addEventListener("pointerleave", l), window.addEventListener("scroll", s, {
+			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);
+		};
+	}, []), /* @__PURE__ */ m("div", {
+		className: "zen-backdrop",
+		"aria-hidden": !0,
+		style: t ? { "--zen-topo": `url("${t}")` } : void 0,
+		children: [
+			/* @__PURE__ */ p("div", { className: "zen-aurora zen-aurora--a" }),
+			/* @__PURE__ */ p("div", { className: "zen-aurora zen-aurora--b" }),
+			/* @__PURE__ */ p("div", { className: "zen-aurora zen-aurora--c" }),
+			n === "contours" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "zen-topo" }), /* @__PURE__ */ p("div", { className: "zen-topo zen-topo--lit" })] }) : /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ p("div", { className: "zen-dots" }),
+				/* @__PURE__ */ p("div", { className: "zen-dots zen-dots--ambient" }),
+				/* @__PURE__ */ p("div", { className: "zen-dots zen-dots--lit" })
+			] }),
+			/* @__PURE__ */ p("div", { className: "zen-vignette" })
+		]
+	});
+}
+//#endregion
+//#region packages/utils/cva.ts
+var x = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, S = (e, t) => (n) => {
+	if (t?.variants == null) return _(e, n?.class, n?.className);
 	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 = d(t) || d(a);
+		let o = x(t) || x(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,
@@ -21,56 +136,67 @@ var u = (...e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "st
 		t,
 		n
 	] : e, []);
-	return u(e, a, s, n?.class, n?.className);
+	return _(e, a, s, n?.class, n?.className);
 };
 //#endregion
 //#region packages/badge/index.tsx
-function p({ variant: e, className: t, ...n }) {
-	return /* @__PURE__ */ s("span", {
+function C({ variant: e, className: t, ...n }) {
+	return /* @__PURE__ */ p("span", {
 		...n,
-		className: m({
+		className: w({
 			variant: e,
 			className: t
 		})
 	});
 }
-var m = f("zen__badge inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", {
+var w = S("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 text-[0.65rem] font-semibold tracking-wider uppercase whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-glow/50", {
 	variants: { variant: {
-		default: "border-transparent bg-primary text-primary-foreground shadow-sm",
-		secondary: "border-transparent bg-secondary text-secondary-foreground shadow-sm",
-		destructive: "border-transparent bg-destructive text-destructive-foreground shadow-sm",
-		outline: "border-border text-foreground"
+		default: "border-glow/30 bg-glow/10 text-primary",
+		secondary: "border-tint/10 bg-tint/[0.06] text-foreground",
+		destructive: "border-destructive/40 bg-destructive/15 text-destructive",
+		outline: "border-tint/10 text-foreground"
 	} },
 	defaultVariants: { variant: "default" }
 });
 //#endregion
+//#region packages/spinner/index.tsx
+function T({ className: e }) {
+	return /* @__PURE__ */ p("span", {
+		"aria-hidden": !0,
+		className: _("zen__spinner inline-block size-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent", e)
+	});
+}
+//#endregion
 //#region packages/button/index.tsx
-function h({ className: e, variant: t, size: n, ...r }) {
-	return /* @__PURE__ */ s("button", {
-		className: g({
+function E({ className: e, variant: t, size: n, loading: r = !1, disabled: i, children: a, ...o }) {
+	return /* @__PURE__ */ m("button", {
+		disabled: i || r,
+		"aria-busy": r || void 0,
+		className: D({
 			variant: t,
 			size: n,
 			className: e
 		}),
-		...r
+		...o,
+		children: [r && /* @__PURE__ */ p(T, {}), a]
 	});
 }
-var g = f("zen__button inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", {
+var D = S("zen__button inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden select-none transition-[background-color,border-color,box-shadow,color,transform] duration-200 ease-out active:scale-[0.97] focus-visible:ring-2 focus-visible:ring-glow/50 disabled:pointer-events-none disabled:opacity-50", {
 	variants: {
 		variant: {
-			default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/70 active:bg-primary/90",
-			destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/70 active:bg-destructive/90",
-			outline: "border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground active:bg-accent active:text-accent-foreground",
-			secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/70 active:bg-secondary/90",
-			ghost: "text-foreground hover:bg-accent hover:text-accent-foreground active:bg-accent active:text-accent-foreground",
-			link: "text-primary underline-offset-4 hover:underline active:underline active:opacity-75",
-			icon: "text-foreground hover:bg-accent hover:text-accent-foreground active:bg-accent/80"
+			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)]",
+			secondary: "bg-primary/15 text-foreground shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25)] hover:bg-primary/25",
+			outline: "glow-edge border border-tint/10 bg-tint/[0.03] text-foreground hover:border-tint/20 hover:bg-tint/[0.07]",
+			ghost: "text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground",
+			destructive: "bg-destructive/90 text-destructive-foreground shadow-[0_0_0_1px_oklch(var(--destructive)/0.6),0_0_22px_-8px_oklch(var(--destructive)/0.7)] hover:bg-destructive",
+			link: "h-auto! px-0! text-primary underline-offset-4 hover:underline",
+			icon: "text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground"
 		},
 		size: {
-			default: "h-9 px-4 py-2",
+			default: "h-10 px-4",
 			sm: "h-8 px-3 text-xs",
-			lg: "h-10 px-8",
-			icon: "p-0"
+			lg: "h-11 px-6",
+			icon: "size-9"
 		}
 	},
 	defaultVariants: {
@@ -79,120 +205,263 @@ var g = f("zen__button inline-flex items-center justify-center whitespace-nowrap
 	}
 });
 //#endregion
+//#region packages/card/index.tsx
+function ee({ title: e, action: t, children: n, className: r, ...i }) {
+	return /* @__PURE__ */ m("section", {
+		className: _("zen__card glass glow-edge text-card-foreground rounded-xl p-4 md:p-5", r),
+		...i,
+		children: [(e || t) && /* @__PURE__ */ m("header", {
+			className: "mb-4 flex items-center justify-between gap-4",
+			children: [e && /* @__PURE__ */ p("h4", {
+				className: "text-base tracking-tight",
+				children: e
+			}), t]
+		}), n]
+	});
+}
+function te({ label: e, value: t, hint: n, tone: r = "default", className: i }) {
+	return /* @__PURE__ */ m("div", {
+		className: _("zen__stat glass glow-edge flex flex-col gap-1 rounded-xl p-3.5 md:p-4", i),
+		children: [
+			/* @__PURE__ */ p("span", {
+				className: "text-muted-foreground truncate text-[0.68rem] tracking-[0.1em] uppercase sm:text-xs",
+				children: e
+			}),
+			/* @__PURE__ */ p("span", {
+				className: _("truncate text-lg font-semibold tracking-tight tabular-nums sm:text-xl md:text-2xl", r === "positive" && "text-primary text-glow", r === "negative" && "text-destructive"),
+				children: t
+			}),
+			n && /* @__PURE__ */ p("span", {
+				className: "text-muted-foreground text-xs",
+				children: n
+			})
+		]
+	});
+}
+function ne({ children: e, className: t }) {
+	return /* @__PURE__ */ p("div", {
+		className: _("grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 [&>*]:min-w-0", "[&>*:last-child:nth-child(odd)]:col-span-2 sm:[&>*:last-child:nth-child(odd)]:col-span-1", t),
+		children: e
+	});
+}
+//#endregion
+//#region packages/utils/styles.ts
+var O = "h-10 rounded-lg border border-tint/10 bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow] duration-200 placeholder:text-muted-foreground hover:border-tint/20 focus-visible:border-glow/60 focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", re = _(O, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), ie = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", k = "relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", ae = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", A = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40";
+//#endregion
 //#region packages/popover/index.tsx
-function _(e) {
-	let { className: n, content: r, children: o, role: l = "tooltip", triggerType: d = "auto", trigger: f = "click", gap: p = "5px", show: m, setShow: h, style: g, ..._ } = e, v = i(null);
-	v.current === null && (v.current = crypto.randomUUID());
-	let y = v.current, [b, x] = a(!1), S = i(null);
-	return t(() => {
-		let t = S.current;
-		if (!t) return;
-		let n = () => {
-			x(!0), e.onOpen?.();
-		}, r = () => {
-			x(!1), e.onClose?.();
+function j(e) {
+	let { className: t, content: n, children: r, role: i = "tooltip", triggerType: a = "auto", trigger: c = "click", gap: l = "5px", triggerClassName: f, show: h, setShow: g, style: v, onOpen: y, onClose: b, ...x } = e, S = s().replace(/[^\w-]/g, ""), [C, w] = d(!1), T = u(null);
+	return o(() => {
+		let e = T.current;
+		if (!e) return;
+		let t = () => {
+			w(!0), y?.();
+		}, n = () => {
+			w(!1), b?.();
 		};
-		return t.addEventListener("popover:open", n), t.addEventListener("popover:close", r), () => {
-			t.removeEventListener("popover:open", n), t.removeEventListener("popover:close", r);
+		return e.addEventListener("popover:open", t), e.addEventListener("popover:close", n), () => {
+			e.removeEventListener("popover:open", t), e.removeEventListener("popover:close", n);
 		};
-	}, [e.onOpen, e.onClose]), t(() => {
-		d === "manual" && (m ? S.current?.showPopover?.() : S.current?.hidePopover?.());
-	}, [m, d]), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
-		"aria-expanded": b,
-		className: "max-w-fit min-w-fit",
-		style: { "anchor-name": `--zen-popover-anchor-${y}` },
-		popoverTarget: `zen__popover-${y}`,
+	}, [y, b]), o(() => {
+		a === "manual" && (h ? T.current?.showPopover?.() : T.current?.hidePopover?.());
+	}, [h, a]), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+		"aria-expanded": C,
+		className: _("max-w-fit min-w-fit", f),
+		style: { anchorName: `--zen-popover-anchor-${S}` },
+		popoverTarget: `zen__popover-${S}`,
 		popoverTargetAction: "toggle",
-		onClick: f === "click" ? (e) => {
-			switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), d) {
+		onClick: c === "click" ? (e) => {
+			switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), a) {
 				case "auto":
-					S.current?.togglePopover?.();
-					break;
-				case "manual":
-					h?.(!m);
+					T.current?.togglePopover?.();
 					break;
+				case "manual": g?.(!h);
 			}
 		} : void 0,
-		onMouseEnter: f === "hover" ? (e) => {
-			e.stopPropagation(), S.current?.showPopover?.();
+		onMouseEnter: c === "hover" ? (e) => {
+			e.stopPropagation(), T.current?.showPopover?.();
 		} : void 0,
-		onMouseLeave: f === "hover" ? (e) => {
-			e.stopPropagation(), S.current?.hidePopover?.();
+		onMouseLeave: c === "hover" ? (e) => {
+			e.stopPropagation(), T.current?.hidePopover?.();
 		} : void 0,
-		children: o
-	}), /* @__PURE__ */ s("div", {
-		..._,
-		ref: S,
-		role: l,
-		popover: d,
-		id: `zen__popover-${y}`,
-		className: u("zen__popover border-border bg-background fixed z-50 w-[anchor-size(width)] min-w-max [justify-self:anchor-center] rounded border shadow-md [position-area:block-end_center]", n),
+		children: r
+	}), /* @__PURE__ */ p("div", {
+		...x,
+		ref: T,
+		role: i,
+		popover: a,
+		id: `zen__popover-${S}`,
+		className: _("zen__popover fixed z-50 w-[anchor-size(width)] min-w-max [justify-self:anchor-center] overflow-visible p-0 [position-area:block-end_center]", ie, t),
 		style: {
-			...g,
-			"--gap": p,
+			...v,
+			"--gap": l,
 			top: "calc(anchor(bottom) + var(--gap))",
 			left: "calc(anchor(center) - 50%)",
-			"position-anchor": `--zen-popover-anchor-${y}`
+			positionAnchor: `--zen-popover-anchor-${S}`
 		},
-		children: r
+		children: n
 	})] });
 }
 //#endregion
 //#region packages/collapse/index.tsx
-function v(e) {
-	let { items: n = [], children: i, moreItemsLabel: l = "", parentRef: u, data: d, estimator: f = (e, t) => t + 30, font: m = "12px Inter", badgeVariant: h = "secondary", badgeStyles: g } = e, [v, y] = a({
-		visible: n,
+function M(e) {
+	let { items: t = [], children: n, moreItemsLabel: r = "", parentRef: i, data: a, estimator: s = (e, t) => t + 30, font: c = "12px Inter", badgeVariant: u = "secondary", badgeStyles: h } = e, [g, v] = d({
+		visible: t,
 		hidden: []
-	}), b = r(() => {
+	}), y = l(() => {
 		if (typeof document > "u") return null;
 		let e = document.createElement("canvas").getContext("2d");
-		return e && (e.font = m), e;
-	}, []), x = () => {
-		let e = u?.current;
+		return e && (e.font = c), e;
+	}, []), b = () => {
+		let e = i?.current;
 		if (!e) return;
-		let t = e.offsetWidth, r = [], i = [], a = f(l, (b?.measureText(l).width ?? 0) + 10);
-		S?.reduce((e, o, s) => (e + o + a > t - 20 ? i.push(n[s]) : r.push(n[s]), e + o), 0), y({
-			visible: r,
-			hidden: i
+		let n = e.offsetWidth;
+		if (x.reduce((e, t) => e + t, 0) <= n - 20) {
+			v({
+				visible: t,
+				hidden: []
+			});
+			return;
+		}
+		let a = [], o = [], c = s(r, (y?.measureText(r).width ?? 0) + 10);
+		x?.reduce((e, r, i) => (e + r + c > n - 20 ? o.push(t[i]) : a.push(t[i]), e + r), 0), v({
+			visible: a,
+			hidden: o
 		});
-	}, S = r(() => n?.map((e) => f(e, b?.measureText(e).width ?? 0)) ?? [], [n]);
-	return t(() => {
-		x();
-	}, [n]), t(() => {
-		if (!u?.current) return;
+	}, x = l(() => t?.map((e) => s(e, y?.measureText(e).width ?? 0)) ?? [], [t]);
+	return o(() => {
+		b();
+	}, [t]), o(() => {
+		if (!i?.current) return;
 		let e = new ResizeObserver(() => {
-			x();
+			b();
 		});
-		return e.observe(u.current), () => {
+		return e.observe(i.current), () => {
 			e.disconnect();
 		};
-	}, [n]), /* @__PURE__ */ c(o, { children: [v.visible?.map((e, t) => i(e, t, d?.[t])), v.hidden?.length > 0 && /* @__PURE__ */ s(_, {
+	}, [t]), /* @__PURE__ */ m(f, { children: [g.visible?.map((e, t) => n(e, t, a?.[t])), g.hidden?.length > 0 && /* @__PURE__ */ p(j, {
 		trigger: "click",
-		content: /* @__PURE__ */ s("div", {
+		content: /* @__PURE__ */ p("div", {
 			className: "grid max-h-60 grid-flow-row grid-cols-2 gap-3 overflow-auto p-2",
-			children: v.hidden.map((e, t) => i(e, v.visible.length + t, d?.[v.visible.length + t]))
+			children: g.hidden.map((e, t) => n(e, g.visible.length + t, a?.[g.visible.length + t]))
 		}),
-		children: /* @__PURE__ */ s(p, {
-			className: g,
-			variant: h,
-			"aria-label": `Show ${v.hidden.length} more ${l}`,
-			children: /* @__PURE__ */ s("span", { children: `+${v.hidden.length} ${l}` })
+		children: /* @__PURE__ */ p(C, {
+			className: _("cursor-pointer", h),
+			variant: u,
+			"aria-label": `Show ${g.hidden.length} more ${r}`,
+			children: /* @__PURE__ */ p("span", { children: `+${g.hidden.length} ${r}` })
 		}, "more_items_button")
 	})] });
 }
 //#endregion
-//#region node_modules/.pnpm/@tanstack+virtual-core@3.14.0/node_modules/@tanstack/virtual-core/dist/esm/utils.js
-function y(e, t, n) {
+//#region packages/dialog/index.tsx
+function N({ open: e, onOpenChange: t, title: n, description: r, children: i, dismissible: a = !0, initialFocus: c, size: l = "md", className: d, role: f }) {
+	let h = u(null), g = s(), v = s();
+	return o(() => {
+		let t = h.current;
+		t && (e && !t.open ? (t.showModal(), c?.current?.focus()) : !e && t.open && t.close());
+	}, [e, c]), /* @__PURE__ */ p("dialog", {
+		ref: h,
+		role: f,
+		"aria-labelledby": g,
+		"aria-describedby": r ? v : void 0,
+		className: _("zen__dialog glass glass-blur glow-edge text-card-foreground", "bg-card/90! m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] overflow-visible rounded-xl p-0", l === "lg" ? "w-[60rem]" : "w-[28rem]", "backdrop:bg-black/50 backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", d),
+		onCancel: (e) => {
+			e.preventDefault(), a && t?.(!1);
+		},
+		onClick: (e) => {
+			e.target === e.currentTarget && a && t?.(!1);
+		},
+		children: /* @__PURE__ */ m("div", {
+			className: "flex max-h-[calc(100dvh-2rem)] flex-col gap-4 overflow-x-hidden overflow-y-auto p-6",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ p("h2", {
+					id: g,
+					className: "text-lg font-semibold",
+					children: n
+				}), r && /* @__PURE__ */ p("p", {
+					id: v,
+					className: "text-muted-foreground mt-0! text-sm leading-5",
+					children: r
+				})]
+			}), i]
+		})
+	});
+}
+//#endregion
+//#region packages/confirm-dialog/index.tsx
+function P({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i, cancelLabel: a = "Cancel", destructive: o = !1, onConfirm: s }) {
+	return /* @__PURE__ */ p(N, {
+		role: "alertdialog",
+		open: e,
+		onOpenChange: t,
+		title: n,
+		description: r,
+		className: "w-[26rem]",
+		children: /* @__PURE__ */ m("div", {
+			className: "flex justify-end gap-2",
+			children: [/* @__PURE__ */ p(E, {
+				variant: "outline",
+				autoFocus: !0,
+				onClick: () => t(!1),
+				children: a
+			}), /* @__PURE__ */ p(E, {
+				variant: o ? "destructive" : "default",
+				onClick: () => {
+					s(), t(!1);
+				},
+				children: i
+			})]
+		})
+	});
+}
+//#endregion
+//#region node_modules/.pnpm/@tanstack+virtual-core@3.17.11/node_modules/@tanstack/virtual-core/dist/esm/lazy-measurements.js
+function oe(e) {
+	return typeof e == "object" ? e.key : e;
+}
+function se(e, t) {
+	let n = e.length;
+	return new Proxy(e, { get(e, r, i) {
+		if (typeof r == "string") {
+			let i = r.charCodeAt(0);
+			if (i >= 48 && i <= 57) {
+				let i = +r;
+				if (Number.isInteger(i) && i >= 0 && i < n) {
+					let n = e[i];
+					if (typeof n != "object") {
+						let r = t[i * 2];
+						n = e[i] = {
+							index: i,
+							key: n,
+							start: r,
+							size: t[i * 2 + 1],
+							end: r + t[i * 2 + 1],
+							lane: 0
+						};
+					}
+					return n;
+				}
+			}
+			if (r === "length") return n;
+		}
+		return Reflect.get(e, r, i);
+	} });
+}
+//#endregion
+//#region node_modules/.pnpm/@tanstack+virtual-core@3.17.11/node_modules/@tanstack/virtual-core/dist/esm/utils.js
+function F(e, t, n) {
 	let r = n.initialDeps ?? [], i, a = !0;
 	function o() {
-		let o;
-		n.key && n.debug?.call(n) && (o = Date.now());
-		let s = e();
-		if (!(s.length !== r.length || s.some((e, t) => r[t] !== e))) return i;
-		r = s;
-		let c;
-		if (n.key && n.debug?.call(n) && (c = Date.now()), i = t(...s), n.key && n.debug?.call(n)) {
-			let e = Math.round((Date.now() - o) * 100) / 100, t = Math.round((Date.now() - c) * 100) / 100, r = t / 16, i = (e, t) => {
+		let o = process.env.NODE_ENV !== "production" && !!n.key && !!n.debug?.call(n), s = 0;
+		o && (s = Date.now());
+		let c = e();
+		if (!(c.length !== r.length || c.some((e, t) => r[t] !== e))) return i;
+		r = c;
+		let l = 0;
+		if (o && (l = Date.now()), i = t(...c), o) {
+			let e = Math.round((Date.now() - s) * 100) / 100, t = Math.round((Date.now() - l) * 100) / 100, r = t / 16, i = (e, t) => {
 				for (e = String(e); e.length < t;) e = " " + e;
 				return e;
 			};
@@ -207,26 +476,34 @@ function y(e, t, n) {
 		r = e;
 	}, o;
 }
-function b(e, t) {
+function I(e, t) {
 	if (e === void 0) throw Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
 	return e;
 }
-var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
+var L = (e, t) => Math.abs(e - t) < 1.01, ce = (e, t, n) => {
 	let r;
-	return function(...i) {
+	return Object.assign(function(...i) {
 		e.clearTimeout(r), r = e.setTimeout(() => t.apply(this, i), n);
-	};
-}, C = (e) => {
+	}, { cancel: () => {
+		e.clearTimeout(r);
+	} });
+}, R, z = () => {
+	if (R !== void 0) return R;
+	if (typeof navigator > "u") return R = !1;
+	if (/iP(hone|od|ad)/.test(navigator.userAgent)) return R = !0;
+	let e = navigator.maxTouchPoints;
+	return R = navigator.platform === "MacIntel" && e !== void 0 && e > 0;
+}, B = (e) => {
 	let { offsetWidth: t, offsetHeight: n } = e;
 	return {
 		width: t,
 		height: n
 	};
-}, w = (e) => e, T = (e) => {
-	let t = Math.max(e.startIndex - e.overscan, 0), n = Math.min(e.endIndex + e.overscan, e.count - 1), r = [];
-	for (let e = t; e <= n; e++) r.push(e);
+}, le = (e) => e, ue = (e) => {
+	let t = Math.max(e.startIndex - e.overscan, 0), n = Math.min(e.endIndex + e.overscan, e.count - 1) - t + 1, r = Array(n);
+	for (let e = 0; e < n; e++) r[e] = t + e;
 	return r;
-}, E = (e, t) => {
+}, de = (e, t) => {
 	let n = e.scrollElement;
 	if (!n) return;
 	let r = e.targetWindow;
@@ -238,7 +515,7 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 			height: Math.round(r)
 		});
 	};
-	if (i(C(n)), !r.ResizeObserver) return () => {};
+	if (i(B(n)), !r.ResizeObserver) return () => {};
 	let a = new r.ResizeObserver((t) => {
 		let r = () => {
 			let e = t[0];
@@ -252,45 +529,65 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 					return;
 				}
 			}
-			i(C(n));
+			i(B(n));
 		};
 		e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
 	});
 	return a.observe(n, { box: "border-box" }), () => {
 		a.unobserve(n);
 	};
-}, D = { passive: !0 }, O = typeof window > "u" ? !0 : "onscrollend" in window, k = (e, t) => {
-	let n = e.scrollElement;
-	if (!n) return;
-	let r = e.targetWindow;
+}, V = { passive: !0 }, H = typeof window > "u" || "onscrollend" in window, fe = (e, t, n) => {
+	let r = e.scrollElement;
 	if (!r) return;
-	let i = 0, a = e.options.useScrollendEvent && O ? () => void 0 : S(r, () => {
-		t(i, !1);
-	}, e.options.isScrollingResetDelay), o = (r) => () => {
-		let { horizontal: o, isRtl: s } = e.options;
-		i = o ? n.scrollLeft * (s && -1 || 1) : n.scrollTop, a(), t(i, r);
-	}, s = o(!0), c = o(!1);
-	n.addEventListener("scroll", s, D);
-	let l = e.options.useScrollendEvent && O;
-	return l && n.addEventListener("scrollend", c, D), () => {
-		n.removeEventListener("scroll", s), l && n.removeEventListener("scrollend", c);
+	let i = e.targetWindow;
+	if (!i) return;
+	let a = e.options.useScrollendEvent && H, o = 0, s = a ? null : ce(i, () => t(n(r), !1), e.options.isScrollingResetDelay), c = (e) => () => {
+		o = n(r), s?.(), t(o, e);
+	}, l = c(!0), u = c(!1);
+	return r.addEventListener("scroll", l, V), a && r.addEventListener("scrollend", u, V), () => {
+		r.removeEventListener("scroll", l), a && r.removeEventListener("scrollend", u), s?.cancel();
 	};
-}, A = (e, t, n) => {
+}, pe = (e, t) => fe(e, t, (t) => {
+	let { horizontal: n, isRtl: r } = e.options;
+	return n ? t.scrollLeft * (r && -1 || 1) : t.scrollTop;
+}), me = (e, t, n) => {
+	if (n.options.useCachedMeasurements) {
+		let t = n.indexFromElement(e), r = n.options.getItemKey(t);
+		return n.itemSizeCache.get(r) ?? n.options.estimateSize(t);
+	}
 	if (t?.borderBoxSize) {
 		let e = t.borderBoxSize[0];
 		if (e) return Math.round(e[n.options.horizontal ? "inlineSize" : "blockSize"]);
 	}
+	if (!t) {
+		let t = n.indexFromElement(e), r = n.options.getItemKey(t), i = n.itemSizeCache.get(r);
+		if (i !== void 0) return i;
+	}
 	return e[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, j = (e, { adjustments: t = 0, behavior: n }, r) => {
+}, he = (e, { adjustments: t = 0, behavior: n }, r) => {
 	var i, a;
-	let o = e + t;
 	(a = (i = r.scrollElement)?.scrollTo) == null || a.call(i, {
-		[r.options.horizontal ? "left" : "top"]: o,
+		[r.options.horizontal ? "left" : "top"]: e + t,
 		behavior: n
 	});
-}, M = class {
+};
+function ge(e, t, n, r) {
+	if (t === 0) return !1;
+	let i = r(0), a = /* @__PURE__ */ new Set(), o = 0;
+	for (; o < e;) {
+		let e = n(o);
+		if (e === i) break;
+		a.add(e), o++;
+	}
+	let s = e - o;
+	if (s === 0 || s >= t) return !1;
+	for (let e = 0; e < s; e++) if (r(e) !== n(o + e)) return !1;
+	for (let e = s; e < t; e++) if (a.has(r(e))) return !1;
+	return !0;
+}
+var _e = class {
 	constructor(e) {
-		this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
+		this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this._singleLaneMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._intendedScrollOffset = null, this._clampedAdjustment = null, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
 			var e;
 			return ((e = this.targetWindow?.performance)?.now)?.call(e) ?? Date.now();
 		}, this.observer = /* @__PURE__ */ (() => {
@@ -300,9 +597,13 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 						let t = e.target, n = this.indexFromElement(t);
 						if (!t.isConnected) {
 							this.observer.unobserve(t);
+							for (let [e, n] of this.elementsCache) if (n === t) {
+								this.elementsCache.delete(e);
+								break;
+							}
 							return;
 						}
-						this.shouldMeasureDuringScroll(n) && this.resizeItem(n, this.options.measureElement(t, e, this));
+						this.isIndexInRange(n) && this.shouldMeasureDuringScroll(n) && this.resizeItem(n, this.options.measureElement(t, e, this));
 					};
 					this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(t) : t();
 				});
@@ -316,9 +617,7 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				unobserve: (e) => t()?.unobserve(e)
 			};
 		})(), this.range = null, this.setOptions = (e) => {
-			Object.entries(e).forEach(([t, n]) => {
-				n === void 0 && delete e[t];
-			}), this.options = {
+			let t = {
 				debug: !1,
 				initialOffset: 0,
 				overscan: 1,
@@ -327,10 +626,10 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				scrollPaddingStart: 0,
 				scrollPaddingEnd: 0,
 				horizontal: !1,
-				getItemKey: w,
-				rangeExtractor: T,
+				getItemKey: le,
+				rangeExtractor: ue,
 				onChange: () => {},
-				measureElement: A,
+				measureElement: me,
 				initialRect: {
 					width: 0,
 					height: 0
@@ -340,18 +639,55 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				indexAttribute: "data-index",
 				initialMeasurementsCache: [],
 				lanes: 1,
+				anchorTo: "start",
+				followOnAppend: !1,
+				scrollEndThreshold: 1,
 				isScrollingResetDelay: 150,
 				enabled: !0,
 				isRtl: !1,
 				useScrollendEvent: !1,
 				useAnimationFrameWithResizeObserver: !1,
 				laneAssignmentMode: "estimate",
-				...e
+				useCachedMeasurements: !1
 			};
+			for (let n in e) {
+				let r = e[n];
+				r !== void 0 && (t[n] = r);
+			}
+			let n = this.options, r = null, i = null, a = !1;
+			if (n !== void 0 && n.enabled && t.enabled && t.anchorTo === "end" && this.scrollElement !== null) {
+				let e = n.count, o = t.count, s = this.getMeasurements(), c = this._singleLaneMeasurements?.items ?? s, l = (e) => oe(c[e]), u = e > 0 ? l(0) : null, d = e > 0 ? l(e - 1) : null;
+				if (o !== e || e > 0 && o > 0 && (t.getItemKey(0) !== u || t.getItemKey(o - 1) !== d)) {
+					a = !0;
+					let c = e > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? s[0] : null;
+					c && (r = [c.key, this.getScrollOffset() - c.start]);
+					let u = t.followOnAppend === !0 ? "auto" : t.followOnAppend || null;
+					u && o > 0 && this.isAtEnd(n.scrollEndThreshold) && (e === 0 || t.getItemKey(o - 1) !== d) && (o > e || ge(e, o, l, t.getItemKey)) && (i = u);
+				}
+			}
+			this.options = t, a && (this.pendingMin = 0, this.itemSizeCacheVersion++);
+			let o = !1, s = 0;
+			if (r && this.scrollOffset !== null) {
+				let [e, t] = r, n = this.getMeasurements(), { count: a, getItemKey: c } = this.options, l = 0;
+				for (; l < a && c(l) !== e;) l++;
+				if (l < a) {
+					let e = n[l];
+					if (e) {
+						let n = Math.max(0, e.start + t);
+						!i && n !== this.scrollOffset && (s = n - this.scrollOffset, this.scrollOffset = n, o = !0);
+					}
+				}
+			}
+			(o || i) && (this.pendingScrollAnchor = [
+				o ? r[0] : null,
+				o ? r[1] : 0,
+				i,
+				s
+			]);
 		}, this.notify = (e) => {
 			var t, n;
 			(n = (t = this.options).onChange) == null || n.call(t, this, e);
-		}, this.maybeNotify = y(() => (this.calculateRange(), [
+		}, this.maybeNotify = F(() => (this.calculateRange(), [
 			this.isScrolling,
 			this.range ? this.range.startIndex : null,
 			this.range ? this.range.endIndex : null
@@ -366,7 +702,7 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				this.range ? this.range.endIndex : null
 			]
 		}), this.cleanup = () => {
-			this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
+			this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.isScrolling = !1, this.scrollDirection = null, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._clampedAdjustment = null, this.scrollElement = null, this.targetWindow = null;
 		}, this._didMount = () => () => {
 			this.cleanup();
 		}, this._willUpdate = () => {
@@ -376,93 +712,157 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 					this.maybeNotify();
 					return;
 				}
-				this.scrollElement = e, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = this.scrollElement?.window ?? null, this.elementsCache.forEach((e) => {
+				if (this.scrollElement = e, this.targetWindow = this.scrollElement && "ownerDocument" in this.scrollElement ? this.scrollElement.ownerDocument.defaultView : this.scrollElement?.window ?? null, this.elementsCache.forEach((e) => {
 					this.observer.observe(e);
 				}), this.unsubs.push(this.options.observeElementRect(this, (e) => {
 					this.scrollRect = e, this.maybeNotify();
 				})), this.unsubs.push(this.options.observeElementOffset(this, (e, t) => {
-					this.scrollAdjustments = 0, this.scrollDirection = t ? this.getScrollOffset() < e ? "forward" : "backward" : null, this.scrollOffset = e, this.isScrolling = t, this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
-				})), this._scrollToOffset(this.getScrollOffset(), {
+					if (t && this._intendedScrollOffset === null && e === this.scrollOffset) return;
+					this._intendedScrollOffset !== null && Math.abs(e - this._intendedScrollOffset) < 1.5 && (e = this._intendedScrollOffset), this._intendedScrollOffset = null, this._clampedAdjustment !== null && Math.abs(e - this._clampedAdjustment.maxAtWrite) >= 1.5 && (this._clampedAdjustment = null), this.scrollAdjustments = 0;
+					let n = this.getScrollOffset();
+					this.scrollDirection = t ? n === e ? this.scrollDirection : n < e ? "forward" : "backward" : null, this.scrollOffset = e, this.isScrolling = t, this._flushIosDeferredIfReady(), this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
+				})), "addEventListener" in this.scrollElement) {
+					let e = this.scrollElement, t = () => {
+						this._iosTouching = !0, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
+					}, n = () => {
+						this._iosTouching = !1, z() && this.targetWindow != null && (this._iosJustTouchEnded = !0, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
+							this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._flushIosDeferredIfReady();
+						}, 150));
+					};
+					e.addEventListener("touchstart", t, V), e.addEventListener("touchend", n, V), this.unsubs.push(() => {
+						e.removeEventListener("touchstart", t), e.removeEventListener("touchend", n), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
+					});
+				}
+				this._scrollToOffset(this.getScrollOffset(), {
 					adjustments: void 0,
 					behavior: void 0
 				});
 			}
-		}, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, t) => {
-			let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-			for (let i = t - 1; i >= 0; i--) {
-				let t = e[i];
-				if (n.has(t.lane)) continue;
-				let a = r.get(t.lane);
-				if (a == null || t.end > a.end ? r.set(t.lane, t) : t.end < a.end && n.set(t.lane, !0), n.size === this.options.lanes) break;
+			let t = this.pendingScrollAnchor;
+			if (this.pendingScrollAnchor = null, t && this.scrollElement && this.options.enabled) {
+				let [e, n, r, i] = t;
+				e !== null && !r && (z() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? i !== 0 && (this._iosDeferredAdjustment += i) : this.scrollState?.behavior === "smooth" && !L(this.getScrollOffset() - i, this.scrollState.lastTargetOffset) || this._scrollToOffset(this.getScrollOffset(), {
+					adjustments: void 0,
+					behavior: void 0
+				})), r && this.scrollToEnd({ behavior: r });
 			}
-			return r.size === this.options.lanes ? Array.from(r.values()).sort((e, t) => e.end === t.end ? e.index - t.index : e.end - t.end)[0] : void 0;
-		}, this.getMeasurementOptions = y(() => [
+			this._retryClampedAdjustment();
+		}, this._retryClampedAdjustment = () => {
+			if (this._clampedAdjustment === null || !this.scrollElement || !this.options.enabled) return;
+			let { target: e, maxAtWrite: t } = this._clampedAdjustment, n = this.getMaxScrollOffset();
+			n > t + .5 && (this._clampedAdjustment = e > n + .5 ? {
+				target: e,
+				maxAtWrite: n
+			} : null, this._scrollToOffset(e, {
+				adjustments: void 0,
+				behavior: void 0
+			}));
+		}, this._flushIosDeferredIfReady = () => {
+			if (this._iosDeferredAdjustment === 0 || this.isScrolling || this._iosTouching || this._iosJustTouchEnded) return;
+			let e = this.getScrollOffset(), t = this.getMaxScrollOffset();
+			if (e < 0 || e > t) return;
+			if (this._iosDeferredAdjustment < 0 && e >= t - 1) {
+				this._iosDeferredAdjustment = 0;
+				return;
+			}
+			let n = this._iosDeferredAdjustment;
+			this._iosDeferredAdjustment = 0, this._scrollToOffset(e, {
+				adjustments: this.scrollAdjustments += n,
+				behavior: void 0
+			});
+		}, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getMeasurementOptions = F(() => [
 			this.options.count,
 			this.options.paddingStart,
 			this.options.scrollMargin,
 			this.options.getItemKey,
 			this.options.enabled,
 			this.options.lanes,
-			this.options.laneAssignmentMode
-		], (e, t, n, r, i, a, o) => (this.prevLanes !== void 0 && this.prevLanes !== a && (this.lanesChangedFlag = !0), this.prevLanes = a, this.pendingMeasuredCacheIndexes = [], {
+			this.options.laneAssignmentMode,
+			this.options.gap
+		], (e, t, n, r, i, a, o, s) => (this.prevLanes !== void 0 && this.prevLanes !== a && (this.lanesChangedFlag = !0), this.prevLanes = a, this.pendingMin = null, {
 			count: e,
 			paddingStart: t,
 			scrollMargin: n,
 			getItemKey: r,
 			enabled: i,
 			lanes: a,
-			laneAssignmentMode: o
-		}), { key: !1 }), this.getMeasurements = y(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a, laneAssignmentMode: o }, s) => {
-			if (!i) return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
+			laneAssignmentMode: o,
+			gap: s
+		}), { key: !1 }), this.isIndexInRange = (e) => e >= 0 && e < this.options.count, this.getMeasurements = F(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a, laneAssignmentMode: o, gap: s }, c) => {
+			let l = this.itemSizeCache;
+			if (!i) return this.measurementsCache = [], this._singleLaneMeasurements = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
 			if (this.laneAssignments.size > e) for (let t of this.laneAssignments.keys()) t >= e && this.laneAssignments.delete(t);
-			this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((e) => {
+			this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this._singleLaneMeasurements = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMin = null), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((e) => {
 				this.itemSizeCache.set(e.key, e.size);
 			}));
-			let c = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-			this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-			let l = this.measurementsCache.slice(0, c), u = Array(a).fill(void 0);
-			for (let e = 0; e < c; e++) {
-				let t = l[e];
-				t && (u[t.lane] = e);
-			}
-			for (let i = c; i < e; i++) {
-				let e = r(i), a = this.laneAssignments.get(i), c, d, f = o === "estimate" || s.has(e);
-				if (a !== void 0 && this.options.lanes > 1) {
-					c = a;
-					let e = u[c], r = e === void 0 ? void 0 : l[e];
-					d = r ? r.end + this.options.gap : t + n;
-				} else {
-					let e = this.options.lanes === 1 ? l[i - 1] : this.getFurthestMeasurement(l, i);
-					d = e ? e.end + this.options.gap : t + n, c = e ? e.lane : i % this.options.lanes, this.options.lanes > 1 && f && this.laneAssignments.set(i, c);
+			let u = this.lanesSettling ? 0 : this.pendingMin ?? 0;
+			if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1), a === 1) {
+				let i = e * 2, a = this._singleLaneMeasurements?.flat;
+				if (!a || a.length < i) {
+					let e = new Float64Array(i);
+					a && u > 0 && e.set(a.subarray(0, u * 2)), a = e;
 				}
-				let p = s.get(e), m = typeof p == "number" ? p : this.options.estimateSize(i), h = d + m;
-				l[i] = {
+				let o = u === 0 ? Array(e) : this._singleLaneMeasurements.items.slice(), c;
+				if (u === 0) c = t + n;
+				else {
+					let e = u - 1;
+					c = a[e * 2] + a[e * 2 + 1] + s;
+				}
+				for (let t = u; t < e; t++) {
+					let e = r(t);
+					o[t] = e;
+					let n = l.get(e), i = typeof n == "number" ? n : this.options.estimateSize(t);
+					a[t * 2] = c, a[t * 2 + 1] = i, c += i + s;
+				}
+				this._singleLaneMeasurements = {
+					flat: a,
+					items: o
+				};
+				let d = se(o, a);
+				return this.measurementsCache = d, d;
+			}
+			let d = this.measurementsCache.slice(0, u), f = Array(a).fill(void 0), p = new Float64Array(a), m = 0;
+			for (let e = 0; e < u; e++) {
+				let t = d[e];
+				t && (f[t.lane] === void 0 && m++, f[t.lane] = e, p[t.lane] = t.end);
+			}
+			for (let i = u; i < e; i++) {
+				let e = r(i), c = this.laneAssignments.get(i), u, h, g = o === "estimate" || l.has(e);
+				if (c !== void 0 && this.options.lanes > 1) {
+					u = c;
+					let e = f[u], r = e === void 0 ? void 0 : d[e];
+					h = r ? r.end + s : t + n;
+				} else if (m === a) {
+					let e = 0, t = p[0], n = f[0];
+					for (let r = 1; r < a; r++) {
+						let i = p[r];
+						(i < t || i === t && f[r] < n) && (e = r, t = i, n = f[r]);
+					}
+					u = e, h = t + s, g && this.laneAssignments.set(i, u);
+				} else u = i % this.options.lanes, h = t + n, g && this.laneAssignments.set(i, u);
+				let _ = l.get(e), v = typeof _ == "number" ? _ : this.options.estimateSize(i), y = h + v;
+				d[i] = {
 					index: i,
-					start: d,
-					size: m,
-					end: h,
+					start: h,
+					size: v,
+					end: y,
 					key: e,
-					lane: c
-				}, u[c] = i;
+					lane: u
+				}, f[u] === void 0 && m++, f[u] = i, p[u] = y;
 			}
-			return this.measurementsCache = l, l;
+			return this.measurementsCache = d, d;
 		}, {
 			key: process.env.NODE_ENV !== "production" && "getMeasurements",
 			debug: () => this.options.debug
-		}), this.calculateRange = y(() => [
+		}), this.calculateRange = F(() => [
 			this.getMeasurements(),
 			this.getSize(),
 			this.getScrollOffset(),
 			this.options.lanes
-		], (e, t, n, r) => this.range = e.length > 0 && t > 0 ? P({
-			measurements: e,
-			outerSize: t,
-			scrollOffset: n,
-			lanes: r
-		}) : null, {
+		], (e, t, n, r) => e.length === 0 || t === 0 ? (this.range = null, null) : (this.range = ye(e, t, n, r, r === 1 && this._singleLaneMeasurements !== null ? this._singleLaneMeasurements.flat : null), this.range), {
 			key: process.env.NODE_ENV !== "production" && "calculateRange",
 			debug: () => this.options.debug
-		}), this.getVirtualIndexes = y(() => {
+		}), this.getVirtualIndexes = F(() => {
 			let e = null, t = null, n = this.calculateRange();
 			return n && (e = n.startIndex, t = n.endIndex), this.maybeNotify.updateDeps([
 				this.isScrolling,
@@ -501,17 +901,34 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				});
 				return;
 			}
-			let t = this.indexFromElement(e), n = this.options.getItemKey(t), r = this.elementsCache.get(n);
+			let t = this.indexFromElement(e);
+			if (!this.isIndexInRange(t)) return;
+			let n = this.options.getItemKey(t), r = this.elementsCache.get(n);
 			r !== e && (r && this.observer.unobserve(r), this.observer.observe(e), this.elementsCache.set(n, e)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(t) && this.resizeItem(t, this.options.measureElement(e, void 0, this));
 		}, this.resizeItem = (e, t) => {
-			let n = this.measurementsCache[e];
-			if (!n) return;
-			let r = t - (this.itemSizeCache.get(n.key) ?? n.size);
-			r !== 0 && (this.scrollState?.behavior !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange === void 0 ? n.start < this.getScrollOffset() + this.scrollAdjustments : this.shouldAdjustScrollPositionOnItemSizeChange(n, r, this)) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", r), this._scrollToOffset(this.getScrollOffset(), {
-				adjustments: this.scrollAdjustments += r,
-				behavior: void 0
-			})), this.pendingMeasuredCacheIndexes.push(n.index), this.itemSizeCache = new Map(this.itemSizeCache.set(n.key, t)), this.notify(!1));
-		}, this.getVirtualItems = y(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
+			if (!this.isIndexInRange(e)) return;
+			let n, r, i, a = this._singleLaneMeasurements?.flat;
+			if (this.options.lanes === 1 && a != null) i = this.options.getItemKey(e), r = a[e * 2], n = a[e * 2 + 1];
+			else {
+				let t = this.measurementsCache[e];
+				if (!t) return;
+				i = t.key, r = t.start, n = t.size;
+			}
+			let o = this.itemSizeCache.get(i) ?? n, s = t - o;
+			if (s !== 0) {
+				let a = this.options.anchorTo === "end" && this.scrollState?.behavior !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, c = a ? this.getTotalSize() : 0, l = this.getScrollOffset() + this.scrollAdjustments, u = this.itemSizeCache.has(i) ? r + o <= l && this.scrollDirection !== "backward" : r < l, d = this.scrollState?.behavior !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange === void 0 ? u : this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[e] ?? {
+					index: e,
+					key: i,
+					start: r,
+					size: n,
+					end: r + n,
+					lane: 0
+				}, s, this));
+				(this.pendingMin === null || e < this.pendingMin) && (this.pendingMin = e), this.itemSizeCache.set(i, t), this.itemSizeCacheVersion++;
+				let f = !1;
+				a ? f = this.applyScrollAdjustment(this.getTotalSize() - c) : d && (f = this.applyScrollAdjustment(s)), this.notify(f), this._retryClampedAdjustment();
+			}
+		}, this.getVirtualItems = F(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
 			let n = [];
 			for (let r = 0, i = e.length; r < i; r++) {
 				let i = t[e[r]];
@@ -523,7 +940,9 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 			debug: () => this.options.debug
 		}), this.getVirtualItemForOffset = (e) => {
 			let t = this.getMeasurements();
-			if (t.length !== 0) return b(t[N(0, t.length - 1, (e) => b(t[e]).start, e)]);
+			if (t.length === 0) return;
+			let n = this._singleLaneMeasurements?.flat, r = this.options.lanes === 1 && n != null;
+			return I(t[U(0, t.length - 1, r ? (e) => n[e * 2] : (e) => I(t[e]).start, e)]);
 		}, this.getMaxScrollOffset = () => {
 			if (!this.scrollElement) return 0;
 			if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
@@ -531,7 +950,7 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				let e = this.scrollElement.document.documentElement;
 				return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
 			}
-		}, this.getOffsetForAlignment = (e, t, n = 0) => {
+		}, this.getVirtualDistanceFromEnd = () => Math.max(this.getTotalSize() - this.getSize() - this.getScrollOffset(), 0), this.getDistanceFromEnd = () => Math.max(this.getMaxScrollOffset() - this.getScrollOffset(), 0), this.isAtEnd = (e = this.options.scrollEndThreshold) => this.getDistanceFromEnd() <= e, this.getOffsetForAlignment = (e, t, n = 0) => {
 			if (!this.scrollElement) return 0;
 			let r = this.getSize(), i = this.getScrollOffset();
 			t === "auto" && (t = e >= i + r ? "end" : "start"), t === "center" ? e += (n - r) / 2 : t === "end" && (e -= r);
@@ -541,13 +960,16 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 			e = Math.max(0, Math.min(e, this.options.count - 1));
 			let n = this.getSize(), r = this.getScrollOffset(), i = this.measurementsCache[e];
 			if (!i) return;
-			if (t === "auto") if (i.end >= r + n - this.options.scrollPaddingEnd) t = "end";
-			else if (i.start <= r + this.options.scrollPaddingStart) t = "start";
-			else return [r, t];
+			if (t === "auto") {
+				if (i.end >= r + n - this.options.scrollPaddingEnd) t = "end";
+				else if (i.start <= r + this.options.scrollPaddingStart) t = "start";
+				else return [r, t];
+			}
 			if (t === "end" && e === this.options.count - 1) return [this.getMaxScrollOffset(), t];
 			let a = t === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
 			return [this.getOffsetForAlignment(a, t, i.size), t];
 		}, this.scrollToOffset = (e, { align: t = "start", behavior: n = "auto" } = {}) => {
+			this._iosDeferredAdjustment = 0;
 			let r = this.getOffsetForAlignment(e, t), i = this.now();
 			this.scrollState = {
 				index: null,
@@ -561,7 +983,7 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				behavior: n
 			}), this.scheduleScrollReconcile();
 		}, this.scrollToIndex = (e, { align: t = "auto", behavior: n = "auto" } = {}) => {
-			e = Math.max(0, Math.min(e, this.options.count - 1));
+			this._iosDeferredAdjustment = 0, e = Math.max(0, Math.min(e, this.options.count - 1));
 			let r = this.getOffsetForIndex(e, t);
 			if (!r) return;
 			let [i, a] = r, o = this.now();
@@ -589,11 +1011,22 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				adjustments: void 0,
 				behavior: t
 			}), this.scheduleScrollReconcile();
+		}, this.scrollToEnd = ({ behavior: e = "auto" } = {}) => {
+			if (this.options.count > 0) {
+				this.scrollToIndex(this.options.count - 1, {
+					align: "end",
+					behavior: e
+				});
+				return;
+			}
+			this.scrollToOffset(Math.max(this.getTotalSize() - this.getSize(), 0), { behavior: e });
 		}, this.getTotalSize = () => {
 			let e = this.getMeasurements(), t;
 			if (e.length === 0) t = this.options.paddingStart;
-			else if (this.options.lanes === 1) t = e[e.length - 1]?.end ?? 0;
-			else {
+			else if (this.options.lanes === 1) {
+				let n = e.length - 1, r = this._singleLaneMeasurements?.flat;
+				t = r == null ? e[n]?.end ?? 0 : r[n * 2] + r[n * 2 + 1];
+			} else {
 				let n = Array(this.options.lanes).fill(null), r = e.length - 1;
 				for (; r >= 0 && n.some((e) => e === null);) {
 					let t = e[r];
@@ -602,15 +1035,42 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 				t = Math.max(...n.filter((e) => e !== null));
 			}
 			return Math.max(t - this.options.scrollMargin + this.options.paddingEnd, 0);
+		}, this.takeSnapshot = () => {
+			let e = [];
+			if (this.itemSizeCache.size === 0) return e;
+			let t = this.getMeasurements();
+			for (let n of t) n && this.itemSizeCache.has(n.key) && e.push({
+				index: n.index,
+				key: n.key,
+				start: n.start,
+				size: n.size,
+				end: n.end,
+				lane: n.lane
+			});
+			return e;
 		}, this._scrollToOffset = (e, { adjustments: t, behavior: n }) => {
-			this.options.scrollToFn(e, {
+			this._intendedScrollOffset = e + (t ?? 0), this.options.scrollToFn(e, {
 				behavior: n,
 				adjustments: t
 			}, this);
 		}, this.measure = () => {
-			this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
+			this.pendingMin = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), this.itemSizeCacheVersion++, this.notify(!1);
 		}, this.setOptions(e);
 	}
+	applyScrollAdjustment(e, t) {
+		if (e === 0) return !1;
+		if (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", e), z() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded)) return this._iosDeferredAdjustment += e, !1;
+		{
+			let n = this.getScrollOffset() + this.scrollAdjustments + e, r = this.scrollElement, i = r !== null && ("scrollHeight" in r || "document" in r) ? this.getMaxScrollOffset() : null;
+			return this._clampedAdjustment = i !== null && n > i + .5 ? {
+				target: n,
+				maxAtWrite: i
+			} : null, this._scrollToOffset(this.getScrollOffset(), {
+				adjustments: this.scrollAdjustments += e,
+				behavior: t
+			}), this.scrollOffset !== null && (this.scrollOffset += this.scrollAdjustments, this.scrollOffset < 0 && (this.scrollOffset = 0), this.scrollAdjustments = 0), !0;
+		}
+	}
 	scheduleScrollReconcile() {
 		if (!this.targetWindow) {
 			this.scrollState = null;
@@ -627,18 +1087,24 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 			return;
 		}
 		let e = this.scrollState.index == null ? void 0 : this.getOffsetForIndex(this.scrollState.index, this.scrollState.align), t = e ? e[0] : this.scrollState.lastTargetOffset, n = t !== this.scrollState.lastTargetOffset;
-		if (!n && x(t, this.getScrollOffset())) {
+		if (!n && L(t, this.getScrollOffset())) {
 			if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= 1) {
-				this.scrollState = null;
+				this.getScrollOffset() !== t && this._scrollToOffset(t, {
+					adjustments: void 0,
+					behavior: "auto"
+				}), this.scrollState = null;
 				return;
 			}
-		} else this.scrollState.stableFrames = 0, n && (this.scrollState.lastTargetOffset = t, this.scrollState.behavior = "auto", this._scrollToOffset(t, {
-			adjustments: void 0,
-			behavior: "auto"
-		}));
+		} else if (this.scrollState.stableFrames = 0, n) {
+			let e = this.getSize() || 600, n = Math.abs(t - this.getScrollOffset()), r = this.scrollState.behavior === "smooth" && n > e;
+			this.scrollState.lastTargetOffset = t, r || (this.scrollState.behavior = "auto"), this._scrollToOffset(t, {
+				adjustments: void 0,
+				behavior: r ? "smooth" : "auto"
+			});
+		}
 		this.scheduleScrollReconcile();
 	}
-}, N = (e, t, n, r) => {
+}, U = (e, t, n, r) => {
 	for (; e <= t;) {
 		let i = (e + t) / 2 | 0, a = n(i);
 		if (a < r) e = i + 1;
@@ -647,26 +1113,44 @@ var x = (e, t) => Math.abs(e - t) < 1.01, S = (e, t, n) => {
 	}
 	return e > 0 ? e - 1 : 0;
 };
-function P({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
-	let i = e.length - 1, a = (t) => e[t].start;
+function ve(e, t, n) {
+	let r = 0;
+	for (; r <= t;) {
+		let i = (r + t) / 2 | 0, a = e[i * 2];
+		if (a < n) r = i + 1;
+		else if (a > n) t = i - 1;
+		else return i;
+	}
+	return r > 0 ? r - 1 : 0;
+}
+function ye(e, t, n, r, i) {
+	let a = e.length - 1;
 	if (e.length <= r) return {
 		startIndex: 0,
-		endIndex: i
+		endIndex: a
 	};
-	let o = N(0, i, a, n), s = o;
-	if (r === 1) for (; s < i && e[s].end < n + t;) s++;
+	if (r === 1 && i !== null) {
+		let e = ve(i, a, n), r = e, o = n + t;
+		for (; r < a && i[r * 2] + i[r * 2 + 1] < o;) r++;
+		return {
+			startIndex: e,
+			endIndex: r
+		};
+	}
+	let o = U(0, a, (t) => e[t].start, n), s = o;
+	if (r === 1) for (; s < a && e[s].end < n + t;) s++;
 	else if (r > 1) {
-		let a = Array(r).fill(0);
-		for (; s < i && a.some((e) => e < n + t);) {
+		let i = Array(r).fill(0);
+		for (; s < a && i.some((e) => e < n + t);) {
 			let t = e[s];
-			a[t.lane] = t.end, s++;
+			i[t.lane] = t.end, s++;
 		}
 		let c = Array(r).fill(n + t);
 		for (; o >= 0 && c.some((e) => e >= n);) {
 			let t = e[o];
 			c[t.lane] = t.start, o--;
 		}
-		o = Math.max(0, o - o % r), s = Math.min(i, s + (r - 1 - s % r));
+		o = Math.max(0, o - o % r), s = Math.min(a, s + (r - 1 - s % r));
 	}
 	return {
 		startIndex: o,
@@ -674,48 +1158,87 @@ function P({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
 	};
 }
 //#endregion
-//#region node_modules/.pnpm/@tanstack+react-virtual@3.13.24_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/@tanstack/react-virtual/dist/esm/index.js
-var F = typeof document < "u" ? e.useLayoutEffect : e.useEffect;
-function I({ useFlushSync: t = !0, ...n }) {
-	let r = e.useReducer(() => ({}), {})[1], i = {
-		...n,
-		onChange: (e, i) => {
-			var a;
-			t && i ? l(r) : r(), (a = n.onChange) == null || a.call(n, e, i);
+//#region node_modules/.pnpm/@tanstack+react-virtual@3.14.13_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-virtual/dist/esm/index.js
+var W = typeof document < "u" ? e.useLayoutEffect : e.useEffect;
+function be({ useFlushSync: t = !0, directDomUpdates: n = !1, directDomUpdatesMode: r = "transform", ...i }) {
+	let a = e.useReducer((e) => e + 1, 0)[1], o = e.useRef({
+		enabled: n,
+		mode: r,
+		container: null,
+		lastSize: null,
+		lastPositions: /* @__PURE__ */ new WeakMap(),
+		prevRange: null
+	});
+	o.current.enabled = n, o.current.mode = r;
+	let s = e.useRef(!1), c = (e) => {
+		let t = o.current;
+		if (!t.enabled || !t.container) return;
+		let n = e.getTotalSize();
+		if (n !== t.lastSize) {
+			t.lastSize = n;
+			let r = e.options.horizontal ? "width" : "height";
+			t.container.style[r] = `${n}px`;
 		}
-	}, [a] = e.useState(() => new M(i));
-	return a.setOptions(i), F(() => a._didMount(), []), F(() => a._willUpdate()), a;
-}
-function L(e) {
-	return I({
-		observeElementRect: E,
-		observeElementOffset: k,
-		scrollToFn: j,
-		...e
+	}, l = (e) => {
+		let t = o.current;
+		if (!t.enabled || !t.container) return;
+		c(e);
+		let n = !!e.options.horizontal, r = t.mode === "transform", i = n ? "left" : "top", a = e.options.scrollMargin, s = e.getVirtualItems();
+		for (let o of s) {
+			let s = o.start - a, c = e.elementsCache.get(o.key);
+			c && t.lastPositions.get(c) !== s && (t.lastPositions.set(c, s), r ? c.style.transform = n ? `translate3d(${s}px, 0, 0)` : `translate3d(0, ${s}px, 0)` : c.style[i] = `${s}px`);
+		}
+	}, u = {
+		...i,
+		onChange: (e, n) => {
+			var r;
+			let c = o.current, u = !0;
+			if (c.enabled) {
+				l(e);
+				let t = e.range, n = c.prevRange;
+				u = !n || n.isScrolling !== e.isScrolling || n.startIndex !== t?.startIndex || n.endIndex !== t?.endIndex, u && (c.prevRange = t ? {
+					startIndex: t.startIndex,
+					endIndex: t.endIndex,
+					isScrolling: e.isScrolling
+				} : null);
+			}
+			u && (t && n && !s.current ? g(a) : a()), (r = i.onChange) == null || r.call(i, e, n);
+		}
+	}, [d] = e.useState(() => {
+		let e = new _e(u), t = e.measureElement;
+		return e.measureElement = (e) => {
+			s.current = !0;
+			try {
+				t(e);
+			} finally {
+				s.current = !1;
+			}
+		}, Object.assign(e, { containerRef: (t) => {
+			let n = o.current;
+			if (n.container = t, n.lastSize = null, t && n.enabled) {
+				let r = e.getTotalSize();
+				n.lastSize = r;
+				let i = e.options.horizontal ? "width" : "height";
+				t.style[i] = `${r}px`;
+			}
+		} });
 	});
+	return d.setOptions(u), W(() => d._didMount(), []), W(() => (c(d), d._willUpdate())), W(() => {
+		l(d);
+	}), d;
 }
-//#endregion
-//#region packages/icons/chevron-up.tsx
-function R(e) {
-	return /* @__PURE__ */ s("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__ */ s("path", {
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			d: "m19.5 8.25-7.5 7.5-7.5-7.5"
-		})
+function xe(e) {
+	return be({
+		observeElementRect: de,
+		observeElementOffset: pe,
+		scrollToFn: he,
+		...e
 	});
 }
 //#endregion
 //#region packages/icons/search.tsx
-function z(e) {
-	return /* @__PURE__ */ s("svg", {
+function G(e) {
+	return /* @__PURE__ */ p("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -723,7 +1246,7 @@ function z(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ s("path", {
+		children: /* @__PURE__ */ p("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"
@@ -732,8 +1255,8 @@ function z(e) {
 }
 //#endregion
 //#region packages/icons/x-mark.tsx
-function B(e) {
-	return /* @__PURE__ */ s("svg", {
+function Se(e) {
+	return /* @__PURE__ */ p("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -741,7 +1264,7 @@ function B(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ s("path", {
+		children: /* @__PURE__ */ p("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M6 18 18 6M6 6l12 12"
@@ -750,114 +1273,135 @@ function B(e) {
 }
 //#endregion
 //#region packages/dropdown/index.tsx
-function V(e) {
-	let { items: t, selected: n, className: r, onChange: o, disabled: l, placeholder: d = "Select an Item", multiple: f, mutable: m, onAdd: g } = e, y = i(null), [b, x] = a(!1);
-	return /* @__PURE__ */ s(_, {
-		content: /* @__PURE__ */ s(H, {
-			...m ? {
-				mutable: m,
-				onAdd: g
-			} : { mutable: m },
-			...f ? {
-				multiple: f,
+function Ce(e) {
+	let { items: t, selected: n, className: r, onChange: i, disabled: a, placeholder: o = "Select an Item", multiple: s, mutable: c, onAdd: l } = e, f = u(null), [h, g] = d(!1), v = !!r && /(^|\s)(w-|min-w-|max-w-)/.test(r), y = !!r && /(^|\s)w-full(\s|$)/.test(r);
+	return /* @__PURE__ */ p(j, {
+		triggerClassName: y ? "w-full max-w-none" : void 0,
+		content: /* @__PURE__ */ p(we, {
+			...c ? {
+				mutable: c,
+				onAdd: l
+			} : { mutable: c },
+			...s ? {
+				multiple: s,
 				items: t,
-				onChange: o,
+				onChange: i,
 				selected: n
 			} : {
 				items: t,
-				onChange: o,
+				onChange: i,
 				selected: n
 			}
 		}),
-		onOpen: () => x(!0),
-		onClose: () => x(!1),
-		children: /* @__PURE__ */ c("div", {
+		onOpen: () => g(!0),
+		onClose: () => g(!1),
+		children: /* @__PURE__ */ m("div", {
 			role: "combobox",
-			"aria-expanded": b,
+			"aria-expanded": h,
 			"aria-haspopup": "listbox",
-			className: u("border-input bg-background inline-flex h-10 w-56 grow items-center justify-between rounded border-2 p-2 transition", l ? "bg-muted text-muted-foreground cursor-not-allowed" : "cursor-pointer", b && "border-primary", r),
-			children: [/* @__PURE__ */ s("div", {
-				className: u("flex max-w-[calc(100%-30px)] flex-none grow items-center gap-1 text-sm", l ? "text-muted-foreground" : "text-foreground"),
-				ref: y,
-				children: f ? /* @__PURE__ */ s(v, {
+			className: _(re, !v && "w-56", "grow", a ? "cursor-not-allowed opacity-50" : "cursor-pointer", h && "border-glow/60 shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r),
+			children: [/* @__PURE__ */ p("div", {
+				className: _("flex min-w-0 flex-1 items-center gap-1 overflow-hidden text-sm", a ? "text-muted-foreground" : "text-foreground"),
+				ref: f,
+				children: s && !n.length ? /* @__PURE__ */ p("span", {
+					className: "text-muted-foreground",
+					children: o
+				}) : s ? /* @__PURE__ */ p(M, {
 					items: n.map((e) => e.text),
 					data: n,
-					parentRef: y,
+					parentRef: f,
 					estimator: (e, t) => t + 40,
 					badgeVariant: "secondary",
-					badgeStyles: "bg-input! h-6 min-w-min gap-2",
-					children: (e, t, r) => /* @__PURE__ */ c(p, {
-						className: "bg-input! flex h-6 min-w-min gap-2 pr-1",
+					badgeStyles: "h-6 min-w-min gap-2",
+					children: (e, t, r) => /* @__PURE__ */ m(C, {
+						className: "flex h-6 min-w-min gap-2 pr-1",
 						variant: "secondary",
-						children: [e, /* @__PURE__ */ s(h, {
+						children: [e, /* @__PURE__ */ p(E, {
 							onClick: () => {
-								o(n.filter((e) => e.key !== r?.key));
+								i(n.filter((e) => e.key !== r?.key));
 							},
 							variant: "icon",
 							size: "icon",
-							className: "group bg-muted hover:bg-muted-foreground p-0.5",
-							children: /* @__PURE__ */ s(B, { className: "group-hover:text-muted size-3 transition duration-300 group-hover:rotate-90" })
+							className: "group size-4 rounded-sm p-0.5",
+							children: /* @__PURE__ */ p(Se, { className: "size-3 transition duration-300 group-hover:rotate-90" })
 						})]
 					}, `collapsed_item_${r?.key ?? t}`)
-				}) : n.text ?? d
-			}), /* @__PURE__ */ s(R, { className: u("bg-input size-4 rounded-full p-0.5 transition duration-300 ease-in-out", b ? "rotate-180" : "rotate-0", l ? "text-muted-foreground" : "text-foreground") })]
+				}) : n.text ?? o
+			}), /* @__PURE__ */ p("svg", {
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": !0,
+				className: _("text-muted-foreground size-4 shrink-0 transition-transform duration-300", h && "rotate-180"),
+				children: /* @__PURE__ */ p("path", { d: "m4 6 4 4 4-4" })
+			})]
 		})
 	});
 }
-function H(e) {
-	let { items: t, multiple: n, selected: o, onChange: l, mutable: d, onAdd: f } = e, [p, m] = a(""), h = i(null), g = r(() => t.reduce((e, t) => ((!p.length || t.text.toLowerCase().includes(p.toLowerCase())) && e.push(t), e), []), [t, p]), _ = L({
-		count: g.length,
-		getScrollElement: () => h.current,
+function we(e) {
+	let { items: t, multiple: n, selected: r, onChange: i, mutable: a, onAdd: o } = e, [s, c] = d(""), f = u(null), h = l(() => t.reduce((e, t) => ((!s.length || t.text.toLowerCase().includes(s.toLowerCase())) && e.push(t), e), []), [t, s]), g = xe({
+		count: h.length,
+		getScrollElement: () => f.current,
 		estimateSize: () => 35
-	}), v = o instanceof Array ? o.map((e) => e.key) : [o.key];
-	return /* @__PURE__ */ c("div", {
-		className: "divide-border border-input bg-background flex w-full flex-col divide-y overflow-hidden rounded border",
-		children: [/* @__PURE__ */ c("div", {
-			className: u("flex grow items-center rounded px-3 py-2"),
-			children: [/* @__PURE__ */ s(z, { className: "text-muted-foreground mr-2 size-4" }), /* @__PURE__ */ s("input", {
+	}), v = r instanceof Array ? r.map((e) => e.key) : [r.key];
+	return /* @__PURE__ */ m("div", {
+		className: "divide-tint/10 flex w-full flex-col divide-y overflow-hidden rounded-xl",
+		children: [/* @__PURE__ */ m("div", {
+			className: _("flex grow items-center rounded px-3 py-2"),
+			children: [/* @__PURE__ */ p(G, { className: "text-muted-foreground mr-2 size-4" }), /* @__PURE__ */ p("input", {
 				className: "text-foreground inline-flex grow bg-transparent text-sm outline-hidden",
 				placeholder: "Search",
-				value: p,
-				onChange: (e) => m(e.target.value)
+				value: s,
+				onChange: (e) => c(e.target.value)
 			})]
-		}), /* @__PURE__ */ c("ul", {
+		}), /* @__PURE__ */ m("ul", {
 			role: "listbox",
-			className: u("max-h-60 grow overflow-auto shadow-sm", "focus:ring-0 focus:outline-hidden"),
-			ref: h,
-			children: [/* @__PURE__ */ s("div", {
+			className: _("max-h-72 grow overflow-y-auto py-1", "focus:ring-0 focus:outline-hidden"),
+			ref: f,
+			children: [/* @__PURE__ */ p("div", {
 				style: {
-					height: `${_.getTotalSize()}px`,
+					height: `${g.getTotalSize()}px`,
 					width: "100%",
 					position: "relative"
 				},
-				children: _.getVirtualItems().map((e) => /* @__PURE__ */ s("li", {
+				children: g.getVirtualItems().map((e) => /* @__PURE__ */ m("li", {
 					role: "option",
-					"aria-selected": v.includes(g[e.index].key),
+					"aria-selected": v.includes(h[e.index].key),
 					style: {
 						height: `${e.size}px`,
 						transform: `translateY(${e.start}px)`
 					},
-					className: u("text-foreground absolute top-0 left-0 w-full cursor-pointer px-3 py-2 text-sm transition", v.includes(g[e.index].key) ? "bg-primary/90 text-primary-foreground dark:text-foreground" : "hover:bg-primary/60 hover:text-primary-foreground dark:hover:text-foreground"),
+					className: _("hover:bg-muted absolute top-0 left-0 grid w-full cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none"),
 					onClick: () => {
-						n ? v.includes(g[e.index].key) ? l(structuredClone(o.filter((t) => t.key !== g[e.index].key))) : l(structuredClone([...o, g[e.index]])) : l(g[e.index]);
+						n ? v.includes(h[e.index].key) ? i(structuredClone(r.filter((t) => t.key !== h[e.index].key))) : i(structuredClone([...r, h[e.index]])) : i(h[e.index]);
 					},
-					children: g[e.index].text
+					children: [/* @__PURE__ */ p("span", {
+						className: "text-primary col-start-1",
+						"aria-hidden": !0,
+						children: v.includes(h[e.index].key) && "✓"
+					}), /* @__PURE__ */ p("span", {
+						className: "col-start-2 truncate",
+						children: h[e.index].text
+					})]
 				}, e.key))
-			}), p.length > 0 && g.length === 0 && (d ? /* @__PURE__ */ c("li", {
+			}), s.length > 0 && h.length === 0 && (a ? /* @__PURE__ */ m("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: u("text-foreground cursor-pointer px-3 py-2 text-sm"),
+				className: _("hover:bg-muted cursor-pointer px-3 py-2 text-sm select-none"),
 				onClick: () => {
-					f({
-						text: p,
-						key: p
-					}), m("");
+					o({
+						text: s,
+						key: s
+					}), c("");
 				},
-				children: ["Add ", p]
-			}) : /* @__PURE__ */ s("li", {
+				children: ["Add ", s]
+			}) : /* @__PURE__ */ p("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: u("text-foreground cursor-not-allowed px-3 py-2 text-sm"),
+				className: _("text-muted-foreground cursor-not-allowed px-3 py-2 text-sm"),
 				children: "No results found"
 			}))]
 		})]
@@ -865,8 +1409,26 @@ function H(e) {
 }
 //#endregion
 //#region packages/icons/chevron-down.tsx
-function U(e) {
-	return /* @__PURE__ */ s("svg", {
+function Te(e) {
+	return /* @__PURE__ */ p("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__ */ p("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "m19.5 8.25-7.5 7.5-7.5-7.5"
+		})
+	});
+}
+//#endregion
+//#region packages/icons/chevron-up.tsx
+function Ee(e) {
+	return /* @__PURE__ */ p("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -874,7 +1436,7 @@ function U(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ s("path", {
+		children: /* @__PURE__ */ p("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m4.5 15.75 7.5-7.5 7.5 7.5"
@@ -883,46 +1445,477 @@ function U(e) {
 }
 //#endregion
 //#region packages/input/index.tsx
-function W(e) {
+function De(e) {
 	let { className: t, ...n } = e;
-	return /* @__PURE__ */ s("input", {
-		className: u("border-input bg-background text-foreground h-10 w-full rounded border-2 px-3 py-2 text-sm transition", "placeholder:text-muted-foreground", "focus-visible:border-primary focus-visible:ring-ring/30 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:outline-hidden", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed", "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__ */ p("input", {
+		className: _(O, "w-full", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", t),
 		...n
 	});
 }
 //#endregion
+//#region packages/nav-pills/index.tsx
+var K = n(null);
+function Oe({ className: e, children: t, ...n }) {
+	let r = u(null), [i, a] = d(null);
+	return c(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.querySelector("[aria-current=\"page\"]");
+			a(t ? {
+				x: t.offsetLeft,
+				w: t.offsetWidth
+			} : null);
+		};
+		t();
+		let n = new MutationObserver(t);
+		n.observe(e, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["aria-current"]
+		});
+		let i = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
+		return i?.observe(e), () => {
+			n.disconnect(), i?.disconnect();
+		};
+	}, []), /* @__PURE__ */ p("nav", {
+		className: _("zen__nav-pills", e),
+		...n,
+		children: /* @__PURE__ */ p("div", {
+			ref: r,
+			className: k,
+			children: /* @__PURE__ */ p(K.Provider, {
+				value: i,
+				children: t
+			})
+		})
+	});
+}
+function ke({ className: e }) {
+	let t = a(K);
+	return t ? /* @__PURE__ */ p("span", {
+		"aria-hidden": !0,
+		className: _(ae, e),
+		style: {
+			translate: `${t.x}px 0`,
+			width: t.w
+		}
+	}) : null;
+}
+var q = _(A, "text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-[current=page]:hover:text-foreground");
+function Ae({ active: e, asChild: n, className: i, children: a, ...o }) {
+	let s = e ? "page" : void 0;
+	if (n && r(a)) {
+		let e = a;
+		return t(e, {
+			...o,
+			...s && { "aria-current": s },
+			className: _(q, e.props.className, i)
+		});
+	}
+	return /* @__PURE__ */ p("a", {
+		"aria-current": s,
+		className: _(q, i),
+		...o,
+		children: a
+	});
+}
+//#endregion
+//#region packages/progress-ring/index.tsx
+function je({ value: e, size: t = 84, stroke: n = 7, label: r, children: i, className: a }) {
+	let o = (t - n) / 2, s = 2 * Math.PI * o, c = Math.min(Math.max(e, 0), 1);
+	return /* @__PURE__ */ m("div", {
+		role: "progressbar",
+		"aria-label": r,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": Math.round(c * 100),
+		className: _("zen__progress-ring relative grid shrink-0 place-items-center", a),
+		style: {
+			width: t,
+			height: t
+		},
+		children: [/* @__PURE__ */ m("svg", {
+			width: t,
+			height: t,
+			viewBox: `0 0 ${t} ${t}`,
+			className: "-rotate-90",
+			"aria-hidden": !0,
+			children: [/* @__PURE__ */ p("circle", {
+				cx: t / 2,
+				cy: t / 2,
+				r: o,
+				fill: "none",
+				strokeWidth: n,
+				className: "stroke-tint/[0.07]"
+			}), /* @__PURE__ */ p("circle", {
+				cx: t / 2,
+				cy: t / 2,
+				r: o,
+				fill: "none",
+				strokeWidth: n,
+				strokeLinecap: "round",
+				strokeDasharray: s,
+				strokeDashoffset: s * (1 - c),
+				className: "stroke-primary [filter:drop-shadow(0_0_6px_oklch(var(--glow)/0.45))] transition-[stroke-dashoffset] duration-700 ease-out"
+			})]
+		}), /* @__PURE__ */ p("div", {
+			className: "absolute inset-0 grid place-items-center text-center",
+			children: i
+		})]
+	});
+}
+//#endregion
+//#region packages/segmented/index.tsx
+function Me({ label: e, value: t, options: n, onChange: r, name: i, className: a }) {
+	let o = s();
+	return /* @__PURE__ */ m("div", {
+		className: _("zen__segmented flex flex-col gap-2", a),
+		children: [/* @__PURE__ */ p("span", {
+			id: o,
+			className: "text-sm font-medium",
+			children: e
+		}), /* @__PURE__ */ p("div", {
+			role: "radiogroup",
+			"aria-labelledby": o,
+			className: "border-tint/10 bg-tint/[0.03] inline-flex w-fit flex-wrap gap-1 rounded-xl border p-1",
+			children: n.map((e) => /* @__PURE__ */ m("label", {
+				className: _("text-muted-foreground cursor-pointer rounded-lg px-3 py-1.5 text-sm transition-[background-color,color,box-shadow] duration-200", "hover:text-foreground has-focus-visible:ring-ring/50 has-focus-visible:ring-2", "has-checked:bg-primary/15 has-checked:text-foreground has-checked:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.4)]"),
+				children: [/* @__PURE__ */ p("input", {
+					type: "radio",
+					className: "sr-only",
+					name: i ?? o,
+					value: e.value,
+					checked: t === e.value,
+					onChange: () => r(e.value)
+				}), e.label]
+			}, e.value))
+		})]
+	});
+}
+//#endregion
+//#region packages/skeleton/index.tsx
+function Ne({ className: e }) {
+	return /* @__PURE__ */ p("span", {
+		"aria-hidden": !0,
+		className: _("zen__skeleton block rounded-md", e)
+	});
+}
+//#endregion
+//#region packages/tabs/index.tsx
+var J = n(null);
+function Y(e) {
+	let t = a(J);
+	if (!t) throw Error(`<${e}> must be inside <Tabs>`);
+	return t;
+}
+function Pe({ value: e, defaultValue: t = "", onValueChange: n, className: r, ...i }) {
+	let [a, o] = d(t), c = e ?? a, l = s();
+	return /* @__PURE__ */ p(J.Provider, {
+		value: {
+			value: c,
+			select: (t) => {
+				e === void 0 && o(t), n?.(t);
+			},
+			idFor: (e, t) => `${l}-${e}-${t.replace(/\s+/g, "-")}`
+		},
+		children: /* @__PURE__ */ p("div", {
+			className: _("zen__tabs flex flex-col gap-4", r),
+			...i
+		})
+	});
+}
+var X = n("underline");
+function Fe({ variant: e = "underline", className: t, children: n, ...r }) {
+	let { value: i } = Y("TabList"), a = e === "pills", o = u(null), [s, l] = d({
+		left: 0,
+		width: 0
+	});
+	return c(() => {
+		let e = o.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.querySelector("[role=\"tab\"][aria-selected=\"true\"]");
+			l(t ? {
+				left: t.offsetLeft,
+				width: t.offsetWidth
+			} : {
+				left: 0,
+				width: 0
+			});
+		};
+		if (t(), typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [i]), /* @__PURE__ */ m("div", {
+		ref: o,
+		role: "tablist",
+		onKeyDown: (e) => {
+			let t = Array.from(o.current?.querySelectorAll("[role=\"tab\"]:not(:disabled)") ?? []), n = t.indexOf(document.activeElement);
+			if (n === -1) return;
+			let r = {
+				ArrowRight: n + 1,
+				ArrowLeft: n - 1,
+				Home: 0,
+				End: t.length - 1
+			}[e.key];
+			if (r === void 0) return;
+			e.preventDefault();
+			let i = t[(r + t.length) % t.length];
+			i.focus(), i.click();
+		},
+		className: _(a ? k : "border-border relative flex gap-1 border-b", t),
+		...r,
+		children: [/* @__PURE__ */ p(X.Provider, {
+			value: e,
+			children: n
+		}), a ? s.width > 0 && /* @__PURE__ */ p("span", {
+			"aria-hidden": !0,
+			className: "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]",
+			style: {
+				width: s.width,
+				translate: `${s.left}px 0`
+			}
+		}) : /* @__PURE__ */ p("span", {
+			"aria-hidden": !0,
+			className: "bg-primary absolute bottom-[-1px] left-0 h-0.5 transition-[translate,width] duration-150 ease-in-out",
+			style: {
+				width: s.width,
+				translate: `${s.left}px 0`
+			}
+		})]
+	});
+}
+function Ie({ value: e, className: t, onClick: n, ...r }) {
+	let { value: i, select: o, idFor: s } = Y("Tab"), c = a(X), l = i === e;
+	return /* @__PURE__ */ p("button", {
+		type: "button",
+		role: "tab",
+		id: s("tab", e),
+		"aria-selected": l,
+		"aria-controls": s("panel", e),
+		tabIndex: l ? 0 : -1,
+		"data-active": l || void 0,
+		onClick: (t) => {
+			o(e), n?.(t);
+		},
+		className: _(c === "pills" ? A : "focus-visible:ring-ring px-3 py-2 text-sm whitespace-nowrap outline-hidden select-none focus-visible:ring-1", "text-muted-foreground hover:text-foreground data-active:text-foreground", t),
+		...r
+	});
+}
+function Z({ value: e, className: t, ...n }) {
+	let { value: r, idFor: i } = Y("TabPanel");
+	return r === e ? /* @__PURE__ */ p("div", {
+		role: "tabpanel",
+		id: i("panel", e),
+		"aria-labelledby": i("tab", e),
+		tabIndex: 0,
+		className: _("outline-hidden", t),
+		...n
+	}) : null;
+}
+//#endregion
 //#region packages/textarea/index.tsx
-function G(e) {
+function Le(e) {
 	let { className: t, ...n } = e;
-	return /* @__PURE__ */ s("textarea", {
-		className: u("border-input bg-background text-foreground h-32 w-full resize-y rounded border-2 px-3 py-2 text-sm transition", "placeholder:text-muted-foreground", "focus-visible:border-primary focus-visible:ring-ring/30 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:outline-hidden", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed", t),
+	return /* @__PURE__ */ p("textarea", {
+		className: _(O.replace("h-10", ""), "h-32 w-full resize-y py-2", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", t),
 		...n
 	});
 }
 //#endregion
+//#region packages/toast/index.tsx
+var Re = 5e3, ze = 300, Q = n(null);
+function Be({ children: e }) {
+	let [t, n] = d([]), [r, a] = d(!1), s = u(0);
+	o(() => a(!0), []);
+	let c = i((e) => {
+		n((t) => t.map((t) => t.id === e ? {
+			...t,
+			leaving: !0
+		} : t)), setTimeout(() => n((t) => t.filter((t) => t.id !== e)), ze);
+	}, []), l = i((e, { description: t, tone: r = "info", action: i, timeout: a } = {}) => {
+		let o = s.current++, c = {
+			id: o,
+			title: e,
+			description: t,
+			tone: r,
+			action: i,
+			timeout: a ?? (i ? 1e4 : Re)
+		};
+		return n((e) => [...e, c]), o;
+	}, []), f = t.slice(-3);
+	return /* @__PURE__ */ m(Q.Provider, {
+		value: l,
+		children: [e, r && h(/* @__PURE__ */ p("section", {
+			"aria-label": "Notifications",
+			className: "zen__toast-viewport fixed right-4 bottom-[calc(1rem+env(safe-area-inset-bottom))] z-50 flex w-[calc(100vw-2rem)] flex-col-reverse gap-2.5 md:bottom-5 md:w-[24rem]",
+			children: f.map((e) => /* @__PURE__ */ p(He, {
+				toast: e,
+				onDismiss: () => c(e.id)
+			}, e.id))
+		}), document.body)]
+	});
+}
+function Ve() {
+	let e = a(Q);
+	if (!e) throw Error("useToast() needs a <ToastProvider> above it");
+	return e;
+}
+var $ = {
+	success: {
+		icon: Ue,
+		ring: "border-primary/30",
+		badge: "bg-primary/15 text-primary",
+		bar: "bg-primary",
+		glow: "shadow-[0_18px_50px_-18px_oklch(var(--glow)/0.55)]"
+	},
+	error: {
+		icon: We,
+		ring: "border-destructive/40",
+		badge: "bg-destructive/15 text-destructive",
+		bar: "bg-destructive",
+		glow: "shadow-[0_18px_50px_-18px_oklch(var(--destructive)/0.55)]"
+	},
+	info: {
+		icon: Ge,
+		ring: "border-tint/10",
+		badge: "bg-tint/[0.08] text-foreground",
+		bar: "bg-muted-foreground",
+		glow: "shadow-[var(--toast-shadow)]"
+	}
+};
+function He({ toast: e, onDismiss: t }) {
+	let n = $[e.tone] ?? $.info, r = n.icon, [i, a] = d(!1), s = u(e.timeout);
+	return o(() => {
+		if (!e.timeout || i || e.leaving) return;
+		let n = Date.now(), r = setTimeout(t, s.current);
+		return () => {
+			clearTimeout(r), s.current -= Date.now() - n;
+		};
+	}, [
+		i,
+		e.timeout,
+		e.leaving,
+		t
+	]), /* @__PURE__ */ m("div", {
+		role: e.tone === "error" ? "alert" : "status",
+		"aria-atomic": "true",
+		onMouseEnter: () => a(!0),
+		onMouseLeave: () => a(!1),
+		className: _("zen__toast group glass glass-blur text-card-foreground relative flex items-start gap-3 overflow-hidden rounded-2xl border p-3.5 pr-10 select-none", "transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "starting:translate-y-3 starting:scale-[0.97] starting:opacity-0", e.leaving && "translate-x-6 opacity-0", n.ring, n.glow),
+		children: [
+			/* @__PURE__ */ p("span", {
+				className: _("mt-0.5 grid size-8 shrink-0 place-items-center rounded-full", n.badge),
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ p(r, { className: "size-4" })
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-0.5 pt-0.5",
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: "text-sm font-semibold",
+						children: e.title
+					}),
+					e.description && /* @__PURE__ */ p("div", {
+						className: "text-muted-foreground text-sm leading-5",
+						children: e.description
+					}),
+					e.action && /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => {
+							e.action?.onClick(), t();
+						},
+						className: "border-tint/10 bg-tint/[0.06] hover:bg-tint/[0.12] focus-visible:ring-ring/50 mt-2 self-start rounded-lg border px-3 py-1 text-xs font-medium outline-hidden transition-colors focus-visible:ring-2",
+						children: e.action.label
+					})
+				]
+			}),
+			/* @__PURE__ */ p("button", {
+				type: "button",
+				"aria-label": "Dismiss",
+				onClick: t,
+				className: "text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 grid size-7 place-items-center rounded-lg outline-hidden transition-colors focus-visible:ring-2",
+				children: /* @__PURE__ */ p("svg", {
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.8",
+					strokeLinecap: "round",
+					className: "size-3.5",
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ p("path", { d: "m4 4 8 8M12 4l-8 8" })
+				})
+			}),
+			e.timeout > 0 && /* @__PURE__ */ p("span", {
+				"aria-hidden": !0,
+				className: _("zen__toast-timer absolute bottom-0 left-0 h-0.5 w-full origin-left opacity-60 group-hover:[animation-play-state:paused]", n.bar),
+				style: { animationDuration: `${e.timeout}ms` }
+			})
+		]
+	});
+}
+function Ue({ className: e }) {
+	return /* @__PURE__ */ p("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: _("size-3.5", e),
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ p("path", { d: "m3.5 8.5 3 3 6-7" })
+	});
+}
+function We({ className: e }) {
+	return /* @__PURE__ */ m("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: _("size-3.5", e),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ p("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ p("path", { d: "M8 6.5v3M8 11.6v.1" })]
+	});
+}
+function Ge({ className: e }) {
+	return /* @__PURE__ */ m("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		className: _("size-3.5", e),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ p("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.3"
+		}), /* @__PURE__ */ p("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
+	});
+}
+//#endregion
 //#region packages/toggle/index.tsx
-function K(e) {
-	let { className: t, checked: r, onChange: i, defaultChecked: a, id: o, ...l } = e, d = n(), f = o ?? d;
-	return /* @__PURE__ */ c("div", {
-		role: "switch",
-		"aria-checked": r ?? a ?? !1,
-		tabIndex: 0,
-		className: u("relative inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full", "border-primary bg-secondary dark:bg-muted border", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", "transition-colors duration-300 ease-in-out", t),
-		onClick: () => i?.(!r),
-		onKeyDown: (e) => {
-			(e.key === " " || e.key === "Enter") && (e.preventDefault(), i?.(!r));
-		},
-		children: [/* @__PURE__ */ s("input", {
+function Ke(e) {
+	let { className: t, onChange: n, disabled: r, ...i } = e;
+	return /* @__PURE__ */ m("label", {
+		className: _("zen__toggle border-tint/10 bg-tint/[0.06] relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border p-0.5", "has-focus-visible:ring-glow/50 transition-[background-color,box-shadow,border-color] duration-300 has-focus-visible:ring-2", "has-checked:border-glow/60 has-checked:bg-glow/40 has-checked:shadow-[0_0_18px_-2px_oklch(var(--glow)/0.8)]", "has-disabled:cursor-not-allowed has-disabled:opacity-50", t),
+		children: [/* @__PURE__ */ p("input", {
 			type: "checkbox",
-			id: f,
-			className: "sr-only",
-			checked: r,
-			defaultChecked: a,
-			onChange: (e) => i?.(e.target.checked),
-			tabIndex: -1,
-			...l
-		}), /* @__PURE__ */ s("span", { className: u("bg-primary size-4 rounded-full transition-all duration-300 ease-in-out", r ? "translate-x-5" : "translate-x-0.5") })]
+			role: "switch",
+			className: "peer sr-only",
+			disabled: r,
+			onChange: (e) => n?.(e.target.checked),
+			...i
+		}), /* @__PURE__ */ p("span", {
+			"aria-hidden": !0,
+			className: _("size-[1.125rem] rounded-full bg-white/70 shadow-md", "transition-[translate,background-color] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "peer-checked:translate-x-5 peer-checked:bg-white")
+		})]
 	});
 }
 //#endregion
-export { p as Badge, h as Button, U as ChevronDown, R as ChevronUp, v as Collapse, V as Dropdown, W as Input, _ as Popover, z as Search, G as TextArea, K as Toggle, f as cva, u as cx };
+export { y as ActionsMenu, b as Backdrop, C as Badge, E as Button, ee as Card, Te as ChevronDown, Ee as ChevronUp, M as Collapse, P as ConfirmDialog, N as Dialog, Ce as Dropdown, De as Input, Ae as NavPill, ke as NavPillIndicator, Oe as NavPills, j as Popover, je as ProgressRing, G as Search, Me as Segmented, Ne as Skeleton, T as Spinner, te as Stat, ne as StatRow, Ie as Tab, Fe as TabList, Z as TabPanel, Pe as Tabs, Le as TextArea, Be as ToastProvider, Ke as Toggle, D as buttonVariants, S as cva, _ as cx, Ve as useToast };