@yackey-labs/yauth-ui-solidjs 0.1.0

package/dist/index.js

@@ -0,0 +1,909 @@
+import { createComponent as g, delegateEvents as Y, insert as e, Show as w, effect as E, template as l, memo as ue, addEventListener as ne } from "solid-js/web";
+import { createContext as pe, createResource as ie, createEffect as me, useContext as be, createSignal as d, For as X } from "solid-js";
+import { startAuthentication as ve, startRegistration as he } from "@simplewebauthn/browser";
+const ge = pe(), Ct = (r) => {
+  let v = null;
+  const [f, {
+    refetch: h
+  }] = ie(async () => {
+    try {
+      return (await r.client.getSession()).user;
+    } catch {
+      return null;
+    }
+  });
+  me(() => {
+    if (!f.loading && v) {
+      const S = v;
+      v = null, S(f() ?? null);
+    }
+  });
+  const $ = () => new Promise((p) => {
+    v = p, h();
+  });
+  return g(ge.Provider, {
+    get value() {
+      return {
+        client: r.client,
+        user: () => f(),
+        loading: () => f.loading,
+        refetch: $
+      };
+    },
+    get children() {
+      return r.children;
+    }
+  });
+};
+function z() {
+  const r = be(ge);
+  if (!r)
+    throw new Error("useYAuth must be used within a <YAuthProvider>");
+  return r;
+}
+var ye = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), xe = /* @__PURE__ */ l('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">Password changed successfully.'), we = /* @__PURE__ */ l('<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 Et = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d(""), [$, p] = d(""), [S, _] = d(""), [u, n] = d(null), [m, i] = d(!1), [t, c] = d(!1), a = async (s) => {
+    s.preventDefault(), n(null), i(!1);
+    const o = s.currentTarget, k = new FormData(o), b = k.get("current_password") || f(), y = k.get("new_password") || $(), x = k.get("confirm_password") || S();
+    if (y !== x) {
+      n("Passwords do not match");
+      return;
+    }
+    c(!0);
+    try {
+      await v.emailPassword.changePassword(b, y), i(!0), h(""), p(""), _(""), r.onSuccess?.();
+    } catch (L) {
+      const M = L instanceof Error ? L : new Error(String(L));
+      n(M.message), r.onError?.(M);
+    } finally {
+      c(!1);
+    }
+  };
+  return (() => {
+    var s = we(), o = s.firstChild, k = o.firstChild, b = k.nextSibling, y = o.nextSibling, x = y.firstChild, L = x.nextSibling, M = y.nextSibling, N = M.firstChild, P = N.nextSibling, J = M.nextSibling;
+    return s.addEventListener("submit", a), e(s, g(w, {
+      get when() {
+        return u();
+      },
+      get children() {
+        var C = ye();
+        return e(C, u), C;
+      }
+    }), o), e(s, g(w, {
+      get when() {
+        return m();
+      },
+      get children() {
+        return xe();
+      }
+    }), o), b.$$input = (C) => h(C.currentTarget.value), L.$$input = (C) => p(C.currentTarget.value), P.$$input = (C) => _(C.currentTarget.value), e(J, () => t() ? "Changing password..." : "Change password"), E((C) => {
+      var B = t(), U = t(), W = t(), H = t();
+      return B !== C.e && (b.disabled = C.e = B), U !== C.t && (L.disabled = C.t = U), W !== C.a && (P.disabled = C.a = W), H !== C.o && (J.disabled = C.o = H), C;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), E(() => b.value = f()), E(() => L.value = $()), E(() => P.value = S()), s;
+  })();
+};
+Y(["input"]);
+var $e = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), _e = /* @__PURE__ */ l('<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>'), Se = /* @__PURE__ */ l('<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.'), ke = /* @__PURE__ */ l('<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 Pt = (r) => {
+  const [v, f] = d(!1), [h, $] = d(null), p = async (_) => {
+    $(null), f(!0);
+    try {
+      const u = r.authBaseUrl ?? "/api/auth", n = await fetch(`${u}/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: _
+        })
+      });
+      if (n.redirected) {
+        window.location.href = n.url;
+        return;
+      }
+      if (!n.ok) {
+        const i = await n.json().catch(() => null);
+        throw new Error(i?.error_description ?? i?.error ?? "Authorization failed");
+      }
+      const m = n.headers.get("Location");
+      if (m) {
+        window.location.href = m;
+        return;
+      }
+      r.onSubmit?.(_);
+    } catch (u) {
+      const n = u instanceof Error ? u : new Error(String(u));
+      $(n.message), r.onError?.(n);
+    } finally {
+      f(!1);
+    }
+  }, S = () => r.clientName ?? r.clientId;
+  return (() => {
+    var _ = Se(), u = _.firstChild, n = u.firstChild;
+    n.firstChild;
+    var m = n.nextSibling, i = m.firstChild, t = u.nextSibling, c = t.firstChild, a = c.nextSibling;
+    return e(n, S, null), e(i, S), e(_, g(w, {
+      get when() {
+        return h();
+      },
+      get children() {
+        var s = $e();
+        return e(s, h), s;
+      }
+    }), t), e(_, g(w, {
+      get when() {
+        return ue(() => !!r.scopes)() && r.scopes.length > 0;
+      },
+      get children() {
+        var s = _e(), o = s.firstChild, k = o.nextSibling;
+        return e(k, g(X, {
+          get each() {
+            return r.scopes;
+          },
+          children: (b) => (() => {
+            var y = ke(), x = y.firstChild, L = x.nextSibling;
+            return e(L, b), y;
+          })()
+        })), s;
+      }
+    }), t), c.$$click = () => p(!1), a.$$click = () => p(!0), e(a, () => v() ? "Authorizing..." : "Authorize"), E((s) => {
+      var o = v(), k = v();
+      return o !== s.e && (c.disabled = s.e = o), k !== s.t && (a.disabled = s.t = k), s;
+    }, {
+      e: void 0,
+      t: void 0
+    }), _;
+  })();
+};
+Y(["click"]);
+var Ce = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Ee = /* @__PURE__ */ l('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">'), Pe = /* @__PURE__ */ l('<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 Dt = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d(""), [$, p] = d(null), [S, _] = d(null), [u, n] = d(!1), m = async (i) => {
+    i.preventDefault(), p(null), _(null), n(!0);
+    try {
+      const t = i.currentTarget, c = new FormData(t), a = await v.emailPassword.forgotPassword(c.get("email") || f());
+      _(a.message), r.onSuccess?.(a.message);
+    } catch (t) {
+      const c = t instanceof Error ? t : new Error(String(t));
+      p(c.message);
+    } finally {
+      n(!1);
+    }
+  };
+  return (() => {
+    var i = Pe(), t = i.firstChild, c = t.firstChild, a = c.nextSibling, s = t.nextSibling;
+    return i.addEventListener("submit", m), e(i, g(w, {
+      get when() {
+        return $();
+      },
+      get children() {
+        var o = Ce();
+        return e(o, $), o;
+      }
+    }), t), e(i, g(w, {
+      get when() {
+        return S();
+      },
+      get children() {
+        var o = Ee();
+        return e(o, S), o;
+      }
+    }), t), a.$$input = (o) => h(o.currentTarget.value), e(s, () => u() ? "Sending..." : "Send reset link"), E((o) => {
+      var k = u(), b = u();
+      return k !== o.e && (a.disabled = o.e = k), b !== o.t && (s.disabled = o.t = b), o;
+    }, {
+      e: void 0,
+      t: void 0
+    }), E(() => a.value = f()), i;
+  })();
+};
+Y(["input"]);
+var De = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Te = /* @__PURE__ */ l('<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 Le = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d(null), [$, p] = d(!1), S = async () => {
+    const n = await v.passkey.loginBegin(r.email || void 0), m = n.options, i = await ve({
+      optionsJSON: m.publicKey
+    });
+    await v.passkey.loginFinish(n.challenge_id, i);
+    const t = await v.getSession();
+    r.onSuccess?.(t.user);
+  }, _ = async () => {
+    const n = await v.passkey.registerBegin(), m = await he({
+      optionsJSON: n.publicKey
+    });
+    await v.passkey.registerFinish(m, "Passkey"), r.onSuccess?.(void 0);
+  }, u = async () => {
+    h(null), p(!0);
+    try {
+      r.mode === "login" ? await S() : await _();
+    } catch (n) {
+      const m = n instanceof Error ? n : new Error(String(n));
+      console.error("[yauth] Passkey error:", m);
+      const i = m.name === "NotAllowedError" ? "Passkey authentication was cancelled or not available on this device." : m.message;
+      h(i), r.onError?.(m);
+    } finally {
+      p(!1);
+    }
+  };
+  return (() => {
+    var n = Te(), m = n.firstChild;
+    return e(n, g(w, {
+      get when() {
+        return f();
+      },
+      get children() {
+        var i = De();
+        return e(i, f), i;
+      }
+    }), m), m.$$click = u, e(m, (() => {
+      var i = ue(() => !!$());
+      return () => i() ? r.mode === "login" ? "Authenticating..." : "Registering..." : r.mode === "login" ? "Sign in with passkey" : "Register passkey";
+    })()), E(() => m.disabled = $()), n;
+  })();
+};
+Y(["click"]);
+var Ae = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), je = /* @__PURE__ */ l('<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'), Fe = /* @__PURE__ */ l('<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 Tt = (r) => {
+  const {
+    client: v,
+    refetch: f
+  } = z(), [h, $] = d(""), [p, S] = d(""), [_, u] = d(null), [n, m] = d(!1), i = async (t) => {
+    t.preventDefault(), u(null), m(!0);
+    try {
+      const c = t.currentTarget, a = new FormData(c), s = await v.emailPassword.login({
+        email: a.get("email") || h(),
+        password: a.get("password") || p()
+      });
+      if ("mfa_required" in s && s.mfa_required)
+        r.onMfaRequired?.(s.pending_session_id);
+      else {
+        const o = await f();
+        r.onSuccess?.(o);
+      }
+    } catch (c) {
+      const a = c instanceof Error ? c : new Error(String(c));
+      u(a.message), r.onError?.(a);
+    } finally {
+      m(!1);
+    }
+  };
+  return (() => {
+    var t = Fe(), c = t.firstChild, a = c.firstChild, s = a.nextSibling, o = c.nextSibling, k = o.firstChild, b = k.nextSibling, y = o.nextSibling;
+    return ne(t, "submit", i), e(t, g(w, {
+      get when() {
+        return _();
+      },
+      get children() {
+        var x = Ae();
+        return e(x, _), x;
+      }
+    }), c), ne(s, "input", (x) => $(x.currentTarget.value)), ne(b, "input", (x) => S(x.currentTarget.value)), e(y, () => n() ? "Signing in..." : "Sign in"), e(t, g(w, {
+      get when() {
+        return r.showPasskey;
+      },
+      get children() {
+        return [je(), g(Le, {
+          mode: "login",
+          get email() {
+            return h();
+          },
+          onSuccess: (x) => {
+            f(), r.onSuccess?.(x);
+          },
+          get onError() {
+            return r.onError;
+          }
+        })];
+      }
+    }), null), E((x) => {
+      var L = n(), M = n(), N = n();
+      return L !== x.e && (s.disabled = x.e = L), M !== x.t && (b.disabled = x.t = M), N !== x.a && (y.disabled = x.a = N), x;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), E(() => s.value = h()), E(() => b.value = p()), t;
+  })();
+};
+var Me = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), qe = /* @__PURE__ */ l('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">'), Re = /* @__PURE__ */ l('<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>'), Ne = /* @__PURE__ */ l('<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>'), Be = /* @__PURE__ */ l("<form class=space-y-4>");
+const Lt = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d(""), [$, p] = d(null), [S, _] = d(null), [u, n] = d(!1), m = async (i) => {
+    i.preventDefault(), p(null), _(null), n(!0);
+    try {
+      const t = i.currentTarget, c = new FormData(t), a = await v.magicLink.send(c.get("email") || f());
+      _(a.message), r.onSuccess?.(a.message);
+    } catch (t) {
+      const c = t instanceof Error ? t : new Error(String(t));
+      p(c.message);
+    } finally {
+      n(!1);
+    }
+  };
+  return (() => {
+    var i = Be();
+    return i.addEventListener("submit", m), e(i, g(w, {
+      get when() {
+        return $();
+      },
+      get children() {
+        var t = Me();
+        return e(t, $), t;
+      }
+    }), null), e(i, g(w, {
+      get when() {
+        return S();
+      },
+      get children() {
+        var t = qe();
+        return e(t, S), t;
+      }
+    }), null), e(i, g(w, {
+      get when() {
+        return !S();
+      },
+      get children() {
+        return [(() => {
+          var t = Re(), c = t.firstChild, a = c.nextSibling;
+          return a.$$input = (s) => h(s.currentTarget.value), E(() => a.disabled = u()), E(() => a.value = f()), t;
+        })(), (() => {
+          var t = Ne();
+          return e(t, () => u() ? "Sending..." : "Send magic link"), E(() => t.disabled = u()), t;
+        })()];
+      }
+    }), null), i;
+  })();
+};
+Y(["input"]);
+var Oe = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), Ue = /* @__PURE__ */ l('<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 At = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d(""), [$, p] = d(null), [S, _] = d(!1), u = async (n) => {
+    n.preventDefault(), p(null), _(!0);
+    try {
+      const m = n.currentTarget, i = new FormData(m);
+      await v.mfa.verify(r.pendingSessionId, i.get("code") || f());
+      const t = await v.getSession();
+      r.onSuccess?.(t.user);
+    } catch (m) {
+      const i = m instanceof Error ? m : new Error(String(m));
+      p(i.message), r.onError?.(i);
+    } finally {
+      _(!1);
+    }
+  };
+  return (() => {
+    var n = Ue(), m = n.firstChild, i = m.nextSibling, t = i.firstChild, c = t.nextSibling, a = i.nextSibling;
+    return n.addEventListener("submit", u), e(n, g(w, {
+      get when() {
+        return $();
+      },
+      get children() {
+        var s = Oe();
+        return e(s, $), s;
+      }
+    }), m), c.$$input = (s) => h(s.currentTarget.value), e(a, () => S() ? "Verifying..." : "Verify"), E((s) => {
+      var o = S(), k = S();
+      return o !== s.e && (c.disabled = s.e = o), k !== s.t && (a.disabled = s.t = k), s;
+    }, {
+      e: void 0,
+      t: void 0
+    }), E(() => c.value = f()), n;
+  })();
+};
+Y(["input"]);
+var Ve = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), ze = /* @__PURE__ */ l('<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>'), Ie = /* @__PURE__ */ l('<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>'), Ye = /* @__PURE__ */ l('<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>'), Je = /* @__PURE__ */ l("<div class=space-y-4>"), Ke = /* @__PURE__ */ l('<li class="rounded-md border border-input bg-muted px-3 py-1.5 text-center font-mono text-sm tracking-wider">');
+const jt = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d("begin"), [$, p] = d(""), [S, _] = d(""), [u, n] = d(""), [m, i] = d([]), [t, c] = d(null), [a, s] = d(!1), o = async () => {
+    c(null), s(!0);
+    try {
+      const b = await v.mfa.setup();
+      p(b.otpauth_url), _(b.secret), i(b.backup_codes), h("confirm");
+    } catch (b) {
+      const y = b instanceof Error ? b : new Error(String(b));
+      c(y.message);
+    } finally {
+      s(!1);
+    }
+  }, k = async (b) => {
+    b.preventDefault(), c(null), s(!0);
+    try {
+      const y = b.currentTarget, x = new FormData(y);
+      await v.mfa.confirm(x.get("code") || u()), h("done"), r.onComplete?.(m());
+    } catch (y) {
+      const x = y instanceof Error ? y : new Error(String(y));
+      c(x.message);
+    } finally {
+      s(!1);
+    }
+  };
+  return (() => {
+    var b = Je();
+    return e(b, g(w, {
+      get when() {
+        return t();
+      },
+      get children() {
+        var y = Ve();
+        return e(y, t), y;
+      }
+    }), null), e(b, g(w, {
+      get when() {
+        return f() === "begin";
+      },
+      get children() {
+        var y = ze(), x = y.firstChild, L = x.nextSibling;
+        return L.$$click = o, e(L, () => a() ? "Setting up..." : "Set up 2FA"), E(() => L.disabled = a()), y;
+      }
+    }), null), e(b, g(w, {
+      get when() {
+        return f() === "confirm";
+      },
+      get children() {
+        var y = Ie(), x = y.firstChild, L = x.nextSibling, M = L.firstChild, N = M.nextSibling, P = L.nextSibling, J = P.firstChild, C = J.nextSibling, B = P.nextSibling, U = B.firstChild, W = U.firstChild, H = W.nextSibling, ee = U.nextSibling;
+        return e(N, $), e(C, S), B.addEventListener("submit", k), H.$$input = (K) => n(K.currentTarget.value), e(ee, () => a() ? "Verifying..." : "Verify and enable"), E((K) => {
+          var te = a(), T = a();
+          return te !== K.e && (H.disabled = K.e = te), T !== K.t && (ee.disabled = K.t = T), K;
+        }, {
+          e: void 0,
+          t: void 0
+        }), E(() => H.value = u()), y;
+      }
+    }), null), e(b, g(w, {
+      get when() {
+        return f() === "done";
+      },
+      get children() {
+        var y = Ye(), x = y.firstChild, L = x.nextSibling;
+        return e(L, g(X, {
+          get each() {
+            return m();
+          },
+          children: (M) => (() => {
+            var N = Ke();
+            return e(N, M), N;
+          })()
+        })), y;
+      }
+    }), null), b;
+  })();
+};
+Y(["click", "input"]);
+var Ge = /* @__PURE__ */ l("<div class=space-y-2>"), He = /* @__PURE__ */ l('<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 Ft = (r) => {
+  const {
+    client: v
+  } = z(), f = (h) => {
+    v.oauth.authorize(h);
+  };
+  return (() => {
+    var h = Ge();
+    return e(h, g(X, {
+      get each() {
+        return r.providers;
+      },
+      children: ($) => (() => {
+        var p = He();
+        return p.firstChild, p.$$click = () => f($), e(p, () => $.charAt(0).toUpperCase() + $.slice(1), null), p;
+      })()
+    })), h;
+  })();
+};
+Y(["click"]);
+var Qe = /* @__PURE__ */ l('<div class="text-sm text-muted-foreground">Loading profile...'), We = /* @__PURE__ */ l("<div class=space-y-8>"), Xe = /* @__PURE__ */ l('<dt class="font-medium text-muted-foreground">Display name'), Ze = /* @__PURE__ */ l("<dd>"), et = /* @__PURE__ */ l('<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>'), se = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), tt = /* @__PURE__ */ l('<div class="text-sm text-muted-foreground">Loading passkeys...'), rt = /* @__PURE__ */ l('<section class=space-y-4><h2 class="text-lg font-semibold tracking-tight">Passkeys'), nt = /* @__PURE__ */ l('<div class="text-sm text-muted-foreground">Loading accounts...'), st = /* @__PURE__ */ l('<section class=space-y-4><h2 class="text-lg font-semibold tracking-tight">Connected accounts'), it = /* @__PURE__ */ l('<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>'), lt = /* @__PURE__ */ l('<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>'), ot = /* @__PURE__ */ l('<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>'), at = /* @__PURE__ */ l('<section class=space-y-4><h2 class="text-lg font-semibold tracking-tight">Two-factor authentication'), ce = /* @__PURE__ */ l("<ul class=space-y-2>"), dt = /* @__PURE__ */ l('<p class="text-sm text-muted-foreground">No passkeys registered.'), ct = /* @__PURE__ */ l('<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>'), ut = /* @__PURE__ */ l('<p class="text-sm text-muted-foreground">No connected accounts.'), mt = /* @__PURE__ */ l('<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>'), gt = /* @__PURE__ */ l('<li class="rounded-md border border-input bg-muted px-3 py-1.5 text-center font-mono text-sm tracking-wider">');
+const Mt = () => {
+  const {
+    client: r,
+    user: v,
+    loading: f
+  } = z(), [h, {
+    refetch: $
+  }] = ie(async () => {
+    try {
+      return await r.passkey.list();
+    } catch {
+      return [];
+    }
+  }), [p, S] = d(null), [_, u] = d(null), [n, {
+    refetch: m
+  }] = ie(async () => {
+    try {
+      return await r.oauth.accounts();
+    } catch {
+      return [];
+    }
+  }), [i, t] = d(null), [c, a] = d(null), [s, o] = d(""), [k, b] = d(""), [y, x] = d(""), [L, M] = d([]), [N, P] = d("idle"), [J, C] = d(null), [B, U] = d(!1), W = async (T) => {
+    S(null), u(T);
+    try {
+      await r.passkey.delete(T), $();
+    } catch (j) {
+      const D = j instanceof Error ? j : new Error(String(j));
+      S(D.message);
+    } finally {
+      u(null);
+    }
+  }, H = async (T) => {
+    t(null), a(T);
+    try {
+      await r.oauth.unlink(T), m();
+    } catch (j) {
+      const D = j instanceof Error ? j : new Error(String(j));
+      t(D.message);
+    } finally {
+      a(null);
+    }
+  }, ee = async () => {
+    C(null), U(!0);
+    try {
+      const T = await r.mfa.setup();
+      o(T.otpauth_url), b(T.secret), M(T.backup_codes), P("confirm");
+    } catch (T) {
+      const j = T instanceof Error ? T : new Error(String(T));
+      C(j.message);
+    } finally {
+      U(!1);
+    }
+  }, K = async (T) => {
+    T.preventDefault(), C(null), U(!0);
+    try {
+      const j = T.currentTarget, D = new FormData(j);
+      await r.mfa.confirm(D.get("mfa_code") || y()), P("done");
+    } catch (j) {
+      const D = j instanceof Error ? j : new Error(String(j));
+      C(D.message);
+    } finally {
+      U(!1);
+    }
+  }, te = async () => {
+    C(null), U(!0);
+    try {
+      await r.mfa.disable(), P("idle"), o(""), b(""), x(""), M([]);
+    } catch (T) {
+      const j = T instanceof Error ? T : new Error(String(T));
+      C(j.message);
+    } finally {
+      U(!1);
+    }
+  };
+  return (() => {
+    var T = We();
+    return e(T, g(w, {
+      get when() {
+        return f();
+      },
+      get children() {
+        return Qe();
+      }
+    }), null), e(T, g(w, {
+      get when() {
+        return v();
+      },
+      children: (j) => [(() => {
+        var D = et(), A = D.firstChild, R = A.nextSibling, F = R.firstChild, q = F.nextSibling, O = q.nextSibling, V = O.nextSibling, G = V.nextSibling, I = G.nextSibling;
+        return e(q, () => j().email), e(R, g(w, {
+          get when() {
+            return j().display_name;
+          },
+          get children() {
+            return [Xe(), (() => {
+              var Z = Ze();
+              return e(Z, () => j().display_name), Z;
+            })()];
+          }
+        }), O), e(V, () => j().email_verified ? "Yes" : "No"), e(I, () => j().role), D;
+      })(), (() => {
+        var D = rt();
+        return D.firstChild, e(D, g(w, {
+          get when() {
+            return p();
+          },
+          get children() {
+            var A = se();
+            return e(A, p), A;
+          }
+        }), null), e(D, g(w, {
+          get when() {
+            return h.loading;
+          },
+          get children() {
+            return tt();
+          }
+        }), null), e(D, g(w, {
+          get when() {
+            return h();
+          },
+          children: (A) => g(w, {
+            get when() {
+              return A().length > 0;
+            },
+            get fallback() {
+              return dt();
+            },
+            get children() {
+              var R = ce();
+              return e(R, g(X, {
+                get each() {
+                  return A();
+                },
+                children: (F) => (() => {
+                  var q = ct(), O = q.firstChild, V = O.firstChild, G = V.nextSibling;
+                  G.firstChild;
+                  var I = O.nextSibling;
+                  return e(V, () => F.name ?? "Unnamed passkey"), e(G, () => new Date(F.created_at).toLocaleDateString(), null), I.$$click = () => W(F.id), e(I, () => _() === F.id ? "Deleting..." : "Delete"), E(() => I.disabled = _() === F.id), q;
+                })()
+              })), R;
+            }
+          })
+        }), null), D;
+      })(), (() => {
+        var D = st();
+        return D.firstChild, e(D, g(w, {
+          get when() {
+            return i();
+          },
+          get children() {
+            var A = se();
+            return e(A, i), A;
+          }
+        }), null), e(D, g(w, {
+          get when() {
+            return n.loading;
+          },
+          get children() {
+            return nt();
+          }
+        }), null), e(D, g(w, {
+          get when() {
+            return n();
+          },
+          children: (A) => g(w, {
+            get when() {
+              return A().length > 0;
+            },
+            get fallback() {
+              return ut();
+            },
+            get children() {
+              var R = ce();
+              return e(R, g(X, {
+                get each() {
+                  return A();
+                },
+                children: (F) => (() => {
+                  var q = mt(), O = q.firstChild, V = O.firstChild, G = V.nextSibling;
+                  G.firstChild;
+                  var I = O.nextSibling;
+                  return e(V, () => F.provider.charAt(0).toUpperCase() + F.provider.slice(1)), e(G, () => new Date(F.created_at).toLocaleDateString(), null), I.$$click = () => H(F.provider), e(I, () => c() === F.provider ? "Unlinking..." : "Unlink"), E(() => I.disabled = c() === F.provider), q;
+                })()
+              })), R;
+            }
+          })
+        }), null), D;
+      })(), (() => {
+        var D = at();
+        return D.firstChild, e(D, g(w, {
+          get when() {
+            return J();
+          },
+          get children() {
+            var A = se();
+            return e(A, J), A;
+          }
+        }), null), e(D, g(w, {
+          get when() {
+            return N() === "idle";
+          },
+          get children() {
+            var A = it(), R = A.firstChild, F = R.nextSibling;
+            return R.$$click = ee, e(R, () => B() ? "Setting up..." : "Set up 2FA"), F.$$click = te, e(F, () => B() ? "Disabling..." : "Disable 2FA"), E((q) => {
+              var O = B(), V = B();
+              return O !== q.e && (R.disabled = q.e = O), V !== q.t && (F.disabled = q.t = V), q;
+            }, {
+              e: void 0,
+              t: void 0
+            }), A;
+          }
+        }), null), e(D, g(w, {
+          get when() {
+            return N() === "confirm";
+          },
+          get children() {
+            var A = lt(), R = A.firstChild, F = R.nextSibling, q = F.firstChild, O = q.nextSibling, V = F.nextSibling, G = V.firstChild, I = G.nextSibling, Z = V.nextSibling, le = Z.firstChild, fe = le.firstChild, re = fe.nextSibling, oe = le.nextSibling;
+            return e(O, s), e(I, k), Z.addEventListener("submit", K), re.$$input = (Q) => x(Q.currentTarget.value), e(oe, () => B() ? "Verifying..." : "Verify and enable"), E((Q) => {
+              var ae = B(), de = B();
+              return ae !== Q.e && (re.disabled = Q.e = ae), de !== Q.t && (oe.disabled = Q.t = de), Q;
+            }, {
+              e: void 0,
+              t: void 0
+            }), E(() => re.value = y()), A;
+          }
+        }), null), e(D, g(w, {
+          get when() {
+            return N() === "done";
+          },
+          get children() {
+            var A = ot(), R = A.firstChild, F = R.nextSibling;
+            return e(F, g(X, {
+              get each() {
+                return L();
+              },
+              children: (q) => (() => {
+                var O = gt();
+                return e(O, q), O;
+              })()
+            })), A;
+          }
+        }), null), D;
+      })()]
+    }), null), T;
+  })();
+};
+Y(["click", "input"]);
+var ft = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), pt = /* @__PURE__ */ l('<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 qt = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d(""), [$, p] = d(""), [S, _] = d(""), [u, n] = d(null), [m, i] = d(!1), t = async (c) => {
+    c.preventDefault(), n(null), i(!0);
+    try {
+      const a = c.currentTarget, s = new FormData(a), o = s.get("display_name") || S(), k = await v.emailPassword.register({
+        email: s.get("email") || f(),
+        password: s.get("password") || $(),
+        display_name: o || void 0
+      });
+      r.onSuccess?.(k.message);
+    } catch (a) {
+      const s = a instanceof Error ? a : new Error(String(a));
+      n(s.message), r.onError?.(s);
+    } finally {
+      i(!1);
+    }
+  };
+  return (() => {
+    var c = pt(), a = c.firstChild, s = a.firstChild, o = s.nextSibling, k = a.nextSibling, b = k.firstChild, y = b.nextSibling, x = k.nextSibling, L = x.firstChild, M = L.nextSibling, N = x.nextSibling;
+    return c.addEventListener("submit", t), e(c, g(w, {
+      get when() {
+        return u();
+      },
+      get children() {
+        var P = ft();
+        return e(P, u), P;
+      }
+    }), a), o.$$input = (P) => h(P.currentTarget.value), y.$$input = (P) => p(P.currentTarget.value), M.$$input = (P) => _(P.currentTarget.value), e(N, () => m() ? "Creating account..." : "Create account"), E((P) => {
+      var J = m(), C = m(), B = m(), U = m();
+      return J !== P.e && (o.disabled = P.e = J), C !== P.t && (y.disabled = P.t = C), B !== P.a && (M.disabled = P.a = B), U !== P.o && (N.disabled = P.o = U), P;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), E(() => o.value = f()), E(() => y.value = $()), E(() => M.value = S()), c;
+  })();
+};
+Y(["input"]);
+var bt = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), vt = /* @__PURE__ */ l('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">'), ht = /* @__PURE__ */ l('<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 Rt = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d(""), [$, p] = d(null), [S, _] = d(null), [u, n] = d(!1), m = async (i) => {
+    i.preventDefault(), p(null), _(null), n(!0);
+    try {
+      const t = i.currentTarget, c = new FormData(t), a = await v.emailPassword.resetPassword(r.token, c.get("password") || f());
+      _(a.message), r.onSuccess?.(a.message);
+    } catch (t) {
+      const c = t instanceof Error ? t : new Error(String(t));
+      p(c.message);
+    } finally {
+      n(!1);
+    }
+  };
+  return (() => {
+    var i = ht(), t = i.firstChild, c = t.firstChild, a = c.nextSibling, s = t.nextSibling;
+    return i.addEventListener("submit", m), e(i, g(w, {
+      get when() {
+        return $();
+      },
+      get children() {
+        var o = bt();
+        return e(o, $), o;
+      }
+    }), t), e(i, g(w, {
+      get when() {
+        return S();
+      },
+      get children() {
+        var o = vt();
+        return e(o, S), o;
+      }
+    }), t), a.$$input = (o) => h(o.currentTarget.value), e(s, () => u() ? "Resetting..." : "Reset password"), E((o) => {
+      var k = u(), b = u();
+      return k !== o.e && (a.disabled = o.e = k), b !== o.t && (s.disabled = o.t = b), o;
+    }, {
+      e: void 0,
+      t: void 0
+    }), E(() => a.value = f()), i;
+  })();
+};
+Y(["input"]);
+var yt = /* @__PURE__ */ l('<div class="text-sm text-muted-foreground">Verifying your email address...'), xt = /* @__PURE__ */ l('<div class="rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400">'), wt = /* @__PURE__ */ l('<div class="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">'), $t = /* @__PURE__ */ l("<div class=space-y-4>");
+const Nt = (r) => {
+  const {
+    client: v
+  } = z(), [f, h] = d("loading"), [$, p] = d(""), [S, _] = d("");
+  return me(async () => {
+    try {
+      const u = await v.emailPassword.verify(r.token);
+      p(u.message), h("success"), r.onSuccess?.();
+    } catch (u) {
+      const n = u instanceof Error ? u : new Error(String(u));
+      _(n.message), h("error"), r.onError?.(n);
+    }
+  }), (() => {
+    var u = $t();
+    return e(u, g(w, {
+      get when() {
+        return f() === "loading";
+      },
+      get children() {
+        return yt();
+      }
+    }), null), e(u, g(w, {
+      get when() {
+        return f() === "success";
+      },
+      get children() {
+        var n = xt();
+        return e(n, $), n;
+      }
+    }), null), e(u, g(w, {
+      get when() {
+        return f() === "error";
+      },
+      get children() {
+        var n = wt();
+        return e(n, S), n;
+      }
+    }), null), u;
+  })();
+};
+export {
+  Et as ChangePasswordForm,
+  Pt as ConsentScreen,
+  Dt as ForgotPasswordForm,
+  Tt as LoginForm,
+  Lt as MagicLinkForm,
+  At as MfaChallenge,
+  jt as MfaSetup,
+  Ft as OAuthButtons,
+  Le as PasskeyButton,
+  Mt as ProfileSettings,
+  qt as RegisterForm,
+  Rt as ResetPasswordForm,
+  Nt as VerifyEmail,
+  Ct as YAuthProvider,
+  z as useYAuth
+};