@exegia/corpora-ui 0.6.0 → 0.8.0

package/dist-lib/index.js

@@ -3,44 +3,44 @@ 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, Loader2Icon as l, MailIcon as u, SmartphoneIcon as d, XIcon as f } from "lucide-react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import * as g from "react";
-import { forwardRef as _, useCallback as v, useEffect as y, useId as b, useMemo as x, useRef as S, useState as C } from "react";
-import { Checkbox as w } from "@base-ui/react/checkbox";
-import { bind as T, play as E, play as D, setEnabled as O, setVolume as k, sounds as ee } from "cuelume";
-import { Field as A, Field as j } from "@base-ui/react/field";
-import { Input as M } from "@base-ui/react/input";
-import { OTPField as N } from "@base-ui/react/otp-field";
-import { Separator as P } from "@base-ui/react/separator";
-import { AnimatePresence as F, MotionConfig as te, motion as I } from "motion/react";
-import { RiAppleFill as ne, RiGithubFill as re, RiGoogleFill as ie, RiTwitterXFill as ae } from "@remixicon/react";
+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";
 //#region src/lib/utils.ts
-function L(...e) {
+function R(...e) {
 	return i(r(e));
 }
 //#endregion
 //#region src/components/ui/spinner.tsx
-function oe({ className: e, ...t }) {
-	return /* @__PURE__ */ m(l, {
+function z({ className: e, ...t }) {
+	return /* @__PURE__ */ h(u, {
 		"aria-label": "Loading",
-		className: L("animate-spin", e),
+		className: R("animate-spin", e),
 		role: "status",
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/glasscn/liquid-glass.tsx
-var se = 480, ce = 1.25, le = /* @__PURE__ */ new Map();
-function ue() {
+var oe = 480, se = 1.25, ce = /* @__PURE__ */ new Map();
+function le() {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgent;
 	return (/Chrom(e|ium)/.test(e) || /Edg\//.test(e)) && !/Firefox/.test(e);
 }
-function de({ width: e, height: t, radius: n, bezel: r }) {
-	let i = `${e}:${t}:${n}:${r}`, a = le.get(i);
+function ue({ width: e, height: t, radius: n, bezel: r }) {
+	let i = `${e}:${t}:${n}:${r}`, a = ce.get(i);
 	if (a !== void 0) return a;
-	let o = Math.min(1, se / 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, 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");
 	l.width = s, l.height = c;
 	let u = l.getContext("2d");
 	if (!u) return "";
@@ -56,30 +56,30 @@ function de({ 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 - fe(Math.min(1, y / g));
-		b *= Math.min(1, y / ce), 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 - 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;
 	}
 	u.putImageData(d, 0, 0);
 	let _ = l.toDataURL("image/png");
-	return le.set(i, _), _;
+	return ce.set(i, _), _;
 }
-function fe(e) {
+function de(e) {
 	return (1 - (1 - e) ** 4) ** .25;
 }
-var pe = _(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 = b(), d = x(() => `liquid-glass-${u.replace(/:/g, "")}`, [u]);
+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]);
 	console.log(n);
-	let f = S(null), g = v((e) => {
+	let f = C(null), p = y((e) => {
 		f.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
-	}, [l]), [_, w] = C(null);
-	y(() => {
+	}, [l]), [_, v] = w(null);
+	b(() => {
 		let e = f.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);
-			w((e) => e && e.width === n && e.height === i && e.radius === o && e.bezel === r ? e : {
+			v((e) => e && e.width === n && e.height === i && e.radius === o && e.bezel === r ? e : {
 				width: n,
 				height: i,
 				radius: o,
@@ -90,21 +90,21 @@ var pe = _(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, [r]);
-	let T = x(() => _ ? de(_) : "", [_]), [E, D] = C(!1);
-	y(() => {
-		D(ue());
+	let T = S(() => _ ? ue(_) : "", [_]), [E, D] = w(!1);
+	b(() => {
+		D(le());
 	}, []);
 	let O = E && T !== "", k = O ? `url(#${d}) blur(${e}px) saturate(${i})` : `blur(${e + 2}px) saturate(${i})`;
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-		ref: g,
-		className: L("relative overflow-hidden rounded-full bg-white/[0.08]", a),
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+		ref: p,
+		className: R("relative overflow-hidden rounded-full bg-white/[0.08]", a),
 		style: {
 			...o,
 			backdropFilter: k,
 			WebkitBackdropFilter: k
 		},
 		...c,
-		children: [s, /* @__PURE__ */ m("span", {
+		children: [s, /* @__PURE__ */ h("span", {
 			"aria-hidden": !0,
 			className: "pointer-events-none absolute inset-0 rounded-[inherit]",
 			style: {
@@ -115,10 +115,10 @@ var pe = _(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__ */ m("svg", {
+	}), O && /* @__PURE__ */ h("svg", {
 		className: "absolute size-0 overflow-hidden",
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ h("filter", {
+		children: /* @__PURE__ */ g("filter", {
 			id: d,
 			x: "0",
 			y: "0",
@@ -126,7 +126,7 @@ var pe = _(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 			height: "100%",
 			colorInterpolationFilters: "sRGB",
 			children: [
-				/* @__PURE__ */ m("feImage", {
+				/* @__PURE__ */ h("feImage", {
 					href: T,
 					x: "0",
 					y: "0",
@@ -135,7 +135,7 @@ var pe = _(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 					preserveAspectRatio: "none",
 					result: "map"
 				}),
-				/* @__PURE__ */ m("feDisplacementMap", {
+				/* @__PURE__ */ h("feDisplacementMap", {
 					in: "SourceGraphic",
 					in2: "map",
 					scale: t,
@@ -143,14 +143,14 @@ var pe = _(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 					yChannelSelector: "G",
 					result: "displaced"
 				}),
-				/* @__PURE__ */ m("feGaussianBlur", {
+				/* @__PURE__ */ h("feGaussianBlur", {
 					in: "displaced",
 					stdDeviation: "0.15"
 				})
 			]
 		})
 	})] });
-}), me = {
+}), pe = {
 	clear: [
 		"backdrop-blur-[2px] backdrop-saturate-[1.9]",
 		"bg-white/[0.25] dark:bg-black/[0.25]",
@@ -184,7 +184,7 @@ var pe = _(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 		"[will-change:background-position]"
 	].join(" "),
 	"liquid-refract": ""
-}, he = 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", {
+}, 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", {
 	compoundVariants: [{
 		class: "h-auto border-0 px-0 align-middle sm:h-auto",
 		size: [
@@ -225,27 +225,27 @@ var pe = _(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 		}
 	}
 });
-function R({ 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), g = a ? void 0 : "button", _ = r === "glass" ? l ?? "liquid-refract" : void 0, v = _ === "liquid-refract", y = (i ?? "default").startsWith("icon"), b = t({
+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({
 		defaultTagName: "button",
 		props: e({
-			children: /* @__PURE__ */ h(p, { children: [
-				!y && /* @__PURE__ */ m("span", {
+			children: /* @__PURE__ */ g(m, { children: [
+				!y && /* @__PURE__ */ h("span", {
 					"aria-hidden": !s || void 0,
 					"data-slot": "button-loading-indicator",
-					className: L("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" : L("max-w-0 opacity-0 blur-[2px]", i === "xs" ? "-ms-1" : i === "sm" ? "-ms-1.5" : "-ms-2")),
-					children: /* @__PURE__ */ m(oe, { className: s ? void 0 : "animate-none" })
+					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" })
 				}),
 				o,
-				s && y && /* @__PURE__ */ m(oe, {
+				s && y && /* @__PURE__ */ h(z, {
 					className: "pointer-events-none absolute",
 					"data-slot": "button-loading-indicator"
 				})
 			] }),
-			className: L(he({
+			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", _ && me[_], v && "bg-transparent border-0 shadow-none", n),
+			}), !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,
@@ -253,139 +253,139 @@ function R({ className: n, variant: r, size: i, render: a, children: o, loading:
 			"data-glass-variant": _,
 			"data-slot": "button",
 			disabled: f,
-			type: g
+			type: p
 		}, d),
 		render: a
 	});
-	return v ? /* @__PURE__ */ m(pe, { children: b }) : b;
+	return v ? /* @__PURE__ */ h(fe, { children: b }) : b;
 }
 //#endregion
 //#region src/components/ui/card.tsx
-function ge({ className: n, render: r, ...i }) {
+function he({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("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),
+			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),
 			"data-slot": "card"
 		}, i),
 		render: r
 	});
 }
-function _e({ className: n, render: r, ...i }) {
+function ge({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("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),
+			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),
 			"data-slot": "card-frame"
 		}, i),
 		render: r
 	});
 }
-function ve({ className: n, render: r, ...i }) {
+function _e({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("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),
+			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),
 			"data-slot": "card-frame-header"
 		}, i),
 		render: r
 	});
 }
-function ye({ className: n, render: r, ...i }) {
+function ve({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("self-center font-semibold text-sm", n),
+			className: R("self-center font-semibold text-sm", n),
 			"data-slot": "card-frame-title"
 		}, i),
 		render: r
 	});
 }
-function be({ className: n, render: r, ...i }) {
+function ye({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("self-center text-muted-foreground text-sm", n),
+			className: R("self-center text-muted-foreground text-sm", n),
 			"data-slot": "card-frame-description"
 		}, i),
 		render: r
 	});
 }
-function xe({ className: n, render: r, ...i }) {
+function be({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", n),
+			className: R("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", n),
 			"data-slot": "card-frame-action"
 		}, i),
 		render: r
 	});
 }
-function Se({ className: n, render: r, ...i }) {
+function xe({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("px-6 py-4", n),
+			className: R("px-6 py-4", n),
 			"data-slot": "card-frame-footer"
 		}, i),
 		render: r
 	});
 }
-function Ce({ className: n, render: r, ...i }) {
+function Se({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("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),
+			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),
 			"data-slot": "card-header"
 		}, i),
 		render: r
 	});
 }
-function we({ className: n, render: r, ...i }) {
+function V({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("font-heading font-semibold text-lg leading-none", n),
+			className: R("font-heading font-semibold text-lg leading-none", n),
 			"data-slot": "card-title"
 		}, i),
 		render: r
 	});
 }
-function Te({ className: n, render: r, ...i }) {
+function Ce({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("text-muted-foreground text-sm", n),
+			className: R("text-muted-foreground text-sm", n),
 			"data-slot": "card-description"
 		}, i),
 		render: r
 	});
 }
-function Ee({ className: n, render: r, ...i }) {
+function we({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", n),
+			className: R("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", n),
 			"data-slot": "card-action"
 		}, i),
 		render: r
 	});
 }
-function z({ className: n, render: r, ...i }) {
+function H({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("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),
+			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),
 			"data-slot": "card-panel"
 		}, i),
 		render: r
 	});
 }
-function De({ className: n, render: r, ...i }) {
+function Te({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
-			className: L("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", n),
+			className: R("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", n),
 			"data-slot": "card-footer"
 		}, i),
 		render: r
@@ -393,29 +393,29 @@ function De({ className: n, render: r, ...i }) {
 }
 //#endregion
 //#region src/lib/sound.ts
-var Oe = !1;
-function ke(e) {
-	Oe = !0, T(e);
+var Ee = !1;
+function De(e) {
+	Ee = !0, E(e);
 }
-function B(e, t) {
-	Oe && E(e, t);
+function Oe(e, t) {
+	Ee && D(e, t);
 }
 //#endregion
 //#region src/components/ui/checkbox.tsx
-function V({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
-	return /* @__PURE__ */ m(w.Root, {
+function ke({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
+	return /* @__PURE__ */ h(T.Root, {
 		onCheckedChange: (e, r) => {
-			t && B("toggle"), n?.(e, r);
+			t && Oe("toggle"), n?.(e, r);
 		},
-		className: L("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: 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),
 		"data-slot": "checkbox",
 		...r,
-		children: /* @__PURE__ */ m(w.Indicator, {
+		children: /* @__PURE__ */ h(T.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__ */ m("span", {
+			render: (e, t) => /* @__PURE__ */ h("span", {
 				...e,
-				children: t.indeterminate ? /* @__PURE__ */ m("svg", {
+				children: t.indeterminate ? /* @__PURE__ */ h("svg", {
 					"aria-hidden": "true",
 					className: "size-3.5 sm:size-3",
 					fill: "none",
@@ -427,8 +427,8 @@ function V({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
 					viewBox: "0 0 24 24",
 					width: "24",
 					xmlns: "http://www.w3.org/2000/svg",
-					children: /* @__PURE__ */ m("path", { d: "M5.252 12h13.496" })
-				}) : /* @__PURE__ */ m("svg", {
+					children: /* @__PURE__ */ h("path", { d: "M5.252 12h13.496" })
+				}) : /* @__PURE__ */ h("svg", {
 					"aria-hidden": "true",
 					className: "size-3.5 sm:size-3",
 					fill: "none",
@@ -440,7 +440,7 @@ function V({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
 					viewBox: "0 0 24 24",
 					width: "24",
 					xmlns: "http://www.w3.org/2000/svg",
-					children: /* @__PURE__ */ m("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+					children: /* @__PURE__ */ h("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
 				})
 			})
 		})
@@ -448,101 +448,101 @@ function V({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
 }
 //#endregion
 //#region src/components/ui/field.tsx
-function H({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Root, {
-		className: L("flex flex-col items-start gap-2", e),
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ h(M.Root, {
+		className: R("flex flex-col items-start gap-2", e),
 		"data-slot": "field",
 		...t
 	});
 }
-function U({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Label, {
-		className: L("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),
+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),
 		"data-slot": "field-label",
 		...t
 	});
 }
 function Ae({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Item, {
-		className: L("flex", e),
+	return /* @__PURE__ */ h(M.Item, {
+		className: R("flex", e),
 		"data-slot": "field-item",
 		...t
 	});
 }
 function je({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Description, {
-		className: L("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),
+	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),
 		"data-slot": "field-description",
 		...t
 	});
 }
 function Me({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Error, {
-		className: L("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),
+	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),
 		"data-slot": "field-error",
 		...t
 	});
 }
-var Ne = j.Control, Pe = j.Validity;
+var Ne = M.Control, Pe = M.Validity;
 //#endregion
 //#region src/components/ui/frame.tsx
 function Fe({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
-		className: L("relative flex flex-col rounded-2xl bg-muted/72 p-1", "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", e),
+	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),
 		"data-slot": "frame",
 		...t
 	});
 }
 function Ie({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
-		className: L("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),
+	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),
 		"data-slot": "frame-panel",
 		...t
 	});
 }
 function Le({ className: e, ...t }) {
-	return /* @__PURE__ */ m("header", {
-		className: L("flex flex-col px-5 py-4", e),
+	return /* @__PURE__ */ h("header", {
+		className: R("flex flex-col px-5 py-4", e),
 		"data-slot": "frame-panel-header",
 		...t
 	});
 }
 function Re({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
-		className: L("font-semibold text-sm", e),
+	return /* @__PURE__ */ h("div", {
+		className: R("font-semibold text-sm", e),
 		"data-slot": "frame-panel-title",
 		...t
 	});
 }
 function ze({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
-		className: L("text-muted-foreground text-sm", e),
+	return /* @__PURE__ */ h("div", {
+		className: R("text-muted-foreground text-sm", e),
 		"data-slot": "frame-panel-description",
 		...t
 	});
 }
 function Be({ className: e, ...t }) {
-	return /* @__PURE__ */ m("footer", {
-		className: L("px-5 py-4", e),
+	return /* @__PURE__ */ h("footer", {
+		className: R("px-5 py-4", e),
 		"data-slot": "frame-panel-footer",
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/input.tsx
-function W({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: i, ...a }) {
-	let o = L("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__ */ m("span", {
-		className: L(!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: 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,
 		"data-size": t,
 		"data-slot": "input-control",
-		children: r ? /* @__PURE__ */ m("input", {
+		children: r ? /* @__PURE__ */ h("input", {
 			className: o,
 			"data-slot": "input",
 			size: typeof t == "number" ? t : void 0,
 			style: typeof i == "function" ? void 0 : i,
 			...a
-		}) : /* @__PURE__ */ m(M, {
+		}) : /* @__PURE__ */ h(N, {
 			className: o,
 			"data-slot": "input",
 			size: typeof t == "number" ? t : void 0,
@@ -554,19 +554,19 @@ function W({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r
 //#endregion
 //#region src/components/ui/textarea.tsx
 function Ve({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a }) {
-	return /* @__PURE__ */ m("span", {
-		className: L(!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,
+	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,
 		"data-slot": "textarea-control",
-		children: /* @__PURE__ */ m(A.Control, {
+		children: /* @__PURE__ */ h(ee.Control, {
 			ref: i,
 			value: a.value,
 			defaultValue: a.defaultValue,
 			disabled: a.disabled,
 			id: a.id,
 			name: a.name,
-			render: (t) => /* @__PURE__ */ m("textarea", {
-				className: L("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: (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"),
 				"data-slot": "textarea",
 				...e(t, a)
 			})
@@ -585,16 +585,16 @@ var He = n("flex h-auto cursor-text select-none items-center justify-center gap-
 	} }
 });
 function Ue({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
-		className: L("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),
+	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),
 		"data-slot": "input-group",
 		role: "group",
 		...t
 	});
 }
 function We({ className: e, align: t = "inline-start", ...n }) {
-	return /* @__PURE__ */ m("div", {
-		className: L(He({ align: t }), e),
+	return /* @__PURE__ */ h("div", {
+		className: R(He({ align: t }), e),
 		"data-align": t,
 		"data-slot": "input-group-addon",
 		onMouseDown: (e) => {
@@ -607,20 +607,20 @@ function We({ className: e, align: t = "inline-start", ...n }) {
 	});
 }
 function Ge({ className: e, ...t }) {
-	return /* @__PURE__ */ m("span", {
-		className: L("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),
+	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),
 		...t
 	});
 }
 function Ke({ className: e, ...t }) {
-	return /* @__PURE__ */ m(W, {
+	return /* @__PURE__ */ h(G, {
 		className: e,
 		unstyled: !0,
 		...t
 	});
 }
 function qe({ className: e, ...t }) {
-	return /* @__PURE__ */ m(Ve, {
+	return /* @__PURE__ */ h(Ve, {
 		className: e,
 		unstyled: !0,
 		...t
@@ -632,7 +632,7 @@ function Je({ className: n, render: r, sound: i = !1, ...a }) {
 	return t({
 		defaultTagName: "label",
 		props: e({
-			className: L("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4", n),
+			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,
 			"data-slot": "label"
 		}, a),
@@ -641,9 +641,9 @@ function Je({ className: n, render: r, sound: i = !1, ...a }) {
 }
 //#endregion
 //#region src/components/ui/separator.tsx
-function G({ className: e, orientation: t = "horizontal", ...n }) {
-	return /* @__PURE__ */ m(P, {
-		className: L("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 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),
 		"data-slot": "separator",
 		orientation: t,
 		...n
@@ -651,41 +651,41 @@ function G({ className: e, orientation: t = "horizontal", ...n }) {
 }
 //#endregion
 //#region src/components/ui/otp-field.tsx
-function Ye({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...i }) {
-	let a = g.useRef(String(i.value ?? i.defaultValue ?? "").length);
-	return /* @__PURE__ */ m(N.Root, {
-		className: L("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 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),
 		"data-size": t,
 		"data-slot": "otp-field",
 		onValueChange: (e, ...t) => {
-			n && e.length > a.current && B("tick"), a.current = e.length, r?.(e, ...t);
+			n && e.length > a.current && Oe("tick"), a.current = e.length, r?.(e, ...t);
 		},
 		...i
 	});
 }
-function Xe({ className: e, ...t }) {
-	return /* @__PURE__ */ m(N.Input, {
-		className: L("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 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),
 		"data-slot": "otp-field-input",
 		spellCheck: !1,
 		...t
 	});
 }
-function Ze({ className: e, ...t }) {
-	return /* @__PURE__ */ m(N.Separator, { render: /* @__PURE__ */ m(G, {
-		className: L("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
+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),
 		orientation: "horizontal",
 		...t
 	}) });
 }
 //#endregion
 //#region src/components/composed/password-input.tsx
-var Qe = [
+var $e = [
 	.22,
 	1,
 	.36,
 	1
-], K = [
+], et = [
 	{
 		regex: /.{8,}/,
 		text: "At least 8 characters"
@@ -703,21 +703,21 @@ var Qe = [
 		text: "At least 1 uppercase letter"
 	}
 ];
-function $e(e) {
-	return K.filter((t) => t.regex.test(e)).length;
+function tt(e) {
+	return et.filter((t) => t.regex.test(e)).length;
 }
-var et = [
+var nt = [
 	"bg-border",
 	"bg-red-500",
 	"bg-orange-500",
 	"bg-amber-500",
 	"bg-emerald-500"
 ];
-function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: i, defaultValue: a, onChange: l, ...u }) {
-	let [d, p] = g.useState(!1), [_, v] = g.useState(String(a ?? "")), y = i === void 0 ? _ : String(i), b = $e(y);
-	return /* @__PURE__ */ h("div", {
-		className: L("flex w-full flex-col gap-3", r),
-		children: [/* @__PURE__ */ h(Ue, { children: [/* @__PURE__ */ m(Ke, {
+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, {
 			placeholder: "Enter your password",
 			...u,
 			type: d ? "text" : "password",
@@ -725,20 +725,20 @@ function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 			onChange: (e) => {
 				v(e.target.value), l?.(e);
 			}
-		}), e && /* @__PURE__ */ m(We, {
+		}), e && /* @__PURE__ */ h(We, {
 			align: "inline-end",
-			children: /* @__PURE__ */ m(R, {
+			children: /* @__PURE__ */ h(B, {
 				"aria-label": d ? "Hide password" : "Show password",
 				onClick: () => {
-					n && B(d ? "droplet" : "bloom"), p((e) => !e);
+					n && Oe(d ? "droplet" : "bloom"), f((e) => !e);
 				},
 				size: "icon-xs",
 				variant: "ghost",
 				sound: !1,
-				children: /* @__PURE__ */ m(F, {
+				children: /* @__PURE__ */ h(F, {
 					mode: "wait",
 					initial: !1,
-					children: /* @__PURE__ */ m(I.span, {
+					children: /* @__PURE__ */ h(I.span, {
 						className: "inline-flex",
 						initial: {
 							opacity: 0,
@@ -757,15 +757,15 @@ function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 						},
 						transition: {
 							duration: .15,
-							ease: Qe
+							ease: $e
 						},
-						children: m(d ? c : s, { "aria-hidden": "true" })
+						children: h(d ? c : s, { "aria-hidden": "true" })
 					}, d ? "off" : "on")
 				})
 			})
-		})] }), /* @__PURE__ */ m(F, {
+		})] }), /* @__PURE__ */ h(F, {
 			initial: !1,
-			children: t && /* @__PURE__ */ h(I.div, {
+			children: t && /* @__PURE__ */ g(I.div, {
 				className: "flex flex-col gap-2 overflow-hidden",
 				initial: {
 					height: 0,
@@ -781,39 +781,39 @@ function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 				},
 				transition: {
 					duration: .25,
-					ease: Qe
+					ease: $e
 				},
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					"aria-label": "Password strength",
 					"aria-valuemax": 4,
 					"aria-valuemin": 0,
 					"aria-valuenow": b,
 					className: "h-1 w-full overflow-hidden rounded-full bg-border",
 					role: "progressbar",
-					children: /* @__PURE__ */ m(I.div, {
-						className: L("h-full rounded-full", et[b]),
+					children: /* @__PURE__ */ h(I.div, {
+						className: R("h-full rounded-full", nt[b]),
 						animate: { width: `${b / 4 * 100}%` },
 						transition: {
 							duration: .4,
-							ease: Qe
+							ease: $e
 						}
 					})
-				}), /* @__PURE__ */ m("ul", {
+				}), /* @__PURE__ */ h("ul", {
 					"aria-label": "Password requirements",
 					className: "flex flex-col gap-1",
-					children: K.map((e) => {
+					children: et.map((e) => {
 						let t = e.regex.test(y);
-						return /* @__PURE__ */ h("li", {
+						return /* @__PURE__ */ g("li", {
 							className: "flex items-center gap-2 text-xs",
-							children: [t ? /* @__PURE__ */ m(o, {
+							children: [t ? /* @__PURE__ */ h(o, {
 								"aria-hidden": "true",
 								className: "size-3.5 text-emerald-500"
-							}) : /* @__PURE__ */ m(f, {
+							}) : /* @__PURE__ */ h(p, {
 								"aria-hidden": "true",
 								className: "size-3.5 text-muted-foreground/80"
-							}), /* @__PURE__ */ h("span", {
+							}), /* @__PURE__ */ g("span", {
 								className: t ? "text-emerald-600" : "text-muted-foreground",
-								children: [e.text, /* @__PURE__ */ m("span", {
+								children: [e.text, /* @__PURE__ */ h("span", {
 									className: "sr-only",
 									children: t ? " - met" : " - not met"
 								})]
@@ -827,14 +827,14 @@ function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 }
 //#endregion
 //#region src/components/composed/social-providers.tsx
-var nt = {
+var q = {
 	google: {
 		label: "Google",
 		Icon: ie
 	},
 	apple: {
 		label: "Apple",
-		Icon: ne
+		Icon: L
 	},
 	github: {
 		label: "GitHub",
@@ -855,11 +855,11 @@ function it({ providers: e = [
 	"github"
 ], action: t = "continue", layout: n = "stack", loadingProvider: r = null, disabled: i = !1, onSelect: a, className: o }) {
 	let s = n === "row";
-	return /* @__PURE__ */ m("div", {
-		className: L("flex w-full gap-2", s ? "flex-row justify-center" : "flex-col", o),
+	return /* @__PURE__ */ h("div", {
+		className: R("flex w-full gap-2", s ? "flex-row justify-center" : "flex-col", o),
 		children: e.map((e) => {
-			let { label: n, Icon: o } = nt[e];
-			return /* @__PURE__ */ h(R, {
+			let { label: n, Icon: o } = q[e];
+			return /* @__PURE__ */ g(B, {
 				variant: "outline",
 				size: s ? "icon" : "default",
 				className: s ? void 0 : "w-full",
@@ -867,7 +867,7 @@ function it({ providers: e = [
 				loading: r === e,
 				disabled: i || r !== null && r !== e,
 				onClick: () => a?.(e),
-				children: [/* @__PURE__ */ m(o, { "aria-hidden": "true" }), !s && /* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ h(o, { "aria-hidden": "true" }), !s && /* @__PURE__ */ g("span", {
 					className: "flex-1",
 					children: [
 						rt[t],
@@ -892,38 +892,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)]", q = [
+}, 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 = [
 	.22,
 	1,
 	.36,
 	1
 ];
-function J({ title: e, description: t, children: n, footer: r, className: i, logo: a, accent: o }) {
-	return /* @__PURE__ */ m(te, {
+function Y({ title: e, description: t, children: n, footer: r, className: i, logo: a, accent: o }) {
+	return /* @__PURE__ */ h(ne, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ m(Fe, {
-			className: L("w-full max-w-sm", i),
+		children: /* @__PURE__ */ h(Fe, {
+			className: R("w-full max-w-sm", i),
 			"data-accent": o,
 			style: o ? at[o] : void 0,
-			children: /* @__PURE__ */ h(I.div, {
+			children: /* @__PURE__ */ g(I.div, {
 				layout: !0,
 				transition: {
 					duration: .3,
-					ease: q
+					ease: J
 				},
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ h(ge, { children: [/* @__PURE__ */ h(Ce, { children: [
-					a && /* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ g(he, { children: [/* @__PURE__ */ g(Se, { children: [
+					a && /* @__PURE__ */ h("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
 					}),
-					/* @__PURE__ */ m(we, { children: e }),
-					t && /* @__PURE__ */ m(Te, { children: t })
-				] }), /* @__PURE__ */ m(z, {
+					/* @__PURE__ */ h(V, { children: e }),
+					t && /* @__PURE__ */ h(Ce, { children: t })
+				] }), /* @__PURE__ */ h(H, {
 					className: "overflow-hidden",
 					children: n
-				})] }), r && /* @__PURE__ */ m(Be, {
+				})] }), r && /* @__PURE__ */ h(Be, {
 					className: "text-center text-sm text-muted-foreground",
 					children: r
 				})]
@@ -931,11 +931,11 @@ function J({ title: e, description: t, children: n, footer: r, className: i, log
 		})
 	});
 }
-function Y({ step: e, children: t, className: n }) {
-	return /* @__PURE__ */ m(F, {
+function X({ step: e, children: t, className: n }) {
+	return /* @__PURE__ */ h(F, {
 		mode: "popLayout",
 		initial: !1,
-		children: /* @__PURE__ */ m(I.div, {
+		children: /* @__PURE__ */ h(I.div, {
 			className: n,
 			initial: {
 				opacity: 0,
@@ -954,24 +954,24 @@ function Y({ step: e, children: t, className: n }) {
 			},
 			transition: {
 				duration: .25,
-				ease: q
+				ease: J
 			},
 			children: t
 		}, e)
 	});
 }
-function X({ show: e, children: t, className: n }) {
-	let [r, i] = g.useState({
+function Z({ show: e, children: t, className: n }) {
+	let [r, i] = _.useState({
 		show: e,
 		settled: e
 	});
 	return r.show !== e && i({
 		show: e,
 		settled: !1
-	}), /* @__PURE__ */ m(F, {
+	}), /* @__PURE__ */ h(F, {
 		initial: !1,
-		children: e && /* @__PURE__ */ m(I.div, {
-			className: L(!r.settled && "overflow-hidden", n),
+		children: e && /* @__PURE__ */ h(I.div, {
+			className: R(!r.settled && "overflow-hidden", n),
 			initial: {
 				height: 0,
 				opacity: 0,
@@ -992,7 +992,7 @@ function X({ show: e, children: t, className: n }) {
 			},
 			transition: {
 				duration: .25,
-				ease: q
+				ease: J
 			},
 			onAnimationComplete: () => i((e) => ({
 				...e,
@@ -1002,10 +1002,10 @@ function X({ show: e, children: t, className: n }) {
 		})
 	});
 }
-function Z({ message: e }) {
-	return /* @__PURE__ */ m(F, {
+function Q({ message: e }) {
+	return /* @__PURE__ */ h(F, {
 		initial: !1,
-		children: e && /* @__PURE__ */ m(I.p, {
+		children: e && /* @__PURE__ */ h(I.p, {
 			role: "alert",
 			className: "text-sm text-destructive-foreground",
 			initial: {
@@ -1030,7 +1030,7 @@ function Z({ message: e }) {
 			},
 			transition: {
 				duration: .25,
-				ease: q,
+				ease: J,
 				x: {
 					duration: .4,
 					ease: "easeInOut"
@@ -1040,11 +1040,11 @@ function Z({ message: e }) {
 		}, e)
 	});
 }
-function Q({ title: e, description: t, children: n }) {
-	return /* @__PURE__ */ h("div", {
+function $({ title: e, description: t, children: n }) {
+	return /* @__PURE__ */ g("div", {
 		className: "flex flex-col items-center gap-3 py-4 text-center",
 		children: [
-			/* @__PURE__ */ m(I.span, {
+			/* @__PURE__ */ h(I.span, {
 				className: "flex size-12 items-center justify-center rounded-full bg-emerald-500/12 text-emerald-600",
 				initial: {
 					scale: .6,
@@ -1056,9 +1056,9 @@ function Q({ title: e, description: t, children: n }) {
 				},
 				transition: {
 					duration: .4,
-					ease: q
+					ease: J
 				},
-				children: /* @__PURE__ */ m("svg", {
+				children: /* @__PURE__ */ h("svg", {
 					"aria-hidden": "true",
 					viewBox: "0 0 24 24",
 					className: "size-6",
@@ -1067,24 +1067,24 @@ function Q({ title: e, description: t, children: n }) {
 					strokeWidth: "2.5",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: /* @__PURE__ */ m(I.path, {
+					children: /* @__PURE__ */ h(I.path, {
 						d: "M4 12.5l5 5L20 6.5",
 						initial: { pathLength: 0 },
 						animate: { pathLength: 1 },
 						transition: {
 							duration: .4,
 							delay: .15,
-							ease: q
+							ease: J
 						}
 					})
 				})
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ m("p", {
+				children: [/* @__PURE__ */ h("p", {
 					className: "font-medium",
 					children: e
-				}), t && /* @__PURE__ */ m("p", {
+				}), t && /* @__PURE__ */ h("p", {
 					className: "text-sm text-muted-foreground",
 					children: t
 				})]
@@ -1093,21 +1093,21 @@ function Q({ title: e, description: t, children: n }) {
 		]
 	});
 }
-function $({ label: e = "Or" }) {
-	return /* @__PURE__ */ h("div", {
+function st({ label: e = "Or" }) {
+	return /* @__PURE__ */ g("div", {
 		className: "flex items-center gap-3",
 		children: [
-			/* @__PURE__ */ m(G, { className: "flex-1" }),
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ h(Ye, { className: "flex-1" }),
+			/* @__PURE__ */ h("span", {
 				className: "text-xs text-muted-foreground uppercase",
 				children: e
 			}),
-			/* @__PURE__ */ m(G, { className: "flex-1" })
+			/* @__PURE__ */ h(Ye, { className: "flex-1" })
 		]
 	});
 }
-function st(e, t) {
-	let [n, r] = g.useState({
+function ct(e, t) {
+	let [n, r] = _.useState({
 		restartKey: t,
 		seconds: e,
 		remaining: e
@@ -1116,7 +1116,7 @@ function st(e, t) {
 		restartKey: t,
 		seconds: e,
 		remaining: e
-	}), g.useEffect(() => {
+	}), _.useEffect(() => {
 		if (e <= 0) return;
 		let t = window.setInterval(() => {
 			r((e) => e.remaining <= 0 ? e : {
@@ -1129,53 +1129,53 @@ function st(e, t) {
 }
 //#endregion
 //#region src/components/blocks/auth/code-auth-block.tsx
-function ct({ 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 [f, _] = g.useState("idle"), [v, y] = g.useState(null), [b, x] = g.useState(""), [S, C] = g.useState(0), w = st(o, S), T = e === "sms" ? d : u, E = e === "sms" ? "phone" : "email", D = g.useCallback(async (e) => {
-		y(null), _("loading");
+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");
 		try {
-			await s?.(e), _("success");
+			await s?.(e), p("success");
 		} catch (e) {
-			_("idle"), x(""), y(e instanceof Error ? e.message : "Invalid code.");
+			p("idle"), x(""), y(e instanceof Error ? e.message : "Invalid code.");
 		}
 	}, [s]);
 	function O(e) {
-		x(e), v && y(null), a && e.length === i && f === "idle" && D(e);
+		x(e), v && y(null), a && e.length === i && u === "idle" && D(e);
 	}
 	async function k() {
 		C((e) => e + 1), x(""), y(null), await c?.();
 	}
-	return /* @__PURE__ */ m(J, {
+	return /* @__PURE__ */ h(Y, {
 		title: "Enter verification code",
 		logo: t,
 		accent: n,
-		description: /* @__PURE__ */ h("span", {
+		description: /* @__PURE__ */ g("span", {
 			className: "inline-flex items-center gap-1.5",
-			children: [/* @__PURE__ */ m(T, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ h("span", { children: [
+			children: [/* @__PURE__ */ h(T, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ g("span", { children: [
 				"We sent a ",
 				i,
 				"-digit code to your ",
 				E,
-				r ? /* @__PURE__ */ h(p, { children: [" ", /* @__PURE__ */ m("span", {
+				r ? /* @__PURE__ */ g(m, { children: [" ", /* @__PURE__ */ h("span", {
 					className: "font-medium text-foreground",
 					children: r
 				})] }) : null,
 				"."
 			] })]
 		}),
-		footer: f !== "success" && /* @__PURE__ */ h(R, {
+		footer: u !== "success" && /* @__PURE__ */ g(B, {
 			variant: "link",
 			onClick: l,
 			children: ["Use a different ", E]
 		}),
-		children: /* @__PURE__ */ m(Y, {
-			step: f === "success" ? "success" : "form",
-			children: f === "success" ? /* @__PURE__ */ m(Q, {
+		children: /* @__PURE__ */ h(X, {
+			step: u === "success" ? "success" : "form",
+			children: u === "success" ? /* @__PURE__ */ h($, {
 				title: "Verified",
 				description: "Your identity has been confirmed."
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ g("div", {
 				className: "flex flex-col items-center gap-4",
 				children: [
-					/* @__PURE__ */ m(I.div, {
+					/* @__PURE__ */ h(I.div, {
 						animate: v ? { x: [
 							0,
 							-8,
@@ -1188,42 +1188,42 @@ function ct({ channel: e = "email", logo: t, accent: n, destination: r, length:
 							duration: .4,
 							ease: "easeInOut"
 						},
-						children: /* @__PURE__ */ m(Ye, {
+						children: /* @__PURE__ */ h(Xe, {
 							length: i,
 							value: b,
 							onValueChange: O,
-							disabled: f === "loading",
-							children: Array.from({ length: i }, (e, t) => /* @__PURE__ */ m(Xe, {
+							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}`
 							}, `slot-${t}`))
 						})
 					}, v ?? "steady"),
-					/* @__PURE__ */ m(Z, { message: v }),
-					!a && /* @__PURE__ */ m(R, {
-						className: L("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: f === "loading",
+					/* @__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),
 						children: "Verify"
 					}),
-					/* @__PURE__ */ m(I.p, {
+					/* @__PURE__ */ h(I.p, {
 						layout: !0,
 						transition: {
 							duration: .25,
-							ease: q
+							ease: J
 						},
 						className: "text-center text-sm text-muted-foreground",
-						children: w > 0 ? /* @__PURE__ */ h(p, { children: [
+						children: w > 0 ? /* @__PURE__ */ g(m, { children: [
 							"Resend code in",
 							" ",
-							/* @__PURE__ */ h("span", {
+							/* @__PURE__ */ g("span", {
 								className: "font-medium tabular-nums text-foreground",
 								children: [w, "s"]
 							})
-						] }) : /* @__PURE__ */ m(R, {
+						] }) : /* @__PURE__ */ h(B, {
 							variant: "link",
-							disabled: f === "loading",
+							disabled: u === "loading",
 							onClick: () => void k(),
 							children: "Resend code"
 						})
@@ -1235,8 +1235,8 @@ function ct({ channel: e = "email", logo: t, accent: n, destination: r, length:
 }
 //#endregion
 //#region src/components/blocks/auth/forgot-password-block.tsx
-function lt({ 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 = g.useId(), [c, l] = g.useState("idle"), [u, d] = g.useState(null), [f, _] = g.useState("");
+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");
 		try {
@@ -1245,46 +1245,46 @@ function lt({ title: e = "Reset your password", logo: t, accent: n, description:
 			l("idle"), d(e instanceof Error ? e.message : "Unable to send reset link.");
 		}
 	}
-	return /* @__PURE__ */ m(J, {
+	return /* @__PURE__ */ h(Y, {
 		title: e,
 		description: r,
 		logo: t,
 		accent: n,
-		footer: /* @__PURE__ */ h(R, {
+		footer: /* @__PURE__ */ g(B, {
 			variant: "link",
 			className: "gap-1",
 			onClick: o,
-			children: [/* @__PURE__ */ m(a, { className: "size-3.5" }), "Back to login"]
+			children: [/* @__PURE__ */ h(a, { className: "size-3.5" }), "Back to login"]
 		}),
-		children: /* @__PURE__ */ m(Y, {
+		children: /* @__PURE__ */ h(X, {
 			step: c === "success" ? "success" : "form",
-			children: c === "success" ? /* @__PURE__ */ m(Q, {
+			children: c === "success" ? /* @__PURE__ */ h($, {
 				title: "Check your inbox",
-				description: /* @__PURE__ */ h(p, { children: [
+				description: /* @__PURE__ */ g(m, { children: [
 					"We sent a password reset link to",
 					" ",
-					/* @__PURE__ */ m("span", {
+					/* @__PURE__ */ h("span", {
 						className: "font-medium text-foreground",
 						children: f
 					}),
 					"."
 				] }),
-				children: /* @__PURE__ */ m(R, {
+				children: /* @__PURE__ */ h(B, {
 					variant: "link",
 					className: "text-xs sm:text-xs",
 					onClick: () => l("idle"),
 					children: "Use a different email"
 				})
-			}) : /* @__PURE__ */ h("form", {
+			}) : /* @__PURE__ */ g("form", {
 				className: "flex flex-col gap-4",
 				onSubmit: v,
 				children: [
-					/* @__PURE__ */ h(H, {
+					/* @__PURE__ */ g(U, {
 						name: "email",
-						children: [/* @__PURE__ */ m(U, {
+						children: [/* @__PURE__ */ h(W, {
 							htmlFor: s,
 							children: "Email"
-						}), /* @__PURE__ */ m(W, {
+						}), /* @__PURE__ */ h(G, {
 							id: s,
 							name: "email",
 							type: "email",
@@ -1293,12 +1293,12 @@ function lt({ title: e = "Reset your password", logo: t, accent: n, description:
 							required: !0,
 							disabled: c === "loading",
 							value: f,
-							onChange: (e) => _(e.target.value)
+							onChange: (e) => p(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ m(Z, { message: u }),
-					/* @__PURE__ */ m(R, {
-						className: L("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__ */ 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)]"),
 						type: "submit",
 						loading: c === "loading",
 						children: "Send reset link"
@@ -1309,13 +1309,148 @@ function lt({ 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 = [
+	"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);
+			try {
+				await a?.(e);
+			} catch (e) {
+				u(e instanceof Error ? e.message : "Unable to connect account.");
+			} finally {
+				f(null);
+			}
+		}
+	}
+	async function C(e) {
+		if (!(b || x)) {
+			u(null), m(e);
+			try {
+				await o?.(e);
+			} catch (e) {
+				u(e instanceof Error ? e.message : "Unable to disconnect account.");
+			} finally {
+				m(null);
+			}
+		}
+	}
+	return /* @__PURE__ */ h(ne, {
+		reducedMotion: "user",
+		children: /* @__PURE__ */ g(he, {
+			className: R("w-full", s),
+			"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", {
+				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, {
+				layout: !0,
+				transition: {
+					duration: .3,
+					ease: J
+				},
+				className: "flex flex-col gap-3",
+				children: [
+					/* @__PURE__ */ h(Q, { message: l }),
+					n.length > 0 ? /* @__PURE__ */ h("ul", {
+						"aria-label": "Connected accounts",
+						className: "flex flex-col gap-2",
+						children: /* @__PURE__ */ h(F, {
+							initial: !1,
+							children: n.map((e, t) => {
+								let { label: n, Icon: r } = q[e.provider];
+								return /* @__PURE__ */ g(I.li, {
+									layout: !0,
+									className: "flex items-center justify-between gap-3 rounded-lg border px-3 py-2",
+									initial: {
+										opacity: 0,
+										y: -4
+									},
+									animate: {
+										opacity: 1,
+										y: 0
+									},
+									exit: {
+										opacity: 0,
+										y: -4
+									},
+									transition: {
+										duration: .25,
+										ease: J,
+										delay: Math.min(t, 5) * .04
+									},
+									children: [/* @__PURE__ */ g("div", {
+										className: "flex min-w-0 items-center gap-2.5",
+										children: [/* @__PURE__ */ h(r, {
+											"aria-hidden": "true",
+											className: "size-4 text-muted-foreground"
+										}), /* @__PURE__ */ g("div", {
+											className: "flex min-w-0 flex-col",
+											children: [/* @__PURE__ */ h("span", {
+												className: "font-medium text-sm",
+												children: n
+											}), e.email && /* @__PURE__ */ h("span", {
+												className: "truncate text-xs text-muted-foreground",
+												children: e.email
+											})]
+										})]
+									}), /* @__PURE__ */ h(B, {
+										"aria-describedby": x ? c : 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),
+										children: "Disconnect"
+									})]
+								}, e.id);
+							})
+						})
+					}) : /* @__PURE__ */ h("p", {
+						className: "text-sm text-muted-foreground",
+						children: "No sign-in methods connected yet."
+					}),
+					x && n.length > 0 && /* @__PURE__ */ h("p", {
+						className: "text-xs text-muted-foreground",
+						id: c,
+						children: dt
+					}),
+					y.map((e) => {
+						let { label: t, Icon: n } = q[e];
+						return /* @__PURE__ */ g(B, {
+							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", {
+								className: "flex-1",
+								children: ["Connect ", t]
+							})]
+						}, e);
+					})
+				]
+			}) })]
+		})
+	});
+}
+//#endregion
 //#region src/components/blocks/auth/login-block.tsx
-function ut({ title: e = "Login to your account", description: t = "Enter your email and password to login", logo: n, accent: r, providers: i = [
+function pt({ title: e = "Login to your account", description: t = "Enter your email and password to login", logo: n, accent: r, providers: i = [
 	"google",
 	"apple",
 	"github"
 ], showRememberMe: a = !0, showForgotPassword: o = !0, onSubmit: s, onProviderSelect: c, onForgotPassword: l, onSignup: u }) {
-	let d = g.useId(), f = g.useId(), [_, v] = g.useState("idle"), [y, b] = g.useState(null), [x, S] = g.useState(null), [C, w] = g.useState(!1), [T, E] = g.useState(""), [D, O] = g.useState(!1), [k, ee] = g.useState(""), A = _ === "loading" || x !== null, j = k.trim().length > 0, M = D && j;
+	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;
 		let t = new FormData(e.currentTarget);
@@ -1340,37 +1475,37 @@ function ut({ title: e = "Login to your account", description: t = "Enter your e
 			S(null);
 		}
 	}
-	return /* @__PURE__ */ m(J, {
+	return /* @__PURE__ */ h(Y, {
 		title: e,
 		description: t,
 		logo: n,
 		accent: r,
-		footer: _ !== "success" && /* @__PURE__ */ h(p, { children: [
+		footer: p !== "success" && /* @__PURE__ */ g(m, { children: [
 			"Don't have an account?",
 			" ",
-			/* @__PURE__ */ m(R, {
+			/* @__PURE__ */ h(B, {
 				variant: "link",
 				onClick: u,
 				children: "Sign up"
 			})
 		] }),
-		children: /* @__PURE__ */ m(Y, {
-			step: _ === "success" ? "success" : "form",
-			children: _ === "success" ? /* @__PURE__ */ m(Q, {
+		children: /* @__PURE__ */ h(X, {
+			step: p === "success" ? "success" : "form",
+			children: p === "success" ? /* @__PURE__ */ h($, {
 				title: "Welcome back",
 				description: "You are now logged in."
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-4",
-				children: [/* @__PURE__ */ h("form", {
+				children: [/* @__PURE__ */ g("form", {
 					className: "flex flex-col gap-4",
 					onSubmit: N,
 					children: [
-						/* @__PURE__ */ h(H, {
+						/* @__PURE__ */ g(U, {
 							name: "email",
-							children: [/* @__PURE__ */ m(U, {
+							children: [/* @__PURE__ */ h(W, {
 								htmlFor: d,
 								children: "Email"
-							}), /* @__PURE__ */ m(W, {
+							}), /* @__PURE__ */ h(G, {
 								id: d,
 								"aria-label": "Email",
 								name: "email",
@@ -1378,32 +1513,32 @@ function ut({ title: e = "Login to your account", description: t = "Enter your e
 								autoComplete: "email",
 								placeholder: "you@example.com",
 								required: !0,
-								disabled: A,
+								disabled: j,
 								value: T,
 								onChange: (e) => {
 									E(e.currentTarget.value), O(e.currentTarget.validity.valid);
 								}
 							})]
 						}),
-						/* @__PURE__ */ m(X, {
+						/* @__PURE__ */ h(Z, {
 							show: D,
-							children: /* @__PURE__ */ h(H, {
+							children: /* @__PURE__ */ g(U, {
 								name: "password",
 								children: [
-									/* @__PURE__ */ m(U, {
+									/* @__PURE__ */ h(W, {
 										htmlFor: "password",
 										children: "Password"
 									}),
-									/* @__PURE__ */ m(tt, {
+									/* @__PURE__ */ h(K, {
 										id: "password",
 										name: "password",
 										autoComplete: "current-password",
 										required: !0,
-										disabled: A,
+										disabled: j,
 										value: k,
-										onChange: (e) => ee(e.target.value)
+										onChange: (e) => A(e.target.value)
 									}),
-									o && /* @__PURE__ */ m(R, {
+									o && /* @__PURE__ */ h(B, {
 										variant: "link",
 										type: "button",
 										className: "self-end font-normal text-muted-foreground text-xs hover:text-foreground sm:text-xs",
@@ -1413,39 +1548,39 @@ function ut({ title: e = "Login to your account", description: t = "Enter your e
 								]
 							})
 						}),
-						a && /* @__PURE__ */ h("div", {
+						a && /* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ m(V, {
+							children: [/* @__PURE__ */ h(ke, {
 								id: f,
 								checked: C,
 								onCheckedChange: (e) => w(e),
-								disabled: A
-							}), /* @__PURE__ */ m(Je, {
+								disabled: j
+							}), /* @__PURE__ */ h(Je, {
 								htmlFor: f,
 								className: "font-normal",
 								children: "Remember me"
 							})]
 						}),
-						/* @__PURE__ */ m(Z, { message: y }),
-						/* @__PURE__ */ m(X, {
+						/* @__PURE__ */ h(Q, { message: y }),
+						/* @__PURE__ */ h(Z, {
 							show: M,
-							children: /* @__PURE__ */ m(R, {
-								className: L("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)]"),
+							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)]"),
 								type: "submit",
-								loading: _ === "loading",
-								disabled: A,
+								loading: p === "loading",
+								disabled: j,
 								children: "Login"
 							})
 						})
 					]
-				}), i.length > 0 && /* @__PURE__ */ h(X, {
+				}), i.length > 0 && /* @__PURE__ */ g(Z, {
 					show: !M,
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ m($, { label: "Or continue with" }), /* @__PURE__ */ m(it, {
+					children: [/* @__PURE__ */ h(st, { label: "Or continue with" }), /* @__PURE__ */ h(it, {
 						providers: i,
 						action: "login",
 						loadingProvider: x,
-						disabled: _ === "loading",
+						disabled: p === "loading",
 						onSelect: P
 					})]
 				})]
@@ -1454,155 +1589,668 @@ function ut({ 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) {
+	return e.kind === "checkbox" ? typeof t == "boolean" && t : typeof t == "string" ? t : "";
+}
+function ht(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() : "";
+	if (n && r.length === 0) return `${e.label} is required`;
+	if (e.kind === "url" && r.length > 0) try {
+		new URL(r);
+	} catch {
+		return "Enter a valid URL";
+	}
+	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) => ({
+			...n,
+			[e]: t
+		})), o?.(e, t), d((t) => t[e] ? {
+			...t,
+			[e]: ""
+		} : t);
+	}
+	async function p(t) {
+		if (t.preventDefault(), n) return;
+		let r = {};
+		for (let t of e.fields) {
+			let e = ht(t, c[t.name]);
+			e && (r[t.name] = e);
+		}
+		if (Object.keys(r).length > 0) {
+			d(r);
+			return;
+		}
+		d({});
+		let a = {};
+		for (let t of e.fields) {
+			let e = c[t.name];
+			a[t.name] = typeof e == "string" ? e.trim() : e;
+		}
+		await i(a);
+	}
+	return /* @__PURE__ */ g("form", {
+		className: "flex flex-col gap-4",
+		noValidate: !0,
+		onSubmit: p,
+		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, {
+				name: e.name,
+				invalid: !!t,
+				className: "gap-1.5",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ h(ke, {
+						id: r,
+						checked: i === !0,
+						disabled: n,
+						onCheckedChange: (t) => f(e.name, t)
+					}), /* @__PURE__ */ h(Je, {
+						htmlFor: r,
+						className: "font-normal",
+						children: e.label
+					})]
+				}), t && /* @__PURE__ */ h(Me, {
+					match: !0,
+					children: t
+				})]
+			}, e.name) : /* @__PURE__ */ g(U, {
+				name: e.name,
+				invalid: !!t,
+				children: [
+					/* @__PURE__ */ h(W, {
+						htmlFor: r,
+						children: e.label
+					}),
+					e.kind === "textarea" ? /* @__PURE__ */ h(Ve, {
+						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", {
+						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"),
+						disabled: n,
+						value: String(i ?? ""),
+						onChange: (t) => f(e.name, t.target.value),
+						children: [/* @__PURE__ */ h("option", {
+							value: "",
+							children: e.placeholder ?? "Choose an option"
+						}), e.options.map((e) => /* @__PURE__ */ h("option", {
+							value: e.value,
+							children: e.label
+						}, e.value))]
+					}) : /* @__PURE__ */ h(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)
+					}),
+					t && /* @__PURE__ */ h(Me, {
+						match: !0,
+						children: t
+					})
+				]
+			}, e.name);
+		}), /* @__PURE__ */ g("div", {
+			className: "flex gap-2",
+			children: [a && /* @__PURE__ */ h(B, {
+				type: "button",
+				variant: "outline",
+				disabled: n,
+				onClick: a,
+				children: "Back"
+			}), /* @__PURE__ */ h(B, {
+				className: "flex-1",
+				type: "submit",
+				loading: n,
+				children: r
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/blocks/auth/onboarding-block.tsx
+var _t = [{
+	id: "profile",
+	title: "Your profile",
+	fields: [{
+		kind: "text",
+		name: "display_name",
+		label: "Display name",
+		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();
+	}, [
+		d,
+		S,
+		b
+	]);
+	async function T(e) {
+		if (!C) return;
+		let t = {
+			...p,
+			...e
+		};
+		x(null), y("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);
+		} catch (e) {
+			y("idle"), x(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,
+		logo: t,
+		accent: n,
+		className: o,
+		children: /* @__PURE__ */ h(X, {
+			step: S ? "done" : `step-${d}`,
+			children: S ? /* @__PURE__ */ h($, {
+				title: "Profile saved",
+				description: "Your account is ready and your profile has been saved."
+			}) : C ? /* @__PURE__ */ g("div", {
+				className: "flex flex-col gap-4",
+				children: [
+					/* @__PURE__ */ h("nav", {
+						"aria-label": "Onboarding progress",
+						children: /* @__PURE__ */ h("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", {
+									className: "sr-only",
+									children: " (completed)"
+								})]
+							}, e.id))
+						})
+					}),
+					/* @__PURE__ */ h("h3", {
+						ref: s,
+						tabIndex: -1,
+						className: "sr-only",
+						children: C.title
+					}),
+					/* @__PURE__ */ h(Q, { message: b }),
+					/* @__PURE__ */ h(gt, {
+						step: C,
+						values: {
+							...p,
+							...l[C.id]
+						},
+						submitting: v === "loading",
+						submitLabel: w ? "Finish" : "Continue",
+						onBack: d > 0 ? () => {
+							x(null), u({ ...c.current }), f((e) => e - 1);
+						} : void 0,
+						onDraftChange: (e, t) => {
+							c.current[C.id] = {
+								...c.current[C.id],
+								[e]: t
+							};
+						},
+						onSubmit: T
+					}, C.id)
+				]
+			}) : null
+		})
+	});
+}
+//#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) {
+	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);
+		try {
+			return {
+				ok: !0,
+				result: await e()
+			};
+		} catch (e) {
+			return u(e instanceof Error ? e.message : "Something went wrong."), { ok: !1 };
+		} finally {
+			f(!1);
+		}
+	}
+	async function O() {
+		m(!0), await D(() => a?.()), m(!1);
+	}
+	function k(e) {
+		T(null), y(e.id), x(e.name ?? ""), C(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.`);
+			return;
+		}
+		(await D(() => o?.(e, t))).ok && (y(null), C(null));
+	}
+	async function j(e) {
+		let t = await D(() => s?.(e));
+		T(null), t.ok && v === e && y(null);
+	}
+	return /* @__PURE__ */ h(ne, {
+		reducedMotion: "user",
+		children: /* @__PURE__ */ g(he, {
+			className: R("w-full", c),
+			"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", {
+				className: "flex items-center gap-2 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ h(z, { className: "size-4" }), "Loading passkeys…"]
+			}) : /* @__PURE__ */ g(I.div, {
+				layout: !0,
+				transition: {
+					duration: .3,
+					ease: J
+				},
+				className: "flex flex-col gap-3",
+				children: [
+					/* @__PURE__ */ h(Q, { message: l }),
+					n.length > 0 ? /* @__PURE__ */ h("ul", {
+						"aria-label": "Passkeys",
+						className: "flex flex-col gap-2",
+						children: /* @__PURE__ */ h(F, {
+							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, {
+									layout: !0,
+									className: "flex flex-col gap-2 rounded-lg border px-3 py-2",
+									initial: {
+										opacity: 0,
+										y: -4
+									},
+									animate: {
+										opacity: 1,
+										y: 0
+									},
+									exit: {
+										opacity: 0,
+										y: -4
+									},
+									transition: {
+										duration: .25,
+										ease: J,
+										delay: Math.min(t, 5) * .04
+									},
+									children: [
+										/* @__PURE__ */ g("div", {
+											className: "flex items-center justify-between gap-3",
+											children: [/* @__PURE__ */ g("div", {
+												className: "flex min-w-0 flex-col",
+												children: [/* @__PURE__ */ h("span", {
+													className: "truncate font-medium text-sm",
+													children: n
+												}), /* @__PURE__ */ g("span", {
+													className: "text-xs text-muted-foreground",
+													children: [
+														r ? `Added ${r}` : null,
+														r && i ? " · " : null,
+														i ? `Last used ${i}` : null
+													]
+												})]
+											}), /* @__PURE__ */ g("div", {
+												className: "flex shrink-0 gap-2",
+												children: [/* @__PURE__ */ h(B, {
+													"aria-label": `Rename ${n}`,
+													size: "sm",
+													type: "button",
+													variant: "outline",
+													disabled: d,
+													onClick: () => k(e),
+													children: "Rename"
+												}), /* @__PURE__ */ h(B, {
+													"aria-label": `Delete ${n}`,
+													size: "sm",
+													type: "button",
+													variant: "destructive-outline",
+													disabled: d,
+													onClick: () => {
+														y(null), T(e.id);
+													},
+													children: "Delete"
+												})]
+											})]
+										}),
+										/* @__PURE__ */ h(Z, {
+											show: v === e.id,
+											children: /* @__PURE__ */ g("form", {
+												className: "flex items-start gap-2 pt-1",
+												onSubmit: (t) => {
+													t.preventDefault(), A(e.id);
+												},
+												children: [
+													/* @__PURE__ */ g(U, {
+														className: "min-w-0 grow",
+														invalid: !!S,
+														children: [
+															/* @__PURE__ */ h(W, {
+																className: "sr-only",
+																children: "Passkey name"
+															}),
+															/* @__PURE__ */ h(G, {
+																"aria-label": "Passkey name",
+																"aria-invalid": S ? !0 : void 0,
+																autoFocus: !0,
+																disabled: d,
+																maxLength: 121,
+																value: b,
+																onChange: (e) => x(e.target.value)
+															}),
+															S && /* @__PURE__ */ h(Me, {
+																match: !0,
+																children: S
+															})
+														]
+													}),
+													/* @__PURE__ */ h(B, {
+														size: "sm",
+														type: "submit",
+														loading: d,
+														children: "Save"
+													}),
+													/* @__PURE__ */ h(B, {
+														size: "sm",
+														type: "button",
+														variant: "ghost",
+														disabled: d,
+														onClick: () => y(null),
+														children: "Cancel"
+													})
+												]
+											})
+										}),
+										/* @__PURE__ */ h(Z, {
+											show: w === e.id,
+											children: /* @__PURE__ */ g("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", {
+														className: "text-sm",
+														children: "Delete this passkey? It can no longer be used to sign in."
+													}),
+													E && /* @__PURE__ */ h("p", {
+														className: "text-xs text-destructive-foreground",
+														children: bt
+													}),
+													/* @__PURE__ */ g("div", {
+														className: "flex gap-2",
+														children: [/* @__PURE__ */ h(B, {
+															size: "sm",
+															type: "button",
+															variant: "destructive",
+															loading: d,
+															onClick: () => void j(e.id),
+															children: "Delete passkey"
+														}), /* @__PURE__ */ h(B, {
+															size: "sm",
+															type: "button",
+															variant: "ghost",
+															disabled: d,
+															onClick: () => T(null),
+															children: "Keep it"
+														})]
+													})
+												]
+											})
+										})
+									]
+								}, e.id);
+							})
+						})
+					}) : /* @__PURE__ */ h("p", {
+						className: "text-sm text-muted-foreground",
+						children: "No passkeys registered yet. Add one to sign in without a password."
+					}),
+					/* @__PURE__ */ h(B, {
+						className: "w-full",
+						type: "button",
+						variant: "outline",
+						disabled: d,
+						loading: p,
+						onClick: () => void O(),
+						children: "Add a passkey"
+					})
+				]
+			}) : /* @__PURE__ */ h("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."
+			}) })]
+		})
+	});
+}
+//#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);
+	if (!e) return null;
+	async function u() {
+		if (!s) {
+			o(null), c(!0);
+			try {
+				await n?.();
+			} catch (e) {
+				o(e instanceof Error ? e.message : "Unable to sign in with a passkey.");
+			} finally {
+				c(!1);
+			}
+		}
+	}
+	return /* @__PURE__ */ g("div", {
+		className: R("flex w-full flex-col gap-2", i),
+		children: [
+			/* @__PURE__ */ g(B, {
+				variant: "outline",
+				className: "w-full",
+				type: "button",
+				loading: s,
+				onClick: () => void u(),
+				children: [/* @__PURE__ */ h(l, { "aria-hidden": "true" }), /* @__PURE__ */ h("span", {
+					className: "flex-1",
+					children: t
+				})]
+			}),
+			/* @__PURE__ */ h(Q, { message: a }),
+			/* @__PURE__ */ h(Z, {
+				show: !!a && !!r,
+				children: /* @__PURE__ */ h("p", {
+					className: "text-xs text-muted-foreground",
+					children: r
+				})
+			})
+		]
+	});
+}
+//#endregion
 //#region src/components/blocks/auth/signup-block.tsx
-function dt({ title: e = "Create your account", description: t = "Start exploring manuscripts in minutes", logo: n, accent: r, providers: i = [
+function wt({ title: e = "Create your account", description: t = "Start exploring manuscripts in minutes", logo: n, accent: r, providers: i = [
 	"google",
 	"apple",
 	"github"
-], showNameField: a = !0, showTerms: o = !0, enforceStrongPassword: s = !0, onSubmit: c, onProviderSelect: l, onLogin: u, onTerms: d }) {
-	let f = g.useId(), _ = g.useId(), v = g.useId(), [y, b] = g.useState("idle"), [x, S] = g.useState(null), [C, w] = g.useState(null), [T, E] = g.useState(""), [D, O] = g.useState(!1), [k, ee] = g.useState(!1), [A, j] = g.useState(!1), M = y === "loading" || C !== null, N = !s || $e(T) === K.length, P = T.trim().length > 0 && N, F = (!a || A) && k && P;
-	async function te(e) {
-		if (e.preventDefault(), S(null), !N) {
-			S("Please meet all password requirements.");
+], 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);
+	}
+	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.");
 			return;
 		}
-		if (o && !D) {
-			S("Please accept the terms to continue.");
+		if (o && !N) {
+			D("Please accept the terms to continue.");
 			return;
 		}
 		let t = new FormData(e.currentTarget);
-		b("loading");
+		T("loading");
 		try {
-			await c?.({
+			await d?.({
 				name: String(t.get("name") ?? ""),
 				email: String(t.get("email") ?? ""),
-				password: T
-			}), b("success");
+				password: A
+			}), T("success");
 		} catch (e) {
-			b("idle"), S(e instanceof Error ? e.message : "Unable to create account.");
+			T("idle"), D(e instanceof Error ? e.message : "Unable to create account.");
 		}
 	}
-	async function I(e) {
-		S(null), w(e);
+	async function oe(e) {
+		D(null), k(e);
 		try {
-			await l?.(e), b("success");
+			await p?.(e), T("success");
 		} catch (e) {
-			S(e instanceof Error ? e.message : "Unable to create account.");
+			D(e instanceof Error ? e.message : "Unable to create account.");
 		} finally {
-			w(null);
+			k(null);
 		}
 	}
-	return /* @__PURE__ */ m(J, {
+	return /* @__PURE__ */ h(Y, {
 		title: e,
 		description: t,
 		logo: n,
 		accent: r,
-		footer: y !== "success" && /* @__PURE__ */ h(p, { children: [
+		footer: w !== "success" && /* @__PURE__ */ g(m, { children: [
 			"Already have an account?",
 			" ",
-			/* @__PURE__ */ m(R, {
+			/* @__PURE__ */ h(B, {
 				variant: "link",
-				onClick: u,
+				onClick: v,
 				children: "Login"
 			})
 		] }),
-		children: /* @__PURE__ */ m(Y, {
-			step: y === "success" ? "success" : "form",
-			children: y === "success" ? /* @__PURE__ */ m(Q, {
+		children: /* @__PURE__ */ h(X, {
+			step: w === "success" ? "success" : "form",
+			children: w === "success" ? /* @__PURE__ */ h($, {
 				title: "Account created",
 				description: "Check your inbox to confirm your email address."
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-4",
-				children: [i.length > 0 && /* @__PURE__ */ h(X, {
-					show: !F,
+				children: [i.length > 0 && /* @__PURE__ */ g(Z, {
+					show: !ae,
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ m(it, {
+					children: [/* @__PURE__ */ h(it, {
 						providers: i,
 						action: "signup",
-						loadingProvider: C,
-						disabled: y === "loading",
-						onSelect: I
-					}), /* @__PURE__ */ m($, { label: "Or with email" })]
-				}), /* @__PURE__ */ h("form", {
+						loadingProvider: O,
+						disabled: w === "loading",
+						onSelect: oe
+					}), /* @__PURE__ */ h(st, { label: "Or with email" })]
+				}), /* @__PURE__ */ g("form", {
 					className: "flex flex-col gap-4",
-					onSubmit: te,
+					onSubmit: z,
 					children: [
-						a && /* @__PURE__ */ h(H, {
+						a && /* @__PURE__ */ g(U, {
 							name: "name",
-							children: [/* @__PURE__ */ m(U, {
-								htmlFor: f,
+							children: [/* @__PURE__ */ h(W, {
+								htmlFor: b,
 								children: "Name"
-							}), /* @__PURE__ */ m(W, {
+							}), /* @__PURE__ */ h(G, {
 								"aria-label": "Name",
-								id: f,
+								id: b,
 								name: "name",
 								autoComplete: "name",
 								placeholder: "Your name",
 								required: !0,
-								disabled: M,
-								onChange: (e) => j(e.currentTarget.validity.valid)
+								disabled: L,
+								onChange: (e) => I(e.currentTarget.validity.valid)
 							})]
 						}),
-						/* @__PURE__ */ h(H, {
+						/* @__PURE__ */ g(U, {
 							name: "email",
-							children: [/* @__PURE__ */ m(U, {
-								htmlFor: _,
+							children: [/* @__PURE__ */ h(W, {
+								htmlFor: x,
 								children: "Email"
-							}), /* @__PURE__ */ m(W, {
-								id: _,
+							}), /* @__PURE__ */ h(G, {
+								id: x,
 								name: "email",
 								type: "email",
+								"aria-label": "Email",
 								autoComplete: "email",
 								placeholder: "you@example.com",
 								required: !0,
-								disabled: M,
-								onChange: (e) => ee(e.currentTarget.validity.valid)
+								disabled: L,
+								onChange: (e) => F(e.currentTarget.validity.valid)
 							})]
 						}),
-						/* @__PURE__ */ m(X, {
-							show: k,
-							children: /* @__PURE__ */ h(H, {
+						/* @__PURE__ */ h(Z, {
+							show: te,
+							children: /* @__PURE__ */ g(U, {
 								name: "password",
-								children: [/* @__PURE__ */ m(U, { children: "Password" }), /* @__PURE__ */ m(tt, {
+								children: [/* @__PURE__ */ h(W, {
+									htmlFor: S,
+									children: "Password"
+								}), /* @__PURE__ */ h(K, {
+									id: S,
 									name: "password",
+									"aria-label": "Password",
 									autoComplete: "new-password",
 									placeholder: "Create a password",
 									showStrength: !0,
 									required: !0,
-									disabled: M,
-									value: T,
-									onChange: (e) => E(e.target.value)
+									disabled: L,
+									value: A,
+									onChange: (e) => j(e.target.value)
 								})]
 							})
 						}),
-						o && /* @__PURE__ */ h("div", {
+						o && /* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ m(V, {
-								id: v,
-								checked: D,
-								onCheckedChange: (e) => O(e === !0),
-								disabled: M
-							}), /* @__PURE__ */ h(Je, {
-								htmlFor: v,
+							children: [/* @__PURE__ */ h(ke, {
+								id: C,
+								checked: N,
+								onCheckedChange: (e) => P(e === !0),
+								disabled: L
+							}), /* @__PURE__ */ g(Je, {
+								htmlFor: C,
 								className: "font-normal",
 								children: [
 									"I agree to the",
 									" ",
-									/* @__PURE__ */ m(R, {
+									f ?? /* @__PURE__ */ h(B, {
 										variant: "link",
 										type: "button",
-										onClick: d,
+										onClick: y,
 										children: "terms"
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ m(Z, { message: x }),
-						/* @__PURE__ */ m(R, {
-							className: L("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__ */ 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)]"),
 							type: "submit",
-							loading: y === "loading",
-							disabled: M,
+							loading: w === "loading",
+							disabled: L,
 							children: "Create account"
 						})
 					]
@@ -1612,6 +2260,88 @@ function dt({ title: e = "Create your account", description: t = "Start explorin
 	});
 }
 //#endregion
-export { J as AuthCard, Z as AuthError, $ as AuthSeparator, Q as AuthSuccess, R as Button, ge as Card, Ee as CardAction, z as CardContent, z as CardPanel, Te as CardDescription, De as CardFooter, _e as CardFrame, xe as CardFrameAction, be as CardFrameDescription, Se as CardFrameFooter, ve as CardFrameHeader, ye as CardFrameTitle, Ce as CardHeader, we as CardTitle, V as Checkbox, w as CheckboxPrimitive, ct as CodeAuthBlock, q as EASE, H as Field, Ne as FieldControl, je as FieldDescription, Me as FieldError, Ae as FieldItem, U as FieldLabel, Pe as FieldValidity, lt as ForgotPasswordBlock, Fe as Frame, ze as FrameDescription, Be as FrameFooter, Le as FrameHeader, Ie as FramePanel, Re as FrameTitle, W as Input, Ue as InputGroup, We as InputGroupAddon, Ke as InputGroupInput, Ge as InputGroupText, qe as InputGroupTextarea, M as InputPrimitive, Je as Label, ut as LoginBlock, Y as MorphStep, Ye as OTPField, Xe as OTPFieldInput, N as OTPFieldPrimitive, Ze as OTPFieldSeparator, tt as PasswordInput, X as Reveal, G as Separator, P as SeparatorPrimitive, dt as SignupBlock, it as SocialProviders, oe as Spinner, Ve as Textarea, ot as authAccentActionStyles, at as authAccentVars, ke as bindSounds, he as buttonVariants, L as cn, $e as getPasswordStrength, K as passwordRequirements, B as playCue, D as playSound, O as setSoundEnabled, k as setSoundVolume, ee as sounds, st as useCountdown };
+//#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");
+			try {
+				await a?.({ password: p }), u("success");
+			} catch (e) {
+				u("idle"), f(e instanceof Error ? e.message : "Unable to update password.");
+			}
+		}
+	}
+	return /* @__PURE__ */ h(Y, {
+		title: e,
+		description: t,
+		logo: n,
+		accent: r,
+		children: /* @__PURE__ */ h(X, {
+			step: l === "success" ? "success" : "form",
+			children: l === "success" ? /* @__PURE__ */ h($, {
+				title: "Password updated",
+				description: "Your password has been changed successfully.",
+				children: o && /* @__PURE__ */ h(B, {
+					variant: "link",
+					onClick: o,
+					children: "Continue"
+				})
+			}) : /* @__PURE__ */ g("form", {
+				className: "flex flex-col gap-4",
+				onSubmit: w,
+				children: [
+					/* @__PURE__ */ g(U, {
+						name: "password",
+						children: [/* @__PURE__ */ h(W, {
+							htmlFor: s,
+							children: "New password"
+						}), /* @__PURE__ */ h(K, {
+							id: s,
+							name: "password",
+							autoComplete: "new-password",
+							required: !0,
+							showStrength: !0,
+							disabled: l === "loading",
+							value: p,
+							onChange: (e) => m(e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ h(Z, {
+						show: b,
+						children: /* @__PURE__ */ g(U, {
+							name: "confirmPassword",
+							children: [/* @__PURE__ */ h(W, {
+								htmlFor: c,
+								children: "Confirm new password"
+							}), /* @__PURE__ */ h(K, {
+								id: c,
+								name: "confirmPassword",
+								autoComplete: "new-password",
+								required: !0,
+								disabled: l === "loading",
+								value: v,
+								onChange: (e) => y(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)]"),
+							type: "submit",
+							loading: l === "loading",
+							children: "Update password"
+						})
+					})
+				]
+			})
+		})
+	});
+}
+//#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 };
 
 //# sourceMappingURL=index.js.map