@rinzai/zen 0.2.2 → 0.3.2

package/dist/zen.js

@@ -1,14 +1,128 @@
-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";
+"use client";
+import { cloneElement as e, createContext as t, isValidElement as n, useCallback as r, useContext as i, useEffect as a, useId as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as m } from "react-dom";
 //#region packages/utils/cx.ts
-var 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 h = (...e) => e.reduce((e, t) => t == null || t === !1 ? e : typeof t == "string" || typeof t == "number" ? e + " " + t : Array.isArray(t) ? e + " " + h(...t) : typeof t == "object" ? e + " " + Object.entries(t).reduce((e, [t, n]) => n == null || n === !1 ? e : typeof n == "string" || typeof n == "number" ? e + " " + t + "-" + n : typeof n == "boolean" && n ? e + " " + t : e, "") : e, ""), g = "flex w-full cursor-default items-center rounded-lg px-3 py-2 text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07]";
+function _({ label: e, actions: t, className: n }) {
+	let r = `zen__menu-${o().replace(/[^\w-]/g, "")}`, i = l(null), a = t.filter((e) => !!e);
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+		type: "button",
+		"aria-label": e,
+		"aria-haspopup": "menu",
+		popoverTarget: r,
+		className: h("text-muted-foreground grid size-9 shrink-0 place-items-center rounded-lg outline-hidden", "hover:bg-tint/[0.06] hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "[&:has(+:popover-open)]:bg-tint/[0.06]", n),
+		style: { anchorName: `--${r}` },
+		children: /* @__PURE__ */ p("svg", {
+			viewBox: "0 0 16 16",
+			fill: "currentColor",
+			className: "size-4",
+			"aria-hidden": !0,
+			children: [
+				/* @__PURE__ */ f("circle", {
+					cx: "3",
+					cy: "8",
+					r: "1.4"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "8",
+					cy: "8",
+					r: "1.4"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "13",
+					cy: "8",
+					r: "1.4"
+				})
+			]
+		})
+	}), /* @__PURE__ */ f("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: h("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", "[position-area:block-end_span-inline-start] [position-try-fallbacks:flip-block]"),
+		style: {
+			positionAnchor: `--${r}`,
+			inset: "auto",
+			margin: "6px 0"
+		},
+		children: a.map((e) => /* @__PURE__ */ f("button", {
+			type: "button",
+			role: "menuitem",
+			tabIndex: -1,
+			className: h(g, 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 v({ pattern: e, topoSrc: t }) {
+	let n = e ?? (t ? "contours" : "dots");
+	return a(() => {
+		let e = document.documentElement, t = 0, n = -9999, r = -9999, i = /* @__PURE__ */ new WeakSet(), a = !0, o = () => {
+			t = 0, e.dataset.pointer = a ? "out" : "in", a || (e.style.setProperty("--mx", `${n}px`), e.style.setProperty("--my", `${r}px`));
+			let o = Array.from(document.querySelectorAll(".glow-edge")), s = o.map((e) => e.getBoundingClientRect());
+			o.forEach((e, t) => {
+				let a = s[t];
+				n > a.left - 400 && n < a.right + 400 && r > a.top - 400 && r < a.bottom + 400 ? (e.style.setProperty("--gx", `${n - a.left}px`), e.style.setProperty("--gy", `${r - a.top}px`), i.delete(e)) : i.has(e) || (e.style.setProperty("--gx", "-9999px"), e.style.setProperty("--gy", "-9999px"), i.add(e));
+			});
+		}, 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__ */ p("div", {
+		className: "zen-backdrop",
+		"aria-hidden": !0,
+		style: t ? { "--zen-topo": `url("${t}")` } : void 0,
+		children: [
+			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--a" }),
+			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--b" }),
+			/* @__PURE__ */ f("div", { className: "zen-aurora zen-aurora--c" }),
+			n === "contours" ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", { className: "zen-topo" }), /* @__PURE__ */ f("div", { className: "zen-topo zen-topo--lit" })] }) : /* @__PURE__ */ p(d, { children: [
+				/* @__PURE__ */ f("div", { className: "zen-dots" }),
+				/* @__PURE__ */ f("div", { className: "zen-dots zen-dots--ambient" }),
+				/* @__PURE__ */ f("div", { className: "zen-dots zen-dots--lit" })
+			] }),
+			/* @__PURE__ */ f("div", { className: "zen-vignette" })
+		]
+	});
+}
+//#endregion
+//#region packages/utils/cva.ts
+var y = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, b = (e, t) => (n) => {
+	if (t?.variants == null) return h(e, n?.class, n?.className);
 	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 = y(t) || y(a);
 		return r[e][o];
 	}), o = n && Object.entries(n).reduce((e, [t, n]) => (n === void 0 || (e[t] = n), e), {}), s = t?.compoundVariants?.reduce((e, { class: t, className: n, ...r }) => Object.entries(r).every(([e, t]) => Array.isArray(t) ? t.includes({
 		...i,
@@ -21,56 +135,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 h(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 x({ variant: e, className: t, ...n }) {
+	return /* @__PURE__ */ f("span", {
 		...n,
-		className: m({
+		className: S({
 			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 S = b("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5 text-[0.65rem] font-semibold tracking-wider uppercase whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-glow/50", {
 	variants: { variant: {
-		default: "border-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 C({ className: e }) {
+	return /* @__PURE__ */ f("span", {
+		"aria-hidden": !0,
+		className: h("zen__spinner inline-block size-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent", e)
+	});
+}
+//#endregion
 //#region packages/button/index.tsx
-function h({ className: e, variant: t, size: n, ...r }) {
-	return /* @__PURE__ */ s("button", {
-		className: g({
+function w({ className: e, variant: t, size: n, loading: r = !1, disabled: i, children: a, ...o }) {
+	return /* @__PURE__ */ p("button", {
+		disabled: i || r,
+		"aria-busy": r || void 0,
+		className: T({
 			variant: t,
 			size: n,
 			className: e
 		}),
-		...r
+		...o,
+		children: [r && /* @__PURE__ */ f(C, {}), 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 T = b("zen__button inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden select-none transition-[background-color,border-color,box-shadow,color,transform] duration-200 ease-out active:scale-[0.97] focus-visible:ring-2 focus-visible:ring-glow/50 disabled:pointer-events-none disabled:opacity-50", {
 	variants: {
 		variant: {
-			default: "bg-primary 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,643 +204,252 @@ 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__ */ p("section", {
+		className: h("zen__card glass glow-edge text-card-foreground rounded-xl p-4 md:p-5", r),
+		...i,
+		children: [(e || t) && /* @__PURE__ */ p("header", {
+			className: "mb-4 flex items-center justify-between gap-4",
+			children: [e && /* @__PURE__ */ f("h4", {
+				className: "text-base tracking-tight",
+				children: e
+			}), t]
+		}), n]
+	});
+}
+function E({ label: e, value: t, hint: n, tone: r = "default", className: i }) {
+	return /* @__PURE__ */ p("div", {
+		className: h("zen__stat glass glow-edge flex flex-col gap-1 rounded-xl p-3.5 md:p-4", i),
+		children: [
+			/* @__PURE__ */ f("span", {
+				className: "text-muted-foreground truncate text-[0.68rem] tracking-[0.1em] uppercase sm:text-xs",
+				children: e
+			}),
+			/* @__PURE__ */ f("span", {
+				className: h("truncate text-lg font-semibold tracking-tight tabular-nums sm:text-xl md:text-2xl", r === "positive" && "text-primary text-glow", r === "negative" && "text-destructive"),
+				children: t
+			}),
+			n && /* @__PURE__ */ f("span", {
+				className: "text-muted-foreground text-xs",
+				children: n
+			})
+		]
+	});
+}
+function te({ children: e, className: t }) {
+	return /* @__PURE__ */ f("div", {
+		className: h("grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 [&>*]:min-w-0", "[&>*:last-child:nth-child(odd)]:col-span-2 sm:[&>*:last-child:nth-child(odd)]:col-span-1", t),
+		children: e
+	});
+}
+//#endregion
+//#region packages/code-block/index.tsx
+function ne({ code: e, language: t, highlight: n, copyable: r = !0, variant: i = "glass", className: o, ...s }) {
+	let c = e.trim(), [l, d] = u(!1);
+	return a(() => {
+		if (!l) return;
+		let e = setTimeout(() => d(!1), 1500);
+		return () => clearTimeout(e);
+	}, [l]), /* @__PURE__ */ p("div", {
+		className: h("zen__code-block group relative", i === "glass" && "glass glow-edge overflow-hidden rounded-xl", o),
+		"data-language": t,
+		...s,
+		children: [/* @__PURE__ */ f("pre", {
+			className: "text-foreground m-0! overflow-x-auto rounded-none! bg-transparent! p-5! font-mono text-[13px]! leading-6 font-normal!",
+			children: n ? /* @__PURE__ */ f("code", {
+				className: "bg-transparent! p-0! text-inherit!",
+				dangerouslySetInnerHTML: { __html: n(c, t) }
+			}) : /* @__PURE__ */ f("code", {
+				className: "bg-transparent! p-0! text-inherit!",
+				children: c
+			})
+		}), r && /* @__PURE__ */ f("button", {
+			type: "button",
+			onClick: async () => {
+				await navigator.clipboard?.writeText(c), d(!0);
+			},
+			className: h("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100", l && "text-primary opacity-100"),
+			children: l ? "Copied" : "Copy"
+		})]
+	});
+}
+//#endregion
+//#region packages/utils/styles.ts
+var D = "h-10 rounded-lg border border-tint/10 bg-tint/[0.035] px-3 text-sm text-foreground shadow-[inset_0_1px_0_hsl(0_0%_100%/0.04)] transition-[border-color,background-color,box-shadow] duration-200 placeholder:text-muted-foreground hover:border-tint/20 focus-visible:border-glow/60 focus-visible:bg-tint/[0.05] focus-visible:shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)] focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", re = h(D, "inline-flex items-center justify-between gap-2 whitespace-nowrap"), ie = "glass glass-blur rounded-xl text-foreground shadow-[var(--popup-shadow),0_0_40px_-20px_oklch(var(--glow)/0.5)] outline-hidden", O = "relative flex w-fit items-center gap-1 rounded-full border border-tint/5 bg-tint/[0.03] p-1", k = "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]", A = "relative z-10 rounded-full px-3.5 py-1.5 text-sm whitespace-nowrap outline-hidden transition-colors duration-300 select-none focus-visible:ring-2 focus-visible:ring-ring/40";
+//#endregion
 //#region packages/popover/index.tsx
-function _(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: s = "auto", trigger: c = "click", gap: d = "5px", triggerClassName: m, show: g, setShow: _, style: v, onOpen: y, onClose: b, ...x } = e, S = o().replace(/[^\w-]/g, ""), [C, w] = u(!1), T = l(null);
+	return a(() => {
+		let e = T.current;
+		if (!e) return;
+		let t = () => {
+			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]), a(() => {
+		s === "manual" && (g ? T.current?.showPopover?.() : T.current?.hidePopover?.());
+	}, [g, s]), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
+		"aria-expanded": C,
+		className: h("max-w-fit min-w-fit", m),
+		style: { anchorName: `--zen-popover-anchor-${S}` },
+		popoverTarget: `zen__popover-${S}`,
 		popoverTargetAction: "toggle",
-		onClick: f === "click" ? (e) => {
-			switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), d) {
+		onClick: c === "click" ? (e) => {
+			switch (e.stopPropagation(), e.nativeEvent.stopImmediatePropagation(), s) {
 				case "auto":
-					S.current?.togglePopover?.();
-					break;
-				case "manual":
-					h?.(!m);
+					T.current?.togglePopover?.();
 					break;
+				case "manual": _?.(!g);
 			}
 		} : 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__ */ f("div", {
+		...x,
+		ref: T,
+		role: i,
+		popover: s,
+		id: `zen__popover-${S}`,
+		className: h("zen__popover fixed z-50 w-[anchor-size(width)] min-w-max [justify-self:anchor-center] overflow-visible p-0 [position-area:block-end_center]", ie, t),
 		style: {
-			...g,
-			"--gap": p,
+			...v,
+			"--gap": d,
 			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: o, estimator: s = (e, t) => t + 30, font: l = "12px Inter", badgeVariant: m = "secondary", badgeStyles: g } = e, [_, v] = u({
+		visible: t,
 		hidden: []
-	}), b = r(() => {
+	}), y = c(() => {
 		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 = l), 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 (S.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);
+		S?.reduce((e, r, i) => (e + r + c > n - 20 ? o.push(t[i]) : a.push(t[i]), e + r), 0), v({
+			visible: a,
+			hidden: o
 		});
-	}, S = r(() => n?.map((e) => f(e, b?.measureText(e).width ?? 0)) ?? [], [n]);
-	return t(() => {
-		x();
-	}, [n]), t(() => {
-		if (!u?.current) return;
+	}, S = c(() => t?.map((e) => s(e, y?.measureText(e).width ?? 0)) ?? [], [t]);
+	return a(() => {
+		b();
+	}, [t]), a(() => {
+		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__ */ p(d, { children: [_.visible?.map((e, t) => n(e, t, o?.[t])), _.hidden?.length > 0 && /* @__PURE__ */ f(j, {
 		trigger: "click",
-		content: /* @__PURE__ */ s("div", {
+		content: /* @__PURE__ */ f("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: _.hidden.map((e, t) => n(e, _.visible.length + t, o?.[_.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__ */ f(x, {
+			className: h("cursor-pointer", g),
+			variant: m,
+			"aria-label": `Show ${_.hidden.length} more ${r}`,
+			children: /* @__PURE__ */ f("span", { children: `+${_.hidden.length} ${r}` })
 		}, "more_items_button")
 	})] });
 }
 //#endregion
-//#region node_modules/.pnpm/@tanstack+virtual-core@3.14.0/node_modules/@tanstack/virtual-core/dist/esm/utils.js
-function y(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) => {
-				for (e = String(e); e.length < t;) e = " " + e;
-				return e;
-			};
-			console.info(`%c⏱ ${i(t, 5)} /${i(e, 5)} ms`, `
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(0, Math.min(120 - 120 * r, 120))}deg 100% 31%);`, n?.key);
-		}
-		return n?.onChange && !(a && n.skipInitialOnChange) && n.onChange(i), a = !1, i;
-	}
-	return o.updateDeps = (e) => {
-		r = e;
-	}, o;
-}
-function b(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) => {
-	let r;
-	return function(...i) {
-		e.clearTimeout(r), r = e.setTimeout(() => t.apply(this, i), n);
-	};
-}, C = (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);
-	return r;
-}, E = (e, t) => {
-	let n = e.scrollElement;
-	if (!n) return;
-	let r = e.targetWindow;
-	if (!r) return;
-	let i = (e) => {
-		let { width: n, height: r } = e;
-		t({
-			width: Math.round(n),
-			height: Math.round(r)
-		});
-	};
-	if (i(C(n)), !r.ResizeObserver) return () => {};
-	let a = new r.ResizeObserver((t) => {
-		let r = () => {
-			let e = t[0];
-			if (e?.borderBoxSize) {
-				let t = e.borderBoxSize[0];
-				if (t) {
-					i({
-						width: t.inlineSize,
-						height: t.blockSize
-					});
-					return;
-				}
-			}
-			i(C(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;
-	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);
-	};
-}, A = (e, t, n) => {
-	if (t?.borderBoxSize) {
-		let e = t.borderBoxSize[0];
-		if (e) return Math.round(e[n.options.horizontal ? "inlineSize" : "blockSize"]);
-	}
-	return e[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, j = (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,
-		behavior: n
-	});
-}, M = 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 = () => {
-			var e;
-			return ((e = this.targetWindow?.performance)?.now)?.call(e) ?? Date.now();
-		}, this.observer = /* @__PURE__ */ (() => {
-			let e = null, t = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((e) => {
-				e.forEach((e) => {
-					let t = () => {
-						let t = e.target, n = this.indexFromElement(t);
-						if (!t.isConnected) {
-							this.observer.unobserve(t);
-							return;
-						}
-						this.shouldMeasureDuringScroll(n) && this.resizeItem(n, this.options.measureElement(t, e, this));
-					};
-					this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(t) : t();
-				});
-			}));
-			return {
-				disconnect: () => {
-					var n;
-					(n = t()) == null || n.disconnect(), e = null;
-				},
-				observe: (e) => t()?.observe(e, { box: "border-box" }),
-				unobserve: (e) => t()?.unobserve(e)
-			};
-		})(), this.range = null, this.setOptions = (e) => {
-			Object.entries(e).forEach(([t, n]) => {
-				n === void 0 && delete e[t];
-			}), this.options = {
-				debug: !1,
-				initialOffset: 0,
-				overscan: 1,
-				paddingStart: 0,
-				paddingEnd: 0,
-				scrollPaddingStart: 0,
-				scrollPaddingEnd: 0,
-				horizontal: !1,
-				getItemKey: w,
-				rangeExtractor: T,
-				onChange: () => {},
-				measureElement: A,
-				initialRect: {
-					width: 0,
-					height: 0
-				},
-				scrollMargin: 0,
-				gap: 0,
-				indexAttribute: "data-index",
-				initialMeasurementsCache: [],
-				lanes: 1,
-				isScrollingResetDelay: 150,
-				enabled: !0,
-				isRtl: !1,
-				useScrollendEvent: !1,
-				useAnimationFrameWithResizeObserver: !1,
-				laneAssignmentMode: "estimate",
-				...e
-			};
-		}, this.notify = (e) => {
-			var t, n;
-			(n = (t = this.options).onChange) == null || n.call(t, this, e);
-		}, this.maybeNotify = y(() => (this.calculateRange(), [
-			this.isScrolling,
-			this.range ? this.range.startIndex : null,
-			this.range ? this.range.endIndex : null
-		]), (e) => {
-			this.notify(e);
-		}, {
-			key: process.env.NODE_ENV !== "production" && "maybeNotify",
-			debug: () => this.options.debug,
-			initialDeps: [
-				this.isScrolling,
-				this.range ? this.range.startIndex : null,
-				this.range ? this.range.endIndex : null
-			]
-		}), this.cleanup = () => {
-			this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
-		}, this._didMount = () => () => {
-			this.cleanup();
-		}, this._willUpdate = () => {
-			let e = this.options.enabled ? this.options.getScrollElement() : null;
-			if (this.scrollElement !== e) {
-				if (this.cleanup(), !e) {
-					this.maybeNotify();
-					return;
-				}
-				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) => {
-					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(), {
-					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;
-			}
-			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.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 = [], {
-			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(), [];
-			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.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 p = s.get(e), m = typeof p == "number" ? p : this.options.estimateSize(i), h = d + m;
-				l[i] = {
-					index: i,
-					start: d,
-					size: m,
-					end: h,
-					key: e,
-					lane: c
-				}, u[c] = i;
-			}
-			return this.measurementsCache = l, l;
-		}, {
-			key: process.env.NODE_ENV !== "production" && "getMeasurements",
-			debug: () => this.options.debug
-		}), this.calculateRange = y(() => [
-			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, {
-			key: process.env.NODE_ENV !== "production" && "calculateRange",
-			debug: () => this.options.debug
-		}), this.getVirtualIndexes = y(() => {
-			let e = null, t = null, n = this.calculateRange();
-			return n && (e = n.startIndex, t = n.endIndex), this.maybeNotify.updateDeps([
-				this.isScrolling,
-				e,
-				t
-			]), [
-				this.options.rangeExtractor,
-				this.options.overscan,
-				this.options.count,
-				e,
-				t
-			];
-		}, (e, t, n, r, i) => r === null || i === null ? [] : e({
-			startIndex: r,
-			endIndex: i,
-			overscan: t,
-			count: n
-		}), {
-			key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
-			debug: () => this.options.debug
-		}), this.indexFromElement = (e) => {
-			let t = this.options.indexAttribute, n = e.getAttribute(t);
-			return n ? parseInt(n, 10) : (console.warn(`Missing attribute name '${t}={index}' on measured element.`), -1);
-		}, this.shouldMeasureDuringScroll = (e) => {
-			if (!this.scrollState || this.scrollState.behavior !== "smooth") return !0;
-			let t = this.scrollState.index ?? this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)?.index;
-			if (t !== void 0 && this.range) {
-				let n = Math.max(this.options.overscan, Math.ceil((this.range.endIndex - this.range.startIndex) / 2)), r = Math.max(0, t - n), i = Math.min(this.options.count - 1, t + n);
-				return e >= r && e <= i;
-			}
-			return !0;
-		}, this.measureElement = (e) => {
-			if (!e) {
-				this.elementsCache.forEach((e, t) => {
-					e.isConnected || (this.observer.unobserve(e), this.elementsCache.delete(t));
-				});
-				return;
-			}
-			let t = this.indexFromElement(e), 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) => {
-			let n = [];
-			for (let r = 0, i = e.length; r < i; r++) {
-				let i = t[e[r]];
-				n.push(i);
-			}
-			return n;
-		}, {
-			key: process.env.NODE_ENV !== "production" && "getVirtualItems",
-			debug: () => this.options.debug
-		}), this.getVirtualItemForOffset = (e) => {
-			let t = this.getMeasurements();
-			if (t.length !== 0) return b(t[N(0, t.length - 1, (e) => b(t[e]).start, e)]);
-		}, this.getMaxScrollOffset = () => {
-			if (!this.scrollElement) return 0;
-			if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
-			{
-				let e = this.scrollElement.document.documentElement;
-				return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
-			}
-		}, this.getOffsetForAlignment = (e, t, n = 0) => {
-			if (!this.scrollElement) return 0;
-			let r = this.getSize(), i = this.getScrollOffset();
-			t === "auto" && (t = e >= i + r ? "end" : "start"), t === "center" ? e += (n - r) / 2 : t === "end" && (e -= r);
-			let a = this.getMaxScrollOffset();
-			return Math.max(Math.min(a, e), 0);
-		}, this.getOffsetForIndex = (e, t = "auto") => {
-			e = Math.max(0, Math.min(e, this.options.count - 1));
-			let n = this.getSize(), r = this.getScrollOffset(), i = this.measurementsCache[e];
-			if (!i) return;
-			if (t === "auto") if (i.end >= r + n - this.options.scrollPaddingEnd) t = "end";
-			else if (i.start <= r + this.options.scrollPaddingStart) t = "start";
-			else return [r, t];
-			if (t === "end" && e === this.options.count - 1) return [this.getMaxScrollOffset(), t];
-			let a = t === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
-			return [this.getOffsetForAlignment(a, t, i.size), t];
-		}, this.scrollToOffset = (e, { align: t = "start", behavior: n = "auto" } = {}) => {
-			let r = this.getOffsetForAlignment(e, t), i = this.now();
-			this.scrollState = {
-				index: null,
-				align: t,
-				behavior: n,
-				startedAt: i,
-				lastTargetOffset: r,
-				stableFrames: 0
-			}, this._scrollToOffset(r, {
-				adjustments: void 0,
-				behavior: n
-			}), this.scheduleScrollReconcile();
-		}, this.scrollToIndex = (e, { align: t = "auto", behavior: n = "auto" } = {}) => {
-			e = Math.max(0, Math.min(e, this.options.count - 1));
-			let r = this.getOffsetForIndex(e, t);
-			if (!r) return;
-			let [i, a] = r, o = this.now();
-			this.scrollState = {
-				index: e,
-				align: a,
-				behavior: n,
-				startedAt: o,
-				lastTargetOffset: i,
-				stableFrames: 0
-			}, this._scrollToOffset(i, {
-				adjustments: void 0,
-				behavior: n
-			}), this.scheduleScrollReconcile();
-		}, this.scrollBy = (e, { behavior: t = "auto" } = {}) => {
-			let n = this.getScrollOffset() + e, r = this.now();
-			this.scrollState = {
-				index: null,
-				align: "start",
-				behavior: t,
-				startedAt: r,
-				lastTargetOffset: n,
-				stableFrames: 0
-			}, this._scrollToOffset(n, {
-				adjustments: void 0,
-				behavior: t
-			}), this.scheduleScrollReconcile();
-		}, this.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 {
-				let n = Array(this.options.lanes).fill(null), r = e.length - 1;
-				for (; r >= 0 && n.some((e) => e === null);) {
-					let t = e[r];
-					n[t.lane] === null && (n[t.lane] = t.end), r--;
-				}
-				t = Math.max(...n.filter((e) => e !== null));
-			}
-			return Math.max(t - this.options.scrollMargin + this.options.paddingEnd, 0);
-		}, this._scrollToOffset = (e, { adjustments: t, behavior: n }) => {
-			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.setOptions(e);
-	}
-	scheduleScrollReconcile() {
-		if (!this.targetWindow) {
-			this.scrollState = null;
-			return;
-		}
-		this.rafId ??= this.targetWindow.requestAnimationFrame(() => {
-			this.rafId = null, this.reconcileScroll();
-		});
-	}
-	reconcileScroll() {
-		if (!this.scrollState || !this.scrollElement) return;
-		if (this.now() - this.scrollState.startedAt > 5e3) {
-			this.scrollState = null;
-			return;
-		}
-		let e = this.scrollState.index == null ? void 0 : this.getOffsetForIndex(this.scrollState.index, this.scrollState.align), t = e ? e[0] : this.scrollState.lastTargetOffset, n = t !== this.scrollState.lastTargetOffset;
-		if (!n && x(t, this.getScrollOffset())) {
-			if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= 1) {
-				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"
-		}));
-		this.scheduleScrollReconcile();
-	}
-}, N = (e, t, n, r) => {
-	for (; e <= t;) {
-		let i = (e + t) / 2 | 0, a = n(i);
-		if (a < r) e = i + 1;
-		else if (a > r) t = i - 1;
-		else return i;
-	}
-	return e > 0 ? e - 1 : 0;
-};
-function P({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
-	let i = e.length - 1, a = (t) => e[t].start;
-	if (e.length <= r) return {
-		startIndex: 0,
-		endIndex: i
-	};
-	let o = N(0, i, a, n), s = o;
-	if (r === 1) for (; s < i && 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 t = e[s];
-			a[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));
-	}
-	return {
-		startIndex: o,
-		endIndex: s
-	};
-}
-//#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);
-		}
-	}, [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
+//#region packages/dialog/index.tsx
+function N({ open: e, onOpenChange: t, title: n, description: r, children: i, dismissible: s = !0, initialFocus: c, size: u = "md", className: d, role: m }) {
+	let g = l(null), _ = o(), v = o();
+	return a(() => {
+		let t = g.current;
+		t && (e && !t.open ? (t.showModal(), c?.current?.focus()) : !e && t.open && t.close());
+	}, [e, c]), /* @__PURE__ */ f("dialog", {
+		ref: g,
+		role: m,
+		"aria-labelledby": _,
+		"aria-describedby": r ? v : void 0,
+		className: h("zen__dialog glass glass-blur glow-edge text-card-foreground", "bg-card/90! m-auto max-h-[calc(100dvh-2rem)] max-w-[calc(100vw-2rem)] overflow-visible rounded-xl p-0", u === "lg" ? "w-[60rem]" : "w-[28rem]", "backdrop:bg-black/50 backdrop:backdrop-blur-sm pointer-coarse:backdrop:backdrop-blur-none", d),
+		onCancel: (e) => {
+			e.preventDefault(), s && t?.(!1);
+		},
+		onClick: (e) => {
+			e.target === e.currentTarget && s && t?.(!1);
+		},
+		children: /* @__PURE__ */ p("div", {
+			className: "flex max-h-[calc(100dvh-2rem)] flex-col gap-4 overflow-x-hidden overflow-y-auto p-6",
+			children: [/* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ f("h2", {
+					id: _,
+					className: "text-lg font-semibold",
+					children: n
+				}), r && /* @__PURE__ */ f("p", {
+					id: v,
+					className: "text-muted-foreground mt-0! text-sm leading-5",
+					children: r
+				})]
+			}), i]
+		})
 	});
 }
 //#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"
+//#region packages/confirm-dialog/index.tsx
+function ae({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i, cancelLabel: a = "Cancel", destructive: o = !1, onConfirm: s }) {
+	return /* @__PURE__ */ f(N, {
+		role: "alertdialog",
+		open: e,
+		onOpenChange: t,
+		title: n,
+		description: r,
+		className: "w-[26rem]",
+		children: /* @__PURE__ */ p("div", {
+			className: "flex justify-end gap-2",
+			children: [/* @__PURE__ */ f(w, {
+				variant: "outline",
+				autoFocus: !0,
+				onClick: () => t(!1),
+				children: a
+			}), /* @__PURE__ */ f(w, {
+				variant: o ? "destructive" : "default",
+				onClick: () => {
+					s(), t(!1);
+				},
+				children: i
+			})]
 		})
 	});
 }
 //#endregion
 //#region packages/icons/search.tsx
-function z(e) {
-	return /* @__PURE__ */ s("svg", {
+function P(e) {
+	return /* @__PURE__ */ f("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -723,7 +457,7 @@ function z(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ s("path", {
+		children: /* @__PURE__ */ f("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
@@ -732,8 +466,8 @@ function z(e) {
 }
 //#endregion
 //#region packages/icons/x-mark.tsx
-function B(e) {
-	return /* @__PURE__ */ s("svg", {
+function oe(e) {
+	return /* @__PURE__ */ f("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -741,7 +475,7 @@ function B(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ s("path", {
+		children: /* @__PURE__ */ f("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M6 18 18 6M6 6l12 12"
@@ -749,124 +483,192 @@ function B(e) {
 	});
 }
 //#endregion
+//#region packages/utils/useVirtualList.ts
+function se({ count: e, itemHeight: t, scrollRef: n, overscan: r = 6 }) {
+	let [i, a] = u({
+		scrollTop: 0,
+		height: 0
+	});
+	s(() => {
+		let e = n.current;
+		if (!e) return;
+		let t = () => a({
+			scrollTop: e.scrollTop,
+			height: e.clientHeight
+		});
+		t(), e.addEventListener("scroll", t, { passive: !0 });
+		let r = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
+		return r?.observe(e), () => {
+			e.removeEventListener("scroll", t), r?.disconnect();
+		};
+	}, [n, e]);
+	let o = i.height || t * 10, c = Math.max(0, Math.floor(i.scrollTop / t) - r), l = Math.min(e, Math.ceil((i.scrollTop + o) / t) + r), d = [];
+	for (let e = c; e < l; e++) d.push({
+		index: e,
+		start: e * t,
+		size: t
+	});
+	return {
+		items: d,
+		totalSize: e * t
+	};
+}
+//#endregion
 //#region packages/dropdown/index.tsx
-function 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 F(e) {
+	let { items: t, selected: n, className: r, onChange: i, disabled: a, placeholder: o = "Select an Item", multiple: s, mutable: c, onAdd: d } = e, m = l(null), [g, _] = u(!1), v = !!r && /(^|\s)(w-|min-w-|max-w-)/.test(r), y = !!r && /(^|\s)w-full(\s|$)/.test(r);
+	return /* @__PURE__ */ f(j, {
+		triggerClassName: y ? "w-full max-w-none" : void 0,
+		content: /* @__PURE__ */ f(I, {
+			...c ? {
+				mutable: c,
+				onAdd: d
+			} : { 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: () => _(!0),
+		onClose: () => _(!1),
+		children: /* @__PURE__ */ p("div", {
 			role: "combobox",
-			"aria-expanded": b,
+			"aria-expanded": g,
 			"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: h(re, !v && "w-56", "grow", a ? "cursor-not-allowed opacity-50" : "cursor-pointer", g && "border-glow/60 shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", r),
+			children: [/* @__PURE__ */ f("div", {
+				className: h("flex min-w-0 flex-1 items-center gap-1 overflow-hidden text-sm", a ? "text-muted-foreground" : "text-foreground"),
+				ref: m,
+				children: s && !n.length ? /* @__PURE__ */ f("span", {
+					className: "text-muted-foreground",
+					children: o
+				}) : s ? /* @__PURE__ */ f(M, {
 					items: n.map((e) => e.text),
 					data: n,
-					parentRef: y,
+					parentRef: m,
 					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__ */ p(x, {
+						className: "flex h-6 min-w-min gap-2 pr-1",
 						variant: "secondary",
-						children: [e, /* @__PURE__ */ s(h, {
+						children: [e, /* @__PURE__ */ f(w, {
 							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__ */ f(oe, { 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__ */ f("svg", {
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": !0,
+				className: h("text-muted-foreground size-4 shrink-0 transition-transform duration-300", g && "rotate-180"),
+				children: /* @__PURE__ */ f("path", { d: "m4 6 4 4 4-4" })
+			})]
 		})
 	});
 }
-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,
-		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", {
+function I(e) {
+	let { items: t, multiple: n, selected: r, onChange: i, mutable: o, onAdd: s } = e, [d, m] = u(""), g = l(null), _ = c(() => t.reduce((e, t) => ((!d.length || t.text.toLowerCase().includes(d.toLowerCase())) && e.push(t), e), []), [t, d]), v = se({
+		count: _.length,
+		itemHeight: 35,
+		scrollRef: g
+	});
+	a(() => {
+		g.current && (g.current.scrollTop = 0);
+	}, [d]);
+	let y = r instanceof Array ? r.map((e) => e.key) : [r.key];
+	return /* @__PURE__ */ p("div", {
+		className: "divide-tint/10 flex w-full flex-col divide-y overflow-hidden rounded-xl",
+		children: [/* @__PURE__ */ p("div", {
+			className: h("flex grow items-center rounded px-3 py-2"),
+			children: [/* @__PURE__ */ f(P, { className: "text-muted-foreground mr-2 size-4" }), /* @__PURE__ */ f("input", {
 				className: "text-foreground inline-flex grow bg-transparent text-sm outline-hidden",
 				placeholder: "Search",
-				value: p,
+				value: d,
 				onChange: (e) => m(e.target.value)
 			})]
-		}), /* @__PURE__ */ c("ul", {
+		}), /* @__PURE__ */ p("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: h("max-h-72 grow overflow-y-auto py-1", "focus:ring-0 focus:outline-hidden"),
+			ref: g,
+			children: [/* @__PURE__ */ f("div", {
 				style: {
-					height: `${_.getTotalSize()}px`,
+					height: `${v.totalSize}px`,
 					width: "100%",
 					position: "relative"
 				},
-				children: _.getVirtualItems().map((e) => /* @__PURE__ */ s("li", {
+				children: v.items.map((e) => /* @__PURE__ */ p("li", {
 					role: "option",
-					"aria-selected": v.includes(g[e.index].key),
+					"aria-selected": y.includes(_[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: h("hover:bg-muted absolute top-0 left-0 grid w-full cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 px-3 py-2 text-sm outline-hidden select-none"),
 					onClick: () => {
-						n ? v.includes(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 ? y.includes(_[e.index].key) ? i(structuredClone(r.filter((t) => t.key !== _[e.index].key))) : i(structuredClone([...r, _[e.index]])) : i(_[e.index]);
 					},
-					children: g[e.index].text
-				}, e.key))
-			}), p.length > 0 && g.length === 0 && (d ? /* @__PURE__ */ c("li", {
+					children: [/* @__PURE__ */ f("span", {
+						className: "text-primary col-start-1",
+						"aria-hidden": !0,
+						children: y.includes(_[e.index].key) && "✓"
+					}), /* @__PURE__ */ f("span", {
+						className: "col-start-2 truncate",
+						children: _[e.index].text
+					})]
+				}, e.index))
+			}), d.length > 0 && _.length === 0 && (o ? /* @__PURE__ */ p("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: u("text-foreground cursor-pointer px-3 py-2 text-sm"),
+				className: h("hover:bg-muted cursor-pointer px-3 py-2 text-sm select-none"),
 				onClick: () => {
-					f({
-						text: p,
-						key: p
+					s({
+						text: d,
+						key: d
 					}), m("");
 				},
-				children: ["Add ", p]
-			}) : /* @__PURE__ */ s("li", {
+				children: ["Add ", d]
+			}) : /* @__PURE__ */ f("li", {
 				role: "option",
 				"aria-selected": !1,
-				className: u("text-foreground cursor-not-allowed px-3 py-2 text-sm"),
+				className: h("text-muted-foreground cursor-not-allowed px-3 py-2 text-sm"),
 				children: "No results found"
 			}))]
 		})]
 	});
 }
 //#endregion
+//#region packages/header/index.tsx
+function L({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ f("header", {
+		className: h("zen__header border-tint/5 bg-background/60 sticky top-0 z-40 border-b pt-[env(safe-area-inset-top)] backdrop-blur-xl", "pointer-coarse:bg-background/95 pointer-coarse:backdrop-blur-none", e),
+		...n,
+		children: /* @__PURE__ */ f("div", {
+			className: "flex items-center justify-between gap-4 px-4 py-2.5 md:gap-6 md:px-6 md:py-3",
+			children: t
+		})
+	});
+}
+//#endregion
 //#region packages/icons/chevron-down.tsx
-function U(e) {
-	return /* @__PURE__ */ s("svg", {
+function R(e) {
+	return /* @__PURE__ */ f("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -874,7 +676,25 @@ function U(e) {
 		stroke: "currentColor",
 		className: "h-6 w-6",
 		...e,
-		children: /* @__PURE__ */ s("path", {
+		children: /* @__PURE__ */ f("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 z(e) {
+	return /* @__PURE__ */ f("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__ */ f("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "m4.5 15.75 7.5-7.5 7.5 7.5"
@@ -883,46 +703,649 @@ function U(e) {
 }
 //#endregion
 //#region packages/input/index.tsx
-function W(e) {
+function B(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__ */ f("input", {
+		className: h(D, "w-full", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium", "[[type=\"checkbox\"]]:accent-primary [[type=\"checkbox\"]]:h-4 [[type=\"checkbox\"]]:w-4 [[type=\"checkbox\"]]:rounded-sm", "[[type=\"radio\"]]:accent-primary [[type=\"radio\"]]:h-4 [[type=\"radio\"]]:w-4", t),
 		...n
 	});
 }
 //#endregion
+//#region packages/utils/slot.tsx
+function V({ children: t, className: r, ...i }) {
+	if (!n(t)) return null;
+	let a = t;
+	return e(a, {
+		...i,
+		className: h(r, a.props.className)
+	});
+}
+//#endregion
+//#region packages/nav-pills/index.tsx
+var H = t(null);
+function U({ className: e, children: t, ...n }) {
+	let r = l(null), [i, a] = u(null);
+	return s(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			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__ */ f("nav", {
+		className: h("zen__nav-pills", e),
+		...n,
+		children: /* @__PURE__ */ f("div", {
+			ref: r,
+			className: O,
+			children: /* @__PURE__ */ f(H.Provider, {
+				value: i,
+				children: t
+			})
+		})
+	});
+}
+function W({ className: e }) {
+	let t = i(H);
+	return t ? /* @__PURE__ */ f("span", {
+		"aria-hidden": !0,
+		className: h(k, e),
+		style: {
+			translate: `${t.x}px 0`,
+			width: t.w
+		}
+	}) : null;
+}
+var G = h(A, "text-muted-foreground hover:text-foreground aria-[current=page]:text-foreground aria-[current=page]:hover:text-foreground");
+function K({ active: e, asChild: t, className: n, children: r, ...i }) {
+	let a = {
+		...i,
+		"aria-current": e ? "page" : void 0,
+		className: h(G, n)
+	};
+	return t ? (e || delete a["aria-current"], /* @__PURE__ */ f(V, {
+		...a,
+		children: r
+	})) : /* @__PURE__ */ f("a", {
+		...a,
+		children: r
+	});
+}
+//#endregion
+//#region packages/page-header/index.tsx
+function ce({ eyebrow: e, title: t, lead: n, children: r, className: i }) {
+	return /* @__PURE__ */ p("header", {
+		className: h("zen__page-header flex flex-col gap-3", i),
+		children: [
+			e && /* @__PURE__ */ f("p", {
+				className: "text-muted-foreground mt-0! text-xs tracking-[0.1em] uppercase",
+				children: e
+			}),
+			/* @__PURE__ */ f("h1", {
+				className: "text-aurora",
+				children: t
+			}),
+			n && /* @__PURE__ */ f("p", {
+				className: "text-muted-foreground mt-0! max-w-2xl text-lg leading-relaxed",
+				children: n
+			}),
+			r
+		]
+	});
+}
+//#endregion
+//#region packages/progress-ring/index.tsx
+function le({ value: e, size: t = 84, stroke: n = 7, label: r, children: i, className: a }) {
+	let o = (t - n) / 2, s = 2 * Math.PI * o, c = Math.min(Math.max(e, 0), 1);
+	return /* @__PURE__ */ p("div", {
+		role: "progressbar",
+		"aria-label": r,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": Math.round(c * 100),
+		className: h("zen__progress-ring relative grid shrink-0 place-items-center", a),
+		style: {
+			width: t,
+			height: t
+		},
+		children: [/* @__PURE__ */ p("svg", {
+			width: t,
+			height: t,
+			viewBox: `0 0 ${t} ${t}`,
+			className: "-rotate-90",
+			"aria-hidden": !0,
+			children: [/* @__PURE__ */ f("circle", {
+				cx: t / 2,
+				cy: t / 2,
+				r: o,
+				fill: "none",
+				strokeWidth: n,
+				className: "stroke-tint/[0.07]"
+			}), /* @__PURE__ */ f("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__ */ f("div", {
+			className: "absolute inset-0 grid place-items-center text-center",
+			children: i
+		})]
+	});
+}
+//#endregion
+//#region packages/segmented/index.tsx
+function ue({ label: e, value: t, options: n, onChange: r, name: i, className: a }) {
+	let s = o();
+	return /* @__PURE__ */ p("div", {
+		className: h("zen__segmented flex flex-col gap-2", a),
+		children: [/* @__PURE__ */ f("span", {
+			id: s,
+			className: "text-sm font-medium",
+			children: e
+		}), /* @__PURE__ */ f("div", {
+			role: "radiogroup",
+			"aria-labelledby": s,
+			className: "border-tint/10 bg-tint/[0.03] inline-flex w-fit flex-wrap gap-1 rounded-xl border p-1",
+			children: n.map((e) => /* @__PURE__ */ p("label", {
+				className: h("text-muted-foreground cursor-pointer rounded-lg px-3 py-1.5 text-sm transition-[background-color,color,box-shadow] duration-200", "hover:text-foreground has-focus-visible:ring-ring/50 has-focus-visible:ring-2", "has-checked:bg-primary/15 has-checked:text-foreground has-checked:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.4)]"),
+				children: [/* @__PURE__ */ f("input", {
+					type: "radio",
+					className: "sr-only",
+					name: i ?? s,
+					value: e.value,
+					checked: t === e.value,
+					onChange: () => r(e.value)
+				}), e.label]
+			}, e.value))
+		})]
+	});
+}
+//#endregion
+//#region packages/side-nav/index.tsx
+function de({ className: e, ...t }) {
+	return /* @__PURE__ */ f("nav", {
+		className: h("zen__side-nav flex flex-col gap-6", e),
+		...t
+	});
+}
+function fe({ title: e, children: t, className: n }) {
+	return /* @__PURE__ */ p("div", {
+		className: h("flex flex-col gap-1", n),
+		children: [e && /* @__PURE__ */ f("span", {
+			className: "text-muted-foreground px-3 pb-1 text-[0.68rem] tracking-[0.1em] uppercase",
+			children: e
+		}), t]
+	});
+}
+var pe = h("rounded-lg px-3 py-1.5 text-sm outline-hidden transition-[background-color,color,box-shadow] duration-200", "text-muted-foreground hover:bg-tint/[0.05] hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-[current=page]:bg-primary/15 aria-[current=page]:text-foreground aria-[current=page]:shadow-[inset_0_0_0_1px_oklch(var(--primary)/0.25)]");
+function me({ active: e, asChild: t, className: n, children: r, ...i }) {
+	let a = {
+		...i,
+		"aria-current": e ? "page" : void 0,
+		className: h(pe, n)
+	};
+	return t ? (e || delete a["aria-current"], /* @__PURE__ */ f(V, {
+		...a,
+		children: r
+	})) : /* @__PURE__ */ f("a", {
+		...a,
+		children: r
+	});
+}
+//#endregion
+//#region packages/skeleton/index.tsx
+function he({ className: e }) {
+	return /* @__PURE__ */ f("span", {
+		"aria-hidden": !0,
+		className: h("zen__skeleton block rounded-md", e)
+	});
+}
+//#endregion
+//#region packages/table/index.tsx
+function ge({ className: e, ...t }) {
+	return /* @__PURE__ */ f("div", {
+		className: "zen__table glass glow-edge overflow-x-auto rounded-xl",
+		children: /* @__PURE__ */ f("table", {
+			className: h("w-full text-left text-sm", e),
+			...t
+		})
+	});
+}
+function _e({ className: e, ...t }) {
+	return /* @__PURE__ */ f("thead", {
+		className: h("border-tint/[0.07] text-muted-foreground border-b text-[0.68rem] tracking-[0.1em] uppercase", e),
+		...t
+	});
+}
+function ve({ className: e, ...t }) {
+	return /* @__PURE__ */ f("tbody", {
+		className: h("divide-tint/[0.07] divide-y", e),
+		...t
+	});
+}
+function ye({ className: e, ...t }) {
+	return /* @__PURE__ */ f("tr", {
+		className: h("hover:bg-tint/[0.02] align-top transition-colors", e),
+		...t
+	});
+}
+function be({ className: e, ...t }) {
+	return /* @__PURE__ */ f("th", {
+		className: h("px-4 py-3 font-medium", e),
+		...t
+	});
+}
+function xe({ className: e, ...t }) {
+	return /* @__PURE__ */ f("td", {
+		className: h("px-4 py-3", e),
+		...t
+	});
+}
+//#endregion
+//#region packages/table-of-contents/index.tsx
+function Se({ items: e, title: t = "On this page", className: n }) {
+	let [r, i] = u();
+	return a(() => {
+		if (typeof IntersectionObserver > "u") return;
+		let t = e.map((e) => document.getElementById(e.id)).filter((e) => !!e), n = /* @__PURE__ */ new Set(), r = new IntersectionObserver((t) => {
+			for (let e of t) e.isIntersecting ? n.add(e.target.id) : n.delete(e.target.id);
+			let r = e.find((e) => n.has(e.id));
+			r && i(r.id);
+		}, { rootMargin: "0px 0px -65% 0px" });
+		return t.forEach((e) => r.observe(e)), () => r.disconnect();
+	}, [e]), e.length ? /* @__PURE__ */ p("nav", {
+		"aria-label": t,
+		className: h("zen__toc flex flex-col gap-3", n),
+		children: [/* @__PURE__ */ f("p", {
+			className: "text-muted-foreground mt-0! text-[0.68rem] tracking-[0.1em] uppercase",
+			children: t
+		}), /* @__PURE__ */ f("ul", {
+			className: "border-tint/[0.07] flex flex-col gap-2 border-l text-sm",
+			children: e.map((e) => /* @__PURE__ */ f("li", {
+				className: h("-ml-px", e.depth === 2 && "pl-3"),
+				children: /* @__PURE__ */ f("a", {
+					href: `#${e.id}`,
+					"aria-current": e.id === r ? "location" : void 0,
+					className: h("text-muted-foreground hover:text-foreground block border-l border-transparent pl-3 transition-colors", "aria-[current=location]:border-primary aria-[current=location]:text-foreground"),
+					children: e.label
+				})
+			}, e.id))
+		})]
+	}) : null;
+}
+//#endregion
+//#region packages/tabs/index.tsx
+var q = t(null);
+function J(e) {
+	let t = i(q);
+	if (!t) throw Error(`<${e}> must be inside <Tabs>`);
+	return t;
+}
+function Ce({ value: e, defaultValue: t = "", onValueChange: n, className: r, ...i }) {
+	let [a, s] = u(t), c = e ?? a, l = o();
+	return /* @__PURE__ */ f(q.Provider, {
+		value: {
+			value: c,
+			select: (t) => {
+				e === void 0 && s(t), n?.(t);
+			},
+			idFor: (e, t) => `${l}-${e}-${t.replace(/\s+/g, "-")}`
+		},
+		children: /* @__PURE__ */ f("div", {
+			className: h("zen__tabs flex flex-col gap-4", r),
+			...i
+		})
+	});
+}
+var Y = t("underline");
+function we({ variant: e = "underline", className: t, children: n, ...r }) {
+	let { value: i } = J("TabList"), a = e === "pills", o = l(null), [c, d] = u({
+		left: 0,
+		width: 0
+	});
+	return s(() => {
+		let e = o.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.querySelector("[role=\"tab\"][aria-selected=\"true\"]");
+			d(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__ */ p("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: h(a ? O : "border-border relative flex gap-1 border-b", t),
+		...r,
+		children: [/* @__PURE__ */ f(Y.Provider, {
+			value: e,
+			children: n
+		}), a ? c.width > 0 && /* @__PURE__ */ f("span", {
+			"aria-hidden": !0,
+			className: "absolute top-1 bottom-1 left-0 rounded-full bg-primary/15 shadow-[inset_0_0_0_1px_oklch(var(--glow)/0.35),0_0_24px_-4px_oklch(var(--glow)/0.6)] transition-[translate,width] duration-500 ease-[cubic-bezier(0.2,0.8,0.2,1)]",
+			style: {
+				width: c.width,
+				translate: `${c.left}px 0`
+			}
+		}) : /* @__PURE__ */ f("span", {
+			"aria-hidden": !0,
+			className: "bg-primary absolute bottom-[-1px] left-0 h-0.5 transition-[translate,width] duration-150 ease-in-out",
+			style: {
+				width: c.width,
+				translate: `${c.left}px 0`
+			}
+		})]
+	});
+}
+function Te({ value: e, className: t, onClick: n, ...r }) {
+	let { value: a, select: o, idFor: s } = J("Tab"), c = i(Y), l = a === e;
+	return /* @__PURE__ */ f("button", {
+		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: h(c === "pills" ? A : "focus-visible:ring-ring px-3 py-2 text-sm whitespace-nowrap outline-hidden select-none focus-visible:ring-1", "text-muted-foreground hover:text-foreground data-active:text-foreground", t),
+		...r
+	});
+}
+function Ee({ value: e, className: t, ...n }) {
+	let { value: r, idFor: i } = J("TabPanel");
+	return r === e ? /* @__PURE__ */ f("div", {
+		role: "tabpanel",
+		id: i("panel", e),
+		"aria-labelledby": i("tab", e),
+		tabIndex: 0,
+		className: h("outline-hidden", t),
+		...n
+	}) : null;
+}
+//#endregion
 //#region packages/textarea/index.tsx
-function G(e) {
+function De(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__ */ f("textarea", {
+		className: h(D.replace("h-10", ""), "h-32 w-full resize-y py-2", "read-only:text-foreground read-only:cursor-default read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!", t),
 		...n
 	});
 }
 //#endregion
+//#region packages/toast/index.tsx
+var Oe = 5e3, ke = 300, X = t(null);
+function Z({ children: e }) {
+	let [t, n] = u([]), [i, o] = u(!1), s = l(0);
+	a(() => o(!0), []);
+	let c = r((e) => {
+		n((t) => t.map((t) => t.id === e ? {
+			...t,
+			leaving: !0
+		} : t)), setTimeout(() => n((t) => t.filter((t) => t.id !== e)), ke);
+	}, []), d = r((e, { description: t, tone: r = "info", action: i, timeout: a } = {}) => {
+		let o = s.current++, c = {
+			id: o,
+			title: e,
+			description: t,
+			tone: r,
+			action: i,
+			timeout: a ?? (i ? 1e4 : Oe)
+		};
+		return n((e) => [...e, c]), o;
+	}, []), h = t.slice(-3);
+	return /* @__PURE__ */ p(X.Provider, {
+		value: d,
+		children: [e, i && m(/* @__PURE__ */ f("section", {
+			"aria-label": "Notifications",
+			className: "zen__toast-viewport fixed right-4 bottom-[calc(1rem+env(safe-area-inset-bottom))] z-50 flex w-[calc(100vw-2rem)] flex-col-reverse gap-2.5 md:bottom-5 md:w-[24rem]",
+			children: h.map((e) => /* @__PURE__ */ f(je, {
+				toast: e,
+				onDismiss: () => c(e.id)
+			}, e.id))
+		}), document.body)]
+	});
+}
+function Ae() {
+	let e = i(X);
+	if (!e) throw Error("useToast() needs a <ToastProvider> above it");
+	return e;
+}
+var Q = {
+	success: {
+		icon: Me,
+		ring: "border-primary/30",
+		badge: "bg-primary/15 text-primary",
+		bar: "bg-primary",
+		glow: "shadow-[0_18px_50px_-18px_oklch(var(--glow)/0.55)]"
+	},
+	error: {
+		icon: Ne,
+		ring: "border-destructive/40",
+		badge: "bg-destructive/15 text-destructive",
+		bar: "bg-destructive",
+		glow: "shadow-[0_18px_50px_-18px_oklch(var(--destructive)/0.55)]"
+	},
+	info: {
+		icon: Pe,
+		ring: "border-tint/10",
+		badge: "bg-tint/[0.08] text-foreground",
+		bar: "bg-muted-foreground",
+		glow: "shadow-[var(--toast-shadow)]"
+	}
+};
+function je({ toast: e, onDismiss: t }) {
+	let n = Q[e.tone] ?? Q.info, r = n.icon, [i, o] = u(!1), s = l(e.timeout);
+	return a(() => {
+		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__ */ p("div", {
+		role: e.tone === "error" ? "alert" : "status",
+		"aria-atomic": "true",
+		onMouseEnter: () => o(!0),
+		onMouseLeave: () => o(!1),
+		className: h("zen__toast group glass glass-blur text-card-foreground relative flex items-start gap-3 overflow-hidden rounded-2xl border p-3.5 pr-10 select-none", "transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "starting:translate-y-3 starting:scale-[0.97] starting:opacity-0", e.leaving && "translate-x-6 opacity-0", n.ring, n.glow),
+		children: [
+			/* @__PURE__ */ f("span", {
+				className: h("mt-0.5 grid size-8 shrink-0 place-items-center rounded-full", n.badge),
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ f(r, { className: "size-4" })
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-0.5 pt-0.5",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "text-sm font-semibold",
+						children: e.title
+					}),
+					e.description && /* @__PURE__ */ f("div", {
+						className: "text-muted-foreground text-sm leading-5",
+						children: e.description
+					}),
+					e.action && /* @__PURE__ */ f("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__ */ f("button", {
+				type: "button",
+				"aria-label": "Dismiss",
+				onClick: t,
+				className: "text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 grid size-7 place-items-center rounded-lg outline-hidden transition-colors focus-visible:ring-2",
+				children: /* @__PURE__ */ f("svg", {
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.8",
+					strokeLinecap: "round",
+					className: "size-3.5",
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ f("path", { d: "m4 4 8 8M12 4l-8 8" })
+				})
+			}),
+			e.timeout > 0 && /* @__PURE__ */ f("span", {
+				"aria-hidden": !0,
+				className: h("zen__toast-timer absolute bottom-0 left-0 h-0.5 w-full origin-left opacity-60 group-hover:[animation-play-state:paused]", n.bar),
+				style: { animationDuration: `${e.timeout}ms` }
+			})
+		]
+	});
+}
+function Me({ className: e }) {
+	return /* @__PURE__ */ f("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: h("size-3.5", e),
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ f("path", { d: "m3.5 8.5 3 3 6-7" })
+	});
+}
+function Ne({ className: e }) {
+	return /* @__PURE__ */ p("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: h("size-3.5", e),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ f("path", { d: "M8 2.2 1.6 13.3h12.8L8 2.2Z" }), /* @__PURE__ */ f("path", { d: "M8 6.5v3M8 11.6v.1" })]
+	});
+}
+function Pe({ className: e }) {
+	return /* @__PURE__ */ p("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		className: h("size-3.5", e),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ f("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.3"
+		}), /* @__PURE__ */ f("path", { d: "M8 7.3v3.8M8 4.9v.1" })]
+	});
+}
+//#endregion
 //#region packages/toggle/index.tsx
-function 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 Fe(e) {
+	let { className: t, onChange: n, disabled: r, ...i } = e;
+	return /* @__PURE__ */ p("label", {
+		className: h("zen__toggle border-tint/10 bg-tint/[0.06] relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border p-0.5", "has-focus-visible:ring-glow/50 transition-[background-color,box-shadow,border-color] duration-300 has-focus-visible:ring-2", "has-checked:border-glow/60 has-checked:bg-glow/40 has-checked:shadow-[0_0_18px_-2px_oklch(var(--glow)/0.8)]", "has-disabled:cursor-not-allowed has-disabled:opacity-50", t),
+		children: [/* @__PURE__ */ f("input", {
 			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__ */ f("span", {
+			"aria-hidden": !0,
+			className: h("size-[1.125rem] rounded-full bg-white/70 shadow-md", "transition-[translate,background-color] duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", "peer-checked:translate-x-5 peer-checked:bg-white")
+		})]
+	});
+}
+//#endregion
+//#region packages/theme-toggle/index.tsx
+var $ = (e = "theme") => `try{var t=localStorage.getItem(${JSON.stringify(e)}),r=document.documentElement;if(t==='light'||t==='dark'){r.classList.remove('light','dark');r.classList.add(t)}}catch(e){}`;
+function Ie({ storageKey: e = "theme" }) {
+	return /* @__PURE__ */ f("script", { dangerouslySetInnerHTML: { __html: $(e) } });
+}
+function Le({ storageKey: e = "theme", className: t }) {
+	let [n, r] = u("dark");
+	a(() => r(document.documentElement.classList.contains("light") ? "light" : "dark"), []);
+	let i = n === "dark" ? "light" : "dark";
+	return /* @__PURE__ */ f("button", {
+		type: "button",
+		"aria-label": `Switch to ${i} theme`,
+		onClick: () => {
+			let t = document.documentElement;
+			t.classList.remove("dark", "light"), t.classList.add(i);
+			try {
+				localStorage.setItem(e, i);
+			} catch {}
+			r(i);
+		},
+		className: h("zen__theme-toggle text-muted-foreground hover:bg-tint/[0.06] hover:text-foreground focus-visible:ring-ring/50 grid size-9 place-items-center rounded-lg outline-hidden focus-visible:ring-2", t),
+		children: /* @__PURE__ */ f("svg", {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			className: "size-4",
+			"aria-hidden": !0,
+			children: n === "dark" ? /* @__PURE__ */ f("path", { d: "M13.5 9.5A5.5 5.5 0 0 1 6.5 2.5a5.5 5.5 0 1 0 7 7Z" }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("circle", {
+				cx: "8",
+				cy: "8",
+				r: "3"
+			}), /* @__PURE__ */ f("path", { d: "M8 1v1.5M8 13.5V15M1 8h1.5M13.5 8H15M3.05 3.05l1.06 1.06M11.89 11.89l1.06 1.06M3.05 12.95l1.06-1.06M11.89 4.11l1.06-1.06" })] })
+		})
 	});
 }
 //#endregion
-export { 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 { _ as ActionsMenu, v as Backdrop, x as Badge, w as Button, ee as Card, R as ChevronDown, z as ChevronUp, ne as CodeBlock, M as Collapse, ae as ConfirmDialog, N as Dialog, F as Dropdown, L as Header, B as Input, K as NavPill, W as NavPillIndicator, U as NavPills, ce as PageHeader, j as Popover, le as ProgressRing, P as Search, ue as Segmented, de as SideNav, fe as SideNavGroup, me as SideNavLink, he as Skeleton, C as Spinner, E as Stat, te as StatRow, Te as Tab, we as TabList, Ee as TabPanel, ge as Table, ve as TableBody, xe as TableCell, be as TableHead, _e as TableHeader, Se as TableOfContents, ye as TableRow, Ce as Tabs, De as TextArea, Ie as ThemeScript, Le as ThemeToggle, Z as ToastProvider, Fe as Toggle, T as buttonVariants, b as cva, h as cx, $ as themeScript, Ae as useToast };