@zerodev/wallet-react-ui 0.0.7 → 0.0.9

package/dist/index.mjs

@@ -1,81 +1,81 @@
-import { jsxs as d, jsx as t, Fragment as N } from "react/jsx-runtime";
-import { Text as m, cn as H, PoweredBy as T, Button as w, Wrapper as Q, Input as Z, Icon as ee, ListItem as _, ListItemChevron as te, ListItemIcon as q, Screen as ne, TopNav as re } from "@zerodev/react-ui";
-import { useState as z, useEffect as k, useMemo as ie, useRef as D, createContext as se, useContext as oe } from "react";
-import { useStore as C, create as ae } from "zustand";
-import { useConfig as de, useConnect as ce } from "wagmi";
-import { useSendMagicLink as W, useSendOTP as F, useVerifyOTP as le, useAuthenticateOAuth as ue, useRegisterPasskey as pe, useLoginPasskey as he, useVerifyMagicLink as me, zeroDevWallet as fe, NotAuthenticatedError as ge } from "@zerodev/wallet-react";
-import { subscribeWithSelector as ze } from "zustand/middleware";
-const ye = "" + new URL("error.webp", import.meta.url).href, xe = "" + new URL("loading.webp", import.meta.url).href, we = "" + new URL("send.webp", import.meta.url).href, Se = "" + new URL("success.webp", import.meta.url).href, Ne = {
-  error: ye,
-  loading: xe,
-  send: we,
-  success: Se
+import { jsxs as c, jsx as t, Fragment as x } from "react/jsx-runtime";
+import { Text as D, cn as B, PoweredBy as H, Button as S, Wrapper as e2, Input as f2, Icon as Z, ListItem as M, ListItemChevron as V, ListItemIcon as t2, Badge as n2, BottomSheet as m2, BottomSheetContent as g2, BottomSheetTitle as z2, BottomSheetClose as D2, Screen as i2, TopNav as a2 } from "@zerodev/react-ui";
+import { useState as C, useEffect as U, useMemo as w2, useRef as r2, createContext as C2, useContext as E2, useLayoutEffect as F2, useCallback as x2, Fragment as y2 } from "react";
+import { useStore as O, create as v2 } from "zustand";
+import { useConfig as S2, useConnectors as $, useConnect as q } from "wagmi";
+import { useSendMagicLink as s2, useSendOTP as l2, useVerifyOTP as b2, useAuthenticateOAuth as A2, useRegisterPasskey as N2, useLoginPasskey as k2, useVerifyMagicLink as U2, zeroDevWallet as T2, NotAuthenticatedError as _2 } from "@zerodev/wallet-react";
+import { subscribeWithSelector as L2 } from "zustand/middleware";
+const O2 = "" + new URL("error.webp", import.meta.url).href, I2 = "" + new URL("loading.webp", import.meta.url).href, M2 = "" + new URL("send.webp", import.meta.url).href, H2 = "" + new URL("success.webp", import.meta.url).href, P2 = {
+  error: O2,
+  loading: I2,
+  send: M2,
+  success: H2
 };
-function E({
+function N({
   imageName: e,
-  title: r,
-  children: s,
-  className: i
+  title: n,
+  children: r,
+  className: a
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: H("zd:flex zd:flex-col zd:gap-8 zd:items-center", i),
+      className: B("zd:flex zd:flex-col zd:gap-8 zd:items-center", a),
       children: [
         /* @__PURE__ */ t(
           "img",
           {
-            src: Ne[e],
+            src: P2[e],
             alt: e,
             className: "zd:w-[118px] zd:h-[118px] zd:bg-transparent"
           }
         ),
-        /* @__PURE__ */ d("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
-          /* @__PURE__ */ t(m, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: r }),
-          /* @__PURE__ */ t(m, { className: "zd:text-center zd:whitespace-pre-wrap", children: s })
+        /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
+          /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: n }),
+          /* @__PURE__ */ t(D, { className: "zd:text-center zd:whitespace-pre-wrap", children: r })
         ] })
       ]
     }
   );
 }
-function ve() {
-  const r = de().connectors.find((s) => s.id === "zerodev-wallet");
-  if (!r || !("getKitStore" in r))
+function R2() {
+  const n = S2().connectors.find((r) => r.id === "zerodev-wallet");
+  if (!n || !("getKitStore" in n))
     throw new Error("useKitStore must be used with the zeroDevWallet connector");
-  return r.getKitStore();
+  return n.getKitStore();
 }
-function S() {
-  const e = ve(), r = C(e, (o) => o.auth.step), s = C(e, (o) => o.auth.stepHistory), i = C(e, (o) => o.auth.email), n = C(e, (o) => o.auth.otpId), a = C(
+function F() {
+  const e = R2(), n = O(e, (l) => l.auth.step), r = O(e, (l) => l.auth.stepHistory), a = O(e, (l) => l.auth.email), i = O(e, (l) => l.auth.otpId), s = O(
     e,
-    (o) => o.auth.otpEncryptionTargetBundle
+    (l) => l.auth.otpEncryptionTargetBundle
   );
   return {
-    step: r,
-    email: i,
-    otpId: n,
-    otpEncryptionTargetBundle: a,
+    step: n,
+    email: a,
+    otpId: i,
+    otpEncryptionTargetBundle: s,
     goToStep: e.getState().auth.goToStep,
-    goBack: s.length > 0 ? e.getState().auth.goBack : null,
+    goBack: r.length > 0 ? e.getState().auth.goBack : null,
     reset: e.getState().auth.reset,
     setEmail: e.getState().auth.setEmail,
     setOtpSession: e.getState().auth.setOtpSession,
     clearOtpSession: e.getState().auth.clearOtpSession
   };
 }
-function be() {
-  const { email: e, setOtpSession: r } = S(), { mutateAsync: s, isPending: i } = W(), [n, a] = z(60), o = n <= 0 && !i;
-  return k(() => {
-    if (n <= 0) return;
-    const l = setInterval(() => {
-      a((p) => Math.max(0, p - 1));
+function B2() {
+  const { email: e, setOtpSession: n } = F(), { mutateAsync: r, isPending: a } = s2(), [i, s] = C(60), l = i <= 0 && !a;
+  return U(() => {
+    if (i <= 0) return;
+    const p = setInterval(() => {
+      s((m) => Math.max(0, m - 1));
     }, 1e3);
     return () => {
-      clearInterval(l);
+      clearInterval(p);
     };
-  }, [n]), /* @__PURE__ */ d(N, { children: [
-    /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ d(
-        E,
+  }, [i]), /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
+      /* @__PURE__ */ c(
+        N,
         {
           imageName: "send",
           title: `Check your email!
@@ -83,155 +83,155 @@ function be() {
           children: [
             "We've sent a magic link to",
             " ",
-            /* @__PURE__ */ t(m, { as: "span", className: "zd:text-solarOrange", children: e }),
+            /* @__PURE__ */ t(D, { as: "span", className: "zd:text-solarOrange", children: e }),
             `
 `,
             "Please open the email and click the link to log in."
           ]
         }
       ),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ d(m, { className: "zd:text-center", children: [
+      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            disabled: !o,
+            disabled: !l,
             onClick: async () => {
-              if (!(!e || !o))
+              if (!(!e || !l))
                 try {
-                  const { otpId: l, otpEncryptionTargetBundle: p } = await s({
+                  const { otpId: p, otpEncryptionTargetBundle: m } = await r({
                     email: e
                   });
-                  r({ otpId: l, otpEncryptionTargetBundle: p }), a(60);
+                  n({ otpId: p, otpEncryptionTargetBundle: m }), s(60);
                 } catch {
                 }
             },
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: o ? "Resend" : `Resend in ${n} ${n === 1 ? "second" : "seconds"}`
+            children: l ? "Resend" : `Resend in ${i} ${i === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(T, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function Ee() {
+function Z2() {
   return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("code");
 }
-function A() {
+function I() {
   if (typeof window > "u") return;
   const e = new URL(window.location.href);
   e.searchParams.has("code") && (e.searchParams.delete("code"), window.history.replaceState(null, "", e.toString()));
 }
-function ke({
+function G2({
   title: e = "Oops, something went wrong",
-  message: r = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
-  showRetry: s = !1,
-  showChooseAnother: i = !0
+  message: n = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
+  showRetry: r = !1,
+  showChooseAnother: a = !0
 }) {
-  const { goToStep: n, goBack: a, reset: o } = S();
-  return /* @__PURE__ */ d(N, { children: [
-    /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      /* @__PURE__ */ t(E, { imageName: "error", title: e, children: r }),
-      /* @__PURE__ */ d("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
-        s && /* @__PURE__ */ t(w, { action: "primary", text: "Try again", onClick: a ?? (() => n("sign-up")) }),
-        i && /* @__PURE__ */ t(
-          w,
+  const { goToStep: i, goBack: s, reset: l } = F();
+  return /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      /* @__PURE__ */ t(N, { imageName: "error", title: e, children: n }),
+      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
+        r && /* @__PURE__ */ t(S, { action: "primary", text: "Try again", onClick: s ?? (() => i("sign-up")) }),
+        a && /* @__PURE__ */ t(
+          S,
           {
-            action: s ? "secondary" : "primary",
+            action: r ? "secondary" : "primary",
             onClick: () => {
-              A(), n("sign-up");
+              I(), i("sign-up");
             },
             text: "Choose another sign-in method"
           }
         ),
-        !s && !i && /* @__PURE__ */ t(w, { action: "primary", text: "Start over", onClick: o })
+        !r && !a && /* @__PURE__ */ t(S, { action: "primary", text: "Start over", onClick: l })
       ] })
     ] }),
-    /* @__PURE__ */ t(T, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const Te = 4, Ie = 8, Ce = 6;
-function Ae(e) {
-  return Math.max(Te, Math.min(Ie, e));
+const V2 = 4, W2 = 8, j2 = 6;
+function $2(e) {
+  return Math.max(V2, Math.min(W2, e));
 }
-function Pe({ char: e, isFocused: r }) {
+function q2({ char: e, isFocused: n }) {
   return /* @__PURE__ */ t(
-    Q,
+    e2,
     {
       "data-testid": "code-input-box",
-      "data-active": r || void 0,
-      className: H(
+      "data-active": n || void 0,
+      className: B(
         "zd:h-16 zd:w-14 zd:rounded-lg zd:flex zd:items-center zd:justify-center",
-        r && "zd:border-[1.5px] zd:border-greyScale"
+        n && "zd:border-[1.5px] zd:border-greyScale"
       ),
-      children: /* @__PURE__ */ t(m, { className: "zd:text-h2", children: e })
+      children: /* @__PURE__ */ t(D, { className: "zd:text-h2", children: e })
     }
   );
 }
-function Re({
+function K2({
   onChange: e,
-  onComplete: r,
-  disabled: s = !1,
-  error: i = !1,
-  autoFocus: n = !1,
-  length: a = Ce,
-  "data-testid": o
+  onComplete: n,
+  disabled: r = !1,
+  error: a = !1,
+  autoFocus: i = !1,
+  length: s = j2,
+  "data-testid": l
 }) {
-  const c = Ae(a), l = ie(
-    () => Array.from({ length: c }, (u, x) => ({
-      id: `char-${x}`,
-      index: x
+  const o = $2(s), p = w2(
+    () => Array.from({ length: o }, (u, z) => ({
+      id: `char-${z}`,
+      index: z
     })),
-    [c]
-  ), [p, h] = z(""), [v, b] = z(!1), f = D(null);
-  k(() => {
+    [o]
+  ), [m, g] = C(""), [E, h] = C(!1), d = r2(null);
+  U(() => {
     var u;
-    n && !s && ((u = f.current) == null || u.focus());
-  }, [n, s]), k(() => {
-    h((u) => u.slice(0, c));
-  }, [c]);
-  const y = (u) => {
-    const x = u.slice(0, c).toUpperCase();
-    h(x), e == null || e(x), x.length === c && setTimeout(() => {
-      var g;
-      r == null || r(x), (g = f.current) == null || g.blur();
+    i && !r && ((u = d.current) == null || u.focus());
+  }, [i, r]), U(() => {
+    g((u) => u.slice(0, o));
+  }, [o]);
+  const f = (u) => {
+    const z = u.slice(0, o).toUpperCase();
+    g(z), e == null || e(z), z.length === o && setTimeout(() => {
+      var w;
+      n == null || n(z), (w = d.current) == null || w.blur();
     }, 0);
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "button",
     {
       type: "button",
       className: "zd:flex zd:flex-row zd:items-center zd:justify-between zd:gap-2 zd:w-full zd:cursor-text",
       onClick: () => {
         var u;
-        return (u = f.current) == null ? void 0 : u.focus();
+        return (u = d.current) == null ? void 0 : u.focus();
       },
-      disabled: s,
-      "data-testid": o,
+      disabled: r,
+      "data-testid": l,
       children: [
         /* @__PURE__ */ t(
           "input",
           {
-            ref: f,
-            value: p,
-            onChange: (u) => y(u.target.value),
-            onFocus: () => b(!0),
-            onBlur: () => b(!1),
-            maxLength: c,
-            disabled: s,
+            ref: d,
+            value: m,
+            onChange: (u) => f(u.target.value),
+            onFocus: () => h(!0),
+            onBlur: () => h(!1),
+            maxLength: o,
+            disabled: r,
             className: "zd:absolute zd:opacity-0 zd:pointer-events-none",
             style: { position: "absolute", opacity: 0 },
             "aria-label": "Verification code"
           }
         ),
-        l.map((u) => /* @__PURE__ */ t(
-          Pe,
+        p.map((u) => /* @__PURE__ */ t(
+          q2,
           {
-            char: p[u.index] ?? "",
-            isFocused: !i && v && u.index === p.length
+            char: m[u.index] ?? "",
+            isFocused: !a && E && u.index === m.length
           },
           u.id
         ))
@@ -239,122 +239,122 @@ function Re({
     }
   );
 }
-function Le() {
+function Y2() {
   const {
     email: e,
-    otpId: r,
-    otpEncryptionTargetBundle: s,
-    setOtpSession: i,
-    clearOtpSession: n,
-    goToStep: a
-  } = S(), { mutateAsync: o, isPending: c } = F(), { mutateAsync: l, isPending: p } = le(), [h, v] = z(""), [b, f] = z(!1), [y, u] = z(60);
-  k(() => {
-    if (y <= 0) return;
-    const I = setInterval(() => {
-      u((O) => Math.max(0, O - 1));
+    otpId: n,
+    otpEncryptionTargetBundle: r,
+    setOtpSession: a,
+    clearOtpSession: i,
+    goToStep: s
+  } = F(), { mutateAsync: l, isPending: o } = l2(), { mutateAsync: p, isPending: m } = b2(), [g, E] = C(""), [h, d] = C(!1), [f, u] = C(60);
+  U(() => {
+    if (f <= 0) return;
+    const v = setInterval(() => {
+      u((W) => Math.max(0, W - 1));
     }, 1e3);
-    return () => clearInterval(I);
-  }, [y]);
-  const x = async () => {
-    if (!(!h.trim() || !r || !s)) {
-      f(!1);
+    return () => clearInterval(v);
+  }, [f]);
+  const z = async () => {
+    if (!(!g.trim() || !n || !r)) {
+      d(!1);
       try {
-        await l({
-          otpId: r,
-          code: h.trim(),
-          otpEncryptionTargetBundle: s
-        }), n(), a("authenticated");
+        await p({
+          otpId: n,
+          code: g.trim(),
+          otpEncryptionTargetBundle: r
+        }), i(), s("authenticated");
       } catch {
-        f(!0);
+        d(!0);
       }
     }
-  }, g = (I) => {
-    v(I);
-  }, L = async () => {
-    if (!(!e || y > 0 || c))
+  }, w = (v) => {
+    E(v);
+  }, y = async () => {
+    if (!(!e || f > 0 || o))
       try {
-        const { otpId: I, otpEncryptionTargetBundle: O } = await o({ email: e });
-        i({
-          otpId: I,
-          otpEncryptionTargetBundle: O
-        }), u(60), f(!1);
+        const { otpId: v, otpEncryptionTargetBundle: W } = await l({ email: e });
+        a({
+          otpId: v,
+          otpEncryptionTargetBundle: W
+        }), u(60), d(!1);
       } catch {
-        f(!0);
+        d(!0);
       }
-  }, P = y <= 0 && !c;
-  return /* @__PURE__ */ d(N, { children: [
-    /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center zd:items-center", children: [
-      /* @__PURE__ */ d("div", { className: "zd:flex zd:flex-col zd:gap-4", children: [
-        /* @__PURE__ */ t(m, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
-        /* @__PURE__ */ d(m, { className: "zd:text-center", children: [
+  }, b = f <= 0 && !o;
+  return /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center zd:items-center", children: [
+      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4", children: [
+        /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
+        /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
           "Enter the code from the email we sent to",
           " ",
-          /* @__PURE__ */ t(m, { className: "zd:text-solarOrange", children: e })
+          /* @__PURE__ */ t(D, { className: "zd:text-solarOrange", children: e })
         ] })
       ] }),
       /* @__PURE__ */ t(
-        Re,
+        K2,
         {
-          onComplete: g,
-          onChange: () => f(!1),
-          disabled: p,
-          error: b,
+          onComplete: w,
+          onChange: () => d(!1),
+          disabled: m,
+          error: h,
           autoFocus: !0
         }
       ),
       /* @__PURE__ */ t(
-        w,
+        S,
         {
           text: "Confirm code",
-          onClick: x,
-          disabled: !h.trim() || p
+          onClick: z,
+          disabled: !g.trim() || m
         }
       ),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ d(m, { className: "zd:text-center", children: [
+      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            disabled: !P,
-            onClick: L,
+            disabled: !b,
+            onClick: y,
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: P ? "Resend" : `Resend in ${y} ${y === 1 ? "second" : "seconds"}`
+            children: b ? "Resend" : `Resend in ${f} ${f === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(T, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function Oe({
+function J2({
   termsAndConditionsUrl: e,
-  privacyPolicyUrl: r,
-  agreedToTerms: s,
-  setAgreedToTerms: i,
-  highlight: n = !1
+  privacyPolicyUrl: n,
+  agreedToTerms: r,
+  setAgreedToTerms: a,
+  highlight: i = !1
 }) {
-  return /* @__PURE__ */ d("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
-    !!(e || r) && /* @__PURE__ */ d(
+  return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
+    !!(e || n) && /* @__PURE__ */ c(
       "div",
       {
-        className: `zd:flex zd:flex-row zd:items-center zd:gap-2 zd:rounded-md zd:p-2 zd:transition-colors ${n ? "zd:border zd:border-negative" : "zd:border zd:border-transparent"}`,
+        className: `zd:flex zd:flex-row zd:items-center zd:gap-2 zd:rounded-md zd:p-2 zd:transition-colors ${i ? "zd:border zd:border-negative" : "zd:border zd:border-transparent"}`,
         children: [
           /* @__PURE__ */ t(
             "input",
             {
               type: "checkbox",
-              checked: s,
-              onChange: (o) => i(o.target.checked),
+              checked: r,
+              onChange: (l) => a(l.target.checked),
               className: "zd:cursor-pointer zd:[color-scheme:light]"
             }
           ),
-          /* @__PURE__ */ d(m, { className: "zd:flex-1", children: [
+          /* @__PURE__ */ c(D, { className: "zd:flex-1", children: [
             "I agree to the",
             " ",
             e && /* @__PURE__ */ t(
-              m,
+              D,
               {
                 as: "a",
                 href: e,
@@ -364,12 +364,12 @@ function Oe({
                 children: "Terms & Conditions"
               }
             ),
-            e && r && " and ",
-            r && /* @__PURE__ */ t(
-              m,
+            e && n && " and ",
+            n && /* @__PURE__ */ t(
+              D,
               {
                 as: "a",
-                href: r,
+                href: n,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "zd:underline",
@@ -380,17 +380,17 @@ function Oe({
         ]
       }
     ),
-    /* @__PURE__ */ t(T, {})
+    /* @__PURE__ */ t(H, {})
   ] });
 }
-const Be = "" + new URL("blob.webm", import.meta.url).href;
-function Ue({ className: e }) {
+const X2 = "" + new URL("blob.webm", import.meta.url).href;
+function Q2({ className: e }) {
   return /* @__PURE__ */ t(
     "video",
     {
       className: e,
       style: { aspectRatio: "1 / 1" },
-      src: Be,
+      src: X2,
       autoPlay: !0,
       loop: !0,
       muted: !0,
@@ -400,198 +400,481 @@ function Ue({ className: e }) {
     }
   );
 }
-const V = se(null);
-function R() {
-  const e = oe(V);
+const o2 = C2(null);
+function T() {
+  const e = E2(o2);
   if (!e)
     throw new Error("SignUp.* components must be rendered inside <SignUp>");
   return e;
 }
-function U(e) {
-  const { setAuthPending: r } = R();
-  k(() => (r(e), () => r(!1)), [e, r]);
-}
-const Me = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function B(e) {
-  return Me.test(e.trim());
-}
-function $() {
-  const { goToStep: e, setEmail: r, setOtpSession: s } = S(), {
-    authPending: i,
-    emailAuthMethod: n,
-    needsAgreement: a,
-    guardAgreement: o,
-    setError: c
-  } = R(), [l, p] = z(""), h = n === "otp", { mutateAsync: v, isPending: b } = F(), { mutateAsync: f, isPending: y } = W(), u = b || y;
-  U(u);
-  const x = async () => {
-    if (!(!l || i) && B(l) && o()) {
-      c(null);
+function L(e) {
+  const { setAuthPending: n } = T();
+  U(() => (n(e), () => n(!1)), [e, n]);
+}
+const ee = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function j(e) {
+  return ee.test(e.trim());
+}
+function d2() {
+  const { goToStep: e, setEmail: n, setOtpSession: r } = F(), {
+    authPending: a,
+    emailAuthMethod: i,
+    needsAgreement: s,
+    guardAgreement: l,
+    setError: o
+  } = T(), [p, m] = C(""), g = i === "otp", { mutateAsync: E, isPending: h } = l2(), { mutateAsync: d, isPending: f } = s2(), u = h || f;
+  L(u);
+  const z = async () => {
+    if (!(!p || a) && j(p) && l()) {
+      o(null);
       try {
-        const g = h ? v : f, { otpId: L, otpEncryptionTargetBundle: P } = await g({
-          email: l
+        const w = g ? E : d, { otpId: y, otpEncryptionTargetBundle: b } = await w({
+          email: p
         });
-        r(l), s({ otpId: L, otpEncryptionTargetBundle: P }), e(h ? "otp-input" : "email-verification");
-      } catch (g) {
-        c(
-          g instanceof Error ? g.message : "Failed to send verification code"
+        n(p), r({ otpId: y, otpEncryptionTargetBundle: b }), e(g ? "otp-input" : "email-verification");
+      } catch (w) {
+        o(
+          w instanceof Error ? w.message : "Failed to send verification code"
         );
       }
     }
   };
   return /* @__PURE__ */ t(
-    Z,
+    f2,
     {
       iconName: "email",
       placeholder: "Enter your email",
-      value: l,
-      onChange: (g) => p(g.target.value),
+      value: p,
+      onChange: (w) => m(w.target.value),
       type: "email",
       autoCapitalize: "none",
       autoComplete: "email",
-      disabled: i,
+      disabled: a,
       variant: "listItemStyle",
-      onKeyDown: (g) => {
-        g.key === "Enter" && l && !i && x();
+      onKeyDown: (w) => {
+        w.key === "Enter" && p && !a && z();
       },
       children: u ? /* @__PURE__ */ t("div", { className: "zd:w-13 zd:h-13 zd:flex zd:items-center zd:justify-center", children: /* @__PURE__ */ t("div", { className: "zd:w-5 zd:h-5 zd:border-2 zd:border-solarOrange zd:border-t-transparent zd:rounded-full zd:animate-spin" }) }) : /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          disabled: !B(l) || a,
-          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${B(l) && !a ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
-          onClick: () => x(),
-          children: /* @__PURE__ */ t(ee, { name: "chevronRight", className: "zd:text-greyScale" })
+          disabled: !j(p) || s,
+          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${j(p) && !s ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
+          onClick: () => z(),
+          children: /* @__PURE__ */ t(Z, { name: "chevronRight", className: "zd:text-greyScale" })
         }
       )
     }
   );
 }
-function G(e) {
-  return e instanceof Error ? e.name === "AbortError" || e.name === "NotAllowedError" ? !0 : e.message.toLowerCase().includes("oauth popup was closed") : !1;
+function P(e) {
+  return e instanceof Error ? e.name === "AbortError" || e.name === "NotAllowedError" || e.name === "UserRejectedRequestError" ? !0 : e.message.toLowerCase().includes("oauth popup was closed") : !1;
 }
-function K() {
-  const { goToStep: e } = S(), { authPending: r, guardAgreement: s, setError: i } = R(), { mutateAsync: n, isPending: a } = ue({
+function c2() {
+  const { goToStep: e } = F(), { authPending: n, guardAgreement: r, setError: a } = T(), { mutateAsync: i, isPending: s } = A2({
     mutation: {
       onSuccess: () => {
         e("authenticated");
       }
     }
   });
-  return U(a), /* @__PURE__ */ t(
-    _,
+  return L(s), /* @__PURE__ */ t(
+    M,
     {
-      icon: /* @__PURE__ */ t(q, { name: "google" }),
+      icon: /* @__PURE__ */ t(t2, { name: "google" }),
       title: "Google",
-      trailing: /* @__PURE__ */ t(te, {}),
-      disabled: r,
+      trailing: /* @__PURE__ */ t(V, {}),
+      disabled: n,
       onClick: async () => {
-        if (!r && s()) {
-          i(null);
+        if (!n && r()) {
+          a(null);
           try {
-            await n({ provider: "google" });
-          } catch (c) {
-            G(c) || i(c instanceof Error ? c.message : String(c));
+            await i({ provider: "google" });
+          } catch (o) {
+            P(o) || a(o instanceof Error ? o.message : String(o));
           }
         }
       }
     }
   );
 }
-function Y() {
-  const { goToStep: e } = S(), { authPending: r, guardAgreement: s, setError: i } = R(), n = {
+function G(e, n) {
+  return !!n.rdns && (e.id === n.rdns || (Array.isArray(e.rdns) ? e.rdns.includes(n.rdns) : e.rdns === n.rdns));
+}
+const te = [
+  {
+    id: "metamask",
+    name: "MetaMask",
+    rdns: "io.metamask",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23ff5c16%22%20d%3D%22m24.024%2023.824-4.846-1.434-3.655%202.172-2.55-.001-3.656-2.171-4.844%201.434L3%2018.88l1.473-5.488L3%208.751%204.473%203l7.569%204.496h4.413L24.024%203l1.473%205.751-1.473%204.64%201.473%205.488z%22%2F%3E%3Cpath%20fill%3D%22%23ff5c16%22%20d%3D%22m4.474%203%207.57%204.499-.302%203.087zm4.844%2015.881%203.33%202.522-3.33.987zm3.064-4.17-.64-4.123-4.097%202.804h-.002v.001l.013%202.886%201.661-1.567zM24.024%203l-7.57%204.499.3%203.087zM19.18%2018.881l-3.33%202.522%203.33.987zm1.674-5.488v-.002zl-4.097-2.804-.64%204.124h3.064l1.662%201.567z%22%2F%3E%3Cpath%20fill%3D%22%23e34807%22%20d%3D%22m9.317%2022.39-4.844%201.434L3%2018.881h6.317zm3.064-7.68.925%205.962-1.282-3.315-4.37-1.078%201.662-1.568zm6.799%207.68%204.844%201.434%201.473-4.943H19.18zm-3.064-7.68-.925%205.962%201.282-3.315%204.37-1.078-1.663-1.568z%22%2F%3E%3Cpath%20fill%3D%22%23ff8d5d%22%20d%3D%22m3%2018.88%201.473-5.489h3.169l.012%202.887%204.37%201.078%201.282%203.314-.659.73-3.33-2.522H3zm22.497%200-1.473-5.489h-3.17l-.01%202.887-4.371%201.078-1.282%203.314.659.73%203.33-2.522h6.317zM16.455%207.495h-4.413l-.3%203.087%201.565%2010.084h1.884l1.565-10.084z%22%2F%3E%3Cpath%20fill%3D%22%23661800%22%20d%3D%22M4.473%203%203%208.751l1.473%204.64h3.169l4.1-2.805zm6.992%2012.908H10.03l-.781.761%202.776.685-.56-1.447M24.024%203l1.473%205.751-1.473%204.64h-3.17l-4.098-2.805zm-6.99%2012.908h1.437l.782.762-2.78.686.56-1.45zm-1.512%206.687.328-1.193-.66-.73h-1.885l-.659.73.327%201.192%22%2F%3E%3Cpath%20fill%3D%22%23c0c4cd%22%20d%3D%22M15.522%2022.594v1.969h-2.548v-1.969z%22%2F%3E%3Cpath%20fill%3D%22%23e7ebf6%22%20d%3D%22m9.318%2022.388%203.658%202.174v-1.969l-.328-1.192zm9.862%200-3.658%202.174v-1.969l.328-1.192z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3%203h22.5v21.563H3z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+    mobileLink: "https://metamask.app.link/wc?uri=",
+    downloadUrl: "https://metamask.io/download"
+  },
+  {
+    id: "trust",
+    name: "Trust Wallet",
+    rdns: "com.trustwallet.app",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cpath%20fill%3D%22%230500FF%22%20d%3D%22M6%207.583%2013.53%205v17.882C8.15%2020.498%206%2015.928%206%2013.345V7.583Z%22%2F%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M22%207.583%2013.53%205v17.882c6.05-2.384%208.47-6.954%208.47-9.537V7.583Z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2219.768%22%20x2%3D%2214.072%22%20y1%3D%223.753%22%20y2%3D%2222.853%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2300F%22%2F%3E%3Cstop%20offset%3D%22.08%22%20stop-color%3D%22%230094FF%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%2348FF91%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%230094FF%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22%230038FF%22%2F%3E%3Cstop%20offset%3D%22.9%22%20stop-color%3D%22%230500FF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+    mobileLink: "trust://wc?uri=",
+    downloadUrl: "https://trustwallet.com/download"
+  },
+  {
+    id: "coinbase",
+    name: "Coinbase Wallet",
+    rdns: "com.coinbase.wallet",
+    icon: "data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22%232C5FF6%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14%2023.8C19.4124%2023.8%2023.8%2019.4124%2023.8%2014C23.8%208.58761%2019.4124%204.2%2014%204.2C8.58761%204.2%204.2%208.58761%204.2%2014C4.2%2019.4124%208.58761%2023.8%2014%2023.8ZM11.55%2010.8C11.1358%2010.8%2010.8%2011.1358%2010.8%2011.55V16.45C10.8%2016.8642%2011.1358%2017.2%2011.55%2017.2H16.45C16.8642%2017.2%2017.2%2016.8642%2017.2%2016.45V11.55C17.2%2011.1358%2016.8642%2010.8%2016.45%2010.8H11.55Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E",
+    downloadUrl: "https://coinbase.com/wallet/downloads"
+  },
+  {
+    id: "rainbow",
+    name: "Rainbow",
+    rdns: "me.rainbow",
+    icon: "data:image/svg+xml,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22url(%23paint0_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M20%2038H26C56.9279%2038%2082%2063.0721%2082%2094V100H94C97.3137%20100%20100%2097.3137%20100%2094C100%2053.1309%2066.8691%2020%2026%2020C22.6863%2020%2020%2022.6863%2020%2026V38Z%22%20fill%3D%22url(%23paint1_radial_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M84%2094H100C100%2097.3137%2097.3137%20100%2094%20100H84V94Z%22%20fill%3D%22url(%23paint2_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M26%2020L26%2036H20L20%2026C20%2022.6863%2022.6863%2020%2026%2020Z%22%20fill%3D%22url(%23paint3_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M20%2036H26C58.0325%2036%2084%2061.9675%2084%2094V100H66V94C66%2071.9086%2048.0914%2054%2026%2054H20V36Z%22%20fill%3D%22url(%23paint4_radial_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M68%2094H84V100H68V94Z%22%20fill%3D%22url(%23paint5_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M20%2052L20%2036L26%2036L26%2052H20Z%22%20fill%3D%22url(%23paint6_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M20%2062C20%2065.3137%2022.6863%2068%2026%2068C40.3594%2068%2052%2079.6406%2052%2094C52%2097.3137%2054.6863%20100%2058%20100H68V94C68%2070.804%2049.196%2052%2026%2052H20V62Z%22%20fill%3D%22url(%23paint7_radial_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M52%2094H68V100H58C54.6863%20100%2052%2097.3137%2052%2094Z%22%20fill%3D%22url(%23paint8_radial_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M26%2068C22.6863%2068%2020%2065.3137%2020%2062L20%2052L26%2052L26%2068Z%22%20fill%3D%22url(%23paint9_radial_62_329)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_62_329%22%20x1%3D%2260%22%20y1%3D%220%22%20x2%3D%2260%22%20y2%3D%22120%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23174299%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23001E59%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CradialGradient%20id%3D%22paint1_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(26%2094)%20rotate(-90)%20scale(74)%22%3E%0A%3Cstop%20offset%3D%220.770277%22%20stop-color%3D%22%23FF4000%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238754C9%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22paint2_linear_62_329%22%20x1%3D%2283%22%20y1%3D%2297%22%20x2%3D%22100%22%20y2%3D%2297%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF4000%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238754C9%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint3_linear_62_329%22%20x1%3D%2223%22%20y1%3D%2220%22%20x2%3D%2223%22%20y2%3D%2237%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%238754C9%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF4000%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CradialGradient%20id%3D%22paint4_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(26%2094)%20rotate(-90)%20scale(58)%22%3E%0A%3Cstop%20offset%3D%220.723929%22%20stop-color%3D%22%23FFF700%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9901%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22paint5_linear_62_329%22%20x1%3D%2268%22%20y1%3D%2297%22%20x2%3D%2284%22%20y2%3D%2297%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FFF700%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9901%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint6_linear_62_329%22%20x1%3D%2223%22%20y1%3D%2252%22%20x2%3D%2223%22%20y2%3D%2236%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FFF700%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9901%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CradialGradient%20id%3D%22paint7_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(26%2094)%20rotate(-90)%20scale(42)%22%3E%0A%3Cstop%20offset%3D%220.59513%22%20stop-color%3D%22%2300AAFF%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301DA40%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22paint8_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(51%2097)%20scale(17%2045.3333)%22%3E%0A%3Cstop%20stop-color%3D%22%2300AAFF%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301DA40%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22paint9_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(23%2069)%20rotate(-90)%20scale(17%20322.37)%22%3E%0A%3Cstop%20stop-color%3D%22%2300AAFF%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301DA40%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+    mobileLink: "rainbow://wc?uri=",
+    downloadUrl: "https://rainbow.download"
+  },
+  {
+    id: "rabby",
+    name: "Rabby Wallet",
+    rdns: "io.rabby",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%238697FF%22%20d%3D%22M28%200H0v28h28V0Z%22%2F%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M22.54%2015.078c.677-1.514-2.673-5.744-5.874-7.506-2.017-1.365-4.12-1.178-4.545-.579-.935%201.316%203.094%202.43%205.788%203.731-.58.252-1.125.703-1.446%201.28-1.004-1.096-3.209-2.04-5.796-1.28-1.743.513-3.191%201.721-3.751%203.546a1.097%201.097%200%201%200-.445%202.1c.112%200%20.463-.075.463-.075l5.612.041c-2.244%203.56-4.018%204.081-4.018%204.698s1.697.45%202.335.22c3.05-1.1%206.327-4.531%206.89-5.519%202.36.295%204.345.33%204.786-.657Z%22%2F%3E%3Cpath%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m17.885%2010.713.025.01c.125-.049.105-.233.07-.378-.078-.333-1.438-1.676-2.715-2.277-1.743-.82-3.025-.777-3.212-.398.356.726%201.998%201.408%203.714%202.12.723.3%201.46.606%202.118.923Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.701%2018.036a10.296%2010.296%200%200%200-1.2-.37c.482-.862.583-2.138.128-2.945-.639-1.133-1.44-1.736-3.304-1.736-1.024%200-3.783.346-3.832%202.648-.005.242%200%20.464.017.667l5.036.037a17.264%2017.264%200%200%201-1.871%202.483c.669.172%201.221.316%201.728.448.48.125.92.24%201.38.357a21.003%2021.003%200%200%200%201.918-1.59Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23e)%22%20d%3D%22M6.848%2016.063c.206%201.75%201.2%202.435%203.232%202.638%202.032.203%203.197.067%204.749.208%201.296.118%202.453.778%202.882.55.386-.205.17-.947-.347-1.423-.67-.617-1.597-1.046-3.229-1.199.325-.89.234-2.138-.27-2.817-.731-.982-2.079-1.426-3.785-1.232-1.782.202-3.49%201.08-3.232%203.275Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2210.464%22%20x2%3D%2222.394%22%20y1%3D%2213.737%22%20y2%3D%2217.12%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2220.386%22%20x2%3D%2211.779%22%20y1%3D%2213.509%22%20y2%3D%224.879%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237258DC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23797DEA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2215.94%22%20x2%3D%227.673%22%20y1%3D%2218.337%22%20y2%3D%2213.584%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237461EA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BFC2FF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22e%22%20x1%3D%2211.177%22%20x2%3D%2216.765%22%20y1%3D%2213.648%22%20y2%3D%2220.749%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.984%22%20stop-color%3D%22%23D5CEFF%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+    downloadUrl: "https://rabby.io"
+  },
+  {
+    id: "okx",
+    name: "OKX Wallet",
+    rdns: "com.okex.wallet",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.819%205.556H5.93a.376.376%200%200%200-.375.375v4.888c0%20.207.168.375.375.375h4.888a.376.376%200%200%200%20.375-.376V5.932a.376.376%200%200%200-.376-.375Zm5.64%205.638h-4.886a.376.376%200%200%200-.376.376v4.887c0%20.208.168.376.376.376h4.887a.376.376%200%200%200%20.376-.375V11.57a.376.376%200%200%200-.376-.377Zm.75-5.638h4.887c.208%200%20.376.168.376.375v4.888a.376.376%200%200%201-.376.375H17.21a.376.376%200%200%201-.376-.376V5.933c0-.208.169-.376.376-.376Zm-6.39%2011.277H5.93a.376.376%200%200%200-.375.376v4.887c0%20.208.168.376.375.376h4.888a.376.376%200%200%200%20.375-.376V17.21a.376.376%200%200%200-.376-.376Zm6.39%200h4.887c.208%200%20.376.169.376.376v4.887a.376.376%200%200%201-.376.376H17.21a.376.376%200%200%201-.376-.376V17.21c0-.207.169-.376.376-.376Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E",
+    mobileLink: "okex://main/wc?uri=",
+    downloadUrl: "https://okx.com/download"
+  },
+  {
+    id: "zerion",
+    name: "Zerion",
+    rdns: "io.zerion.wallet",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%232962EF%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.073%207c-.48%200-.665.593-.262.841l10.073%206.074a.577.577%200%200%200%20.758-.139l4.43-5.814c.3-.404-.004-.962-.525-.962H6.073ZM21.904%2021c.48%200%20.67-.596.267-.844l-10.075-6.073a.569.569%200%200%200-.751.146l-4.437%205.813c-.301.404.012.958.534.958h14.462Z%22%2F%3E%3C%2Fsvg%3E",
+    mobileLink: "zerion://wc?uri=",
+    downloadUrl: "https://zerion.io"
+  },
+  {
+    id: "uniswap",
+    name: "Uniswap",
+    rdns: "org.uniswap.app",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFD8EA%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cg%20fill%3D%22%23FF007A%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M9.635%206.068c-.255-.039-.266-.043-.145-.06.23-.035.773.012%201.148.099.874.202%201.67.722%202.519%201.646l.225.246.323-.051c1.36-.213%202.741-.044%203.899.477.319.144.821.43.882.503.022.024.058.173.082.335.086.557.044.982-.13%201.301-.096.173-.101.228-.037.377a.367.367%200%200%200%20.334.206c.287%200%20.597-.454.74-1.086l.056-.252.113.126c.62.685%201.106%201.618%201.189%202.282l.021.174-.103-.158a1.966%201.966%200%200%200-.59-.604c-.415-.268-.855-.36-2.017-.42-1.05-.053-1.645-.141-2.234-.329-1.003-.32-1.508-.744-2.699-2.27-.53-.678-.855-1.053-1.18-1.354-.74-.687-1.466-1.047-2.396-1.187v-.001Z%22%2F%3E%3Cpath%20d%3D%22M18.725%207.581c.026-.453.088-.753.216-1.026.028-.07.063-.136.104-.198a.69.69%200%200%201-.049.178c-.092.266-.108.629-.043%201.052.081.536.126.613.706%201.192.273.272.589.613.704.761l.21.267-.21-.191c-.255-.233-.841-.69-.972-.755-.086-.042-.1-.042-.153.01-.05.048-.06.12-.068.461-.01.532-.084.873-.263%201.213-.096.187-.111.147-.025-.062.066-.155.072-.224.072-.739%200-1.033-.127-1.283-.864-1.707a8.169%208.169%200%200%200-.684-.346%202.614%202.614%200%200%201-.334-.16c.02-.02.74.185%201.029.293.431.163.502.183.555.164.034-.013.051-.113.068-.407h.001Zm-8.595%201.77c-.517-.696-.838-1.764-.768-2.563l.02-.247.119.02c.222.04.603.179.783.286.49.29.703.673.918%201.657.064.288.147.613.185.725.061.178.294.592.483.862.136.194.046.286-.255.26-.46-.04-1.083-.46-1.485-1Zm7.965%205.182c-2.42-.95-3.273-1.777-3.273-3.17%200-.206.007-.374.016-.374.008%200%20.102.067.208.151.491.384%201.04.548%202.563.765.896.128%201.398.231%201.864.382%201.48.478%202.392%201.449%202.61%202.773.063.384.028%201.104-.076%201.484-.082.3-.329.84-.394.861-.019.007-.037-.061-.04-.154-.025-.496-.283-.98-.715-1.343-.49-.412-1.15-.741-2.763-1.375Zm-1.699.396a4.13%204.13%200%200%200-.117-.5l-.062-.18.115.127c.16.173.285.396.391.693.082.227.09.294.09.662%200%20.361-.011.437-.087.64-.104.3-.28.572-.51.794-.443.44-1.011.683-1.833.784-.142.018-.557.047-.922.066-.922.046-1.529.144-2.073.33a.446.446%200%200%201-.156.036c-.021-.021.35-.237.656-.381.431-.204.861-.315%201.825-.47.475-.078.968-.173%201.093-.21%201.178-.352%201.784-1.263%201.59-2.39Z%22%2F%3E%3Cpath%20d%3D%22M17.506%2016.855c-.321-.675-.396-1.327-.22-1.935.02-.067.05-.119.068-.119a.64.64%200%200%201%20.169.09c.149.097.445.261%201.237.682.988.527%201.553.934%201.936%201.4.335.407.542.872.643%201.438.057.32.023%201.093-.061%201.416-.266%201.018-.882%201.818-1.764%202.285a2.129%202.129%200%200%201-.258.124c-.013%200%20.035-.116.104-.259.297-.605.331-1.193.107-1.848-.138-.401-.418-.89-.982-1.718-.657-.96-.817-1.218-.979-1.556Zm-9.095%203.644c.9-.742%202.016-1.267%203.036-1.43a4.85%204.85%200%200%201%201.575.06c.652.163%201.235.528%201.538.962.296.425.423.794.556%201.618.052.324.109.651.125.724.1.427.293.768.532.939.38.272%201.037.29%201.682.044a.853.853%200%200%201%20.21-.064c.023.023-.301.235-.53.347-.27.141-.572.213-.879.208-.59%200-1.08-.294-1.49-.891a7.027%207.027%200%200%201-.402-.784c-.431-.961-.644-1.253-1.145-1.575-.437-.28-1-.329-1.424-.126-.556.266-.71.96-.312%201.4.187.189.43.313.695.354a.75.75%200%200%200%20.589-.174.728.728%200%200%200%20.251-.551c0-.29-.114-.453-.4-.581-.392-.172-.812.029-.81.388%200%20.153.069.249.226.32.1.044.103.046.02.03-.358-.073-.442-.496-.154-.776.347-.336%201.064-.188%201.31.272.103.194.115.578.025.81-.203.52-.79.793-1.387.644-.407-.102-.571-.211-1.06-.703-.852-.856-1.182-1.023-2.408-1.21l-.237-.035.268-.22Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.418%205.179c2.842%203.368%204.8%204.757%205.017%205.05.18.243.112.462-.195.632a1.899%201.899%200%200%201-.699.191c-.2%200-.269-.075-.269-.075-.115-.106-.18-.088-.773-1.116A176.911%20176.911%200%200%200%205.968%207.56c-.044-.04-.042-.04%201.448%202.564.24.543.047.741.047.819%200%20.157-.044.24-.242.457-.332.36-.48.765-.587%201.604-.12.94-.456%201.604-1.39%202.741-.545.666-.635.787-.773%201.056-.174.338-.221.527-.24.952a2.9%202.9%200%200%200%20.16%201.174c.122.378.252.626.582%201.125.285.43.448.75.448.876%200%20.099.019.099.461.001%201.054-.232%201.91-.64%202.392-1.142.298-.311.367-.482.37-.907.002-.277-.008-.336-.085-.496-.125-.26-.353-.477-.855-.813-.66-.44-.942-.794-1.018-1.28-.065-.4.01-.682.373-1.427.377-.773.47-1.103.535-1.88.04-.503.096-.701.244-.861.155-.166.293-.222.676-.272.623-.084%201.018-.24%201.343-.534a1.14%201.14%200%200%200%20.421-.869l.014-.28-.16-.179C9.563%209.34%204.036%204.667%204%204.667c-.007%200%20.18.23.418.512Zm1.325%2013.086a.486.486%200%200%200-.157-.652c-.203-.133-.522-.069-.522.103%200%20.053.03.092.098.125.114.058.122.122.032.254s-.082.248.02.328c.168.126.404.057.529-.158ZM10.683%2012c-.29.086-.575.389-.664.706-.053.194-.022.534.058.638.13.169.255.213.596.212.665-.004%201.243-.283%201.311-.632.054-.286-.2-.68-.55-.855a1.33%201.33%200%200%200-.75-.07Zm.78.593c.102-.143.057-.296-.118-.4-.331-.199-.835-.035-.835.272%200%20.153.262.32.502.32.16%200%20.38-.093.45-.192Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%204h19v20H4z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+    mobileLink: "uniswap://wc?uri=",
+    downloadUrl: "https://wallet.uniswap.org"
+  },
+  {
+    id: "ledger",
+    name: "Ledger",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.65%204.4H4.4V9h1.1V5.5l6.15-.04V4.4Zm.05%205.95v7.25h4.6v-1.1h-3.5l-.04-6.15H11.7ZM4.4%2023.6h7.25v-1.06L5.5%2022.5V19H4.4v4.6ZM16.35%204.4h7.25V9h-1.1V5.5l-6.15-.04V4.4Zm7.25%2019.2h-7.25v-1.06l6.15-.04V19h1.1v4.6Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E",
+    mobileLink: "ledgerlive://wc?uri=",
+    downloadUrl: "https://www.ledger.com/ledger-live"
+  },
+  {
+    id: "binance",
+    name: "Binance Wallet",
+    rdns: "com.binance.wallet",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%22130%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h130v130H0z%22%2F%3E%3Cpath%20fill%3D%22%23F3BA2F%22%20d%3D%22M45.587%2057.02%2065.01%2037.606l19.43%2019.43%2011.295-11.303L65.01%2015%2034.284%2045.725zM15%2065.004l11.299-11.299%2011.298%2011.299L26.3%2076.302zM45.587%2072.983%2065.01%2092.406l19.43-19.43%2011.303%2011.287-.008.007-30.725%2030.734-30.725-30.718-.016-.016zM92.403%2065.006%20103.7%2053.708%20115%2065.006l-11.299%2011.299z%22%2F%3E%3Cpath%20fill%3D%22%23F3BA2F%22%20d%3D%22m76.471%2064.998-11.46-11.469-8.476%208.475-.98.972-2.005%202.006-.016.016.016.024%2011.46%2011.453%2011.461-11.47.008-.007z%22%2F%3E%3C%2Fsvg%3E",
+    mobileLink: "bnc://app.binance.com/cedefi/wc?uri=",
+    downloadUrl: "https://www.binance.com/en/download"
+  }
+], k = te;
+function ne({
+  excludeWalletIds: e = [],
+  maxWallets: n = 4
+}) {
+  const { goToStep: r } = F(), { authPending: a, guardAgreement: i, setError: s, registeredWallets: l } = T(), o = $(), { mutate: p, isPending: m } = q();
+  L(m);
+  const g = o.filter(
+    (h) => h.type === "injected" && h.id !== "injected" && h.id !== "zerodev-wallet"
+  ).map((h) => {
+    const d = k.find((f) => G(h, f));
+    return {
+      connector: h,
+      walletId: d == null ? void 0 : d.id,
+      name: (d == null ? void 0 : d.name) ?? h.name,
+      icon: (d == null ? void 0 : d.icon) ?? h.icon,
+      ids: d ? [d.id, h.id] : [h.id],
+      rank: d ? k.indexOf(d) : k.length
+    };
+  }).filter(
+    (h) => !(h.walletId && l.includes(h.walletId))
+  ).filter((h) => !h.ids.some((d) => e.includes(d))).sort((h, d) => h.rank - d.rank).slice(0, n), E = (h) => {
+    a || i() && (s(null), p(
+      { connector: h },
+      {
+        // The external wallet is now the active wagmi connection — the
+        // embedded-wallet flow is done, so close it (mirrors SignUp.Wallet).
+        onSuccess: () => r(null),
+        onError: (d) => {
+          P(d) || s(d instanceof Error ? d.message : String(d));
+        }
+      }
+    ));
+  };
+  return /* @__PURE__ */ t(x, { children: g.map(({ connector: h, name: d, icon: f }) => /* @__PURE__ */ t(
+    M,
+    {
+      title: d,
+      icon: f ? /* @__PURE__ */ t("img", { src: f, alt: "", className: "zd:w-6 zd:h-6" }) : null,
+      subtitle: /* @__PURE__ */ t(n2, { text: "INSTALLED" }),
+      trailing: /* @__PURE__ */ t(V, {}),
+      disabled: a,
+      onClick: () => E(h)
+    },
+    h.uid
+  )) });
+}
+function ie({ tile: e }) {
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      onClick: e.onSelect,
+      className: "zd:flex zd:flex-col zd:items-center zd:gap-1.5 zd:cursor-pointer",
+      children: [
+        /* @__PURE__ */ t("div", { className: "zd:w-16 zd:h-16 zd:rounded-2xl zd:bg-greyScale/5 zd:flex zd:items-center zd:justify-center", children: e.icon ? /* @__PURE__ */ t("img", { src: e.icon, alt: "", className: "zd:w-8 zd:h-8" }) : /* @__PURE__ */ t(
+          Z,
+          {
+            name: "walletOutline",
+            className: "zd:w-8 zd:h-8 zd:text-greyScale"
+          }
+        ) }),
+        /* @__PURE__ */ t(D, { className: "zd:text-body3 zd:max-w-full zd:truncate", children: e.name })
+      ]
+    }
+  );
+}
+function ae({
+  open: e,
+  onOpenChange: n,
+  tiles: r
+}) {
+  return /* @__PURE__ */ t(m2, { open: e, onOpenChange: n, children: /* @__PURE__ */ c(g2, { className: "zd:p-4", children: [
+    /* @__PURE__ */ t(z2, { children: "All wallets" }),
+    /* @__PURE__ */ c("div", { className: "zd:mb-3 zd:flex zd:items-center zd:gap-2", children: [
+      /* @__PURE__ */ t(D, { className: "zd:text-h3 zd:flex-1", children: "All wallets" }),
+      /* @__PURE__ */ t(D2, { asChild: !0, children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Close",
+          className: "zd:cursor-pointer zd:px-2 zd:text-greyScale/60",
+          children: "✕"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "zd:grid zd:grid-cols-3 zd:gap-3 zd:max-h-80 zd:overflow-y-auto", children: r.map((a) => /* @__PURE__ */ t(ie, { tile: a }, a.key)) })
+  ] }) });
+}
+function re({
+  title: e = "More wallets"
+}) {
+  const { goToStep: n } = F(), { authPending: r, guardAgreement: a, setError: i } = T(), [s, l] = C(!1), o = $(), { mutate: p, isPending: m } = q();
+  L(m);
+  const g = o.filter(
+    (u) => u.id !== "zerodev-wallet" && u.type !== "walletConnect"
+  ), E = (u) => {
+    r || a() && (l(!1), i(null), p(
+      { connector: u },
+      {
+        // The external wallet is now the active wagmi connection — the
+        // embedded-wallet flow is done, so close it.
+        onSuccess: () => n(null),
+        onError: (z) => {
+          P(z) || i(z instanceof Error ? z.message : String(z));
+        }
+      }
+    ));
+  }, h = k.map((u) => {
+    const z = g.find((w) => G(w, u));
+    return {
+      key: u.id,
+      name: u.name,
+      icon: u.icon,
+      onSelect: () => {
+        if (z) {
+          E(z);
+          return;
+        }
+        l(!1), window.open(u.downloadUrl, "_blank", "noopener,noreferrer");
+      }
+    };
+  }), d = g.filter((u) => !k.some((z) => G(u, z))).map((u) => ({
+    key: u.uid,
+    name: u.name,
+    icon: u.icon,
+    onSelect: () => E(u)
+  }));
+  return /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ t(
+      M,
+      {
+        icon: /* @__PURE__ */ t(t2, { name: "walletOutline", className: "zd:w-5 zd:h-5" }),
+        title: e,
+        trailing: /* @__PURE__ */ t(V, {}),
+        disabled: r,
+        onClick: () => {
+          r || a() && l(!0);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      ae,
+      {
+        open: s,
+        onOpenChange: l,
+        tiles: [...h, ...d]
+      }
+    )
+  ] });
+}
+function u2() {
+  const { goToStep: e } = F(), { authPending: n, guardAgreement: r, setError: a } = T(), i = {
     onSuccess: () => {
       e("authenticated");
     },
-    onError: (h) => {
-      G(h) || i(h instanceof Error ? h.message : String(h));
+    onError: (g) => {
+      P(g) || a(g instanceof Error ? g.message : String(g));
     }
-  }, { mutate: a, isPending: o } = pe({ mutation: n }), { mutate: c, isPending: l } = he({
-    mutation: n
+  }, { mutate: s, isPending: l } = N2({ mutation: i }), { mutate: o, isPending: p } = k2({
+    mutation: i
   });
-  U(o || l);
-  const p = (h) => () => {
-    r || s() && (i(null), h());
+  L(l || p);
+  const m = (g) => () => {
+    n || r() && (a(null), g());
   };
-  return /* @__PURE__ */ d(N, { children: [
+  return /* @__PURE__ */ c(x, { children: [
     /* @__PURE__ */ t(
-      w,
+      S,
       {
         action: "secondary",
         text: "Create a passkey",
         iconName: "key",
         trailIcon: !0,
-        disabled: r,
-        onClick: p(() => a())
+        disabled: n,
+        onClick: m(() => s())
       }
     ),
     /* @__PURE__ */ t(
-      w,
+      S,
       {
         action: "secondary",
         text: "Log in with passkey",
         iconName: "key",
         trailIcon: !0,
-        disabled: r,
-        onClick: p(() => c())
+        disabled: n,
+        onClick: m(() => o())
       }
     )
   ] });
 }
-function J({
+function se({ walletId: e }) {
+  const n = k.find((f) => f.id === e);
+  if (!n)
+    throw new Error(
+      `Unknown walletId "${e}". Valid ids: ${k.map((f) => f.id).join(", ")}`
+    );
+  const { goToStep: r } = F(), { authPending: a, guardAgreement: i, setError: s, registerWallet: l } = T(), o = $(), { mutate: p, isPending: m } = q();
+  L(m), F2(() => l(n.id), [l, n.id]);
+  const g = o.find((f) => G(f, n)), E = !!n.rdns && o.some((f) => f.id === n.rdns), h = {
+    title: n.name,
+    icon: /* @__PURE__ */ t("img", { src: n.icon, alt: "", className: "zd:w-6 zd:h-6" }),
+    trailing: /* @__PURE__ */ t(V, {})
+  };
+  return g ? /* @__PURE__ */ t(
+    M,
+    {
+      ...h,
+      ...E && { subtitle: /* @__PURE__ */ t(n2, { text: "INSTALLED" }) },
+      disabled: a,
+      onClick: () => {
+        a || i() && (s(null), p(
+          { connector: g },
+          {
+            // The external wallet is now the active wagmi connection — the
+            // embedded-wallet flow is done, so close it (mirrors SignUp.MoreWallets).
+            onSuccess: () => r(null),
+            onError: (f) => {
+              P(f) || s(f instanceof Error ? f.message : String(f));
+            }
+          }
+        ));
+      }
+    }
+  ) : /* @__PURE__ */ t(M, { ...h, asChild: !0, children: /* @__PURE__ */ t(
+    "a",
+    {
+      href: n.downloadUrl,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }
+  ) });
+}
+function p2({
   children: e,
-  termsAndConditionsUrl: r,
-  privacyPolicyUrl: s,
-  emailAuthMethod: i = "magicLink"
+  termsAndConditionsUrl: n,
+  privacyPolicyUrl: r,
+  emailAuthMethod: a = "magicLink"
 }) {
-  const [n, a] = z(!1), [o, c] = z(!1), [l, p] = z(null), [h, v] = z(!1), f = !!(r || s) && !n, y = () => f ? (c(!0), !1) : !0;
-  return /* @__PURE__ */ d(
-    V.Provider,
+  const [i, s] = C(!1), [l, o] = C(!1), [p, m] = C(null), [g, E] = C(!1), [h, d] = C(
+    []
+  ), f = x2((y) => (d((b) => [...b, y]), () => {
+    d((b) => {
+      const v = [...b];
+      return v.splice(v.indexOf(y), 1), v;
+    });
+  }), []), z = !!(n || r) && !i, w = () => z ? (o(!0), !1) : !0;
+  return /* @__PURE__ */ c(
+    o2.Provider,
     {
       value: {
-        authPending: h,
-        emailAuthMethod: i,
-        setAuthPending: v,
-        needsAgreement: f,
-        guardAgreement: y,
-        setError: p
+        authPending: g,
+        emailAuthMethod: a,
+        setAuthPending: E,
+        needsAgreement: z,
+        guardAgreement: w,
+        setError: m,
+        registeredWallets: h,
+        registerWallet: f
       },
       children: [
-        l !== null && /* @__PURE__ */ t("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full", children: /* @__PURE__ */ d("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
-          /* @__PURE__ */ t(m, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
-          /* @__PURE__ */ t(m, { className: "zd:text-center zd:text-red-500", children: l }),
+        p !== null && /* @__PURE__ */ t("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full zd:min-h-100", children: /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
+          /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
+          /* @__PURE__ */ t(D, { className: "zd:text-center zd:text-red-500", children: p }),
           /* @__PURE__ */ t(
-            w,
+            S,
             {
               action: "primary",
               text: "Try again",
-              onClick: () => p(null)
+              onClick: () => m(null)
             }
           )
         ] }) }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c(
           "div",
           {
-            className: `zd:flex-1 zd:flex zd:flex-col zd:justify-between zd:pb-4 zd:overflow-y-auto zd:overflow-x-hidden${l !== null ? " zd:hidden" : ""}`,
+            className: `zd:-mx-4 zd:flex-1 zd:flex zd:flex-col zd:justify-between zd:pb-4 zd:overflow-y-auto zd:overflow-x-hidden${p !== null ? " zd:hidden" : ""}`,
             children: [
-              /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-center", children: [
-                /* @__PURE__ */ d("div", { className: "zd:px-4 zd:flex zd:flex-col zd:items-center", children: [
-                  /* @__PURE__ */ t("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ t(Ue, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
-                  /* @__PURE__ */ t(m, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
-                  /* @__PURE__ */ t(m, { className: "zd:mt-2 zd:text-center zd:text-greyScale/50", children: "Choose a sign-in method to proceed" })
+              /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-center", children: [
+                /* @__PURE__ */ c("div", { className: "zd:px-4 zd:flex zd:flex-col zd:items-center", children: [
+                  /* @__PURE__ */ t("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ t(Q2, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
+                  /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
+                  /* @__PURE__ */ t(D, { className: "zd:mt-2 zd:text-center zd:text-greyScale/50", children: "Choose a sign-in method to proceed" })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "zd:mt-6 zd:mb-4 zd:px-4 zd:flex zd:flex-col zd:gap-2", children: e })
               ] }),
               /* @__PURE__ */ t("div", { className: "zd:px-4", children: /* @__PURE__ */ t(
-                Oe,
+                J2,
                 {
-                  termsAndConditionsUrl: r,
-                  privacyPolicyUrl: s,
-                  agreedToTerms: n,
-                  setAgreedToTerms: (u) => {
-                    a(u), u && c(!1);
+                  termsAndConditionsUrl: n,
+                  privacyPolicyUrl: r,
+                  agreedToTerms: i,
+                  setAgreedToTerms: (y) => {
+                    s(y), y && o(!1);
                   },
-                  highlight: o
+                  highlight: l
                 }
               ) })
             ]
@@ -601,221 +884,179 @@ function J({
     }
   );
 }
-function X({ label: e = "or" }) {
-  return /* @__PURE__ */ d("div", { className: "zd:-mx-4 zd:my-2 zd:flex zd:items-center zd:gap-3", children: [
+function h2({ label: e = "or" }) {
+  return /* @__PURE__ */ c("div", { className: "zd:-mx-4 zd:my-2 zd:flex zd:items-center zd:gap-3", children: [
     /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" }),
-    /* @__PURE__ */ t(m, { className: "zd:text-body3", children: e }),
+    /* @__PURE__ */ t(D, { className: "zd:text-body3", children: e }),
     /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
   ] });
 }
-function je(e) {
-  return /* @__PURE__ */ d(J, { ...e, children: [
-    /* @__PURE__ */ t(Y, {}),
-    /* @__PURE__ */ t(X, {}),
-    /* @__PURE__ */ t(K, {}),
-    /* @__PURE__ */ t($, {})
+function le(e) {
+  return /* @__PURE__ */ c(p2, { ...e, children: [
+    /* @__PURE__ */ t(u2, {}),
+    /* @__PURE__ */ t(h2, {}),
+    /* @__PURE__ */ t(c2, {}),
+    /* @__PURE__ */ t(d2, {})
   ] });
 }
-const He = Object.assign(J, {
-  Default: je,
-  Passkey: Y,
-  Google: K,
-  Email: $,
-  Divider: X
+const oe = Object.assign(p2, {
+  Default: le,
+  Passkey: u2,
+  Google: c2,
+  Email: d2,
+  Wallet: se,
+  InstalledWallets: ne,
+  MoreWallets: re,
+  Divider: h2
 });
-function _e() {
+function de() {
   return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("code");
 }
-function qe() {
-  const { otpId: e, otpEncryptionTargetBundle: r, goToStep: s, clearOtpSession: i } = S(), [n] = z(_e), [a, o] = z(null), c = D(!1), { mutate: l, isPending: p } = me({
+function ce() {
+  const { otpId: e, otpEncryptionTargetBundle: n, goToStep: r, clearOtpSession: a } = F(), [i] = C(de), [s, l] = C(null), o = r2(!1), { mutate: p, isPending: m } = U2({
     mutation: {
       onSuccess: () => {
-        i(), s("authenticated");
+        a(), r("authenticated");
       },
-      onError: (h) => {
-        o(h);
+      onError: (g) => {
+        l(g);
       }
     }
   });
-  return k(() => {
-    if (!(c.current || !n)) {
-      if (c.current = !0, !e || !r) {
-        A(), s(null);
+  return U(() => {
+    if (!(o.current || !i)) {
+      if (o.current = !0, !e || !n) {
+        I(), r(null);
         return;
       }
-      l({ otpId: e, code: n, otpEncryptionTargetBundle: r });
+      p({ otpId: e, code: i, otpEncryptionTargetBundle: n });
     }
-  }, [e, r, n, l, s]), /* @__PURE__ */ d(N, { children: [
-    /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      !a && p && /* @__PURE__ */ t(E, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
-      !a && !n && !p && /* @__PURE__ */ d(N, { children: [
-        /* @__PURE__ */ d(E, { imageName: "error", title: "Invalid Link", children: [
+  }, [e, n, i, p, r]), /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      !s && m && /* @__PURE__ */ t(N, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
+      !s && !i && !m && /* @__PURE__ */ c(x, { children: [
+        /* @__PURE__ */ c(N, { imageName: "error", title: "Invalid Link", children: [
           "This verification link is invalid or incomplete.",
           /* @__PURE__ */ t("br", {}),
           "Please check your email and try again with the correct link."
         ] }),
         /* @__PURE__ */ t(
-          w,
+          S,
           {
             action: "primary",
             onClick: () => {
-              A(), s("sign-up");
+              I(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] }),
-      a != null && /* @__PURE__ */ d(N, { children: [
-        /* @__PURE__ */ t(E, { imageName: "error", title: "Oops, something went wrong", children: "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request." }),
+      s != null && /* @__PURE__ */ c(x, { children: [
+        /* @__PURE__ */ t(N, { imageName: "error", title: "Oops, something went wrong", children: "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request." }),
         /* @__PURE__ */ t(
-          w,
+          S,
           {
             action: "primary",
             onClick: () => {
-              A(), s("sign-up");
+              I(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t(T, { className: "zd:self-center zd:pt-4 zd:pb-6" })
-  ] });
-}
-function De() {
-  const { goToStep: e } = S(), { connect: r, connectors: s, isPending: i } = ce(), n = s.filter((o) => o.id !== "zerodev-wallet"), a = (o) => {
-    r(
-      { connector: o },
-      {
-        onSuccess: () => {
-          e(null);
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ d(N, { children: [
-    /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ t(m, { className: "zd:text-h2 zd:text-center", children: "Select your wallet" }),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-2", children: n.length === 0 ? /* @__PURE__ */ t(m, { className: "zd:text-center", children: "No wallets detected. Install a browser wallet extension to continue." }) : n.map((o) => /* @__PURE__ */ t(
-        _,
-        {
-          title: o.name,
-          icon: o.icon ? /* @__PURE__ */ t(
-            "img",
-            {
-              src: o.icon,
-              alt: "",
-              className: "zd:w-6 zd:h-6"
-            }
-          ) : /* @__PURE__ */ t(q, { name: "walletOutline" }),
-          disabled: i,
-          onClick: () => a(o),
-          className: "zd:rounded-3xl"
-        },
-        o.uid
-      )) })
-    ] }),
-    /* @__PURE__ */ t(T, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const We = {
-  "wallet-selection": "Choose your wallet"
-};
-function Fe() {
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(E, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
+function ue() {
+  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(N, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
 }
-function Ve() {
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(E, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
+function pe() {
+  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(N, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
 }
-function $e(e, r) {
+function he(e, n) {
   switch (e) {
     case "sign-up":
-      return r ? r() : /* @__PURE__ */ t(He.Default, {});
+      return n ? n() : /* @__PURE__ */ t(oe.Default, {});
     case "email-verification":
-      return /* @__PURE__ */ t(be, {});
+      return /* @__PURE__ */ t(B2, {});
     case "otp-input":
-      return /* @__PURE__ */ t(Le, {});
+      return /* @__PURE__ */ t(Y2, {});
     case "verifying-otp":
-      return /* @__PURE__ */ t(qe, {});
+      return /* @__PURE__ */ t(ce, {});
     case "oauth-in-progress":
-      return /* @__PURE__ */ t(Fe, {});
+      return /* @__PURE__ */ t(ue, {});
     case "passkey-prompt":
-      return /* @__PURE__ */ t(Ve, {});
-    case "wallet-selection":
-      return /* @__PURE__ */ t(De, {});
+      return /* @__PURE__ */ t(pe, {});
     case "error":
-      return /* @__PURE__ */ t(ke, {});
+      return /* @__PURE__ */ t(G2, {});
     default:
       return null;
   }
 }
-function st({
+function _e({
   onClose: e,
-  size: r,
-  renderSignUp: s,
-  logo: i
+  size: n,
+  renderSignUp: r,
+  logo: a
 } = {}) {
-  const { step: n, goToStep: a, goBack: o, reset: c } = S();
-  k(() => {
-    n === null && Ee() && a("verifying-otp");
-  }, [n, a]);
-  const l = $e(n, s);
-  if (!l) return null;
-  const p = () => {
-    A(), c(), e == null || e();
-  }, h = n ? We[n] : void 0;
-  return /* @__PURE__ */ t(
-    ne,
+  const { step: i, goToStep: s, goBack: l, reset: o } = F();
+  U(() => {
+    i === null && Z2() && s("verifying-otp");
+  }, [i, s]);
+  const p = he(i, r);
+  return p ? /* @__PURE__ */ t(
+    i2,
     {
-      ...r && { size: r },
-      className: n === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
-      contentClassName: n === "sign-up" ? "zd:px-0" : void 0,
+      ...n && { size: n },
+      className: i === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
       topNav: /* @__PURE__ */ t(
-        re,
+        a2,
         {
-          ...o !== null && { onLeftButtonClick: o },
-          onRightButtonClick: p,
-          ...h && { title: h },
-          ...n === "sign-up" && {
-            ...i && { logo: i },
+          ...l !== null && { onLeftButtonClick: l },
+          onRightButtonClick: () => {
+            I(), o(), e == null || e();
+          },
+          ...i === "sign-up" && {
+            ...a && { logo: a },
             className: "zd:px-4"
           }
         }
       ),
-      children: l
+      children: p
     }
-  );
+  ) : null;
 }
-const M = "zerodev:auth:otpSession";
-function Ge() {
+const K = "zerodev:auth:otpSession";
+function fe() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(M);
+    const e = window.localStorage.getItem(K);
     if (!e) return null;
-    const r = JSON.parse(e);
-    return !(r != null && r.otpId) || !(r != null && r.otpEncryptionTargetBundle) ? null : r;
+    const n = JSON.parse(e);
+    return !(n != null && n.otpId) || !(n != null && n.otpEncryptionTargetBundle) ? null : n;
   } catch {
     return null;
   }
 }
-function Ke(e) {
+function me(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
-        M,
+        K,
         JSON.stringify(e)
       );
     } catch {
     }
 }
-function j() {
+function Y() {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.removeItem(M);
+      window.localStorage.removeItem(K);
     } catch {
     }
 }
-const Ye = (e, r, s) => ({
+const ge = (e, n, r) => ({
   auth: {
     // Initial state
     step: null,
@@ -825,40 +1066,40 @@ const Ye = (e, r, s) => ({
     otpEncryptionTargetBundle: null,
     // Actions
     initialize: () => {
-      const i = Ge();
-      i && e((n) => ({
+      const a = fe();
+      a && e((i) => ({
         auth: {
-          ...n.auth,
-          otpId: i.otpId,
-          otpEncryptionTargetBundle: i.otpEncryptionTargetBundle
+          ...i.auth,
+          otpId: a.otpId,
+          otpEncryptionTargetBundle: a.otpEncryptionTargetBundle
         }
       }));
     },
-    goToStep: (i) => {
-      e((n) => ({
+    goToStep: (a) => {
+      e((i) => ({
         auth: {
-          ...n.auth,
-          step: i,
-          stepHistory: n.auth.step === null ? n.auth.stepHistory : [...n.auth.stepHistory, n.auth.step]
+          ...i.auth,
+          step: a,
+          stepHistory: i.auth.step === null ? i.auth.stepHistory : [...i.auth.stepHistory, i.auth.step]
         }
       }));
     },
     goBack: () => {
-      const { auth: i } = r();
-      if (i.stepHistory.length === 0) return;
-      const n = [...i.stepHistory], a = n.pop();
-      e((o) => ({
+      const { auth: a } = n();
+      if (a.stepHistory.length === 0) return;
+      const i = [...a.stepHistory], s = i.pop();
+      e((l) => ({
         auth: {
-          ...o.auth,
-          step: a,
-          stepHistory: n
+          ...l.auth,
+          step: s,
+          stepHistory: i
         }
       }));
     },
     reset: () => {
-      j(), e((i) => ({
+      Y(), e((a) => ({
         auth: {
-          ...i.auth,
+          ...a.auth,
           step: null,
           stepHistory: [],
           email: null,
@@ -867,93 +1108,343 @@ const Ye = (e, r, s) => ({
         }
       }));
     },
-    setEmail: (i) => {
-      e((n) => ({
+    setEmail: (a) => {
+      e((i) => ({
         auth: {
-          ...n.auth,
-          email: i
+          ...i.auth,
+          email: a
         }
       }));
     },
-    setOtpSession: ({ otpId: i, otpEncryptionTargetBundle: n }) => {
-      Ke({ otpId: i, otpEncryptionTargetBundle: n }), e((a) => ({
+    setOtpSession: ({ otpId: a, otpEncryptionTargetBundle: i }) => {
+      me({ otpId: a, otpEncryptionTargetBundle: i }), e((s) => ({
         auth: {
-          ...a.auth,
-          otpId: i,
-          otpEncryptionTargetBundle: n
+          ...s.auth,
+          otpId: a,
+          otpEncryptionTargetBundle: i
         }
       }));
     },
     clearOtpSession: () => {
-      j(), e((i) => ({
+      Y(), e((a) => ({
         auth: {
-          ...i.auth,
+          ...a.auth,
           otpId: null,
           otpEncryptionTargetBundle: null
         }
       }));
     }
   }
-}), Je = () => ae()(
-  ze((e, r, s) => ({
+}), ze = () => v2()(
+  L2((e, n, r) => ({
     pendingRequests: [],
     userConfirmationListenerActive: !1,
-    addPendingRequest: (i) => e((n) => ({
-      pendingRequests: [...n.pendingRequests, i]
+    addPendingRequest: (a) => e((i) => ({
+      pendingRequests: [...i.pendingRequests, a]
     })),
-    removePendingRequest: (i) => e((n) => ({
-      pendingRequests: n.pendingRequests.filter((a) => a.id !== i)
+    removePendingRequest: (a) => e((i) => ({
+      pendingRequests: i.pendingRequests.filter((s) => s.id !== a)
     })),
     clearPendingRequests: () => e({ pendingRequests: [] }),
-    setUserConfirmationListenerActive: (i) => e({ userConfirmationListenerActive: i }),
-    ...Ye(e, r)
+    setUserConfirmationListenerActive: (a) => e({ userConfirmationListenerActive: a }),
+    ...ge(e, n)
   }))
 );
-function Xe(e) {
-  return new Promise((r, s) => {
-    const i = e.subscribe(
-      (n) => n.auth.step,
-      (n) => {
-        n === "authenticated" ? (i(), r()) : n === null && (i(), s(new Error("Auth flow dismissed")));
+function De(e) {
+  return new Promise((n, r) => {
+    const a = e.subscribe(
+      (i) => i.auth.step,
+      (i) => {
+        i === "authenticated" ? (a(), n()) : i === null && (a(), r(new Error("Auth flow dismissed")));
       }
     );
   });
 }
-function ot(e) {
-  const r = fe(e), s = Je();
-  return (i) => {
-    const n = r(i);
+function Le(e) {
+  const n = T2(e), r = ze();
+  return (a) => {
+    const i = n(a);
     return {
-      ...n,
-      async connect(a) {
+      ...i,
+      async connect(s) {
         try {
-          return await n.connect(a);
-        } catch (o) {
-          if (a != null && a.isReconnecting || !(o instanceof ge))
-            throw o;
-          if (s.getState().auth.step !== null)
+          return await i.connect(s);
+        } catch (l) {
+          if (s != null && s.isReconnecting || !(l instanceof _2))
+            throw l;
+          if (r.getState().auth.step !== null)
             throw new Error("Auth flow already in progress");
-          return s.getState().auth.goToStep("sign-up"), await Xe(s), n.connect(a);
+          return r.getState().auth.goToStep("sign-up"), await De(r), i.connect(s);
         }
       },
       async disconnect() {
-        var a;
-        await ((a = n.disconnect) == null ? void 0 : a.call(n)), s.getState().auth.reset();
+        var s;
+        await ((s = i.disconnect) == null ? void 0 : s.call(i)), r.getState().auth.reset();
       },
       async setup() {
-        var a;
-        await ((a = n.setup) == null ? void 0 : a.call(n)), !(typeof window > "u") && s.getState().auth.initialize();
+        var s;
+        await ((s = i.setup) == null ? void 0 : s.call(i)), !(typeof window > "u") && r.getState().auth.initialize();
       },
       getKitStore() {
-        return s;
+        return r;
       }
     };
   };
 }
+const we = {
+  Pending: "zd:text-solarOrange",
+  Success: "zd:text-positive",
+  Failed: "zd:text-negative"
+};
+function Ce({
+  icon: e,
+  title: n,
+  value: r,
+  chainName: a,
+  chainIconUrl: i,
+  destChainName: s,
+  destChainIconUrl: l,
+  status: o,
+  className: p
+}) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: B(
+        "zd:flex zd:w-full zd:items-center zd:gap-2 zd:p-2",
+        p
+      ),
+      children: [
+        /* @__PURE__ */ t("div", { className: "zd:flex zd:size-11 zd:shrink-0 zd:items-center zd:justify-center zd:rounded-xl zd:bg-white", children: /* @__PURE__ */ t(Z, { name: e, className: "zd:size-5" }) }),
+        /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:flex-1 zd:flex-col zd:gap-2", children: [
+          /* @__PURE__ */ c("div", { className: "zd:flex zd:w-full zd:items-center zd:justify-between zd:gap-2", children: [
+            /* @__PURE__ */ t(D, { className: "zd:shrink-0 zd:whitespace-nowrap zd:text-body1", children: n }),
+            /* @__PURE__ */ t(D, { className: "zd:min-w-0 zd:truncate zd:text-right zd:text-body1", children: r })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "zd:flex zd:w-full zd:items-center zd:justify-between zd:gap-2", children: [
+            /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-2", children: [
+              /* @__PURE__ */ t(
+                J,
+                {
+                  name: a,
+                  ...i && { iconUrl: i }
+                }
+              ),
+              s && /* @__PURE__ */ c(x, { children: [
+                /* @__PURE__ */ t(
+                  Z,
+                  {
+                    name: "arrowRightFill",
+                    "aria-hidden": !0,
+                    className: "zd:size-3 zd:shrink-0 zd:opacity-30"
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  J,
+                  {
+                    name: s,
+                    ...l && { iconUrl: l }
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              D,
+              {
+                className: B("zd:shrink-0 zd:text-body3", we[o]),
+                children: o
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function J({ name: e, iconUrl: n }) {
+  return /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-[5px]", children: [
+    n && /* @__PURE__ */ t("span", { className: "zd:size-3 zd:shrink-0 zd:overflow-hidden zd:rounded-full zd:bg-white", children: /* @__PURE__ */ t(
+      "img",
+      {
+        src: n,
+        alt: "",
+        "aria-hidden": !0,
+        className: "zd:size-full zd:object-cover"
+      }
+    ) }),
+    /* @__PURE__ */ t(D, { className: "zd:truncate zd:text-body3", children: e })
+  ] });
+}
+const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/arbitrum/info/logo.png", X = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/base/info/logo.png", A = 3600 * 1e3, Ee = [
+  {
+    id: "mock-1",
+    icon: "arrowSwapHorizontalOutline",
+    title: "Swapped ETH → USD₮0",
+    value: "2,343 ETH",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    destChainName: "Base",
+    destChainIconUrl: X,
+    status: "Pending",
+    timestamp: Date.now() - 1 * A
+  },
+  {
+    id: "mock-2",
+    icon: "arrowSwapHorizontalOutline",
+    title: "Swapped ETH → USD₮0",
+    value: "2,343 ETH",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    destChainName: "Base",
+    destChainIconUrl: X,
+    status: "Pending",
+    timestamp: Date.now() - 2 * A
+  },
+  {
+    id: "mock-3",
+    icon: "lighting",
+    title: "Fixed Yield",
+    value: "2,323 PT wstETH (25 Jan 2026)",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    status: "Success",
+    timestamp: Date.now() - 3 * A
+  },
+  {
+    id: "mock-4",
+    icon: "imageFill",
+    title: "Received NFT",
+    value: "Bored Ape Yacht Club",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    status: "Success",
+    timestamp: Date.now() - 4 * A
+  },
+  {
+    id: "mock-5",
+    icon: "lighting",
+    title: "Collateral Used",
+    value: "Collateralization enabled for USD₮0",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    status: "Success",
+    timestamp: Date.now() - 336 * A
+  },
+  {
+    id: "mock-6",
+    icon: "lighting",
+    title: "Liquid Staked ETH",
+    value: "2,323 PT wstETH (25 Jan 2026)",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    status: "Success",
+    timestamp: Date.now() - 336 * A - 1 * A
+  }
+];
+function R(e) {
+  const n = new Date(e);
+  return `${n.getFullYear()}-${n.getMonth()}-${n.getDate()}`;
+}
+function Fe(e, n) {
+  const r = R(e);
+  return r === R(n) ? "Today" : r === R(n - 1440 * 60 * 1e3) ? "Yesterday" : new Intl.DateTimeFormat("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  }).format(new Date(e));
+}
+function xe(e, n = Date.now()) {
+  var s;
+  const r = [...e].sort((l, o) => o.timestamp - l.timestamp), a = [];
+  let i = null;
+  for (const l of r) {
+    const o = R(l.timestamp);
+    o !== i && (i = o, a.push({ label: Fe(l.timestamp, n), entries: [] })), (s = a[a.length - 1]) == null || s.entries.push(l);
+  }
+  return a;
+}
+function ye({
+  entries: e = Ee,
+  onSelectEntry: n
+}) {
+  const r = xe(e);
+  return /* @__PURE__ */ t("div", { className: "zd:flex zd:h-full zd:w-full zd:flex-col zd:gap-1 zd:pt-2 zd:pb-4", children: /* @__PURE__ */ t(
+    e2,
+    {
+      variant: "ghost",
+      className: "zd:flex zd:w-full zd:flex-1 zd:flex-col zd:gap-1 zd:overflow-y-auto zd:rounded-2xl zd:p-2",
+      children: r.map((a) => /* @__PURE__ */ c(y2, { children: [
+        /* @__PURE__ */ t("div", { className: "zd:flex zd:w-full zd:items-center zd:py-2 zd:pr-2", children: /* @__PURE__ */ t(D, { className: "zd:text-body3", children: a.label }) }),
+        a.entries.map(
+          (i) => n ? /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => n(i),
+              className: "zd:w-full zd:cursor-pointer zd:text-left",
+              children: /* @__PURE__ */ t(Q, { entry: i })
+            },
+            i.id
+          ) : /* @__PURE__ */ t(Q, { entry: i }, i.id)
+        )
+      ] }, a.label))
+    }
+  ) });
+}
+function Q({ entry: e }) {
+  return /* @__PURE__ */ t(
+    Ce,
+    {
+      icon: e.icon,
+      title: e.title,
+      value: e.value,
+      chainName: e.chainName,
+      ...e.chainIconUrl && { chainIconUrl: e.chainIconUrl },
+      ...e.destChainName && { destChainName: e.destChainName },
+      ...e.destChainIconUrl && {
+        destChainIconUrl: e.destChainIconUrl
+      },
+      status: e.status
+    }
+  );
+}
+const ve = {
+  history: "History"
+};
+function Oe({
+  onClose: e,
+  entries: n,
+  onSelectEntry: r,
+  className: a,
+  size: i
+}) {
+  const [s] = C("history"), l = () => {
+    switch (s) {
+      case "history":
+        return /* @__PURE__ */ t(
+          ye,
+          {
+            ...n && { entries: n },
+            ...r && { onSelectEntry: r }
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ t(
+    i2,
+    {
+      ...a && { className: a },
+      ...i && { size: i },
+      topNav: /* @__PURE__ */ t(a2, { title: ve[s], onRightButtonClick: e }),
+      children: l()
+    }
+  );
+}
 export {
-  st as ConnectWallet,
-  He as SignUp,
-  S as useAuth,
-  ot as zeroDevWallet
+  _e as ConnectWallet,
+  oe as SignUp,
+  Oe as TxHistory,
+  F as useAuth,
+  Le as zeroDevWallet
 };
 //# sourceMappingURL=index.mjs.map