@exegia/corpora-ui 0.6.0 → 0.7.0

package/dist-lib/index.js

@@ -3,26 +3,26 @@ 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 { 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 ee, sounds as A } from "cuelume";
+import { Field as te, 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 { Separator as ne } from "@base-ui/react/separator";
+import { AnimatePresence as P, MotionConfig as F, motion as I } from "motion/react";
+import { RiAppleFill as re, RiGithubFill as ie, RiGoogleFill as ae, RiTwitterXFill as oe } from "@remixicon/react";
 //#region src/lib/utils.ts
 function L(...e) {
 	return i(r(e));
 }
 //#endregion
 //#region src/components/ui/spinner.tsx
-function oe({ className: e, ...t }) {
-	return /* @__PURE__ */ m(l, {
+function R({ className: e, ...t }) {
+	return /* @__PURE__ */ h(u, {
 		"aria-label": "Loading",
 		className: L("animate-spin", e),
 		role: "status",
@@ -66,20 +66,20 @@ function de({ width: e, height: t, radius: n, bezel: r }) {
 function fe(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 pe = 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,13 +90,13 @@ 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(() => {
+	let T = S(() => _ ? de(_) : "", [_]), [E, D] = w(!1);
+	b(() => {
 		D(ue());
 	}, []);
 	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,
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+		ref: p,
 		className: L("relative overflow-hidden rounded-full bg-white/[0.08]", a),
 		style: {
 			...o,
@@ -104,7 +104,7 @@ var pe = _(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: r = .3
 			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,7 +143,7 @@ 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"
 				})
@@ -225,19 +225,19 @@ 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 z({ 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" })
+					children: /* @__PURE__ */ h(R, { className: s ? void 0 : "animate-none" })
 				}),
 				o,
-				s && y && /* @__PURE__ */ m(oe, {
+				s && y && /* @__PURE__ */ h(R, {
 					className: "pointer-events-none absolute",
 					"data-slot": "button-loading-indicator"
 				})
@@ -253,15 +253,15 @@ 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(pe, { children: b }) : b;
 }
 //#endregion
 //#region src/components/ui/card.tsx
-function ge({ className: n, render: r, ...i }) {
+function B({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -271,7 +271,7 @@ function ge({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function _e({ className: n, render: r, ...i }) {
+function ge({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -281,7 +281,7 @@ function _e({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function ve({ className: n, render: r, ...i }) {
+function _e({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -291,7 +291,7 @@ function ve({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function ye({ className: n, render: r, ...i }) {
+function ve({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -301,7 +301,7 @@ function ye({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function be({ className: n, render: r, ...i }) {
+function ye({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -311,7 +311,7 @@ function be({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function xe({ className: n, render: r, ...i }) {
+function be({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -321,7 +321,7 @@ function xe({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function Se({ className: n, render: r, ...i }) {
+function xe({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -331,7 +331,7 @@ function Se({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function Ce({ className: n, render: r, ...i }) {
+function V({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -341,7 +341,7 @@ function Ce({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function we({ className: n, render: r, ...i }) {
+function H({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -351,7 +351,7 @@ function we({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function Te({ className: n, render: r, ...i }) {
+function Se({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -361,7 +361,7 @@ function Te({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function Ee({ className: n, render: r, ...i }) {
+function Ce({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -371,7 +371,7 @@ function Ee({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function z({ className: n, render: r, ...i }) {
+function U({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -381,7 +381,7 @@ function z({ className: n, render: r, ...i }) {
 		render: r
 	});
 }
-function De({ className: n, render: r, ...i }) {
+function we({ className: n, render: r, ...i }) {
 	return t({
 		defaultTagName: "div",
 		props: e({
@@ -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 Te = !1;
+function Ee(e) {
+	Te = !0, E(e);
 }
-function B(e, t) {
-	Oe && E(e, t);
+function De(e, t) {
+	Te && 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 Oe({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
+	return /* @__PURE__ */ h(T.Root, {
 		onCheckedChange: (e, r) => {
-			t && B("toggle"), n?.(e, r);
+			t && De("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),
 		"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,81 +448,81 @@ 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, {
+function W({ className: e, ...t }) {
+	return /* @__PURE__ */ h(j.Root, {
 		className: L("flex flex-col items-start gap-2", e),
 		"data-slot": "field",
 		...t
 	});
 }
-function U({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Label, {
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ h(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),
 		"data-slot": "field-label",
 		...t
 	});
 }
-function Ae({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Item, {
+function ke({ className: e, ...t }) {
+	return /* @__PURE__ */ h(j.Item, {
 		className: L("flex", e),
 		"data-slot": "field-item",
 		...t
 	});
 }
-function je({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Description, {
+function Ae({ className: e, ...t }) {
+	return /* @__PURE__ */ h(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),
 		"data-slot": "field-description",
 		...t
 	});
 }
-function Me({ className: e, ...t }) {
-	return /* @__PURE__ */ m(j.Error, {
+function je({ className: e, ...t }) {
+	return /* @__PURE__ */ h(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),
 		"data-slot": "field-error",
 		...t
 	});
 }
-var Ne = j.Control, Pe = j.Validity;
+var Me = j.Control, Ne = j.Validity;
 //#endregion
 //#region src/components/ui/frame.tsx
-function Fe({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
+function Pe({ className: e, ...t }) {
+	return /* @__PURE__ */ h("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),
 		"data-slot": "frame",
 		...t
 	});
 }
-function Ie({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
+function Fe({ className: e, ...t }) {
+	return /* @__PURE__ */ h("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),
 		"data-slot": "frame-panel",
 		...t
 	});
 }
-function Le({ className: e, ...t }) {
-	return /* @__PURE__ */ m("header", {
+function Ie({ className: e, ...t }) {
+	return /* @__PURE__ */ h("header", {
 		className: L("flex flex-col px-5 py-4", e),
 		"data-slot": "frame-panel-header",
 		...t
 	});
 }
-function Re({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
+function Le({ className: e, ...t }) {
+	return /* @__PURE__ */ h("div", {
 		className: L("font-semibold text-sm", e),
 		"data-slot": "frame-panel-title",
 		...t
 	});
 }
-function ze({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
+function Re({ className: e, ...t }) {
+	return /* @__PURE__ */ h("div", {
 		className: L("text-muted-foreground text-sm", e),
 		"data-slot": "frame-panel-description",
 		...t
 	});
 }
-function Be({ className: e, ...t }) {
-	return /* @__PURE__ */ m("footer", {
+function ze({ className: e, ...t }) {
+	return /* @__PURE__ */ h("footer", {
 		className: L("px-5 py-4", e),
 		"data-slot": "frame-panel-footer",
 		...t
@@ -530,19 +530,19 @@ function Be({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/input.tsx
-function W({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: i, ...a }) {
+function K({ 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", {
+	return /* @__PURE__ */ h("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,
 		"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(M, {
 			className: o,
 			"data-slot": "input",
 			size: typeof t == "number" ? t : void 0,
@@ -553,19 +553,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", {
+function Be({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a }) {
+	return /* @__PURE__ */ h("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,
 		"data-size": n,
 		"data-slot": "textarea-control",
-		children: /* @__PURE__ */ m(A.Control, {
+		children: /* @__PURE__ */ h(te.Control, {
 			ref: i,
 			value: a.value,
 			defaultValue: a.defaultValue,
 			disabled: a.disabled,
 			id: a.id,
 			name: a.name,
-			render: (t) => /* @__PURE__ */ m("textarea", {
+			render: (t) => /* @__PURE__ */ h("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"),
 				"data-slot": "textarea",
 				...e(t, a)
@@ -575,7 +575,7 @@ function Ve({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a
 }
 //#endregion
 //#region src/components/ui/input-group.tsx
-var He = n("flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80", {
+var Ve = n("flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80", {
 	defaultVariants: { align: "inline-start" },
 	variants: { align: {
 		"block-end": "order-last w-full justify-start px-[calc(--spacing(3)-1px)] pb-[calc(--spacing(3)-1px)] [.border-t]:pt-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]",
@@ -584,17 +584,17 @@ var He = n("flex h-auto cursor-text select-none items-center justify-center gap-
 		"inline-start": "order-first ps-[calc(--spacing(3)-1px)] has-[>:last-child[data-slot=badge]]:-ms-1.5 has-[>button]:-ms-2 has-[>kbd:last-child]:ms-[-0.35rem] [[data-size=sm]+&]:ps-[calc(--spacing(2.5)-1px)]"
 	} }
 });
-function Ue({ className: e, ...t }) {
-	return /* @__PURE__ */ m("div", {
+function He({ className: e, ...t }) {
+	return /* @__PURE__ */ h("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),
 		"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),
+function Ue({ className: e, align: t = "inline-start", ...n }) {
+	return /* @__PURE__ */ h("div", {
+		className: L(Ve({ align: t }), e),
 		"data-align": t,
 		"data-slot": "input-group-addon",
 		onMouseDown: (e) => {
@@ -606,21 +606,21 @@ function We({ className: e, align: t = "inline-start", ...n }) {
 		...n
 	});
 }
-function Ge({ className: e, ...t }) {
-	return /* @__PURE__ */ m("span", {
+function We({ className: e, ...t }) {
+	return /* @__PURE__ */ h("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),
 		...t
 	});
 }
-function Ke({ className: e, ...t }) {
-	return /* @__PURE__ */ m(W, {
+function Ge({ className: e, ...t }) {
+	return /* @__PURE__ */ h(K, {
 		className: e,
 		unstyled: !0,
 		...t
 	});
 }
-function qe({ className: e, ...t }) {
-	return /* @__PURE__ */ m(Ve, {
+function Ke({ className: e, ...t }) {
+	return /* @__PURE__ */ h(Be, {
 		className: e,
 		unstyled: !0,
 		...t
@@ -628,7 +628,7 @@ function qe({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/label.tsx
-function Je({ className: n, render: r, sound: i = !1, ...a }) {
+function qe({ className: n, render: r, sound: i = !1, ...a }) {
 	return t({
 		defaultTagName: "label",
 		props: e({
@@ -641,8 +641,8 @@ 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, {
+function Je({ className: e, orientation: t = "horizontal", ...n }) {
+	return /* @__PURE__ */ h(ne, {
 		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),
 		"data-slot": "separator",
 		orientation: t,
@@ -652,19 +652,19 @@ 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, {
+	let a = _.useRef(String(i.value ?? i.defaultValue ?? "").length);
+	return /* @__PURE__ */ h(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),
 		"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 && De("tick"), a.current = e.length, r?.(e, ...t);
 		},
 		...i
 	});
 }
 function Xe({ className: e, ...t }) {
-	return /* @__PURE__ */ m(N.Input, {
+	return /* @__PURE__ */ h(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),
 		"data-slot": "otp-field-input",
 		spellCheck: !1,
@@ -672,7 +672,7 @@ function Xe({ className: e, ...t }) {
 	});
 }
 function Ze({ className: e, ...t }) {
-	return /* @__PURE__ */ m(N.Separator, { render: /* @__PURE__ */ m(G, {
+	return /* @__PURE__ */ h(N.Separator, { render: /* @__PURE__ */ h(Je, {
 		className: L("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
 		orientation: "horizontal",
 		...t
@@ -685,7 +685,7 @@ var Qe = [
 	1,
 	.36,
 	1
-], K = [
+], $e = [
 	{
 		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 et(e) {
+	return $e.filter((t) => t.regex.test(e)).length;
 }
-var et = [
+var tt = [
 	"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", {
+function q({ 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 = et(y);
+	return /* @__PURE__ */ g("div", {
 		className: L("flex w-full flex-col gap-3", r),
-		children: [/* @__PURE__ */ h(Ue, { children: [/* @__PURE__ */ m(Ke, {
+		children: [/* @__PURE__ */ g(He, { children: [/* @__PURE__ */ h(Ge, {
 			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(Ue, {
 			align: "inline-end",
-			children: /* @__PURE__ */ m(R, {
+			children: /* @__PURE__ */ h(z, {
 				"aria-label": d ? "Hide password" : "Show password",
 				onClick: () => {
-					n && B(d ? "droplet" : "bloom"), p((e) => !e);
+					n && De(d ? "droplet" : "bloom"), f((e) => !e);
 				},
 				size: "icon-xs",
 				variant: "ghost",
 				sound: !1,
-				children: /* @__PURE__ */ m(F, {
+				children: /* @__PURE__ */ h(P, {
 					mode: "wait",
 					initial: !1,
-					children: /* @__PURE__ */ m(I.span, {
+					children: /* @__PURE__ */ h(I.span, {
 						className: "inline-flex",
 						initial: {
 							opacity: 0,
@@ -759,13 +759,13 @@ function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 							duration: .15,
 							ease: Qe
 						},
-						children: m(d ? c : s, { "aria-hidden": "true" })
+						children: h(d ? c : s, { "aria-hidden": "true" })
 					}, d ? "off" : "on")
 				})
 			})
-		})] }), /* @__PURE__ */ m(F, {
+		})] }), /* @__PURE__ */ h(P, {
 			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,
@@ -783,37 +783,37 @@ function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 					duration: .25,
 					ease: Qe
 				},
-				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: L("h-full rounded-full", tt[b]),
 						animate: { width: `${b / 4 * 100}%` },
 						transition: {
 							duration: .4,
 							ease: Qe
 						}
 					})
-				}), /* @__PURE__ */ m("ul", {
+				}), /* @__PURE__ */ h("ul", {
 					"aria-label": "Password requirements",
 					className: "flex flex-col gap-1",
-					children: K.map((e) => {
+					children: $e.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"
 								})]
@@ -830,19 +830,19 @@ function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 var nt = {
 	google: {
 		label: "Google",
-		Icon: ie
+		Icon: ae
 	},
 	apple: {
 		label: "Apple",
-		Icon: ne
+		Icon: re
 	},
 	github: {
 		label: "GitHub",
-		Icon: re
+		Icon: ie
 	},
 	x: {
 		label: "X",
-		Icon: ae
+		Icon: oe
 	}
 }, rt = {
 	login: "Login with",
@@ -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", {
+	return /* @__PURE__ */ h("div", {
 		className: L("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, {
+			return /* @__PURE__ */ g(z, {
 				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(F, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ m(Fe, {
+		children: /* @__PURE__ */ h(Pe, {
 			className: L("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(B, { children: [/* @__PURE__ */ g(V, { 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(H, { children: e }),
+					t && /* @__PURE__ */ h(Se, { children: t })
+				] }), /* @__PURE__ */ h(U, {
 					className: "overflow-hidden",
 					children: n
-				})] }), r && /* @__PURE__ */ m(Be, {
+				})] }), r && /* @__PURE__ */ h(ze, {
 					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(P, {
 		mode: "popLayout",
 		initial: !1,
-		children: /* @__PURE__ */ m(I.div, {
+		children: /* @__PURE__ */ h(I.div, {
 			className: n,
 			initial: {
 				opacity: 0,
@@ -954,23 +954,23 @@ 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(P, {
 		initial: !1,
-		children: e && /* @__PURE__ */ m(I.div, {
+		children: e && /* @__PURE__ */ h(I.div, {
 			className: L(!r.settled && "overflow-hidden", n),
 			initial: {
 				height: 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(P, {
 		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(Je, { className: "flex-1" }),
+			/* @__PURE__ */ h("span", {
 				className: "text-xs text-muted-foreground uppercase",
 				children: e
 			}),
-			/* @__PURE__ */ m(G, { className: "flex-1" })
+			/* @__PURE__ */ h(Je, { 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(z, {
 			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(Ye, {
 							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(Xe, {
 								"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, {
+					/* @__PURE__ */ h(Q, { message: v }),
+					!a && /* @__PURE__ */ h(z, {
 						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",
+						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(z, {
 							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(z, {
 			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(z, {
 					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(W, {
 						name: "email",
-						children: [/* @__PURE__ */ m(U, {
+						children: [/* @__PURE__ */ h(G, {
 							htmlFor: s,
 							children: "Email"
-						}), /* @__PURE__ */ m(W, {
+						}), /* @__PURE__ */ h(K, {
 							id: s,
 							name: "email",
 							type: "email",
@@ -1293,11 +1293,11 @@ 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, {
+					/* @__PURE__ */ h(Q, { message: u }),
+					/* @__PURE__ */ h(z, {
 						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)]"),
 						type: "submit",
 						loading: c === "loading",
@@ -1309,15 +1309,150 @@ 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(F, {
+		reducedMotion: "user",
+		children: /* @__PURE__ */ g(B, {
+			className: L("w-full", s),
+			"data-slot": "auth-block",
+			children: [/* @__PURE__ */ g(V, { children: [/* @__PURE__ */ h(H, { children: e }), /* @__PURE__ */ h(Se, { children: t })] }), /* @__PURE__ */ h(U, { children: i ? /* @__PURE__ */ g("div", {
+				className: "flex items-center gap-2 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ h(R, { 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(P, {
+							initial: !1,
+							children: n.map((e, t) => {
+								let { label: n, Icon: r } = nt[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(z, {
+										"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 } = nt[e];
+						return /* @__PURE__ */ g(z, {
+							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;
-	async function N(e) {
-		if (e.preventDefault(), !M) return;
+	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, ee] = _.useState(""), A = p === "loading" || x !== null, te = k.trim().length > 0, j = D && te;
+	async function M(e) {
+		if (e.preventDefault(), !j) return;
 		let t = new FormData(e.currentTarget);
 		b(null), v("loading");
 		try {
@@ -1330,7 +1465,7 @@ function ut({ title: e = "Login to your account", description: t = "Enter your e
 			v("idle"), b(e instanceof Error ? e.message : "Unable to login.");
 		}
 	}
-	async function P(e) {
+	async function N(e) {
 		b(null), S(e);
 		try {
 			await c?.(e), v("success");
@@ -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(z, {
 				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,
+					onSubmit: M,
 					children: [
-						/* @__PURE__ */ h(H, {
+						/* @__PURE__ */ g(W, {
 							name: "email",
-							children: [/* @__PURE__ */ m(U, {
+							children: [/* @__PURE__ */ h(G, {
 								htmlFor: d,
 								children: "Email"
-							}), /* @__PURE__ */ m(W, {
+							}), /* @__PURE__ */ h(K, {
 								id: d,
 								"aria-label": "Email",
 								name: "email",
@@ -1385,16 +1520,16 @@ function ut({ title: e = "Login to your account", description: t = "Enter your e
 								}
 							})]
 						}),
-						/* @__PURE__ */ m(X, {
+						/* @__PURE__ */ h(Z, {
 							show: D,
-							children: /* @__PURE__ */ h(H, {
+							children: /* @__PURE__ */ g(W, {
 								name: "password",
 								children: [
-									/* @__PURE__ */ m(U, {
+									/* @__PURE__ */ h(G, {
 										htmlFor: "password",
 										children: "Password"
 									}),
-									/* @__PURE__ */ m(tt, {
+									/* @__PURE__ */ h(q, {
 										id: "password",
 										name: "password",
 										autoComplete: "current-password",
@@ -1403,7 +1538,7 @@ function ut({ title: e = "Login to your account", description: t = "Enter your e
 										value: k,
 										onChange: (e) => ee(e.target.value)
 									}),
-									o && /* @__PURE__ */ m(R, {
+									o && /* @__PURE__ */ h(z, {
 										variant: "link",
 										type: "button",
 										className: "self-end font-normal text-muted-foreground text-xs hover:text-foreground sm:text-xs",
@@ -1413,40 +1548,40 @@ 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(Oe, {
 								id: f,
 								checked: C,
 								onCheckedChange: (e) => w(e),
 								disabled: A
-							}), /* @__PURE__ */ m(Je, {
+							}), /* @__PURE__ */ h(qe, {
 								htmlFor: f,
 								className: "font-normal",
 								children: "Remember me"
 							})]
 						}),
-						/* @__PURE__ */ m(Z, { message: y }),
-						/* @__PURE__ */ m(X, {
-							show: M,
-							children: /* @__PURE__ */ m(R, {
+						/* @__PURE__ */ h(Q, { message: y }),
+						/* @__PURE__ */ h(Z, {
+							show: j,
+							children: /* @__PURE__ */ h(z, {
 								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)]"),
 								type: "submit",
-								loading: _ === "loading",
+								loading: p === "loading",
 								disabled: A,
 								children: "Login"
 							})
 						})
 					]
-				}), i.length > 0 && /* @__PURE__ */ h(X, {
-					show: !M,
+				}), i.length > 0 && /* @__PURE__ */ g(Z, {
+					show: !j,
 					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",
-						onSelect: P
+						disabled: p === "loading",
+						onSelect: N
 					})]
 				})]
 			})
@@ -1454,15 +1589,518 @@ 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(W, {
+				name: e.name,
+				invalid: !!t,
+				className: "gap-1.5",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ h(Oe, {
+						id: r,
+						checked: i === !0,
+						disabled: n,
+						onCheckedChange: (t) => f(e.name, t)
+					}), /* @__PURE__ */ h(qe, {
+						htmlFor: r,
+						className: "font-normal",
+						children: e.label
+					})]
+				}), t && /* @__PURE__ */ h(je, {
+					match: !0,
+					children: t
+				})]
+			}, e.name) : /* @__PURE__ */ g(W, {
+				name: e.name,
+				invalid: !!t,
+				children: [
+					/* @__PURE__ */ h(G, {
+						htmlFor: r,
+						children: e.label
+					}),
+					e.kind === "textarea" ? /* @__PURE__ */ h(Be, {
+						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: L("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(K, {
+						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(je, {
+						match: !0,
+						children: t
+					})
+				]
+			}, e.name);
+		}), /* @__PURE__ */ g("div", {
+			className: "flex gap-2",
+			children: [a && /* @__PURE__ */ h(z, {
+				type: "button",
+				variant: "outline",
+				disabled: n,
+				onClick: a,
+				children: "Back"
+			}), /* @__PURE__ */ h(z, {
+				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: L("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 ee(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 A(e) {
+		let t = await D(() => s?.(e));
+		T(null), t.ok && v === e && y(null);
+	}
+	return /* @__PURE__ */ h(F, {
+		reducedMotion: "user",
+		children: /* @__PURE__ */ g(B, {
+			className: L("w-full", c),
+			"data-slot": "auth-block",
+			children: [/* @__PURE__ */ g(V, { children: [/* @__PURE__ */ h(H, { children: e }), /* @__PURE__ */ h(Se, { children: t })] }), /* @__PURE__ */ h(U, { children: r ? i ? /* @__PURE__ */ g("div", {
+				className: "flex items-center gap-2 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ h(R, { 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(P, {
+							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(z, {
+													"aria-label": `Rename ${n}`,
+													size: "sm",
+													type: "button",
+													variant: "outline",
+													disabled: d,
+													onClick: () => k(e),
+													children: "Rename"
+												}), /* @__PURE__ */ h(z, {
+													"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(), ee(e.id);
+												},
+												children: [
+													/* @__PURE__ */ g(W, {
+														className: "min-w-0 grow",
+														invalid: !!S,
+														children: [
+															/* @__PURE__ */ h(G, {
+																className: "sr-only",
+																children: "Passkey name"
+															}),
+															/* @__PURE__ */ h(K, {
+																"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(je, {
+																match: !0,
+																children: S
+															})
+														]
+													}),
+													/* @__PURE__ */ h(z, {
+														size: "sm",
+														type: "submit",
+														loading: d,
+														children: "Save"
+													}),
+													/* @__PURE__ */ h(z, {
+														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(z, {
+															size: "sm",
+															type: "button",
+															variant: "destructive",
+															loading: d,
+															onClick: () => void A(e.id),
+															children: "Delete passkey"
+														}), /* @__PURE__ */ h(z, {
+															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(z, {
+						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: L("flex w-full flex-col gap-2", i),
+		children: [
+			/* @__PURE__ */ g(z, {
+				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) {
+	let f = _.useId(), p = _.useId(), v = _.useId(), [y, b] = _.useState("idle"), [x, S] = _.useState(null), [C, w] = _.useState(null), [T, E] = _.useState(""), [D, O] = _.useState(!1), [k, ee] = _.useState(!1), [A, te] = _.useState(!1), j = y === "loading" || C !== null, M = !s || et(T) === $e.length, N = T.trim().length > 0 && M, ne = (!a || A) && k && N;
+	async function P(e) {
+		if (e.preventDefault(), S(null), !M) {
 			S("Please meet all password requirements.");
 			return;
 		}
@@ -1482,7 +2120,7 @@ function dt({ title: e = "Create your account", description: t = "Start explorin
 			b("idle"), S(e instanceof Error ? e.message : "Unable to create account.");
 		}
 	}
-	async function I(e) {
+	async function F(e) {
 		S(null), w(e);
 		try {
 			await l?.(e), b("success");
@@ -1492,103 +2130,103 @@ function dt({ title: e = "Create your account", description: t = "Start explorin
 			w(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: y !== "success" && /* @__PURE__ */ g(m, { children: [
 			"Already have an account?",
 			" ",
-			/* @__PURE__ */ m(R, {
+			/* @__PURE__ */ h(z, {
 				variant: "link",
 				onClick: u,
 				children: "Login"
 			})
 		] }),
-		children: /* @__PURE__ */ m(Y, {
+		children: /* @__PURE__ */ h(X, {
 			step: y === "success" ? "success" : "form",
-			children: y === "success" ? /* @__PURE__ */ m(Q, {
+			children: y === "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: !ne,
 					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", {
+						onSelect: F
+					}), /* @__PURE__ */ h(st, { label: "Or with email" })]
+				}), /* @__PURE__ */ g("form", {
 					className: "flex flex-col gap-4",
-					onSubmit: te,
+					onSubmit: P,
 					children: [
-						a && /* @__PURE__ */ h(H, {
+						a && /* @__PURE__ */ g(W, {
 							name: "name",
-							children: [/* @__PURE__ */ m(U, {
+							children: [/* @__PURE__ */ h(G, {
 								htmlFor: f,
 								children: "Name"
-							}), /* @__PURE__ */ m(W, {
+							}), /* @__PURE__ */ h(K, {
 								"aria-label": "Name",
 								id: f,
 								name: "name",
 								autoComplete: "name",
 								placeholder: "Your name",
 								required: !0,
-								disabled: M,
-								onChange: (e) => j(e.currentTarget.validity.valid)
+								disabled: j,
+								onChange: (e) => te(e.currentTarget.validity.valid)
 							})]
 						}),
-						/* @__PURE__ */ h(H, {
+						/* @__PURE__ */ g(W, {
 							name: "email",
-							children: [/* @__PURE__ */ m(U, {
-								htmlFor: _,
+							children: [/* @__PURE__ */ h(G, {
+								htmlFor: p,
 								children: "Email"
-							}), /* @__PURE__ */ m(W, {
-								id: _,
+							}), /* @__PURE__ */ h(K, {
+								id: p,
 								name: "email",
 								type: "email",
 								autoComplete: "email",
 								placeholder: "you@example.com",
 								required: !0,
-								disabled: M,
+								disabled: j,
 								onChange: (e) => ee(e.currentTarget.validity.valid)
 							})]
 						}),
-						/* @__PURE__ */ m(X, {
+						/* @__PURE__ */ h(Z, {
 							show: k,
-							children: /* @__PURE__ */ h(H, {
+							children: /* @__PURE__ */ g(W, {
 								name: "password",
-								children: [/* @__PURE__ */ m(U, { children: "Password" }), /* @__PURE__ */ m(tt, {
+								children: [/* @__PURE__ */ h(G, { children: "Password" }), /* @__PURE__ */ h(q, {
 									name: "password",
 									autoComplete: "new-password",
 									placeholder: "Create a password",
 									showStrength: !0,
 									required: !0,
-									disabled: M,
+									disabled: j,
 									value: T,
 									onChange: (e) => E(e.target.value)
 								})]
 							})
 						}),
-						o && /* @__PURE__ */ h("div", {
+						o && /* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ m(V, {
+							children: [/* @__PURE__ */ h(Oe, {
 								id: v,
 								checked: D,
 								onCheckedChange: (e) => O(e === !0),
-								disabled: M
-							}), /* @__PURE__ */ h(Je, {
+								disabled: j
+							}), /* @__PURE__ */ g(qe, {
 								htmlFor: v,
 								className: "font-normal",
 								children: [
 									"I agree to the",
 									" ",
-									/* @__PURE__ */ m(R, {
+									/* @__PURE__ */ h(z, {
 										variant: "link",
 										type: "button",
 										onClick: d,
@@ -1597,12 +2235,12 @@ function dt({ title: e = "Create your account", description: t = "Start explorin
 								]
 							})]
 						}),
-						/* @__PURE__ */ m(Z, { message: x }),
-						/* @__PURE__ */ m(R, {
+						/* @__PURE__ */ h(Q, { message: x }),
+						/* @__PURE__ */ h(z, {
 							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)]"),
 							type: "submit",
 							loading: y === "loading",
-							disabled: M,
+							disabled: j,
 							children: "Create account"
 						})
 					]
@@ -1612,6 +2250,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 = et(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(z, {
+					variant: "link",
+					onClick: o,
+					children: "Continue"
+				})
+			}) : /* @__PURE__ */ g("form", {
+				className: "flex flex-col gap-4",
+				onSubmit: w,
+				children: [
+					/* @__PURE__ */ g(W, {
+						name: "password",
+						children: [/* @__PURE__ */ h(G, {
+							htmlFor: s,
+							children: "New password"
+						}), /* @__PURE__ */ h(q, {
+							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(W, {
+							name: "confirmPassword",
+							children: [/* @__PURE__ */ h(G, {
+								htmlFor: c,
+								children: "Confirm new password"
+							}), /* @__PURE__ */ h(q, {
+								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(z, {
+							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)]"),
+							type: "submit",
+							loading: l === "loading",
+							children: "Update password"
+						})
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { Y as AuthCard, Q as AuthError, st as AuthSeparator, $ as AuthSuccess, z as Button, B as Card, Ce as CardAction, U as CardContent, U as CardPanel, Se as CardDescription, we as CardFooter, ge as CardFrame, be as CardFrameAction, ye as CardFrameDescription, xe as CardFrameFooter, _e as CardFrameHeader, ve as CardFrameTitle, V as CardHeader, H as CardTitle, Oe as Checkbox, T as CheckboxPrimitive, lt as CodeAuthBlock, _t as DEFAULT_ONBOARDING_STEPS, J as EASE, W as Field, Me as FieldControl, Ae as FieldDescription, je as FieldError, ke as FieldItem, G as FieldLabel, Ne as FieldValidity, ut as ForgotPasswordBlock, Pe as Frame, Re as FrameDescription, ze as FrameFooter, Ie as FrameHeader, Fe as FramePanel, Le as FrameTitle, K as Input, He as InputGroup, Ue as InputGroupAddon, Ge as InputGroupInput, We as InputGroupText, Ke as InputGroupTextarea, M as InputPrimitive, qe as Label, ft as LinkedAccountsBlock, pt as LoginBlock, X as MorphStep, Ye as OTPField, Xe as OTPFieldInput, N as OTPFieldPrimitive, Ze as OTPFieldSeparator, vt as OnboardingBlock, St as PasskeyManagerBlock, Ct as PasskeySignInBlock, q as PasswordInput, Z as Reveal, nt as SOCIAL_PROVIDERS, Je as Separator, ne as SeparatorPrimitive, wt as SignupBlock, it as SocialProviders, R as Spinner, Be as Textarea, Tt as UpdatePasswordBlock, ot as authAccentActionStyles, at as authAccentVars, Ee as bindSounds, he as buttonVariants, L as cn, et as getPasswordStrength, $e as passwordRequirements, De as playCue, O as playSound, k as setSoundEnabled, ee as setSoundVolume, A as sounds, ct as useCountdown };
 
 //# sourceMappingURL=index.js.map