@exegia/corpora-ui 0.8.0 → 0.9.0

package/dist-lib/index.js

@@ -1,46 +1,72 @@
-import { mergeProps as e } from "@base-ui/react/merge-props";
-import { useRender as t } from "@base-ui/react/use-render";
-import { cva as n } from "class-variance-authority";
-import { clsx as r } from "clsx";
-import { twMerge as i } from "tailwind-merge";
-import { ArrowLeftIcon as a, CheckIcon as o, EyeIcon as s, EyeOffIcon as c, FingerprintIcon as l, Loader2Icon as u, MailIcon as d, SmartphoneIcon as f, XIcon as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import * as _ from "react";
-import { forwardRef as v, useCallback as y, useEffect as b, useId as x, useMemo as S, useRef as C, useState as w } from "react";
-import { Checkbox as T } from "@base-ui/react/checkbox";
-import { bind as E, play as D, play as O, setEnabled as k, setVolume as A, sounds as j } from "cuelume";
-import { Field as ee, Field as M } from "@base-ui/react/field";
-import { Input as N } from "@base-ui/react/input";
-import { OTPField as P } from "@base-ui/react/otp-field";
-import { Separator as te } from "@base-ui/react/separator";
-import { AnimatePresence as F, MotionConfig as ne, motion as I } from "motion/react";
-import { RiAppleFill as L, RiGithubFill as re, RiGoogleFill as ie, RiTwitterXFill as ae } from "@remixicon/react";
+import { Avatar as e } from "@base-ui/react/avatar";
+import { clsx as t } from "clsx";
+import { twMerge as n } from "tailwind-merge";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { mergeProps as o } from "@base-ui/react/merge-props";
+import { useRender as s } from "@base-ui/react/use-render";
+import { cva as c } from "class-variance-authority";
+import { ArrowLeftIcon as l, CheckIcon as u, ChevronRight as d, ChevronRightIcon as f, ChevronsUpDownIcon as p, EyeIcon as m, EyeOffIcon as h, FingerprintIcon as g, Loader2Icon as _, LogOutIcon as v, MailIcon as y, PanelLeftIcon as b, SettingsIcon as x, SmartphoneIcon as S, UserIcon as C, UserPlusIcon as w, UsersIcon as T, XIcon as E } from "lucide-react";
+import * as D from "react";
+import { Children as O, cloneElement as k, createContext as A, createElement as j, forwardRef as M, isValidElement as N, useCallback as P, useContext as ee, useEffect as F, useId as te, useMemo as ne, useRef as re, useState as I, useSyncExternalStore as ie } from "react";
+import { Checkbox as ae } from "@base-ui/react/checkbox";
+import { bind as oe, play as se, play as ce, setEnabled as le, setVolume as ue, sounds as de } from "cuelume";
+import { Field as fe, Field as L } from "@base-ui/react/field";
+import { Input as pe } from "@base-ui/react/input";
+import { Menu as R } from "@base-ui/react/menu";
+import { OTPField as me } from "@base-ui/react/otp-field";
+import { Separator as he } from "@base-ui/react/separator";
+import { AnimatePresence as z, MotionConfig as ge, motion as B, useReducedMotion as _e } from "motion/react";
+import { RiAppleFill as ve, RiGithubFill as ye, RiGoogleFill as be, RiTwitterXFill as xe } from "@remixicon/react";
+import { createPortal as Se } from "react-dom";
 //#region src/lib/utils.ts
-function R(...e) {
-	return i(r(e));
+function V(...e) {
+	return n(t(e));
+}
+//#endregion
+//#region src/components/ui/avatar.tsx
+function Ce({ className: t, ...n }) {
+	return /* @__PURE__ */ i(e.Root, {
+		className: V("inline-flex size-8 shrink-0 select-none items-center justify-center overflow-hidden rounded-full bg-background align-middle font-medium text-xs", t),
+		"data-slot": "avatar",
+		...n
+	});
+}
+function we({ className: t, ...n }) {
+	return /* @__PURE__ */ i(e.Image, {
+		className: V("size-full object-cover", t),
+		"data-slot": "avatar-image",
+		...n
+	});
+}
+function Te({ className: t, ...n }) {
+	return /* @__PURE__ */ i(e.Fallback, {
+		className: V("flex size-full items-center justify-center rounded-full bg-muted", t),
+		"data-slot": "avatar-fallback",
+		...n
+	});
 }
 //#endregion
 //#region src/components/ui/spinner.tsx
-function z({ className: e, ...t }) {
-	return /* @__PURE__ */ h(u, {
+function Ee({ className: e, ...t }) {
+	return /* @__PURE__ */ i(_, {
 		"aria-label": "Loading",
-		className: R("animate-spin", e),
+		className: V("animate-spin", e),
 		role: "status",
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/glasscn/liquid-glass.tsx
-var oe = 480, se = 1.25, ce = /* @__PURE__ */ new Map();
-function le() {
+var De = 480, Oe = 1.25, ke = /* @__PURE__ */ new Map();
+function Ae() {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgent;
 	return (/Chrom(e|ium)/.test(e) || /Edg\//.test(e)) && !/Firefox/.test(e);
 }
-function ue({ width: e, height: t, radius: n, bezel: r }) {
-	let i = `${e}:${t}:${n}:${r}`, a = ce.get(i);
+function je({ width: e, height: t, radius: n, bezel: r }) {
+	let i = `${e}:${t}:${n}:${r}`, a = ke.get(i);
 	if (a !== void 0) return a;
-	let o = Math.min(1, oe / Math.max(e, t)), s = Math.max(2, Math.round(e * o)), c = Math.max(2, Math.round(t * o)), l = document.createElement("canvas");
+	let o = Math.min(1, De / Math.max(e, t)), s = Math.max(2, Math.round(e * o)), c = Math.max(2, Math.round(t * o)), l = document.createElement("canvas");
 	l.width = s, l.height = c;
 	let u = l.getContext("2d");
 	if (!u) return "";
@@ -56,55 +82,55 @@ function ue({ width: e, height: t, radius: n, bezel: r }) {
 			f[v] = 128, f[v + 1] = 128, f[v + 2] = 128, f[v + 3] = 255;
 			continue;
 		}
-		let b = 1 - de(Math.min(1, y / g));
-		b *= Math.min(1, y / se), f[v] = Math.round(128 + d * b * 127), f[v + 1] = Math.round(128 + _ * b * 127), f[v + 2] = 128, f[v + 3] = 255;
+		let b = 1 - Me(Math.min(1, y / g));
+		b *= Math.min(1, y / Oe), f[v] = Math.round(128 + d * b * 127), f[v + 1] = Math.round(128 + _ * b * 127), f[v + 2] = 128, f[v + 3] = 255;
 	}
 	u.putImageData(d, 0, 0);
 	let _ = l.toDataURL("image/png");
-	return ce.set(i, _), _;
+	return ke.set(i, _), _;
 }
-function de(e) {
+function Me(e) {
 	return (1 - (1 - e) ** 4) ** .25;
 }
-var fe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .34, saturation: i = 1.28, className: a, style: o, children: s, ...c }, l) {
-	let u = x(), d = S(() => `liquid-glass-${u.replace(/:/g, "")}`, [u]);
+var Ne = M(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .34, saturation: s = 1.28, className: c, style: l, children: u, ...d }, f) {
+	let p = te(), m = ne(() => `liquid-glass-${p.replace(/:/g, "")}`, [p]);
 	console.log(n);
-	let f = C(null), p = y((e) => {
-		f.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
-	}, [l]), [_, v] = w(null);
-	b(() => {
-		let e = f.current;
+	let h = re(null), g = P((e) => {
+		h.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+	}, [f]), [_, v] = I(null);
+	F(() => {
+		let e = h.current;
 		if (!e) return;
 		let t = () => {
-			let t = e.getBoundingClientRect(), n = Math.round(t.width), i = Math.round(t.height);
-			if (!n || !i) return;
-			let a = Number.parseFloat(getComputedStyle(e).borderTopLeftRadius), o = Math.min(Number.isFinite(a) ? a : Math.min(n, i) / 2, n / 2, i / 2);
-			v((e) => e && e.width === n && e.height === i && e.radius === o && e.bezel === r ? e : {
+			let t = e.getBoundingClientRect(), n = Math.round(t.width), r = Math.round(t.height);
+			if (!n || !r) return;
+			let i = Number.parseFloat(getComputedStyle(e).borderTopLeftRadius), a = Math.min(Number.isFinite(i) ? i : Math.min(n, r) / 2, n / 2, r / 2);
+			v((e) => e && e.width === n && e.height === r && e.radius === a && e.bezel === o ? e : {
 				width: n,
-				height: i,
-				radius: o,
-				bezel: r
+				height: r,
+				radius: a,
+				bezel: o
 			});
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [r]);
-	let T = S(() => _ ? ue(_) : "", [_]), [E, D] = w(!1);
-	b(() => {
-		D(le());
+	}, [o]);
+	let y = ne(() => _ ? je(_) : "", [_]), [b, x] = I(!1);
+	F(() => {
+		x(Ae());
 	}, []);
-	let O = E && T !== "", k = O ? `url(#${d}) blur(${e}px) saturate(${i})` : `blur(${e + 2}px) saturate(${i})`;
-	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
-		ref: p,
-		className: R("relative overflow-hidden rounded-full bg-white/[0.08]", a),
+	let S = b && y !== "", C = S ? `url(#${m}) blur(${e}px) saturate(${s})` : `blur(${e + 2}px) saturate(${s})`;
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+		ref: g,
+		className: V("relative overflow-hidden rounded-full bg-white/[0.08]", c),
 		style: {
-			...o,
-			backdropFilter: k,
-			WebkitBackdropFilter: k
+			...l,
+			backdropFilter: C,
+			WebkitBackdropFilter: C
 		},
-		...c,
-		children: [s, /* @__PURE__ */ h("span", {
+		...d,
+		children: [u, /* @__PURE__ */ i("span", {
 			"aria-hidden": !0,
 			className: "pointer-events-none absolute inset-0 rounded-[inherit]",
 			style: {
@@ -115,19 +141,19 @@ var fe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 				mask: "linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0)"
 			}
 		})]
-	}), O && /* @__PURE__ */ h("svg", {
+	}), S && /* @__PURE__ */ i("svg", {
 		className: "absolute size-0 overflow-hidden",
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ g("filter", {
-			id: d,
+		children: /* @__PURE__ */ a("filter", {
+			id: m,
 			x: "0",
 			y: "0",
 			width: "100%",
 			height: "100%",
 			colorInterpolationFilters: "sRGB",
 			children: [
-				/* @__PURE__ */ h("feImage", {
-					href: T,
+				/* @__PURE__ */ i("feImage", {
+					href: y,
 					x: "0",
 					y: "0",
 					width: "100%",
@@ -135,7 +161,7 @@ var fe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 					preserveAspectRatio: "none",
 					result: "map"
 				}),
-				/* @__PURE__ */ h("feDisplacementMap", {
+				/* @__PURE__ */ i("feDisplacementMap", {
 					in: "SourceGraphic",
 					in2: "map",
 					scale: t,
@@ -143,14 +169,14 @@ var fe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 					yChannelSelector: "G",
 					result: "displaced"
 				}),
-				/* @__PURE__ */ h("feGaussianBlur", {
+				/* @__PURE__ */ i("feGaussianBlur", {
 					in: "displaced",
 					stdDeviation: "0.15"
 				})
 			]
 		})
 	})] });
-}), pe = {
+}), Pe = {
 	clear: [
 		"backdrop-blur-[2px] backdrop-saturate-[1.9]",
 		"bg-white/[0.25] dark:bg-black/[0.25]",
@@ -184,7 +210,7 @@ var fe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 		"[will-change:background-position]"
 	].join(" "),
 	"liquid-refract": ""
-}, me = n("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-[scale,box-shadow,width,height,background-color,border-color] [transition-duration:150ms,150ms,300ms,300ms,150ms,150ms] ease-smooth-out active:scale-97 data-pressed:scale-97 motion-reduce:transition-none motion-reduce:active:scale-100 motion-reduce:data-pressed:scale-100 [&_svg]:transition-transform [&_svg]:duration-150 [&_svg]:ease-smooth-out motion-reduce:[&_svg]:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-loading:select-none sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", {
+}, Fe = c("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-[scale,box-shadow,width,height,background-color,border-color] [transition-duration:150ms,150ms,300ms,300ms,150ms,150ms] ease-smooth-out active:scale-97 data-pressed:scale-97 motion-reduce:transition-none motion-reduce:active:scale-100 motion-reduce:data-pressed:scale-100 [&_svg]:transition-transform [&_svg]:duration-150 [&_svg]:ease-smooth-out motion-reduce:[&_svg]:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-loading:select-none sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", {
 	compoundVariants: [{
 		class: "h-auto border-0 px-0 align-middle sm:h-auto",
 		size: [
@@ -225,197 +251,197 @@ var fe = v(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 		}
 	}
 });
-function B({ className: n, variant: r, size: i, render: a, children: o, loading: s = !1, disabled: c, glassVariant: l, sound: u = !0, ...d }) {
-	let f = !!(s || c), p = a ? void 0 : "button", _ = r === "glass" ? l ?? "liquid-refract" : void 0, v = _ === "liquid-refract", y = (i ?? "default").startsWith("icon"), b = t({
+function H({ className: e, variant: t, size: n, render: c, children: l, loading: u = !1, disabled: d, glassVariant: f, sound: p = !0, ...m }) {
+	let h = !!(u || d), g = c ? void 0 : "button", _ = t === "glass" ? f ?? "liquid-refract" : void 0, v = _ === "liquid-refract", y = (n ?? "default").startsWith("icon"), b = s({
 		defaultTagName: "button",
-		props: e({
-			children: /* @__PURE__ */ g(m, { children: [
-				!y && /* @__PURE__ */ h("span", {
-					"aria-hidden": !s || void 0,
+		props: o({
+			children: /* @__PURE__ */ a(r, { children: [
+				!y && /* @__PURE__ */ i("span", {
+					"aria-hidden": !u || void 0,
 					"data-slot": "button-loading-indicator",
-					className: R("pointer-events-none inline-flex shrink-0 items-center overflow-hidden transition-[max-width,margin-inline-start,opacity,filter] duration-300 ease-smooth-out motion-reduce:transition-none", s ? "max-w-6" : R("max-w-0 opacity-0 blur-[2px]", i === "xs" ? "-ms-1" : i === "sm" ? "-ms-1.5" : "-ms-2")),
-					children: /* @__PURE__ */ h(z, { className: s ? void 0 : "animate-none" })
+					className: V("pointer-events-none inline-flex shrink-0 items-center overflow-hidden transition-[max-width,margin-inline-start,opacity,filter] duration-300 ease-smooth-out motion-reduce:transition-none", u ? "max-w-6" : V("max-w-0 opacity-0 blur-[2px]", n === "xs" ? "-ms-1" : n === "sm" ? "-ms-1.5" : "-ms-2")),
+					children: /* @__PURE__ */ i(Ee, { className: u ? void 0 : "animate-none" })
 				}),
-				o,
-				s && y && /* @__PURE__ */ h(z, {
+				l,
+				u && y && /* @__PURE__ */ i(Ee, {
 					className: "pointer-events-none absolute",
 					"data-slot": "button-loading-indicator"
 				})
 			] }),
-			className: R(me({
-				size: i,
-				variant: r
-			}), !y && "hover:[&_svg:not([class*='animate-'])]:scale-110 motion-reduce:hover:[&_svg]:scale-100", s && y && "data-loading:text-transparent", _ && pe[_], v && "bg-transparent border-0 shadow-none", n),
-			"aria-disabled": s || void 0,
-			"data-cuelume-press": u ? "" : void 0,
-			"data-cuelume-release": u ? "" : void 0,
-			"data-loading": s ? "" : void 0,
+			className: V(Fe({
+				size: n,
+				variant: t
+			}), !y && "hover:[&_svg:not([class*='animate-'])]:scale-110 motion-reduce:hover:[&_svg]:scale-100", u && y && "data-loading:text-transparent", _ && Pe[_], v && "bg-transparent border-0 shadow-none", e),
+			"aria-disabled": u || void 0,
+			"data-cuelume-press": p ? "" : void 0,
+			"data-cuelume-release": p ? "" : void 0,
+			"data-loading": u ? "" : void 0,
 			"data-glass-variant": _,
 			"data-slot": "button",
-			disabled: f,
-			type: p
-		}, d),
-		render: a
+			disabled: h,
+			type: g
+		}, m),
+		render: c
 	});
-	return v ? /* @__PURE__ */ h(fe, { children: b }) : b;
+	return v ? /* @__PURE__ */ i(Ne, { children: b }) : b;
 }
 //#endregion
 //#region src/components/ui/card.tsx
-function he({ className: n, render: r, ...i }) {
-	return t({
+function Ie({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", n),
+		props: o({
+			className: V("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
 			"data-slot": "card"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function ge({ className: n, render: r, ...i }) {
-	return t({
+function Le({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 [--clip-bottom:-1rem] [--clip-top:-1rem] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=table-container]:overflow-hidden *:data-[slot=card]:-m-px *:data-[slot=table-container]:-m-px *:data-[slot=table-container]:w-[calc(100%+2px)] *:not-first:data-[slot=card]:rounded-t-xl *:not-last:data-[slot=card]:rounded-b-xl *:data-[slot=card]:bg-clip-padding *:data-[slot=card]:shadow-none *:data-[slot=card]:before:hidden *:not-first:data-[slot=card]:before:rounded-t-[calc(var(--radius-xl)-1px)] *:not-last:data-[slot=card]:before:rounded-b-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] *:data-[slot=card]:[clip-path:inset(var(--clip-top)_1px_var(--clip-bottom)_1px_round_calc(var(--radius-2xl)-1px))] *:data-[slot=card]:last:[--clip-bottom:1px] *:data-[slot=card]:first:[--clip-top:1px]", n),
+		props: o({
+			className: V("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 [--clip-bottom:-1rem] [--clip-top:-1rem] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=table-container]:overflow-hidden *:data-[slot=card]:-m-px *:data-[slot=table-container]:-m-px *:data-[slot=table-container]:w-[calc(100%+2px)] *:not-first:data-[slot=card]:rounded-t-xl *:not-last:data-[slot=card]:rounded-b-xl *:data-[slot=card]:bg-clip-padding *:data-[slot=card]:shadow-none *:data-[slot=card]:before:hidden *:not-first:data-[slot=card]:before:rounded-t-[calc(var(--radius-xl)-1px)] *:not-last:data-[slot=card]:before:rounded-b-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] *:data-[slot=card]:[clip-path:inset(var(--clip-top)_1px_var(--clip-bottom)_1px_round_calc(var(--radius-2xl)-1px))] *:data-[slot=card]:last:[--clip-bottom:1px] *:data-[slot=card]:first:[--clip-top:1px]", e),
 			"data-slot": "card-frame"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function _e({ className: n, render: r, ...i }) {
-	return t({
+function Re({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("relative flex grid auto-rows-min grid-rows-[auto_auto] flex-col items-start gap-x-4 px-6 py-4 has-data-[slot=card-frame-action]:grid-cols-[1fr_auto]", n),
+		props: o({
+			className: V("relative flex grid auto-rows-min grid-rows-[auto_auto] flex-col items-start gap-x-4 px-6 py-4 has-data-[slot=card-frame-action]:grid-cols-[1fr_auto]", e),
 			"data-slot": "card-frame-header"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function ve({ className: n, render: r, ...i }) {
-	return t({
+function ze({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("self-center font-semibold text-sm", n),
+		props: o({
+			className: V("self-center font-semibold text-sm", e),
 			"data-slot": "card-frame-title"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function ye({ className: n, render: r, ...i }) {
-	return t({
+function Be({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("self-center text-muted-foreground text-sm", n),
+		props: o({
+			className: V("self-center text-muted-foreground text-sm", e),
 			"data-slot": "card-frame-description"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function be({ className: n, render: r, ...i }) {
-	return t({
+function Ve({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", n),
+		props: o({
+			className: V("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", e),
 			"data-slot": "card-frame-action"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function xe({ className: n, render: r, ...i }) {
-	return t({
+function He({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("px-6 py-4", n),
+		props: o({
+			className: V("px-6 py-4", e),
 			"data-slot": "card-frame-footer"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function Se({ className: n, render: r, ...i }) {
-	return t({
+function Ue({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pb-4 has-data-[slot=card-action]:grid-cols-[1fr_auto]", n),
+		props: o({
+			className: V("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pb-4 has-data-[slot=card-action]:grid-cols-[1fr_auto]", e),
 			"data-slot": "card-header"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function V({ className: n, render: r, ...i }) {
-	return t({
+function We({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("font-heading font-semibold text-lg leading-none", n),
+		props: o({
+			className: V("font-heading font-semibold text-lg leading-none", e),
 			"data-slot": "card-title"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function Ce({ className: n, render: r, ...i }) {
-	return t({
+function Ge({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("text-muted-foreground text-sm", n),
+		props: o({
+			className: V("text-muted-foreground text-sm", e),
 			"data-slot": "card-description"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function we({ className: n, render: r, ...i }) {
-	return t({
+function Ke({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", n),
+		props: o({
+			className: V("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", e),
 			"data-slot": "card-action"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function H({ className: n, render: r, ...i }) {
-	return t({
+function qe({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("flex-1 p-6 in-[[data-slot=card]:has(>[data-slot=card-header]:not(.border-b))]:pt-0 in-[[data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))]:pb-0", n),
+		props: o({
+			className: V("flex-1 p-6 in-[[data-slot=card]:has(>[data-slot=card-header]:not(.border-b))]:pt-0 in-[[data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))]:pb-0", e),
 			"data-slot": "card-panel"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
-function Te({ className: n, render: r, ...i }) {
-	return t({
+function Je({ className: e, render: t, ...n }) {
+	return s({
 		defaultTagName: "div",
-		props: e({
-			className: R("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", n),
+		props: o({
+			className: V("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", e),
 			"data-slot": "card-footer"
-		}, i),
-		render: r
+		}, n),
+		render: t
 	});
 }
 //#endregion
 //#region src/lib/sound.ts
-var Ee = !1;
-function De(e) {
-	Ee = !0, E(e);
+var Ye = !1;
+function Xe(e) {
+	Ye = !0, oe(e);
 }
-function Oe(e, t) {
-	Ee && D(e, t);
+function Ze(e, t) {
+	Ye && se(e, t);
 }
 //#endregion
 //#region src/components/ui/checkbox.tsx
-function ke({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
-	return /* @__PURE__ */ h(T.Root, {
+function Qe({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
+	return /* @__PURE__ */ i(ae.Root, {
 		onCheckedChange: (e, r) => {
-			t && Oe("toggle"), n?.(e, r);
+			t && Ze("toggle"), n?.(e, r);
 		},
-		className: R("relative inline-flex size-4.5 shrink-0 cursor-pointer items-center justify-center rounded-[.25rem] border border-input bg-background not-dark:bg-clip-padding shadow-xs/5 outline-none ring-ring transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px] not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:size-4 dark:not-data-checked:bg-input/32 dark:aria-invalid:ring-destructive/24 dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] [[data-disabled],[data-checked],[aria-invalid]]:shadow-none", e),
+		className: V("relative inline-flex size-4.5 shrink-0 cursor-pointer items-center justify-center rounded-[.25rem] border border-input bg-background not-dark:bg-clip-padding shadow-xs/5 outline-none ring-ring transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px] not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:size-4 dark:not-data-checked:bg-input/32 dark:aria-invalid:ring-destructive/24 dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] [[data-disabled],[data-checked],[aria-invalid]]:shadow-none", e),
 		"data-slot": "checkbox",
 		...r,
-		children: /* @__PURE__ */ h(T.Indicator, {
+		children: /* @__PURE__ */ i(ae.Indicator, {
 			className: "absolute -inset-px flex items-center justify-center rounded-[.25rem] text-primary-foreground data-unchecked:hidden data-checked:bg-primary data-indeterminate:text-foreground",
 			"data-slot": "checkbox-indicator",
-			render: (e, t) => /* @__PURE__ */ h("span", {
+			render: (e, t) => /* @__PURE__ */ i("span", {
 				...e,
-				children: t.indeterminate ? /* @__PURE__ */ h("svg", {
+				children: t.indeterminate ? /* @__PURE__ */ i("svg", {
 					"aria-hidden": "true",
 					className: "size-3.5 sm:size-3",
 					fill: "none",
@@ -427,8 +453,8 @@ function ke({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
 					viewBox: "0 0 24 24",
 					width: "24",
 					xmlns: "http://www.w3.org/2000/svg",
-					children: /* @__PURE__ */ h("path", { d: "M5.252 12h13.496" })
-				}) : /* @__PURE__ */ h("svg", {
+					children: /* @__PURE__ */ i("path", { d: "M5.252 12h13.496" })
+				}) : /* @__PURE__ */ i("svg", {
 					"aria-hidden": "true",
 					className: "size-3.5 sm:size-3",
 					fill: "none",
@@ -440,7 +466,7 @@ function ke({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
 					viewBox: "0 0 24 24",
 					width: "24",
 					xmlns: "http://www.w3.org/2000/svg",
-					children: /* @__PURE__ */ h("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+					children: /* @__PURE__ */ i("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
 				})
 			})
 		})
@@ -449,133 +475,133 @@ function ke({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
 //#endregion
 //#region src/components/ui/field.tsx
 function U({ className: e, ...t }) {
-	return /* @__PURE__ */ h(M.Root, {
-		className: R("flex flex-col items-start gap-2", e),
+	return /* @__PURE__ */ i(L.Root, {
+		className: V("flex flex-col items-start gap-2", e),
 		"data-slot": "field",
 		...t
 	});
 }
 function W({ className: e, ...t }) {
-	return /* @__PURE__ */ h(M.Label, {
-		className: R("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4 text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:text-xs/3.5 ml-3", e),
+	return /* @__PURE__ */ i(L.Label, {
+		className: V("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4 text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:text-xs/3.5 ml-3", e),
 		"data-slot": "field-label",
 		...t
 	});
 }
-function Ae({ className: e, ...t }) {
-	return /* @__PURE__ */ h(M.Item, {
-		className: R("flex", e),
+function $e({ className: e, ...t }) {
+	return /* @__PURE__ */ i(L.Item, {
+		className: V("flex", e),
 		"data-slot": "field-item",
 		...t
 	});
 }
-function je({ className: e, ...t }) {
-	return /* @__PURE__ */ h(M.Description, {
-		className: R("overflow-hidden text-muted-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
+function et({ className: e, ...t }) {
+	return /* @__PURE__ */ i(L.Description, {
+		className: V("overflow-hidden text-muted-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
 		"data-slot": "field-description",
 		...t
 	});
 }
-function Me({ className: e, ...t }) {
-	return /* @__PURE__ */ h(M.Error, {
-		className: R("overflow-hidden text-destructive-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
+function tt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(L.Error, {
+		className: V("overflow-hidden text-destructive-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
 		"data-slot": "field-error",
 		...t
 	});
 }
-var Ne = M.Control, Pe = M.Validity;
+var nt = L.Control, rt = L.Validity;
 //#endregion
 //#region src/components/ui/frame.tsx
-function Fe({ className: e, ...t }) {
-	return /* @__PURE__ */ h("div", {
-		className: R("relative flex flex-col rounded-2xl bg-muted/72 p-1", "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", e),
+function it({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		className: V("relative flex flex-col rounded-2xl bg-muted/72 p-1", "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", e),
 		"data-slot": "frame",
 		...t
 	});
 }
-function Ie({ className: e, ...t }) {
-	return /* @__PURE__ */ h("div", {
-		className: R("relative rounded-xl border bg-background bg-clip-padding p-5 shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
+function at({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		className: V("relative rounded-xl border bg-background bg-clip-padding p-5 shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
 		"data-slot": "frame-panel",
 		...t
 	});
 }
-function Le({ className: e, ...t }) {
-	return /* @__PURE__ */ h("header", {
-		className: R("flex flex-col px-5 py-4", e),
+function ot({ className: e, ...t }) {
+	return /* @__PURE__ */ i("header", {
+		className: V("flex flex-col px-5 py-4", e),
 		"data-slot": "frame-panel-header",
 		...t
 	});
 }
-function Re({ className: e, ...t }) {
-	return /* @__PURE__ */ h("div", {
-		className: R("font-semibold text-sm", e),
+function st({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		className: V("font-semibold text-sm", e),
 		"data-slot": "frame-panel-title",
 		...t
 	});
 }
-function ze({ className: e, ...t }) {
-	return /* @__PURE__ */ h("div", {
-		className: R("text-muted-foreground text-sm", e),
+function ct({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		className: V("text-muted-foreground text-sm", e),
 		"data-slot": "frame-panel-description",
 		...t
 	});
 }
-function Be({ className: e, ...t }) {
-	return /* @__PURE__ */ h("footer", {
-		className: R("px-5 py-4", e),
+function lt({ className: e, ...t }) {
+	return /* @__PURE__ */ i("footer", {
+		className: V("px-5 py-4", e),
 		"data-slot": "frame-panel-footer",
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/input.tsx
-function G({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: i, ...a }) {
-	let o = R("h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none [transition:background-color_5000000s_ease-in-out_0s,height_300ms_var(--ease-smooth-out),line-height_300ms_var(--ease-smooth-out),padding_300ms_var(--ease-smooth-out),font-size_300ms_var(--ease-smooth-out)] placeholder:text-muted-foreground/72 motion-reduce:[transition:background-color_5000000s_ease-in-out_0s] sm:h-7.5 sm:leading-7.5", t === "sm" && "h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5", t === "lg" && "h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5", a.type === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none", a.type === "file" && "text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm");
-	return /* @__PURE__ */ h("span", {
-		className: R(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-[box-shadow,border-color] duration-150 ease-smooth-out has-aria-invalid:animate-input-shake motion-reduce:animate-none motion-reduce:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
+function G({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: a, ...o }) {
+	let s = V("h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none [transition:background-color_5000000s_ease-in-out_0s,height_300ms_var(--ease-smooth-out),line-height_300ms_var(--ease-smooth-out),padding_300ms_var(--ease-smooth-out),font-size_300ms_var(--ease-smooth-out)] placeholder:text-muted-foreground/72 motion-reduce:[transition:background-color_5000000s_ease-in-out_0s] sm:h-7.5 sm:leading-7.5", t === "sm" && "h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5", t === "lg" && "h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5", o.type === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none", o.type === "file" && "text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm");
+	return /* @__PURE__ */ i("span", {
+		className: V(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-[box-shadow,border-color] duration-150 ease-smooth-out has-aria-invalid:animate-input-shake motion-reduce:animate-none motion-reduce:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
 		"data-size": t,
 		"data-slot": "input-control",
-		children: r ? /* @__PURE__ */ h("input", {
-			className: o,
+		children: r ? /* @__PURE__ */ i("input", {
+			className: s,
 			"data-slot": "input",
 			size: typeof t == "number" ? t : void 0,
-			style: typeof i == "function" ? void 0 : i,
-			...a
-		}) : /* @__PURE__ */ h(N, {
-			className: o,
+			style: typeof a == "function" ? void 0 : a,
+			...o
+		}) : /* @__PURE__ */ i(pe, {
+			className: s,
 			"data-slot": "input",
 			size: typeof t == "number" ? t : void 0,
-			style: i,
-			...a
+			style: a,
+			...o
 		})
 	});
 }
 //#endregion
 //#region src/components/ui/textarea.tsx
-function Ve({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a }) {
-	return /* @__PURE__ */ h("span", {
-		className: R(!r && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] sm:text-sm dark:bg-input/32 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", t) || void 0,
-		"data-size": n,
+function ut({ className: e, size: t = "default", unstyled: n = !1, ref: r, ...a }) {
+	return /* @__PURE__ */ i("span", {
+		className: V(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] sm:text-sm dark:bg-input/32 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
+		"data-size": t,
 		"data-slot": "textarea-control",
-		children: /* @__PURE__ */ h(ee.Control, {
-			ref: i,
+		children: /* @__PURE__ */ i(fe.Control, {
+			ref: r,
 			value: a.value,
 			defaultValue: a.defaultValue,
 			disabled: a.disabled,
 			id: a.id,
 			name: a.name,
-			render: (t) => /* @__PURE__ */ h("textarea", {
-				className: R("field-sizing-content min-h-17.5 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)] outline-none max-sm:min-h-20.5", n === "sm" && "min-h-16.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)] max-sm:min-h-19.5", n === "lg" && "min-h-18.5 py-[calc(--spacing(2)-1px)] max-sm:min-h-21.5"),
+			render: (e) => /* @__PURE__ */ i("textarea", {
+				className: V("field-sizing-content min-h-17.5 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)] outline-none max-sm:min-h-20.5", t === "sm" && "min-h-16.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)] max-sm:min-h-19.5", t === "lg" && "min-h-18.5 py-[calc(--spacing(2)-1px)] max-sm:min-h-21.5"),
 				"data-slot": "textarea",
-				...e(t, a)
+				...o(e, a)
 			})
 		})
 	});
 }
 //#endregion
 //#region src/components/ui/input-group.tsx
-var He = n("flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80", {
+var dt = c("flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80", {
 	defaultVariants: { align: "inline-start" },
 	variants: { align: {
 		"block-end": "order-last w-full justify-start px-[calc(--spacing(3)-1px)] pb-[calc(--spacing(3)-1px)] [.border-t]:pt-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]",
@@ -584,17 +610,17 @@ var He = n("flex h-auto cursor-text select-none items-center justify-center gap-
 		"inline-start": "order-first ps-[calc(--spacing(3)-1px)] has-[>:last-child[data-slot=badge]]:-ms-1.5 has-[>button]:-ms-2 has-[>kbd:last-child]:ms-[-0.35rem] [[data-size=sm]+&]:ps-[calc(--spacing(2.5)-1px)]"
 	} }
 });
-function Ue({ className: e, ...t }) {
-	return /* @__PURE__ */ h("div", {
-		className: R("relative inline-flex w-full min-w-0 items-center rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_1px_--theme(--color-black/4%)] has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/64 has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/16 has-[textarea]:h-auto has-data-[align=block-end]:h-auto has-data-[align=block-start]:h-auto has-data-[align=block-end]:flex-col has-data-[align=block-start]:flex-col has-[input:focus-visible,textarea:focus-visible]:border-ring has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/36 has-autofill:bg-foreground/4 has-[input:disabled,textarea:disabled]:opacity-64 has-[input:disabled,textarea:disabled,input:focus-visible,textarea:focus-visible,input[aria-invalid],textarea[aria-invalid]]:shadow-none has-[input:focus-visible,textarea:focus-visible]:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/24 dark:not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_-1px_--theme(--color-white/6%)] has-data-[align=inline-start]:**:[[data-size=sm]_input]:ps-1.5 has-data-[align=inline-end]:**:[[data-size=sm]_input]:pe-1.5 *:[[data-slot=input-control],[data-slot=textarea-control]]:contents *:[[data-slot=input-control],[data-slot=textarea-control]]:before:hidden has-[[data-align=block-start],[data-align=block-end]]:**:[input]:h-auto has-data-[align=inline-start]:**:[input]:ps-2 has-data-[align=inline-end]:**:[input]:pe-2 has-data-[align=block-end]:**:[input]:pt-1.5 has-data-[align=block-start]:**:[input]:pb-1.5 **:[textarea]:min-h-20.5 **:[textarea]:resize-none **:[textarea]:py-[calc(--spacing(3)-1px)] **:[textarea]:max-sm:min-h-23.5 **:[textarea_button]:rounded-[calc(var(--radius-md)-1px)]", e),
+function ft({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		className: V("relative inline-flex w-full min-w-0 items-center rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_1px_--theme(--color-black/4%)] has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/64 has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/16 has-[textarea]:h-auto has-data-[align=block-end]:h-auto has-data-[align=block-start]:h-auto has-data-[align=block-end]:flex-col has-data-[align=block-start]:flex-col has-[input:focus-visible,textarea:focus-visible]:border-ring has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/36 has-autofill:bg-foreground/4 has-[input:disabled,textarea:disabled]:opacity-64 has-[input:disabled,textarea:disabled,input:focus-visible,textarea:focus-visible,input[aria-invalid],textarea[aria-invalid]]:shadow-none has-[input:focus-visible,textarea:focus-visible]:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/24 dark:not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_-1px_--theme(--color-white/6%)] has-data-[align=inline-start]:**:[[data-size=sm]_input]:ps-1.5 has-data-[align=inline-end]:**:[[data-size=sm]_input]:pe-1.5 *:[[data-slot=input-control],[data-slot=textarea-control]]:contents *:[[data-slot=input-control],[data-slot=textarea-control]]:before:hidden has-[[data-align=block-start],[data-align=block-end]]:**:[input]:h-auto has-data-[align=inline-start]:**:[input]:ps-2 has-data-[align=inline-end]:**:[input]:pe-2 has-data-[align=block-end]:**:[input]:pt-1.5 has-data-[align=block-start]:**:[input]:pb-1.5 **:[textarea]:min-h-20.5 **:[textarea]:resize-none **:[textarea]:py-[calc(--spacing(3)-1px)] **:[textarea]:max-sm:min-h-23.5 **:[textarea_button]:rounded-[calc(var(--radius-md)-1px)]", e),
 		"data-slot": "input-group",
 		role: "group",
 		...t
 	});
 }
-function We({ className: e, align: t = "inline-start", ...n }) {
-	return /* @__PURE__ */ h("div", {
-		className: R(He({ align: t }), e),
+function pt({ className: e, align: t = "inline-start", ...n }) {
+	return /* @__PURE__ */ i("div", {
+		className: V(dt({ align: t }), e),
 		"data-align": t,
 		"data-slot": "input-group-addon",
 		onMouseDown: (e) => {
@@ -606,21 +632,21 @@ function We({ className: e, align: t = "inline-start", ...n }) {
 		...n
 	});
 }
-function Ge({ className: e, ...t }) {
-	return /* @__PURE__ */ h("span", {
-		className: R("line-clamp-1 flex items-center gap-2 whitespace-nowrap text-muted-foreground leading-none in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5", e),
+function mt({ className: e, ...t }) {
+	return /* @__PURE__ */ i("span", {
+		className: V("line-clamp-1 flex items-center gap-2 whitespace-nowrap text-muted-foreground leading-none in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5", e),
 		...t
 	});
 }
-function Ke({ className: e, ...t }) {
-	return /* @__PURE__ */ h(G, {
+function ht({ className: e, ...t }) {
+	return /* @__PURE__ */ i(G, {
 		className: e,
 		unstyled: !0,
 		...t
 	});
 }
-function qe({ className: e, ...t }) {
-	return /* @__PURE__ */ h(Ve, {
+function gt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(ut, {
 		className: e,
 		unstyled: !0,
 		...t
@@ -628,22 +654,195 @@ function qe({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/label.tsx
-function Je({ className: n, render: r, sound: i = !1, ...a }) {
-	return t({
+function _t({ className: e, render: t, sound: n = !1, ...r }) {
+	return s({
 		defaultTagName: "label",
-		props: e({
-			className: R("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4", n),
-			"data-cuelume-hover": i ? "tick" : void 0,
+		props: o({
+			className: V("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4", e),
+			"data-cuelume-hover": n ? "tick" : void 0,
 			"data-slot": "label"
-		}, a),
-		render: r
+		}, r),
+		render: t
+	});
+}
+//#endregion
+//#region src/components/ui/menu.tsx
+var vt = R.createHandle, yt = R.Root, bt = R.Portal;
+function xt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ i(R.Trigger, {
+		className: e,
+		"data-slot": "menu-trigger",
+		...n,
+		children: t
+	});
+}
+function St({ children: e, className: t, sideOffset: n = 4, align: r = "center", alignOffset: a, side: o = "bottom", anchor: s, portalProps: c, ...l }) {
+	return /* @__PURE__ */ i(bt, {
+		...c,
+		children: /* @__PURE__ */ i(R.Positioner, {
+			align: r,
+			alignOffset: a,
+			anchor: s,
+			className: "z-50",
+			"data-slot": "menu-positioner",
+			side: o,
+			sideOffset: n,
+			children: /* @__PURE__ */ i(R.Popup, {
+				className: V("relative flex not-[class*='w-']:min-w-32 origin-(--transform-origin) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 outline-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] focus:outline-none dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", t),
+				"data-slot": "menu-popup",
+				...l,
+				children: /* @__PURE__ */ i("div", {
+					className: "max-h-(--available-height) w-full overflow-y-auto p-1",
+					children: e
+				})
+			})
+		})
+	});
+}
+function Ct(e) {
+	return /* @__PURE__ */ i(R.Group, {
+		"data-slot": "menu-group",
+		...e
+	});
+}
+function wt({ className: e, inset: t, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ i(R.Item, {
+		className: V("flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", e),
+		"data-inset": t,
+		"data-slot": "menu-item",
+		"data-variant": n,
+		...r
+	});
+}
+function Tt({ className: e, inset: t, variant: n = "default", closeOnClick: r = !0, ...a }) {
+	return /* @__PURE__ */ i(R.LinkItem, {
+		className: V("flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", e),
+		closeOnClick: r,
+		"data-inset": t,
+		"data-slot": "menu-link-item",
+		"data-variant": n,
+		...a
+	});
+}
+function Et({ className: e, children: t, checked: n, variant: o = "default", ...s }) {
+	return /* @__PURE__ */ i(R.CheckboxItem, {
+		checked: n,
+		className: V("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center gap-2 rounded-sm py-1 ps-2 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", o === "switch" ? "grid-cols-[1fr_auto] gap-4 pe-1.5" : "grid-cols-[.75rem_1fr] pe-4", e),
+		"data-slot": "menu-checkbox-item",
+		...s,
+		children: o === "switch" ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+			className: "col-start-1",
+			children: t
+		}), /* @__PURE__ */ i(R.CheckboxItemIndicator, {
+			className: "inset-shadow-[0_1px_--theme(--color-black/4%)] inline-flex h-[calc(var(--thumb-size)+2px)] w-[calc(var(--thumb-size)*2-2px)] shrink-0 items-center rounded-full p-px outline-none transition-[background-color,box-shadow] duration-200 [--thumb-size:--spacing(4)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-64 sm:[--thumb-size:--spacing(3)]",
+			keepMounted: !0,
+			children: /* @__PURE__ */ i("span", { className: "pointer-events-none block aspect-square h-full in-[[data-slot=menu-checkbox-item][data-checked]]:origin-[var(--thumb-size)_50%] origin-left in-[[data-slot=menu-checkbox-item][data-checked]]:translate-x-[calc(var(--thumb-size)-4px)] in-[[data-slot=menu-checkbox-item]:active]:not-data-disabled:scale-x-110 in-[[data-slot=menu-checkbox-item]:active]:rounded-[var(--thumb-size)/calc(var(--thumb-size)*1.10)] rounded-(--thumb-size) bg-background shadow-sm/5 will-change-transform [transition:translate_.15s,border-radius_.15s,scale_.1s_.1s,transform-origin_.15s]" })
+		})] }) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(R.CheckboxItemIndicator, {
+			className: "col-start-1 -ms-0.5",
+			children: /* @__PURE__ */ i("svg", {
+				"aria-hidden": "true",
+				fill: "none",
+				height: "24",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				viewBox: "0 0 24 24",
+				width: "24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ i("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+			})
+		}), /* @__PURE__ */ i("span", {
+			className: "col-start-2",
+			children: t
+		})] })
+	});
+}
+function Dt(e) {
+	return /* @__PURE__ */ i(R.RadioGroup, {
+		"data-slot": "menu-radio-group",
+		...e
+	});
+}
+function Ot({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ a(R.RadioItem, {
+		className: V("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[.75rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
+		"data-slot": "menu-radio-item",
+		...n,
+		children: [/* @__PURE__ */ i(R.RadioItemIndicator, {
+			className: "col-start-1 -ms-0.5",
+			children: /* @__PURE__ */ i("svg", {
+				"aria-hidden": "true",
+				fill: "none",
+				height: "24",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				viewBox: "0 0 24 24",
+				width: "24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ i("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+			})
+		}), /* @__PURE__ */ i("span", {
+			className: "col-start-2",
+			children: t
+		})]
+	});
+}
+function kt({ className: e, inset: t, ...n }) {
+	return /* @__PURE__ */ i(R.GroupLabel, {
+		className: V("px-2 py-1.5 font-medium text-muted-foreground text-xs data-inset:ps-9 sm:data-inset:ps-8", e),
+		"data-inset": t,
+		"data-slot": "menu-label",
+		...n
+	});
+}
+function At({ className: e, ...t }) {
+	return /* @__PURE__ */ i(R.Separator, {
+		className: V("mx-2 my-1 h-px bg-border", e),
+		"data-slot": "menu-separator",
+		...t
+	});
+}
+function jt({ className: e, ...t }) {
+	return /* @__PURE__ */ i("kbd", {
+		className: V("ms-auto font-medium font-sans text-muted-foreground/72 text-xs tracking-widest", e),
+		"data-slot": "menu-shortcut",
+		...t
+	});
+}
+function Mt(e) {
+	return /* @__PURE__ */ i(R.SubmenuRoot, {
+		"data-slot": "menu-sub",
+		...e
+	});
+}
+function Nt({ className: e, inset: t, children: n, ...r }) {
+	return /* @__PURE__ */ a(R.SubmenuTrigger, {
+		className: V("flex min-h-8 items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-popup-open:bg-accent data-inset:ps-8 data-highlighted:text-accent-foreground data-popup-open:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not(:last-child)]:-mx-0.5 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", e),
+		"data-inset": t,
+		"data-slot": "menu-sub-trigger",
+		...r,
+		children: [n, /* @__PURE__ */ i(f, { className: "ms-auto -me-0.5 opacity-80" })]
+	});
+}
+function Pt({ className: e, sideOffset: t = 0, alignOffset: n, align: r = "start", ...a }) {
+	return /* @__PURE__ */ i(St, {
+		align: r,
+		alignOffset: n ?? (r === "center" ? void 0 : -5),
+		className: e,
+		"data-slot": "menu-sub-content",
+		side: "inline-end",
+		sideOffset: t,
+		...a
 	});
 }
 //#endregion
 //#region src/components/ui/separator.tsx
-function Ye({ className: e, orientation: t = "horizontal", ...n }) {
-	return /* @__PURE__ */ h(te, {
-		className: R("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", e),
+function Ft({ className: e, orientation: t = "horizontal", ...n }) {
+	return /* @__PURE__ */ i(he, {
+		className: V("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", e),
 		"data-slot": "separator",
 		orientation: t,
 		...n
@@ -651,41 +850,50 @@ function Ye({ className: e, orientation: t = "horizontal", ...n }) {
 }
 //#endregion
 //#region src/components/ui/otp-field.tsx
-function Xe({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...i }) {
-	let a = _.useRef(String(i.value ?? i.defaultValue ?? "").length);
-	return /* @__PURE__ */ h(P.Root, {
-		className: R("flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-field-input]:shadow-none has-disabled:**:data-[slot=otp-field-input]:before:shadow-none!", e),
+function It({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...a }) {
+	let o = D.useRef(String(a.value ?? a.defaultValue ?? "").length);
+	return /* @__PURE__ */ i(me.Root, {
+		className: V("flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-field-input]:shadow-none has-disabled:**:data-[slot=otp-field-input]:before:shadow-none!", e),
 		"data-size": t,
 		"data-slot": "otp-field",
 		onValueChange: (e, ...t) => {
-			n && e.length > a.current && Oe("tick"), a.current = e.length, r?.(e, ...t);
+			n && e.length > o.current && Ze("tick"), o.current = e.length, r?.(e, ...t);
 		},
-		...i
+		...a
 	});
 }
-function Ze({ className: e, ...t }) {
-	return /* @__PURE__ */ h(P.Input, {
-		className: R("relative in-[[data-slot=otp-field][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background not-dark:bg-clip-padding text-center in-[[data-slot=otp-field][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp-field][data-size=lg]]:leading-10 leading-9 shadow-xs/5 outline-none ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-focus-visible:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:z-10 focus-visible:border-ring focus-visible:shadow-none focus-visible:ring-[3px] focus-visible:ring-ring/24 aria-invalid:border-destructive/36 aria-invalid:shadow-none aria-invalid:focus-visible:border-destructive/64 aria-invalid:focus-visible:ring-destructive/16 sm:in-[[data-slot=otp-field][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp-field][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp-field][data-size=lg]]:leading-9 sm:leading-8 dark:bg-input/32 dark:aria-invalid:focus-visible:ring-destructive/24 dark:not-focus-visible:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
+function Lt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(me.Input, {
+		className: V("relative in-[[data-slot=otp-field][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background not-dark:bg-clip-padding text-center in-[[data-slot=otp-field][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp-field][data-size=lg]]:leading-10 leading-9 shadow-xs/5 outline-none ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-focus-visible:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:z-10 focus-visible:border-ring focus-visible:shadow-none focus-visible:ring-[3px] focus-visible:ring-ring/24 aria-invalid:border-destructive/36 aria-invalid:shadow-none aria-invalid:focus-visible:border-destructive/64 aria-invalid:focus-visible:ring-destructive/16 sm:in-[[data-slot=otp-field][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp-field][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp-field][data-size=lg]]:leading-9 sm:leading-8 dark:bg-input/32 dark:aria-invalid:focus-visible:ring-destructive/24 dark:not-focus-visible:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
 		"data-slot": "otp-field-input",
 		spellCheck: !1,
 		...t
 	});
 }
-function Qe({ className: e, ...t }) {
-	return /* @__PURE__ */ h(P.Separator, { render: /* @__PURE__ */ h(Ye, {
-		className: R("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
+function Rt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(me.Separator, { render: /* @__PURE__ */ i(Ft, {
+		className: V("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
 		orientation: "horizontal",
 		...t
 	}) });
 }
 //#endregion
+//#region src/components/ui/skeleton.tsx
+function zt({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		className: V("animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]", e),
+		"data-slot": "skeleton",
+		...t
+	});
+}
+//#endregion
 //#region src/components/composed/password-input.tsx
-var $e = [
+var Bt = [
 	.22,
 	1,
 	.36,
 	1
-], et = [
+], Vt = [
 	{
 		regex: /.{8,}/,
 		text: "At least 8 characters"
@@ -703,42 +911,42 @@ var $e = [
 		text: "At least 1 uppercase letter"
 	}
 ];
-function tt(e) {
-	return et.filter((t) => t.regex.test(e)).length;
+function Ht(e) {
+	return Vt.filter((t) => t.regex.test(e)).length;
 }
-var nt = [
+var Ut = [
 	"bg-border",
 	"bg-red-500",
 	"bg-orange-500",
 	"bg-amber-500",
 	"bg-emerald-500"
 ];
-function K({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: i, defaultValue: a, onChange: l, ...u }) {
-	let [d, f] = _.useState(!1), [m, v] = _.useState(String(a ?? "")), y = i === void 0 ? m : String(i), b = tt(y);
-	return /* @__PURE__ */ g("div", {
-		className: R("flex w-full flex-col gap-3", r),
-		children: [/* @__PURE__ */ g(Ue, { children: [/* @__PURE__ */ h(Ke, {
+function Wt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: o, defaultValue: s, onChange: c, ...l }) {
+	let [d, f] = D.useState(!1), [p, g] = D.useState(String(s ?? "")), _ = o === void 0 ? p : String(o), v = Ht(_);
+	return /* @__PURE__ */ a("div", {
+		className: V("flex w-full flex-col gap-3", r),
+		children: [/* @__PURE__ */ a(ft, { children: [/* @__PURE__ */ i(ht, {
 			placeholder: "Enter your password",
-			...u,
+			...l,
 			type: d ? "text" : "password",
-			value: y,
+			value: _,
 			onChange: (e) => {
-				v(e.target.value), l?.(e);
+				g(e.target.value), c?.(e);
 			}
-		}), e && /* @__PURE__ */ h(We, {
+		}), e && /* @__PURE__ */ i(pt, {
 			align: "inline-end",
-			children: /* @__PURE__ */ h(B, {
+			children: /* @__PURE__ */ i(H, {
 				"aria-label": d ? "Hide password" : "Show password",
 				onClick: () => {
-					n && Oe(d ? "droplet" : "bloom"), f((e) => !e);
+					n && Ze(d ? "droplet" : "bloom"), f((e) => !e);
 				},
 				size: "icon-xs",
 				variant: "ghost",
 				sound: !1,
-				children: /* @__PURE__ */ h(F, {
+				children: /* @__PURE__ */ i(z, {
 					mode: "wait",
 					initial: !1,
-					children: /* @__PURE__ */ h(I.span, {
+					children: /* @__PURE__ */ i(B.span, {
 						className: "inline-flex",
 						initial: {
 							opacity: 0,
@@ -757,15 +965,15 @@ function K({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, clas
 						},
 						transition: {
 							duration: .15,
-							ease: $e
+							ease: Bt
 						},
-						children: h(d ? c : s, { "aria-hidden": "true" })
+						children: i(d ? h : m, { "aria-hidden": "true" })
 					}, d ? "off" : "on")
 				})
 			})
-		})] }), /* @__PURE__ */ h(F, {
+		})] }), /* @__PURE__ */ i(z, {
 			initial: !1,
-			children: t && /* @__PURE__ */ g(I.div, {
+			children: t && /* @__PURE__ */ a(B.div, {
 				className: "flex flex-col gap-2 overflow-hidden",
 				initial: {
 					height: 0,
@@ -781,39 +989,39 @@ function K({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, clas
 				},
 				transition: {
 					duration: .25,
-					ease: $e
+					ease: Bt
 				},
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ i("div", {
 					"aria-label": "Password strength",
 					"aria-valuemax": 4,
 					"aria-valuemin": 0,
-					"aria-valuenow": b,
+					"aria-valuenow": v,
 					className: "h-1 w-full overflow-hidden rounded-full bg-border",
 					role: "progressbar",
-					children: /* @__PURE__ */ h(I.div, {
-						className: R("h-full rounded-full", nt[b]),
-						animate: { width: `${b / 4 * 100}%` },
+					children: /* @__PURE__ */ i(B.div, {
+						className: V("h-full rounded-full", Ut[v]),
+						animate: { width: `${v / 4 * 100}%` },
 						transition: {
 							duration: .4,
-							ease: $e
+							ease: Bt
 						}
 					})
-				}), /* @__PURE__ */ h("ul", {
+				}), /* @__PURE__ */ i("ul", {
 					"aria-label": "Password requirements",
 					className: "flex flex-col gap-1",
-					children: et.map((e) => {
-						let t = e.regex.test(y);
-						return /* @__PURE__ */ g("li", {
+					children: Vt.map((e) => {
+						let t = e.regex.test(_);
+						return /* @__PURE__ */ a("li", {
 							className: "flex items-center gap-2 text-xs",
-							children: [t ? /* @__PURE__ */ h(o, {
+							children: [t ? /* @__PURE__ */ i(u, {
 								"aria-hidden": "true",
 								className: "size-3.5 text-emerald-500"
-							}) : /* @__PURE__ */ h(p, {
+							}) : /* @__PURE__ */ i(E, {
 								"aria-hidden": "true",
 								className: "size-3.5 text-muted-foreground/80"
-							}), /* @__PURE__ */ g("span", {
+							}), /* @__PURE__ */ a("span", {
 								className: t ? "text-emerald-600" : "text-muted-foreground",
-								children: [e.text, /* @__PURE__ */ h("span", {
+								children: [e.text, /* @__PURE__ */ i("span", {
 									className: "sr-only",
 									children: t ? " - met" : " - not met"
 								})]
@@ -827,50 +1035,50 @@ function K({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, clas
 }
 //#endregion
 //#region src/components/composed/social-providers.tsx
-var q = {
+var Gt = {
 	google: {
 		label: "Google",
-		Icon: ie
+		Icon: be
 	},
 	apple: {
 		label: "Apple",
-		Icon: L
+		Icon: ve
 	},
 	github: {
 		label: "GitHub",
-		Icon: re
+		Icon: ye
 	},
 	x: {
 		label: "X",
-		Icon: ae
+		Icon: xe
 	}
-}, rt = {
+}, Kt = {
 	login: "Login with",
 	signup: "Sign up with",
 	continue: "Continue with"
 };
-function it({ providers: e = [
+function qt({ providers: e = [
 	"google",
 	"apple",
 	"github"
-], action: t = "continue", layout: n = "stack", loadingProvider: r = null, disabled: i = !1, onSelect: a, className: o }) {
-	let s = n === "row";
-	return /* @__PURE__ */ h("div", {
-		className: R("flex w-full gap-2", s ? "flex-row justify-center" : "flex-col", o),
+], action: t = "continue", layout: n = "stack", loadingProvider: r = null, disabled: o = !1, onSelect: s, className: c }) {
+	let l = n === "row";
+	return /* @__PURE__ */ i("div", {
+		className: V("flex w-full gap-2", l ? "flex-row justify-center" : "flex-col", c),
 		children: e.map((e) => {
-			let { label: n, Icon: o } = q[e];
-			return /* @__PURE__ */ g(B, {
+			let { label: n, Icon: c } = Gt[e];
+			return /* @__PURE__ */ a(H, {
 				variant: "outline",
-				size: s ? "icon" : "default",
-				className: s ? void 0 : "w-full",
-				"aria-label": `${rt[t]} ${n}`,
+				size: l ? "icon" : "default",
+				className: l ? void 0 : "w-full",
+				"aria-label": `${Kt[t]} ${n}`,
 				loading: r === e,
-				disabled: i || r !== null && r !== e,
-				onClick: () => a?.(e),
-				children: [/* @__PURE__ */ h(o, { "aria-hidden": "true" }), !s && /* @__PURE__ */ g("span", {
+				disabled: o || r !== null && r !== e,
+				onClick: () => s?.(e),
+				children: [/* @__PURE__ */ i(c, { "aria-hidden": "true" }), !l && /* @__PURE__ */ a("span", {
 					className: "flex-1",
 					children: [
-						rt[t],
+						Kt[t],
 						" ",
 						n
 					]
@@ -880,8 +1088,31 @@ function it({ providers: e = [
 	});
 }
 //#endregion
+//#region src/components/composed/user-avatar.tsx
+function Jt(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "" : ((t[0]?.[0] ?? "") + (t.length > 1 ? t.at(-1)?.[0] ?? "" : "")).toUpperCase();
+}
+function Yt({ src: e, name: t = "", initials: n, alt: r, loading: o, className: s, ...c }) {
+	let [l, u] = D.useState("idle"), d = o ?? (e !== void 0 && (l === "idle" || l === "loading"));
+	return /* @__PURE__ */ a(Ce, {
+		className: V("size-8", s),
+		"data-loading": d || void 0,
+		"data-slot": "user-avatar",
+		...c,
+		children: [e === void 0 || o === !0 ? null : /* @__PURE__ */ i(we, {
+			alt: r ?? t,
+			onLoadingStatusChange: u,
+			src: e
+		}), /* @__PURE__ */ i(Te, { children: d ? /* @__PURE__ */ i(zt, {
+			className: "size-full rounded-full",
+			"data-slot": "avatar-skeleton"
+		}) : n ?? Jt(t) })]
+	});
+}
+//#endregion
 //#region src/lib/auth-accent.ts
-var at = {
+var Xt = {
 	corpora: {
 		"--auth-accent": "#E8B124",
 		"--auth-accent-image": "none",
@@ -892,38 +1123,38 @@ var at = {
 		"--auth-accent-image": "linear-gradient(44deg in oklab, rgba(29,0,202,0.66) 3%, #3B0080 37%, rgba(36,0,72,0.86) 98%)",
 		"--auth-accent-foreground": "oklch(0.985 0 0)"
 	}
-}, ot = "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]", J = [
+}, Zt = "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]", K = [
 	.22,
 	1,
 	.36,
 	1
 ];
-function Y({ title: e, description: t, children: n, footer: r, className: i, logo: a, accent: o }) {
-	return /* @__PURE__ */ h(ne, {
+function q({ title: e, description: t, children: n, footer: r, className: o, logo: s, accent: c }) {
+	return /* @__PURE__ */ i(ge, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ h(Fe, {
-			className: R("w-full max-w-sm", i),
-			"data-accent": o,
-			style: o ? at[o] : void 0,
-			children: /* @__PURE__ */ g(I.div, {
+		children: /* @__PURE__ */ i(it, {
+			className: V("w-full max-w-sm", o),
+			"data-accent": c,
+			style: c ? Xt[c] : void 0,
+			children: /* @__PURE__ */ a(B.div, {
 				layout: !0,
 				transition: {
 					duration: .3,
-					ease: J
+					ease: K
 				},
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ g(he, { children: [/* @__PURE__ */ g(Se, { children: [
-					a && /* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ a(Ie, { children: [/* @__PURE__ */ a(Ue, { children: [
+					s && /* @__PURE__ */ i("div", {
 						className: "mb-1.5 flex items-center [&_img:not([class*='h-'])]:h-8 [&_img]:w-auto [&_svg:not([class*='size-'])]:size-8",
 						"data-slot": "auth-logo",
-						children: a
+						children: s
 					}),
-					/* @__PURE__ */ h(V, { children: e }),
-					t && /* @__PURE__ */ h(Ce, { children: t })
-				] }), /* @__PURE__ */ h(H, {
+					/* @__PURE__ */ i(We, { children: e }),
+					t && /* @__PURE__ */ i(Ge, { children: t })
+				] }), /* @__PURE__ */ i(qe, {
 					className: "overflow-hidden",
 					children: n
-				})] }), r && /* @__PURE__ */ h(Be, {
+				})] }), r && /* @__PURE__ */ i(lt, {
 					className: "text-center text-sm text-muted-foreground",
 					children: r
 				})]
@@ -931,11 +1162,11 @@ function Y({ title: e, description: t, children: n, footer: r, className: i, log
 		})
 	});
 }
-function X({ step: e, children: t, className: n }) {
-	return /* @__PURE__ */ h(F, {
+function J({ step: e, children: t, className: n }) {
+	return /* @__PURE__ */ i(z, {
 		mode: "popLayout",
 		initial: !1,
-		children: /* @__PURE__ */ h(I.div, {
+		children: /* @__PURE__ */ i(B.div, {
 			className: n,
 			initial: {
 				opacity: 0,
@@ -954,24 +1185,24 @@ function X({ step: e, children: t, className: n }) {
 			},
 			transition: {
 				duration: .25,
-				ease: J
+				ease: K
 			},
 			children: t
 		}, e)
 	});
 }
-function Z({ show: e, children: t, className: n }) {
-	let [r, i] = _.useState({
+function Y({ show: e, children: t, className: n }) {
+	let [r, a] = D.useState({
 		show: e,
 		settled: e
 	});
-	return r.show !== e && i({
+	return r.show !== e && a({
 		show: e,
 		settled: !1
-	}), /* @__PURE__ */ h(F, {
+	}), /* @__PURE__ */ i(z, {
 		initial: !1,
-		children: e && /* @__PURE__ */ h(I.div, {
-			className: R(!r.settled && "overflow-hidden", n),
+		children: e && /* @__PURE__ */ i(B.div, {
+			className: V(!r.settled && "overflow-hidden", n),
 			initial: {
 				height: 0,
 				opacity: 0,
@@ -992,9 +1223,9 @@ function Z({ show: e, children: t, className: n }) {
 			},
 			transition: {
 				duration: .25,
-				ease: J
+				ease: K
 			},
-			onAnimationComplete: () => i((e) => ({
+			onAnimationComplete: () => a((e) => ({
 				...e,
 				settled: !0
 			})),
@@ -1002,10 +1233,10 @@ function Z({ show: e, children: t, className: n }) {
 		})
 	});
 }
-function Q({ message: e }) {
-	return /* @__PURE__ */ h(F, {
+function X({ message: e }) {
+	return /* @__PURE__ */ i(z, {
 		initial: !1,
-		children: e && /* @__PURE__ */ h(I.p, {
+		children: e && /* @__PURE__ */ i(B.p, {
 			role: "alert",
 			className: "text-sm text-destructive-foreground",
 			initial: {
@@ -1030,7 +1261,7 @@ function Q({ message: e }) {
 			},
 			transition: {
 				duration: .25,
-				ease: J,
+				ease: K,
 				x: {
 					duration: .4,
 					ease: "easeInOut"
@@ -1040,11 +1271,11 @@ function Q({ message: e }) {
 		}, e)
 	});
 }
-function $({ title: e, description: t, children: n }) {
-	return /* @__PURE__ */ g("div", {
+function Z({ title: e, description: t, children: n }) {
+	return /* @__PURE__ */ a("div", {
 		className: "flex flex-col items-center gap-3 py-4 text-center",
 		children: [
-			/* @__PURE__ */ h(I.span, {
+			/* @__PURE__ */ i(B.span, {
 				className: "flex size-12 items-center justify-center rounded-full bg-emerald-500/12 text-emerald-600",
 				initial: {
 					scale: .6,
@@ -1056,9 +1287,9 @@ function $({ title: e, description: t, children: n }) {
 				},
 				transition: {
 					duration: .4,
-					ease: J
+					ease: K
 				},
-				children: /* @__PURE__ */ h("svg", {
+				children: /* @__PURE__ */ i("svg", {
 					"aria-hidden": "true",
 					viewBox: "0 0 24 24",
 					className: "size-6",
@@ -1067,24 +1298,24 @@ function $({ title: e, description: t, children: n }) {
 					strokeWidth: "2.5",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: /* @__PURE__ */ h(I.path, {
+					children: /* @__PURE__ */ i(B.path, {
 						d: "M4 12.5l5 5L20 6.5",
 						initial: { pathLength: 0 },
 						animate: { pathLength: 1 },
 						transition: {
 							duration: .4,
 							delay: .15,
-							ease: J
+							ease: K
 						}
 					})
 				})
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ h("p", {
+				children: [/* @__PURE__ */ i("p", {
 					className: "font-medium",
 					children: e
-				}), t && /* @__PURE__ */ h("p", {
+				}), t && /* @__PURE__ */ i("p", {
 					className: "text-sm text-muted-foreground",
 					children: t
 				})]
@@ -1093,21 +1324,21 @@ function $({ title: e, description: t, children: n }) {
 		]
 	});
 }
-function st({ label: e = "Or" }) {
-	return /* @__PURE__ */ g("div", {
+function Qt({ label: e = "Or" }) {
+	return /* @__PURE__ */ a("div", {
 		className: "flex items-center gap-3",
 		children: [
-			/* @__PURE__ */ h(Ye, { className: "flex-1" }),
-			/* @__PURE__ */ h("span", {
+			/* @__PURE__ */ i(Ft, { className: "flex-1" }),
+			/* @__PURE__ */ i("span", {
 				className: "text-xs text-muted-foreground uppercase",
 				children: e
 			}),
-			/* @__PURE__ */ h(Ye, { className: "flex-1" })
+			/* @__PURE__ */ i(Ft, { className: "flex-1" })
 		]
 	});
 }
-function ct(e, t) {
-	let [n, r] = _.useState({
+function $t(e, t) {
+	let [n, r] = D.useState({
 		restartKey: t,
 		seconds: e,
 		remaining: e
@@ -1116,7 +1347,7 @@ function ct(e, t) {
 		restartKey: t,
 		seconds: e,
 		remaining: e
-	}), _.useEffect(() => {
+	}), D.useEffect(() => {
 		if (e <= 0) return;
 		let t = window.setInterval(() => {
 			r((e) => e.remaining <= 0 ? e : {
@@ -1129,54 +1360,54 @@ function ct(e, t) {
 }
 //#endregion
 //#region src/components/blocks/auth/code-auth-block.tsx
-function lt({ channel: e = "email", logo: t, accent: n, destination: r, length: i = 6, autoSubmit: a = !0, resendSeconds: o = 30, onVerify: s, onResend: c, onBack: l }) {
-	let [u, p] = _.useState("idle"), [v, y] = _.useState(null), [b, x] = _.useState(""), [S, C] = _.useState(0), w = ct(o, S), T = e === "sms" ? f : d, E = e === "sms" ? "phone" : "email", D = _.useCallback(async (e) => {
-		y(null), p("loading");
+function en({ channel: e = "email", logo: t, accent: n, destination: o, length: s = 6, autoSubmit: c = !0, resendSeconds: l = 30, onVerify: u, onResend: d, onBack: f }) {
+	let [p, m] = D.useState("idle"), [h, g] = D.useState(null), [_, v] = D.useState(""), [b, x] = D.useState(0), C = $t(l, b), w = e === "sms" ? S : y, T = e === "sms" ? "phone" : "email", E = D.useCallback(async (e) => {
+		g(null), m("loading");
 		try {
-			await s?.(e), p("success");
+			await u?.(e), m("success");
 		} catch (e) {
-			p("idle"), x(""), y(e instanceof Error ? e.message : "Invalid code.");
+			m("idle"), v(""), g(e instanceof Error ? e.message : "Invalid code.");
 		}
-	}, [s]);
+	}, [u]);
 	function O(e) {
-		x(e), v && y(null), a && e.length === i && u === "idle" && D(e);
+		v(e), h && g(null), c && e.length === s && p === "idle" && E(e);
 	}
 	async function k() {
-		C((e) => e + 1), x(""), y(null), await c?.();
+		x((e) => e + 1), v(""), g(null), await d?.();
 	}
-	return /* @__PURE__ */ h(Y, {
+	return /* @__PURE__ */ i(q, {
 		title: "Enter verification code",
 		logo: t,
 		accent: n,
-		description: /* @__PURE__ */ g("span", {
+		description: /* @__PURE__ */ a("span", {
 			className: "inline-flex items-center gap-1.5",
-			children: [/* @__PURE__ */ h(T, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ g("span", { children: [
+			children: [/* @__PURE__ */ i(w, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ a("span", { children: [
 				"We sent a ",
-				i,
+				s,
 				"-digit code to your ",
-				E,
-				r ? /* @__PURE__ */ g(m, { children: [" ", /* @__PURE__ */ h("span", {
+				T,
+				o ? /* @__PURE__ */ a(r, { children: [" ", /* @__PURE__ */ i("span", {
 					className: "font-medium text-foreground",
-					children: r
+					children: o
 				})] }) : null,
 				"."
 			] })]
 		}),
-		footer: u !== "success" && /* @__PURE__ */ g(B, {
+		footer: p !== "success" && /* @__PURE__ */ a(H, {
 			variant: "link",
-			onClick: l,
-			children: ["Use a different ", E]
+			onClick: f,
+			children: ["Use a different ", T]
 		}),
-		children: /* @__PURE__ */ h(X, {
-			step: u === "success" ? "success" : "form",
-			children: u === "success" ? /* @__PURE__ */ h($, {
+		children: /* @__PURE__ */ i(J, {
+			step: p === "success" ? "success" : "form",
+			children: p === "success" ? /* @__PURE__ */ i(Z, {
 				title: "Verified",
 				description: "Your identity has been confirmed."
-			}) : /* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ a("div", {
 				className: "flex flex-col items-center gap-4",
 				children: [
-					/* @__PURE__ */ h(I.div, {
-						animate: v ? { x: [
+					/* @__PURE__ */ i(B.div, {
+						animate: h ? { x: [
 							0,
 							-8,
 							8,
@@ -1188,42 +1419,42 @@ function lt({ channel: e = "email", logo: t, accent: n, destination: r, length:
 							duration: .4,
 							ease: "easeInOut"
 						},
-						children: /* @__PURE__ */ h(Xe, {
-							length: i,
-							value: b,
+						children: /* @__PURE__ */ i(It, {
+							length: s,
+							value: _,
 							onValueChange: O,
-							disabled: u === "loading",
-							children: Array.from({ length: i }, (e, t) => /* @__PURE__ */ h(Ze, {
-								"aria-invalid": v ? !0 : void 0,
-								"aria-label": `Digit ${t + 1} of ${i}`
+							disabled: p === "loading",
+							children: Array.from({ length: s }, (e, t) => /* @__PURE__ */ i(Lt, {
+								"aria-invalid": h ? !0 : void 0,
+								"aria-label": `Digit ${t + 1} of ${s}`
 							}, `slot-${t}`))
 						})
-					}, v ?? "steady"),
-					/* @__PURE__ */ h(Q, { message: v }),
-					!a && /* @__PURE__ */ h(B, {
-						className: R("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
-						loading: u === "loading",
-						disabled: b.length !== i,
-						onClick: () => void D(b),
+					}, h ?? "steady"),
+					/* @__PURE__ */ i(X, { message: h }),
+					!c && /* @__PURE__ */ i(H, {
+						className: V("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+						loading: p === "loading",
+						disabled: _.length !== s,
+						onClick: () => void E(_),
 						children: "Verify"
 					}),
-					/* @__PURE__ */ h(I.p, {
+					/* @__PURE__ */ i(B.p, {
 						layout: !0,
 						transition: {
 							duration: .25,
-							ease: J
+							ease: K
 						},
 						className: "text-center text-sm text-muted-foreground",
-						children: w > 0 ? /* @__PURE__ */ g(m, { children: [
+						children: C > 0 ? /* @__PURE__ */ a(r, { children: [
 							"Resend code in",
 							" ",
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ a("span", {
 								className: "font-medium tabular-nums text-foreground",
-								children: [w, "s"]
+								children: [C, "s"]
 							})
-						] }) : /* @__PURE__ */ h(B, {
+						] }) : /* @__PURE__ */ i(H, {
 							variant: "link",
-							disabled: u === "loading",
+							disabled: p === "loading",
 							onClick: () => void k(),
 							children: "Resend code"
 						})
@@ -1235,72 +1466,72 @@ function lt({ channel: e = "email", logo: t, accent: n, destination: r, length:
 }
 //#endregion
 //#region src/components/blocks/auth/forgot-password-block.tsx
-function ut({ title: e = "Reset your password", logo: t, accent: n, description: r = "Enter your email and we will send you a reset link", onSubmit: i, onBackToLogin: o }) {
-	let s = _.useId(), [c, l] = _.useState("idle"), [u, d] = _.useState(null), [f, p] = _.useState("");
-	async function v(e) {
-		e.preventDefault(), d(null), l("loading");
+function tn({ title: e = "Reset your password", logo: t, accent: n, description: o = "Enter your email and we will send you a reset link", onSubmit: s, onBackToLogin: c }) {
+	let u = D.useId(), [d, f] = D.useState("idle"), [p, m] = D.useState(null), [h, g] = D.useState("");
+	async function _(e) {
+		e.preventDefault(), m(null), f("loading");
 		try {
-			await i?.({ email: f }), l("success");
+			await s?.({ email: h }), f("success");
 		} catch (e) {
-			l("idle"), d(e instanceof Error ? e.message : "Unable to send reset link.");
+			f("idle"), m(e instanceof Error ? e.message : "Unable to send reset link.");
 		}
 	}
-	return /* @__PURE__ */ h(Y, {
+	return /* @__PURE__ */ i(q, {
 		title: e,
-		description: r,
+		description: o,
 		logo: t,
 		accent: n,
-		footer: /* @__PURE__ */ g(B, {
+		footer: /* @__PURE__ */ a(H, {
 			variant: "link",
 			className: "gap-1",
-			onClick: o,
-			children: [/* @__PURE__ */ h(a, { className: "size-3.5" }), "Back to login"]
+			onClick: c,
+			children: [/* @__PURE__ */ i(l, { className: "size-3.5" }), "Back to login"]
 		}),
-		children: /* @__PURE__ */ h(X, {
-			step: c === "success" ? "success" : "form",
-			children: c === "success" ? /* @__PURE__ */ h($, {
+		children: /* @__PURE__ */ i(J, {
+			step: d === "success" ? "success" : "form",
+			children: d === "success" ? /* @__PURE__ */ i(Z, {
 				title: "Check your inbox",
-				description: /* @__PURE__ */ g(m, { children: [
+				description: /* @__PURE__ */ a(r, { children: [
 					"We sent a password reset link to",
 					" ",
-					/* @__PURE__ */ h("span", {
+					/* @__PURE__ */ i("span", {
 						className: "font-medium text-foreground",
-						children: f
+						children: h
 					}),
 					"."
 				] }),
-				children: /* @__PURE__ */ h(B, {
+				children: /* @__PURE__ */ i(H, {
 					variant: "link",
 					className: "text-xs sm:text-xs",
-					onClick: () => l("idle"),
+					onClick: () => f("idle"),
 					children: "Use a different email"
 				})
-			}) : /* @__PURE__ */ g("form", {
+			}) : /* @__PURE__ */ a("form", {
 				className: "flex flex-col gap-4",
-				onSubmit: v,
+				onSubmit: _,
 				children: [
-					/* @__PURE__ */ g(U, {
+					/* @__PURE__ */ a(U, {
 						name: "email",
-						children: [/* @__PURE__ */ h(W, {
-							htmlFor: s,
+						children: [/* @__PURE__ */ i(W, {
+							htmlFor: u,
 							children: "Email"
-						}), /* @__PURE__ */ h(G, {
-							id: s,
+						}), /* @__PURE__ */ i(G, {
+							id: u,
 							name: "email",
 							type: "email",
 							autoComplete: "email",
 							placeholder: "you@example.com",
 							required: !0,
-							disabled: c === "loading",
-							value: f,
-							onChange: (e) => p(e.target.value)
+							disabled: d === "loading",
+							value: h,
+							onChange: (e) => g(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ h(Q, { message: u }),
-					/* @__PURE__ */ h(B, {
-						className: R("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+					/* @__PURE__ */ i(X, { message: p }),
+					/* @__PURE__ */ i(H, {
+						className: V("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 						type: "submit",
-						loading: c === "loading",
+						loading: d === "loading",
 						children: "Send reset link"
 					})
 				]
@@ -1310,62 +1541,62 @@ function ut({ title: e = "Reset your password", logo: t, accent: n, description:
 }
 //#endregion
 //#region src/components/blocks/auth/linked-accounts-block.tsx
-var dt = "This is your only way to sign in, so it can't be disconnected.";
-function ft({ title: e = "Connected accounts", description: t = "Manage the accounts you can use to sign in.", identities: n = [], providers: r = [
+var nn = "This is your only way to sign in, so it can't be disconnected.";
+function rn({ title: e = "Connected accounts", description: t = "Manage the accounts you can use to sign in.", identities: n = [], providers: r = [
 	"google",
 	"apple",
 	"github"
-], loading: i = !1, onLink: a, onUnlink: o, className: s }) {
-	let c = _.useId(), [l, u] = _.useState(null), [d, f] = _.useState(null), [p, m] = _.useState(null), v = new Set(n.map((e) => e.provider)), y = r.filter((e) => !v.has(e)), b = d !== null || p !== null, x = n.length <= 1;
-	async function S(e) {
-		if (!b) {
-			u(null), f(e);
+], loading: o = !1, onLink: s, onUnlink: c, className: l }) {
+	let u = D.useId(), [d, f] = D.useState(null), [p, m] = D.useState(null), [h, g] = D.useState(null), _ = new Set(n.map((e) => e.provider)), v = r.filter((e) => !_.has(e)), y = p !== null || h !== null, b = n.length <= 1;
+	async function x(e) {
+		if (!y) {
+			f(null), m(e);
 			try {
-				await a?.(e);
+				await s?.(e);
 			} catch (e) {
-				u(e instanceof Error ? e.message : "Unable to connect account.");
+				f(e instanceof Error ? e.message : "Unable to connect account.");
 			} finally {
-				f(null);
+				m(null);
 			}
 		}
 	}
-	async function C(e) {
-		if (!(b || x)) {
-			u(null), m(e);
+	async function S(e) {
+		if (!(y || b)) {
+			f(null), g(e);
 			try {
-				await o?.(e);
+				await c?.(e);
 			} catch (e) {
-				u(e instanceof Error ? e.message : "Unable to disconnect account.");
+				f(e instanceof Error ? e.message : "Unable to disconnect account.");
 			} finally {
-				m(null);
+				g(null);
 			}
 		}
 	}
-	return /* @__PURE__ */ h(ne, {
+	return /* @__PURE__ */ i(ge, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ g(he, {
-			className: R("w-full", s),
+		children: /* @__PURE__ */ a(Ie, {
+			className: V("w-full", l),
 			"data-slot": "auth-block",
-			children: [/* @__PURE__ */ g(Se, { children: [/* @__PURE__ */ h(V, { children: e }), /* @__PURE__ */ h(Ce, { children: t })] }), /* @__PURE__ */ h(H, { children: i ? /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ a(Ue, { children: [/* @__PURE__ */ i(We, { children: e }), /* @__PURE__ */ i(Ge, { children: t })] }), /* @__PURE__ */ i(qe, { children: o ? /* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ h(z, { className: "size-4" }), "Loading connected accounts…"]
-			}) : /* @__PURE__ */ g(I.div, {
+				children: [/* @__PURE__ */ i(Ee, { className: "size-4" }), "Loading connected accounts…"]
+			}) : /* @__PURE__ */ a(B.div, {
 				layout: !0,
 				transition: {
 					duration: .3,
-					ease: J
+					ease: K
 				},
 				className: "flex flex-col gap-3",
 				children: [
-					/* @__PURE__ */ h(Q, { message: l }),
-					n.length > 0 ? /* @__PURE__ */ h("ul", {
+					/* @__PURE__ */ i(X, { message: d }),
+					n.length > 0 ? /* @__PURE__ */ i("ul", {
 						"aria-label": "Connected accounts",
 						className: "flex flex-col gap-2",
-						children: /* @__PURE__ */ h(F, {
+						children: /* @__PURE__ */ i(z, {
 							initial: !1,
 							children: n.map((e, t) => {
-								let { label: n, Icon: r } = q[e.provider];
-								return /* @__PURE__ */ g(I.li, {
+								let { label: n, Icon: r } = Gt[e.provider];
+								return /* @__PURE__ */ a(B.li, {
 									layout: !0,
 									className: "flex items-center justify-between gap-3 rounded-lg border px-3 py-2",
 									initial: {
@@ -1382,57 +1613,57 @@ function ft({ title: e = "Connected accounts", description: t = "Manage the acco
 									},
 									transition: {
 										duration: .25,
-										ease: J,
+										ease: K,
 										delay: Math.min(t, 5) * .04
 									},
-									children: [/* @__PURE__ */ g("div", {
+									children: [/* @__PURE__ */ a("div", {
 										className: "flex min-w-0 items-center gap-2.5",
-										children: [/* @__PURE__ */ h(r, {
+										children: [/* @__PURE__ */ i(r, {
 											"aria-hidden": "true",
 											className: "size-4 text-muted-foreground"
-										}), /* @__PURE__ */ g("div", {
+										}), /* @__PURE__ */ a("div", {
 											className: "flex min-w-0 flex-col",
-											children: [/* @__PURE__ */ h("span", {
+											children: [/* @__PURE__ */ i("span", {
 												className: "font-medium text-sm",
 												children: n
-											}), e.email && /* @__PURE__ */ h("span", {
+											}), e.email && /* @__PURE__ */ i("span", {
 												className: "truncate text-xs text-muted-foreground",
 												children: e.email
 											})]
 										})]
-									}), /* @__PURE__ */ h(B, {
-										"aria-describedby": x ? c : void 0,
+									}), /* @__PURE__ */ i(H, {
+										"aria-describedby": b ? u : void 0,
 										"aria-label": `Disconnect ${n}`,
 										size: "sm",
 										type: "button",
 										variant: "destructive-outline",
-										disabled: b || x,
-										loading: p === e.id,
-										onClick: () => void C(e.id),
+										disabled: y || b,
+										loading: h === e.id,
+										onClick: () => void S(e.id),
 										children: "Disconnect"
 									})]
 								}, e.id);
 							})
 						})
-					}) : /* @__PURE__ */ h("p", {
+					}) : /* @__PURE__ */ i("p", {
 						className: "text-sm text-muted-foreground",
 						children: "No sign-in methods connected yet."
 					}),
-					x && n.length > 0 && /* @__PURE__ */ h("p", {
+					b && n.length > 0 && /* @__PURE__ */ i("p", {
 						className: "text-xs text-muted-foreground",
-						id: c,
-						children: dt
+						id: u,
+						children: nn
 					}),
-					y.map((e) => {
-						let { label: t, Icon: n } = q[e];
-						return /* @__PURE__ */ g(B, {
+					v.map((e) => {
+						let { label: t, Icon: n } = Gt[e];
+						return /* @__PURE__ */ a(H, {
 							className: "w-full",
 							type: "button",
 							variant: "outline",
-							disabled: b,
-							loading: d === e,
-							onClick: () => void S(e),
-							children: [/* @__PURE__ */ h(n, { "aria-hidden": "true" }), /* @__PURE__ */ g("span", {
+							disabled: y,
+							loading: p === e,
+							onClick: () => void x(e),
+							children: [/* @__PURE__ */ i(n, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", {
 								className: "flex-1",
 								children: ["Connect ", t]
 							})]
@@ -1445,68 +1676,68 @@ function ft({ title: e = "Connected accounts", description: t = "Manage the acco
 }
 //#endregion
 //#region src/components/blocks/auth/login-block.tsx
-function pt({ title: e = "Login to your account", description: t = "Enter your email and password to login", logo: n, accent: r, providers: i = [
+function an({ title: e = "Login to your account", description: t = "Enter your email and password to login", logo: n, accent: o, providers: s = [
 	"google",
 	"apple",
 	"github"
-], showRememberMe: a = !0, showForgotPassword: o = !0, onSubmit: s, onProviderSelect: c, onForgotPassword: l, onSignup: u }) {
-	let d = _.useId(), f = _.useId(), [p, v] = _.useState("idle"), [y, b] = _.useState(null), [x, S] = _.useState(null), [C, w] = _.useState(!1), [T, E] = _.useState(""), [D, O] = _.useState(!1), [k, A] = _.useState(""), j = p === "loading" || x !== null, ee = k.trim().length > 0, M = D && ee;
-	async function N(e) {
-		if (e.preventDefault(), !M) return;
+], showRememberMe: c = !0, showForgotPassword: l = !0, onSubmit: u, onProviderSelect: d, onForgotPassword: f, onSignup: p }) {
+	let m = D.useId(), h = D.useId(), [g, _] = D.useState("idle"), [v, y] = D.useState(null), [b, x] = D.useState(null), [S, C] = D.useState(!1), [w, T] = D.useState(""), [E, O] = D.useState(!1), [k, A] = D.useState(""), j = g === "loading" || b !== null, M = k.trim().length > 0, N = E && M;
+	async function P(e) {
+		if (e.preventDefault(), !N) return;
 		let t = new FormData(e.currentTarget);
-		b(null), v("loading");
+		y(null), _("loading");
 		try {
-			await s?.({
+			await u?.({
 				email: String(t.get("email") ?? ""),
 				password: String(t.get("password") ?? ""),
-				remember: C
-			}), v("success");
+				remember: S
+			}), _("success");
 		} catch (e) {
-			v("idle"), b(e instanceof Error ? e.message : "Unable to login.");
+			_("idle"), y(e instanceof Error ? e.message : "Unable to login.");
 		}
 	}
-	async function P(e) {
-		b(null), S(e);
+	async function ee(e) {
+		y(null), x(e);
 		try {
-			await c?.(e), v("success");
+			await d?.(e), _("success");
 		} catch (e) {
-			b(e instanceof Error ? e.message : "Unable to login.");
+			y(e instanceof Error ? e.message : "Unable to login.");
 		} finally {
-			S(null);
+			x(null);
 		}
 	}
-	return /* @__PURE__ */ h(Y, {
+	return /* @__PURE__ */ i(q, {
 		title: e,
 		description: t,
 		logo: n,
-		accent: r,
-		footer: p !== "success" && /* @__PURE__ */ g(m, { children: [
+		accent: o,
+		footer: g !== "success" && /* @__PURE__ */ a(r, { children: [
 			"Don't have an account?",
 			" ",
-			/* @__PURE__ */ h(B, {
+			/* @__PURE__ */ i(H, {
 				variant: "link",
-				onClick: u,
+				onClick: p,
 				children: "Sign up"
 			})
 		] }),
-		children: /* @__PURE__ */ h(X, {
-			step: p === "success" ? "success" : "form",
-			children: p === "success" ? /* @__PURE__ */ h($, {
+		children: /* @__PURE__ */ i(J, {
+			step: g === "success" ? "success" : "form",
+			children: g === "success" ? /* @__PURE__ */ i(Z, {
 				title: "Welcome back",
 				description: "You are now logged in."
-			}) : /* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4",
-				children: [/* @__PURE__ */ g("form", {
+				children: [/* @__PURE__ */ a("form", {
 					className: "flex flex-col gap-4",
-					onSubmit: N,
+					onSubmit: P,
 					children: [
-						/* @__PURE__ */ g(U, {
+						/* @__PURE__ */ a(U, {
 							name: "email",
-							children: [/* @__PURE__ */ h(W, {
-								htmlFor: d,
+							children: [/* @__PURE__ */ i(W, {
+								htmlFor: m,
 								children: "Email"
-							}), /* @__PURE__ */ h(G, {
-								id: d,
+							}), /* @__PURE__ */ i(G, {
+								id: m,
 								"aria-label": "Email",
 								name: "email",
 								type: "email",
@@ -1514,22 +1745,22 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
 								placeholder: "you@example.com",
 								required: !0,
 								disabled: j,
-								value: T,
+								value: w,
 								onChange: (e) => {
-									E(e.currentTarget.value), O(e.currentTarget.validity.valid);
+									T(e.currentTarget.value), O(e.currentTarget.validity.valid);
 								}
 							})]
 						}),
-						/* @__PURE__ */ h(Z, {
-							show: D,
-							children: /* @__PURE__ */ g(U, {
+						/* @__PURE__ */ i(Y, {
+							show: E,
+							children: /* @__PURE__ */ a(U, {
 								name: "password",
 								children: [
-									/* @__PURE__ */ h(W, {
+									/* @__PURE__ */ i(W, {
 										htmlFor: "password",
 										children: "Password"
 									}),
-									/* @__PURE__ */ h(K, {
+									/* @__PURE__ */ i(Wt, {
 										id: "password",
 										name: "password",
 										autoComplete: "current-password",
@@ -1538,50 +1769,50 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
 										value: k,
 										onChange: (e) => A(e.target.value)
 									}),
-									o && /* @__PURE__ */ h(B, {
+									l && /* @__PURE__ */ i(H, {
 										variant: "link",
 										type: "button",
 										className: "self-end font-normal text-muted-foreground text-xs hover:text-foreground sm:text-xs",
-										onClick: l,
+										onClick: f,
 										children: "Forgot password?"
 									})
 								]
 							})
 						}),
-						a && /* @__PURE__ */ g("div", {
+						c && /* @__PURE__ */ a("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ h(ke, {
-								id: f,
-								checked: C,
-								onCheckedChange: (e) => w(e),
+							children: [/* @__PURE__ */ i(Qe, {
+								id: h,
+								checked: S,
+								onCheckedChange: (e) => C(e),
 								disabled: j
-							}), /* @__PURE__ */ h(Je, {
-								htmlFor: f,
+							}), /* @__PURE__ */ i(_t, {
+								htmlFor: h,
 								className: "font-normal",
 								children: "Remember me"
 							})]
 						}),
-						/* @__PURE__ */ h(Q, { message: y }),
-						/* @__PURE__ */ h(Z, {
-							show: M,
-							children: /* @__PURE__ */ h(B, {
-								className: R("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+						/* @__PURE__ */ i(X, { message: v }),
+						/* @__PURE__ */ i(Y, {
+							show: N,
+							children: /* @__PURE__ */ i(H, {
+								className: V("w-full", o && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 								type: "submit",
-								loading: p === "loading",
+								loading: g === "loading",
 								disabled: j,
 								children: "Login"
 							})
 						})
 					]
-				}), i.length > 0 && /* @__PURE__ */ g(Z, {
-					show: !M,
+				}), s.length > 0 && /* @__PURE__ */ a(Y, {
+					show: !N,
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ h(st, { label: "Or continue with" }), /* @__PURE__ */ h(it, {
-						providers: i,
+					children: [/* @__PURE__ */ i(Qt, { label: "Or continue with" }), /* @__PURE__ */ i(qt, {
+						providers: s,
 						action: "login",
-						loadingProvider: x,
-						disabled: p === "loading",
-						onSelect: P
+						loadingProvider: b,
+						disabled: g === "loading",
+						onSelect: ee
 					})]
 				})]
 			})
@@ -1590,10 +1821,10 @@ function pt({ title: e = "Login to your account", description: t = "Enter your e
 }
 //#endregion
 //#region src/components/blocks/auth/onboarding/profile-step.tsx
-function mt(e, t) {
+function on(e, t) {
 	return e.kind === "checkbox" ? typeof t == "boolean" && t : typeof t == "string" ? t : "";
 }
-function ht(e, t) {
+function sn(e, t) {
 	let n = e.required === !0;
 	if (e.kind === "checkbox") return n && t !== !0 ? `${e.label} is required` : null;
 	let r = typeof t == "string" ? t.trim() : "";
@@ -1605,115 +1836,115 @@ function ht(e, t) {
 	}
 	return e.kind === "select" && r.length > 0 && !e.options.map((e) => e.value).includes(r) ? `Choose a valid option for ${e.label}` : e.validate?.(r) ?? null;
 }
-function gt({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit: i, onBack: a, onDraftChange: o }) {
-	let s = _.useId(), [c, l] = _.useState(() => Object.fromEntries(e.fields.map((e) => [e.name, mt(e, t[e.name])]))), [u, d] = _.useState({});
-	function f(e, t) {
-		l((n) => ({
+function cn({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit: o, onBack: s, onDraftChange: c }) {
+	let l = D.useId(), [u, d] = D.useState(() => Object.fromEntries(e.fields.map((e) => [e.name, on(e, t[e.name])]))), [f, p] = D.useState({});
+	function m(e, t) {
+		d((n) => ({
 			...n,
 			[e]: t
-		})), o?.(e, t), d((t) => t[e] ? {
+		})), c?.(e, t), p((t) => t[e] ? {
 			...t,
 			[e]: ""
 		} : t);
 	}
-	async function p(t) {
+	async function h(t) {
 		if (t.preventDefault(), n) return;
 		let r = {};
 		for (let t of e.fields) {
-			let e = ht(t, c[t.name]);
+			let e = sn(t, u[t.name]);
 			e && (r[t.name] = e);
 		}
 		if (Object.keys(r).length > 0) {
-			d(r);
+			p(r);
 			return;
 		}
-		d({});
-		let a = {};
+		p({});
+		let i = {};
 		for (let t of e.fields) {
-			let e = c[t.name];
-			a[t.name] = typeof e == "string" ? e.trim() : e;
+			let e = u[t.name];
+			i[t.name] = typeof e == "string" ? e.trim() : e;
 		}
-		await i(a);
+		await o(i);
 	}
-	return /* @__PURE__ */ g("form", {
+	return /* @__PURE__ */ a("form", {
 		className: "flex flex-col gap-4",
 		noValidate: !0,
-		onSubmit: p,
+		onSubmit: h,
 		children: [e.fields.map((e) => {
-			let t = u[e.name] || void 0, r = `${s}-${e.name}`, i = c[e.name];
-			return e.kind === "checkbox" ? /* @__PURE__ */ g(U, {
+			let t = f[e.name] || void 0, r = `${l}-${e.name}`, o = u[e.name];
+			return e.kind === "checkbox" ? /* @__PURE__ */ a(U, {
 				name: e.name,
 				invalid: !!t,
 				className: "gap-1.5",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ a("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ h(ke, {
+					children: [/* @__PURE__ */ i(Qe, {
 						id: r,
-						checked: i === !0,
+						checked: o === !0,
 						disabled: n,
-						onCheckedChange: (t) => f(e.name, t)
-					}), /* @__PURE__ */ h(Je, {
+						onCheckedChange: (t) => m(e.name, t)
+					}), /* @__PURE__ */ i(_t, {
 						htmlFor: r,
 						className: "font-normal",
 						children: e.label
 					})]
-				}), t && /* @__PURE__ */ h(Me, {
+				}), t && /* @__PURE__ */ i(tt, {
 					match: !0,
 					children: t
 				})]
-			}, e.name) : /* @__PURE__ */ g(U, {
+			}, e.name) : /* @__PURE__ */ a(U, {
 				name: e.name,
 				invalid: !!t,
 				children: [
-					/* @__PURE__ */ h(W, {
+					/* @__PURE__ */ i(W, {
 						htmlFor: r,
 						children: e.label
 					}),
-					e.kind === "textarea" ? /* @__PURE__ */ h(Ve, {
+					e.kind === "textarea" ? /* @__PURE__ */ i(ut, {
 						id: r,
 						"aria-invalid": t ? !0 : void 0,
 						disabled: n,
 						placeholder: e.placeholder,
-						value: String(i ?? ""),
-						onChange: (t) => f(e.name, t.target.value)
-					}) : e.kind === "select" ? /* @__PURE__ */ g("select", {
+						value: String(o ?? ""),
+						onChange: (t) => m(e.name, t.target.value)
+					}) : e.kind === "select" ? /* @__PURE__ */ a("select", {
 						id: r,
 						"aria-invalid": t ? !0 : void 0,
-						className: R("h-8.5 w-full rounded-lg border border-input bg-background px-[calc(--spacing(3)-1px)] text-base text-foreground shadow-xs/5 outline-none transition-[box-shadow,border-color] duration-150 ease-smooth-out focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/24 disabled:opacity-64 aria-invalid:border-destructive/36 sm:h-7.5 sm:text-sm dark:bg-input/32"),
+						className: V("h-8.5 w-full rounded-lg border border-input bg-background px-[calc(--spacing(3)-1px)] text-base text-foreground shadow-xs/5 outline-none transition-[box-shadow,border-color] duration-150 ease-smooth-out focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/24 disabled:opacity-64 aria-invalid:border-destructive/36 sm:h-7.5 sm:text-sm dark:bg-input/32"),
 						disabled: n,
-						value: String(i ?? ""),
-						onChange: (t) => f(e.name, t.target.value),
-						children: [/* @__PURE__ */ h("option", {
+						value: String(o ?? ""),
+						onChange: (t) => m(e.name, t.target.value),
+						children: [/* @__PURE__ */ i("option", {
 							value: "",
 							children: e.placeholder ?? "Choose an option"
-						}), e.options.map((e) => /* @__PURE__ */ h("option", {
+						}), e.options.map((e) => /* @__PURE__ */ i("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))]
-					}) : /* @__PURE__ */ h(G, {
+					}) : /* @__PURE__ */ i(G, {
 						id: r,
 						"aria-invalid": t ? !0 : void 0,
 						disabled: n,
 						placeholder: e.placeholder,
 						type: e.kind === "url" ? "url" : "text",
-						value: String(i ?? ""),
-						onChange: (t) => f(e.name, t.target.value)
+						value: String(o ?? ""),
+						onChange: (t) => m(e.name, t.target.value)
 					}),
-					t && /* @__PURE__ */ h(Me, {
+					t && /* @__PURE__ */ i(tt, {
 						match: !0,
 						children: t
 					})
 				]
 			}, e.name);
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "flex gap-2",
-			children: [a && /* @__PURE__ */ h(B, {
+			children: [s && /* @__PURE__ */ i(H, {
 				type: "button",
 				variant: "outline",
 				disabled: n,
-				onClick: a,
+				onClick: s,
 				children: "Back"
-			}), /* @__PURE__ */ h(B, {
+			}), /* @__PURE__ */ i(H, {
 				className: "flex-1",
 				type: "submit",
 				loading: n,
@@ -1724,7 +1955,7 @@ function gt({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 }
 //#endregion
 //#region src/components/blocks/auth/onboarding-block.tsx
-var _t = [{
+var ln = [{
 	id: "profile",
 	title: "Your profile",
 	fields: [{
@@ -1734,82 +1965,82 @@ var _t = [{
 		required: !0
 	}]
 }];
-function vt({ steps: e = _t, logo: t, accent: n, onStepSubmit: r, onComplete: i, showCompleteScreen: a = !0, className: o }) {
-	let s = _.useRef(null), c = _.useRef({}), [l, u] = _.useState({}), [d, f] = _.useState(0), [p, m] = _.useState({}), [v, y] = _.useState("idle"), [b, x] = _.useState(null), S = v === "success", C = e[d], w = d >= e.length - 1;
-	_.useEffect(() => {
-		b || s.current?.focus();
+function un({ steps: e = ln, logo: t, accent: n, onStepSubmit: r, onComplete: o, showCompleteScreen: s = !0, className: c }) {
+	let l = D.useRef(null), u = D.useRef({}), [d, f] = D.useState({}), [p, m] = D.useState(0), [h, g] = D.useState({}), [_, v] = D.useState("idle"), [y, b] = D.useState(null), x = _ === "success", S = e[p], C = p >= e.length - 1;
+	D.useEffect(() => {
+		y || l.current?.focus();
 	}, [
-		d,
-		S,
-		b
+		p,
+		x,
+		y
 	]);
-	async function T(e) {
-		if (!C) return;
+	async function w(e) {
+		if (!S) return;
 		let t = {
-			...p,
+			...h,
 			...e
 		};
-		x(null), y("loading");
+		b(null), v("loading");
 		try {
-			await r?.(C.id, e), w && await i?.(t), m(t), delete c.current[C.id], u({ ...c.current }), y(w ? "success" : "idle"), w || f((e) => e + 1);
+			await r?.(S.id, e), C && await o?.(t), g(t), delete u.current[S.id], f({ ...u.current }), v(C ? "success" : "idle"), C || m((e) => e + 1);
 		} catch (e) {
-			y("idle"), x(e instanceof Error ? e.message : "Unable to save your profile.");
+			v("idle"), b(e instanceof Error ? e.message : "Unable to save your profile.");
 		}
 	}
-	return S && !a ? null : /* @__PURE__ */ h(Y, {
-		title: S ? "You're all set" : C?.title ?? "Your profile",
-		description: S ? void 0 : C?.description,
+	return x && !s ? null : /* @__PURE__ */ i(q, {
+		title: x ? "You're all set" : S?.title ?? "Your profile",
+		description: x ? void 0 : S?.description,
 		logo: t,
 		accent: n,
-		className: o,
-		children: /* @__PURE__ */ h(X, {
-			step: S ? "done" : `step-${d}`,
-			children: S ? /* @__PURE__ */ h($, {
+		className: c,
+		children: /* @__PURE__ */ i(J, {
+			step: x ? "done" : `step-${p}`,
+			children: x ? /* @__PURE__ */ i(Z, {
 				title: "Profile saved",
 				description: "Your account is ready and your profile has been saved."
-			}) : C ? /* @__PURE__ */ g("div", {
+			}) : S ? /* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4",
 				children: [
-					/* @__PURE__ */ h("nav", {
+					/* @__PURE__ */ i("nav", {
 						"aria-label": "Onboarding progress",
-						children: /* @__PURE__ */ h("ol", {
+						children: /* @__PURE__ */ i("ol", {
 							className: "flex flex-wrap gap-x-3 gap-y-1 text-xs",
-							children: e.map((e, t) => /* @__PURE__ */ g("li", {
-								"aria-current": t === d ? "step" : void 0,
-								className: R("text-muted-foreground", t === d && "font-medium text-foreground"),
-								children: [e.title, t < d && /* @__PURE__ */ h("span", {
+							children: e.map((e, t) => /* @__PURE__ */ a("li", {
+								"aria-current": t === p ? "step" : void 0,
+								className: V("text-muted-foreground", t === p && "font-medium text-foreground"),
+								children: [e.title, t < p && /* @__PURE__ */ i("span", {
 									className: "sr-only",
 									children: " (completed)"
 								})]
 							}, e.id))
 						})
 					}),
-					/* @__PURE__ */ h("h3", {
-						ref: s,
+					/* @__PURE__ */ i("h3", {
+						ref: l,
 						tabIndex: -1,
 						className: "sr-only",
-						children: C.title
+						children: S.title
 					}),
-					/* @__PURE__ */ h(Q, { message: b }),
-					/* @__PURE__ */ h(gt, {
-						step: C,
+					/* @__PURE__ */ i(X, { message: y }),
+					/* @__PURE__ */ i(cn, {
+						step: S,
 						values: {
-							...p,
-							...l[C.id]
+							...h,
+							...d[S.id]
 						},
-						submitting: v === "loading",
-						submitLabel: w ? "Finish" : "Continue",
-						onBack: d > 0 ? () => {
-							x(null), u({ ...c.current }), f((e) => e - 1);
+						submitting: _ === "loading",
+						submitLabel: C ? "Finish" : "Continue",
+						onBack: p > 0 ? () => {
+							b(null), f({ ...u.current }), m((e) => e - 1);
 						} : void 0,
 						onDraftChange: (e, t) => {
-							c.current[C.id] = {
-								...c.current[C.id],
+							u.current[S.id] = {
+								...u.current[S.id],
 								[e]: t
 							};
 						},
-						onSubmit: T
-					}, C.id)
+						onSubmit: w
+					}, S.id)
 				]
 			}) : null
 		})
@@ -1817,71 +2048,71 @@ function vt({ steps: e = _t, logo: t, accent: n, onStepSubmit: r, onComplete: i,
 }
 //#endregion
 //#region src/components/blocks/auth/passkey-manager-block.tsx
-var yt = 120, bt = "This is your last passkey. After deleting it you won't be able to sign in with a passkey until you register a new one.";
-function xt(e) {
+var dn = 120, fn = "This is your last passkey. After deleting it you won't be able to sign in with a passkey until you register a new one.";
+function pn(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString();
 }
-function St({ title: e = "Passkeys", description: t = "Sign in without a password using your device's biometrics or security key.", passkeys: n = [], available: r = !0, loading: i = !1, onRegister: a, onRename: o, onDelete: s, className: c }) {
-	let [l, u] = _.useState(null), [d, f] = _.useState(!1), [p, m] = _.useState(!1), [v, y] = _.useState(null), [b, x] = _.useState(""), [S, C] = _.useState(null), [w, T] = _.useState(null), E = n.length === 1;
-	async function D(e) {
-		if (d) return { ok: !1 };
-		u(null), f(!0);
+function mn({ title: e = "Passkeys", description: t = "Sign in without a password using your device's biometrics or security key.", passkeys: n = [], available: r = !0, loading: o = !1, onRegister: s, onRename: c, onDelete: l, className: u }) {
+	let [d, f] = D.useState(null), [p, m] = D.useState(!1), [h, g] = D.useState(!1), [_, v] = D.useState(null), [y, b] = D.useState(""), [x, S] = D.useState(null), [C, w] = D.useState(null), T = n.length === 1;
+	async function E(e) {
+		if (p) return { ok: !1 };
+		f(null), m(!0);
 		try {
 			return {
 				ok: !0,
 				result: await e()
 			};
 		} catch (e) {
-			return u(e instanceof Error ? e.message : "Something went wrong."), { ok: !1 };
+			return f(e instanceof Error ? e.message : "Something went wrong."), { ok: !1 };
 		} finally {
-			f(!1);
+			m(!1);
 		}
 	}
 	async function O() {
-		m(!0), await D(() => a?.()), m(!1);
+		g(!0), await E(() => s?.()), g(!1);
 	}
 	function k(e) {
-		T(null), y(e.id), x(e.name ?? ""), C(null);
+		w(null), v(e.id), b(e.name ?? ""), S(null);
 	}
 	async function A(e) {
-		let t = b.trim();
-		if (t.length < 1 || t.length > yt) {
-			C(`Name must be between 1 and ${yt} characters.`);
+		let t = y.trim();
+		if (t.length < 1 || t.length > dn) {
+			S(`Name must be between 1 and ${dn} characters.`);
 			return;
 		}
-		(await D(() => o?.(e, t))).ok && (y(null), C(null));
+		(await E(() => c?.(e, t))).ok && (v(null), S(null));
 	}
 	async function j(e) {
-		let t = await D(() => s?.(e));
-		T(null), t.ok && v === e && y(null);
+		let t = await E(() => l?.(e));
+		w(null), t.ok && _ === e && v(null);
 	}
-	return /* @__PURE__ */ h(ne, {
+	return /* @__PURE__ */ i(ge, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ g(he, {
-			className: R("w-full", c),
+		children: /* @__PURE__ */ a(Ie, {
+			className: V("w-full", u),
 			"data-slot": "auth-block",
-			children: [/* @__PURE__ */ g(Se, { children: [/* @__PURE__ */ h(V, { children: e }), /* @__PURE__ */ h(Ce, { children: t })] }), /* @__PURE__ */ h(H, { children: r ? i ? /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ a(Ue, { children: [/* @__PURE__ */ i(We, { children: e }), /* @__PURE__ */ i(Ge, { children: t })] }), /* @__PURE__ */ i(qe, { children: r ? o ? /* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ h(z, { className: "size-4" }), "Loading passkeys…"]
-			}) : /* @__PURE__ */ g(I.div, {
+				children: [/* @__PURE__ */ i(Ee, { className: "size-4" }), "Loading passkeys…"]
+			}) : /* @__PURE__ */ a(B.div, {
 				layout: !0,
 				transition: {
 					duration: .3,
-					ease: J
+					ease: K
 				},
 				className: "flex flex-col gap-3",
 				children: [
-					/* @__PURE__ */ h(Q, { message: l }),
-					n.length > 0 ? /* @__PURE__ */ h("ul", {
+					/* @__PURE__ */ i(X, { message: d }),
+					n.length > 0 ? /* @__PURE__ */ i("ul", {
 						"aria-label": "Passkeys",
 						className: "flex flex-col gap-2",
-						children: /* @__PURE__ */ h(F, {
+						children: /* @__PURE__ */ i(z, {
 							initial: !1,
 							children: n.map((e, t) => {
-								let n = e.name ?? "Passkey", r = xt(e.createdAt), i = xt(e.lastUsedAt);
-								return /* @__PURE__ */ g(I.li, {
+								let n = e.name ?? "Passkey", r = pn(e.createdAt), o = pn(e.lastUsedAt);
+								return /* @__PURE__ */ a(B.li, {
 									layout: !0,
 									className: "flex flex-col gap-2 rounded-lg border px-3 py-2",
 									initial: {
@@ -1898,126 +2129,126 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
 									},
 									transition: {
 										duration: .25,
-										ease: J,
+										ease: K,
 										delay: Math.min(t, 5) * .04
 									},
 									children: [
-										/* @__PURE__ */ g("div", {
+										/* @__PURE__ */ a("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ g("div", {
+											children: [/* @__PURE__ */ a("div", {
 												className: "flex min-w-0 flex-col",
-												children: [/* @__PURE__ */ h("span", {
+												children: [/* @__PURE__ */ i("span", {
 													className: "truncate font-medium text-sm",
 													children: n
-												}), /* @__PURE__ */ g("span", {
+												}), /* @__PURE__ */ a("span", {
 													className: "text-xs text-muted-foreground",
 													children: [
 														r ? `Added ${r}` : null,
-														r && i ? " · " : null,
-														i ? `Last used ${i}` : null
+														r && o ? " · " : null,
+														o ? `Last used ${o}` : null
 													]
 												})]
-											}), /* @__PURE__ */ g("div", {
+											}), /* @__PURE__ */ a("div", {
 												className: "flex shrink-0 gap-2",
-												children: [/* @__PURE__ */ h(B, {
+												children: [/* @__PURE__ */ i(H, {
 													"aria-label": `Rename ${n}`,
 													size: "sm",
 													type: "button",
 													variant: "outline",
-													disabled: d,
+													disabled: p,
 													onClick: () => k(e),
 													children: "Rename"
-												}), /* @__PURE__ */ h(B, {
+												}), /* @__PURE__ */ i(H, {
 													"aria-label": `Delete ${n}`,
 													size: "sm",
 													type: "button",
 													variant: "destructive-outline",
-													disabled: d,
+													disabled: p,
 													onClick: () => {
-														y(null), T(e.id);
+														v(null), w(e.id);
 													},
 													children: "Delete"
 												})]
 											})]
 										}),
-										/* @__PURE__ */ h(Z, {
-											show: v === e.id,
-											children: /* @__PURE__ */ g("form", {
+										/* @__PURE__ */ i(Y, {
+											show: _ === e.id,
+											children: /* @__PURE__ */ a("form", {
 												className: "flex items-start gap-2 pt-1",
 												onSubmit: (t) => {
 													t.preventDefault(), A(e.id);
 												},
 												children: [
-													/* @__PURE__ */ g(U, {
+													/* @__PURE__ */ a(U, {
 														className: "min-w-0 grow",
-														invalid: !!S,
+														invalid: !!x,
 														children: [
-															/* @__PURE__ */ h(W, {
+															/* @__PURE__ */ i(W, {
 																className: "sr-only",
 																children: "Passkey name"
 															}),
-															/* @__PURE__ */ h(G, {
+															/* @__PURE__ */ i(G, {
 																"aria-label": "Passkey name",
-																"aria-invalid": S ? !0 : void 0,
+																"aria-invalid": x ? !0 : void 0,
 																autoFocus: !0,
-																disabled: d,
+																disabled: p,
 																maxLength: 121,
-																value: b,
-																onChange: (e) => x(e.target.value)
+																value: y,
+																onChange: (e) => b(e.target.value)
 															}),
-															S && /* @__PURE__ */ h(Me, {
+															x && /* @__PURE__ */ i(tt, {
 																match: !0,
-																children: S
+																children: x
 															})
 														]
 													}),
-													/* @__PURE__ */ h(B, {
+													/* @__PURE__ */ i(H, {
 														size: "sm",
 														type: "submit",
-														loading: d,
+														loading: p,
 														children: "Save"
 													}),
-													/* @__PURE__ */ h(B, {
+													/* @__PURE__ */ i(H, {
 														size: "sm",
 														type: "button",
 														variant: "ghost",
-														disabled: d,
-														onClick: () => y(null),
+														disabled: p,
+														onClick: () => v(null),
 														children: "Cancel"
 													})
 												]
 											})
 										}),
-										/* @__PURE__ */ h(Z, {
-											show: w === e.id,
-											children: /* @__PURE__ */ g("div", {
+										/* @__PURE__ */ i(Y, {
+											show: C === e.id,
+											children: /* @__PURE__ */ a("div", {
 												className: "flex flex-col gap-2 rounded-lg bg-muted/50 p-2",
 												role: "alertdialog",
 												"aria-label": `Confirm deleting ${n}`,
 												children: [
-													/* @__PURE__ */ h("p", {
+													/* @__PURE__ */ i("p", {
 														className: "text-sm",
 														children: "Delete this passkey? It can no longer be used to sign in."
 													}),
-													E && /* @__PURE__ */ h("p", {
+													T && /* @__PURE__ */ i("p", {
 														className: "text-xs text-destructive-foreground",
-														children: bt
+														children: fn
 													}),
-													/* @__PURE__ */ g("div", {
+													/* @__PURE__ */ a("div", {
 														className: "flex gap-2",
-														children: [/* @__PURE__ */ h(B, {
+														children: [/* @__PURE__ */ i(H, {
 															size: "sm",
 															type: "button",
 															variant: "destructive",
-															loading: d,
+															loading: p,
 															onClick: () => void j(e.id),
 															children: "Delete passkey"
-														}), /* @__PURE__ */ h(B, {
+														}), /* @__PURE__ */ i(H, {
 															size: "sm",
 															type: "button",
 															variant: "ghost",
-															disabled: d,
-															onClick: () => T(null),
+															disabled: p,
+															onClick: () => w(null),
 															children: "Keep it"
 														})]
 													})
@@ -2028,21 +2259,21 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
 								}, e.id);
 							})
 						})
-					}) : /* @__PURE__ */ h("p", {
+					}) : /* @__PURE__ */ i("p", {
 						className: "text-sm text-muted-foreground",
 						children: "No passkeys registered yet. Add one to sign in without a password."
 					}),
-					/* @__PURE__ */ h(B, {
+					/* @__PURE__ */ i(H, {
 						className: "w-full",
 						type: "button",
 						variant: "outline",
-						disabled: d,
-						loading: p,
+						disabled: p,
+						loading: h,
 						onClick: () => void O(),
 						children: "Add a passkey"
 					})
 				]
-			}) : /* @__PURE__ */ h("p", {
+			}) : /* @__PURE__ */ i("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Passkeys aren't available on this device. You can manage them from a device that supports passkeys."
 			}) })]
@@ -2051,39 +2282,39 @@ function St({ title: e = "Passkeys", description: t = "Sign in without a passwor
 }
 //#endregion
 //#region src/components/blocks/auth/passkey-sign-in-block.tsx
-function Ct({ available: e = !0, label: t = "Sign in with a passkey", onSignIn: n, fallbackHint: r = "You can still sign in with your other methods below.", className: i }) {
-	let [a, o] = _.useState(null), [s, c] = _.useState(!1);
+function hn({ available: e = !0, label: t = "Sign in with a passkey", onSignIn: n, fallbackHint: r = "You can still sign in with your other methods below.", className: o }) {
+	let [s, c] = D.useState(null), [l, u] = D.useState(!1);
 	if (!e) return null;
-	async function u() {
-		if (!s) {
-			o(null), c(!0);
+	async function d() {
+		if (!l) {
+			c(null), u(!0);
 			try {
 				await n?.();
 			} catch (e) {
-				o(e instanceof Error ? e.message : "Unable to sign in with a passkey.");
+				c(e instanceof Error ? e.message : "Unable to sign in with a passkey.");
 			} finally {
-				c(!1);
+				u(!1);
 			}
 		}
 	}
-	return /* @__PURE__ */ g("div", {
-		className: R("flex w-full flex-col gap-2", i),
+	return /* @__PURE__ */ a("div", {
+		className: V("flex w-full flex-col gap-2", o),
 		children: [
-			/* @__PURE__ */ g(B, {
+			/* @__PURE__ */ a(H, {
 				variant: "outline",
 				className: "w-full",
 				type: "button",
-				loading: s,
-				onClick: () => void u(),
-				children: [/* @__PURE__ */ h(l, { "aria-hidden": "true" }), /* @__PURE__ */ h("span", {
+				loading: l,
+				onClick: () => void d(),
+				children: [/* @__PURE__ */ i(g, { "aria-hidden": "true" }), /* @__PURE__ */ i("span", {
 					className: "flex-1",
 					children: t
 				})]
 			}),
-			/* @__PURE__ */ h(Q, { message: a }),
-			/* @__PURE__ */ h(Z, {
-				show: !!a && !!r,
-				children: /* @__PURE__ */ h("p", {
+			/* @__PURE__ */ i(X, { message: s }),
+			/* @__PURE__ */ i(Y, {
+				show: !!s && !!r,
+				children: /* @__PURE__ */ i("p", {
 					className: "text-xs text-muted-foreground",
 					children: r
 				})
@@ -2093,164 +2324,164 @@ function Ct({ available: e = !0, label: t = "Sign in with a passkey", onSignIn:
 }
 //#endregion
 //#region src/components/blocks/auth/signup-block.tsx
-function wt({ title: e = "Create your account", description: t = "Start exploring manuscripts in minutes", logo: n, accent: r, providers: i = [
+function gn({ title: e = "Create your account", description: t = "Start exploring manuscripts in minutes", logo: n, accent: o, providers: s = [
 	"google",
 	"apple",
 	"github"
-], showNameField: a = !0, showTerms: o = !0, termsChecked: s, defaultTermsChecked: c = !1, onTermsCheckedChange: l, enforceStrongPassword: u = !0, onSubmit: d, termsComponent: f, onProviderSelect: p, onLogin: v, onTerms: y }) {
-	let b = _.useId(), x = _.useId(), S = _.useId(), C = _.useId(), [w, T] = _.useState("idle"), [E, D] = _.useState(null), [O, k] = _.useState(null), [A, j] = _.useState(""), [ee, M] = _.useState(c), N = s ?? ee;
-	function P(e) {
-		s === void 0 && M(e), l?.(e);
+], showNameField: c = !0, showTerms: l = !0, termsChecked: u, defaultTermsChecked: d = !1, onTermsCheckedChange: f, enforceStrongPassword: p = !0, onSubmit: m, termsComponent: h, onProviderSelect: g, onLogin: _, onTerms: v }) {
+	let y = D.useId(), b = D.useId(), x = D.useId(), S = D.useId(), [C, w] = D.useState("idle"), [T, E] = D.useState(null), [O, k] = D.useState(null), [A, j] = D.useState(""), [M, N] = D.useState(d), P = u ?? M;
+	function ee(e) {
+		u === void 0 && N(e), f?.(e);
 	}
-	let [te, F] = _.useState(!1), [ne, I] = _.useState(!1), L = w === "loading" || O !== null, re = !u || tt(A) === et.length, ie = A.trim().length > 0 && re, ae = (!a || ne) && te && ie;
-	async function z(e) {
-		if (e.preventDefault(), D(null), !re) {
-			D("Please meet all password requirements.");
+	let [F, te] = D.useState(!1), [ne, re] = D.useState(!1), I = C === "loading" || O !== null, ie = !p || Ht(A) === Vt.length, ae = A.trim().length > 0 && ie, oe = (!c || ne) && F && ae;
+	async function se(e) {
+		if (e.preventDefault(), E(null), !ie) {
+			E("Please meet all password requirements.");
 			return;
 		}
-		if (o && !N) {
-			D("Please accept the terms to continue.");
+		if (l && !P) {
+			E("Please accept the terms to continue.");
 			return;
 		}
 		let t = new FormData(e.currentTarget);
-		T("loading");
+		w("loading");
 		try {
-			await d?.({
+			await m?.({
 				name: String(t.get("name") ?? ""),
 				email: String(t.get("email") ?? ""),
 				password: A
-			}), T("success");
+			}), w("success");
 		} catch (e) {
-			T("idle"), D(e instanceof Error ? e.message : "Unable to create account.");
+			w("idle"), E(e instanceof Error ? e.message : "Unable to create account.");
 		}
 	}
-	async function oe(e) {
-		D(null), k(e);
+	async function ce(e) {
+		E(null), k(e);
 		try {
-			await p?.(e), T("success");
+			await g?.(e), w("success");
 		} catch (e) {
-			D(e instanceof Error ? e.message : "Unable to create account.");
+			E(e instanceof Error ? e.message : "Unable to create account.");
 		} finally {
 			k(null);
 		}
 	}
-	return /* @__PURE__ */ h(Y, {
+	return /* @__PURE__ */ i(q, {
 		title: e,
 		description: t,
 		logo: n,
-		accent: r,
-		footer: w !== "success" && /* @__PURE__ */ g(m, { children: [
+		accent: o,
+		footer: C !== "success" && /* @__PURE__ */ a(r, { children: [
 			"Already have an account?",
 			" ",
-			/* @__PURE__ */ h(B, {
+			/* @__PURE__ */ i(H, {
 				variant: "link",
-				onClick: v,
+				onClick: _,
 				children: "Login"
 			})
 		] }),
-		children: /* @__PURE__ */ h(X, {
-			step: w === "success" ? "success" : "form",
-			children: w === "success" ? /* @__PURE__ */ h($, {
+		children: /* @__PURE__ */ i(J, {
+			step: C === "success" ? "success" : "form",
+			children: C === "success" ? /* @__PURE__ */ i(Z, {
 				title: "Account created",
 				description: "Check your inbox to confirm your email address."
-			}) : /* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4",
-				children: [i.length > 0 && /* @__PURE__ */ g(Z, {
-					show: !ae,
+				children: [s.length > 0 && /* @__PURE__ */ a(Y, {
+					show: !oe,
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ h(it, {
-						providers: i,
+					children: [/* @__PURE__ */ i(qt, {
+						providers: s,
 						action: "signup",
 						loadingProvider: O,
-						disabled: w === "loading",
-						onSelect: oe
-					}), /* @__PURE__ */ h(st, { label: "Or with email" })]
-				}), /* @__PURE__ */ g("form", {
+						disabled: C === "loading",
+						onSelect: ce
+					}), /* @__PURE__ */ i(Qt, { label: "Or with email" })]
+				}), /* @__PURE__ */ a("form", {
 					className: "flex flex-col gap-4",
-					onSubmit: z,
+					onSubmit: se,
 					children: [
-						a && /* @__PURE__ */ g(U, {
+						c && /* @__PURE__ */ a(U, {
 							name: "name",
-							children: [/* @__PURE__ */ h(W, {
-								htmlFor: b,
+							children: [/* @__PURE__ */ i(W, {
+								htmlFor: y,
 								children: "Name"
-							}), /* @__PURE__ */ h(G, {
+							}), /* @__PURE__ */ i(G, {
 								"aria-label": "Name",
-								id: b,
+								id: y,
 								name: "name",
 								autoComplete: "name",
 								placeholder: "Your name",
 								required: !0,
-								disabled: L,
-								onChange: (e) => I(e.currentTarget.validity.valid)
+								disabled: I,
+								onChange: (e) => re(e.currentTarget.validity.valid)
 							})]
 						}),
-						/* @__PURE__ */ g(U, {
+						/* @__PURE__ */ a(U, {
 							name: "email",
-							children: [/* @__PURE__ */ h(W, {
-								htmlFor: x,
+							children: [/* @__PURE__ */ i(W, {
+								htmlFor: b,
 								children: "Email"
-							}), /* @__PURE__ */ h(G, {
-								id: x,
+							}), /* @__PURE__ */ i(G, {
+								id: b,
 								name: "email",
 								type: "email",
 								"aria-label": "Email",
 								autoComplete: "email",
 								placeholder: "you@example.com",
 								required: !0,
-								disabled: L,
-								onChange: (e) => F(e.currentTarget.validity.valid)
+								disabled: I,
+								onChange: (e) => te(e.currentTarget.validity.valid)
 							})]
 						}),
-						/* @__PURE__ */ h(Z, {
-							show: te,
-							children: /* @__PURE__ */ g(U, {
+						/* @__PURE__ */ i(Y, {
+							show: F,
+							children: /* @__PURE__ */ a(U, {
 								name: "password",
-								children: [/* @__PURE__ */ h(W, {
-									htmlFor: S,
+								children: [/* @__PURE__ */ i(W, {
+									htmlFor: x,
 									children: "Password"
-								}), /* @__PURE__ */ h(K, {
-									id: S,
+								}), /* @__PURE__ */ i(Wt, {
+									id: x,
 									name: "password",
 									"aria-label": "Password",
 									autoComplete: "new-password",
 									placeholder: "Create a password",
 									showStrength: !0,
 									required: !0,
-									disabled: L,
+									disabled: I,
 									value: A,
 									onChange: (e) => j(e.target.value)
 								})]
 							})
 						}),
-						o && /* @__PURE__ */ g("div", {
+						l && /* @__PURE__ */ a("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ h(ke, {
-								id: C,
-								checked: N,
-								onCheckedChange: (e) => P(e === !0),
-								disabled: L
-							}), /* @__PURE__ */ g(Je, {
-								htmlFor: C,
+							children: [/* @__PURE__ */ i(Qe, {
+								id: S,
+								checked: P,
+								onCheckedChange: (e) => ee(e === !0),
+								disabled: I
+							}), /* @__PURE__ */ a(_t, {
+								htmlFor: S,
 								className: "font-normal",
 								children: [
 									"I agree to the",
 									" ",
-									f ?? /* @__PURE__ */ h(B, {
+									h ?? /* @__PURE__ */ i(H, {
 										variant: "link",
 										type: "button",
-										onClick: y,
+										onClick: v,
 										children: "terms"
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ h(Q, { message: E }),
-						/* @__PURE__ */ h(B, {
-							className: R("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+						/* @__PURE__ */ i(X, { message: T }),
+						/* @__PURE__ */ i(H, {
+							className: V("w-full", o && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 							type: "submit",
-							loading: w === "loading",
-							disabled: L,
+							loading: C === "loading",
+							disabled: I,
 							children: "Create account"
 						})
 					]
@@ -2261,78 +2492,78 @@ function wt({ title: e = "Create your account", description: t = "Start explorin
 }
 //#endregion
 //#region src/components/blocks/auth/update-password-block.tsx
-function Tt({ title: e = "Update your password", description: t = "Choose a new password for your account", logo: n, accent: r, minStrength: i = 4, onSubmit: a, onDone: o }) {
-	let s = _.useId(), c = _.useId(), [l, u] = _.useState("idle"), [d, f] = _.useState(null), [p, m] = _.useState(""), [v, y] = _.useState(""), b = tt(p) >= i, x = v.length > 0 && v === p, S = b && x, C = v.length > 0 && !p.startsWith(v);
-	async function w(e) {
-		if (e.preventDefault(), S) {
-			f(null), u("loading");
+function _n({ title: e = "Update your password", description: t = "Choose a new password for your account", logo: n, accent: r, minStrength: o = 4, onSubmit: s, onDone: c }) {
+	let l = D.useId(), u = D.useId(), [d, f] = D.useState("idle"), [p, m] = D.useState(null), [h, g] = D.useState(""), [_, v] = D.useState(""), y = Ht(h) >= o, b = _.length > 0 && _ === h, x = y && b, S = _.length > 0 && !h.startsWith(_);
+	async function C(e) {
+		if (e.preventDefault(), x) {
+			m(null), f("loading");
 			try {
-				await a?.({ password: p }), u("success");
+				await s?.({ password: h }), f("success");
 			} catch (e) {
-				u("idle"), f(e instanceof Error ? e.message : "Unable to update password.");
+				f("idle"), m(e instanceof Error ? e.message : "Unable to update password.");
 			}
 		}
 	}
-	return /* @__PURE__ */ h(Y, {
+	return /* @__PURE__ */ i(q, {
 		title: e,
 		description: t,
 		logo: n,
 		accent: r,
-		children: /* @__PURE__ */ h(X, {
-			step: l === "success" ? "success" : "form",
-			children: l === "success" ? /* @__PURE__ */ h($, {
+		children: /* @__PURE__ */ i(J, {
+			step: d === "success" ? "success" : "form",
+			children: d === "success" ? /* @__PURE__ */ i(Z, {
 				title: "Password updated",
 				description: "Your password has been changed successfully.",
-				children: o && /* @__PURE__ */ h(B, {
+				children: c && /* @__PURE__ */ i(H, {
 					variant: "link",
-					onClick: o,
+					onClick: c,
 					children: "Continue"
 				})
-			}) : /* @__PURE__ */ g("form", {
+			}) : /* @__PURE__ */ a("form", {
 				className: "flex flex-col gap-4",
-				onSubmit: w,
+				onSubmit: C,
 				children: [
-					/* @__PURE__ */ g(U, {
+					/* @__PURE__ */ a(U, {
 						name: "password",
-						children: [/* @__PURE__ */ h(W, {
-							htmlFor: s,
+						children: [/* @__PURE__ */ i(W, {
+							htmlFor: l,
 							children: "New password"
-						}), /* @__PURE__ */ h(K, {
-							id: s,
+						}), /* @__PURE__ */ i(Wt, {
+							id: l,
 							name: "password",
 							autoComplete: "new-password",
 							required: !0,
 							showStrength: !0,
-							disabled: l === "loading",
-							value: p,
-							onChange: (e) => m(e.target.value)
+							disabled: d === "loading",
+							value: h,
+							onChange: (e) => g(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ h(Z, {
-						show: b,
-						children: /* @__PURE__ */ g(U, {
+					/* @__PURE__ */ i(Y, {
+						show: y,
+						children: /* @__PURE__ */ a(U, {
 							name: "confirmPassword",
-							children: [/* @__PURE__ */ h(W, {
-								htmlFor: c,
+							children: [/* @__PURE__ */ i(W, {
+								htmlFor: u,
 								children: "Confirm new password"
-							}), /* @__PURE__ */ h(K, {
-								id: c,
+							}), /* @__PURE__ */ i(Wt, {
+								id: u,
 								name: "confirmPassword",
 								autoComplete: "new-password",
 								required: !0,
-								disabled: l === "loading",
-								value: v,
-								onChange: (e) => y(e.target.value)
+								disabled: d === "loading",
+								value: _,
+								onChange: (e) => v(e.target.value)
 							})]
 						})
 					}),
-					/* @__PURE__ */ h(Q, { message: d ?? (C ? "Passwords do not match." : null) }),
-					/* @__PURE__ */ h(Z, {
-						show: S,
-						children: /* @__PURE__ */ h(B, {
-							className: R("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+					/* @__PURE__ */ i(X, { message: p ?? (S ? "Passwords do not match." : null) }),
+					/* @__PURE__ */ i(Y, {
+						show: x,
+						children: /* @__PURE__ */ i(H, {
+							className: V("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 							type: "submit",
-							loading: l === "loading",
+							loading: d === "loading",
 							children: "Update password"
 						})
 					})
@@ -2342,6 +2573,807 @@ function Tt({ title: e = "Update your password", description: t = "Choose a new
 	});
 }
 //#endregion
-export { Y as AuthCard, Q as AuthError, st as AuthSeparator, $ as AuthSuccess, B as Button, he as Card, we as CardAction, H as CardContent, H as CardPanel, Ce as CardDescription, Te as CardFooter, ge as CardFrame, be as CardFrameAction, ye as CardFrameDescription, xe as CardFrameFooter, _e as CardFrameHeader, ve as CardFrameTitle, Se as CardHeader, V as CardTitle, ke as Checkbox, T as CheckboxPrimitive, lt as CodeAuthBlock, _t as DEFAULT_ONBOARDING_STEPS, J as EASE, U as Field, Ne as FieldControl, je as FieldDescription, Me as FieldError, Ae as FieldItem, W as FieldLabel, Pe as FieldValidity, ut as ForgotPasswordBlock, Fe as Frame, ze as FrameDescription, Be as FrameFooter, Le as FrameHeader, Ie as FramePanel, Re as FrameTitle, G as Input, Ue as InputGroup, We as InputGroupAddon, Ke as InputGroupInput, Ge as InputGroupText, qe as InputGroupTextarea, N as InputPrimitive, Je as Label, ft as LinkedAccountsBlock, pt as LoginBlock, X as MorphStep, Xe as OTPField, Ze as OTPFieldInput, P as OTPFieldPrimitive, Qe as OTPFieldSeparator, vt as OnboardingBlock, St as PasskeyManagerBlock, Ct as PasskeySignInBlock, K as PasswordInput, Z as Reveal, q as SOCIAL_PROVIDERS, Ye as Separator, te as SeparatorPrimitive, wt as SignupBlock, it as SocialProviders, z as Spinner, Ve as Textarea, Tt as UpdatePasswordBlock, ot as authAccentActionStyles, at as authAccentVars, De as bindSounds, me as buttonVariants, R as cn, tt as getPasswordStrength, et as passwordRequirements, Oe as playCue, O as playSound, k as setSoundEnabled, A as setSoundVolume, j as sounds, ct as useCountdown };
+//#region src/lib/ease.ts
+var Q = [
+	.16,
+	1,
+	.3,
+	1
+], vn = [
+	.77,
+	0,
+	.175,
+	1
+], yn = [
+	.32,
+	.72,
+	0,
+	1
+], bn = "cubic-bezier(0.16, 1, 0.3, 1)", xn = {
+	type: "spring",
+	stiffness: 500,
+	damping: 30,
+	mass: .6
+}, Sn = {
+	type: "spring",
+	stiffness: 460,
+	damping: 30,
+	mass: .55
+}, Cn = {
+	type: "spring",
+	stiffness: 420,
+	damping: 40,
+	mass: .5
+}, wn = {
+	type: "spring",
+	stiffness: 360,
+	damping: 32,
+	mass: .6
+}, Tn = {
+	stiffness: 200,
+	damping: 15,
+	mass: .3
+}, En = {
+	stiffness: 700,
+	damping: 50,
+	mass: .5
+}, Dn = {
+	initial: {
+		opacity: 0,
+		filter: "blur(6px)"
+	},
+	animate: {
+		opacity: 1,
+		filter: "blur(0px)"
+	},
+	exit: (e) => e ? {} : {
+		opacity: 0,
+		filter: "blur(6px)"
+	}
+}, On = {
+	initial: { opacity: 0 },
+	animate: { opacity: 1 },
+	exit: (e) => e ? {} : { opacity: 0 }
+}, kn = M(function({ children: e, as: t = "div", className: n, onMouseLeave: o, pillClassName: s, pillContainerClassName: c, inset: l = 20, ...u }, d) {
+	let [f, p] = I(null), m = te(), h = _e(), g = O.toArray(e).filter(N).map((e, t) => {
+		let n = e, o = n.key ? String(n.key) : `item-${t}`;
+		return k(n, {
+			key: o,
+			className: V("relative", n.props.className),
+			onMouseEnter: () => {
+				n.props.onMouseEnter?.(), p(o);
+			}
+		}, /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(z, {
+			custom: f !== null,
+			children: f === null ? null : /* @__PURE__ */ i(B.div, {
+				variants: h ? On : Dn,
+				initial: "initial",
+				animate: "animate",
+				exit: "exit",
+				custom: f !== null,
+				className: V("pointer-events-none absolute inset-y-0", c),
+				style: {
+					left: -l,
+					right: -l
+				},
+				children: f === o ? /* @__PURE__ */ i(B.div, {
+					layoutId: `shared-bg-${m}`,
+					transition: h ? { duration: 0 } : wn,
+					className: V("pointer-events-none h-full w-full rounded-2xl bg-primary/[0.06]", s)
+				}) : null
+			})
+		}), /* @__PURE__ */ i("div", {
+			className: "relative z-10",
+			children: n.props.children
+		})] }));
+	}), _ = (e) => {
+		p(null), o?.(e);
+	};
+	return i(t === "ul" ? B.ul : B.div, {
+		...u,
+		ref: d,
+		layoutRoot: !0,
+		onMouseLeave: _,
+		className: V("flex w-full flex-col", n),
+		children: g
+	});
+}), An = "(max-width: 767px)", jn = "b", Mn = {
+	duration: .36,
+	ease: yn
+}, Nn = {
+	type: "spring",
+	stiffness: 380,
+	damping: 35,
+	mass: .75
+}, Pn = {
+	duration: .2,
+	delay: .08,
+	ease: Q
+}, Fn = {
+	duration: .12,
+	ease: Q
+}, In = {
+	duration: .18,
+	ease: Q
+}, Ln = {
+	closed: {
+		opacity: 0,
+		clipPath: "inset(0 0 100% 0 round 8px)",
+		transition: {
+			duration: .14,
+			ease: Q,
+			staggerChildren: .025,
+			staggerDirection: -1
+		}
+	},
+	open: {
+		opacity: 1,
+		clipPath: "inset(0 0 0% 0 round 8px)",
+		transition: {
+			duration: .2,
+			delayChildren: .035,
+			ease: Q,
+			staggerChildren: .045
+		}
+	}
+}, Rn = {
+	closed: {
+		opacity: 0,
+		y: -6,
+		filter: "blur(3px)"
+	},
+	open: {
+		opacity: 1,
+		y: 0,
+		filter: "blur(0px)",
+		transition: In
+	}
+}, zn = {
+	duration: .16,
+	ease: Q
+}, Bn = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex='-1'])"
+].join(",");
+function Vn(e) {
+	let t = window.matchMedia(An);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function Hn() {
+	return window.matchMedia(An).matches;
+}
+function Un() {
+	return !1;
+}
+function Wn() {
+	return ie(Vn, Hn, Un);
+}
+var Gn = A(null), Kn = A(null);
+function $() {
+	let e = ee(Gn);
+	if (!e) throw Error("useAnimatedSidebar must be used inside AnimatedSidebarProvider.");
+	return e;
+}
+function qn() {
+	let e = ee(Kn);
+	if (!e) throw Error("Animated Sidebar parts must be used inside AnimatedSidebar.");
+	return e;
+}
+function Jn({ children: e, open: t, defaultOpen: n = !0, onOpenChange: r, openMobile: a, defaultOpenMobile: o = !1, onOpenMobileChange: s, className: c, style: l, ...u }) {
+	let [d, f] = I(n), [p, m] = I(o), h = Wn(), g = _e() ?? !1, _ = te(), v = re(null), y = t ?? d, b = a ?? p, x = P((e) => {
+		t === void 0 && f(e), r?.(e);
+	}, [r, t]), S = P((e) => {
+		a === void 0 && m(e), s?.(e);
+	}, [s, a]), C = P(() => {
+		h ? S(!b) : x(!y);
+	}, [
+		y,
+		h,
+		b,
+		x,
+		S
+	]);
+	return F(() => {
+		let e = (e) => {
+			e.key.toLowerCase() === jn && (e.metaKey || e.ctrlKey) && (e.preventDefault(), C());
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [C]), /* @__PURE__ */ i(Gn.Provider, {
+		value: {
+			isMobile: h,
+			layoutId: `${_}-active`,
+			open: y,
+			openMobile: b,
+			reduce: g,
+			setOpen: x,
+			setOpenMobile: S,
+			state: y ? "expanded" : "collapsed",
+			toggleSidebar: C,
+			triggerRef: v
+		},
+		children: /* @__PURE__ */ i("div", {
+			...u,
+			"data-slot": "sidebar-wrapper",
+			"data-state": y ? "expanded" : "collapsed",
+			style: {
+				"--sidebar-width": "16rem",
+				"--sidebar-width-icon": "4.25rem",
+				"--sidebar-width-mobile": "18rem",
+				...l
+			},
+			className: V("group/sidebar-wrapper flex min-h-svh w-full min-w-0", c),
+			children: e
+		})
+	});
+}
+function Yn({ ariaLabel: e, children: t, className: n, side: r }) {
+	let o = $(), s = re(null), [c, l] = I(!1);
+	return F(() => l(!0), []), F(() => {
+		if (!o.openMobile) return;
+		let e = document.body, t = window.scrollY, n = {
+			left: e.style.left,
+			overflow: e.style.overflow,
+			position: e.style.position,
+			right: e.style.right,
+			top: e.style.top
+		};
+		e.style.position = "fixed", e.style.top = `-${t}px`, e.style.left = "0", e.style.right = "0", e.style.overflow = "hidden";
+		let r = requestAnimationFrame(() => {
+			(s.current?.querySelector(Bn) ?? s.current)?.focus({ preventScroll: !0 });
+		});
+		return () => {
+			cancelAnimationFrame(r), e.style.position = n.position, e.style.top = n.top, e.style.left = n.left, e.style.right = n.right, e.style.overflow = n.overflow, window.scrollTo(0, t), o.triggerRef.current?.focus({ preventScroll: !0 });
+		};
+	}, [o.openMobile, o.triggerRef]), c ? Se(/* @__PURE__ */ a("div", {
+		className: V("pointer-events-none fixed inset-0 z-50 md:hidden", o.openMobile ? "visible" : "invisible"),
+		children: [/* @__PURE__ */ i(B.button, {
+			type: "button",
+			"aria-label": "Close sidebar",
+			tabIndex: o.openMobile ? 0 : -1,
+			initial: !1,
+			animate: { opacity: +!!o.openMobile },
+			transition: o.reduce ? zn : Mn,
+			onClick: () => o.setOpenMobile(!1),
+			className: V("absolute inset-0 bg-black/40", o.openMobile ? "pointer-events-auto" : "pointer-events-none")
+		}), /* @__PURE__ */ i(B.div, {
+			ref: s,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": e,
+			"aria-hidden": !o.openMobile,
+			inert: !o.openMobile,
+			tabIndex: -1,
+			"data-mobile": "true",
+			"data-state": o.openMobile ? "expanded" : "collapsed",
+			"data-side": r,
+			initial: !1,
+			animate: {
+				opacity: o.reduce ? +!!o.openMobile : 1,
+				x: o.reduce ? 0 : o.openMobile ? "0%" : r === "left" ? "-100%" : "100%"
+			},
+			transition: o.reduce ? zn : Mn,
+			onKeyDown: (e) => {
+				if (e.key === "Escape") {
+					e.preventDefault(), o.setOpenMobile(!1);
+					return;
+				}
+				if (e.key !== "Tab") return;
+				let t = s.current ? Array.from(s.current.querySelectorAll(Bn)) : [];
+				if (t.length === 0) {
+					e.preventDefault(), s.current?.focus();
+					return;
+				}
+				let n = t[0], r = t[t.length - 1];
+				e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
+			},
+			className: V("pointer-events-auto absolute inset-y-0 flex h-dvh w-(--sidebar-width-mobile) max-w-[88vw] flex-col overflow-hidden", "border-border bg-background shadow-2xl will-change-transform", r === "left" ? "left-0 border-r" : "right-0 border-l", !o.openMobile && "pointer-events-none", n),
+			children: /* @__PURE__ */ i(Kn.Provider, {
+				value: {
+					collapsed: !1,
+					collapsible: "none",
+					side: r
+				},
+				children: t
+			})
+		})]
+	}), document.body) : null;
+}
+var Xn = M(function({ side: e = "left", variant: t = "sidebar", collapsible: n = "icon", ariaLabel: r = "Sidebar", children: a, className: o, panelClassName: s, style: c, ...l }, u) {
+	let d = $(), f = n !== "none" && !d.open, p = f && n === "offcanvas", m = p ? "0px" : f ? "var(--sidebar-width-icon)" : "var(--sidebar-width)";
+	return d.isMobile ? /* @__PURE__ */ i(Yn, {
+		ariaLabel: r,
+		className: o,
+		side: e,
+		children: a
+	}) : /* @__PURE__ */ i(B.aside, {
+		...l,
+		ref: u,
+		initial: !1,
+		"aria-label": r,
+		"data-slot": "sidebar",
+		"data-state": f ? "collapsed" : "expanded",
+		"data-collapsible": n,
+		"data-variant": t,
+		"data-side": e,
+		animate: { width: m },
+		transition: d.reduce ? { duration: 0 } : Nn,
+		style: c,
+		className: V("group/sidebar relative hidden h-auto shrink-0 md:block will-change-[width]", "peer", e === "right" && "order-last", o),
+		children: /* @__PURE__ */ i(B.div, {
+			initial: !1,
+			animate: {
+				opacity: +!p,
+				x: p ? e === "left" ? "-100%" : "100%" : "0%"
+			},
+			transition: d.reduce ? zn : Mn,
+			className: V("sticky top-0 flex h-svh w-full flex-col overflow-hidden bg-background", n === "offcanvas" && "w-[var(--sidebar-width)]", t === "sidebar" && (e === "left" ? "border-border border-r" : "border-border border-l"), t === "floating" && "m-2 h-[calc(100svh-1rem)] rounded-2xl border border-border shadow-sm", t === "inset" && "m-2 h-[calc(100svh-1rem)] rounded-2xl", s),
+			children: /* @__PURE__ */ i(Kn.Provider, {
+				value: {
+					collapsed: f,
+					collapsible: n,
+					side: e
+				},
+				children: a
+			})
+		})
+	});
+}), Zn = M(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
+	let o = $(), s = o.isMobile ? o.openMobile : o.open;
+	return /* @__PURE__ */ i("button", {
+		...r,
+		ref: (e) => {
+			o.triggerRef.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+		},
+		type: n,
+		"aria-label": r["aria-label"] ?? "Toggle sidebar",
+		"aria-expanded": s,
+		"data-slot": "sidebar-trigger",
+		"data-state": s ? "expanded" : "collapsed",
+		onClick: (e) => {
+			t?.(e), e.defaultPrevented || o.toggleSidebar();
+		},
+		className: V("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", e)
+	});
+}), Qn = M(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
+	let o = $();
+	return /* @__PURE__ */ i("button", {
+		...r,
+		ref: a,
+		type: n,
+		"aria-label": r["aria-label"] ?? "Close sidebar",
+		onClick: (e) => {
+			t?.(e), !e.defaultPrevented && (o.isMobile ? o.setOpenMobile(!1) : o.setOpen(!1));
+		},
+		className: V("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none", "focus-visible:ring-2 focus-visible:ring-ring", e)
+	});
+}), $n = M(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
+	let o = $(), s = qn();
+	return /* @__PURE__ */ i("button", {
+		...r,
+		ref: a,
+		type: n,
+		"data-side": s.side,
+		"aria-label": r["aria-label"] ?? "Toggle sidebar",
+		title: "Toggle sidebar",
+		tabIndex: -1,
+		onClick: (e) => {
+			t?.(e), e.defaultPrevented || o.toggleSidebar();
+		},
+		className: V("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 outline-none md:block", "after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent after:transition-colors hover:after:bg-border", "data-[side=right]:right-0 data-[side=right]:translate-x-1/2 data-[side=left]:left-full", e)
+	});
+}), er = M(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i(B.main, {
+		...t,
+		ref: n,
+		"data-slot": "sidebar-inset",
+		className: V("relative flex min-h-svh min-w-0 flex-1 flex-col bg-background", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-2xl md:peer-data-[variant=inset]:shadow-sm", e)
+	});
+}), tr = M(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i("div", {
+		...t,
+		ref: n,
+		"data-slot": "sidebar-header",
+		className: V("flex shrink-0 flex-col gap-2 p-3", e)
+	});
+}), nr = M(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i("div", {
+		...t,
+		ref: n,
+		"data-slot": "sidebar-content",
+		className: V("flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2", e)
+	});
+}), rr = M(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i("div", {
+		...t,
+		ref: n,
+		"data-slot": "sidebar-footer",
+		className: V("flex shrink-0 flex-col gap-2 border-border border-t p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]", e)
+	});
+}), ir = M(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i("div", {
+		...t,
+		ref: n,
+		"data-slot": "sidebar-group",
+		className: V("flex w-full min-w-0 flex-col px-1 py-1.5", e)
+	});
+}), ar = M(function({ children: e, className: t, ...n }, r) {
+	let { collapsed: a } = qn();
+	return /* @__PURE__ */ i("div", {
+		...n,
+		ref: r,
+		"aria-hidden": a,
+		"data-slot": "sidebar-group-label",
+		className: V("mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium uppercase tracking-[0.14em] text-muted-foreground transition-opacity", a ? "opacity-0" : "opacity-100", t),
+		children: e
+	});
+}), or = M(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i("div", {
+		...t,
+		ref: n,
+		"data-slot": "sidebar-group-content",
+		className: V("w-full min-w-0", e)
+	});
+}), sr = M(function({ children: e, className: t, ...n }, r) {
+	return /* @__PURE__ */ i(kn, {
+		...n,
+		ref: r,
+		as: "ul",
+		inset: 0,
+		pillClassName: "rounded-xl bg-muted/70",
+		pillContainerClassName: "inset-y-auto top-0 h-9",
+		"data-slot": "sidebar-menu",
+		className: V("flex w-full min-w-0 list-none flex-col gap-0.5", t),
+		children: e
+	});
+}), cr = M(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i(B.li, {
+		...t,
+		ref: n,
+		layout: "position",
+		transition: wn,
+		"data-slot": "sidebar-menu-item",
+		className: V("relative", e)
+	});
+}), lr = M(function({ open: e, children: t, className: n, ...r }, a) {
+	let o = $(), s = qn();
+	return /* @__PURE__ */ i(z, {
+		initial: !1,
+		mode: "popLayout",
+		children: e && !s.collapsed ? /* @__PURE__ */ j(B.ul, {
+			...r,
+			ref: a,
+			key: "sidebar-submenu",
+			variants: o.reduce ? void 0 : Ln,
+			initial: !o.reduce && "closed",
+			animate: o.reduce ? { opacity: 1 } : "open",
+			exit: o.reduce ? { opacity: 0 } : "closed",
+			transition: o.reduce ? { duration: .12 } : void 0,
+			"data-slot": "sidebar-menu-sub",
+			className: V("relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-border border-l pl-3", n)
+		}, t) : null
+	});
+}), ur = M(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i(B.li, {
+		...t,
+		ref: n,
+		variants: Rn,
+		"data-slot": "sidebar-menu-sub-item",
+		className: V("relative min-w-0", e)
+	});
+});
+function dr({ children: e, icon: t, href: n, isActive: o = !1, disabled: s = !1, closeOnSelect: c = !0, target: l, rel: u, onSelect: d, className: f }) {
+	let p = $(), m = (e) => {
+		if (s) {
+			e.preventDefault();
+			return;
+		}
+		d?.(), p.isMobile && c && p.setOpenMobile(!1);
+	}, h = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+		"aria-hidden": "true",
+		className: "grid size-4 shrink-0 place-items-center",
+		children: t ?? /* @__PURE__ */ i("span", { className: "size-1 rounded-full bg-current" })
+	}), /* @__PURE__ */ i("span", {
+		className: "min-w-0 flex-1 truncate",
+		children: e
+	})] }), g = V("flex min-h-8 w-full min-w-0 items-center gap-2 rounded-lg px-2 text-left text-xs outline-none", "text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring", o && "bg-muted/70 text-foreground", s && "cursor-not-allowed opacity-40", f);
+	return n ? /* @__PURE__ */ i(B.a, {
+		href: n,
+		target: l,
+		rel: u ?? (l === "_blank" ? "noreferrer noopener" : void 0),
+		"aria-current": o ? "page" : void 0,
+		"aria-disabled": s || void 0,
+		tabIndex: s ? -1 : void 0,
+		onClick: m,
+		whileTap: p.reduce || s ? void 0 : { scale: .98 },
+		transition: xn,
+		className: g,
+		children: h
+	}) : /* @__PURE__ */ i(B.button, {
+		type: "button",
+		disabled: s,
+		"aria-current": o ? "page" : void 0,
+		onClick: m,
+		whileTap: p.reduce || s ? void 0 : { scale: .98 },
+		transition: xn,
+		className: g,
+		children: h
+	});
+}
+function fr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExpanded: c, disabled: l = !1, closeOnSelect: u, target: f, rel: p, onSelect: m, className: h }) {
+	let g = $(), _ = qn(), v = typeof e == "string" ? e : void 0, y = (e) => {
+		if (l) {
+			e.preventDefault();
+			return;
+		}
+		m?.();
+		let t = u ?? c === void 0;
+		g.isMobile && t && g.setOpenMobile(!1);
+	}, b = /* @__PURE__ */ a(r, { children: [
+		s ? /* @__PURE__ */ i(B.span, {
+			layoutId: g.layoutId,
+			transition: g.reduce ? { duration: 0 } : wn,
+			className: "absolute inset-0 rounded-xl bg-muted"
+		}) : null,
+		t ? /* @__PURE__ */ i("span", {
+			"aria-hidden": "true",
+			className: "relative z-10 grid size-5 shrink-0 place-items-center",
+			children: t
+		}) : null,
+		/* @__PURE__ */ i(B.span, {
+			initial: !1,
+			animate: {
+				opacity: +!_.collapsed,
+				x: _.collapsed ? -4 : 0
+			},
+			transition: g.reduce ? zn : _.collapsed ? Fn : Pn,
+			"aria-hidden": _.collapsed,
+			className: V("relative z-10 min-w-0 flex-1 truncate", _.collapsed && "pointer-events-none"),
+			children: e
+		}),
+		n && !_.collapsed ? /* @__PURE__ */ i("span", {
+			className: "relative z-10 shrink-0 text-xs text-muted-foreground",
+			children: n
+		}) : null,
+		c === void 0 ? null : /* @__PURE__ */ i(B.span, {
+			"aria-hidden": "true",
+			initial: !1,
+			animate: {
+				opacity: +!_.collapsed,
+				rotate: c ? 90 : 0,
+				x: _.collapsed ? 4 : 0
+			},
+			transition: g.reduce ? { duration: 0 } : wn,
+			className: "relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground",
+			children: /* @__PURE__ */ i(d, { className: "size-3.5" })
+		})
+	] }), x = V("relative flex min-h-9 w-full min-w-0 items-center gap-2.5 overflow-hidden rounded-xl px-3 text-left text-sm font-medium outline-none", "text-muted-foreground transition-colors hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring", s && "text-foreground", l && "cursor-not-allowed opacity-40", h);
+	return o ? /* @__PURE__ */ i(B.a, {
+		href: o,
+		target: f,
+		rel: p ?? (f === "_blank" ? "noreferrer noopener" : void 0),
+		"aria-current": s ? "page" : void 0,
+		"aria-expanded": c,
+		"aria-disabled": l || void 0,
+		"aria-label": _.collapsed ? v : void 0,
+		title: _.collapsed ? v : void 0,
+		tabIndex: l ? -1 : void 0,
+		onClick: y,
+		whileTap: g.reduce || l ? void 0 : { scale: .98 },
+		transition: xn,
+		className: x,
+		children: b
+	}) : /* @__PURE__ */ i(B.button, {
+		type: "button",
+		disabled: l,
+		"aria-current": s ? "page" : void 0,
+		"aria-expanded": c,
+		"aria-label": _.collapsed ? v : void 0,
+		title: _.collapsed ? v : void 0,
+		onClick: y,
+		whileTap: g.reduce || l ? void 0 : { scale: .98 },
+		transition: xn,
+		className: x,
+		children: b
+	});
+}
+//#endregion
+//#region src/components/blocks/nav/sidebar-block.tsx
+function pr(e, t) {
+	return t !== void 0 && e === t;
+}
+function mr({ item: e, activeId: t, onNavigate: n }) {
+	let r = e.items ?? [], o = r.length > 0, s = r.some((e) => pr(e.id, t)), [c, l] = D.useState(null), [u, d] = D.useState(s);
+	s !== u && (d(s), s && l(null));
+	let f = c ?? e.defaultOpen ?? s;
+	function p(e) {
+		e.onSelect?.(), n?.(e);
+	}
+	return /* @__PURE__ */ a(cr, { children: [/* @__PURE__ */ i(fr, {
+		ariaExpanded: o ? f : void 0,
+		badge: e.badge,
+		disabled: e.disabled,
+		href: o ? void 0 : e.href,
+		icon: e.icon,
+		isActive: pr(e.id, t),
+		onSelect: () => {
+			if (o) {
+				l(!f);
+				return;
+			}
+			p(e);
+		},
+		target: e.target,
+		children: e.label
+	}), o ? /* @__PURE__ */ i(lr, {
+		open: f,
+		children: r.map((e) => /* @__PURE__ */ i(ur, { children: /* @__PURE__ */ i(dr, {
+			disabled: e.disabled,
+			href: e.href,
+			icon: e.icon,
+			isActive: pr(e.id, t),
+			onSelect: () => p(e),
+			target: e.target,
+			children: e.label
+		}) }, e.id))
+	}) : null] });
+}
+function hr({ sections: e, activeId: t, onNavigate: n, header: r, footer: o, showTrigger: s = !0, side: c = "left", variant: l = "sidebar", collapsible: u = "icon", open: d, defaultOpen: f, onOpenChange: p, openMobile: m, defaultOpenMobile: h, onOpenMobileChange: g, width: _, iconWidth: v, mobileWidth: y, ariaLabel: x = "Main", className: S }) {
+	return /* @__PURE__ */ i(Jn, {
+		className: "h-full min-h-0 w-auto",
+		defaultOpen: f,
+		defaultOpenMobile: h,
+		onOpenChange: p,
+		onOpenMobileChange: g,
+		open: d,
+		openMobile: m,
+		style: {
+			..._ ? { "--sidebar-width": _ } : null,
+			...v ? { "--sidebar-width-icon": v } : null,
+			...y ? { "--sidebar-width-mobile": y } : null
+		},
+		children: /* @__PURE__ */ a(Xn, {
+			ariaLabel: x,
+			className: V("h-full", S),
+			collapsible: u,
+			panelClassName: "h-full",
+			role: "navigation",
+			side: c,
+			variant: l,
+			children: [
+				r || s ? /* @__PURE__ */ i(tr, { children: /* @__PURE__ */ a("div", {
+					className: "flex min-w-0 items-center justify-between gap-2",
+					children: [r ? /* @__PURE__ */ i("div", {
+						className: "min-w-0 flex-1",
+						children: r
+					}) : null, s ? /* @__PURE__ */ i(Zn, {
+						className: "text-muted-foreground hover:text-foreground",
+						children: /* @__PURE__ */ i(b, { className: "size-4.5" })
+					}) : null]
+				}) }) : null,
+				/* @__PURE__ */ i(nr, { children: e.map((e) => /* @__PURE__ */ a(ir, { children: [e.label ? /* @__PURE__ */ i(ar, { children: e.label }) : null, /* @__PURE__ */ i(or, { children: /* @__PURE__ */ i(sr, { children: e.items.map((e) => /* @__PURE__ */ i(mr, {
+					activeId: t,
+					item: e,
+					onNavigate: n
+				}, e.id)) }) })] }, e.id)) }),
+				o ? /* @__PURE__ */ i(rr, { children: o }) : null
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/blocks/profile/profile-card-block.tsx
+var gr = [
+	{
+		type: "label",
+		label: "Management"
+	},
+	{
+		id: "profile",
+		label: "Profile",
+		icon: /* @__PURE__ */ i(C, { "aria-hidden": "true" })
+	},
+	{
+		id: "settings",
+		label: "Settings",
+		icon: /* @__PURE__ */ i(x, { "aria-hidden": "true" })
+	},
+	{ type: "separator" },
+	{
+		id: "teams",
+		label: "Teams",
+		icon: /* @__PURE__ */ i(T, { "aria-hidden": "true" })
+	},
+	{
+		id: "invite",
+		label: "Invite",
+		icon: /* @__PURE__ */ i(w, { "aria-hidden": "true" })
+	},
+	{ type: "separator" },
+	{
+		id: "sign-out",
+		label: "Log out",
+		icon: /* @__PURE__ */ i(v, { "aria-hidden": "true" }),
+		variant: "destructive"
+	}
+];
+function _r(e) {
+	let t = [], n = { actions: [] };
+	for (let r of e) r.type === "separator" ? (t.push(n), n = { actions: [] }) : r.type === "label" ? n.label = r.label : n.actions.push(r);
+	return t.push(n), t.filter((e) => e.actions.length > 0 || e.label !== void 0);
+}
+function vr({ user: e, items: t = gr, align: n = "center", side: r = "bottom", sideOffset: o = 8, open: s, defaultOpen: c, onOpenChange: l, sound: u = !0, onError: d, className: f }) {
+	let [m, h] = D.useState(null), g = D.useRef(!0);
+	D.useEffect(() => (g.current = !0, () => {
+		g.current = !1;
+	}), []);
+	let _ = D.useMemo(() => _r(t), [t]);
+	function v(e) {
+		let t = e.onSelect?.();
+		t instanceof Promise && (h(e.id), t.catch((e) => d?.(e)).finally(() => {
+			g.current && h(null);
+		}));
+	}
+	let y = m !== null;
+	return /* @__PURE__ */ a(yt, {
+		defaultOpen: c,
+		onOpenChange: (e, t) => {
+			u && Ze(e ? "bloom" : "droplet"), l?.(e, t);
+		},
+		open: s,
+		children: [/* @__PURE__ */ i(xt, {
+			disabled: y,
+			render: /* @__PURE__ */ a(H, {
+				"aria-label": `${e.name}${e.username ? ` ${e.username}` : ""}, account menu`,
+				className: V("h-auto w-full justify-between py-1.5 pl-1.5 sm:h-auto", f),
+				"data-slot": "profile-card",
+				loading: y,
+				sound: u,
+				variant: "outline",
+				children: [/* @__PURE__ */ a("span", {
+					className: "flex w-full min-w-0 items-center justify-start gap-2",
+					children: [/* @__PURE__ */ i(Yt, {
+						alt: "",
+						initials: e.initials,
+						name: e.name,
+						src: e.avatar
+					}), /* @__PURE__ */ a("span", {
+						className: "flex min-w-0 flex-col text-left",
+						children: [/* @__PURE__ */ i("span", {
+							className: "truncate font-medium",
+							children: e.name
+						}), e.username ? /* @__PURE__ */ i("span", {
+							className: "truncate text-xs font-normal text-muted-foreground",
+							children: e.username
+						}) : null]
+					})]
+				}), /* @__PURE__ */ i(p, {
+					"aria-hidden": "true",
+					className: "size-3.5"
+				})]
+			})
+		}), /* @__PURE__ */ i(St, {
+			align: n,
+			className: "min-w-44! origin-(--transform-origin) transition-[opacity,scale,translate] duration-150 ease-smooth-out data-ending-style:scale-98 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-98 data-starting-style:opacity-0 data-[side=bottom]:data-ending-style:-translate-y-1 data-[side=bottom]:data-starting-style:-translate-y-1 data-[side=top]:data-ending-style:translate-y-1 data-[side=top]:data-starting-style:translate-y-1 motion-reduce:transition-none",
+			side: r,
+			sideOffset: o,
+			children: _.map((e, t) => /* @__PURE__ */ a(D.Fragment, { children: [t > 0 ? /* @__PURE__ */ i(At, {}) : null, /* @__PURE__ */ a(Ct, { children: [e.label ? /* @__PURE__ */ i(kt, { children: e.label }) : null, e.actions.map((e) => /* @__PURE__ */ a(wt, {
+				disabled: e.disabled,
+				onClick: () => v(e),
+				variant: e.variant,
+				children: [
+					e.icon,
+					/* @__PURE__ */ i("span", { children: e.label }),
+					e.shortcut ? /* @__PURE__ */ i(jt, { children: e.shortcut }) : null
+				]
+			}, e.id))] })] }, e.label ?? `group-${e.actions[0]?.id}`))
+		})]
+	});
+}
+//#endregion
+export { Xn as AnimatedSidebar, Qn as AnimatedSidebarClose, nr as AnimatedSidebarContent, rr as AnimatedSidebarFooter, ir as AnimatedSidebarGroup, or as AnimatedSidebarGroupContent, ar as AnimatedSidebarGroupLabel, tr as AnimatedSidebarHeader, er as AnimatedSidebarInset, sr as AnimatedSidebarMenu, fr as AnimatedSidebarMenuButton, cr as AnimatedSidebarMenuItem, lr as AnimatedSidebarMenuSub, dr as AnimatedSidebarMenuSubButton, ur as AnimatedSidebarMenuSubItem, Jn as AnimatedSidebarProvider, $n as AnimatedSidebarRail, Zn as AnimatedSidebarTrigger, q as AuthCard, X as AuthError, Qt as AuthSeparator, Z as AuthSuccess, Ce as Avatar, Te as AvatarFallback, we as AvatarImage, e as AvatarPrimitive, H as Button, Ie as Card, Ke as CardAction, qe as CardContent, qe as CardPanel, Ge as CardDescription, Je as CardFooter, Le as CardFrame, Ve as CardFrameAction, Be as CardFrameDescription, He as CardFrameFooter, Re as CardFrameHeader, ze as CardFrameTitle, Ue as CardHeader, We as CardTitle, Qe as Checkbox, ae as CheckboxPrimitive, en as CodeAuthBlock, ln as DEFAULT_ONBOARDING_STEPS, yt as DropdownMenu, yt as Menu, Et as DropdownMenuCheckboxItem, Et as MenuCheckboxItem, St as DropdownMenuContent, St as MenuPopup, vt as DropdownMenuCreateHandle, vt as MenuCreateHandle, Ct as DropdownMenuGroup, Ct as MenuGroup, wt as DropdownMenuItem, wt as MenuItem, kt as DropdownMenuLabel, kt as MenuGroupLabel, bt as DropdownMenuPortal, bt as MenuPortal, Dt as DropdownMenuRadioGroup, Dt as MenuRadioGroup, Ot as DropdownMenuRadioItem, Ot as MenuRadioItem, At as DropdownMenuSeparator, At as MenuSeparator, jt as DropdownMenuShortcut, jt as MenuShortcut, Mt as DropdownMenuSub, Mt as MenuSub, Pt as DropdownMenuSubContent, Pt as MenuSubPopup, Nt as DropdownMenuSubTrigger, Nt as MenuSubTrigger, xt as DropdownMenuTrigger, xt as MenuTrigger, K as EASE, yn as EASE_DRAWER, vn as EASE_IN_OUT, Q as EASE_OUT, bn as EASE_OUT_CSS, U as Field, nt as FieldControl, et as FieldDescription, tt as FieldError, $e as FieldItem, W as FieldLabel, rt as FieldValidity, tn as ForgotPasswordBlock, it as Frame, ct as FrameDescription, lt as FrameFooter, ot as FrameHeader, at as FramePanel, st as FrameTitle, G as Input, ft as InputGroup, pt as InputGroupAddon, ht as InputGroupInput, mt as InputGroupText, gt as InputGroupTextarea, pe as InputPrimitive, _t as Label, rn as LinkedAccountsBlock, an as LoginBlock, Tt as MenuLinkItem, R as MenuPrimitive, J as MorphStep, It as OTPField, Lt as OTPFieldInput, me as OTPFieldPrimitive, Rt as OTPFieldSeparator, un as OnboardingBlock, mn as PasskeyManagerBlock, hn as PasskeySignInBlock, Wt as PasswordInput, vr as ProfileCardBlock, Y as Reveal, Gt as SOCIAL_PROVIDERS, En as SPRING_GLIDE, wn as SPRING_LAYOUT, Tn as SPRING_MOUSE, Cn as SPRING_PANEL, xn as SPRING_PRESS, Sn as SPRING_SWAP, Ft as Separator, he as SeparatorPrimitive, kn as SharedLayoutBg, hr as SidebarBlock, gn as SignupBlock, zt as Skeleton, qt as SocialProviders, Ee as Spinner, ut as Textarea, _n as UpdatePasswordBlock, Yt as UserAvatar, Zt as authAccentActionStyles, Xt as authAccentVars, Xe as bindSounds, Fe as buttonVariants, V as cn, gr as defaultProfileCardItems, Ht as getPasswordStrength, Jt as initialsFrom, Vt as passwordRequirements, Ze as playCue, ce as playSound, le as setSoundEnabled, ue as setSoundVolume, de as sounds, $ as useAnimatedSidebar, $t as useCountdown };
 
 //# sourceMappingURL=index.js.map