@yackey-labs/yauth-ui-solidjs 0.9.6 → 0.12.1

package/dist/index.js

@@ -1,987 +1,919 @@
-import { createComponent as g, delegateEvents as K, insert as e, Show as y, effect as C, template as i, memo as fe, addEventListener as ie } from "solid-js/web";
-import { createContext as we, createSignal as a, createResource as oe, createEffect as ae, Show as $e, useContext as _e, For as te } from "solid-js";
-import { startAuthentication as Se, startRegistration as ke } from "@simplewebauthn/browser";
-const pe = we(), jt = (r) => {
-  if (!r.client && !r.baseUrl)
-    throw new Error("YAuthProvider requires either a `client` or `baseUrl` prop");
-  const [k, b] = a(r.client ?? null);
-  if (!r.client && r.baseUrl) {
-    const f = r.baseUrl;
-    import("@yackey-labs/yauth-client").then((x) => {
-      b(() => x.createYAuthClient({
-        baseUrl: f
-      }));
-    });
-  }
-  let p = null;
-  const [v, {
-    refetch: h
-  }] = oe(async () => {
-    const f = k();
-    if (!f) return null;
-    try {
-      return await f.getSession();
-    } catch {
-      return null;
-    }
-  });
-  ae(() => {
-    k() && h();
-  }), ae(() => {
-    if (!v.loading && p) {
-      const x = p;
-      p = null, x(v() ?? null);
-    }
-  });
-  const $ = () => new Promise((f) => {
-    p = f, h();
-  });
-  return g($e, {
-    get when() {
-      return k();
-    },
-    fallback: null,
-    children: (f) => g(pe.Provider, {
-      get value() {
-        return {
-          client: f(),
-          user: () => v(),
-          loading: () => v.loading,
-          refetch: $
-        };
-      },
-      get children() {
-        return r.children;
-      }
-    })
-  });
+import { Show as e, addEventListener as t, createComponent as n, delegateEvents as r, effect as i, insert as a, memo as o, template as s } from "solid-js/web";
+import { For as c, Show as l, createContext as u, createEffect as d, createResource as f, createSignal as p, useContext as m } from "solid-js";
+import { startAuthentication as h, startRegistration as g } from "@simplewebauthn/browser";
+//#region src/provider.tsx
+var _ = u(), v = (e) => {
+	if (!e.client && !e.baseUrl) throw Error("YAuthProvider requires either a `client` or `baseUrl` prop");
+	let [t, r] = p(e.client ?? null);
+	if (!e.client && e.baseUrl) {
+		let t = e.baseUrl;
+		import("@yackey-labs/yauth-client").then((e) => {
+			r(() => e.createYAuthClient({ baseUrl: t }));
+		});
+	}
+	let i = null, [a, { refetch: o }] = f(async () => {
+		let e = t();
+		if (!e) return null;
+		try {
+			return (await e.getSession()).user;
+		} catch {
+			return null;
+		}
+	});
+	d(() => {
+		t() && o();
+	}), d(() => {
+		if (!a.loading && i) {
+			let e = i;
+			i = null, e(a() ?? null);
+		}
+	});
+	let s = () => new Promise((e) => {
+		i = e, o();
+	});
+	return n(l, {
+		get when() {
+			return t();
+		},
+		fallback: null,
+		children: (t) => n(_.Provider, {
+			get value() {
+				return {
+					client: t(),
+					user: () => a(),
+					loading: () => a.loading,
+					refetch: s
+				};
+			},
+			get children() {
+				return e.children;
+			}
+		})
+	});
 };
-function Y() {
-  const r = _e(pe);
-  if (!r)
-    throw new Error("useYAuth must be used within a <YAuthProvider>");
-  return r;
+function y() {
+	let e = m(_);
+	if (!e) throw Error("useYAuth must be used within a <YAuthProvider>");
+	return e;
 }
-var Ce = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Ee = /* @__PURE__ */ i('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">Password changed successfully.'), Pe = /* @__PURE__ */ i('<form class=space-y-4><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-current-password>Current password</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-current-password name=current_password type=password required autocomplete=current-password></div><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-new-password>New password</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-new-password name=new_password type=password required autocomplete=new-password></div><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-confirm-password>Confirm new password</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-confirm-password name=confirm_password type=password required autocomplete=new-password></div><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>');
-const Ft = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.emailPassword;
-  if (!b) return null;
-  const [p, v] = a(""), [h, $] = a(""), [f, x] = a(""), [d, l] = a(null), [m, s] = a(!1), [t, c] = a(!1), n = async (u) => {
-    u.preventDefault(), l(null), s(!1);
-    const o = u.currentTarget, P = new FormData(o), w = P.get("current_password") || p(), _ = P.get("new_password") || h(), S = P.get("confirm_password") || f();
-    if (_ !== S) {
-      l("Passwords do not match");
-      return;
-    }
-    c(!0);
-    try {
-      await b.changePassword({
-        current_password: w,
-        new_password: _
-      }), s(!0), v(""), $(""), x(""), r.onSuccess?.();
-    } catch (L) {
-      const R = L instanceof Error ? L : new Error(String(L));
-      l(R.message), r.onError?.(R);
-    } finally {
-      c(!1);
-    }
-  };
-  return (() => {
-    var u = Pe(), o = u.firstChild, P = o.firstChild, w = P.nextSibling, _ = o.nextSibling, S = _.firstChild, L = S.nextSibling, R = _.nextSibling, O = R.firstChild, D = O.nextSibling, G = R.nextSibling;
-    return u.addEventListener("submit", n), e(u, g(y, {
-      get when() {
-        return d();
-      },
-      get children() {
-        var A = Ce();
-        return e(A, d), A;
-      }
-    }), o), e(u, g(y, {
-      get when() {
-        return m();
-      },
-      get children() {
-        return Ee();
-      }
-    }), o), w.$$input = (A) => v(A.currentTarget.value), L.$$input = (A) => $(A.currentTarget.value), D.$$input = (A) => x(A.currentTarget.value), e(G, () => t() ? "Changing password..." : "Change password"), C((A) => {
-      var I = t(), z = t(), Z = t(), H = t();
-      return I !== A.e && (w.disabled = A.e = I), z !== A.t && (L.disabled = A.t = z), Z !== A.a && (D.disabled = A.a = Z), H !== A.o && (G.disabled = A.o = H), A;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    }), C(() => w.value = p()), C(() => L.value = h()), C(() => D.value = f()), u;
-  })();
+//#endregion
+//#region src/components/change-password-form.tsx
+var b = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), x = /* @__PURE__ */ s("<div class=\"rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400\">Password changed successfully."), S = /* @__PURE__ */ s("<form class=space-y-4><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-current-password>Current password</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-current-password name=current_password type=password required autocomplete=current-password></div><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-new-password>New password</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-new-password name=new_password type=password required autocomplete=new-password></div><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-confirm-password>Confirm new password</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-confirm-password name=confirm_password type=password required autocomplete=new-password></div><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), C = (t) => {
+	let { client: r } = y(), o = r?.emailPassword;
+	if (!o) return null;
+	let [s, c] = p(""), [l, u] = p(""), [d, f] = p(""), [m, h] = p(null), [g, _] = p(!1), [v, C] = p(!1), w = async (e) => {
+		e.preventDefault(), h(null), _(!1);
+		let n = e.currentTarget, r = new FormData(n), i = r.get("current_password") || s(), a = r.get("new_password") || l();
+		if (a !== (r.get("confirm_password") || d())) {
+			h("Passwords do not match");
+			return;
+		}
+		C(!0);
+		try {
+			await o.changePassword({
+				current_password: i,
+				new_password: a
+			}), _(!0), c(""), u(""), f(""), t.onSuccess?.();
+		} catch (e) {
+			let n = e instanceof Error ? e : Error(String(e));
+			h(n.message), t.onError?.(n);
+		} finally {
+			C(!1);
+		}
+	};
+	return (() => {
+		var t = S(), r = t.firstChild, o = r.firstChild.nextSibling, p = r.nextSibling, h = p.firstChild.nextSibling, _ = p.nextSibling, y = _.firstChild.nextSibling, C = _.nextSibling;
+		return t.addEventListener("submit", w), a(t, n(e, {
+			get when() {
+				return m();
+			},
+			get children() {
+				var e = b();
+				return a(e, m), e;
+			}
+		}), r), a(t, n(e, {
+			get when() {
+				return g();
+			},
+			get children() {
+				return x();
+			}
+		}), r), o.$$input = (e) => c(e.currentTarget.value), h.$$input = (e) => u(e.currentTarget.value), y.$$input = (e) => f(e.currentTarget.value), a(C, () => v() ? "Changing password..." : "Change password"), i((e) => {
+			var t = v(), n = v(), r = v(), i = v();
+			return t !== e.e && (o.disabled = e.e = t), n !== e.t && (h.disabled = e.t = n), r !== e.a && (y.disabled = e.a = r), i !== e.o && (C.disabled = e.o = i), e;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		}), i(() => o.value = s()), i(() => h.value = l()), i(() => y.value = d()), t;
+	})();
 };
-K(["input"]);
-var De = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Ae = /* @__PURE__ */ i('<div class="rounded-md border p-4 space-y-3"><p class="text-sm font-medium">This application is requesting the following permissions:</p><ul class=space-y-2>'), Te = /* @__PURE__ */ i('<div class="mx-auto max-w-md space-y-6 p-6"><div class="space-y-2 text-center"><h2 class="text-2xl font-semibold tracking-tight">Authorize </h2><p class="text-sm text-muted-foreground"><strong></strong> is requesting access to your account.</p></div><div class="flex gap-3"><button class="inline-flex h-9 flex-1 cursor-pointer items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button>Deny</button><button class="inline-flex h-9 flex-1 cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button></button></div><p class="text-center text-xs text-muted-foreground">By authorizing, you allow this application to access your account with the permissions listed above.'), Le = /* @__PURE__ */ i('<li class="flex items-center gap-2 text-sm"><svg class="h-4 w-4 text-primary"fill=none stroke=currentColor viewBox="0 0 24 24"aria-label=Checkmark role=img><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><span>');
-const Mt = (r) => {
-  const [k, b] = a(!1), [p, v] = a(null), h = async (f) => {
-    v(null), b(!0);
-    try {
-      const x = r.authBaseUrl ?? "/api/auth", d = await fetch(`${x}/authorize`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include",
-        body: JSON.stringify({
-          client_id: r.clientId,
-          redirect_uri: r.redirectUri,
-          response_type: r.responseType,
-          code_challenge: r.codeChallenge,
-          code_challenge_method: r.codeChallengeMethod,
-          scope: r.scopes?.join(" "),
-          state: r.state,
-          approved: f
-        })
-      });
-      if (d.redirected) {
-        window.location.href = d.url;
-        return;
-      }
-      if (!d.ok) {
-        const m = await d.json().catch(() => null);
-        throw new Error(m?.error_description ?? m?.error ?? "Authorization failed");
-      }
-      const l = d.headers.get("Location");
-      if (l) {
-        window.location.href = l;
-        return;
-      }
-      r.onSubmit?.(f);
-    } catch (x) {
-      const d = x instanceof Error ? x : new Error(String(x));
-      v(d.message), r.onError?.(d);
-    } finally {
-      b(!1);
-    }
-  }, $ = () => r.clientName ?? r.clientId;
-  return (() => {
-    var f = Te(), x = f.firstChild, d = x.firstChild;
-    d.firstChild;
-    var l = d.nextSibling, m = l.firstChild, s = x.nextSibling, t = s.firstChild, c = t.nextSibling;
-    return e(d, $, null), e(m, $), e(f, g(y, {
-      get when() {
-        return p();
-      },
-      get children() {
-        var n = De();
-        return e(n, p), n;
-      }
-    }), s), e(f, g(y, {
-      get when() {
-        return fe(() => !!r.scopes)() && r.scopes.length > 0;
-      },
-      get children() {
-        var n = Ae(), u = n.firstChild, o = u.nextSibling;
-        return e(o, g(te, {
-          get each() {
-            return r.scopes;
-          },
-          children: (P) => (() => {
-            var w = Le(), _ = w.firstChild, S = _.nextSibling;
-            return e(S, P), w;
-          })()
-        })), n;
-      }
-    }), s), t.$$click = () => h(!1), c.$$click = () => h(!0), e(c, () => k() ? "Authorizing..." : "Authorize"), C((n) => {
-      var u = k(), o = k();
-      return u !== n.e && (t.disabled = n.e = u), o !== n.t && (c.disabled = n.t = o), n;
-    }, {
-      e: void 0,
-      t: void 0
-    }), f;
-  })();
+r(["input"]);
+//#endregion
+//#region src/components/consent-screen.tsx
+var w = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), T = /* @__PURE__ */ s("<div class=\"rounded-md border p-4 space-y-3\"><p class=\"text-sm font-medium\">This application is requesting the following permissions:</p><ul class=space-y-2>"), E = /* @__PURE__ */ s("<div class=\"mx-auto max-w-md space-y-6 p-6\"><div class=\"space-y-2 text-center\"><h2 class=\"text-2xl font-semibold tracking-tight\">Authorize </h2><p class=\"text-sm text-muted-foreground\"><strong></strong> is requesting access to your account.</p></div><div class=\"flex gap-3\"><button class=\"inline-flex h-9 flex-1 cursor-pointer items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button>Deny</button><button class=\"inline-flex h-9 flex-1 cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button></button></div><p class=\"text-center text-xs text-muted-foreground\">By authorizing, you allow this application to access your account with the permissions listed above."), D = /* @__PURE__ */ s("<li class=\"flex items-center gap-2 text-sm\"><svg class=\"h-4 w-4 text-primary\"fill=none stroke=currentColor viewBox=\"0 0 24 24\"aria-label=Checkmark role=img><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"></path></svg><span>"), O = (t) => {
+	let [r, s] = p(!1), [l, u] = p(null), d = async (e) => {
+		u(null), s(!0);
+		try {
+			let n = t.authBaseUrl ?? "/api/auth", r = await fetch(`${n}/authorize`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				credentials: "include",
+				body: JSON.stringify({
+					client_id: t.clientId,
+					redirect_uri: t.redirectUri,
+					response_type: t.responseType,
+					code_challenge: t.codeChallenge,
+					code_challenge_method: t.codeChallengeMethod,
+					scope: t.scopes?.join(" "),
+					state: t.state,
+					approved: e
+				})
+			});
+			if (r.redirected) {
+				window.location.href = r.url;
+				return;
+			}
+			if (!r.ok) {
+				let e = await r.json().catch(() => null);
+				throw Error(e?.error_description ?? e?.error ?? "Authorization failed");
+			}
+			let i = r.headers.get("Location");
+			if (i) {
+				window.location.href = i;
+				return;
+			}
+			t.onSubmit?.(e);
+		} catch (e) {
+			let n = e instanceof Error ? e : Error(String(e));
+			u(n.message), t.onError?.(n);
+		} finally {
+			s(!1);
+		}
+	}, f = () => t.clientName ?? t.clientId;
+	return (() => {
+		var s = E(), u = s.firstChild, p = u.firstChild;
+		p.firstChild;
+		var m = p.nextSibling.firstChild, h = u.nextSibling, g = h.firstChild, _ = g.nextSibling;
+		return a(p, f, null), a(m, f), a(s, n(e, {
+			get when() {
+				return l();
+			},
+			get children() {
+				var e = w();
+				return a(e, l), e;
+			}
+		}), h), a(s, n(e, {
+			get when() {
+				return o(() => !!t.scopes)() && t.scopes.length > 0;
+			},
+			get children() {
+				var e = T(), r = e.firstChild.nextSibling;
+				return a(r, n(c, {
+					get each() {
+						return t.scopes;
+					},
+					children: (e) => (() => {
+						var t = D(), n = t.firstChild.nextSibling;
+						return a(n, e), t;
+					})()
+				})), e;
+			}
+		}), h), g.$$click = () => d(!1), _.$$click = () => d(!0), a(_, () => r() ? "Authorizing..." : "Authorize"), i((e) => {
+			var t = r(), n = r();
+			return t !== e.e && (g.disabled = e.e = t), n !== e.t && (_.disabled = e.t = n), e;
+		}, {
+			e: void 0,
+			t: void 0
+		}), s;
+	})();
 };
-K(["click"]);
-var je = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Fe = /* @__PURE__ */ i('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">'), Me = /* @__PURE__ */ i('<form class=space-y-4><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-forgot-password-email>Email</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-forgot-password-email name=email type=email required autocomplete=email></div><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>');
-const Rt = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.emailPassword;
-  if (!b) return null;
-  const [p, v] = a(""), [h, $] = a(null), [f, x] = a(null), [d, l] = a(!1), m = async (s) => {
-    s.preventDefault(), $(null), x(null), l(!0);
-    try {
-      const t = s.currentTarget, c = new FormData(t), n = await b.forgotPassword({
-        email: c.get("email") || p()
-      });
-      x(n.message), r.onSuccess?.(n.message);
-    } catch (t) {
-      const c = t instanceof Error ? t : new Error(String(t));
-      $(c.message);
-    } finally {
-      l(!1);
-    }
-  };
-  return (() => {
-    var s = Me(), t = s.firstChild, c = t.firstChild, n = c.nextSibling, u = t.nextSibling;
-    return s.addEventListener("submit", m), e(s, g(y, {
-      get when() {
-        return h();
-      },
-      get children() {
-        var o = je();
-        return e(o, h), o;
-      }
-    }), t), e(s, g(y, {
-      get when() {
-        return f();
-      },
-      get children() {
-        var o = Fe();
-        return e(o, f), o;
-      }
-    }), t), n.$$input = (o) => v(o.currentTarget.value), e(u, () => d() ? "Sending..." : "Send reset link"), C((o) => {
-      var P = d(), w = d();
-      return P !== o.e && (n.disabled = o.e = P), w !== o.t && (u.disabled = o.t = w), o;
-    }, {
-      e: void 0,
-      t: void 0
-    }), C(() => n.value = p()), s;
-  })();
+r(["click"]);
+//#endregion
+//#region src/components/forgot-password-form.tsx
+var k = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), A = /* @__PURE__ */ s("<div class=\"rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400\">"), j = /* @__PURE__ */ s("<form class=space-y-4><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-forgot-password-email>Email</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-forgot-password-email name=email type=email required autocomplete=email></div><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), M = (t) => {
+	let { client: r } = y(), o = r?.emailPassword;
+	if (!o) return null;
+	let [s, c] = p(""), [l, u] = p(null), [d, f] = p(null), [m, h] = p(!1), g = async (e) => {
+		e.preventDefault(), u(null), f(null), h(!0);
+		try {
+			let n = e.currentTarget, r = new FormData(n), i = await o.forgotPassword({ email: r.get("email") || s() });
+			f(i.message), t.onSuccess?.(i.message);
+		} catch (e) {
+			u((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			h(!1);
+		}
+	};
+	return (() => {
+		var t = j(), r = t.firstChild, o = r.firstChild.nextSibling, u = r.nextSibling;
+		return t.addEventListener("submit", g), a(t, n(e, {
+			get when() {
+				return l();
+			},
+			get children() {
+				var e = k();
+				return a(e, l), e;
+			}
+		}), r), a(t, n(e, {
+			get when() {
+				return d();
+			},
+			get children() {
+				var e = A();
+				return a(e, d), e;
+			}
+		}), r), o.$$input = (e) => c(e.currentTarget.value), a(u, () => m() ? "Sending..." : "Send reset link"), i((e) => {
+			var t = m(), n = m();
+			return t !== e.e && (o.disabled = e.e = t), n !== e.t && (u.disabled = e.t = n), e;
+		}, {
+			e: void 0,
+			t: void 0
+		}), i(() => o.value = s()), t;
+	})();
 };
-K(["input"]);
-var Re = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Ue = /* @__PURE__ */ i('<div class=space-y-2><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button>');
-const qe = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.passkey;
-  if (!b) return null;
-  const [p, v] = a(null), [h, $] = a(!1), f = async () => {
-    const m = await b.loginBegin({
-      email: r.email ?? void 0
-    }), s = await Se({
-      optionsJSON: m.options.publicKey
-    });
-    await b.loginFinish({
-      challenge_id: m.challenge_id,
-      credential: s
-    });
-    const t = await k.getSession();
-    r.onSuccess?.(t);
-  }, x = async () => {
-    const l = await b.registerBegin(), m = await ke({
-      optionsJSON: l.publicKey
-    });
-    await b.registerFinish({
-      credential: m,
-      name: "Passkey"
-    }), r.onSuccess?.(void 0);
-  }, d = async () => {
-    v(null), $(!0);
-    try {
-      r.mode === "login" ? await f() : await x();
-    } catch (l) {
-      const m = l instanceof Error ? l : new Error(String(l));
-      console.error("[yauth] Passkey error:", m);
-      const s = m.name === "NotAllowedError" ? "Passkey authentication was cancelled or not available on this device." : m.message;
-      v(s), r.onError?.(m);
-    } finally {
-      $(!1);
-    }
-  };
-  return (() => {
-    var l = Ue(), m = l.firstChild;
-    return e(l, g(y, {
-      get when() {
-        return p();
-      },
-      get children() {
-        var s = Re();
-        return e(s, p), s;
-      }
-    }), m), m.$$click = d, e(m, (() => {
-      var s = fe(() => !!h());
-      return () => s() ? r.mode === "login" ? "Authenticating..." : "Registering..." : r.mode === "login" ? "Sign in with passkey" : "Register passkey";
-    })()), C(() => m.disabled = h()), l;
-  })();
+r(["input"]);
+//#endregion
+//#region src/components/passkey-button.tsx
+var N = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), P = /* @__PURE__ */ s("<div class=space-y-2><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button>"), F = (t) => {
+	let { client: r } = y(), s = r?.passkey;
+	if (!s) return null;
+	let [c, l] = p(null), [u, d] = p(!1), f = async () => {
+		let e = await s.loginBegin({ email: t.email ?? void 0 }), n = await h({ optionsJSON: e.options.publicKey });
+		await s.loginFinish({
+			challenge_id: e.challenge_id,
+			credential: n
+		});
+		let i = await r.getSession();
+		t.onSuccess?.(i.user);
+	}, m = async () => {
+		let e = await g({ optionsJSON: (await s.registerBegin()).publicKey });
+		await s.registerFinish({
+			credential: e,
+			name: "Passkey"
+		}), t.onSuccess?.(void 0);
+	}, _ = async () => {
+		l(null), d(!0);
+		try {
+			t.mode === "login" ? await f() : await m();
+		} catch (e) {
+			let n = e instanceof Error ? e : Error(String(e));
+			console.error("[yauth] Passkey error:", n), l(n.name === "NotAllowedError" ? "Passkey authentication was cancelled or not available on this device." : n.message), t.onError?.(n);
+		} finally {
+			d(!1);
+		}
+	};
+	return (() => {
+		var r = P(), s = r.firstChild;
+		return a(r, n(e, {
+			get when() {
+				return c();
+			},
+			get children() {
+				var e = N();
+				return a(e, c), e;
+			}
+		}), s), s.$$click = _, a(s, (() => {
+			var e = o(() => !!u());
+			return () => e() ? t.mode === "login" ? "Authenticating..." : "Registering..." : t.mode === "login" ? "Sign in with passkey" : "Register passkey";
+		})()), i(() => s.disabled = u()), r;
+	})();
 };
-K(["click"]);
-var Ne = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Oe = /* @__PURE__ */ i('<div class=relative><div class="absolute inset-0 flex items-center"style=pointer-events:none><span class="w-full border-t"></span></div><div class="relative flex justify-center text-xs uppercase"><span class="bg-background px-2 text-muted-foreground">or'), Be = /* @__PURE__ */ i('<form class=space-y-6><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-login-email>Email</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-login-email name=email type=email required autocomplete=email></div><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-login-password>Password</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-login-password name=password type=password required autocomplete=current-password></div><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>');
-const Ut = (r) => {
-  const {
-    client: k,
-    refetch: b
-  } = Y(), p = k?.emailPassword;
-  if (!p) return null;
-  const [v, h] = a(""), [$, f] = a(""), [x, d] = a(null), [l, m] = a(!1), s = async (t) => {
-    t.preventDefault(), d(null), m(!0);
-    try {
-      const c = t.currentTarget, n = new FormData(c);
-      await p.login({
-        email: n.get("email") || v(),
-        password: n.get("password") || $()
-      });
-      const u = await b();
-      r.onSuccess?.(u);
-    } catch (c) {
-      const n = c instanceof Error ? c : new Error(String(c));
-      d(n.message), r.onError?.(n);
-    } finally {
-      m(!1);
-    }
-  };
-  return (() => {
-    var t = Be(), c = t.firstChild, n = c.firstChild, u = n.nextSibling, o = c.nextSibling, P = o.firstChild, w = P.nextSibling, _ = o.nextSibling;
-    return ie(t, "submit", s), e(t, g(y, {
-      get when() {
-        return x();
-      },
-      get children() {
-        var S = Ne();
-        return e(S, x), S;
-      }
-    }), c), ie(u, "input", (S) => h(S.currentTarget.value)), ie(w, "input", (S) => f(S.currentTarget.value)), e(_, () => l() ? "Signing in..." : "Sign in"), e(t, g(y, {
-      get when() {
-        return r.showPasskey;
-      },
-      get children() {
-        return [Oe(), g(qe, {
-          mode: "login",
-          get email() {
-            return v();
-          },
-          onSuccess: (S) => {
-            b(), r.onSuccess?.(S);
-          },
-          get onError() {
-            return r.onError;
-          }
-        })];
-      }
-    }), null), C((S) => {
-      var L = l(), R = l(), O = l();
-      return L !== S.e && (u.disabled = S.e = L), R !== S.t && (w.disabled = S.t = R), O !== S.a && (_.disabled = S.a = O), S;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    }), C(() => u.value = v()), C(() => w.value = $()), t;
-  })();
+r(["click"]);
+//#endregion
+//#region src/components/login-form.tsx
+var I = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), L = /* @__PURE__ */ s("<div class=relative><div class=\"absolute inset-0 flex items-center\"style=pointer-events:none><span class=\"w-full border-t\"></span></div><div class=\"relative flex justify-center text-xs uppercase\"><span class=\"bg-background px-2 text-muted-foreground\">or"), R = /* @__PURE__ */ s("<form class=space-y-6><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-login-email>Email</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-login-email name=email type=email required autocomplete=email></div><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-login-password>Password</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-login-password name=password type=password required autocomplete=current-password></div><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), z = (r) => {
+	let { client: o, refetch: s } = y(), c = o?.emailPassword;
+	if (!c) return null;
+	let [l, u] = p(""), [d, f] = p(""), [m, h] = p(null), [g, _] = p(!1), v = async (e) => {
+		e.preventDefault(), h(null), _(!0);
+		try {
+			let t = e.currentTarget, n = new FormData(t);
+			await c.login({
+				email: n.get("email") || l(),
+				password: n.get("password") || d()
+			});
+			let i = await s();
+			r.onSuccess?.(i);
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			h(t.message), r.onError?.(t);
+		} finally {
+			_(!1);
+		}
+	};
+	return (() => {
+		var o = R(), c = o.firstChild, p = c.firstChild.nextSibling, h = c.nextSibling, _ = h.firstChild.nextSibling, y = h.nextSibling;
+		return t(o, "submit", v), a(o, n(e, {
+			get when() {
+				return m();
+			},
+			get children() {
+				var e = I();
+				return a(e, m), e;
+			}
+		}), c), t(p, "input", (e) => u(e.currentTarget.value)), t(_, "input", (e) => f(e.currentTarget.value)), a(y, () => g() ? "Signing in..." : "Sign in"), a(o, n(e, {
+			get when() {
+				return r.showPasskey;
+			},
+			get children() {
+				return [L(), n(F, {
+					mode: "login",
+					get email() {
+						return l();
+					},
+					onSuccess: (e) => {
+						s(), r.onSuccess?.(e);
+					},
+					get onError() {
+						return r.onError;
+					}
+				})];
+			}
+		}), null), i((e) => {
+			var t = g(), n = g(), r = g();
+			return t !== e.e && (p.disabled = e.e = t), n !== e.t && (_.disabled = e.t = n), r !== e.a && (y.disabled = e.a = r), e;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), i(() => p.value = l()), i(() => _.value = d()), o;
+	})();
+}, B = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), V = /* @__PURE__ */ s("<div class=\"rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400\">"), H = /* @__PURE__ */ s("<div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-magic-link-email>Email</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-magic-link-email name=email type=email required autocomplete=email placeholder=you@example.com>"), U = /* @__PURE__ */ s("<button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), W = /* @__PURE__ */ s("<form class=space-y-4>"), G = (t) => {
+	let { client: r } = y(), o = r?.magicLink;
+	if (!o) return null;
+	let [s, c] = p(""), [l, u] = p(null), [d, f] = p(null), [m, h] = p(!1), g = async (e) => {
+		e.preventDefault(), u(null), f(null), h(!0);
+		try {
+			let n = e.currentTarget, r = new FormData(n), i = await o.send({ email: r.get("email") || s() });
+			f(i.message), t.onSuccess?.(i.message);
+		} catch (e) {
+			u((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			h(!1);
+		}
+	};
+	return (() => {
+		var t = W();
+		return t.addEventListener("submit", g), a(t, n(e, {
+			get when() {
+				return l();
+			},
+			get children() {
+				var e = B();
+				return a(e, l), e;
+			}
+		}), null), a(t, n(e, {
+			get when() {
+				return d();
+			},
+			get children() {
+				var e = V();
+				return a(e, d), e;
+			}
+		}), null), a(t, n(e, {
+			get when() {
+				return !d();
+			},
+			get children() {
+				return [(() => {
+					var e = H(), t = e.firstChild.nextSibling;
+					return t.$$input = (e) => c(e.currentTarget.value), i(() => t.disabled = m()), i(() => t.value = s()), e;
+				})(), (() => {
+					var e = U();
+					return a(e, () => m() ? "Sending..." : "Send magic link"), i(() => e.disabled = m()), e;
+				})()];
+			}
+		}), null), t;
+	})();
 };
-var Ve = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), ze = /* @__PURE__ */ i('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">'), Ye = /* @__PURE__ */ i('<div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-magic-link-email>Email</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-magic-link-email name=email type=email required autocomplete=email placeholder=you@example.com>'), Ie = /* @__PURE__ */ i('<button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>'), Je = /* @__PURE__ */ i("<form class=space-y-4>");
-const qt = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.magicLink;
-  if (!b) return null;
-  const [p, v] = a(""), [h, $] = a(null), [f, x] = a(null), [d, l] = a(!1), m = async (s) => {
-    s.preventDefault(), $(null), x(null), l(!0);
-    try {
-      const t = s.currentTarget, c = new FormData(t), n = await b.send({
-        email: c.get("email") || p()
-      });
-      x(n.message), r.onSuccess?.(n.message);
-    } catch (t) {
-      const c = t instanceof Error ? t : new Error(String(t));
-      $(c.message);
-    } finally {
-      l(!1);
-    }
-  };
-  return (() => {
-    var s = Je();
-    return s.addEventListener("submit", m), e(s, g(y, {
-      get when() {
-        return h();
-      },
-      get children() {
-        var t = Ve();
-        return e(t, h), t;
-      }
-    }), null), e(s, g(y, {
-      get when() {
-        return f();
-      },
-      get children() {
-        var t = ze();
-        return e(t, f), t;
-      }
-    }), null), e(s, g(y, {
-      get when() {
-        return !f();
-      },
-      get children() {
-        return [(() => {
-          var t = Ye(), c = t.firstChild, n = c.nextSibling;
-          return n.$$input = (u) => v(u.currentTarget.value), C(() => n.disabled = d()), C(() => n.value = p()), t;
-        })(), (() => {
-          var t = Ie();
-          return e(t, () => d() ? "Sending..." : "Send magic link"), C(() => t.disabled = d()), t;
-        })()];
-      }
-    }), null), s;
-  })();
+r(["input"]);
+//#endregion
+//#region src/components/mfa-challenge.tsx
+var K = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), q = /* @__PURE__ */ s("<form class=space-y-4><p class=\"text-sm text-muted-foreground\">Enter the code from your authenticator app, or use a backup code.</p><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-mfa-challenge-code>Verification code</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-mfa-challenge-code name=code type=text inputmode=numeric autocomplete=one-time-code required></div><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), ee = (t) => {
+	let { client: r } = y(), o = r?.mfa;
+	if (!o) return null;
+	let [s, c] = p(""), [l, u] = p(null), [d, f] = p(!1), m = async (e) => {
+		e.preventDefault(), u(null), f(!0);
+		try {
+			let n = e.currentTarget, i = new FormData(n);
+			await o.verify({
+				pending_session_id: t.pendingSessionId,
+				code: i.get("code") || s()
+			});
+			let a = await r.getSession();
+			t.onSuccess?.(a.user);
+		} catch (e) {
+			let n = e instanceof Error ? e : Error(String(e));
+			u(n.message), t.onError?.(n);
+		} finally {
+			f(!1);
+		}
+	};
+	return (() => {
+		var t = q(), r = t.firstChild, o = r.nextSibling, u = o.firstChild.nextSibling, f = o.nextSibling;
+		return t.addEventListener("submit", m), a(t, n(e, {
+			get when() {
+				return l();
+			},
+			get children() {
+				var e = K();
+				return a(e, l), e;
+			}
+		}), r), u.$$input = (e) => c(e.currentTarget.value), a(f, () => d() ? "Verifying..." : "Verify"), i((e) => {
+			var t = d(), n = d();
+			return t !== e.e && (u.disabled = e.e = t), n !== e.t && (f.disabled = e.t = n), e;
+		}, {
+			e: void 0,
+			t: void 0
+		}), i(() => u.value = s()), t;
+	})();
 };
-K(["input"]);
-var Ke = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Ge = /* @__PURE__ */ i('<form class=space-y-4><p class="text-sm text-muted-foreground">Enter the code from your authenticator app, or use a backup code.</p><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-mfa-challenge-code>Verification code</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-mfa-challenge-code name=code type=text inputmode=numeric autocomplete=one-time-code required></div><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>');
-const Nt = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.mfa;
-  if (!b) return null;
-  const [p, v] = a(""), [h, $] = a(null), [f, x] = a(!1), d = async (l) => {
-    l.preventDefault(), $(null), x(!0);
-    try {
-      const m = l.currentTarget, s = new FormData(m);
-      await b.verify({
-        pending_session_id: r.pendingSessionId,
-        code: s.get("code") || p()
-      });
-      const t = await k.getSession();
-      r.onSuccess?.(t);
-    } catch (m) {
-      const s = m instanceof Error ? m : new Error(String(m));
-      $(s.message), r.onError?.(s);
-    } finally {
-      x(!1);
-    }
-  };
-  return (() => {
-    var l = Ge(), m = l.firstChild, s = m.nextSibling, t = s.firstChild, c = t.nextSibling, n = s.nextSibling;
-    return l.addEventListener("submit", d), e(l, g(y, {
-      get when() {
-        return h();
-      },
-      get children() {
-        var u = Ke();
-        return e(u, h), u;
-      }
-    }), m), c.$$input = (u) => v(u.currentTarget.value), e(n, () => f() ? "Verifying..." : "Verify"), C((u) => {
-      var o = f(), P = f();
-      return o !== u.e && (c.disabled = u.e = o), P !== u.t && (n.disabled = u.t = P), u;
-    }, {
-      e: void 0,
-      t: void 0
-    }), C(() => c.value = p()), l;
-  })();
+r(["input"]);
+//#endregion
+//#region src/components/mfa-setup.tsx
+var te = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), ne = /* @__PURE__ */ s("<div class=space-y-4><p class=\"text-sm text-muted-foreground\">Set up two-factor authentication to secure your account.</p><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button>"), re = /* @__PURE__ */ s("<div class=space-y-4><p class=\"text-sm text-muted-foreground\">Add this account to your authenticator app using the URI below, then enter the verification code.</p><div class=space-y-1><span class=\"text-sm font-medium leading-none\">OTP Auth URI</span><code class=\"block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs\"></code></div><div class=space-y-1><span class=\"text-sm font-medium leading-none\">Manual entry key</span><code class=\"block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs font-mono tracking-wider\"></code></div><form class=space-y-4><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-mfa-setup-code>Verification code</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-mfa-setup-code name=code type=text inputmode=numeric autocomplete=one-time-code required></div><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), J = /* @__PURE__ */ s("<div class=space-y-4><div class=\"rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400\">Two-factor authentication has been enabled. Save these backup codes in a safe place. Each code can only be used once.</div><ul class=space-y-1>"), Y = /* @__PURE__ */ s("<div class=space-y-4>"), X = /* @__PURE__ */ s("<li class=\"rounded-md border border-input bg-muted px-3 py-1.5 text-center font-mono text-sm tracking-wider\">"), ie = (t) => {
+	let { client: r } = y(), o = r?.mfa;
+	if (!o) return null;
+	let [s, l] = p("begin"), [u, d] = p(""), [f, m] = p(""), [h, g] = p(""), [_, v] = p([]), [b, x] = p(null), [S, C] = p(!1), w = async () => {
+		x(null), C(!0);
+		try {
+			let e = await o.setup();
+			d(e.otpauth_url), m(e.secret), v(e.backup_codes), l("confirm");
+		} catch (e) {
+			x((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			C(!1);
+		}
+	}, T = async (e) => {
+		e.preventDefault(), x(null), C(!0);
+		try {
+			let n = e.currentTarget, r = new FormData(n);
+			await o.confirm({ code: r.get("code") || h() }), l("done"), t.onComplete?.(_());
+		} catch (e) {
+			x((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			C(!1);
+		}
+	};
+	return (() => {
+		var t = Y();
+		return a(t, n(e, {
+			get when() {
+				return b();
+			},
+			get children() {
+				var e = te();
+				return a(e, b), e;
+			}
+		}), null), a(t, n(e, {
+			get when() {
+				return s() === "begin";
+			},
+			get children() {
+				var e = ne(), t = e.firstChild.nextSibling;
+				return t.$$click = w, a(t, () => S() ? "Setting up..." : "Set up 2FA"), i(() => t.disabled = S()), e;
+			}
+		}), null), a(t, n(e, {
+			get when() {
+				return s() === "confirm";
+			},
+			get children() {
+				var e = re(), t = e.firstChild.nextSibling, n = t.firstChild.nextSibling, r = t.nextSibling, o = r.firstChild.nextSibling, s = r.nextSibling, c = s.firstChild, l = c.firstChild.nextSibling, d = c.nextSibling;
+				return a(n, u), a(o, f), s.addEventListener("submit", T), l.$$input = (e) => g(e.currentTarget.value), a(d, () => S() ? "Verifying..." : "Verify and enable"), i((e) => {
+					var t = S(), n = S();
+					return t !== e.e && (l.disabled = e.e = t), n !== e.t && (d.disabled = e.t = n), e;
+				}, {
+					e: void 0,
+					t: void 0
+				}), i(() => l.value = h()), e;
+			}
+		}), null), a(t, n(e, {
+			get when() {
+				return s() === "done";
+			},
+			get children() {
+				var e = J(), t = e.firstChild.nextSibling;
+				return a(t, n(c, {
+					get each() {
+						return _();
+					},
+					children: (e) => (() => {
+						var t = X();
+						return a(t, e), t;
+					})()
+				})), e;
+			}
+		}), null), t;
+	})();
 };
-K(["input"]);
-var He = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Qe = /* @__PURE__ */ i('<div class=space-y-4><p class="text-sm text-muted-foreground">Set up two-factor authentication to secure your account.</p><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button>'), We = /* @__PURE__ */ i('<div class=space-y-4><p class="text-sm text-muted-foreground">Add this account to your authenticator app using the URI below, then enter the verification code.</p><div class=space-y-1><span class="text-sm font-medium leading-none">OTP Auth URI</span><code class="block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs"></code></div><div class=space-y-1><span class="text-sm font-medium leading-none">Manual entry key</span><code class="block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs font-mono tracking-wider"></code></div><form class=space-y-4><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-mfa-setup-code>Verification code</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-mfa-setup-code name=code type=text inputmode=numeric autocomplete=one-time-code required></div><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>'), Xe = /* @__PURE__ */ i('<div class=space-y-4><div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">Two-factor authentication has been enabled. Save these backup codes in a safe place. Each code can only be used once.</div><ul class=space-y-1>'), Ze = /* @__PURE__ */ i("<div class=space-y-4>"), et = /* @__PURE__ */ i('<li class="rounded-md border border-input bg-muted px-3 py-1.5 text-center font-mono text-sm tracking-wider">');
-const Ot = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.mfa;
-  if (!b) return null;
-  const [p, v] = a("begin"), [h, $] = a(""), [f, x] = a(""), [d, l] = a(""), [m, s] = a([]), [t, c] = a(null), [n, u] = a(!1), o = async () => {
-    c(null), u(!0);
-    try {
-      const w = await b.setup();
-      $(w.otpauth_url), x(w.secret), s(w.backup_codes), v("confirm");
-    } catch (w) {
-      const _ = w instanceof Error ? w : new Error(String(w));
-      c(_.message);
-    } finally {
-      u(!1);
-    }
-  }, P = async (w) => {
-    w.preventDefault(), c(null), u(!0);
-    try {
-      const _ = w.currentTarget, S = new FormData(_);
-      await b.confirm({
-        code: S.get("code") || d()
-      }), v("done"), r.onComplete?.(m());
-    } catch (_) {
-      const S = _ instanceof Error ? _ : new Error(String(_));
-      c(S.message);
-    } finally {
-      u(!1);
-    }
-  };
-  return (() => {
-    var w = Ze();
-    return e(w, g(y, {
-      get when() {
-        return t();
-      },
-      get children() {
-        var _ = He();
-        return e(_, t), _;
-      }
-    }), null), e(w, g(y, {
-      get when() {
-        return p() === "begin";
-      },
-      get children() {
-        var _ = Qe(), S = _.firstChild, L = S.nextSibling;
-        return L.$$click = o, e(L, () => n() ? "Setting up..." : "Set up 2FA"), C(() => L.disabled = n()), _;
-      }
-    }), null), e(w, g(y, {
-      get when() {
-        return p() === "confirm";
-      },
-      get children() {
-        var _ = We(), S = _.firstChild, L = S.nextSibling, R = L.firstChild, O = R.nextSibling, D = L.nextSibling, G = D.firstChild, A = G.nextSibling, I = D.nextSibling, z = I.firstChild, Z = z.firstChild, H = Z.nextSibling, Q = z.nextSibling;
-        return e(O, h), e(A, f), I.addEventListener("submit", P), H.$$input = (B) => l(B.currentTarget.value), e(Q, () => n() ? "Verifying..." : "Verify and enable"), C((B) => {
-          var W = n(), ne = n();
-          return W !== B.e && (H.disabled = B.e = W), ne !== B.t && (Q.disabled = B.t = ne), B;
-        }, {
-          e: void 0,
-          t: void 0
-        }), C(() => H.value = d()), _;
-      }
-    }), null), e(w, g(y, {
-      get when() {
-        return p() === "done";
-      },
-      get children() {
-        var _ = Xe(), S = _.firstChild, L = S.nextSibling;
-        return e(L, g(te, {
-          get each() {
-            return m();
-          },
-          children: (R) => (() => {
-            var O = et();
-            return e(O, R), O;
-          })()
-        })), _;
-      }
-    }), null), w;
-  })();
+r(["click", "input"]);
+//#endregion
+//#region src/components/oauth-buttons.tsx
+var ae = /* @__PURE__ */ s("<div class=space-y-2>"), oe = /* @__PURE__ */ s("<button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button>Sign in with "), se = (e) => {
+	let { client: t } = y(), r = t?.oauth;
+	if (!r) return null;
+	let i = (e) => {
+		window.location.href = r.authorize(e);
+	};
+	return (() => {
+		var t = ae();
+		return a(t, n(c, {
+			get each() {
+				return e.providers;
+			},
+			children: (e) => (() => {
+				var t = oe();
+				return t.firstChild, t.$$click = () => i(e), a(t, () => e.charAt(0).toUpperCase() + e.slice(1), null), t;
+			})()
+		})), t;
+	})();
 };
-K(["click", "input"]);
-var tt = /* @__PURE__ */ i("<div class=space-y-2>"), rt = /* @__PURE__ */ i('<button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button>Sign in with ');
-const Bt = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.oauth;
-  if (!b) return null;
-  const p = (v) => {
-    window.location.href = b.authorize(v);
-  };
-  return (() => {
-    var v = tt();
-    return e(v, g(te, {
-      get each() {
-        return r.providers;
-      },
-      children: (h) => (() => {
-        var $ = rt();
-        return $.firstChild, $.$$click = () => p(h), e($, () => h.charAt(0).toUpperCase() + h.slice(1), null), $;
-      })()
-    })), v;
-  })();
+r(["click"]);
+//#endregion
+//#region src/components/profile-settings.tsx
+var ce = /* @__PURE__ */ s("<div class=\"text-sm text-muted-foreground\">Loading profile..."), le = /* @__PURE__ */ s("<div class=space-y-8>"), ue = /* @__PURE__ */ s("<dt class=\"font-medium text-muted-foreground\">Display name"), de = /* @__PURE__ */ s("<dd>"), fe = /* @__PURE__ */ s("<section class=space-y-4><h2 class=\"text-lg font-semibold tracking-tight\">Profile</h2><dl class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm\"><dt class=\"font-medium text-muted-foreground\">Email</dt><dd></dd><dt class=\"font-medium text-muted-foreground\">Email verified</dt><dd></dd><dt class=\"font-medium text-muted-foreground\">Role</dt><dd>"), Z = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), pe = /* @__PURE__ */ s("<div class=\"text-sm text-muted-foreground\">Loading passkeys..."), me = /* @__PURE__ */ s("<section class=space-y-4><h2 class=\"text-lg font-semibold tracking-tight\">Passkeys"), he = /* @__PURE__ */ s("<div class=\"text-sm text-muted-foreground\">Loading accounts..."), ge = /* @__PURE__ */ s("<section class=space-y-4><h2 class=\"text-lg font-semibold tracking-tight\">Connected accounts"), _e = /* @__PURE__ */ s("<div class=\"flex gap-2\"><button class=\"inline-flex h-9 cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button></button><button class=\"inline-flex h-9 cursor-pointer items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-destructive hover:text-destructive-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button>"), ve = /* @__PURE__ */ s("<div class=space-y-4><p class=\"text-sm text-muted-foreground\">Add this account to your authenticator app, then enter the verification code.</p><div class=space-y-1><span class=\"text-sm font-medium leading-none\">OTP Auth URI</span><code class=\"block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs\"></code></div><div class=space-y-1><span class=\"text-sm font-medium leading-none\">Manual entry key</span><code class=\"block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs font-mono tracking-wider\"></code></div><form class=space-y-4><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-profile-mfa-code>Verification code</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-profile-mfa-code name=mfa_code type=text inputmode=numeric autocomplete=one-time-code required></div><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), ye = /* @__PURE__ */ s("<div class=space-y-4><div class=\"rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400\">Two-factor authentication is enabled. Save these backup codes in a safe place.</div><ul class=space-y-1>"), be = /* @__PURE__ */ s("<section class=space-y-4><h2 class=\"text-lg font-semibold tracking-tight\">Two-factor authentication"), Q = /* @__PURE__ */ s("<ul class=space-y-2>"), xe = /* @__PURE__ */ s("<p class=\"text-sm text-muted-foreground\">No passkeys registered."), Se = /* @__PURE__ */ s("<li class=\"flex items-center justify-between rounded-md border border-input px-3 py-2\"><div class=space-y-0.5><span class=\"text-sm font-medium\"></span><span class=\"block text-xs text-muted-foreground\">Added </span></div><button class=\"inline-flex h-8 cursor-pointer items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-destructive hover:text-destructive-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button>"), Ce = /* @__PURE__ */ s("<p class=\"text-sm text-muted-foreground\">No connected accounts."), we = /* @__PURE__ */ s("<li class=\"flex items-center justify-between rounded-md border border-input px-3 py-2\"><div class=space-y-0.5><span class=\"text-sm font-medium\"></span><span class=\"block text-xs text-muted-foreground\">Connected </span></div><button class=\"inline-flex h-8 cursor-pointer items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-destructive hover:text-destructive-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=button>"), Te = /* @__PURE__ */ s("<li class=\"rounded-md border border-input bg-muted px-3 py-1.5 text-center font-mono text-sm tracking-wider\">"), Ee = () => {
+	let { client: t, user: r, loading: o } = y(), s = t?.passkey, l = t?.oauth, u = t?.mfa, d = !!s, m = !!l, h = !!u, [g, { refetch: _ }] = f(async () => {
+		if (!s) return [];
+		try {
+			return (await s.list()).items;
+		} catch {
+			return [];
+		}
+	}), [v, b] = p(null), [x, S] = p(null), [C, { refetch: w }] = f(async () => {
+		if (!l) return [];
+		try {
+			return (await l.accounts()).items;
+		} catch {
+			return [];
+		}
+	}), [T, E] = p(null), [D, O] = p(null), [k, A] = p(""), [j, M] = p(""), [N, P] = p(""), [F, I] = p([]), [L, R] = p("idle"), [z, B] = p(null), [V, H] = p(!1), U = async (e) => {
+		b(null), S(e);
+		try {
+			await s.delete(e), _();
+		} catch (e) {
+			b((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			S(null);
+		}
+	}, W = async (e) => {
+		E(null), O(e);
+		try {
+			await l.unlink(e), w();
+		} catch (e) {
+			E((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			O(null);
+		}
+	}, G = async () => {
+		B(null), H(!0);
+		try {
+			let e = await u.setup();
+			A(e.otpauth_url), M(e.secret), I(e.backup_codes), R("confirm");
+		} catch (e) {
+			B((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			H(!1);
+		}
+	}, K = async (e) => {
+		e.preventDefault(), B(null), H(!0);
+		try {
+			let t = e.currentTarget, n = new FormData(t);
+			await u.confirm({ code: n.get("mfa_code") || N() }), R("done");
+		} catch (e) {
+			B((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			H(!1);
+		}
+	}, q = async () => {
+		B(null), H(!0);
+		try {
+			await u.disable(), R("idle"), A(""), M(""), P(""), I([]);
+		} catch (e) {
+			B((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			H(!1);
+		}
+	};
+	return (() => {
+		var t = le();
+		return a(t, n(e, {
+			get when() {
+				return o();
+			},
+			get children() {
+				return ce();
+			}
+		}), null), a(t, n(e, {
+			get when() {
+				return r();
+			},
+			children: (t) => [
+				(() => {
+					var r = fe(), i = r.firstChild.nextSibling, o = i.firstChild.nextSibling, s = o.nextSibling, c = s.nextSibling, l = c.nextSibling.nextSibling;
+					return a(o, () => t().email), a(i, n(e, {
+						get when() {
+							return t().display_name;
+						},
+						get children() {
+							return [ue(), (() => {
+								var e = de();
+								return a(e, () => t().display_name), e;
+							})()];
+						}
+					}), s), a(c, () => t().email_verified ? "Yes" : "No"), a(l, () => t().role), r;
+				})(),
+				n(e, {
+					when: d,
+					get children() {
+						var t = me();
+						return t.firstChild, a(t, n(e, {
+							get when() {
+								return v();
+							},
+							get children() {
+								var e = Z();
+								return a(e, v), e;
+							}
+						}), null), a(t, n(e, {
+							get when() {
+								return g.loading;
+							},
+							get children() {
+								return pe();
+							}
+						}), null), a(t, n(e, {
+							get when() {
+								return g();
+							},
+							children: (t) => n(e, {
+								get when() {
+									return t().length > 0;
+								},
+								get fallback() {
+									return xe();
+								},
+								get children() {
+									var e = Q();
+									return a(e, n(c, {
+										get each() {
+											return t();
+										},
+										children: (e) => (() => {
+											var t = Se(), n = t.firstChild, r = n.firstChild, o = r.nextSibling;
+											o.firstChild;
+											var s = n.nextSibling;
+											return a(r, () => e.name ?? "Unnamed passkey"), a(o, () => new Date(e.created_at).toLocaleDateString(), null), s.$$click = () => U(e.id), a(s, () => x() === e.id ? "Deleting..." : "Delete"), i(() => s.disabled = x() === e.id), t;
+										})()
+									})), e;
+								}
+							})
+						}), null), t;
+					}
+				}),
+				n(e, {
+					when: m,
+					get children() {
+						var t = ge();
+						return t.firstChild, a(t, n(e, {
+							get when() {
+								return T();
+							},
+							get children() {
+								var e = Z();
+								return a(e, T), e;
+							}
+						}), null), a(t, n(e, {
+							get when() {
+								return C.loading;
+							},
+							get children() {
+								return he();
+							}
+						}), null), a(t, n(e, {
+							get when() {
+								return C();
+							},
+							children: (t) => n(e, {
+								get when() {
+									return t().length > 0;
+								},
+								get fallback() {
+									return Ce();
+								},
+								get children() {
+									var e = Q();
+									return a(e, n(c, {
+										get each() {
+											return t();
+										},
+										children: (e) => (() => {
+											var t = we(), n = t.firstChild, r = n.firstChild, o = r.nextSibling;
+											o.firstChild;
+											var s = n.nextSibling;
+											return a(r, () => e.provider.charAt(0).toUpperCase() + e.provider.slice(1)), a(o, () => new Date(e.created_at).toLocaleDateString(), null), s.$$click = () => W(e.provider), a(s, () => D() === e.provider ? "Unlinking..." : "Unlink"), i(() => s.disabled = D() === e.provider), t;
+										})()
+									})), e;
+								}
+							})
+						}), null), t;
+					}
+				}),
+				n(e, {
+					when: h,
+					get children() {
+						var t = be();
+						return t.firstChild, a(t, n(e, {
+							get when() {
+								return z();
+							},
+							get children() {
+								var e = Z();
+								return a(e, z), e;
+							}
+						}), null), a(t, n(e, {
+							get when() {
+								return L() === "idle";
+							},
+							get children() {
+								var e = _e(), t = e.firstChild, n = t.nextSibling;
+								return t.$$click = G, a(t, () => V() ? "Setting up..." : "Set up 2FA"), n.$$click = q, a(n, () => V() ? "Disabling..." : "Disable 2FA"), i((e) => {
+									var r = V(), i = V();
+									return r !== e.e && (t.disabled = e.e = r), i !== e.t && (n.disabled = e.t = i), e;
+								}, {
+									e: void 0,
+									t: void 0
+								}), e;
+							}
+						}), null), a(t, n(e, {
+							get when() {
+								return L() === "confirm";
+							},
+							get children() {
+								var e = ve(), t = e.firstChild.nextSibling, n = t.firstChild.nextSibling, r = t.nextSibling, o = r.firstChild.nextSibling, s = r.nextSibling, c = s.firstChild, l = c.firstChild.nextSibling, u = c.nextSibling;
+								return a(n, k), a(o, j), s.addEventListener("submit", K), l.$$input = (e) => P(e.currentTarget.value), a(u, () => V() ? "Verifying..." : "Verify and enable"), i((e) => {
+									var t = V(), n = V();
+									return t !== e.e && (l.disabled = e.e = t), n !== e.t && (u.disabled = e.t = n), e;
+								}, {
+									e: void 0,
+									t: void 0
+								}), i(() => l.value = N()), e;
+							}
+						}), null), a(t, n(e, {
+							get when() {
+								return L() === "done";
+							},
+							get children() {
+								var e = ye(), t = e.firstChild.nextSibling;
+								return a(t, n(c, {
+									get each() {
+										return F();
+									},
+									children: (e) => (() => {
+										var t = Te();
+										return a(t, e), t;
+									})()
+								})), e;
+							}
+						}), null), t;
+					}
+				})
+			]
+		}), null), t;
+	})();
 };
-K(["click"]);
-var nt = /* @__PURE__ */ i('<div class="text-sm text-muted-foreground">Loading profile...'), st = /* @__PURE__ */ i("<div class=space-y-8>"), it = /* @__PURE__ */ i('<dt class="font-medium text-muted-foreground">Display name'), lt = /* @__PURE__ */ i("<dd>"), ot = /* @__PURE__ */ i('<section class=space-y-4><h2 class="text-lg font-semibold tracking-tight">Profile</h2><dl class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm"><dt class="font-medium text-muted-foreground">Email</dt><dd></dd><dt class="font-medium text-muted-foreground">Email verified</dt><dd></dd><dt class="font-medium text-muted-foreground">Role</dt><dd>'), le = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), at = /* @__PURE__ */ i('<div class="text-sm text-muted-foreground">Loading passkeys...'), dt = /* @__PURE__ */ i('<section class=space-y-4><h2 class="text-lg font-semibold tracking-tight">Passkeys'), ct = /* @__PURE__ */ i('<div class="text-sm text-muted-foreground">Loading accounts...'), ut = /* @__PURE__ */ i('<section class=space-y-4><h2 class="text-lg font-semibold tracking-tight">Connected accounts'), mt = /* @__PURE__ */ i('<div class="flex gap-2"><button class="inline-flex h-9 cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button></button><button class="inline-flex h-9 cursor-pointer items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-destructive hover:text-destructive-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button>'), gt = /* @__PURE__ */ i('<div class=space-y-4><p class="text-sm text-muted-foreground">Add this account to your authenticator app, then enter the verification code.</p><div class=space-y-1><span class="text-sm font-medium leading-none">OTP Auth URI</span><code class="block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs"></code></div><div class=space-y-1><span class="text-sm font-medium leading-none">Manual entry key</span><code class="block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs font-mono tracking-wider"></code></div><form class=space-y-4><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-profile-mfa-code>Verification code</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-profile-mfa-code name=mfa_code type=text inputmode=numeric autocomplete=one-time-code required></div><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>'), ft = /* @__PURE__ */ i('<div class=space-y-4><div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">Two-factor authentication is enabled. Save these backup codes in a safe place.</div><ul class=space-y-1>'), pt = /* @__PURE__ */ i('<section class=space-y-4><h2 class="text-lg font-semibold tracking-tight">Two-factor authentication'), ge = /* @__PURE__ */ i("<ul class=space-y-2>"), bt = /* @__PURE__ */ i('<p class="text-sm text-muted-foreground">No passkeys registered.'), vt = /* @__PURE__ */ i('<li class="flex items-center justify-between rounded-md border border-input px-3 py-2"><div class=space-y-0.5><span class="text-sm font-medium"></span><span class="block text-xs text-muted-foreground">Added </span></div><button class="inline-flex h-8 cursor-pointer items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-destructive hover:text-destructive-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button>'), ht = /* @__PURE__ */ i('<p class="text-sm text-muted-foreground">No connected accounts.'), yt = /* @__PURE__ */ i('<li class="flex items-center justify-between rounded-md border border-input px-3 py-2"><div class=space-y-0.5><span class="text-sm font-medium"></span><span class="block text-xs text-muted-foreground">Connected </span></div><button class="inline-flex h-8 cursor-pointer items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-destructive hover:text-destructive-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=button>'), xt = /* @__PURE__ */ i('<li class="rounded-md border border-input bg-muted px-3 py-1.5 text-center font-mono text-sm tracking-wider">');
-const Vt = () => {
-  const {
-    client: r,
-    user: k,
-    loading: b
-  } = Y(), p = r?.passkey, v = r?.oauth, h = r?.mfa, $ = !!p, f = !!v, x = !!h, [d, {
-    refetch: l
-  }] = oe(async () => {
-    if (!p) return [];
-    try {
-      return await p.list();
-    } catch {
-      return [];
-    }
-  }), [m, s] = a(null), [t, c] = a(null), [n, {
-    refetch: u
-  }] = oe(async () => {
-    if (!v) return [];
-    try {
-      return await v.accounts();
-    } catch {
-      return [];
-    }
-  }), [o, P] = a(null), [w, _] = a(null), [S, L] = a(""), [R, O] = a(""), [D, G] = a(""), [A, I] = a([]), [z, Z] = a("idle"), [H, Q] = a(null), [B, W] = a(!1), ne = async (j) => {
-    s(null), c(j);
-    try {
-      await p.delete(j), l();
-    } catch (F) {
-      const E = F instanceof Error ? F : new Error(String(F));
-      s(E.message);
-    } finally {
-      c(null);
-    }
-  }, be = async (j) => {
-    P(null), _(j);
-    try {
-      await v.unlink(j), u();
-    } catch (F) {
-      const E = F instanceof Error ? F : new Error(String(F));
-      P(E.message);
-    } finally {
-      _(null);
-    }
-  }, ve = async () => {
-    Q(null), W(!0);
-    try {
-      const j = await h.setup();
-      L(j.otpauth_url), O(j.secret), I(j.backup_codes), Z("confirm");
-    } catch (j) {
-      const F = j instanceof Error ? j : new Error(String(j));
-      Q(F.message);
-    } finally {
-      W(!1);
-    }
-  }, he = async (j) => {
-    j.preventDefault(), Q(null), W(!0);
-    try {
-      const F = j.currentTarget, E = new FormData(F);
-      await h.confirm({
-        code: E.get("mfa_code") || D()
-      }), Z("done");
-    } catch (F) {
-      const E = F instanceof Error ? F : new Error(String(F));
-      Q(E.message);
-    } finally {
-      W(!1);
-    }
-  }, ye = async () => {
-    Q(null), W(!0);
-    try {
-      await h.disable(), Z("idle"), L(""), O(""), G(""), I([]);
-    } catch (j) {
-      const F = j instanceof Error ? j : new Error(String(j));
-      Q(F.message);
-    } finally {
-      W(!1);
-    }
-  };
-  return (() => {
-    var j = st();
-    return e(j, g(y, {
-      get when() {
-        return b();
-      },
-      get children() {
-        return nt();
-      }
-    }), null), e(j, g(y, {
-      get when() {
-        return k();
-      },
-      children: (F) => [(() => {
-        var E = ot(), T = E.firstChild, q = T.nextSibling, M = q.firstChild, U = M.nextSibling, N = U.nextSibling, V = N.nextSibling, X = V.nextSibling, J = X.nextSibling;
-        return e(U, () => F().email), e(q, g(y, {
-          get when() {
-            return F().display_name;
-          },
-          get children() {
-            return [it(), (() => {
-              var re = lt();
-              return e(re, () => F().display_name), re;
-            })()];
-          }
-        }), N), e(V, () => F().email_verified ? "Yes" : "No"), e(J, () => F().role), E;
-      })(), g(y, {
-        when: $,
-        get children() {
-          var E = dt();
-          return E.firstChild, e(E, g(y, {
-            get when() {
-              return m();
-            },
-            get children() {
-              var T = le();
-              return e(T, m), T;
-            }
-          }), null), e(E, g(y, {
-            get when() {
-              return d.loading;
-            },
-            get children() {
-              return at();
-            }
-          }), null), e(E, g(y, {
-            get when() {
-              return d();
-            },
-            children: (T) => g(y, {
-              get when() {
-                return T().length > 0;
-              },
-              get fallback() {
-                return bt();
-              },
-              get children() {
-                var q = ge();
-                return e(q, g(te, {
-                  get each() {
-                    return T();
-                  },
-                  children: (M) => (() => {
-                    var U = vt(), N = U.firstChild, V = N.firstChild, X = V.nextSibling;
-                    X.firstChild;
-                    var J = N.nextSibling;
-                    return e(V, () => M.name ?? "Unnamed passkey"), e(X, () => new Date(M.created_at).toLocaleDateString(), null), J.$$click = () => ne(M.id), e(J, () => t() === M.id ? "Deleting..." : "Delete"), C(() => J.disabled = t() === M.id), U;
-                  })()
-                })), q;
-              }
-            })
-          }), null), E;
-        }
-      }), g(y, {
-        when: f,
-        get children() {
-          var E = ut();
-          return E.firstChild, e(E, g(y, {
-            get when() {
-              return o();
-            },
-            get children() {
-              var T = le();
-              return e(T, o), T;
-            }
-          }), null), e(E, g(y, {
-            get when() {
-              return n.loading;
-            },
-            get children() {
-              return ct();
-            }
-          }), null), e(E, g(y, {
-            get when() {
-              return n();
-            },
-            children: (T) => g(y, {
-              get when() {
-                return T().length > 0;
-              },
-              get fallback() {
-                return ht();
-              },
-              get children() {
-                var q = ge();
-                return e(q, g(te, {
-                  get each() {
-                    return T();
-                  },
-                  children: (M) => (() => {
-                    var U = yt(), N = U.firstChild, V = N.firstChild, X = V.nextSibling;
-                    X.firstChild;
-                    var J = N.nextSibling;
-                    return e(V, () => M.provider.charAt(0).toUpperCase() + M.provider.slice(1)), e(X, () => new Date(M.created_at).toLocaleDateString(), null), J.$$click = () => be(M.provider), e(J, () => w() === M.provider ? "Unlinking..." : "Unlink"), C(() => J.disabled = w() === M.provider), U;
-                  })()
-                })), q;
-              }
-            })
-          }), null), E;
-        }
-      }), g(y, {
-        when: x,
-        get children() {
-          var E = pt();
-          return E.firstChild, e(E, g(y, {
-            get when() {
-              return H();
-            },
-            get children() {
-              var T = le();
-              return e(T, H), T;
-            }
-          }), null), e(E, g(y, {
-            get when() {
-              return z() === "idle";
-            },
-            get children() {
-              var T = mt(), q = T.firstChild, M = q.nextSibling;
-              return q.$$click = ve, e(q, () => B() ? "Setting up..." : "Set up 2FA"), M.$$click = ye, e(M, () => B() ? "Disabling..." : "Disable 2FA"), C((U) => {
-                var N = B(), V = B();
-                return N !== U.e && (q.disabled = U.e = N), V !== U.t && (M.disabled = U.t = V), U;
-              }, {
-                e: void 0,
-                t: void 0
-              }), T;
-            }
-          }), null), e(E, g(y, {
-            get when() {
-              return z() === "confirm";
-            },
-            get children() {
-              var T = gt(), q = T.firstChild, M = q.nextSibling, U = M.firstChild, N = U.nextSibling, V = M.nextSibling, X = V.firstChild, J = X.nextSibling, re = V.nextSibling, de = re.firstChild, xe = de.firstChild, se = xe.nextSibling, ce = de.nextSibling;
-              return e(N, S), e(J, R), re.addEventListener("submit", he), se.$$input = (ee) => G(ee.currentTarget.value), e(ce, () => B() ? "Verifying..." : "Verify and enable"), C((ee) => {
-                var ue = B(), me = B();
-                return ue !== ee.e && (se.disabled = ee.e = ue), me !== ee.t && (ce.disabled = ee.t = me), ee;
-              }, {
-                e: void 0,
-                t: void 0
-              }), C(() => se.value = D()), T;
-            }
-          }), null), e(E, g(y, {
-            get when() {
-              return z() === "done";
-            },
-            get children() {
-              var T = ft(), q = T.firstChild, M = q.nextSibling;
-              return e(M, g(te, {
-                get each() {
-                  return A();
-                },
-                children: (U) => (() => {
-                  var N = xt();
-                  return e(N, U), N;
-                })()
-              })), T;
-            }
-          }), null), E;
-        }
-      })]
-    }), null), j;
-  })();
+r(["click", "input"]);
+//#endregion
+//#region src/components/register-form.tsx
+var De = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), $ = /* @__PURE__ */ s("<form class=space-y-6><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-register-email>Email</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-register-email name=email type=email required autocomplete=email></div><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-register-password>Password</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-register-password name=password type=password required autocomplete=new-password></div><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-register-display-name>Display name (optional)</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-register-display-name name=display_name type=text autocomplete=name></div><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), Oe = (t) => {
+	let { client: r } = y(), o = r?.emailPassword;
+	if (!o) return null;
+	let [s, c] = p(""), [l, u] = p(""), [d, f] = p(""), [m, h] = p(null), [g, _] = p(!1), v = async (e) => {
+		e.preventDefault(), h(null), _(!0);
+		try {
+			let n = e.currentTarget, r = new FormData(n), i = r.get("display_name") || d(), a = await o.register({
+				email: r.get("email") || s(),
+				password: r.get("password") || l(),
+				display_name: i || void 0
+			});
+			t.onSuccess?.(a.message ?? "");
+		} catch (e) {
+			let n = e instanceof Error ? e : Error(String(e));
+			h(n.message), t.onError?.(n);
+		} finally {
+			_(!1);
+		}
+	};
+	return (() => {
+		var t = $(), r = t.firstChild, o = r.firstChild.nextSibling, p = r.nextSibling, h = p.firstChild.nextSibling, _ = p.nextSibling, y = _.firstChild.nextSibling, b = _.nextSibling;
+		return t.addEventListener("submit", v), a(t, n(e, {
+			get when() {
+				return m();
+			},
+			get children() {
+				var e = De();
+				return a(e, m), e;
+			}
+		}), r), o.$$input = (e) => c(e.currentTarget.value), h.$$input = (e) => u(e.currentTarget.value), y.$$input = (e) => f(e.currentTarget.value), a(b, () => g() ? "Creating account..." : "Create account"), i((e) => {
+			var t = g(), n = g(), r = g(), i = g();
+			return t !== e.e && (o.disabled = e.e = t), n !== e.t && (h.disabled = e.t = n), r !== e.a && (y.disabled = e.a = r), i !== e.o && (b.disabled = e.o = i), e;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		}), i(() => o.value = s()), i(() => h.value = l()), i(() => y.value = d()), t;
+	})();
 };
-K(["click", "input"]);
-var wt = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), $t = /* @__PURE__ */ i('<form class=space-y-6><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-register-email>Email</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-register-email name=email type=email required autocomplete=email></div><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-register-password>Password</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-register-password name=password type=password required autocomplete=new-password></div><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-register-display-name>Display name (optional)</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-register-display-name name=display_name type=text autocomplete=name></div><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>');
-const zt = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.emailPassword;
-  if (!b) return null;
-  const [p, v] = a(""), [h, $] = a(""), [f, x] = a(""), [d, l] = a(null), [m, s] = a(!1), t = async (c) => {
-    c.preventDefault(), l(null), s(!0);
-    try {
-      const n = c.currentTarget, u = new FormData(n), o = u.get("display_name") || f(), P = await b.register({
-        email: u.get("email") || p(),
-        password: u.get("password") || h(),
-        display_name: o || void 0
-      });
-      r.onSuccess?.(P.message);
-    } catch (n) {
-      const u = n instanceof Error ? n : new Error(String(n));
-      l(u.message), r.onError?.(u);
-    } finally {
-      s(!1);
-    }
-  };
-  return (() => {
-    var c = $t(), n = c.firstChild, u = n.firstChild, o = u.nextSibling, P = n.nextSibling, w = P.firstChild, _ = w.nextSibling, S = P.nextSibling, L = S.firstChild, R = L.nextSibling, O = S.nextSibling;
-    return c.addEventListener("submit", t), e(c, g(y, {
-      get when() {
-        return d();
-      },
-      get children() {
-        var D = wt();
-        return e(D, d), D;
-      }
-    }), n), o.$$input = (D) => v(D.currentTarget.value), _.$$input = (D) => $(D.currentTarget.value), R.$$input = (D) => x(D.currentTarget.value), e(O, () => m() ? "Creating account..." : "Create account"), C((D) => {
-      var G = m(), A = m(), I = m(), z = m();
-      return G !== D.e && (o.disabled = D.e = G), A !== D.t && (_.disabled = D.t = A), I !== D.a && (R.disabled = D.a = I), z !== D.o && (O.disabled = D.o = z), D;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    }), C(() => o.value = p()), C(() => _.value = h()), C(() => R.value = f()), c;
-  })();
+r(["input"]);
+//#endregion
+//#region src/components/reset-password-form.tsx
+var ke = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), Ae = /* @__PURE__ */ s("<div class=\"rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400\">"), je = /* @__PURE__ */ s("<form class=space-y-4><div class=space-y-2><label class=\"text-sm font-medium leading-none\"for=yauth-reset-password-input>New password</label><input class=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\"id=yauth-reset-password-input name=password type=password required autocomplete=new-password></div><button class=\"inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\"type=submit>"), Me = (t) => {
+	let { client: r } = y(), o = r?.emailPassword;
+	if (!o) return null;
+	let [s, c] = p(""), [l, u] = p(null), [d, f] = p(null), [m, h] = p(!1), g = async (e) => {
+		e.preventDefault(), u(null), f(null), h(!0);
+		try {
+			let n = e.currentTarget, r = new FormData(n), i = await o.resetPassword({
+				token: t.token,
+				password: r.get("password") || s()
+			});
+			f(i.message), t.onSuccess?.(i.message);
+		} catch (e) {
+			u((e instanceof Error ? e : Error(String(e))).message);
+		} finally {
+			h(!1);
+		}
+	};
+	return (() => {
+		var t = je(), r = t.firstChild, o = r.firstChild.nextSibling, u = r.nextSibling;
+		return t.addEventListener("submit", g), a(t, n(e, {
+			get when() {
+				return l();
+			},
+			get children() {
+				var e = ke();
+				return a(e, l), e;
+			}
+		}), r), a(t, n(e, {
+			get when() {
+				return d();
+			},
+			get children() {
+				var e = Ae();
+				return a(e, d), e;
+			}
+		}), r), o.$$input = (e) => c(e.currentTarget.value), a(u, () => m() ? "Resetting..." : "Reset password"), i((e) => {
+			var t = m(), n = m();
+			return t !== e.e && (o.disabled = e.e = t), n !== e.t && (u.disabled = e.t = n), e;
+		}, {
+			e: void 0,
+			t: void 0
+		}), i(() => o.value = s()), t;
+	})();
 };
-K(["input"]);
-var _t = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), St = /* @__PURE__ */ i('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">'), kt = /* @__PURE__ */ i('<form class=space-y-4><div class=space-y-2><label class="text-sm font-medium leading-none"for=yauth-reset-password-input>New password</label><input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"id=yauth-reset-password-input name=password type=password required autocomplete=new-password></div><button class="inline-flex h-9 w-full cursor-pointer items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"type=submit>');
-const Yt = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.emailPassword;
-  if (!b) return null;
-  const [p, v] = a(""), [h, $] = a(null), [f, x] = a(null), [d, l] = a(!1), m = async (s) => {
-    s.preventDefault(), $(null), x(null), l(!0);
-    try {
-      const t = s.currentTarget, c = new FormData(t), n = await b.resetPassword({
-        token: r.token,
-        password: c.get("password") || p()
-      });
-      x(n.message), r.onSuccess?.(n.message);
-    } catch (t) {
-      const c = t instanceof Error ? t : new Error(String(t));
-      $(c.message);
-    } finally {
-      l(!1);
-    }
-  };
-  return (() => {
-    var s = kt(), t = s.firstChild, c = t.firstChild, n = c.nextSibling, u = t.nextSibling;
-    return s.addEventListener("submit", m), e(s, g(y, {
-      get when() {
-        return h();
-      },
-      get children() {
-        var o = _t();
-        return e(o, h), o;
-      }
-    }), t), e(s, g(y, {
-      get when() {
-        return f();
-      },
-      get children() {
-        var o = St();
-        return e(o, f), o;
-      }
-    }), t), n.$$input = (o) => v(o.currentTarget.value), e(u, () => d() ? "Resetting..." : "Reset password"), C((o) => {
-      var P = d(), w = d();
-      return P !== o.e && (n.disabled = o.e = P), w !== o.t && (u.disabled = o.t = w), o;
-    }, {
-      e: void 0,
-      t: void 0
-    }), C(() => n.value = p()), s;
-  })();
-};
-K(["input"]);
-var Ct = /* @__PURE__ */ i('<div class="text-sm text-muted-foreground">Verifying your email address...'), Et = /* @__PURE__ */ i('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">'), Pt = /* @__PURE__ */ i('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Dt = /* @__PURE__ */ i("<div class=space-y-4>");
-const It = (r) => {
-  const {
-    client: k
-  } = Y(), b = k?.emailPassword;
-  if (!b) return null;
-  const [p, v] = a("loading"), [h, $] = a(""), [f, x] = a("");
-  return ae(async () => {
-    try {
-      const d = await b.verify({
-        token: r.token
-      });
-      $(d.message), v("success"), r.onSuccess?.();
-    } catch (d) {
-      const l = d instanceof Error ? d : new Error(String(d));
-      x(l.message), v("error"), r.onError?.(l);
-    }
-  }), (() => {
-    var d = Dt();
-    return e(d, g(y, {
-      get when() {
-        return p() === "loading";
-      },
-      get children() {
-        return Ct();
-      }
-    }), null), e(d, g(y, {
-      get when() {
-        return p() === "success";
-      },
-      get children() {
-        var l = Et();
-        return e(l, h), l;
-      }
-    }), null), e(d, g(y, {
-      get when() {
-        return p() === "error";
-      },
-      get children() {
-        var l = Pt();
-        return e(l, f), l;
-      }
-    }), null), d;
-  })();
-};
-export {
-  Ft as ChangePasswordForm,
-  Mt as ConsentScreen,
-  Rt as ForgotPasswordForm,
-  Ut as LoginForm,
-  qt as MagicLinkForm,
-  Nt as MfaChallenge,
-  Ot as MfaSetup,
-  Bt as OAuthButtons,
-  qe as PasskeyButton,
-  Vt as ProfileSettings,
-  zt as RegisterForm,
-  Yt as ResetPasswordForm,
-  It as VerifyEmail,
-  jt as YAuthProvider,
-  Y as useYAuth
+r(["input"]);
+//#endregion
+//#region src/components/verify-email.tsx
+var Ne = /* @__PURE__ */ s("<div class=\"text-sm text-muted-foreground\">Verifying your email address..."), Pe = /* @__PURE__ */ s("<div class=\"rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400\">"), Fe = /* @__PURE__ */ s("<div class=\"rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive\">"), Ie = /* @__PURE__ */ s("<div class=space-y-4>"), Le = (t) => {
+	let { client: r } = y(), i = r?.emailPassword;
+	if (!i) return null;
+	let [o, s] = p("loading"), [c, l] = p(""), [u, f] = p("");
+	return d(async () => {
+		try {
+			l((await i.verify({ token: t.token })).message), s("success"), t.onSuccess?.();
+		} catch (e) {
+			let n = e instanceof Error ? e : Error(String(e));
+			f(n.message), s("error"), t.onError?.(n);
+		}
+	}), (() => {
+		var t = Ie();
+		return a(t, n(e, {
+			get when() {
+				return o() === "loading";
+			},
+			get children() {
+				return Ne();
+			}
+		}), null), a(t, n(e, {
+			get when() {
+				return o() === "success";
+			},
+			get children() {
+				var e = Pe();
+				return a(e, c), e;
+			}
+		}), null), a(t, n(e, {
+			get when() {
+				return o() === "error";
+			},
+			get children() {
+				var e = Fe();
+				return a(e, u), e;
+			}
+		}), null), t;
+	})();
 };
+//#endregion
+export { C as ChangePasswordForm, O as ConsentScreen, M as ForgotPasswordForm, z as LoginForm, G as MagicLinkForm, ee as MfaChallenge, ie as MfaSetup, se as OAuthButtons, F as PasskeyButton, Ee as ProfileSettings, Oe as RegisterForm, Me as ResetPasswordForm, Le as VerifyEmail, v as YAuthProvider, y as useYAuth };