@zerodev/wallet-react-ui 0.0.11 → 0.0.12

package/dist/index.mjs

@@ -1,59 +1,60 @@
-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
+import { jsxs as c, jsx as n, Fragment as b } from "react/jsx-runtime";
+import { Text as w, cn as q, PoweredBy as Z, Button as A, Wrapper as c2, BottomSheet as u2, BottomSheetContent as f2, BottomSheetTitle as p2, BottomSheetClose as m2, QrCode as N2, Input as U2, Icon as K, ListItem as T, ListItemChevron as G, ListItemIcon as h2, Badge as X, Screen as g2, TopNav as z2 } from "@zerodev/react-ui";
+import { useState as E, useEffect as N, useMemo as $, useRef as e2, createContext as I2, useContext as T2, useLayoutEffect as L2, useCallback as O2, Fragment as M2 } from "react";
+import { useStore as W, create as B2 } from "zustand";
+import { useConfig as H2, useConnectors as H, useConnect as V, useConnections as R2, useAccount as D2 } from "wagmi";
+import { useSendMagicLink as C2, useSendOTP as w2, useVerifyOTP as P2, useAuthenticateOAuth as W2, useRegisterPasskey as _2, useLoginPasskey as Z2, useVerifyMagicLink as G2, zeroDevWallet as V2, NotAuthenticatedError as j2 } from "@zerodev/wallet-react";
+import { subscribeWithSelector as q2 } from "zustand/middleware";
+import { walletConnect as K2 } from "wagmi/connectors";
+const J2 = "" + new URL("error.webp", import.meta.url).href, Q2 = "" + new URL("loading.webp", import.meta.url).href, Y2 = "" + new URL("send.webp", import.meta.url).href, X2 = "" + new URL("success.webp", import.meta.url).href, $2 = {
+  error: J2,
+  loading: Q2,
+  send: Y2,
+  success: X2
 };
-function N({
+function L({
   imageName: e,
-  title: n,
+  title: t,
   children: r,
-  className: a
+  className: i
 }) {
   return /* @__PURE__ */ c(
     "div",
     {
-      className: B("zd:flex zd:flex-col zd:gap-8 zd:items-center", a),
+      className: q("zd:flex zd:flex-col zd:gap-8 zd:items-center", i),
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "img",
           {
-            src: P2[e],
+            src: $2[e],
             alt: e,
             className: "zd:w-[118px] zd:h-[118px] zd:bg-transparent"
           }
         ),
         /* @__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 })
+          /* @__PURE__ */ n(w, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: t }),
+          /* @__PURE__ */ n(w, { className: "zd:text-center zd:whitespace-pre-wrap", children: r })
         ] })
       ]
     }
   );
 }
-function R2() {
-  const n = S2().connectors.find((r) => r.id === "zerodev-wallet");
-  if (!n || !("getKitStore" in n))
+function ee() {
+  const t = H2().connectors.find((r) => r.id === "zerodev-wallet");
+  if (!t || !("getKitStore" in t))
     throw new Error("useKitStore must be used with the zeroDevWallet connector");
-  return n.getKitStore();
+  return t.getKitStore();
 }
-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(
+function S() {
+  const e = ee(), t = W(e, (s) => s.auth.step), r = W(e, (s) => s.auth.stepHistory), i = W(e, (s) => s.auth.email), o = W(e, (s) => s.auth.otpId), a = W(
     e,
-    (l) => l.auth.otpEncryptionTargetBundle
+    (s) => s.auth.otpEncryptionTargetBundle
   );
   return {
-    step: n,
-    email: a,
-    otpId: i,
-    otpEncryptionTargetBundle: s,
+    step: t,
+    email: i,
+    otpId: o,
+    otpEncryptionTargetBundle: a,
     goToStep: e.getState().auth.goToStep,
     goBack: r.length > 0 ? e.getState().auth.goBack : null,
     reset: e.getState().auth.reset,
@@ -62,20 +63,20 @@ function F() {
     clearOtpSession: e.getState().auth.clearOtpSession
   };
 }
-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));
+function te() {
+  const { email: e, setOtpSession: t } = S(), { mutateAsync: r, isPending: i } = C2(), [o, a] = E(60), s = o <= 0 && !i;
+  return N(() => {
+    if (o <= 0) return;
+    const u = setInterval(() => {
+      a((g) => Math.max(0, g - 1));
     }, 1e3);
     return () => {
-      clearInterval(p);
+      clearInterval(u);
     };
-  }, [i]), /* @__PURE__ */ c(x, { children: [
+  }, [o]), /* @__PURE__ */ c(b, { children: [
     /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
       /* @__PURE__ */ c(
-        N,
+        L,
         {
           imageName: "send",
           title: `Check your email!
@@ -83,121 +84,121 @@ function B2() {
           children: [
             "We've sent a magic link to",
             " ",
-            /* @__PURE__ */ t(D, { as: "span", className: "zd:text-solarOrange", children: e }),
+            /* @__PURE__ */ n(w, { 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__ */ c(D, { className: "zd:text-center", children: [
+      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(w, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            disabled: !l,
+            disabled: !s,
             onClick: async () => {
-              if (!(!e || !l))
+              if (!(!e || !s))
                 try {
-                  const { otpId: p, otpEncryptionTargetBundle: m } = await r({
+                  const { otpId: u, otpEncryptionTargetBundle: g } = await r({
                     email: e
                   });
-                  n({ otpId: p, otpEncryptionTargetBundle: m }), s(60);
+                  t({ otpId: u, otpEncryptionTargetBundle: g }), a(60);
                 } catch {
                 }
             },
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: l ? "Resend" : `Resend in ${i} ${i === 1 ? "second" : "seconds"}`
+            children: s ? "Resend" : `Resend in ${o} ${o === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(Z, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function Z2() {
+function ne() {
   return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("code");
 }
-function I() {
+function _() {
   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 G2({
+function ie({
   title: e = "Oops, something went wrong",
-  message: n = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
+  message: t = "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
+  showChooseAnother: i = !0
 }) {
-  const { goToStep: i, goBack: s, reset: l } = F();
-  return /* @__PURE__ */ c(x, { children: [
+  const { goToStep: o, goBack: a, reset: s } = S();
+  return /* @__PURE__ */ c(b, { 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__ */ n(L, { imageName: "error", title: e, children: t }),
       /* @__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,
+        r && /* @__PURE__ */ n(A, { action: "primary", text: "Try again", onClick: a ?? (() => o("sign-up")) }),
+        i && /* @__PURE__ */ n(
+          A,
           {
             action: r ? "secondary" : "primary",
             onClick: () => {
-              I(), i("sign-up");
+              _(), o("sign-up");
             },
             text: "Choose another sign-in method"
           }
         ),
-        !r && !a && /* @__PURE__ */ t(S, { action: "primary", text: "Start over", onClick: l })
+        !r && !i && /* @__PURE__ */ n(A, { action: "primary", text: "Start over", onClick: s })
       ] })
     ] }),
-    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(Z, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const V2 = 4, W2 = 8, j2 = 6;
-function $2(e) {
-  return Math.max(V2, Math.min(W2, e));
+const re = 4, oe = 8, ae = 6;
+function se(e) {
+  return Math.max(re, Math.min(oe, e));
 }
-function q2({ char: e, isFocused: n }) {
-  return /* @__PURE__ */ t(
-    e2,
+function le({ char: e, isFocused: t }) {
+  return /* @__PURE__ */ n(
+    c2,
     {
       "data-testid": "code-input-box",
-      "data-active": n || void 0,
-      className: B(
+      "data-active": t || void 0,
+      className: q(
         "zd:h-16 zd:w-14 zd:rounded-lg zd:flex zd:items-center zd:justify-center",
-        n && "zd:border-[1.5px] zd:border-greyScale"
+        t && "zd:border-[1.5px] zd:border-greyScale"
       ),
-      children: /* @__PURE__ */ t(D, { className: "zd:text-h2", children: e })
+      children: /* @__PURE__ */ n(w, { className: "zd:text-h2", children: e })
     }
   );
 }
-function K2({
+function de({
   onChange: e,
-  onComplete: n,
+  onComplete: t,
   disabled: r = !1,
-  error: a = !1,
-  autoFocus: i = !1,
-  length: s = j2,
-  "data-testid": l
+  error: i = !1,
+  autoFocus: o = !1,
+  length: a = ae,
+  "data-testid": s
 }) {
-  const o = $2(s), p = w2(
-    () => Array.from({ length: o }, (u, z) => ({
-      id: `char-${z}`,
-      index: z
+  const l = se(a), u = $(
+    () => Array.from({ length: l }, (f, C) => ({
+      id: `char-${C}`,
+      index: C
     })),
-    [o]
-  ), [m, g] = C(""), [E, h] = C(!1), d = r2(null);
-  U(() => {
-    var u;
-    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();
+    [l]
+  ), [g, z] = E(""), [F, p] = E(!1), d = e2(null);
+  N(() => {
+    var f;
+    o && !r && ((f = d.current) == null || f.focus());
+  }, [o, r]), N(() => {
+    z((f) => f.slice(0, l));
+  }, [l]);
+  const D = (f) => {
+    const C = f.slice(0, l).toUpperCase();
+    z(C), e == null || e(C), C.length === l && setTimeout(() => {
+      var x;
+      t == null || t(C), (x = d.current) == null || x.blur();
     }, 0);
   };
   return /* @__PURE__ */ c(
@@ -206,155 +207,155 @@ function K2({
       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 = d.current) == null ? void 0 : u.focus();
+        var f;
+        return (f = d.current) == null ? void 0 : f.focus();
       },
       disabled: r,
-      "data-testid": l,
+      "data-testid": s,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "input",
           {
             ref: d,
-            value: m,
-            onChange: (u) => f(u.target.value),
-            onFocus: () => h(!0),
-            onBlur: () => h(!1),
-            maxLength: o,
+            value: g,
+            onChange: (f) => D(f.target.value),
+            onFocus: () => p(!0),
+            onBlur: () => p(!1),
+            maxLength: l,
             disabled: r,
             className: "zd:absolute zd:opacity-0 zd:pointer-events-none",
             style: { position: "absolute", opacity: 0 },
             "aria-label": "Verification code"
           }
         ),
-        p.map((u) => /* @__PURE__ */ t(
-          q2,
+        u.map((f) => /* @__PURE__ */ n(
+          le,
           {
-            char: m[u.index] ?? "",
-            isFocused: !a && E && u.index === m.length
+            char: g[f.index] ?? "",
+            isFocused: !i && F && f.index === g.length
           },
-          u.id
+          f.id
         ))
       ]
     }
   );
 }
-function Y2() {
+function ce() {
   const {
     email: e,
-    otpId: n,
+    otpId: t,
     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;
+    setOtpSession: i,
+    clearOtpSession: o,
+    goToStep: a
+  } = S(), { mutateAsync: s, isPending: l } = w2(), { mutateAsync: u, isPending: g } = P2(), [z, F] = E(""), [p, d] = E(!1), [D, f] = E(60);
+  N(() => {
+    if (D <= 0) return;
     const v = setInterval(() => {
-      u((W) => Math.max(0, W - 1));
+      f((y) => Math.max(0, y - 1));
     }, 1e3);
     return () => clearInterval(v);
-  }, [f]);
-  const z = async () => {
-    if (!(!g.trim() || !n || !r)) {
+  }, [D]);
+  const C = async () => {
+    if (!(!z.trim() || !t || !r)) {
       d(!1);
       try {
-        await p({
-          otpId: n,
-          code: g.trim(),
+        await u({
+          otpId: t,
+          code: z.trim(),
           otpEncryptionTargetBundle: r
-        }), i(), s("authenticated");
+        }), o(), a("authenticated");
       } catch {
         d(!0);
       }
     }
-  }, w = (v) => {
-    E(v);
-  }, y = async () => {
-    if (!(!e || f > 0 || o))
+  }, x = (v) => {
+    F(v);
+  }, m = async () => {
+    if (!(!e || D > 0 || l))
       try {
-        const { otpId: v, otpEncryptionTargetBundle: W } = await l({ email: e });
-        a({
+        const { otpId: v, otpEncryptionTargetBundle: y } = await s({ email: e });
+        i({
           otpId: v,
-          otpEncryptionTargetBundle: W
-        }), u(60), d(!1);
+          otpEncryptionTargetBundle: y
+        }), f(60), d(!1);
       } catch {
         d(!0);
       }
-  }, b = f <= 0 && !o;
-  return /* @__PURE__ */ c(x, { children: [
+  }, h = D <= 0 && !l;
+  return /* @__PURE__ */ c(b, { 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: [
+        /* @__PURE__ */ n(w, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
+        /* @__PURE__ */ c(w, { className: "zd:text-center", children: [
           "Enter the code from the email we sent to",
           " ",
-          /* @__PURE__ */ t(D, { className: "zd:text-solarOrange", children: e })
+          /* @__PURE__ */ n(w, { className: "zd:text-solarOrange", children: e })
         ] })
       ] }),
-      /* @__PURE__ */ t(
-        K2,
+      /* @__PURE__ */ n(
+        de,
         {
-          onComplete: w,
+          onComplete: x,
           onChange: () => d(!1),
-          disabled: m,
-          error: h,
+          disabled: g,
+          error: p,
           autoFocus: !0
         }
       ),
-      /* @__PURE__ */ t(
-        S,
+      /* @__PURE__ */ n(
+        A,
         {
           text: "Confirm code",
-          onClick: z,
-          disabled: !g.trim() || m
+          onClick: C,
+          disabled: !z.trim() || g
         }
       ),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
+      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(w, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            disabled: !b,
-            onClick: y,
+            disabled: !h,
+            onClick: m,
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: b ? "Resend" : `Resend in ${f} ${f === 1 ? "second" : "seconds"}`
+            children: h ? "Resend" : `Resend in ${D} ${D === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(Z, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function J2({
+function ue({
   termsAndConditionsUrl: e,
-  privacyPolicyUrl: n,
+  privacyPolicyUrl: t,
   agreedToTerms: r,
-  setAgreedToTerms: a,
-  highlight: i = !1
+  setAgreedToTerms: i,
+  highlight: o = !1
 }) {
   return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
-    !!(e || n) && /* @__PURE__ */ c(
+    !!(e || t) && /* @__PURE__ */ c(
       "div",
       {
-        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"}`,
+        className: `zd:flex zd:flex-row zd:items-center zd:gap-2 zd:rounded-md zd:p-2 zd:transition-colors ${o ? "zd:border zd:border-negative" : "zd:border zd:border-transparent"}`,
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ n(
             "input",
             {
               type: "checkbox",
               checked: r,
-              onChange: (l) => a(l.target.checked),
+              onChange: (s) => i(s.target.checked),
               className: "zd:cursor-pointer zd:[color-scheme:light]"
             }
           ),
-          /* @__PURE__ */ c(D, { className: "zd:flex-1", children: [
+          /* @__PURE__ */ c(w, { className: "zd:flex-1", children: [
             "I agree to the",
             " ",
-            e && /* @__PURE__ */ t(
-              D,
+            e && /* @__PURE__ */ n(
+              w,
               {
                 as: "a",
                 href: e,
@@ -364,12 +365,12 @@ function J2({
                 children: "Terms & Conditions"
               }
             ),
-            e && n && " and ",
-            n && /* @__PURE__ */ t(
-              D,
+            e && t && " and ",
+            t && /* @__PURE__ */ n(
+              w,
               {
                 as: "a",
-                href: n,
+                href: t,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "zd:underline",
@@ -380,17 +381,17 @@ function J2({
         ]
       }
     ),
-    /* @__PURE__ */ t(H, {})
+    /* @__PURE__ */ n(Z, {})
   ] });
 }
-const X2 = "" + new URL("blob.webm", import.meta.url).href;
-function Q2({ className: e }) {
-  return /* @__PURE__ */ t(
+const fe = "" + new URL("blob.webm", import.meta.url).href;
+function pe({ className: e }) {
+  return /* @__PURE__ */ n(
     "video",
     {
       className: e,
       style: { aspectRatio: "1 / 1" },
-      src: X2,
+      src: fe,
       autoPlay: !0,
       loop: !0,
       muted: !0,
@@ -400,108 +401,17 @@ function Q2({ className: e }) {
     }
   );
 }
-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 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 w = g ? E : d, { otpId: y, otpEncryptionTargetBundle: b } = await w({
-          email: p
-        });
-        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(
-    f2,
-    {
-      iconName: "email",
-      placeholder: "Enter your email",
-      value: p,
-      onChange: (w) => m(w.target.value),
-      type: "email",
-      autoCapitalize: "none",
-      autoComplete: "email",
-      disabled: a,
-      variant: "listItemStyle",
-      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: !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 P(e) {
+const me = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='24'%20height='24'%20fill='url(%23pattern0_19361_9946)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_19361_9946'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_19361_9946'%20transform='scale(0.0136986)'/%3e%3c/pattern%3e%3cimage%20id='image0_19361_9946'%20width='73'%20height='73'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgpSURBVHgB5Zx/bFNVFMfPbWc2NJD9BAckjmSDDs1WEwSNvzqVxGCCDP/ABJUZTUQJv4wGogkwEg38xQ9jookJW9QE/hhs+8N/AFeDkoAkPIyuA6aUBEgJYw4WZcDayzl3feV1e3197/a+0rWfpGn7+nr73rfnnHvuue8+Blmm7nG/nwMEIBZ7DIDVMAA/bcdtNcb9cHsYtw2BeHANPJ6LuFHr/1MLQpZh4DI1Nf7SokegBWL8dfw1P6pRCpkTBA/rKopCZ1+fFgaXcUWkJGHIatwlyDys/e5/0BkOa0PgAkpFEuI8HFuPzW5QZDG2GXNP3lnEPXtUW5cykWrnN2x9EOKMR4jFeFt/7x+toIiMRap9wh9gUb5vfOB90JBYGLdaz/+ltUGGSIskXGtKbMx6chjGoO3u/2xjJvFKSiSfz18zyvghiHffuQ5ZlZezJtlY5QGHkHuNevhpmCQCERQK8E89PdfnXwUSeJ3sPNfXsIpz6MSXJTD5KOEMlpVPnwGD167+4uSLtkWq9TVs5YzthkkPCzgVypZIwoLyQiAdZ0KlFYliUNzF8gwWqKysDl8fiJxJu6fVh9SLRRnvybUcSCFDOKRpwlxKs9rJsnfLc4GIUhxfHqKcz2qnlCLV1jfsynOBBHSORVP4Pqt9TN2N4hBEeQ8UEBxY898hzTT2mloSjcWgwGDA96Vyuwki1dU3rC8ENzMByzxgOg5NcrcC6M3SMTR6i80ZPxhOsqRRiK0qYIEIU2tKsqS6+sYL2RJp2rSpsPCpBbAIH9OmToVZs2aKbcTNm8Nwc3gYQn1nxePk76fEtiwxwZoSIuEsRguPuRuwSYTly5bCKy81waKFCxx998TJU3Cws1s8XIex1v5ebVvirf6itr6RuvwAuMTaNauh5e2VCWuR5fLlK9CBQn319TfgGjR11XvmyftvIVFEuwAuQBaz84vtwp1UQmJt+nyLsDBX8LImfY5PBO6o1x0LanlnJfzQ9p1ygQhqk9omC3WF2H1NRBWgvHLGLlAcsOngP/14PbgNWSq58LFfj4NqBgeuttOzcLfa+Y3/qpwKIoHW2fiHyVWO/Nwjni9fuZLoweik633zxMNukD94qFu4n0qwlyujXo7V+nCcxtSN0+bjiXUdPGC5D/VQezHwUlyxA7kWiU49oxVL31gBodBZUIU+nvOI+XmF9GJek6rnuYSiLF2+AjZ9tsW2QIQI0vidwOIlog0z6DdVCkSweAjyllU9+ia+eRoUcgKTP/Jjo5scOdoD732wxpE44xnGBLP9+x9h9syZUF8/L7GdBNrrQkrAGIsMXot0eSuqZmwCF7Jso1DkXhs+2Qy3b98BFVAc09t2SyAB/gjWwb9lGLRPo/O5Noe2+OUmOHzUndIUBXYatrgFTWqeD52Z42GSvRr1QJSnBA//BLMt8iC7AlEb1Fa69oxYCaS3142diGyWr49jGQ5HODhEF4j+SYLizIfrNkoHztnxxFBPOqm9t1reTxmknbZHYlJ7MoNkSgMcT3OPF4jQs19jMLXL+BMytmfXoozQcXV1HEhqj7bJtldSAqWORVr70eokgXSo3OFUKDOBdGSE0sUwcy/6THYI41gk6qlSma0ToawE0nEilJVAOjIdyMgIDHnExU4OSOffdoSyI5COHaHSCUTHSsd8REIkGpY4tiTCjlDdGBfMhhFOBNKxinl2BZIsqYjqpAe7Ng0ksNNj7Pxye5JQ+gnJlE7MhKK2rbp4XSDpXIqNeRkOS6qfkR2WDAxcFyWK5597NuWBUjKpD0XoJKuqKlO2txnHZ4cxm6bvmFFcXAyvLXkVjv12HF7A36Q/IRUZCyRgJwYHIvsxT/Lj7ADfBRlgJ27QQVsFVRKoI16/JpF2YDVTNglUIxAkat0eTCul3M2IneTPyiWMAhHUC8kmf6LSQCUTBcMVHtfGM1qCLxhkfCW9TJas/+MdJjMgMlnypfgxZFJpMPKQLlJYw/klBdZEOBHKjks4EUq1QDRjol+tG08BWBcowo5QTmKGHaGUCwTkaixxqaAQqUjx5X5WQskEVdqX4oxZe24IRDDvfU2ESHGzCoJCzITST0gmqFq1p1wgTLSN6+oMGbc6l9MxnlgmAlm1p1ogAicA9hjfJ6a5a/z+0qI7OIvr0iojSgFUXfRgvLDCDYo4m2NcYpG4RHkoEhkpr6iegrIFwAVU1bf1tlS2ZwSL/23nQlq7cVvy9UklsFtFzjSZ8cZgwjq5JJFEzhRL9sdCgqzIbCXThFIJWZPTGlM+IJZ7mVgRMUEksiZMpN6FQoOz1lTr4UzXlmB5IIwllDLVM7u5CrnZ+ZDWmurzlJXJaDFsKwS3s3IznZQiiSDuYc1539vhOaZbdmq5lGvwWiRSUVF9FYVaBvnIWFFtf7rd0q53w/iklVdWM7eSzAfGuCtsrbC1chKFCuaVUA4EImyvwc0boRwKRDhazU1CVVRWX8RwH4BJuaKbbewPaTvAIdI3T5hMC3XE/UswQe7vk7v3kiNL0hkYiAxNr6zu4oyVQc7fRIEFsfTRfK5Pk67jS1mSkTqfvwUY35pzVkX5HQ410L0yXqovZUlGKEUgq4oBu5ErQZ0qi9FbrPmffjW3NsvYkoyMxSrYxoFL3RMkI9BysOvtpCFGzt5kyogQi1Y8ZcMNya2wBjY6Arsnxe3KzKC7AcZi0MIYvIiTWUqCPFpMOAbQxXAqTLbHcvZ7WUTcmKoEe8OxPKtRTDownvqOgWJwzcJ4kFqMww3cEozegqBbFpOKrIqUDnJTeqZL8LIthBX3AMO5NwaXDfWSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", t2 = me;
+function R(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 c2() {
-  const { goToStep: e } = F(), { authPending: n, guardAgreement: r, setError: a } = T(), { mutateAsync: i, isPending: s } = A2({
-    mutation: {
-      onSuccess: () => {
-        e("authenticated");
-      }
-    }
-  });
-  return L(s), /* @__PURE__ */ t(
-    M,
-    {
-      icon: /* @__PURE__ */ t(t2, { name: "google" }),
-      title: "Google",
-      trailing: /* @__PURE__ */ t(V, {}),
-      disabled: n,
-      onClick: async () => {
-        if (!n && r()) {
-          a(null);
-          try {
-            await i({ provider: "google" });
-          } catch (o) {
-            P(o) || a(o instanceof Error ? o.message : String(o));
-          }
-        }
-      }
-    }
-  );
+function n2(e, t) {
+  return t.rdns && e.id === t.rdns ? !0 : !!t.rdns && e.type === "injected" && e.id !== "injected" && e.id !== "zerodev-wallet" && e.name === t.name;
 }
-function G(e, n) {
-  return !!n.rdns && (e.id === n.rdns || (Array.isArray(e.rdns) ? e.rdns.includes(n.rdns) : e.rdns === n.rdns));
+function O(e, t) {
+  return n2(e, t) ? !0 : !!t.rdns && (Array.isArray(e.rdns) ? e.rdns.includes(t.rdns) : e.rdns === t.rdns);
 }
-const te = [
+const he = [
   {
     id: "metamask",
     name: "MetaMask",
@@ -538,6 +448,7 @@ const te = [
     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",
+    mobileLink: "rabby://wc?uri=",
     downloadUrl: "https://rabby.io"
   },
   {
@@ -579,54 +490,325 @@ const te = [
     mobileLink: "bnc://app.binance.com/cedefi/wc?uri=",
     downloadUrl: "https://www.binance.com/en/download"
   }
-], k = te;
-function ne({
+], k = he;
+function ge({
+  open: e,
+  onOpenChange: t,
+  wallet: r,
+  pairing: i
+}) {
+  return /* @__PURE__ */ n(u2, { open: e, onOpenChange: t, children: /* @__PURE__ */ c(f2, { className: "zd:p-4", children: [
+    /* @__PURE__ */ n(p2, { children: r ? `Connect ${r.name}` : "WalletConnect" }),
+    /* @__PURE__ */ n(ze, { wallet: r, pairing: i })
+  ] }) });
+}
+function ze({
+  wallet: e,
+  pairing: t
+}) {
+  const { goToStep: r } = S(), { uri: i, error: o, retry: a } = t, s = H(), { connect: l } = V(), u = e ? s.find((h) => O(h, e)) : void 0, [g, z] = E(
+    u ? "browser" : "mobile"
+  ), [F, p] = E(null), [d, D] = E(!1), f = i && (e != null && e.mobileLink) ? `${e.mobileLink}${encodeURIComponent(i)}` : i, C = async () => {
+    if (i)
+      try {
+        await navigator.clipboard.writeText(i), D(!0), setTimeout(() => D(!1), 2e3);
+      } catch {
+      }
+  }, x = () => {
+    u && (p(null), l(
+      { connector: u },
+      {
+        onSuccess: () => r(null),
+        onError: (h) => {
+          R(h) || p(h instanceof Error ? h.message : String(h));
+        }
+      }
+    ));
+  }, m = o ?? F;
+  return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-3", children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex zd:w-full zd:items-center zd:gap-2", children: [
+      /* @__PURE__ */ n(
+        "img",
+        {
+          src: e ? e.icon : t2,
+          alt: "",
+          className: "zd:w-8 zd:h-8 zd:rounded-xl"
+        }
+      ),
+      /* @__PURE__ */ n(w, { className: "zd:text-h3 zd:flex-1", children: e ? e.name : "WalletConnect" }),
+      /* @__PURE__ */ n(m2, { asChild: !0, children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Close",
+          className: "zd:cursor-pointer zd:px-2 zd:text-greyScale/60",
+          children: "✕"
+        }
+      ) })
+    ] }),
+    e && /* @__PURE__ */ n("div", { className: "zd:flex zd:w-full zd:gap-2", children: ["mobile", "browser"].map((h) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        onClick: () => z(h),
+        className: `zd:flex-1 zd:rounded-2xl zd:py-1.5 zd:text-body3 zd:cursor-pointer ${g === h ? "zd:bg-greyScale/10 zd:font-semibold" : "zd:text-greyScale/60"}`,
+        children: h === "mobile" ? "Mobile" : "Browser"
+      },
+      h
+    )) }),
+    !e || g === "mobile" ? m ? /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-2 zd:items-center", children: [
+      /* @__PURE__ */ n(w, { className: "zd:text-center zd:text-red-500", children: m }),
+      /* @__PURE__ */ n(A, { action: "secondary", text: "Try again", onClick: a })
+    ] }) : /* @__PURE__ */ c(b, { children: [
+      /* @__PURE__ */ n("div", { className: "zd:bg-white zd:rounded-2xl zd:p-2 zd:border zd:border-greyScale/10", children: f ? /* @__PURE__ */ n(N2, { value: f, size: 176 }) : /* @__PURE__ */ n("div", { className: "zd:w-[176px] zd:h-[176px] zd:flex zd:items-center zd:justify-center", children: /* @__PURE__ */ n("div", { className: "zd:w-8 zd:h-8 zd:border-2 zd:border-solarOrange zd:border-t-transparent zd:rounded-full zd:animate-spin" }) }) }),
+      f && (e == null ? void 0 : e.mobileLink) && /* @__PURE__ */ c(
+        "a",
+        {
+          href: f,
+          className: "zd:w-full zd:rounded-2xl zd:bg-greyScale/10 zd:py-2 zd:text-center zd:text-body2 zd:font-semibold",
+          children: [
+            "Open in ",
+            e.name
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(
+        A,
+        {
+          action: "secondary",
+          text: d ? "Copied" : "Copy link",
+          onClick: C,
+          disabled: !f
+        }
+      )
+    ] }) : m ? /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-2 zd:items-center", children: [
+      /* @__PURE__ */ n(w, { className: "zd:text-center zd:text-red-500", children: m }),
+      /* @__PURE__ */ n(
+        A,
+        {
+          action: "secondary",
+          text: "Try again",
+          onClick: u ? x : a
+        }
+      )
+    ] }) : u && e ? /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: x,
+        className: "zd:w-full zd:cursor-pointer zd:rounded-2xl zd:bg-greyScale/10 zd:py-2 zd:text-center zd:text-body2 zd:font-semibold",
+        children: [
+          "Open in ",
+          e.name
+        ]
+      }
+    ) : e && /* @__PURE__ */ c(
+      "a",
+      {
+        href: e.downloadUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "zd:w-full zd:rounded-2xl zd:bg-greyScale/10 zd:py-2 zd:text-center zd:text-body2 zd:font-semibold",
+        children: [
+          "Get ",
+          e.name
+        ]
+      }
+    )
+  ] });
+}
+function x2() {
+  var e, t;
+  return typeof window > "u" ? !1 : ((t = (e = window.matchMedia) == null ? void 0 : e.call(window, "(pointer: coarse)")) == null ? void 0 : t.matches) || /Android|webOS|iPhone|iPad|iPod|BlackBerry|Opera Mini/u.test(
+    navigator.userAgent
+  );
+}
+function J(e) {
+  return e.type === "walletConnect" && "zdWalletConnect" in e;
+}
+function De(e) {
+  const { wallet: t, connectors: r, uri: i, mobile: o } = e;
+  return !t.mobileLink || !o || !i || r.some((a) => O(a, t)) ? null : `${t.mobileLink}${encodeURIComponent(i)}`;
+}
+function Ce() {
+  const { goToStep: e } = S(), t = H(), r = t.find(J), { connect: i } = V(), a = R2().some(
+    (d) => d.connector.uid === (r == null ? void 0 : r.uid)
+  ), { isReconnecting: s } = D2(), [l, u] = E(null), [g, z] = E(null), F = e2(!1), p = (d) => {
+    z(null), u(null), i({ connector: d }, { onError: (D) => z(D.message) });
+  };
+  return N(() => {
+    if (!r || a) return;
+    const d = ({ type: m, data: h }) => {
+      m === "display_uri" && typeof h == "string" && u(h);
+    };
+    r.emitter.on("message", d);
+    const D = () => z("Proposal expired"), f = () => e(null);
+    let C, x = !1;
+    return r.getProvider().then((m) => {
+      var h, v, y;
+      x || (C = m, (y = (v = (h = C.signer) == null ? void 0 : h.client) == null ? void 0 : v.events) == null || y.on("proposal_expire", D), C.on("connect", f));
+    }).catch((m) => {
+      x || z(m instanceof Error ? m.message : String(m));
+    }), !F.current && !s && (F.current = !0, p(r)), () => {
+      var m, h, v;
+      x = !0, (v = (h = (m = C == null ? void 0 : C.signer) == null ? void 0 : m.client) == null ? void 0 : h.events) == null || v.off("proposal_expire", D), C == null || C.off("connect", f), r.emitter.off("message", d);
+    };
+  }, [r, a, s]), {
+    uri: l,
+    error: g,
+    retry: () => {
+      r && p(r);
+    },
+    deepLinkFor: (d) => De({
+      wallet: d,
+      connectors: t,
+      uri: g ? null : l,
+      mobile: x2()
+    })
+  };
+}
+const E2 = I2(null);
+function U() {
+  const e = T2(E2);
+  if (!e)
+    throw new Error("SignUp.* components must be rendered inside <SignUp>");
+  return e;
+}
+function P(e) {
+  const { setAuthPending: t } = U();
+  N(() => (t(e), () => t(!1)), [e, t]);
+}
+const we = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function Y(e) {
+  return we.test(e.trim());
+}
+function F2() {
+  const { goToStep: e, setEmail: t, setOtpSession: r } = S(), {
+    authPending: i,
+    emailAuthMethod: o,
+    needsAgreement: a,
+    guardAgreement: s,
+    setError: l
+  } = U(), [u, g] = E(""), z = o === "otp", { mutateAsync: F, isPending: p } = w2(), { mutateAsync: d, isPending: D } = C2(), f = p || D;
+  P(f);
+  const C = async () => {
+    if (!(!u || i) && Y(u) && s()) {
+      l(null);
+      try {
+        const x = z ? F : d, { otpId: m, otpEncryptionTargetBundle: h } = await x({
+          email: u
+        });
+        t(u), r({ otpId: m, otpEncryptionTargetBundle: h }), e(z ? "otp-input" : "email-verification");
+      } catch (x) {
+        l(
+          x instanceof Error ? x.message : "Failed to send verification code"
+        );
+      }
+    }
+  };
+  return /* @__PURE__ */ n(
+    U2,
+    {
+      iconName: "email",
+      placeholder: "Enter your email",
+      value: u,
+      onChange: (x) => g(x.target.value),
+      type: "email",
+      autoCapitalize: "none",
+      autoComplete: "email",
+      disabled: i,
+      variant: "listItemStyle",
+      onKeyDown: (x) => {
+        x.key === "Enter" && u && !i && C();
+      },
+      children: f ? /* @__PURE__ */ n("div", { className: "zd:w-13 zd:h-13 zd:flex zd:items-center zd:justify-center", children: /* @__PURE__ */ n("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__ */ n(
+        "button",
+        {
+          type: "button",
+          disabled: !Y(u) || a,
+          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${Y(u) && !a ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
+          onClick: () => C(),
+          children: /* @__PURE__ */ n(K, { name: "chevronRight", className: "zd:text-greyScale" })
+        }
+      )
+    }
+  );
+}
+function y2() {
+  const { goToStep: e } = S(), { authPending: t, guardAgreement: r, setError: i } = U(), { mutateAsync: o, isPending: a } = W2({
+    mutation: {
+      onSuccess: () => {
+        e("authenticated");
+      }
+    }
+  });
+  return P(a), /* @__PURE__ */ n(
+    T,
+    {
+      icon: /* @__PURE__ */ n(h2, { name: "google" }),
+      title: "Google",
+      trailing: /* @__PURE__ */ n(G, {}),
+      disabled: t,
+      onClick: async () => {
+        if (!t && r()) {
+          i(null);
+          try {
+            await o({ provider: "google" });
+          } catch (l) {
+            R(l) || i(l instanceof Error ? l.message : String(l));
+          }
+        }
+      }
+    }
+  );
+}
+function xe({
   excludeWalletIds: e = [],
-  maxWallets: n = 4
+  maxWallets: t = 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));
+  const { goToStep: r } = S(), { authPending: i, guardAgreement: o, setError: a, registeredWallets: s } = U(), l = H(), { connect: u, isPending: g } = V();
+  P(g);
+  const z = l.filter(
+    (p) => p.type === "injected" && p.id !== "injected" && p.id !== "zerodev-wallet"
+  ).map((p) => {
+    const d = k.find((D) => O(p, D));
     return {
-      connector: h,
+      connector: p,
       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],
+      name: (d == null ? void 0 : d.name) ?? p.name,
+      icon: (d == null ? void 0 : d.icon) ?? p.icon,
+      ids: d ? [d.id, p.id] : [p.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 },
+    (p) => !(p.walletId && s.includes(p.walletId))
+  ).filter((p) => !p.ids.some((d) => e.includes(d))).sort((p, d) => p.rank - d.rank).slice(0, t), F = (p) => {
+    i || o() && (a(null), u(
+      { connector: p },
       {
         // 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));
+          R(d) || a(d instanceof Error ? d.message : String(d));
         }
       }
     ));
   };
-  return /* @__PURE__ */ t(x, { children: g.map(({ connector: h, name: d, icon: f }) => /* @__PURE__ */ t(
-    M,
+  return /* @__PURE__ */ n(b, { children: z.map(({ connector: p, name: d, icon: D }) => /* @__PURE__ */ n(
+    T,
     {
       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)
+      icon: D ? /* @__PURE__ */ n("img", { src: D, alt: "", className: "zd:w-6 zd:h-6" }) : null,
+      subtitle: /* @__PURE__ */ n(X, { text: "INSTALLED" }),
+      trailing: /* @__PURE__ */ n(G, {}),
+      disabled: i,
+      onClick: () => F(p)
     },
-    h.uid
+    p.uid
   )) });
 }
-function ie({ tile: e }) {
+function Ee({ tile: e }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -634,28 +816,28 @@ function ie({ tile: e }) {
       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,
+        /* @__PURE__ */ n("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__ */ n("img", { src: e.icon, alt: "", className: "zd:w-8 zd:h-8" }) : /* @__PURE__ */ n(
+          K,
           {
             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 })
+        /* @__PURE__ */ n(w, { className: "zd:text-body3 zd:max-w-full zd:truncate", children: e.name })
       ]
     }
   );
 }
-function ae({
+function Fe({
   open: e,
-  onOpenChange: n,
+  onOpenChange: t,
   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" }),
+  return /* @__PURE__ */ n(u2, { open: e, onOpenChange: t, children: /* @__PURE__ */ c(f2, { className: "zd:p-4", children: [
+    /* @__PURE__ */ n(p2, { 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(
+      /* @__PURE__ */ n(w, { className: "zd:text-h3 zd:flex-1", children: "All wallets" }),
+      /* @__PURE__ */ n(m2, { asChild: !0, children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
@@ -665,398 +847,527 @@ function ae({
         }
       ) })
     ] }),
-    /* @__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)) })
+    /* @__PURE__ */ n("div", { className: "zd:grid zd:grid-cols-3 zd:gap-3 zd:max-h-80 zd:overflow-y-auto", children: r.map((i) => /* @__PURE__ */ n(Ee, { tile: i }, i.key)) })
   ] }) });
 }
-function re({
+function ye({
   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 },
+  const { goToStep: t } = S(), { authPending: r, guardAgreement: i, setError: o, openWalletSheet: a } = U(), [s, l] = E(!1), u = H(), { connect: g, isPending: z } = V();
+  P(z);
+  const F = u.filter(
+    (m) => m.id !== "zerodev-wallet" && m.type !== "walletConnect"
+  ), p = (m) => {
+    r || i() && (l(!1), o(null), g(
+      { connector: m },
       {
         // 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));
+        onSuccess: () => t(null),
+        onError: (h) => {
+          R(h) || o(h instanceof Error ? h.message : String(h));
         }
       }
     ));
-  }, h = k.map((u) => {
-    const z = g.find((w) => G(w, u));
+  }, d = u.some(J), D = k.map((m) => {
+    const h = F.find((v) => n2(v, m));
     return {
-      key: u.id,
-      name: u.name,
-      icon: u.icon,
+      key: m.id,
+      name: m.name,
+      icon: m.icon,
       onSelect: () => {
-        if (z) {
-          E(z);
+        if (h) {
+          p(h);
+          return;
+        }
+        if (d) {
+          if (r || !i()) return;
+          l(!1), a(m);
           return;
         }
-        l(!1), window.open(u.downloadUrl, "_blank", "noopener,noreferrer");
+        const v = F.find((y) => O(y, m));
+        if (v) {
+          p(v);
+          return;
+        }
+        l(!1), window.open(m.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)
+  }), f = F.filter((m) => !k.some((h) => O(m, h))).map((m) => ({
+    key: m.uid,
+    name: m.name,
+    icon: m.icon,
+    onSelect: () => p(m)
   }));
-  return /* @__PURE__ */ c(x, { children: [
-    /* @__PURE__ */ t(
-      M,
+  return /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ n(
+      T,
       {
-        icon: /* @__PURE__ */ t(t2, { name: "walletOutline", className: "zd:w-5 zd:h-5" }),
+        icon: /* @__PURE__ */ n(h2, { name: "walletOutline", className: "zd:w-5 zd:h-5" }),
         title: e,
-        trailing: /* @__PURE__ */ t(V, {}),
+        trailing: /* @__PURE__ */ n(G, {}),
         disabled: r,
         onClick: () => {
-          r || a() && l(!0);
+          r || i() && l(!0);
         }
       }
     ),
-    /* @__PURE__ */ t(
-      ae,
+    /* @__PURE__ */ n(
+      Fe,
       {
         open: s,
         onOpenChange: l,
-        tiles: [...h, ...d]
+        tiles: [...d ? [
+          {
+            key: "walletconnect",
+            name: "WalletConnect",
+            icon: t2,
+            onSelect: () => {
+              r || i() && (l(!1), a());
+            }
+          }
+        ] : [], ...D, ...f]
       }
     )
   ] });
 }
-function u2() {
-  const { goToStep: e } = F(), { authPending: n, guardAgreement: r, setError: a } = T(), i = {
+function v2() {
+  const { goToStep: e } = S(), { authPending: t, guardAgreement: r, setError: i } = U(), o = {
     onSuccess: () => {
       e("authenticated");
     },
-    onError: (g) => {
-      P(g) || a(g instanceof Error ? g.message : String(g));
+    onError: (z) => {
+      R(z) || i(z instanceof Error ? z.message : String(z));
     }
-  }, { mutate: s, isPending: l } = N2({ mutation: i }), { mutate: o, isPending: p } = k2({
-    mutation: i
+  }, { mutate: a, isPending: s } = _2({ mutation: o }), { mutate: l, isPending: u } = Z2({
+    mutation: o
   });
-  L(l || p);
-  const m = (g) => () => {
-    n || r() && (a(null), g());
+  P(s || u);
+  const g = (z) => () => {
+    t || r() && (i(null), z());
   };
-  return /* @__PURE__ */ c(x, { children: [
-    /* @__PURE__ */ t(
-      S,
+  return /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ n(
+      A,
       {
         action: "secondary",
         text: "Create a passkey",
         iconName: "key",
         trailIcon: !0,
-        disabled: n,
-        onClick: m(() => s())
+        disabled: t,
+        onClick: g(() => a())
       }
     ),
-    /* @__PURE__ */ t(
-      S,
+    /* @__PURE__ */ n(
+      A,
       {
         action: "secondary",
         text: "Log in with passkey",
         iconName: "key",
         trailIcon: !0,
-        disabled: n,
-        onClick: m(() => o())
+        disabled: t,
+        onClick: g(() => l())
       }
     )
   ] });
 }
-function se({ walletId: e }) {
-  const n = k.find((f) => f.id === e);
-  if (!n)
+function ve({ walletId: e }) {
+  const t = k.find((f) => f.id === e);
+  if (!t)
     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, {})
+  const { goToStep: r } = S(), {
+    authPending: i,
+    guardAgreement: o,
+    setError: a,
+    registerWallet: s,
+    openWalletSheet: l
+  } = U(), u = H(), { connect: g, isPending: z } = V();
+  P(z), L2(() => s(t.id), [s, t.id]);
+  const F = u.find((f) => n2(f, t)), p = {
+    title: t.name,
+    icon: /* @__PURE__ */ n("img", { src: t.icon, alt: "", className: "zd:w-6 zd:h-6" }),
+    trailing: /* @__PURE__ */ n(G, {})
   };
-  return g ? /* @__PURE__ */ t(
-    M,
+  if (!F && u.some(J))
+    return /* @__PURE__ */ n(
+      T,
+      {
+        ...p,
+        disabled: i,
+        onClick: () => {
+          i || o() && l(t);
+        }
+      }
+    );
+  const d = F ?? u.find((f) => O(f, t));
+  return d ? /* @__PURE__ */ n(
+    T,
     {
-      ...h,
-      ...E && { subtitle: /* @__PURE__ */ t(n2, { text: "INSTALLED" }) },
-      disabled: a,
+      ...p,
+      ...!!F && { subtitle: /* @__PURE__ */ n(X, { text: "INSTALLED" }) },
+      disabled: i,
       onClick: () => {
-        a || i() && (s(null), p(
-          { connector: g },
+        i || o() && (a(null), g(
+          { connector: d },
           {
             // 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));
+              R(f) || a(f instanceof Error ? f.message : String(f));
             }
           }
         ));
       }
     }
-  ) : /* @__PURE__ */ t(M, { ...h, asChild: !0, children: /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ n(T, { ...p, asChild: !0, children: /* @__PURE__ */ n(
     "a",
     {
-      href: n.downloadUrl,
+      href: t.downloadUrl,
       target: "_blank",
       rel: "noopener noreferrer"
     }
   ) });
 }
-function p2({
+function Se() {
+  const { authPending: e, guardAgreement: t, openWalletSheet: r } = U();
+  return H().some(J) ? /* @__PURE__ */ n(
+    T,
+    {
+      title: "WalletConnect",
+      icon: /* @__PURE__ */ n("img", { src: t2, alt: "", className: "zd:w-6 zd:h-6" }),
+      subtitle: /* @__PURE__ */ n(X, { text: "QR CODE" }),
+      trailing: /* @__PURE__ */ n(G, {}),
+      disabled: e,
+      onClick: () => {
+        e || t() && r();
+      }
+    }
+  ) : null;
+}
+function S2({
   children: e,
-  termsAndConditionsUrl: n,
+  termsAndConditionsUrl: t,
   privacyPolicyUrl: r,
-  emailAuthMethod: a = "magicLink"
+  emailAuthMethod: i = "magicLink"
 }) {
-  const [i, s] = C(!1), [l, o] = C(!1), [p, m] = C(null), [g, E] = C(!1), [h, d] = C(
+  const [o, a] = E(!1), [s, l] = E(!1), [u, g] = E(null), [z, F] = E(!1), [p, d] = E(
     []
-  ), f = x2((y) => (d((b) => [...b, y]), () => {
-    d((b) => {
-      const v = [...b];
-      return v.splice(v.indexOf(y), 1), v;
+  ), D = O2((y) => (d((M) => [...M, y]), () => {
+    d((M) => {
+      const Q = [...M];
+      return Q.splice(Q.indexOf(y), 1), Q;
     });
-  }), []), z = !!(n || r) && !i, w = () => z ? (o(!0), !1) : !0;
+  }), []), [f, C] = E(null), x = Ce(), h = !!(t || r) && !o, v = () => h ? (l(!0), !1) : !0;
   return /* @__PURE__ */ c(
-    o2.Provider,
+    E2.Provider,
     {
       value: {
-        authPending: g,
-        emailAuthMethod: a,
-        setAuthPending: E,
-        needsAgreement: z,
-        guardAgreement: w,
-        setError: m,
-        registeredWallets: h,
-        registerWallet: f
+        authPending: z,
+        emailAuthMethod: i,
+        setAuthPending: F,
+        needsAgreement: h,
+        guardAgreement: v,
+        setError: g,
+        registeredWallets: p,
+        registerWallet: D,
+        openWalletSheet: (y) => {
+          const M = y && x.deepLinkFor(y);
+          M && (window.location.href = M), C({ wallet: y });
+        }
       },
       children: [
-        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(
-            S,
+        u !== null && /* @__PURE__ */ n("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__ */ n(w, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
+          /* @__PURE__ */ n(w, { className: "zd:text-center zd:text-red-500", children: u }),
+          /* @__PURE__ */ n(
+            A,
             {
               action: "primary",
               text: "Try again",
-              onClick: () => m(null)
+              onClick: () => g(null)
             }
           )
         ] }) }),
         /* @__PURE__ */ c(
           "div",
           {
-            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" : ""}`,
+            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${u !== null ? " zd:hidden" : ""}`,
             children: [
               /* @__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__ */ n("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ n(pe, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
+                  /* @__PURE__ */ n(w, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
+                  /* @__PURE__ */ n(w, { 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__ */ n("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(
-                J2,
+              /* @__PURE__ */ n("div", { className: "zd:px-4", children: /* @__PURE__ */ n(
+                ue,
                 {
-                  termsAndConditionsUrl: n,
+                  termsAndConditionsUrl: t,
                   privacyPolicyUrl: r,
-                  agreedToTerms: i,
+                  agreedToTerms: o,
                   setAgreedToTerms: (y) => {
-                    s(y), y && o(!1);
+                    a(y), y && l(!1);
                   },
-                  highlight: l
+                  highlight: s
                 }
               ) })
             ]
           }
+        ),
+        /* @__PURE__ */ n(
+          ge,
+          {
+            pairing: x,
+            open: f !== null,
+            onOpenChange: (y) => {
+              y || C(null);
+            },
+            wallet: f == null ? void 0 : f.wallet
+          }
         )
       ]
     }
   );
 }
-function h2({ label: e = "or" }) {
+function A2({ 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(D, { className: "zd:text-body3", children: e }),
-    /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
+    /* @__PURE__ */ n("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" }),
+    /* @__PURE__ */ n(w, { className: "zd:text-body3", children: e }),
+    /* @__PURE__ */ n("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
   ] });
 }
-function le(e) {
-  return /* @__PURE__ */ c(p2, { ...e, children: [
-    /* @__PURE__ */ t(u2, {}),
-    /* @__PURE__ */ t(h2, {}),
-    /* @__PURE__ */ t(c2, {}),
-    /* @__PURE__ */ t(d2, {})
+function Ae(e) {
+  return /* @__PURE__ */ c(S2, { ...e, children: [
+    /* @__PURE__ */ n(v2, {}),
+    /* @__PURE__ */ n(A2, {}),
+    /* @__PURE__ */ n(y2, {}),
+    /* @__PURE__ */ n(F2, {})
   ] });
 }
-const oe = Object.assign(p2, {
-  Default: le,
-  Passkey: u2,
-  Google: c2,
-  Email: d2,
-  Wallet: se,
-  InstalledWallets: ne,
-  MoreWallets: re,
-  Divider: h2
+const be = Object.assign(S2, {
+  Default: Ae,
+  Passkey: v2,
+  Google: y2,
+  Email: F2,
+  Wallet: ve,
+  WalletConnect: Se,
+  InstalledWallets: xe,
+  MoreWallets: ye,
+  Divider: A2
 });
-function de() {
+function ke() {
   return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("code");
 }
-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({
+function Ne() {
+  const { otpId: e, otpEncryptionTargetBundle: t, goToStep: r, clearOtpSession: i } = S(), [o] = E(ke), [a, s] = E(null), l = e2(!1), { mutate: u, isPending: g } = G2({
     mutation: {
       onSuccess: () => {
-        a(), r("authenticated");
+        i(), r("authenticated");
       },
-      onError: (g) => {
-        l(g);
+      onError: (z) => {
+        s(z);
       }
     }
   });
-  return U(() => {
-    if (!(o.current || !i)) {
-      if (o.current = !0, !e || !n) {
-        I(), r(null);
+  return N(() => {
+    if (!(l.current || !o)) {
+      if (l.current = !0, !e || !t) {
+        _(), r(null);
         return;
       }
-      p({ otpId: e, code: i, otpEncryptionTargetBundle: n });
+      u({ otpId: e, code: o, otpEncryptionTargetBundle: t });
     }
-  }, [e, n, i, p, r]), /* @__PURE__ */ c(x, { children: [
+  }, [e, t, o, u, r]), /* @__PURE__ */ c(b, { 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: [
+      !a && g && /* @__PURE__ */ n(L, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
+      !a && !o && !g && /* @__PURE__ */ c(b, { children: [
+        /* @__PURE__ */ c(L, { imageName: "error", title: "Invalid Link", children: [
           "This verification link is invalid or incomplete.",
-          /* @__PURE__ */ t("br", {}),
+          /* @__PURE__ */ n("br", {}),
           "Please check your email and try again with the correct link."
         ] }),
-        /* @__PURE__ */ t(
-          S,
+        /* @__PURE__ */ n(
+          A,
           {
             action: "primary",
             onClick: () => {
-              I(), r("sign-up");
+              _(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] }),
-      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(
-          S,
+      a != null && /* @__PURE__ */ c(b, { children: [
+        /* @__PURE__ */ n(L, { 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__ */ n(
+          A,
           {
             action: "primary",
             onClick: () => {
-              I(), r("sign-up");
+              _(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(Z, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-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 Ue() {
+  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(L, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
 }
-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 Ie() {
+  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(L, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
 }
-function he(e, n) {
+function Te(e, t) {
   switch (e) {
     case "sign-up":
-      return n ? n() : /* @__PURE__ */ t(oe.Default, {});
+      return t ? t() : /* @__PURE__ */ n(be.Default, {});
     case "email-verification":
-      return /* @__PURE__ */ t(B2, {});
+      return /* @__PURE__ */ n(te, {});
     case "otp-input":
-      return /* @__PURE__ */ t(Y2, {});
+      return /* @__PURE__ */ n(ce, {});
     case "verifying-otp":
-      return /* @__PURE__ */ t(ce, {});
+      return /* @__PURE__ */ n(Ne, {});
     case "oauth-in-progress":
-      return /* @__PURE__ */ t(ue, {});
+      return /* @__PURE__ */ n(Ue, {});
     case "passkey-prompt":
-      return /* @__PURE__ */ t(pe, {});
+      return /* @__PURE__ */ n(Ie, {});
     case "error":
-      return /* @__PURE__ */ t(G2, {});
+      return /* @__PURE__ */ n(ie, {});
     default:
       return null;
   }
 }
-function _e({
+function rt({
   onClose: e,
-  size: n,
+  size: t,
   renderSignUp: r,
-  logo: a
+  logo: i
 } = {}) {
-  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,
+  const { step: o, goToStep: a, goBack: s, reset: l } = S();
+  N(() => {
+    o === null && ne() && a("verifying-otp");
+  }, [o, a]);
+  const u = Te(o, r);
+  return u ? /* @__PURE__ */ n(
+    g2,
     {
-      ...n && { size: n },
-      className: i === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
-      topNav: /* @__PURE__ */ t(
-        a2,
+      ...t && { size: t },
+      className: o === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
+      topNav: /* @__PURE__ */ n(
+        z2,
         {
-          ...l !== null && { onLeftButtonClick: l },
+          ...s !== null && { onLeftButtonClick: s },
           onRightButtonClick: () => {
-            I(), o(), e == null || e();
+            _(), l(), e == null || e();
           },
-          ...i === "sign-up" && {
-            ...a && { logo: a },
+          ...o === "sign-up" && {
+            ...i && { logo: i },
             className: "zd:px-4"
           }
         }
       ),
-      children: p
+      children: u
     }
   ) : null;
 }
-const K = "zerodev:auth:otpSession";
-function fe() {
+function Le(e) {
+  const t = e.toLowerCase();
+  return k.find((r) => {
+    const i = r.name.toLowerCase();
+    return t.includes(i) || i.includes(t);
+  });
+}
+function Oe(e) {
+  return k.find((t) => O(e, t));
+}
+function Me() {
+  const { connector: e, isConnected: t } = D2(), [r, i] = E(void 0), o = !!e && e.type === "walletConnect";
+  return N(() => {
+    if (!e || !o) {
+      i(void 0);
+      return;
+    }
+    let a = !1;
+    return e.getProvider().then((s) => {
+      var u, g;
+      if (a) return;
+      const l = (g = (u = s.session) == null ? void 0 : u.peer) == null ? void 0 : g.metadata;
+      i(l);
+    }).catch(() => {
+    }), () => {
+      a = !0;
+    };
+  }, [e, o]), $(() => {
+    var s;
+    if (!t || !e) return;
+    if (e.id === "zerodev-wallet")
+      return {
+        name: e.name,
+        icon: e.icon,
+        source: "embedded"
+      };
+    if (o) {
+      const l = r != null && r.name ? Le(r.name) : void 0;
+      return {
+        name: (r == null ? void 0 : r.name) ?? void 0,
+        icon: ((s = r == null ? void 0 : r.icons) == null ? void 0 : s[0]) ?? (l == null ? void 0 : l.icon),
+        walletId: l == null ? void 0 : l.id,
+        // Identity is about the session, so a raw walletConnect() connector
+        // resolves here too — unlike pairing, which is kit-connector-only.
+        source: "walletconnect"
+      };
+    }
+    const a = Oe(e);
+    return {
+      name: e.name,
+      icon: e.icon ?? (a == null ? void 0 : a.icon),
+      walletId: a == null ? void 0 : a.id,
+      source: e.type === "injected" ? "injected" : "other"
+    };
+  }, [e, t, o, r]);
+}
+function ot(e) {
+  const t = Me();
+  return $(() => ({ walletInfo: t }), [t]);
+}
+const i2 = "zerodev:auth:otpSession";
+function Be() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(K);
+    const e = window.localStorage.getItem(i2);
     if (!e) return null;
-    const n = JSON.parse(e);
-    return !(n != null && n.otpId) || !(n != null && n.otpEncryptionTargetBundle) ? null : n;
+    const t = JSON.parse(e);
+    return !(t != null && t.otpId) || !(t != null && t.otpEncryptionTargetBundle) ? null : t;
   } catch {
     return null;
   }
 }
-function me(e) {
+function He(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
-        K,
+        i2,
         JSON.stringify(e)
       );
     } catch {
     }
 }
-function Y() {
+function r2() {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.removeItem(K);
+      window.localStorage.removeItem(i2);
     } catch {
     }
 }
-const ge = (e, n, r) => ({
+const Re = (e, t, r) => ({
   auth: {
     // Initial state
     step: null,
@@ -1066,40 +1377,40 @@ const ge = (e, n, r) => ({
     otpEncryptionTargetBundle: null,
     // Actions
     initialize: () => {
-      const a = fe();
-      a && e((i) => ({
+      const i = Be();
+      i && e((o) => ({
         auth: {
-          ...i.auth,
-          otpId: a.otpId,
-          otpEncryptionTargetBundle: a.otpEncryptionTargetBundle
+          ...o.auth,
+          otpId: i.otpId,
+          otpEncryptionTargetBundle: i.otpEncryptionTargetBundle
         }
       }));
     },
-    goToStep: (a) => {
-      e((i) => ({
+    goToStep: (i) => {
+      e((o) => ({
         auth: {
-          ...i.auth,
-          step: a,
-          stepHistory: i.auth.step === null ? i.auth.stepHistory : [...i.auth.stepHistory, i.auth.step]
+          ...o.auth,
+          step: i,
+          stepHistory: o.auth.step === null ? o.auth.stepHistory : [...o.auth.stepHistory, o.auth.step]
         }
       }));
     },
     goBack: () => {
-      const { auth: a } = n();
-      if (a.stepHistory.length === 0) return;
-      const i = [...a.stepHistory], s = i.pop();
-      e((l) => ({
+      const { auth: i } = t();
+      if (i.stepHistory.length === 0) return;
+      const o = [...i.stepHistory], a = o.pop();
+      e((s) => ({
         auth: {
-          ...l.auth,
-          step: s,
-          stepHistory: i
+          ...s.auth,
+          step: a,
+          stepHistory: o
         }
       }));
     },
     reset: () => {
-      Y(), e((a) => ({
+      r2(), e((i) => ({
         auth: {
-          ...a.auth,
+          ...i.auth,
           step: null,
           stepHistory: [],
           email: null,
@@ -1108,82 +1419,82 @@ const ge = (e, n, r) => ({
         }
       }));
     },
-    setEmail: (a) => {
-      e((i) => ({
+    setEmail: (i) => {
+      e((o) => ({
         auth: {
-          ...i.auth,
-          email: a
+          ...o.auth,
+          email: i
         }
       }));
     },
-    setOtpSession: ({ otpId: a, otpEncryptionTargetBundle: i }) => {
-      me({ otpId: a, otpEncryptionTargetBundle: i }), e((s) => ({
+    setOtpSession: ({ otpId: i, otpEncryptionTargetBundle: o }) => {
+      He({ otpId: i, otpEncryptionTargetBundle: o }), e((a) => ({
         auth: {
-          ...s.auth,
-          otpId: a,
-          otpEncryptionTargetBundle: i
+          ...a.auth,
+          otpId: i,
+          otpEncryptionTargetBundle: o
         }
       }));
     },
     clearOtpSession: () => {
-      Y(), e((a) => ({
+      r2(), e((i) => ({
         auth: {
-          ...a.auth,
+          ...i.auth,
           otpId: null,
           otpEncryptionTargetBundle: null
         }
       }));
     }
   }
-}), ze = () => v2()(
-  L2((e, n, r) => ({
+}), Pe = () => B2()(
+  q2((e, t, r) => ({
     pendingRequests: [],
     userConfirmationListenerActive: !1,
-    addPendingRequest: (a) => e((i) => ({
-      pendingRequests: [...i.pendingRequests, a]
+    addPendingRequest: (i) => e((o) => ({
+      pendingRequests: [...o.pendingRequests, i]
     })),
-    removePendingRequest: (a) => e((i) => ({
-      pendingRequests: i.pendingRequests.filter((s) => s.id !== a)
+    removePendingRequest: (i) => e((o) => ({
+      pendingRequests: o.pendingRequests.filter((a) => a.id !== i)
     })),
     clearPendingRequests: () => e({ pendingRequests: [] }),
-    setUserConfirmationListenerActive: (a) => e({ userConfirmationListenerActive: a }),
-    ...ge(e, n)
+    setUserConfirmationListenerActive: (i) => e({ userConfirmationListenerActive: i }),
+    ...Re(e, t)
   }))
 );
-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 We(e) {
+  return new Promise((t, r) => {
+    const i = e.subscribe(
+      (o) => o.auth.step,
+      (o) => {
+        o === "authenticated" ? (i(), t()) : o === null && (i(), r(new Error("Auth flow dismissed")));
       }
     );
   });
 }
-function Le(e) {
-  const n = T2(e), r = ze();
-  return (a) => {
-    const i = n(a);
+function at(e) {
+  const t = V2(e), r = Pe();
+  return (i) => {
+    const o = t(i);
     return {
-      ...i,
-      async connect(s) {
+      ...o,
+      async connect(a) {
         try {
-          return await i.connect(s);
-        } catch (l) {
-          if (s != null && s.isReconnecting || !(l instanceof _2))
-            throw l;
+          return await o.connect(a);
+        } catch (s) {
+          if (a != null && a.isReconnecting || !(s instanceof j2))
+            throw s;
           if (r.getState().auth.step !== null)
             throw new Error("Auth flow already in progress");
-          return r.getState().auth.goToStep("sign-up"), await De(r), i.connect(s);
+          return r.getState().auth.goToStep("sign-up"), await We(r), o.connect(a);
         }
       },
       async disconnect() {
-        var s;
-        await ((s = i.disconnect) == null ? void 0 : s.call(i)), r.getState().auth.reset();
+        var a;
+        await ((a = o.disconnect) == null ? void 0 : a.call(o)), r.getState().auth.reset();
       },
       async setup() {
-        var s;
-        await ((s = i.setup) == null ? void 0 : s.call(i)), !(typeof window > "u") && r.getState().auth.initialize();
+        var a;
+        await ((a = o.setup) == null ? void 0 : a.call(o)), !(typeof window > "u") && r.getState().auth.initialize();
       },
       getKitStore() {
         return r;
@@ -1191,68 +1502,68 @@ function Le(e) {
     };
   };
 }
-const we = {
+const _e = {
   Pending: "zd:text-solarOrange",
   Success: "zd:text-positive",
   Failed: "zd:text-negative"
 };
-function Ce({
+function Ze({
   icon: e,
-  title: n,
+  title: t,
   value: r,
-  chainName: a,
-  chainIconUrl: i,
-  destChainName: s,
-  destChainIconUrl: l,
-  status: o,
-  className: p
+  chainName: i,
+  chainIconUrl: o,
+  destChainName: a,
+  destChainIconUrl: s,
+  status: l,
+  className: u
 }) {
   return /* @__PURE__ */ c(
     "div",
     {
-      className: B(
+      className: q(
         "zd:flex zd:w-full zd:items-center zd:gap-2 zd:p-2",
-        p
+        u
       ),
       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__ */ n("div", { className: "zd:flex zd:size-11 zd:shrink-0 zd:items-center zd:justify-center zd:rounded-xl zd:bg-white", children: /* @__PURE__ */ n(K, { 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__ */ n(w, { className: "zd:shrink-0 zd:whitespace-nowrap zd:text-body1", children: t }),
+            /* @__PURE__ */ n(w, { 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,
+              /* @__PURE__ */ n(
+                o2,
                 {
-                  name: a,
-                  ...i && { iconUrl: i }
+                  name: i,
+                  ...o && { iconUrl: o }
                 }
               ),
-              s && /* @__PURE__ */ c(x, { children: [
-                /* @__PURE__ */ t(
-                  Z,
+              a && /* @__PURE__ */ c(b, { children: [
+                /* @__PURE__ */ n(
+                  K,
                   {
                     name: "arrowRightFill",
                     "aria-hidden": !0,
                     className: "zd:size-3 zd:shrink-0 zd:opacity-30"
                   }
                 ),
-                /* @__PURE__ */ t(
-                  J,
+                /* @__PURE__ */ n(
+                  o2,
                   {
-                    name: s,
-                    ...l && { iconUrl: l }
+                    name: a,
+                    ...s && { iconUrl: s }
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ t(
-              D,
+            /* @__PURE__ */ n(
+              w,
               {
-                className: B("zd:shrink-0 zd:text-body3", we[o]),
-                children: o
+                className: q("zd:shrink-0 zd:text-body3", _e[l]),
+                children: l
               }
             )
           ] })
@@ -1261,32 +1572,32 @@ function Ce({
     }
   );
 }
-function J({ name: e, iconUrl: n }) {
+function o2({ name: e, iconUrl: t }) {
   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(
+    t && /* @__PURE__ */ n("span", { className: "zd:size-3 zd:shrink-0 zd:overflow-hidden zd:rounded-full zd:bg-white", children: /* @__PURE__ */ n(
       "img",
       {
-        src: n,
+        src: t,
         alt: "",
         "aria-hidden": !0,
         className: "zd:size-full zd:object-cover"
       }
     ) }),
-    /* @__PURE__ */ t(D, { className: "zd:truncate zd:text-body3", children: e })
+    /* @__PURE__ */ n(w, { 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 = [
+const B = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/arbitrum/info/logo.png", a2 = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/base/info/logo.png", I = 3600 * 1e3, Ge = [
   {
     id: "mock-1",
     icon: "arrowSwapHorizontalOutline",
     title: "Swapped ETH → USD₮0",
     value: "2,343 ETH",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: B,
     destChainName: "Base",
-    destChainIconUrl: X,
+    destChainIconUrl: a2,
     status: "Pending",
-    timestamp: Date.now() - 1 * A
+    timestamp: Date.now() - 1 * I
   },
   {
     id: "mock-2",
@@ -1294,11 +1605,11 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Swapped ETH → USD₮0",
     value: "2,343 ETH",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: B,
     destChainName: "Base",
-    destChainIconUrl: X,
+    destChainIconUrl: a2,
     status: "Pending",
-    timestamp: Date.now() - 2 * A
+    timestamp: Date.now() - 2 * I
   },
   {
     id: "mock-3",
@@ -1306,9 +1617,9 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Fixed Yield",
     value: "2,323 PT wstETH (25 Jan 2026)",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: B,
     status: "Success",
-    timestamp: Date.now() - 3 * A
+    timestamp: Date.now() - 3 * I
   },
   {
     id: "mock-4",
@@ -1316,9 +1627,9 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Received NFT",
     value: "Bored Ape Yacht Club",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: B,
     status: "Success",
-    timestamp: Date.now() - 4 * A
+    timestamp: Date.now() - 4 * I
   },
   {
     id: "mock-5",
@@ -1326,9 +1637,9 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Collateral Used",
     value: "Collateralization enabled for USD₮0",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: B,
     status: "Success",
-    timestamp: Date.now() - 336 * A
+    timestamp: Date.now() - 336 * I
   },
   {
     id: "mock-6",
@@ -1336,64 +1647,64 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Liquid Staked ETH",
     value: "2,323 PT wstETH (25 Jan 2026)",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: B,
     status: "Success",
-    timestamp: Date.now() - 336 * A - 1 * A
+    timestamp: Date.now() - 336 * I - 1 * I
   }
 ];
-function R(e) {
-  const n = new Date(e);
-  return `${n.getFullYear()}-${n.getMonth()}-${n.getDate()}`;
+function j(e) {
+  const t = new Date(e);
+  return `${t.getFullYear()}-${t.getMonth()}-${t.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", {
+function Ve(e, t) {
+  const r = j(e);
+  return r === j(t) ? "Today" : r === j(t - 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);
+function je(e, t = Date.now()) {
+  var a;
+  const r = [...e].sort((s, l) => l.timestamp - s.timestamp), i = [];
+  let o = null;
+  for (const s of r) {
+    const l = j(s.timestamp);
+    l !== o && (o = l, i.push({ label: Ve(s.timestamp, t), entries: [] })), (a = i[i.length - 1]) == null || a.entries.push(s);
   }
-  return a;
+  return i;
 }
-function ye({
-  entries: e = Ee,
-  onSelectEntry: n
+function qe({
+  entries: e = Ge,
+  onSelectEntry: t
 }) {
-  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,
+  const r = je(e);
+  return /* @__PURE__ */ n("div", { className: "zd:flex zd:h-full zd:w-full zd:flex-col zd:gap-1 zd:pt-2 zd:pb-4", children: /* @__PURE__ */ n(
+    c2,
     {
       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(
+      children: r.map((i) => /* @__PURE__ */ c(M2, { children: [
+        /* @__PURE__ */ n("div", { className: "zd:flex zd:w-full zd:items-center zd:py-2 zd:pr-2", children: /* @__PURE__ */ n(w, { className: "zd:text-body3", children: i.label }) }),
+        i.entries.map(
+          (o) => t ? /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => n(i),
+              onClick: () => t(o),
               className: "zd:w-full zd:cursor-pointer zd:text-left",
-              children: /* @__PURE__ */ t(Q, { entry: i })
+              children: /* @__PURE__ */ n(s2, { entry: o })
             },
-            i.id
-          ) : /* @__PURE__ */ t(Q, { entry: i }, i.id)
+            o.id
+          ) : /* @__PURE__ */ n(s2, { entry: o }, o.id)
         )
-      ] }, a.label))
+      ] }, i.label))
     }
   ) });
 }
-function Q({ entry: e }) {
-  return /* @__PURE__ */ t(
-    Ce,
+function s2({ entry: e }) {
+  return /* @__PURE__ */ n(
+    Ze,
     {
       icon: e.icon,
       title: e.title,
@@ -1408,43 +1719,82 @@ function Q({ entry: e }) {
     }
   );
 }
-const ve = {
+const Ke = {
   history: "History"
 };
-function Oe({
+function st({
   onClose: e,
-  entries: n,
+  entries: t,
   onSelectEntry: r,
-  className: a,
-  size: i
+  className: i,
+  size: o
 }) {
-  const [s] = C("history"), l = () => {
-    switch (s) {
+  const [a] = E("history"), s = () => {
+    switch (a) {
       case "history":
-        return /* @__PURE__ */ t(
-          ye,
+        return /* @__PURE__ */ n(
+          qe,
           {
-            ...n && { entries: n },
+            ...t && { entries: t },
             ...r && { onSelectEntry: r }
           }
         );
     }
   };
-  return /* @__PURE__ */ t(
-    i2,
+  return /* @__PURE__ */ n(
+    g2,
     {
-      ...a && { className: a },
-      ...i && { size: i },
-      topNav: /* @__PURE__ */ t(a2, { title: ve[s], onRightButtonClick: e }),
-      children: l()
+      ...i && { className: i },
+      ...o && { size: o },
+      topNav: /* @__PURE__ */ n(z2, { title: Ke[a], onRightButtonClick: e }),
+      children: s()
     }
   );
 }
+const b2 = "WALLETCONNECT_DEEPLINK_CHOICE", l2 = /* @__PURE__ */ new WeakSet();
+function d2(e) {
+  var i, o, a;
+  const t = (o = (i = e.session) == null ? void 0 : i.peer) == null ? void 0 : o.metadata, r = (a = t == null ? void 0 : t.redirect) == null ? void 0 : a.native;
+  if (!r || !x2()) {
+    k2();
+    return;
+  }
+  try {
+    localStorage.setItem(
+      b2,
+      JSON.stringify({ href: r, name: (t == null ? void 0 : t.name) ?? "" })
+    );
+  } catch {
+  }
+}
+function k2() {
+  try {
+    localStorage.removeItem(b2);
+  } catch {
+  }
+}
+function Je(e) {
+  l2.has(e) || (l2.add(e), e.on("connect", () => d2(e)), e.on("disconnect", k2), e.session && d2(e));
+}
+function lt(e) {
+  if (!e.projectId)
+    throw new Error("zeroDevWalletConnect requires a WalletConnect projectId");
+  const t = K2({ ...e, showQrModal: !1 });
+  return (r) => {
+    const i = Object.assign(t(r), { zdWalletConnect: !0 }), o = i.getProvider.bind(i);
+    return i.getProvider = async (...a) => {
+      const s = await o(...a);
+      return Je(s), s;
+    }, i;
+  };
+}
 export {
-  _e as ConnectWallet,
-  oe as SignUp,
-  Oe as TxHistory,
-  F as useAuth,
-  Le as zeroDevWallet
+  rt as ConnectWallet,
+  be as SignUp,
+  st as TxHistory,
+  S as useAuth,
+  ot as useWalletInfo,
+  at as zeroDevWallet,
+  lt as zeroDevWalletConnect
 };
 //# sourceMappingURL=index.mjs.map