@yackey-labs/yauth-ui-vue 0.2.0

package/dist/index.js

@@ -0,0 +1,1101 @@
+import { defineComponent as E, ref as l, openBlock as s, createElementBlock as o, toDisplayString as p, createCommentVNode as g, createElementVNode as e, withDirectives as k, vModelText as $, computed as Y, createTextVNode as J, Fragment as C, renderList as j, createStaticVNode as K, createVNode as G, onMounted as L, unref as U } from "vue";
+import { b as P } from "./useSession-CnIeOYpZ.js";
+import { Y as xs, c as hs, u as ws, a as _s } from "./useSession-CnIeOYpZ.js";
+import { startAuthentication as H, startRegistration as Q } from "@simplewebauthn/browser";
+const W = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, X = {
+  key: 1,
+  class: "rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400"
+}, Z = { class: "space-y-2" }, ee = ["disabled"], te = { class: "space-y-2" }, se = ["disabled"], oe = { class: "space-y-2" }, ne = ["disabled"], ie = ["disabled"], is = /* @__PURE__ */ E({
+  __name: "ChangePasswordForm",
+  props: {
+    onSuccess: { type: Function },
+    onError: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l(""), a = l(""), v = l(""), i = l(null), n = l(!1), r = l(!1), t = async (u) => {
+      if (u.preventDefault(), i.value = null, n.value = !1, a.value !== v.value) {
+        i.value = "Passwords do not match";
+        return;
+      }
+      r.value = !0;
+      try {
+        await b.emailPassword.changePassword(
+          m.value,
+          a.value
+        ), n.value = !0, m.value = "", a.value = "", v.value = "", d.onSuccess?.();
+      } catch (c) {
+        const y = c instanceof Error ? c : new Error(String(c));
+        i.value = y.message, d.onError?.(y);
+      } finally {
+        r.value = !1;
+      }
+    };
+    return (u, c) => (s(), o("form", {
+      class: "space-y-4",
+      onSubmit: t
+    }, [
+      i.value ? (s(), o("div", W, p(i.value), 1)) : g("", !0),
+      n.value ? (s(), o("div", X, " Password changed successfully. ")) : g("", !0),
+      e("div", Z, [
+        c[3] || (c[3] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-current-password"
+        }, " Current password ", -1)),
+        k(e("input", {
+          id: "yauth-current-password",
+          "onUpdate:modelValue": c[0] || (c[0] = (y) => m.value = y),
+          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",
+          name: "current_password",
+          type: "password",
+          required: "",
+          autocomplete: "current-password",
+          disabled: r.value
+        }, null, 8, ee), [
+          [$, m.value]
+        ])
+      ]),
+      e("div", te, [
+        c[4] || (c[4] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-new-password"
+        }, " New password ", -1)),
+        k(e("input", {
+          id: "yauth-new-password",
+          "onUpdate:modelValue": c[1] || (c[1] = (y) => a.value = y),
+          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",
+          name: "new_password",
+          type: "password",
+          required: "",
+          autocomplete: "new-password",
+          disabled: r.value
+        }, null, 8, se), [
+          [$, a.value]
+        ])
+      ]),
+      e("div", oe, [
+        c[5] || (c[5] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-confirm-password"
+        }, " Confirm new password ", -1)),
+        k(e("input", {
+          id: "yauth-confirm-password",
+          "onUpdate:modelValue": c[2] || (c[2] = (y) => v.value = y),
+          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",
+          name: "confirm_password",
+          type: "password",
+          required: "",
+          autocomplete: "new-password",
+          disabled: r.value
+        }, null, 8, ne), [
+          [$, v.value]
+        ])
+      ]),
+      e("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",
+        disabled: r.value
+      }, p(r.value ? "Changing password..." : "Change password"), 9, ie)
+    ], 32));
+  }
+}), re = { class: "mx-auto max-w-md space-y-6 p-6" }, ae = { class: "space-y-2 text-center" }, le = { class: "text-2xl font-semibold tracking-tight" }, de = { class: "text-sm text-muted-foreground" }, ue = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, ce = {
+  key: 1,
+  class: "space-y-3 rounded-md border p-4"
+}, me = { class: "space-y-2" }, pe = { class: "flex gap-3" }, ve = ["disabled"], fe = ["disabled"], rs = /* @__PURE__ */ E({
+  __name: "ConsentScreen",
+  props: {
+    clientName: {},
+    clientId: {},
+    scopes: {},
+    redirectUri: {},
+    responseType: {},
+    codeChallenge: {},
+    codeChallengeMethod: {},
+    state: {},
+    onSubmit: { type: Function },
+    onError: { type: Function },
+    authBaseUrl: {}
+  },
+  setup(x) {
+    const d = x, b = l(!1), m = l(null), a = Y(() => d.clientName ?? d.clientId), v = async (i) => {
+      m.value = null, b.value = !0;
+      try {
+        const n = d.authBaseUrl ?? "/api/auth", r = await fetch(`${n}/authorize`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify({
+            client_id: d.clientId,
+            redirect_uri: d.redirectUri,
+            response_type: d.responseType,
+            code_challenge: d.codeChallenge,
+            code_challenge_method: d.codeChallengeMethod,
+            scope: d.scopes?.join(" "),
+            state: d.state,
+            approved: i
+          })
+        });
+        if (r.redirected) {
+          window.location.href = r.url;
+          return;
+        }
+        if (!r.ok) {
+          const u = await r.json().catch(() => null);
+          throw new Error(
+            u?.error_description ?? u?.error ?? "Authorization failed"
+          );
+        }
+        const t = r.headers.get("Location");
+        if (t) {
+          window.location.href = t;
+          return;
+        }
+        d.onSubmit?.(i);
+      } catch (n) {
+        const r = n instanceof Error ? n : new Error(String(n));
+        m.value = r.message, d.onError?.(r);
+      } finally {
+        b.value = !1;
+      }
+    };
+    return (i, n) => (s(), o("div", re, [
+      e("div", ae, [
+        e("h2", le, " Authorize " + p(a.value), 1),
+        e("p", de, [
+          e("strong", null, p(a.value), 1),
+          n[2] || (n[2] = J(" is requesting access to your account. ", -1))
+        ])
+      ]),
+      m.value ? (s(), o("div", ue, p(m.value), 1)) : g("", !0),
+      x.scopes && x.scopes.length > 0 ? (s(), o("div", ce, [
+        n[4] || (n[4] = e("p", { class: "text-sm font-medium" }, " This application is requesting the following permissions: ", -1)),
+        e("ul", me, [
+          (s(!0), o(C, null, j(x.scopes, (r) => (s(), o("li", {
+            key: r,
+            class: "flex items-center gap-2 text-sm"
+          }, [
+            n[3] || (n[3] = e("svg", {
+              class: "h-4 w-4 text-primary",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-label": "Checkmark",
+              role: "img"
+            }, [
+              e("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"
+              })
+            ], -1)),
+            e("span", null, p(r), 1)
+          ]))), 128))
+        ])
+      ])) : g("", !0),
+      e("div", pe, [
+        e("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",
+          disabled: b.value,
+          onClick: n[0] || (n[0] = (r) => v(!1))
+        }, " Deny ", 8, ve),
+        e("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",
+          disabled: b.value,
+          onClick: n[1] || (n[1] = (r) => v(!0))
+        }, p(b.value ? "Authorizing..." : "Authorize"), 9, fe)
+      ]),
+      n[5] || (n[5] = e("p", { class: "text-center text-xs text-muted-foreground" }, " By authorizing, you allow this application to access your account with the permissions listed above. ", -1))
+    ]));
+  }
+}), be = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, ye = {
+  key: 1,
+  class: "rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400"
+}, ge = { class: "space-y-2" }, xe = ["disabled"], he = ["disabled"], as = /* @__PURE__ */ E({
+  __name: "ForgotPasswordForm",
+  props: {
+    onSuccess: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l(""), a = l(null), v = l(null), i = l(!1), n = async (r) => {
+      r.preventDefault(), a.value = null, v.value = null, i.value = !0;
+      try {
+        const t = await b.emailPassword.forgotPassword(m.value);
+        v.value = t.message, d.onSuccess?.(t.message);
+      } catch (t) {
+        const u = t instanceof Error ? t : new Error(String(t));
+        a.value = u.message;
+      } finally {
+        i.value = !1;
+      }
+    };
+    return (r, t) => (s(), o("form", {
+      class: "space-y-4",
+      onSubmit: n
+    }, [
+      a.value ? (s(), o("div", be, p(a.value), 1)) : g("", !0),
+      v.value ? (s(), o("div", ye, p(v.value), 1)) : g("", !0),
+      e("div", ge, [
+        t[1] || (t[1] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-forgot-password-email"
+        }, " Email ", -1)),
+        k(e("input", {
+          id: "yauth-forgot-password-email",
+          "onUpdate:modelValue": t[0] || (t[0] = (u) => m.value = u),
+          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",
+          name: "email",
+          type: "email",
+          required: "",
+          autocomplete: "email",
+          disabled: i.value
+        }, null, 8, xe), [
+          [$, m.value]
+        ])
+      ]),
+      e("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",
+        disabled: i.value
+      }, p(i.value ? "Sending..." : "Send reset link"), 9, he)
+    ], 32));
+  }
+}), we = { class: "space-y-2" }, _e = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, ke = ["disabled"], $e = /* @__PURE__ */ E({
+  __name: "PasskeyButton",
+  props: {
+    mode: {},
+    email: {},
+    onSuccess: { type: Function },
+    onError: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l(null), a = l(!1), v = async () => {
+      const t = await b.passkey.loginBegin(d.email || void 0), u = t.options, c = await H({
+        optionsJSON: u.publicKey
+      });
+      await b.passkey.loginFinish(t.challenge_id, c);
+      const y = await b.getSession();
+      d.onSuccess?.(y.user);
+    }, i = async () => {
+      const t = await b.passkey.registerBegin(), u = await Q({
+        optionsJSON: t.publicKey
+      });
+      await b.passkey.registerFinish(u, "Passkey"), d.onSuccess?.(void 0);
+    }, n = async () => {
+      m.value = null, a.value = !0;
+      try {
+        d.mode === "login" ? await v() : await i();
+      } catch (t) {
+        const u = t instanceof Error ? t : new Error(String(t));
+        console.error("[yauth] Passkey error:", u);
+        const c = u.name === "NotAllowedError" ? "Passkey authentication was cancelled or not available on this device." : u.message;
+        m.value = c, d.onError?.(u);
+      } finally {
+        a.value = !1;
+      }
+    }, r = () => a.value ? d.mode === "login" ? "Authenticating..." : "Registering..." : d.mode === "login" ? "Sign in with passkey" : "Register passkey";
+    return (t, u) => (s(), o("div", we, [
+      m.value ? (s(), o("div", _e, p(m.value), 1)) : g("", !0),
+      e("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",
+        disabled: a.value,
+        onClick: n
+      }, p(r()), 9, ke)
+    ]));
+  }
+}), Se = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, Ee = { class: "space-y-2" }, Ce = ["disabled"], Pe = { class: "space-y-2" }, Fe = ["disabled"], Ve = ["disabled"], ls = /* @__PURE__ */ E({
+  __name: "LoginForm",
+  props: {
+    onSuccess: { type: Function },
+    onMfaRequired: { type: Function },
+    onError: { type: Function },
+    showPasskey: { type: Boolean }
+  },
+  setup(x) {
+    const d = x, { client: b, refetch: m } = P(), a = l(""), v = l(""), i = l(null), n = l(!1), r = async (u) => {
+      u.preventDefault(), i.value = null, n.value = !0;
+      try {
+        const c = await b.emailPassword.login({
+          email: a.value,
+          password: v.value
+        });
+        if ("mfa_required" in c && c.mfa_required)
+          d.onMfaRequired?.(c.pending_session_id);
+        else {
+          const y = await m();
+          d.onSuccess?.(y);
+        }
+      } catch (c) {
+        const y = c instanceof Error ? c : new Error(String(c));
+        i.value = y.message, d.onError?.(y);
+      } finally {
+        n.value = !1;
+      }
+    }, t = (u) => {
+      m(), d.onSuccess?.(u);
+    };
+    return (u, c) => (s(), o("form", {
+      class: "space-y-6",
+      onSubmit: r
+    }, [
+      i.value ? (s(), o("div", Se, p(i.value), 1)) : g("", !0),
+      e("div", Ee, [
+        c[2] || (c[2] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-login-email"
+        }, " Email ", -1)),
+        k(e("input", {
+          id: "yauth-login-email",
+          "onUpdate:modelValue": c[0] || (c[0] = (y) => a.value = y),
+          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",
+          name: "email",
+          type: "email",
+          required: "",
+          autocomplete: "email",
+          disabled: n.value
+        }, null, 8, Ce), [
+          [$, a.value]
+        ])
+      ]),
+      e("div", Pe, [
+        c[3] || (c[3] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-login-password"
+        }, " Password ", -1)),
+        k(e("input", {
+          id: "yauth-login-password",
+          "onUpdate:modelValue": c[1] || (c[1] = (y) => v.value = y),
+          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",
+          name: "password",
+          type: "password",
+          required: "",
+          autocomplete: "current-password",
+          disabled: n.value
+        }, null, 8, Fe), [
+          [$, v.value]
+        ])
+      ]),
+      e("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",
+        disabled: n.value
+      }, p(n.value ? "Signing in..." : "Sign in"), 9, Ve),
+      x.showPasskey ? (s(), o(C, { key: 1 }, [
+        c[4] || (c[4] = K('<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</span></div></div>', 1)),
+        G($e, {
+          mode: "login",
+          email: a.value,
+          "on-success": t,
+          "on-error": x.onError
+        }, null, 8, ["email", "on-error"])
+      ], 64)) : g("", !0)
+    ], 32));
+  }
+}), Ue = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, Ae = {
+  key: 1,
+  class: "rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400"
+}, je = { class: "space-y-2" }, De = ["disabled"], qe = ["disabled"], ds = /* @__PURE__ */ E({
+  __name: "MagicLinkForm",
+  props: {
+    onSuccess: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l(""), a = l(null), v = l(null), i = l(!1), n = async (r) => {
+      r.preventDefault(), a.value = null, v.value = null, i.value = !0;
+      try {
+        const t = await b.magicLink.send(m.value);
+        v.value = t.message, d.onSuccess?.(t.message);
+      } catch (t) {
+        const u = t instanceof Error ? t : new Error(String(t));
+        a.value = u.message;
+      } finally {
+        i.value = !1;
+      }
+    };
+    return (r, t) => (s(), o("form", {
+      class: "space-y-4",
+      onSubmit: n
+    }, [
+      a.value ? (s(), o("div", Ue, p(a.value), 1)) : g("", !0),
+      v.value ? (s(), o("div", Ae, p(v.value), 1)) : g("", !0),
+      v.value ? g("", !0) : (s(), o(C, { key: 2 }, [
+        e("div", je, [
+          t[1] || (t[1] = e("label", {
+            class: "text-sm font-medium leading-none",
+            for: "yauth-magic-link-email"
+          }, " Email ", -1)),
+          k(e("input", {
+            id: "yauth-magic-link-email",
+            "onUpdate:modelValue": t[0] || (t[0] = (u) => m.value = u),
+            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",
+            name: "email",
+            type: "email",
+            required: "",
+            autocomplete: "email",
+            disabled: i.value,
+            placeholder: "you@example.com"
+          }, null, 8, De), [
+            [$, m.value]
+          ])
+        ]),
+        e("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",
+          disabled: i.value
+        }, p(i.value ? "Sending..." : "Send magic link"), 9, qe)
+      ], 64))
+    ], 32));
+  }
+}), Me = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, Le = { class: "space-y-2" }, Ne = ["disabled"], Re = ["disabled"], us = /* @__PURE__ */ E({
+  __name: "MfaChallenge",
+  props: {
+    pendingSessionId: {},
+    onSuccess: { type: Function },
+    onError: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l(""), a = l(null), v = l(!1), i = async (n) => {
+      n.preventDefault(), a.value = null, v.value = !0;
+      try {
+        await b.mfa.verify(d.pendingSessionId, m.value);
+        const r = await b.getSession();
+        d.onSuccess?.(r.user);
+      } catch (r) {
+        const t = r instanceof Error ? r : new Error(String(r));
+        a.value = t.message, d.onError?.(t);
+      } finally {
+        v.value = !1;
+      }
+    };
+    return (n, r) => (s(), o("form", {
+      class: "space-y-4",
+      onSubmit: i
+    }, [
+      a.value ? (s(), o("div", Me, p(a.value), 1)) : g("", !0),
+      r[2] || (r[2] = e("p", { class: "text-sm text-muted-foreground" }, " Enter the code from your authenticator app, or use a backup code. ", -1)),
+      e("div", Le, [
+        r[1] || (r[1] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-mfa-challenge-code"
+        }, " Verification code ", -1)),
+        k(e("input", {
+          id: "yauth-mfa-challenge-code",
+          "onUpdate:modelValue": r[0] || (r[0] = (t) => m.value = t),
+          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",
+          name: "code",
+          type: "text",
+          inputmode: "numeric",
+          autocomplete: "one-time-code",
+          required: "",
+          disabled: v.value
+        }, null, 8, Ne), [
+          [$, m.value]
+        ])
+      ]),
+      e("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",
+        disabled: v.value
+      }, p(v.value ? "Verifying..." : "Verify"), 9, Re)
+    ], 32));
+  }
+}), Be = { class: "space-y-4" }, Te = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, Oe = {
+  key: 1,
+  class: "space-y-4"
+}, ze = ["disabled"], Ie = {
+  key: 2,
+  class: "space-y-4"
+}, Ye = { class: "space-y-1" }, Je = { class: "block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs" }, Ke = { class: "space-y-1" }, Ge = { class: "block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs font-mono tracking-wider" }, He = { class: "space-y-2" }, Qe = ["disabled"], We = ["disabled"], Xe = {
+  key: 3,
+  class: "space-y-4"
+}, Ze = { class: "space-y-1" }, cs = /* @__PURE__ */ E({
+  __name: "MfaSetup",
+  props: {
+    onComplete: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l("begin"), a = l(""), v = l(""), i = l(""), n = l([]), r = l(null), t = l(!1), u = async () => {
+      r.value = null, t.value = !0;
+      try {
+        const y = await b.mfa.setup();
+        a.value = y.otpauth_url, v.value = y.secret, n.value = y.backup_codes, m.value = "confirm";
+      } catch (y) {
+        const h = y instanceof Error ? y : new Error(String(y));
+        r.value = h.message;
+      } finally {
+        t.value = !1;
+      }
+    }, c = async (y) => {
+      y.preventDefault(), r.value = null, t.value = !0;
+      try {
+        await b.mfa.confirm(i.value), m.value = "done", d.onComplete?.(n.value);
+      } catch (h) {
+        const F = h instanceof Error ? h : new Error(String(h));
+        r.value = F.message;
+      } finally {
+        t.value = !1;
+      }
+    };
+    return (y, h) => (s(), o("div", Be, [
+      r.value ? (s(), o("div", Te, p(r.value), 1)) : g("", !0),
+      m.value === "begin" ? (s(), o("div", Oe, [
+        h[1] || (h[1] = e("p", { class: "text-sm text-muted-foreground" }, " Set up two-factor authentication to secure your account. ", -1)),
+        e("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",
+          disabled: t.value,
+          onClick: u
+        }, p(t.value ? "Setting up..." : "Set up 2FA"), 9, ze)
+      ])) : g("", !0),
+      m.value === "confirm" ? (s(), o("div", Ie, [
+        h[5] || (h[5] = e("p", { class: "text-sm text-muted-foreground" }, " Add this account to your authenticator app using the URI below, then enter the verification code. ", -1)),
+        e("div", Ye, [
+          h[2] || (h[2] = e("span", { class: "text-sm font-medium leading-none" }, "OTP Auth URI", -1)),
+          e("code", Je, p(a.value), 1)
+        ]),
+        e("div", Ke, [
+          h[3] || (h[3] = e("span", { class: "text-sm font-medium leading-none" }, " Manual entry key ", -1)),
+          e("code", Ge, p(v.value), 1)
+        ]),
+        e("form", {
+          class: "space-y-4",
+          onSubmit: c
+        }, [
+          e("div", He, [
+            h[4] || (h[4] = e("label", {
+              class: "text-sm font-medium leading-none",
+              for: "yauth-mfa-setup-code"
+            }, " Verification code ", -1)),
+            k(e("input", {
+              id: "yauth-mfa-setup-code",
+              "onUpdate:modelValue": h[0] || (h[0] = (F) => i.value = F),
+              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",
+              name: "code",
+              type: "text",
+              inputmode: "numeric",
+              autocomplete: "one-time-code",
+              required: "",
+              disabled: t.value
+            }, null, 8, Qe), [
+              [$, i.value]
+            ])
+          ]),
+          e("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",
+            disabled: t.value
+          }, p(t.value ? "Verifying..." : "Verify and enable"), 9, We)
+        ], 32)
+      ])) : g("", !0),
+      m.value === "done" ? (s(), o("div", Xe, [
+        h[6] || (h[6] = e("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. ", -1)),
+        e("ul", Ze, [
+          (s(!0), o(C, null, j(n.value, (F) => (s(), o("li", {
+            key: F,
+            class: "rounded-md border border-input bg-muted px-3 py-1.5 text-center font-mono text-sm tracking-wider"
+          }, p(F), 1))), 128))
+        ])
+      ])) : g("", !0)
+    ]));
+  }
+}), et = { class: "space-y-2" }, tt = ["onClick"], ms = /* @__PURE__ */ E({
+  __name: "OAuthButtons",
+  props: {
+    providers: {}
+  },
+  setup(x) {
+    const { client: d } = P(), b = (a) => {
+      d.oauth.authorize(a);
+    }, m = (a) => a.charAt(0).toUpperCase() + a.slice(1);
+    return (a, v) => (s(), o("div", et, [
+      (s(!0), o(C, null, j(x.providers, (i) => (s(), o("button", {
+        key: i,
+        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",
+        onClick: (n) => b(i)
+      }, " Sign in with " + p(m(i)), 9, tt))), 128))
+    ]));
+  }
+}), st = { class: "space-y-8" }, ot = {
+  key: 0,
+  class: "text-sm text-muted-foreground"
+}, nt = { class: "space-y-4" }, it = { class: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm" }, rt = { class: "space-y-4" }, at = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, lt = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, dt = {
+  key: 0,
+  class: "text-sm text-muted-foreground"
+}, ut = {
+  key: 1,
+  class: "space-y-2"
+}, ct = { class: "space-y-0.5" }, mt = { class: "text-sm font-medium" }, pt = { class: "block text-xs text-muted-foreground" }, vt = ["disabled", "onClick"], ft = { class: "space-y-4" }, bt = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, yt = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, gt = {
+  key: 0,
+  class: "text-sm text-muted-foreground"
+}, xt = {
+  key: 1,
+  class: "space-y-2"
+}, ht = { class: "space-y-0.5" }, wt = { class: "text-sm font-medium" }, _t = { class: "block text-xs text-muted-foreground" }, kt = ["disabled", "onClick"], $t = { class: "space-y-4" }, St = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, Et = {
+  key: 1,
+  class: "flex gap-2"
+}, Ct = ["disabled"], Pt = ["disabled"], Ft = {
+  key: 2,
+  class: "space-y-4"
+}, Vt = { class: "space-y-1" }, Ut = { class: "block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs" }, At = { class: "space-y-1" }, jt = { class: "block w-full break-all rounded-md border border-input bg-muted px-3 py-2 text-xs font-mono tracking-wider" }, Dt = { class: "space-y-2" }, qt = ["disabled"], Mt = ["disabled"], Lt = {
+  key: 3,
+  class: "space-y-4"
+}, Nt = { class: "space-y-1" }, ps = /* @__PURE__ */ E({
+  __name: "ProfileSettings",
+  setup(x) {
+    const { client: d, user: b, loading: m } = P(), a = l([]), v = l(!0), i = l(null), n = l(null), r = l([]), t = l(!0), u = l(null), c = l(null), y = l(""), h = l(""), F = l(""), D = l([]), A = l("idle"), V = l(null), S = l(!1), q = async () => {
+      v.value = !0;
+      try {
+        a.value = await d.passkey.list();
+      } catch {
+        a.value = [];
+      } finally {
+        v.value = !1;
+      }
+    }, M = async () => {
+      t.value = !0;
+      try {
+        r.value = await d.oauth.accounts();
+      } catch {
+        r.value = [];
+      } finally {
+        t.value = !1;
+      }
+    };
+    L(() => {
+      q(), M();
+    });
+    const N = async (_) => {
+      i.value = null, n.value = _;
+      try {
+        await d.passkey.delete(_), await q();
+      } catch (f) {
+        const w = f instanceof Error ? f : new Error(String(f));
+        i.value = w.message;
+      } finally {
+        n.value = null;
+      }
+    }, R = async (_) => {
+      u.value = null, c.value = _;
+      try {
+        await d.oauth.unlink(_), await M();
+      } catch (f) {
+        const w = f instanceof Error ? f : new Error(String(f));
+        u.value = w.message;
+      } finally {
+        c.value = null;
+      }
+    }, B = async () => {
+      V.value = null, S.value = !0;
+      try {
+        const _ = await d.mfa.setup();
+        y.value = _.otpauth_url, h.value = _.secret, D.value = _.backup_codes, A.value = "confirm";
+      } catch (_) {
+        const f = _ instanceof Error ? _ : new Error(String(_));
+        V.value = f.message;
+      } finally {
+        S.value = !1;
+      }
+    }, T = async (_) => {
+      _.preventDefault(), V.value = null, S.value = !0;
+      try {
+        await d.mfa.confirm(F.value), A.value = "done";
+      } catch (f) {
+        const w = f instanceof Error ? f : new Error(String(f));
+        V.value = w.message;
+      } finally {
+        S.value = !1;
+      }
+    }, O = async () => {
+      V.value = null, S.value = !0;
+      try {
+        await d.mfa.disable(), A.value = "idle", y.value = "", h.value = "", F.value = "", D.value = [];
+      } catch (_) {
+        const f = _ instanceof Error ? _ : new Error(String(_));
+        V.value = f.message;
+      } finally {
+        S.value = !1;
+      }
+    }, z = (_) => _.charAt(0).toUpperCase() + _.slice(1);
+    return (_, f) => (s(), o("div", st, [
+      U(m) ? (s(), o("div", ot, " Loading profile... ")) : g("", !0),
+      U(b) ? (s(), o(C, { key: 1 }, [
+        e("section", nt, [
+          f[5] || (f[5] = e("h2", { class: "text-lg font-semibold tracking-tight" }, "Profile", -1)),
+          e("dl", it, [
+            f[2] || (f[2] = e("dt", { class: "font-medium text-muted-foreground" }, "Email", -1)),
+            e("dd", null, p(U(b).email), 1),
+            U(b).display_name ? (s(), o(C, { key: 0 }, [
+              f[1] || (f[1] = e("dt", { class: "font-medium text-muted-foreground" }, " Display name ", -1)),
+              e("dd", null, p(U(b).display_name), 1)
+            ], 64)) : g("", !0),
+            f[3] || (f[3] = e("dt", { class: "font-medium text-muted-foreground" }, " Email verified ", -1)),
+            e("dd", null, p(U(b).email_verified ? "Yes" : "No"), 1),
+            f[4] || (f[4] = e("dt", { class: "font-medium text-muted-foreground" }, "Role", -1)),
+            e("dd", null, p(U(b).role), 1)
+          ])
+        ]),
+        e("section", rt, [
+          f[6] || (f[6] = e("h2", { class: "text-lg font-semibold tracking-tight" }, "Passkeys", -1)),
+          i.value ? (s(), o("div", at, p(i.value), 1)) : g("", !0),
+          v.value ? (s(), o("div", lt, " Loading passkeys... ")) : (s(), o(C, { key: 2 }, [
+            a.value.length === 0 ? (s(), o("p", dt, " No passkeys registered. ")) : (s(), o("ul", ut, [
+              (s(!0), o(C, null, j(a.value, (w) => (s(), o("li", {
+                key: w.id,
+                class: "flex items-center justify-between rounded-md border border-input px-3 py-2"
+              }, [
+                e("div", ct, [
+                  e("span", mt, p(w.name ?? "Unnamed passkey"), 1),
+                  e("span", pt, " Added " + p(new Date(
+                    w.created_at
+                  ).toLocaleDateString()), 1)
+                ]),
+                e("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",
+                  disabled: n.value === w.id,
+                  onClick: (I) => N(w.id)
+                }, p(n.value === w.id ? "Deleting..." : "Delete"), 9, vt)
+              ]))), 128))
+            ]))
+          ], 64))
+        ]),
+        e("section", ft, [
+          f[7] || (f[7] = e("h2", { class: "text-lg font-semibold tracking-tight" }, " Connected accounts ", -1)),
+          u.value ? (s(), o("div", bt, p(u.value), 1)) : g("", !0),
+          t.value ? (s(), o("div", yt, " Loading accounts... ")) : (s(), o(C, { key: 2 }, [
+            r.value.length === 0 ? (s(), o("p", gt, " No connected accounts. ")) : (s(), o("ul", xt, [
+              (s(!0), o(C, null, j(r.value, (w) => (s(), o("li", {
+                key: w.provider,
+                class: "flex items-center justify-between rounded-md border border-input px-3 py-2"
+              }, [
+                e("div", ht, [
+                  e("span", wt, p(z(w.provider)), 1),
+                  e("span", _t, " Connected " + p(new Date(
+                    w.created_at
+                  ).toLocaleDateString()), 1)
+                ]),
+                e("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",
+                  disabled: c.value === w.provider,
+                  onClick: (I) => R(w.provider)
+                }, p(c.value === w.provider ? "Unlinking..." : "Unlink"), 9, kt)
+              ]))), 128))
+            ]))
+          ], 64))
+        ]),
+        e("section", $t, [
+          f[13] || (f[13] = e("h2", { class: "text-lg font-semibold tracking-tight" }, " Two-factor authentication ", -1)),
+          V.value ? (s(), o("div", St, p(V.value), 1)) : g("", !0),
+          A.value === "idle" ? (s(), o("div", Et, [
+            e("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",
+              disabled: S.value,
+              onClick: B
+            }, p(S.value ? "Setting up..." : "Set up 2FA"), 9, Ct),
+            e("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",
+              disabled: S.value,
+              onClick: O
+            }, p(S.value ? "Disabling..." : "Disable 2FA"), 9, Pt)
+          ])) : g("", !0),
+          A.value === "confirm" ? (s(), o("div", Ft, [
+            f[11] || (f[11] = e("p", { class: "text-sm text-muted-foreground" }, " Add this account to your authenticator app, then enter the verification code. ", -1)),
+            e("div", Vt, [
+              f[8] || (f[8] = e("span", { class: "text-sm font-medium leading-none" }, " OTP Auth URI ", -1)),
+              e("code", Ut, p(y.value), 1)
+            ]),
+            e("div", At, [
+              f[9] || (f[9] = e("span", { class: "text-sm font-medium leading-none" }, " Manual entry key ", -1)),
+              e("code", jt, p(h.value), 1)
+            ]),
+            e("form", {
+              class: "space-y-4",
+              onSubmit: T
+            }, [
+              e("div", Dt, [
+                f[10] || (f[10] = e("label", {
+                  class: "text-sm font-medium leading-none",
+                  for: "yauth-profile-mfa-code"
+                }, " Verification code ", -1)),
+                k(e("input", {
+                  id: "yauth-profile-mfa-code",
+                  "onUpdate:modelValue": f[0] || (f[0] = (w) => F.value = w),
+                  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",
+                  name: "mfa_code",
+                  type: "text",
+                  inputmode: "numeric",
+                  autocomplete: "one-time-code",
+                  required: "",
+                  disabled: S.value
+                }, null, 8, qt), [
+                  [$, F.value]
+                ])
+              ]),
+              e("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",
+                disabled: S.value
+              }, p(S.value ? "Verifying..." : "Verify and enable"), 9, Mt)
+            ], 32)
+          ])) : g("", !0),
+          A.value === "done" ? (s(), o("div", Lt, [
+            f[12] || (f[12] = e("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. ", -1)),
+            e("ul", Nt, [
+              (s(!0), o(C, null, j(D.value, (w) => (s(), o("li", {
+                key: w,
+                class: "rounded-md border border-input bg-muted px-3 py-1.5 text-center font-mono text-sm tracking-wider"
+              }, p(w), 1))), 128))
+            ])
+          ])) : g("", !0)
+        ])
+      ], 64)) : g("", !0)
+    ]));
+  }
+}), Rt = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, Bt = { class: "space-y-2" }, Tt = ["disabled"], Ot = { class: "space-y-2" }, zt = ["disabled"], It = { class: "space-y-2" }, Yt = ["disabled"], Jt = ["disabled"], vs = /* @__PURE__ */ E({
+  __name: "RegisterForm",
+  props: {
+    onSuccess: { type: Function },
+    onError: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l(""), a = l(""), v = l(""), i = l(null), n = l(!1), r = async (t) => {
+      t.preventDefault(), i.value = null, n.value = !0;
+      try {
+        const u = await b.emailPassword.register({
+          email: m.value,
+          password: a.value,
+          display_name: v.value || void 0
+        });
+        d.onSuccess?.(u.message);
+      } catch (u) {
+        const c = u instanceof Error ? u : new Error(String(u));
+        i.value = c.message, d.onError?.(c);
+      } finally {
+        n.value = !1;
+      }
+    };
+    return (t, u) => (s(), o("form", {
+      class: "space-y-6",
+      onSubmit: r
+    }, [
+      i.value ? (s(), o("div", Rt, p(i.value), 1)) : g("", !0),
+      e("div", Bt, [
+        u[3] || (u[3] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-register-email"
+        }, " Email ", -1)),
+        k(e("input", {
+          id: "yauth-register-email",
+          "onUpdate:modelValue": u[0] || (u[0] = (c) => m.value = c),
+          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",
+          name: "email",
+          type: "email",
+          required: "",
+          autocomplete: "email",
+          disabled: n.value
+        }, null, 8, Tt), [
+          [$, m.value]
+        ])
+      ]),
+      e("div", Ot, [
+        u[4] || (u[4] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-register-password"
+        }, " Password ", -1)),
+        k(e("input", {
+          id: "yauth-register-password",
+          "onUpdate:modelValue": u[1] || (u[1] = (c) => a.value = c),
+          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",
+          name: "password",
+          type: "password",
+          required: "",
+          autocomplete: "new-password",
+          disabled: n.value
+        }, null, 8, zt), [
+          [$, a.value]
+        ])
+      ]),
+      e("div", It, [
+        u[5] || (u[5] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-register-display-name"
+        }, " Display name (optional) ", -1)),
+        k(e("input", {
+          id: "yauth-register-display-name",
+          "onUpdate:modelValue": u[2] || (u[2] = (c) => v.value = c),
+          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",
+          name: "display_name",
+          type: "text",
+          autocomplete: "name",
+          disabled: n.value
+        }, null, 8, Yt), [
+          [$, v.value]
+        ])
+      ]),
+      e("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",
+        disabled: n.value
+      }, p(n.value ? "Creating account..." : "Create account"), 9, Jt)
+    ], 32));
+  }
+}), Kt = {
+  key: 0,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, Gt = {
+  key: 1,
+  class: "rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400"
+}, Ht = { class: "space-y-2" }, Qt = ["disabled"], Wt = ["disabled"], fs = /* @__PURE__ */ E({
+  __name: "ResetPasswordForm",
+  props: {
+    token: {},
+    onSuccess: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l(""), a = l(null), v = l(null), i = l(!1), n = async (r) => {
+      r.preventDefault(), a.value = null, v.value = null, i.value = !0;
+      try {
+        const t = await b.emailPassword.resetPassword(
+          d.token,
+          m.value
+        );
+        v.value = t.message, d.onSuccess?.(t.message);
+      } catch (t) {
+        const u = t instanceof Error ? t : new Error(String(t));
+        a.value = u.message;
+      } finally {
+        i.value = !1;
+      }
+    };
+    return (r, t) => (s(), o("form", {
+      class: "space-y-4",
+      onSubmit: n
+    }, [
+      a.value ? (s(), o("div", Kt, p(a.value), 1)) : g("", !0),
+      v.value ? (s(), o("div", Gt, p(v.value), 1)) : g("", !0),
+      e("div", Ht, [
+        t[1] || (t[1] = e("label", {
+          class: "text-sm font-medium leading-none",
+          for: "yauth-reset-password-input"
+        }, " New password ", -1)),
+        k(e("input", {
+          id: "yauth-reset-password-input",
+          "onUpdate:modelValue": t[0] || (t[0] = (u) => m.value = u),
+          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",
+          name: "password",
+          type: "password",
+          required: "",
+          autocomplete: "new-password",
+          disabled: i.value
+        }, null, 8, Qt), [
+          [$, m.value]
+        ])
+      ]),
+      e("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",
+        disabled: i.value
+      }, p(i.value ? "Resetting..." : "Reset password"), 9, Wt)
+    ], 32));
+  }
+}), Xt = { class: "space-y-4" }, Zt = {
+  key: 0,
+  class: "text-sm text-muted-foreground"
+}, es = {
+  key: 1,
+  class: "rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-600 dark:text-emerald-400"
+}, ts = {
+  key: 2,
+  class: "rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive"
+}, bs = /* @__PURE__ */ E({
+  __name: "VerifyEmail",
+  props: {
+    token: {},
+    onSuccess: { type: Function },
+    onError: { type: Function }
+  },
+  setup(x) {
+    const d = x, { client: b } = P(), m = l("loading"), a = l(""), v = l("");
+    return L(async () => {
+      try {
+        const i = await b.emailPassword.verify(d.token);
+        a.value = i.message, m.value = "success", d.onSuccess?.();
+      } catch (i) {
+        const n = i instanceof Error ? i : new Error(String(i));
+        v.value = n.message, m.value = "error", d.onError?.(n);
+      }
+    }), (i, n) => (s(), o("div", Xt, [
+      m.value === "loading" ? (s(), o("div", Zt, " Verifying your email address... ")) : g("", !0),
+      m.value === "success" ? (s(), o("div", es, p(a.value), 1)) : g("", !0),
+      m.value === "error" ? (s(), o("div", ts, p(v.value), 1)) : g("", !0)
+    ]));
+  }
+});
+export {
+  is as ChangePasswordForm,
+  rs as ConsentScreen,
+  as as ForgotPasswordForm,
+  ls as LoginForm,
+  ds as MagicLinkForm,
+  us as MfaChallenge,
+  cs as MfaSetup,
+  ms as OAuthButtons,
+  $e as PasskeyButton,
+  ps as ProfileSettings,
+  vs as RegisterForm,
+  fs as ResetPasswordForm,
+  bs as VerifyEmail,
+  xs as YAuthKey,
+  hs as YAuthPlugin,
+  ws as useAuth,
+  _s as useSession,
+  P as useYAuth
+};