@exegia/corpora-ui 0.5.0

package/dist-lib/index.js

@@ -0,0 +1,1617 @@
+import { mergeProps as e } from "@base-ui/react/merge-props";
+import { useRender as t } from "@base-ui/react/use-render";
+import { cva as n } from "class-variance-authority";
+import { clsx as r } from "clsx";
+import { twMerge as i } from "tailwind-merge";
+import { ArrowLeftIcon as a, CheckIcon as o, EyeIcon as s, EyeOffIcon as c, Loader2Icon as l, MailIcon as u, SmartphoneIcon as d, XIcon as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import * as g from "react";
+import { forwardRef as _, useCallback as v, useEffect as y, useId as b, useMemo as x, useRef as S, useState as C } from "react";
+import { Checkbox as w } from "@base-ui/react/checkbox";
+import { bind as T, play as E, play as D, setEnabled as O, setVolume as k, sounds as ee } from "cuelume";
+import { Field as A, Field as j } from "@base-ui/react/field";
+import { Input as M } from "@base-ui/react/input";
+import { OTPField as N } from "@base-ui/react/otp-field";
+import { Separator as P } from "@base-ui/react/separator";
+import { AnimatePresence as F, MotionConfig as te, motion as I } from "motion/react";
+import { RiAppleFill as ne, RiGithubFill as re, RiGoogleFill as ie, RiTwitterXFill as ae } from "@remixicon/react";
+//#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, {
+		"aria-label": "Loading",
+		className: L("animate-spin", e),
+		role: "status",
+		...t
+	});
+}
+//#endregion
+//#region src/components/ui/glasscn/liquid-glass.tsx
+var se = 480, ce = 1.25, le = /* @__PURE__ */ new Map();
+function ue() {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.userAgent;
+	return (/Chrom(e|ium)/.test(e) || /Edg\//.test(e)) && !/Firefox/.test(e);
+}
+function de({ width: e, height: t, radius: n, bezel: r }) {
+	let i = `${e}:${t}:${n}:${r}`, a = le.get(i);
+	if (a !== void 0) return a;
+	let o = Math.min(1, se / Math.max(e, t)), s = Math.max(2, Math.round(e * o)), c = Math.max(2, Math.round(t * o)), l = document.createElement("canvas");
+	l.width = s, l.height = c;
+	let u = l.getContext("2d");
+	if (!u) return "";
+	let d = u.createImageData(s, c), f = d.data, p = e / 2, m = t / 2, h = Math.min(n, p, m), g = Math.max(1, r * Math.min(p, m));
+	for (let n = 0; n < c; n += 1) for (let r = 0; r < s; r += 1) {
+		let i = (r + .5) / s * e - p, a = (n + .5) / c * t - m, o = Math.abs(i) - (p - h), l = Math.abs(a) - (m - h), u, d = 0, _ = 0;
+		if (o > 0 && l > 0) {
+			let e = Math.hypot(o, l);
+			u = e - h, d = Math.sign(i) * o / e, _ = Math.sign(a) * l / e;
+		} else o > l ? (u = o - h, d = Math.sign(i)) : (u = l - h, _ = Math.sign(a));
+		let v = (n * s + r) * 4, y = -u;
+		if (y <= 0) {
+			f[v] = 128, f[v + 1] = 128, f[v + 2] = 128, f[v + 3] = 255;
+			continue;
+		}
+		let b = 1 - fe(Math.min(1, y / g));
+		b *= Math.min(1, y / ce), f[v] = Math.round(128 + d * b * 127), f[v + 1] = Math.round(128 + _ * b * 127), f[v + 2] = 128, f[v + 3] = 255;
+	}
+	u.putImageData(d, 0, 0);
+	let _ = l.toDataURL("image/png");
+	return le.set(i, _), _;
+}
+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]);
+	console.log(n);
+	let f = S(null), g = v((e) => {
+		f.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+	}, [l]), [_, w] = C(null);
+	y(() => {
+		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 : {
+				width: n,
+				height: i,
+				radius: o,
+				bezel: r
+			});
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [r]);
+	let T = x(() => _ ? de(_) : "", [_]), [E, D] = C(!1);
+	y(() => {
+		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,
+		className: L("relative overflow-hidden rounded-full bg-white/[0.08]", a),
+		style: {
+			...o,
+			backdropFilter: k,
+			WebkitBackdropFilter: k
+		},
+		...c,
+		children: [s, /* @__PURE__ */ m("span", {
+			"aria-hidden": !0,
+			className: "pointer-events-none absolute inset-0 rounded-[inherit]",
+			style: {
+				padding: "var(--liquid-glass-rim-width, 0.5px)",
+				background: "linear-gradient(to right, rgba(255,255,255,0), var(--liquid-glass-rim-light, rgba(255,255,255,0.25)) var(--liquid-glass-rim-fade, 18%), var(--liquid-glass-rim-light, rgba(255,255,255,0.25)) calc(100% - var(--liquid-glass-rim-fade, 18%)), rgba(255,255,255,0)), linear-gradient(to bottom, rgba(0,0,0,0), var(--liquid-glass-rim-dark, rgba(0,0,0,0.2)) var(--liquid-glass-rim-fade, 18%), var(--liquid-glass-rim-dark, rgba(0,0,0,0.2)) calc(100% - var(--liquid-glass-rim-fade, 18%)), rgba(0,0,0,0))",
+				WebkitMask: "linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",
+				WebkitMaskComposite: "xor",
+				mask: "linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0)"
+			}
+		})]
+	}), O && /* @__PURE__ */ m("svg", {
+		className: "absolute size-0 overflow-hidden",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ h("filter", {
+			id: d,
+			x: "0",
+			y: "0",
+			width: "100%",
+			height: "100%",
+			colorInterpolationFilters: "sRGB",
+			children: [
+				/* @__PURE__ */ m("feImage", {
+					href: T,
+					x: "0",
+					y: "0",
+					width: "100%",
+					height: "100%",
+					preserveAspectRatio: "none",
+					result: "map"
+				}),
+				/* @__PURE__ */ m("feDisplacementMap", {
+					in: "SourceGraphic",
+					in2: "map",
+					scale: t,
+					xChannelSelector: "R",
+					yChannelSelector: "G",
+					result: "displaced"
+				}),
+				/* @__PURE__ */ m("feGaussianBlur", {
+					in: "displaced",
+					stdDeviation: "0.15"
+				})
+			]
+		})
+	})] });
+}), me = {
+	clear: [
+		"backdrop-blur-[2px] backdrop-saturate-[1.9]",
+		"bg-white/[0.25] dark:bg-black/[0.25]",
+		"border border-white/[0.5] dark:border-white/[0.12]",
+		"shadow-[0_1px_12px_rgba(0,0,0,0.05)] dark:shadow-[0_1px_12px_rgba(0,0,0,0.2)]"
+	].join(" "),
+	frosted: [
+		"backdrop-blur-[16px] backdrop-saturate-[1.6]",
+		"bg-white/[0.55] dark:bg-black/[0.35]",
+		"border border-white/[0.4] dark:border-white/10",
+		"shadow-[0_2px_20px_rgba(0,0,0,0.06)] dark:shadow-[0_2px_20px_rgba(0,0,0,0.3)]"
+	].join(" "),
+	subtle: [
+		"backdrop-blur-[4px] backdrop-saturate-[1.5]",
+		"bg-white/[0.3] dark:bg-white/[0.06]",
+		"border border-black/[0.05] dark:border-white/[0.08]",
+		"shadow-sm"
+	].join(" "),
+	liquid: [
+		"backdrop-blur-[12px] backdrop-saturate-[1.8] backdrop-brightness-[1.05]",
+		"dark:backdrop-saturate-[1.6] dark:backdrop-brightness-[0.95]",
+		"bg-white/[0.10] dark:bg-white/[0.04]",
+		"[background-image:radial-gradient(120%_85%_at_15%_8%,rgba(255,255,255,0.55)_0%,rgba(255,255,255,0.18)_38%,rgba(255,255,255,0)_70%),radial-gradient(110%_80%_at_85%_100%,rgba(255,210,230,0.22)_0%,rgba(255,255,255,0)_60%),linear-gradient(180deg,rgba(255,255,255,0.28)_0%,rgba(255,255,255,0.12)_100%)]",
+		"dark:[background-image:radial-gradient(120%_85%_at_15%_8%,rgba(255,255,255,0.18)_0%,rgba(255,255,255,0.05)_40%,rgba(255,255,255,0)_70%),radial-gradient(110%_80%_at_85%_100%,rgba(120,170,255,0.12)_0%,rgba(0,0,0,0)_60%),linear-gradient(180deg,rgba(255,255,255,0.06)_0%,rgba(0,0,0,0.18)_100%)]",
+		"[background-size:200%_200%,180%_180%,100%_100%]",
+		"[background-repeat:no-repeat]",
+		"shadow-[inset_0_1px_0_0_rgba(255,255,255,0.65),inset_0_-12px_24px_-10px_rgba(255,255,255,0.45),inset_1px_0_0_0_rgba(255,255,255,0.22),inset_-1px_0_0_0_rgba(255,255,255,0.18),0_24px_60px_-18px_rgba(15,23,42,0.30),0_8px_24px_-8px_rgba(15,23,42,0.18)]",
+		"dark:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.30),inset_0_-14px_28px_-10px_rgba(180,210,255,0.18),inset_1px_0_0_0_rgba(255,255,255,0.10),inset_-1px_0_0_0_rgba(255,255,255,0.08),0_28px_70px_-18px_rgba(0,0,0,0.55),0_10px_28px_-10px_rgba(0,0,0,0.40)]",
+		"border border-white/[0.45] dark:border-white/[0.10]",
+		"animate-[liquid-drift_18s_ease-in-out_infinite] motion-reduce:animate-none",
+		"[will-change:background-position]"
+	].join(" "),
+	"liquid-refract": ""
+}, he = n("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-[scale,box-shadow,width,height,background-color,border-color] [transition-duration:150ms,150ms,300ms,300ms,150ms,150ms] ease-smooth-out active:scale-97 data-pressed:scale-97 motion-reduce:transition-none motion-reduce:active:scale-100 motion-reduce:data-pressed:scale-100 [&_svg]:transition-transform [&_svg]:duration-150 [&_svg]:ease-smooth-out motion-reduce:[&_svg]:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-loading:select-none sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", {
+	compoundVariants: [{
+		class: "h-auto border-0 px-0 align-middle sm:h-auto",
+		size: [
+			"xs",
+			"sm",
+			"default",
+			"lg",
+			"xl"
+		],
+		variant: "link"
+	}],
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-9 px-[calc(--spacing(3)-1px)] sm:h-8",
+			icon: "size-9 sm:size-8",
+			"icon-lg": "size-10 sm:size-9",
+			"icon-sm": "size-8 sm:size-7",
+			"icon-xl": "size-11 sm:size-10 [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5",
+			"icon-xs": "size-7 rounded-md before:rounded-[calc(var(--radius-md)-1px)] sm:size-6 not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-4 sm:not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-10 px-[calc(--spacing(3.5)-1px)] sm:h-9",
+			sm: "h-8 gap-1.5 px-[calc(--spacing(2.5)-1px)] sm:h-7",
+			xl: "h-11 px-[calc(--spacing(4)-1px)] text-lg sm:h-10 sm:text-base [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5",
+			xs: "h-7 gap-1 rounded-md px-[calc(--spacing(2)-1px)] text-sm before:rounded-[calc(var(--radius-md)-1px)] sm:h-6 sm:text-xs [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5"
+		},
+		variant: {
+			default: "not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] border-primary bg-primary text-primary-foreground shadow-primary/24 shadow-xs hover:bg-primary/90 data-pressed:bg-primary/90 *:data-[slot=button-loading-indicator]:text-primary-foreground [:active,[data-pressed]]:inset-shadow-[0_1px_--theme(--color-black/8%)] [:disabled,:active,[data-pressed]]:shadow-none",
+			destructive: "not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] border-destructive bg-destructive text-white shadow-destructive/24 shadow-xs hover:bg-destructive/90 data-pressed:bg-destructive/90 *:data-[slot=button-loading-indicator]:text-white [:active,[data-pressed]]:inset-shadow-[0_1px_--theme(--color-black/8%)] [:disabled,:active,[data-pressed]]:shadow-none",
+			"destructive-outline": "border-input bg-popover not-dark:bg-clip-padding text-destructive-foreground shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] hover:border-destructive/32 hover:bg-destructive/4 data-pressed:border-destructive/32 data-pressed:bg-destructive/4 *:data-[slot=button-loading-indicator]:text-foreground dark:bg-input/32 dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/2%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [:disabled,:active,[data-pressed]]:shadow-none",
+			ghost: "border-transparent text-foreground hover:bg-accent data-pressed:bg-accent *:data-[slot=button-loading-indicator]:text-foreground",
+			glass: "border-transparent text-foreground *:data-[slot=button-loading-indicator]:text-foreground",
+			link: "border-transparent text-foreground underline-offset-4 hover:underline data-pressed:underline *:data-[slot=button-loading-indicator]:text-foreground",
+			outline: "border-input bg-popover not-dark:bg-clip-padding text-foreground shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] hover:bg-accent/50 data-pressed:bg-accent/50 *:data-[slot=button-loading-indicator]:text-foreground dark:bg-input/32 dark:data-pressed:bg-input/64 dark:hover:bg-input/64 dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/2%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [:disabled,:active,[data-pressed]]:shadow-none",
+			secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/90 data-pressed:bg-secondary/90 *:data-[slot=button-loading-indicator]:text-secondary-foreground [:active,[data-pressed]]:bg-secondary/80"
+		}
+	}
+});
+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({
+		defaultTagName: "button",
+		props: e({
+			children: /* @__PURE__ */ h(p, { children: [
+				!y && /* @__PURE__ */ m("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" })
+				}),
+				o,
+				s && y && /* @__PURE__ */ m(oe, {
+					className: "pointer-events-none absolute",
+					"data-slot": "button-loading-indicator"
+				})
+			] }),
+			className: L(he({
+				size: i,
+				variant: r
+			}), !y && "hover:[&_svg:not([class*='animate-'])]:scale-110 motion-reduce:hover:[&_svg]:scale-100", s && y && "data-loading:text-transparent", _ && me[_], v && "bg-transparent border-0 shadow-none", n),
+			"aria-disabled": s || void 0,
+			"data-cuelume-press": u ? "" : void 0,
+			"data-cuelume-release": u ? "" : void 0,
+			"data-loading": s ? "" : void 0,
+			"data-glass-variant": _,
+			"data-slot": "button",
+			disabled: f,
+			type: g
+		}, d),
+		render: a
+	});
+	return v ? /* @__PURE__ */ m(pe, { children: b }) : b;
+}
+//#endregion
+//#region src/components/ui/card.tsx
+function ge({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", n),
+			"data-slot": "card"
+		}, i),
+		render: r
+	});
+}
+function _e({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 [--clip-bottom:-1rem] [--clip-top:-1rem] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=table-container]:overflow-hidden *:data-[slot=card]:-m-px *:data-[slot=table-container]:-m-px *:data-[slot=table-container]:w-[calc(100%+2px)] *:not-first:data-[slot=card]:rounded-t-xl *:not-last:data-[slot=card]:rounded-b-xl *:data-[slot=card]:bg-clip-padding *:data-[slot=card]:shadow-none *:data-[slot=card]:before:hidden *:not-first:data-[slot=card]:before:rounded-t-[calc(var(--radius-xl)-1px)] *:not-last:data-[slot=card]:before:rounded-b-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] *:data-[slot=card]:[clip-path:inset(var(--clip-top)_1px_var(--clip-bottom)_1px_round_calc(var(--radius-2xl)-1px))] *:data-[slot=card]:last:[--clip-bottom:1px] *:data-[slot=card]:first:[--clip-top:1px]", n),
+			"data-slot": "card-frame"
+		}, i),
+		render: r
+	});
+}
+function ve({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("relative flex grid auto-rows-min grid-rows-[auto_auto] flex-col items-start gap-x-4 px-6 py-4 has-data-[slot=card-frame-action]:grid-cols-[1fr_auto]", n),
+			"data-slot": "card-frame-header"
+		}, i),
+		render: r
+	});
+}
+function ye({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("self-center font-semibold text-sm", n),
+			"data-slot": "card-frame-title"
+		}, i),
+		render: r
+	});
+}
+function be({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("self-center text-muted-foreground text-sm", n),
+			"data-slot": "card-frame-description"
+		}, i),
+		render: r
+	});
+}
+function xe({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", n),
+			"data-slot": "card-frame-action"
+		}, i),
+		render: r
+	});
+}
+function Se({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("px-6 py-4", n),
+			"data-slot": "card-frame-footer"
+		}, i),
+		render: r
+	});
+}
+function Ce({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pb-4 has-data-[slot=card-action]:grid-cols-[1fr_auto]", n),
+			"data-slot": "card-header"
+		}, i),
+		render: r
+	});
+}
+function we({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("font-heading font-semibold text-lg leading-none", n),
+			"data-slot": "card-title"
+		}, i),
+		render: r
+	});
+}
+function Te({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("text-muted-foreground text-sm", n),
+			"data-slot": "card-description"
+		}, i),
+		render: r
+	});
+}
+function Ee({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", n),
+			"data-slot": "card-action"
+		}, i),
+		render: r
+	});
+}
+function z({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("flex-1 p-6 in-[[data-slot=card]:has(>[data-slot=card-header]:not(.border-b))]:pt-0 in-[[data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))]:pb-0", n),
+			"data-slot": "card-panel"
+		}, i),
+		render: r
+	});
+}
+function De({ className: n, render: r, ...i }) {
+	return t({
+		defaultTagName: "div",
+		props: e({
+			className: L("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", n),
+			"data-slot": "card-footer"
+		}, i),
+		render: r
+	});
+}
+//#endregion
+//#region src/lib/sound.ts
+var Oe = !1;
+function ke(e) {
+	Oe = !0, T(e);
+}
+function B(e, t) {
+	Oe && E(e, t);
+}
+//#endregion
+//#region src/components/ui/checkbox.tsx
+function V({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
+	return /* @__PURE__ */ m(w.Root, {
+		onCheckedChange: (e, r) => {
+			t && B("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, {
+			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", {
+				...e,
+				children: t.indeterminate ? /* @__PURE__ */ m("svg", {
+					"aria-hidden": "true",
+					className: "size-3.5 sm:size-3",
+					fill: "none",
+					height: "24",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "3",
+					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", {
+					"aria-hidden": "true",
+					className: "size-3.5 sm:size-3",
+					fill: "none",
+					height: "24",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "3",
+					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" })
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/ui/field.tsx
+function H({ className: e, ...t }) {
+	return /* @__PURE__ */ m(j.Root, {
+		className: L("flex flex-col items-start gap-2", e),
+		"data-slot": "field",
+		...t
+	});
+}
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ m(j.Label, {
+		className: L("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4 text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:text-xs/3.5 ml-3", e),
+		"data-slot": "field-label",
+		...t
+	});
+}
+function Ae({ className: e, ...t }) {
+	return /* @__PURE__ */ m(j.Item, {
+		className: L("flex", e),
+		"data-slot": "field-item",
+		...t
+	});
+}
+function je({ className: e, ...t }) {
+	return /* @__PURE__ */ m(j.Description, {
+		className: L("overflow-hidden text-muted-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
+		"data-slot": "field-description",
+		...t
+	});
+}
+function Me({ className: e, ...t }) {
+	return /* @__PURE__ */ m(j.Error, {
+		className: L("overflow-hidden text-destructive-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
+		"data-slot": "field-error",
+		...t
+	});
+}
+var Ne = j.Control, Pe = j.Validity;
+//#endregion
+//#region src/components/ui/frame.tsx
+function Fe({ className: e, ...t }) {
+	return /* @__PURE__ */ m("div", {
+		className: L("relative flex flex-col rounded-2xl bg-muted/72 p-1", "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", e),
+		"data-slot": "frame",
+		...t
+	});
+}
+function Ie({ className: e, ...t }) {
+	return /* @__PURE__ */ m("div", {
+		className: L("relative rounded-xl border bg-background bg-clip-padding p-5 shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
+		"data-slot": "frame-panel",
+		...t
+	});
+}
+function Le({ className: e, ...t }) {
+	return /* @__PURE__ */ m("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", {
+		className: L("font-semibold text-sm", e),
+		"data-slot": "frame-panel-title",
+		...t
+	});
+}
+function ze({ className: e, ...t }) {
+	return /* @__PURE__ */ m("div", {
+		className: L("text-muted-foreground text-sm", e),
+		"data-slot": "frame-panel-description",
+		...t
+	});
+}
+function Be({ className: e, ...t }) {
+	return /* @__PURE__ */ m("footer", {
+		className: L("px-5 py-4", e),
+		"data-slot": "frame-panel-footer",
+		...t
+	});
+}
+//#endregion
+//#region src/components/ui/input.tsx
+function W({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: i, ...a }) {
+	let o = L("h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none [transition:background-color_5000000s_ease-in-out_0s,height_300ms_var(--ease-smooth-out),line-height_300ms_var(--ease-smooth-out),padding_300ms_var(--ease-smooth-out),font-size_300ms_var(--ease-smooth-out)] placeholder:text-muted-foreground/72 motion-reduce:[transition:background-color_5000000s_ease-in-out_0s] sm:h-7.5 sm:leading-7.5", t === "sm" && "h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5", t === "lg" && "h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5", a.type === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none", a.type === "file" && "text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm");
+	return /* @__PURE__ */ m("span", {
+		className: L(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-[box-shadow,border-color] duration-150 ease-smooth-out has-aria-invalid:animate-input-shake motion-reduce:animate-none motion-reduce:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
+		"data-size": t,
+		"data-slot": "input-control",
+		children: r ? /* @__PURE__ */ m("input", {
+			className: o,
+			"data-slot": "input",
+			size: typeof t == "number" ? t : void 0,
+			style: typeof i == "function" ? void 0 : i,
+			...a
+		}) : /* @__PURE__ */ m(M, {
+			className: o,
+			"data-slot": "input",
+			size: typeof t == "number" ? t : void 0,
+			style: i,
+			...a
+		})
+	});
+}
+//#endregion
+//#region src/components/ui/textarea.tsx
+function Ve({ className: t, size: n = "default", unstyled: r = !1, ref: i, ...a }) {
+	return /* @__PURE__ */ m("span", {
+		className: L(!r && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] sm:text-sm dark:bg-input/32 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", t) || void 0,
+		"data-size": n,
+		"data-slot": "textarea-control",
+		children: /* @__PURE__ */ m(A.Control, {
+			ref: i,
+			value: a.value,
+			defaultValue: a.defaultValue,
+			disabled: a.disabled,
+			id: a.id,
+			name: a.name,
+			render: (t) => /* @__PURE__ */ m("textarea", {
+				className: L("field-sizing-content min-h-17.5 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)] outline-none max-sm:min-h-20.5", n === "sm" && "min-h-16.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)] max-sm:min-h-19.5", n === "lg" && "min-h-18.5 py-[calc(--spacing(2)-1px)] max-sm:min-h-21.5"),
+				"data-slot": "textarea",
+				...e(t, 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", {
+	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)]",
+		"block-start": "order-first w-full justify-start px-[calc(--spacing(3)-1px)] pt-[calc(--spacing(3)-1px)] [.border-b]:pb-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]",
+		"inline-end": "order-last pe-[calc(--spacing(3)-1px)] has-[>:last-child[data-slot=badge]]:-me-1.5 has-[>button]:-me-2 has-[>kbd:last-child]:me-[-0.35rem] [[data-size=sm]+&]:pe-[calc(--spacing(2.5)-1px)]",
+		"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", {
+		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),
+		"data-align": t,
+		"data-slot": "input-group-addon",
+		onMouseDown: (e) => {
+			if (e.target.closest("button, a, input, select, textarea, [role='button'], [role='combobox'], [role='listbox'], [data-slot='select-trigger']")) return;
+			e.preventDefault();
+			let t = e.currentTarget.parentElement, n = t?.querySelector("input, textarea");
+			n && !t?.querySelector("input:focus, textarea:focus") && n.focus();
+		},
+		...n
+	});
+}
+function Ge({ className: e, ...t }) {
+	return /* @__PURE__ */ m("span", {
+		className: L("line-clamp-1 flex items-center gap-2 whitespace-nowrap text-muted-foreground leading-none in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5", e),
+		...t
+	});
+}
+function Ke({ className: e, ...t }) {
+	return /* @__PURE__ */ m(W, {
+		className: e,
+		unstyled: !0,
+		...t
+	});
+}
+function qe({ className: e, ...t }) {
+	return /* @__PURE__ */ m(Ve, {
+		className: e,
+		unstyled: !0,
+		...t
+	});
+}
+//#endregion
+//#region src/components/ui/label.tsx
+function Je({ className: n, render: r, sound: i = !1, ...a }) {
+	return t({
+		defaultTagName: "label",
+		props: e({
+			className: L("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4", n),
+			"data-cuelume-hover": i ? "tick" : void 0,
+			"data-slot": "label"
+		}, a),
+		render: r
+	});
+}
+//#endregion
+//#region src/components/ui/separator.tsx
+function G({ className: e, orientation: t = "horizontal", ...n }) {
+	return /* @__PURE__ */ m(P, {
+		className: L("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", e),
+		"data-slot": "separator",
+		orientation: t,
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/otp-field.tsx
+function Ye({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...i }) {
+	let a = g.useRef(String(i.value ?? i.defaultValue ?? "").length);
+	return /* @__PURE__ */ m(N.Root, {
+		className: L("flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-field-input]:shadow-none has-disabled:**:data-[slot=otp-field-input]:before:shadow-none!", e),
+		"data-size": t,
+		"data-slot": "otp-field",
+		onValueChange: (e, ...t) => {
+			n && e.length > a.current && B("tick"), a.current = e.length, r?.(e, ...t);
+		},
+		...i
+	});
+}
+function Xe({ className: e, ...t }) {
+	return /* @__PURE__ */ m(N.Input, {
+		className: L("relative in-[[data-slot=otp-field][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background not-dark:bg-clip-padding text-center in-[[data-slot=otp-field][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp-field][data-size=lg]]:leading-10 leading-9 shadow-xs/5 outline-none ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-focus-visible:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:z-10 focus-visible:border-ring focus-visible:shadow-none focus-visible:ring-[3px] focus-visible:ring-ring/24 aria-invalid:border-destructive/36 aria-invalid:shadow-none aria-invalid:focus-visible:border-destructive/64 aria-invalid:focus-visible:ring-destructive/16 sm:in-[[data-slot=otp-field][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp-field][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp-field][data-size=lg]]:leading-9 sm:leading-8 dark:bg-input/32 dark:aria-invalid:focus-visible:ring-destructive/24 dark:not-focus-visible:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
+		"data-slot": "otp-field-input",
+		spellCheck: !1,
+		...t
+	});
+}
+function Ze({ className: e, ...t }) {
+	return /* @__PURE__ */ m(N.Separator, { render: /* @__PURE__ */ m(G, {
+		className: L("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
+		orientation: "horizontal",
+		...t
+	}) });
+}
+//#endregion
+//#region src/components/composed/password-input.tsx
+var Qe = [
+	.22,
+	1,
+	.36,
+	1
+], K = [
+	{
+		regex: /.{8,}/,
+		text: "At least 8 characters"
+	},
+	{
+		regex: /[0-9]/,
+		text: "At least 1 number"
+	},
+	{
+		regex: /[a-z]/,
+		text: "At least 1 lowercase letter"
+	},
+	{
+		regex: /[A-Z]/,
+		text: "At least 1 uppercase letter"
+	}
+];
+function $e(e) {
+	return K.filter((t) => t.regex.test(e)).length;
+}
+var et = [
+	"bg-border",
+	"bg-red-500",
+	"bg-orange-500",
+	"bg-amber-500",
+	"bg-emerald-500"
+];
+function tt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: i, defaultValue: a, onChange: l, ...u }) {
+	let [d, p] = g.useState(!1), [_, v] = g.useState(String(a ?? "")), y = i === void 0 ? _ : String(i), b = $e(y);
+	return /* @__PURE__ */ h("div", {
+		className: L("flex w-full flex-col gap-3", r),
+		children: [/* @__PURE__ */ h(Ue, { children: [/* @__PURE__ */ m(Ke, {
+			placeholder: "Enter your password",
+			...u,
+			type: d ? "text" : "password",
+			value: y,
+			onChange: (e) => {
+				v(e.target.value), l?.(e);
+			}
+		}), e && /* @__PURE__ */ m(We, {
+			align: "inline-end",
+			children: /* @__PURE__ */ m(R, {
+				"aria-label": d ? "Hide password" : "Show password",
+				onClick: () => {
+					n && B(d ? "droplet" : "bloom"), p((e) => !e);
+				},
+				size: "icon-xs",
+				variant: "ghost",
+				sound: !1,
+				children: /* @__PURE__ */ m(F, {
+					mode: "wait",
+					initial: !1,
+					children: /* @__PURE__ */ m(I.span, {
+						className: "inline-flex",
+						initial: {
+							opacity: 0,
+							scale: .8,
+							filter: "blur(2px)"
+						},
+						animate: {
+							opacity: 1,
+							scale: 1,
+							filter: "blur(0px)"
+						},
+						exit: {
+							opacity: 0,
+							scale: .8,
+							filter: "blur(2px)"
+						},
+						transition: {
+							duration: .15,
+							ease: Qe
+						},
+						children: m(d ? c : s, { "aria-hidden": "true" })
+					}, d ? "off" : "on")
+				})
+			})
+		})] }), /* @__PURE__ */ m(F, {
+			initial: !1,
+			children: t && /* @__PURE__ */ h(I.div, {
+				className: "flex flex-col gap-2 overflow-hidden",
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				exit: {
+					height: 0,
+					opacity: 0
+				},
+				transition: {
+					duration: .25,
+					ease: Qe
+				},
+				children: [/* @__PURE__ */ m("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]),
+						animate: { width: `${b / 4 * 100}%` },
+						transition: {
+							duration: .4,
+							ease: Qe
+						}
+					})
+				}), /* @__PURE__ */ m("ul", {
+					"aria-label": "Password requirements",
+					className: "flex flex-col gap-1",
+					children: K.map((e) => {
+						let t = e.regex.test(y);
+						return /* @__PURE__ */ h("li", {
+							className: "flex items-center gap-2 text-xs",
+							children: [t ? /* @__PURE__ */ m(o, {
+								"aria-hidden": "true",
+								className: "size-3.5 text-emerald-500"
+							}) : /* @__PURE__ */ m(f, {
+								"aria-hidden": "true",
+								className: "size-3.5 text-muted-foreground/80"
+							}), /* @__PURE__ */ h("span", {
+								className: t ? "text-emerald-600" : "text-muted-foreground",
+								children: [e.text, /* @__PURE__ */ m("span", {
+									className: "sr-only",
+									children: t ? " - met" : " - not met"
+								})]
+							})]
+						}, e.text);
+					})
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/composed/social-providers.tsx
+var nt = {
+	google: {
+		label: "Google",
+		Icon: ie
+	},
+	apple: {
+		label: "Apple",
+		Icon: ne
+	},
+	github: {
+		label: "GitHub",
+		Icon: re
+	},
+	x: {
+		label: "X",
+		Icon: ae
+	}
+}, rt = {
+	login: "Login with",
+	signup: "Sign up with",
+	continue: "Continue with"
+};
+function it({ providers: e = [
+	"google",
+	"apple",
+	"github"
+], action: t = "continue", layout: n = "stack", loadingProvider: r = null, disabled: i = !1, onSelect: a, className: o }) {
+	let s = n === "row";
+	return /* @__PURE__ */ m("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, {
+				variant: "outline",
+				size: s ? "icon" : "default",
+				className: s ? void 0 : "w-full",
+				"aria-label": `${rt[t]} ${n}`,
+				loading: r === e,
+				disabled: i || r !== null && r !== e,
+				onClick: () => a?.(e),
+				children: [/* @__PURE__ */ m(o, { "aria-hidden": "true" }), !s && /* @__PURE__ */ h("span", {
+					className: "flex-1",
+					children: [
+						rt[t],
+						" ",
+						n
+					]
+				})]
+			}, e);
+		})
+	});
+}
+//#endregion
+//#region src/lib/auth-accent.ts
+var at = {
+	corpora: {
+		"--auth-accent": "#E8B124",
+		"--auth-accent-image": "none",
+		"--auth-accent-foreground": "oklch(0.145 0 0)"
+	},
+	exegia: {
+		"--auth-accent": "#3B0080",
+		"--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 = [
+	.22,
+	1,
+	.36,
+	1
+];
+function J({ title: e, description: t, children: n, footer: r, className: i, logo: a, accent: o }) {
+	return /* @__PURE__ */ m(te, {
+		reducedMotion: "user",
+		children: /* @__PURE__ */ m(Fe, {
+			className: L("w-full max-w-sm", i),
+			"data-accent": o,
+			style: o ? at[o] : void 0,
+			children: /* @__PURE__ */ h(I.div, {
+				layout: !0,
+				transition: {
+					duration: .3,
+					ease: q
+				},
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ h(ge, { children: [/* @__PURE__ */ h(Ce, { children: [
+					a && /* @__PURE__ */ m("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, {
+					className: "overflow-hidden",
+					children: n
+				})] }), r && /* @__PURE__ */ m(Be, {
+					className: "text-center text-sm text-muted-foreground",
+					children: r
+				})]
+			})
+		})
+	});
+}
+function Y({ step: e, children: t, className: n }) {
+	return /* @__PURE__ */ m(F, {
+		mode: "popLayout",
+		initial: !1,
+		children: /* @__PURE__ */ m(I.div, {
+			className: n,
+			initial: {
+				opacity: 0,
+				y: 8,
+				filter: "blur(2px)"
+			},
+			animate: {
+				opacity: 1,
+				y: 0,
+				filter: "blur(0px)"
+			},
+			exit: {
+				opacity: 0,
+				y: -8,
+				filter: "blur(2px)"
+			},
+			transition: {
+				duration: .25,
+				ease: q
+			},
+			children: t
+		}, e)
+	});
+}
+function X({ show: e, children: t, className: n }) {
+	let [r, i] = g.useState({
+		show: e,
+		settled: e
+	});
+	return r.show !== e && i({
+		show: e,
+		settled: !1
+	}), /* @__PURE__ */ m(F, {
+		initial: !1,
+		children: e && /* @__PURE__ */ m(I.div, {
+			className: L(!r.settled && "overflow-hidden", n),
+			initial: {
+				height: 0,
+				opacity: 0,
+				y: -4,
+				filter: "blur(2px)"
+			},
+			animate: {
+				height: "auto",
+				opacity: 1,
+				y: 0,
+				filter: "blur(0px)"
+			},
+			exit: {
+				height: 0,
+				opacity: 0,
+				y: -4,
+				filter: "blur(2px)"
+			},
+			transition: {
+				duration: .25,
+				ease: q
+			},
+			onAnimationComplete: () => i((e) => ({
+				...e,
+				settled: !0
+			})),
+			children: t
+		})
+	});
+}
+function Z({ message: e }) {
+	return /* @__PURE__ */ m(F, {
+		initial: !1,
+		children: e && /* @__PURE__ */ m(I.p, {
+			role: "alert",
+			className: "text-sm text-destructive-foreground",
+			initial: {
+				opacity: 0,
+				height: 0
+			},
+			animate: {
+				opacity: 1,
+				height: "auto",
+				x: [
+					0,
+					-6,
+					6,
+					-4,
+					4,
+					0
+				]
+			},
+			exit: {
+				opacity: 0,
+				height: 0
+			},
+			transition: {
+				duration: .25,
+				ease: q,
+				x: {
+					duration: .4,
+					ease: "easeInOut"
+				}
+			},
+			children: e
+		}, e)
+	});
+}
+function Q({ title: e, description: t, children: n }) {
+	return /* @__PURE__ */ h("div", {
+		className: "flex flex-col items-center gap-3 py-4 text-center",
+		children: [
+			/* @__PURE__ */ m(I.span, {
+				className: "flex size-12 items-center justify-center rounded-full bg-emerald-500/12 text-emerald-600",
+				initial: {
+					scale: .6,
+					opacity: 0
+				},
+				animate: {
+					scale: 1,
+					opacity: 1
+				},
+				transition: {
+					duration: .4,
+					ease: q
+				},
+				children: /* @__PURE__ */ m("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 24 24",
+					className: "size-6",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ m(I.path, {
+						d: "M4 12.5l5 5L20 6.5",
+						initial: { pathLength: 0 },
+						animate: { pathLength: 1 },
+						transition: {
+							duration: .4,
+							delay: .15,
+							ease: q
+						}
+					})
+				})
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ m("p", {
+					className: "font-medium",
+					children: e
+				}), t && /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: t
+				})]
+			}),
+			n
+		]
+	});
+}
+function $({ label: e = "Or" }) {
+	return /* @__PURE__ */ h("div", {
+		className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ m(G, { className: "flex-1" }),
+			/* @__PURE__ */ m("span", {
+				className: "text-xs text-muted-foreground uppercase",
+				children: e
+			}),
+			/* @__PURE__ */ m(G, { className: "flex-1" })
+		]
+	});
+}
+function st(e, t) {
+	let [n, r] = g.useState({
+		restartKey: t,
+		seconds: e,
+		remaining: e
+	});
+	return (n.restartKey !== t || n.seconds !== e) && r({
+		restartKey: t,
+		seconds: e,
+		remaining: e
+	}), g.useEffect(() => {
+		if (e <= 0) return;
+		let t = window.setInterval(() => {
+			r((e) => e.remaining <= 0 ? e : {
+				...e,
+				remaining: e.remaining - 1
+			});
+		}, 1e3);
+		return () => window.clearInterval(t);
+	}, [e, t]), n.remaining;
+}
+//#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");
+		try {
+			await s?.(e), _("success");
+		} catch (e) {
+			_("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);
+	}
+	async function k() {
+		C((e) => e + 1), x(""), y(null), await c?.();
+	}
+	return /* @__PURE__ */ m(J, {
+		title: "Enter verification code",
+		logo: t,
+		accent: n,
+		description: /* @__PURE__ */ h("span", {
+			className: "inline-flex items-center gap-1.5",
+			children: [/* @__PURE__ */ m(T, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ h("span", { children: [
+				"We sent a ",
+				i,
+				"-digit code to your ",
+				E,
+				r ? /* @__PURE__ */ h(p, { children: [" ", /* @__PURE__ */ m("span", {
+					className: "font-medium text-foreground",
+					children: r
+				})] }) : null,
+				"."
+			] })]
+		}),
+		footer: f !== "success" && /* @__PURE__ */ h(R, {
+			variant: "link",
+			onClick: l,
+			children: ["Use a different ", E]
+		}),
+		children: /* @__PURE__ */ m(Y, {
+			step: f === "success" ? "success" : "form",
+			children: f === "success" ? /* @__PURE__ */ m(Q, {
+				title: "Verified",
+				description: "Your identity has been confirmed."
+			}) : /* @__PURE__ */ h("div", {
+				className: "flex flex-col items-center gap-4",
+				children: [
+					/* @__PURE__ */ m(I.div, {
+						animate: v ? { x: [
+							0,
+							-8,
+							8,
+							-5,
+							5,
+							0
+						] } : { x: 0 },
+						transition: {
+							duration: .4,
+							ease: "easeInOut"
+						},
+						children: /* @__PURE__ */ m(Ye, {
+							length: i,
+							value: b,
+							onValueChange: O,
+							disabled: f === "loading",
+							children: Array.from({ length: i }, (e, t) => /* @__PURE__ */ m(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, {
+						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",
+						disabled: b.length !== i,
+						onClick: () => void D(b),
+						children: "Verify"
+					}),
+					/* @__PURE__ */ m(I.p, {
+						layout: !0,
+						transition: {
+							duration: .25,
+							ease: q
+						},
+						className: "text-center text-sm text-muted-foreground",
+						children: w > 0 ? /* @__PURE__ */ h(p, { children: [
+							"Resend code in",
+							" ",
+							/* @__PURE__ */ h("span", {
+								className: "font-medium tabular-nums text-foreground",
+								children: [w, "s"]
+							})
+						] }) : /* @__PURE__ */ m(R, {
+							variant: "link",
+							disabled: f === "loading",
+							onClick: () => void k(),
+							children: "Resend code"
+						})
+					})
+				]
+			})
+		})
+	});
+}
+//#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("");
+	async function v(e) {
+		e.preventDefault(), d(null), l("loading");
+		try {
+			await i?.({ email: f }), l("success");
+		} catch (e) {
+			l("idle"), d(e instanceof Error ? e.message : "Unable to send reset link.");
+		}
+	}
+	return /* @__PURE__ */ m(J, {
+		title: e,
+		description: r,
+		logo: t,
+		accent: n,
+		footer: /* @__PURE__ */ h(R, {
+			variant: "link",
+			className: "gap-1",
+			onClick: o,
+			children: [/* @__PURE__ */ m(a, { className: "size-3.5" }), "Back to login"]
+		}),
+		children: /* @__PURE__ */ m(Y, {
+			step: c === "success" ? "success" : "form",
+			children: c === "success" ? /* @__PURE__ */ m(Q, {
+				title: "Check your inbox",
+				description: /* @__PURE__ */ h(p, { children: [
+					"We sent a password reset link to",
+					" ",
+					/* @__PURE__ */ m("span", {
+						className: "font-medium text-foreground",
+						children: f
+					}),
+					"."
+				] }),
+				children: /* @__PURE__ */ m(R, {
+					variant: "link",
+					className: "text-xs sm:text-xs",
+					onClick: () => l("idle"),
+					children: "Use a different email"
+				})
+			}) : /* @__PURE__ */ h("form", {
+				className: "flex flex-col gap-4",
+				onSubmit: v,
+				children: [
+					/* @__PURE__ */ h(H, {
+						name: "email",
+						children: [/* @__PURE__ */ m(U, {
+							htmlFor: s,
+							children: "Email"
+						}), /* @__PURE__ */ m(W, {
+							id: s,
+							name: "email",
+							type: "email",
+							autoComplete: "email",
+							placeholder: "you@example.com",
+							required: !0,
+							disabled: c === "loading",
+							value: f,
+							onChange: (e) => _(e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ m(Z, { message: u }),
+					/* @__PURE__ */ m(R, {
+						className: L("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+						type: "submit",
+						loading: c === "loading",
+						children: "Send reset link"
+					})
+				]
+			})
+		})
+	});
+}
+//#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 = [
+	"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 t = new FormData(e.currentTarget);
+		b(null), v("loading");
+		try {
+			await s?.({
+				email: String(t.get("email") ?? ""),
+				password: String(t.get("password") ?? ""),
+				remember: C
+			}), v("success");
+		} catch (e) {
+			v("idle"), b(e instanceof Error ? e.message : "Unable to login.");
+		}
+	}
+	async function P(e) {
+		b(null), S(e);
+		try {
+			await c?.(e), v("success");
+		} catch (e) {
+			b(e instanceof Error ? e.message : "Unable to login.");
+		} finally {
+			S(null);
+		}
+	}
+	return /* @__PURE__ */ m(J, {
+		title: e,
+		description: t,
+		logo: n,
+		accent: r,
+		footer: _ !== "success" && /* @__PURE__ */ h(p, { children: [
+			"Don't have an account?",
+			" ",
+			/* @__PURE__ */ m(R, {
+				variant: "link",
+				onClick: u,
+				children: "Sign up"
+			})
+		] }),
+		children: /* @__PURE__ */ m(Y, {
+			step: _ === "success" ? "success" : "form",
+			children: _ === "success" ? /* @__PURE__ */ m(Q, {
+				title: "Welcome back",
+				description: "You are now logged in."
+			}) : /* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-4",
+				children: [/* @__PURE__ */ h("form", {
+					className: "flex flex-col gap-4",
+					onSubmit: N,
+					children: [
+						/* @__PURE__ */ h(H, {
+							name: "email",
+							children: [/* @__PURE__ */ m(U, {
+								htmlFor: d,
+								children: "Email"
+							}), /* @__PURE__ */ m(W, {
+								id: d,
+								"aria-label": "Email",
+								name: "email",
+								type: "email",
+								autoComplete: "email",
+								placeholder: "you@example.com",
+								required: !0,
+								disabled: A,
+								value: T,
+								onChange: (e) => {
+									E(e.currentTarget.value), O(e.currentTarget.validity.valid);
+								}
+							})]
+						}),
+						/* @__PURE__ */ m(X, {
+							show: D,
+							children: /* @__PURE__ */ h(H, {
+								name: "password",
+								children: [
+									/* @__PURE__ */ m(U, {
+										htmlFor: "password",
+										children: "Password"
+									}),
+									/* @__PURE__ */ m(tt, {
+										id: "password",
+										name: "password",
+										autoComplete: "current-password",
+										required: !0,
+										disabled: A,
+										value: k,
+										onChange: (e) => ee(e.target.value)
+									}),
+									o && /* @__PURE__ */ m(R, {
+										variant: "link",
+										type: "button",
+										className: "self-end font-normal text-muted-foreground text-xs hover:text-foreground sm:text-xs",
+										onClick: l,
+										children: "Forgot password?"
+									})
+								]
+							})
+						}),
+						a && /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ m(V, {
+								id: f,
+								checked: C,
+								onCheckedChange: (e) => w(e),
+								disabled: A
+							}), /* @__PURE__ */ m(Je, {
+								htmlFor: f,
+								className: "font-normal",
+								children: "Remember me"
+							})]
+						}),
+						/* @__PURE__ */ m(Z, { message: y }),
+						/* @__PURE__ */ m(X, {
+							show: M,
+							children: /* @__PURE__ */ m(R, {
+								className: L("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+								type: "submit",
+								loading: _ === "loading",
+								disabled: A,
+								children: "Login"
+							})
+						})
+					]
+				}), i.length > 0 && /* @__PURE__ */ h(X, {
+					show: !M,
+					className: "flex flex-col gap-4",
+					children: [/* @__PURE__ */ m($, { label: "Or continue with" }), /* @__PURE__ */ m(it, {
+						providers: i,
+						action: "login",
+						loadingProvider: x,
+						disabled: _ === "loading",
+						onSelect: P
+					})]
+				})]
+			})
+		})
+	});
+}
+//#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 = [
+	"google",
+	"apple",
+	"github"
+], showNameField: a = !0, showTerms: o = !0, enforceStrongPassword: s = !0, onSubmit: c, onProviderSelect: l, onLogin: u, onTerms: d }) {
+	let f = g.useId(), _ = g.useId(), v = g.useId(), [y, b] = g.useState("idle"), [x, S] = g.useState(null), [C, w] = g.useState(null), [T, E] = g.useState(""), [D, O] = g.useState(!1), [k, ee] = g.useState(!1), [A, j] = g.useState(!1), M = y === "loading" || C !== null, N = !s || $e(T) === K.length, P = T.trim().length > 0 && N, F = (!a || A) && k && P;
+	async function te(e) {
+		if (e.preventDefault(), S(null), !N) {
+			S("Please meet all password requirements.");
+			return;
+		}
+		if (o && !D) {
+			S("Please accept the terms to continue.");
+			return;
+		}
+		let t = new FormData(e.currentTarget);
+		b("loading");
+		try {
+			await c?.({
+				name: String(t.get("name") ?? ""),
+				email: String(t.get("email") ?? ""),
+				password: T
+			}), b("success");
+		} catch (e) {
+			b("idle"), S(e instanceof Error ? e.message : "Unable to create account.");
+		}
+	}
+	async function I(e) {
+		S(null), w(e);
+		try {
+			await l?.(e), b("success");
+		} catch (e) {
+			S(e instanceof Error ? e.message : "Unable to create account.");
+		} finally {
+			w(null);
+		}
+	}
+	return /* @__PURE__ */ m(J, {
+		title: e,
+		description: t,
+		logo: n,
+		accent: r,
+		footer: y !== "success" && /* @__PURE__ */ h(p, { children: [
+			"Already have an account?",
+			" ",
+			/* @__PURE__ */ m(R, {
+				variant: "link",
+				onClick: u,
+				children: "Login"
+			})
+		] }),
+		children: /* @__PURE__ */ m(Y, {
+			step: y === "success" ? "success" : "form",
+			children: y === "success" ? /* @__PURE__ */ m(Q, {
+				title: "Account created",
+				description: "Check your inbox to confirm your email address."
+			}) : /* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-4",
+				children: [i.length > 0 && /* @__PURE__ */ h(X, {
+					show: !F,
+					className: "flex flex-col gap-4",
+					children: [/* @__PURE__ */ m(it, {
+						providers: i,
+						action: "signup",
+						loadingProvider: C,
+						disabled: y === "loading",
+						onSelect: I
+					}), /* @__PURE__ */ m($, { label: "Or with email" })]
+				}), /* @__PURE__ */ h("form", {
+					className: "flex flex-col gap-4",
+					onSubmit: te,
+					children: [
+						a && /* @__PURE__ */ h(H, {
+							name: "name",
+							children: [/* @__PURE__ */ m(U, {
+								htmlFor: f,
+								children: "Name"
+							}), /* @__PURE__ */ m(W, {
+								"aria-label": "Name",
+								id: f,
+								name: "name",
+								autoComplete: "name",
+								placeholder: "Your name",
+								required: !0,
+								disabled: M,
+								onChange: (e) => j(e.currentTarget.validity.valid)
+							})]
+						}),
+						/* @__PURE__ */ h(H, {
+							name: "email",
+							children: [/* @__PURE__ */ m(U, {
+								htmlFor: _,
+								children: "Email"
+							}), /* @__PURE__ */ m(W, {
+								id: _,
+								name: "email",
+								type: "email",
+								autoComplete: "email",
+								placeholder: "you@example.com",
+								required: !0,
+								disabled: M,
+								onChange: (e) => ee(e.currentTarget.validity.valid)
+							})]
+						}),
+						/* @__PURE__ */ m(X, {
+							show: k,
+							children: /* @__PURE__ */ h(H, {
+								name: "password",
+								children: [/* @__PURE__ */ m(U, { children: "Password" }), /* @__PURE__ */ m(tt, {
+									name: "password",
+									autoComplete: "new-password",
+									placeholder: "Create a password",
+									showStrength: !0,
+									required: !0,
+									disabled: M,
+									value: T,
+									onChange: (e) => E(e.target.value)
+								})]
+							})
+						}),
+						o && /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ m(V, {
+								id: v,
+								checked: D,
+								onCheckedChange: (e) => O(e === !0),
+								disabled: M
+							}), /* @__PURE__ */ h(Je, {
+								htmlFor: v,
+								className: "font-normal",
+								children: [
+									"I agree to the",
+									" ",
+									/* @__PURE__ */ m(R, {
+										variant: "link",
+										type: "button",
+										onClick: d,
+										children: "terms"
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ m(Z, { message: x }),
+						/* @__PURE__ */ m(R, {
+							className: L("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+							type: "submit",
+							loading: y === "loading",
+							disabled: M,
+							children: "Create account"
+						})
+					]
+				})]
+			})
+		})
+	});
+}
+//#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 };
+
+//# sourceMappingURL=index.js.map