@zerodev/wallet-react-ui 0.0.3 → 0.0.5

package/dist/index.mjs

@@ -1,516 +1,83 @@
-import { jsxs as d, jsx as t, Fragment as b } from "react/jsx-runtime";
-import { useId as V, useState as w, useEffect as P, useMemo as re, useRef as K } from "react";
-import { useStore as O, create as ie } from "zustand";
-import { cn as R, IconButton as q, Text as h, ZeroDevLogo as se, Button as C, Wrapper as ae, ListItem as X, Input as de, Icon as le } from "@zerodev/react-ui";
+import { jsxs as c, jsx as n, Fragment as A } from "react/jsx-runtime";
+import { Text as m, cn as G, PoweredBy as B, Button as E, Wrapper as ne, ListItem as $, ListItemChevron as re, ListItemIcon as D, Input as se, Icon as ie, Screen as ae, TopNav as oe } from "@zerodev/react-ui";
+import { useState as w, useEffect as O, useMemo as le, useRef as K } from "react";
+import { useStore as I, create as de } from "zustand";
 import { useConfig as ce, useConnect as ue } from "wagmi";
-import { useSendMagicLink as Y, useSendOTP as J, useVerifyOTP as pe, useAuthenticateOAuth as fe, useRegisterPasskey as he, useLoginPasskey as ze, useVerifyMagicLink as me, zeroDevWallet as ge, NotAuthenticatedError as ye } from "@zerodev/wallet-react";
+import { useSendMagicLink as Y, useSendOTP as J, useVerifyOTP as he, useAuthenticateOAuth as pe, useRegisterPasskey as me, useLoginPasskey as ze, useVerifyMagicLink as fe, zeroDevWallet as ge, NotAuthenticatedError as ye } from "@zerodev/wallet-react";
 import { subscribeWithSelector as xe } from "zustand/middleware";
-const Z = 52;
-function we({
-  onBack: e,
-  onClose: i,
-  title: r,
-  logo: n,
-  className: o
-}) {
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: R(
-        "zd:absolute zd:top-4 zd:left-0 zd:right-0 zd:flex zd:flex-row zd:items-center zd:justify-between",
-        o
-      ),
-      style: { height: `calc(${Z / 4} * var(--zd-spacing))` },
-      children: [
-        e ? /* @__PURE__ */ t(q, { iconName: "chevronLeft", onClick: e }) : /* @__PURE__ */ t("div", { className: "zd:h-13 zd:w-13" }),
-        n && /* @__PURE__ */ t("div", { className: "zd:absolute zd:left-0 zd:right-0 zd:flex zd:items-center zd:justify-center zd:pointer-events-none", children: n }),
-        r && /* @__PURE__ */ t("div", { className: "zd:absolute zd:left-0 zd:right-0 zd:flex zd:items-center zd:justify-center zd:pointer-events-none", children: /* @__PURE__ */ t(h, { className: "zd:text-body1", children: r }) }),
-        /* @__PURE__ */ t(q, { iconName: "x", onClick: i })
-      ]
-    }
-  );
-}
-function ve({
-  layer: e,
-  rect: i
-}) {
-  const { id: r, matrix: n, fillOpacity: o, stops: c } = e;
-  return /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t(
-      "radialGradient",
-      {
-        id: r,
-        cx: "0",
-        cy: "0",
-        r: "1",
-        gradientUnits: "userSpaceOnUse",
-        gradientTransform: `matrix(${n.join(" ")})`,
-        children: c.map((s, u) => /* @__PURE__ */ t(
-          "stop",
-          {
-            offset: s.offset,
-            stopColor: s.color,
-            stopOpacity: s.opacity
-          },
-          s.color + u.toString()
-        ))
-      }
-    ) }),
-    /* @__PURE__ */ t(
-      "rect",
-      {
-        x: i.x,
-        y: i.y,
-        width: i.width,
-        height: i.height,
-        fill: `url(#${r})`,
-        fillOpacity: o
-      }
-    )
-  ] });
-}
-const Ne = "-6 -6 412 812";
-function Se() {
-  return /* @__PURE__ */ t("div", { className: "zd:absolute zd:inset-0 zd:z-0 zd:rounded-4xl zd:pointer-events-none", children: /* @__PURE__ */ t(
-    "svg",
-    {
-      width: "100%",
-      height: "100%",
-      viewBox: Ne,
-      preserveAspectRatio: "none",
-      role: "img",
-      "aria-label": "Decorative gradient background",
-      children: /* @__PURE__ */ t("rect", { x: "-6", y: "-6", width: "412", height: "812", fill: "#FBF7F2" })
-    }
-  ) });
-}
-function Ee() {
-  const e = V(), i = [
-    {
-      // (CSS #6) blue → top-right. x-radius widened so the lobe reaches further
-      // left; y-radius kept short so it stays up top and doesn't bleed into the
-      // orange band.
-      id: `${e}-blue`,
-      matrix: [1850, 0, 0, 645, 381.44, 0],
-      fillOpacity: 1,
-      stops: [
-        { offset: 0, color: "#45ABFB", opacity: 0.66 },
-        { offset: 0.4615, color: "#1E9AFB", opacity: 0.35 },
-        { offset: 1, color: "#45ABFB", opacity: 0 }
-      ]
-    },
-    {
-      // (CSS #5) offWhite → blue, very faint
-      id: `${e}-offwhite-tr`,
-      matrix: [55.28, 0, 0, 773.36, 386.68, 13.28],
-      fillOpacity: 1,
-      stops: [
-        { offset: 0, color: "#F7F5F0", opacity: 0.1 },
-        { offset: 1, color: "#45ABFB", opacity: 0 }
-      ]
-    },
-    {
-      // (CSS #4) warmGrey
-      id: `${e}-warmgrey`,
-      matrix: [326.72, 0, 0, 855.52, 0, 50.32],
-      fillOpacity: 1,
-      stops: [
-        { offset: 0, color: "#E3CFC3", opacity: 1 },
-        { offset: 1, color: "#E3CFC3", opacity: 0 }
-      ]
-    },
-    {
-      // (CSS #3) orange — spans the full width across the bottom ~30%, uniform.
-      id: `${e}-orange`,
-      matrix: [580, 0, 0, 380, 200, 835],
-      fillOpacity: 1,
-      stops: [
-        { offset: 0, color: "#EE6C2E", opacity: 0.8 },
-        { offset: 0.55, color: "#EE6C2E", opacity: 0.6 },
-        { offset: 1, color: "#EE6C2E", opacity: 0.15 }
-      ]
-    },
-    {
-      // (CSS #2) peach — spread further up (~30% of the bottom), a bit more vivid
-      id: `${e}-peach`,
-      matrix: [520, 0, 0, 560, 180, 830],
-      fillOpacity: 1,
-      stops: [
-        { offset: 0, color: "#FAC8AC", opacity: 1 },
-        { offset: 1, color: "#F27B3E", opacity: 0 }
-      ]
-    },
-    {
-      // (CSS #1) white glow (topmost of the colour stack)
-      id: `${e}-white-bl`,
-      matrix: [90.72, 0, 0, 550.48, 38.04, 702.64],
-      fillOpacity: 1,
-      stops: [
-        { offset: 0, color: "white", opacity: 0.58 },
-        { offset: 1, color: "white", opacity: 0 }
-      ]
-    }
-  ];
-  return /* @__PURE__ */ t("div", { className: "zd:absolute zd:inset-0 zd:z-0 zd:rounded-4xl zd:pointer-events-none zd:overflow-hidden", children: /* @__PURE__ */ d(
-    "svg",
-    {
-      width: "100%",
-      height: "100%",
-      viewBox: "0 0 400 800",
-      preserveAspectRatio: "none",
-      role: "presentation",
-      children: [
-        i.map((r) => /* @__PURE__ */ t(
-          ve,
-          {
-            layer: r,
-            rect: { x: 0, y: 0, width: 400, height: 800 }
-          },
-          r.id
-        )),
-        /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ d(
-          "linearGradient",
-          {
-            id: `${e}-vfade`,
-            x1: "0",
-            y1: "0",
-            x2: "0",
-            y2: "800",
-            gradientUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ t("stop", { offset: "0", stopColor: "white", stopOpacity: "0.55" }),
-              /* @__PURE__ */ t("stop", { offset: "0.45", stopColor: "white", stopOpacity: "0.52" }),
-              /* @__PURE__ */ t("stop", { offset: "0.65", stopColor: "white", stopOpacity: "0.5" }),
-              /* @__PURE__ */ t("stop", { offset: "0.85", stopColor: "white", stopOpacity: "0.5" }),
-              /* @__PURE__ */ t("stop", { offset: "1", stopColor: "white", stopOpacity: "0.5" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ t(
-          "rect",
-          {
-            x: "0",
-            y: "0",
-            width: "400",
-            height: "800",
-            fill: `url(#${e}-vfade)`
-          }
-        ),
-        /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ d(
-          "linearGradient",
-          {
-            id: `${e}-bluefade`,
-            x1: "0",
-            y1: "800",
-            x2: "120",
-            y2: "640",
-            gradientUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ t("stop", { offset: "0", stopColor: "#A7B8E2", stopOpacity: "1" }),
-              /* @__PURE__ */ t("stop", { offset: "0.33", stopColor: "#A7B8E2", stopOpacity: "0.7" }),
-              /* @__PURE__ */ t("stop", { offset: "0.66", stopColor: "#A7B8E2", stopOpacity: "0.35" }),
-              /* @__PURE__ */ t("stop", { offset: "1", stopColor: "#A7B8E2", stopOpacity: "0" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ t(
-          "rect",
-          {
-            x: "0",
-            y: "0",
-            width: "400",
-            height: "800",
-            fill: `url(#${e}-bluefade)`
-          }
-        )
-      ]
-    }
-  ) });
-}
-function be() {
-  const e = V(), i = [
-    {
-      id: `${e}-g6`,
-      // (CSS #6) blue, top-right
-      cx: 0.9536,
-      cy: 0,
-      rx: 0.9385,
-      ry: 1.2256,
-      stops: [
-        { offset: 0, color: "#45ABFB", opacity: 0.6 },
-        { offset: 0.4615, color: "#1E9AFB", opacity: 0.32 },
-        { offset: 1, color: "#45ABFB", opacity: 0 }
-      ]
-    },
-    {
-      id: `${e}-g5`,
-      // (CSS #5) faint light, top-right
-      cx: 0.9667,
-      cy: 0.0166,
-      rx: 0.1382,
-      ry: 0.9667,
-      stops: [
-        { offset: 0, color: "#F7F5F0", opacity: 0.1 },
-        { offset: 1, color: "#45ABFB", opacity: 0 }
-      ]
-    },
-    {
-      id: `${e}-g4`,
-      // (CSS #4) warm grey, top-left
-      cx: 0,
-      cy: 0.0629,
-      rx: 0.8168,
-      ry: 1.0694,
-      stops: [
-        { offset: 0, color: "#E3CFC3", opacity: 1 },
-        { offset: 1, color: "#E3CFC3", opacity: 0 }
-      ]
-    },
-    {
-      id: `${e}-g3`,
-      // (CSS #3) orange, bottom-left
-      cx: 0.0393,
-      cy: 1,
-      rx: 1.0628,
-      ry: 1.0303,
-      stops: [
-        { offset: 0, color: "#FF6B1F", opacity: 1 },
-        { offset: 0.476, color: "#E76000", opacity: 0.72 },
-        { offset: 1, color: "#E76000", opacity: 0 }
-      ]
-    },
-    {
-      id: `${e}-g2`,
-      // (CSS #2) peach, bottom-center
-      cx: 0.3476,
-      cy: 1,
-      rx: 0.9614,
-      ry: 0.338,
-      stops: [
-        { offset: 0, color: "#FAC8AC", opacity: 0.7 },
-        { offset: 1, color: "#F27B3E", opacity: 0 }
-      ]
-    },
-    {
-      id: `${e}-g1`,
-      // (CSS #1) white glow, bottom-left
-      cx: 0.0951,
-      cy: 0.8783,
-      rx: 0.2268,
-      ry: 0.6881,
-      stops: [
-        { offset: 0, color: "#FFFFFF", opacity: 0.58 },
-        { offset: 1, color: "#FFFFFF", opacity: 0 }
-      ]
-    }
-  ];
-  return /* @__PURE__ */ t("div", { className: "zd:absolute zd:inset-0 zd:z-0 zd:rounded-4xl zd:pointer-events-none zd:overflow-hidden", children: /* @__PURE__ */ d(
-    "svg",
-    {
-      width: "100%",
-      height: "100%",
-      preserveAspectRatio: "none",
-      role: "presentation",
-      children: [
-        /* @__PURE__ */ t("rect", { width: "100%", height: "100%", fill: "#130E0B" }),
-        /* @__PURE__ */ t("defs", { children: i.map((r) => /* @__PURE__ */ t(
-          "radialGradient",
-          {
-            id: r.id,
-            cx: `${r.cx / r.rx * 100}%`,
-            cy: `${r.cy / r.ry * 100}%`,
-            r: "100%",
-            gradientUnits: "objectBoundingBox",
-            gradientTransform: `scale(${r.rx}, ${r.ry})`,
-            children: r.stops.map((n, o) => /* @__PURE__ */ t(
-              "stop",
-              {
-                offset: n.offset,
-                stopColor: n.color,
-                stopOpacity: n.opacity
-              },
-              n.color + o.toString()
-            ))
-          },
-          r.id
-        )) }),
-        i.map((r) => /* @__PURE__ */ t(
-          "rect",
-          {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${r.id})`
-          },
-          `${r.id}-rect`
-        ))
-      ]
-    }
-  ) });
-}
-const Ce = Z + 16;
-function ke({
-  children: e,
-  className: i,
-  contentClassName: r,
-  size: n = "lg",
-  style: o,
-  topNav: c
-}) {
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      "data-zd-size": n,
-      className: R(
-        // 400×810 by default, but never taller/wider than the parent — a
-        // consumer wrapper with its own size caps the Screen (max-w/h-full =
-        // 100% of the parent). overflow-hidden clips the frame to its rounded
-        // border ring; content scrolls in the inner div below.
-        "zd:relative zd:flex zd:flex-col zd:text-left",
-        // w-100 = 400px, h-202.5 = 810px at density 1; both compile to
-        // calc(var(--zd-spacing) * N), so they scale with the size variants.
-        // rounded-[38px] = inner card radius (32px) + the 6px border-ring gap,
-        // so the ring has a uniform width — equal inner/outer radii would make
-        // the corners read thicker than the sides.
-        "zd:w-100 zd:h-202.5 zd:max-w-full zd:max-h-full zd:overflow-hidden zd:rounded-[38px]",
-        i
-      ),
-      style: o,
-      children: [
-        /* @__PURE__ */ t(be, {}),
-        /* @__PURE__ */ d(
-          "div",
-          {
-            className: R(
-              // m-1.5 = calc(var(--zd-spacing) * 1.5) = 6px at density 1, so the
-              // gradient border ring thins with the size variants. (Corner radii
-              // stay fixed, so at smaller sizes the ring is marginally non-uniform
-              // at the corners — a minor cosmetic trade-off.)
-              "zd:flex zd:flex-1 zd:flex-col zd:m-1.5 zd:px-4 zd:overflow-hidden zd:rounded-4xl zd:relative",
-              r
-            ),
-            style: { clipPath: "inset(0 round 32px)" },
-            children: [
-              /* @__PURE__ */ t(Se, {}),
-              /* @__PURE__ */ t(Ee, {}),
-              /* @__PURE__ */ d("div", { className: "zd:relative zd:z-10 zd:flex zd:flex-1 zd:flex-col zd:min-h-0", children: [
-                c,
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    className: "zd:flex zd:flex-1 zd:flex-col zd:min-h-0 zd:overflow-y-auto zd:overflow-x-hidden",
-                    style: {
-                      paddingTop: `calc(${Ce / 4} * var(--zd-spacing))`
-                    },
-                    children: e
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-const Ae = "" + new URL("error.webp", import.meta.url).href, Oe = "" + new URL("loading.webp", import.meta.url).href, Te = "" + new URL("send.webp", import.meta.url).href, Be = "" + new URL("success.webp", import.meta.url).href, Ie = {
-  error: Ae,
-  loading: Oe,
-  send: Te,
-  success: Be
+const we = "" + new URL("error.webp", import.meta.url).href, Se = "" + new URL("loading.webp", import.meta.url).href, Ne = "" + new URL("send.webp", import.meta.url).href, ve = "" + new URL("success.webp", import.meta.url).href, be = {
+  error: we,
+  loading: Se,
+  send: Ne,
+  success: ve
 };
-function I({
+function P({
   imageName: e,
-  title: i,
-  children: r,
-  className: n
+  title: s,
+  children: a,
+  className: t
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: R("zd:flex zd:flex-col zd:gap-8 zd:items-center", n),
+      className: G("zd:flex zd:flex-col zd:gap-8 zd:items-center", t),
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "img",
           {
-            src: Ie[e],
+            src: be[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(h, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: i }),
-          /* @__PURE__ */ t(h, { className: "zd:text-center zd:whitespace-pre-wrap", children: r })
+        /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
+          /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: s }),
+          /* @__PURE__ */ n(m, { className: "zd:text-center zd:whitespace-pre-wrap", children: a })
         ] })
       ]
     }
   );
 }
-function Q() {
-  const i = ce().connectors.find((r) => r.id === "zerodev-wallet");
-  if (!i || !("getKitStore" in i))
+function X() {
+  const s = ce().connectors.find((a) => a.id === "zerodev-wallet");
+  if (!s || !("getKitStore" in s))
     throw new Error("useKitStore must be used with the zeroDevWallet connector");
-  return i.getKitStore();
+  return s.getKitStore();
 }
-function F() {
-  const e = Q(), i = O(e, (l) => l.auth.step), r = O(e, (l) => l.auth.stepHistory), n = O(e, (l) => l.auth.email), o = O(e, (l) => l.auth.otpId), c = O(
+function R() {
+  const e = X(), s = I(e, (l) => l.auth.step), a = I(e, (l) => l.auth.stepHistory), t = I(e, (l) => l.auth.email), r = I(e, (l) => l.auth.otpId), d = I(
     e,
     (l) => l.auth.otpEncryptionTargetBundle
-  ), s = O(e, (l) => l.auth.enabledMethods), u = O(e, (l) => l.auth.config);
+  ), i = I(e, (l) => l.auth.enabledMethods), u = I(e, (l) => l.auth.config);
   return {
-    step: i,
-    email: n,
-    otpId: o,
-    otpEncryptionTargetBundle: c,
-    enabledMethods: s,
+    step: s,
+    email: t,
+    otpId: r,
+    otpEncryptionTargetBundle: d,
+    enabledMethods: i,
     config: u,
     goToStep: e.getState().auth.goToStep,
-    goBack: r.length > 0 ? e.getState().auth.goBack : null,
+    goBack: a.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 L({
-  className: e,
-  style: i
-}) {
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: R(
-        "zd:gap-1.5 zd:flex zd:flex-row zd:items-center",
-        e
-      ),
-      children: [
-        /* @__PURE__ */ t(h, { children: "Powered by" }),
-        /* @__PURE__ */ t(
-          se,
-          {
-            variant: "lockup",
-            tone: "black",
-            className: "zd:h-4.5 zd:w-auto",
-            style: i
-          }
-        )
-      ]
-    }
-  );
-}
-function Fe() {
-  const { email: e, setOtpSession: i } = F(), { mutateAsync: r, isPending: n } = Y(), [o, c] = w(60), s = o <= 0 && !n;
-  return P(() => {
-    if (o <= 0) return;
+function Ee() {
+  const { email: e, setOtpSession: s } = R(), { mutateAsync: a, isPending: t } = Y(), [r, d] = w(60), i = r <= 0 && !t;
+  return O(() => {
+    if (r <= 0) return;
     const l = setInterval(() => {
-      c((p) => Math.max(0, p - 1));
+      d((h) => Math.max(0, h - 1));
     }, 1e3);
     return () => {
       clearInterval(l);
     };
-  }, [o]), /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ d(
-        I,
+  }, [r]), /* @__PURE__ */ c(A, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
+      /* @__PURE__ */ c(
+        P,
         {
           imageName: "send",
           title: `Check your email!
@@ -518,280 +85,280 @@ function Fe() {
           children: [
             "We've sent a magic link to",
             " ",
-            /* @__PURE__ */ t(h, { as: "span", className: "zd:text-solarOrange", children: e }),
+            /* @__PURE__ */ n(m, { 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(h, { className: "zd:text-center", children: [
+      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(m, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            disabled: !s,
+            disabled: !i,
             onClick: async () => {
-              if (!(!e || !s))
+              if (!(!e || !i))
                 try {
-                  const { otpId: l, otpEncryptionTargetBundle: p } = await r({
+                  const { otpId: l, otpEncryptionTargetBundle: h } = await a({
                     email: e
                   });
-                  i({ otpId: l, otpEncryptionTargetBundle: p }), c(60);
+                  s({ otpId: l, otpEncryptionTargetBundle: h }), d(60);
                 } catch {
                 }
             },
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: s ? "Resend" : `Resend in ${o} ${o === 1 ? "second" : "seconds"}`
+            children: i ? "Resend" : `Resend in ${r} ${r === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(L, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function Pe() {
+function ke() {
   return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("code");
 }
-function $() {
+function M() {
   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 Re({
+function Te({
   title: e = "Oops, something went wrong",
-  message: i = "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: n = !0
+  message: s = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
+  showRetry: a = !1,
+  showChooseAnother: t = !0
 }) {
-  const { goToStep: o, goBack: c, reset: s } = F();
-  return /* @__PURE__ */ d(b, { 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(I, { imageName: "error", title: e, children: i }),
-      /* @__PURE__ */ d("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
-        r && /* @__PURE__ */ t(C, { action: "primary", text: "Try again", onClick: c ?? (() => o("sign-up")) }),
-        n && /* @__PURE__ */ t(
-          C,
+  const { goToStep: r, goBack: d, reset: i } = R();
+  return /* @__PURE__ */ c(A, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      /* @__PURE__ */ n(P, { imageName: "error", title: e, children: s }),
+      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
+        a && /* @__PURE__ */ n(E, { action: "primary", text: "Try again", onClick: d ?? (() => r("sign-up")) }),
+        t && /* @__PURE__ */ n(
+          E,
           {
-            action: r ? "secondary" : "primary",
+            action: a ? "secondary" : "primary",
             onClick: () => {
-              $(), o("sign-up");
+              M(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         ),
-        !r && !n && /* @__PURE__ */ t(C, { action: "primary", text: "Start over", onClick: s })
+        !a && !t && /* @__PURE__ */ n(E, { action: "primary", text: "Start over", onClick: i })
       ] })
     ] }),
-    /* @__PURE__ */ t(L, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const Le = 4, $e = 8, Ue = 6;
-function Me(e) {
-  return Math.max(Le, Math.min($e, e));
+const Ie = 4, Ae = 8, Ce = 6;
+function Le(e) {
+  return Math.max(Ie, Math.min(Ae, e));
 }
-function je({ char: e, isFocused: i }) {
-  return /* @__PURE__ */ t(
-    ae,
+function Pe({ char: e, isFocused: s }) {
+  return /* @__PURE__ */ n(
+    ne,
     {
       "data-testid": "code-input-box",
-      "data-active": i || void 0,
-      className: R(
+      "data-active": s || void 0,
+      className: G(
         "zd:h-16 zd:w-14 zd:rounded-lg zd:flex zd:items-center zd:justify-center",
-        i && "zd:border-[1.5px] zd:border-greyScale"
+        s && "zd:border-[1.5px] zd:border-greyScale"
       ),
-      children: /* @__PURE__ */ t(h, { className: "zd:text-h2", children: e })
+      children: /* @__PURE__ */ n(m, { className: "zd:text-h2", children: e })
     }
   );
 }
-function _e({
+function Re({
   onChange: e,
-  onComplete: i,
-  disabled: r = !1,
-  error: n = !1,
-  autoFocus: o = !1,
-  length: c = Ue,
-  "data-testid": s
+  onComplete: s,
+  disabled: a = !1,
+  error: t = !1,
+  autoFocus: r = !1,
+  length: d = Ce,
+  "data-testid": i
 }) {
-  const u = Me(c), l = re(
-    () => Array.from({ length: u }, (f, g) => ({
+  const u = Le(d), l = le(
+    () => Array.from({ length: u }, (p, g) => ({
       id: `char-${g}`,
       index: g
     })),
     [u]
-  ), [p, x] = w(""), [m, N] = w(!1), k = K(null);
-  P(() => {
-    var f;
-    o && !r && ((f = k.current) == null || f.focus());
-  }, [o, r]), P(() => {
-    x((f) => f.slice(0, u));
+  ), [h, x] = w(""), [f, N] = w(!1), k = K(null);
+  O(() => {
+    var p;
+    r && !a && ((p = k.current) == null || p.focus());
+  }, [r, a]), O(() => {
+    x((p) => p.slice(0, u));
   }, [u]);
-  const S = (f) => {
-    const g = f.slice(0, u).toUpperCase();
+  const v = (p) => {
+    const g = p.slice(0, u).toUpperCase();
     x(g), e == null || e(g), g.length === u && setTimeout(() => {
-      var T;
-      i == null || i(g), (T = k.current) == null || T.blur();
+      var C;
+      s == null || s(g), (C = k.current) == null || C.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 f;
-        return (f = k.current) == null ? void 0 : f.focus();
+        var p;
+        return (p = k.current) == null ? void 0 : p.focus();
       },
-      disabled: r,
-      "data-testid": s,
+      disabled: a,
+      "data-testid": i,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "input",
           {
             ref: k,
-            value: p,
-            onChange: (f) => S(f.target.value),
+            value: h,
+            onChange: (p) => v(p.target.value),
             onFocus: () => N(!0),
             onBlur: () => N(!1),
             maxLength: u,
-            disabled: r,
+            disabled: a,
             className: "zd:absolute zd:opacity-0 zd:pointer-events-none",
             style: { position: "absolute", opacity: 0 },
             "aria-label": "Verification code"
           }
         ),
-        l.map((f) => /* @__PURE__ */ t(
-          je,
+        l.map((p) => /* @__PURE__ */ n(
+          Pe,
           {
-            char: p[f.index] ?? "",
-            isFocused: !n && m && f.index === p.length
+            char: h[p.index] ?? "",
+            isFocused: !t && f && p.index === h.length
           },
-          f.id
+          p.id
         ))
       ]
     }
   );
 }
-function He() {
+function Oe() {
   const {
     email: e,
-    otpId: i,
-    otpEncryptionTargetBundle: r,
-    setOtpSession: n,
-    clearOtpSession: o,
-    goToStep: c,
-    config: s
-  } = F(), { mutateAsync: u, isPending: l } = J(), { mutateAsync: p, isPending: x } = pe(), [m, N] = w(""), [k, S] = w(!1), [f, g] = w(60);
-  P(() => {
-    if (f <= 0) return;
-    const v = setInterval(() => {
-      g((A) => Math.max(0, A - 1));
+    otpId: s,
+    otpEncryptionTargetBundle: a,
+    setOtpSession: t,
+    clearOtpSession: r,
+    goToStep: d,
+    config: i
+  } = R(), { mutateAsync: u, isPending: l } = J(), { mutateAsync: h, isPending: x } = he(), [f, N] = w(""), [k, v] = w(!1), [p, g] = w(60);
+  O(() => {
+    if (p <= 0) return;
+    const S = setInterval(() => {
+      g((T) => Math.max(0, T - 1));
     }, 1e3);
-    return () => clearInterval(v);
-  }, [f]);
-  const T = async () => {
-    var v, A;
-    if (!(!m.trim() || !i || !r)) {
-      S(!1);
+    return () => clearInterval(S);
+  }, [p]);
+  const C = async () => {
+    var S, T;
+    if (!(!f.trim() || !s || !a)) {
+      v(!1);
       try {
-        await p({
-          otpId: i,
-          code: m.trim(),
-          otpEncryptionTargetBundle: r
-        }), o(), c("authenticated"), (v = s == null ? void 0 : s.onSuccess) == null || v.call(s);
-      } catch (_) {
-        S(!0), (A = s == null ? void 0 : s.onError) == null || A.call(s, _);
+        await h({
+          otpId: s,
+          code: f.trim(),
+          otpEncryptionTargetBundle: a
+        }), r(), d("authenticated"), (S = i == null ? void 0 : i.onSuccess) == null || S.call(i);
+      } catch (F) {
+        v(!0), (T = i == null ? void 0 : i.onError) == null || T.call(i, F);
       }
     }
-  }, y = (v) => {
-    N(v);
-  }, j = async () => {
-    if (!(!e || f > 0 || l))
+  }, y = (S) => {
+    N(S);
+  }, H = async () => {
+    if (!(!e || p > 0 || l))
       try {
-        const { otpId: v, otpEncryptionTargetBundle: A } = await u({ email: e });
-        n({
-          otpId: v,
-          otpEncryptionTargetBundle: A
-        }), g(60), S(!1);
+        const { otpId: S, otpEncryptionTargetBundle: T } = await u({ email: e });
+        t({
+          otpId: S,
+          otpEncryptionTargetBundle: T
+        }), g(60), v(!1);
       } catch {
-        S(!0);
+        v(!0);
       }
-  }, U = f <= 0 && !l;
-  return /* @__PURE__ */ d(b, { 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(h, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
-        /* @__PURE__ */ d(h, { className: "zd:text-center", children: [
+  }, U = p <= 0 && !l;
+  return /* @__PURE__ */ c(A, { 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__ */ n(m, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
+        /* @__PURE__ */ c(m, { className: "zd:text-center", children: [
           "Enter the code from the email we sent to",
           " ",
-          /* @__PURE__ */ t(h, { className: "zd:text-solarOrange", children: e })
+          /* @__PURE__ */ n(m, { className: "zd:text-solarOrange", children: e })
         ] })
       ] }),
-      /* @__PURE__ */ t(
-        _e,
+      /* @__PURE__ */ n(
+        Re,
         {
           onComplete: y,
-          onChange: () => S(!1),
+          onChange: () => v(!1),
           disabled: x,
           error: k,
           autoFocus: !0
         }
       ),
-      /* @__PURE__ */ t(
-        C,
+      /* @__PURE__ */ n(
+        E,
         {
           text: "Confirm code",
-          onClick: T,
-          disabled: !m.trim() || x
+          onClick: C,
+          disabled: !f.trim() || x
         }
       ),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ d(h, { className: "zd:text-center", children: [
+      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(m, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             disabled: !U,
-            onClick: j,
+            onClick: H,
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: U ? "Resend" : `Resend in ${f} ${f === 1 ? "second" : "seconds"}`
+            children: U ? "Resend" : `Resend in ${p} ${p === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(L, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function Ge({
+function Be({
   termsAndConditionsUrl: e,
-  privacyPolicyUrl: i,
-  agreedToTerms: r,
-  setAgreedToTerms: n,
-  highlight: o = !1
+  privacyPolicyUrl: s,
+  agreedToTerms: a,
+  setAgreedToTerms: t,
+  highlight: r = !1
 }) {
-  return /* @__PURE__ */ d("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
-    !!(e || i) && /* @__PURE__ */ d(
+  return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
+    !!(e || s) && /* @__PURE__ */ c(
       "div",
       {
-        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"}`,
+        className: `zd:flex zd:flex-row zd:items-center zd:gap-2 zd:rounded-md zd:p-2 zd:transition-colors ${r ? "zd:border zd:border-negative" : "zd:border zd:border-transparent"}`,
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ n(
             "input",
             {
               type: "checkbox",
-              checked: r,
-              onChange: (s) => n(s.target.checked),
+              checked: a,
+              onChange: (i) => t(i.target.checked),
               className: "zd:cursor-pointer zd:[color-scheme:light]"
             }
           ),
-          /* @__PURE__ */ d(h, { className: "zd:flex-1", children: [
+          /* @__PURE__ */ c(m, { className: "zd:flex-1", children: [
             "I agree to the",
             " ",
-            e && /* @__PURE__ */ t(
-              h,
+            e && /* @__PURE__ */ n(
+              m,
               {
                 as: "a",
                 href: e,
@@ -801,12 +368,12 @@ function Ge({
                 children: "Terms & Conditions"
               }
             ),
-            e && i && " and ",
-            i && /* @__PURE__ */ t(
-              h,
+            e && s && " and ",
+            s && /* @__PURE__ */ n(
+              m,
               {
                 as: "a",
-                href: i,
+                href: s,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "zd:underline",
@@ -817,21 +384,21 @@ function Ge({
         ]
       }
     ),
-    /* @__PURE__ */ t(L, {})
+    /* @__PURE__ */ n(B, {})
   ] });
 }
-const We = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function M(e) {
-  return We.test(e.trim());
+const Me = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function j(e) {
+  return Me.test(e.trim());
 }
-const qe = "" + new URL("blob.webm", import.meta.url).href;
-function De({ className: e }) {
-  return /* @__PURE__ */ t(
+const Ue = "" + new URL("blob.webm", import.meta.url).href;
+function je({ className: e }) {
+  return /* @__PURE__ */ n(
     "video",
     {
       className: e,
       style: { aspectRatio: "1 / 1" },
-      src: qe,
+      src: Ue,
       autoPlay: !0,
       loop: !0,
       muted: !0,
@@ -841,194 +408,194 @@ function De({ className: e }) {
     }
   );
 }
-function H(e) {
+function _(e) {
   return e instanceof Error ? e.name === "AbortError" || e.name === "NotAllowedError" ? !0 : e.message.toLowerCase().includes("oauth popup was closed") : !1;
 }
-function Ve() {
-  const { goToStep: e, setEmail: i, setOtpSession: r, config: n, enabledMethods: o } = F(), [c, s] = w(!1), [u, l] = w(!1), [p, x] = w(""), m = (n == null ? void 0 : n.emailAuthMethod) === "otp", { mutateAsync: N, isPending: k } = J(), { mutateAsync: S, isPending: f } = Y(), g = k || f, [T, y] = w(null), { mutateAsync: j, isPending: U } = fe({
+function He() {
+  const { goToStep: e, setEmail: s, setOtpSession: a, config: t, enabledMethods: r } = R(), [d, i] = w(!1), [u, l] = w(!1), [h, x] = w(""), f = (t == null ? void 0 : t.emailAuthMethod) === "otp", { mutateAsync: N, isPending: k } = J(), { mutateAsync: v, isPending: p } = Y(), g = k || p, [C, y] = w(null), { mutateAsync: H, isPending: U } = pe({
     mutation: {
       onSuccess: async () => {
-        var a;
-        e("authenticated"), (a = n == null ? void 0 : n.onSuccess) == null || a.call(n);
+        var o;
+        e("authenticated"), (o = t == null ? void 0 : t.onSuccess) == null || o.call(t);
       },
-      onError: (a) => {
+      onError: (o) => {
         var z;
-        (z = n == null ? void 0 : n.onError) == null || z.call(n, a);
+        (z = t == null ? void 0 : t.onError) == null || z.call(t, o);
       }
     }
-  }), { mutate: v, isPending: A } = he({
+  }), { mutate: S, isPending: T } = me({
     mutation: {
       onSuccess: () => {
-        var a;
-        e("authenticated"), (a = n == null ? void 0 : n.onSuccess) == null || a.call(n);
+        var o;
+        e("authenticated"), (o = t == null ? void 0 : t.onSuccess) == null || o.call(t);
       },
-      onError: (a) => {
+      onError: (o) => {
         var z;
-        H(a) || y(a instanceof Error ? a.message : String(a)), (z = n == null ? void 0 : n.onError) == null || z.call(n, a);
+        _(o) || y(o instanceof Error ? o.message : String(o)), (z = t == null ? void 0 : t.onError) == null || z.call(t, o);
       }
     }
-  }), { mutate: _, isPending: ee } = ze({
+  }), { mutate: F, isPending: Q } = ze({
     mutation: {
       onSuccess: () => {
-        var a;
-        e("authenticated"), (a = n == null ? void 0 : n.onSuccess) == null || a.call(n);
+        var o;
+        e("authenticated"), (o = t == null ? void 0 : t.onSuccess) == null || o.call(t);
       },
-      onError: (a) => {
+      onError: (o) => {
         var z;
-        H(a) || y(a instanceof Error ? a.message : String(a)), (z = n == null ? void 0 : n.onError) == null || z.call(n, a);
+        _(o) || y(o instanceof Error ? o.message : String(o)), (z = t == null ? void 0 : t.onError) == null || z.call(t, o);
       }
     }
-  }), E = U || g || A || ee, B = !!(n != null && n.termsAndConditionsUrl || n != null && n.privacyPolicyUrl) && !c, te = () => {
-    if (!E) {
-      if (B) {
+  }), b = U || g || T || Q, L = !!(t != null && t.termsAndConditionsUrl || t != null && t.privacyPolicyUrl) && !d, Z = () => {
+    if (!b) {
+      if (L) {
         l(!0);
         return;
       }
-      y(null), v();
+      y(null), S();
     }
-  }, ne = () => {
-    if (!E) {
-      if (B) {
+  }, ee = () => {
+    if (!b) {
+      if (L) {
         l(!0);
         return;
       }
-      y(null), _();
+      y(null), F();
     }
-  }, oe = async () => {
-    if (B) {
+  }, te = async () => {
+    if (L) {
       l(!0);
       return;
     }
     y(null);
     try {
-      await j({ provider: "google" });
-    } catch (a) {
-      const z = a instanceof Error ? a.message : String(a);
-      H(a) || y(z);
+      await H({ provider: "google" });
+    } catch (o) {
+      const z = o instanceof Error ? o.message : String(o);
+      _(o) || y(z);
     }
-  }, W = m ? async () => {
-    if (!(!p || E) && M(p)) {
-      if (B) {
+  }, W = f ? async () => {
+    if (!(!h || b) && j(h)) {
+      if (L) {
         l(!0);
         return;
       }
       y(null);
       try {
-        const { otpId: a, otpEncryptionTargetBundle: z } = await N({
-          email: p
+        const { otpId: o, otpEncryptionTargetBundle: z } = await N({
+          email: h
         });
-        i(p), r({ otpId: a, otpEncryptionTargetBundle: z }), e("otp-input");
-      } catch (a) {
+        s(h), a({ otpId: o, otpEncryptionTargetBundle: z }), e("otp-input");
+      } catch (o) {
         y(
-          a instanceof Error ? a.message : "Failed to send verification code"
+          o instanceof Error ? o.message : "Failed to send verification code"
         );
       }
     }
   } : async () => {
-    if (!(!p || E) && M(p)) {
-      if (B) {
+    if (!(!h || b) && j(h)) {
+      if (L) {
         l(!0);
         return;
       }
       y(null);
       try {
-        const { otpId: a, otpEncryptionTargetBundle: z } = await S({
-          email: p
+        const { otpId: o, otpEncryptionTargetBundle: z } = await v({
+          email: h
         });
-        i(p), r({ otpId: a, otpEncryptionTargetBundle: z }), e("email-verification");
-      } catch (a) {
+        s(h), a({ otpId: o, otpEncryptionTargetBundle: z }), e("email-verification");
+      } catch (o) {
         y(
-          a instanceof Error ? a.message : "Failed to send verification code"
+          o instanceof Error ? o.message : "Failed to send verification code"
         );
       }
     }
   };
-  return T ? /* @__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(h, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
-    /* @__PURE__ */ t(h, { className: "zd:text-center zd:text-red-500", children: T }),
-    /* @__PURE__ */ t(
-      C,
+  return C ? /* @__PURE__ */ n("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full", children: /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
+    /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
+    /* @__PURE__ */ n(m, { className: "zd:text-center zd:text-red-500", children: C }),
+    /* @__PURE__ */ n(
+      E,
       {
         action: "primary",
         text: "Try again",
         onClick: () => y(null)
       }
     )
-  ] }) }) : /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-between zd:pb-4 zd:overflow-y-auto zd:overflow-x-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(De, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
-        /* @__PURE__ */ t(h, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
-        /* @__PURE__ */ t(h, { 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-between zd:pb-4 zd:overflow-y-auto zd:overflow-x-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__ */ n("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ n(je, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
+        /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
+        /* @__PURE__ */ n(m, { className: "zd:mt-2 zd:text-center zd:text-greyScale/50", children: "Choose a sign-in method to proceed" })
       ] }),
-      /* @__PURE__ */ d("div", { className: "zd:mt-6 zd:flex zd:flex-col zd:gap-4 zd:mb-4", children: [
-        o.includes("passkey") && /* @__PURE__ */ d(b, { children: [
-          /* @__PURE__ */ d("div", { className: "zd:px-4 zd:flex zd:flex-col zd:gap-2", children: [
-            /* @__PURE__ */ t(
-              C,
+      /* @__PURE__ */ c("div", { className: "zd:mt-6 zd:flex zd:flex-col zd:gap-4 zd:mb-4", children: [
+        r.includes("passkey") && /* @__PURE__ */ c(A, { children: [
+          /* @__PURE__ */ c("div", { className: "zd:px-4 zd:flex zd:flex-col zd:gap-2", children: [
+            /* @__PURE__ */ n(
+              E,
               {
                 action: "secondary",
                 text: "Create a passkey",
                 iconName: "key",
                 trailIcon: !0,
-                disabled: E,
-                onClick: te
+                disabled: b,
+                onClick: Z
               }
             ),
-            /* @__PURE__ */ t(
-              C,
+            /* @__PURE__ */ n(
+              E,
               {
                 action: "secondary",
                 text: "Log in with passkey",
                 iconName: "key",
                 trailIcon: !0,
-                disabled: E,
-                onClick: ne
+                disabled: b,
+                onClick: ee
               }
             )
           ] }),
-          /* @__PURE__ */ d("div", { className: "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(h, { className: "zd:text-body3", children: "or" }),
-            /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
+          /* @__PURE__ */ c("div", { className: "zd:flex zd:items-center zd:gap-3", children: [
+            /* @__PURE__ */ n("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" }),
+            /* @__PURE__ */ n(m, { className: "zd:text-body3", children: "or" }),
+            /* @__PURE__ */ n("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
           ] })
         ] }),
-        /* @__PURE__ */ d("div", { className: "zd:px-4 zd:flex zd:flex-col zd:gap-2", children: [
-          o.includes("google") && /* @__PURE__ */ t(
-            X,
+        /* @__PURE__ */ c("div", { className: "zd:px-4 zd:flex zd:flex-col zd:gap-2", children: [
+          r.includes("google") && /* @__PURE__ */ n(
+            $,
             {
-              iconName: "google",
+              icon: /* @__PURE__ */ n(D, { name: "google" }),
               title: "Google",
-              chevron: !0,
+              trailing: /* @__PURE__ */ n(re, {}),
               className: "zd:rounded-3xl",
-              disabled: E,
-              onClick: oe
+              disabled: b,
+              onClick: te
             }
           ),
-          o.includes("email") && /* @__PURE__ */ t(
-            de,
+          r.includes("email") && /* @__PURE__ */ n(
+            se,
             {
               iconName: "email",
               placeholder: "Enter your email",
-              value: p,
-              onChange: (a) => x(a.target.value),
+              value: h,
+              onChange: (o) => x(o.target.value),
               type: "email",
               autoCapitalize: "none",
               autoComplete: "email",
-              disabled: E,
+              disabled: b,
               variant: "listItemStyle",
               containerClassName: "zd:rounded-3xl",
-              onKeyDown: (a) => {
-                a.key === "Enter" && p && !E && W();
+              onKeyDown: (o) => {
+                o.key === "Enter" && h && !b && W();
               },
-              children: g ? /* @__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(
+              children: g ? /* @__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: !M(p) || B,
-                  className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${M(p) && !B ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
+                  disabled: !j(h) || L,
+                  className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${j(h) && !L ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
                   onClick: () => W(),
-                  children: /* @__PURE__ */ t(le, { name: "chevronRight", className: "zd:text-greyScale" })
+                  children: /* @__PURE__ */ n(ie, { name: "chevronRight", className: "zd:text-greyScale" })
                 }
               )
             }
@@ -1036,91 +603,91 @@ function Ve() {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: "zd:px-4", children: /* @__PURE__ */ t(
-      Ge,
+    /* @__PURE__ */ n("div", { className: "zd:px-4", children: /* @__PURE__ */ n(
+      Be,
       {
-        termsAndConditionsUrl: n == null ? void 0 : n.termsAndConditionsUrl,
-        privacyPolicyUrl: n == null ? void 0 : n.privacyPolicyUrl,
-        agreedToTerms: c,
-        setAgreedToTerms: (a) => {
-          s(a), a && l(!1);
+        termsAndConditionsUrl: t == null ? void 0 : t.termsAndConditionsUrl,
+        privacyPolicyUrl: t == null ? void 0 : t.privacyPolicyUrl,
+        agreedToTerms: d,
+        setAgreedToTerms: (o) => {
+          i(o), o && l(!1);
         },
         highlight: u
       }
     ) })
   ] });
 }
-function Ke() {
+function Fe() {
   return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("code");
 }
-function Xe() {
+function _e() {
   const {
     otpId: e,
-    otpEncryptionTargetBundle: i,
-    goToStep: r,
-    clearOtpSession: n,
-    config: o
-  } = F(), [c] = w(Ke), [s, u] = w(null), l = K(!1), { mutate: p, isPending: x } = me({
+    otpEncryptionTargetBundle: s,
+    goToStep: a,
+    clearOtpSession: t,
+    config: r
+  } = R(), [d] = w(Fe), [i, u] = w(null), l = K(!1), { mutate: h, isPending: x } = fe({
     mutation: {
       onSuccess: async () => {
-        var m;
-        n(), r("authenticated"), (m = o == null ? void 0 : o.onSuccess) == null || m.call(o);
+        var f;
+        t(), a("authenticated"), (f = r == null ? void 0 : r.onSuccess) == null || f.call(r);
       },
-      onError: (m) => {
+      onError: (f) => {
         var N;
-        u(m), (N = o == null ? void 0 : o.onError) == null || N.call(o, m);
+        u(f), (N = r == null ? void 0 : r.onError) == null || N.call(r, f);
       }
     }
   });
-  return P(() => {
-    if (!(l.current || !c)) {
-      if (l.current = !0, !e || !i) {
-        $(), r(null);
+  return O(() => {
+    if (!(l.current || !d)) {
+      if (l.current = !0, !e || !s) {
+        M(), a(null);
         return;
       }
-      p({ otpId: e, code: c, otpEncryptionTargetBundle: i });
+      h({ otpId: e, code: d, otpEncryptionTargetBundle: s });
     }
-  }, [e, i, c, p, r]), /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      !s && x && /* @__PURE__ */ t(I, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
-      !s && !c && !x && /* @__PURE__ */ d(b, { children: [
-        /* @__PURE__ */ d(I, { imageName: "error", title: "Invalid Link", children: [
+  }, [e, s, d, h, a]), /* @__PURE__ */ c(A, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      !i && x && /* @__PURE__ */ n(P, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
+      !i && !d && !x && /* @__PURE__ */ c(A, { children: [
+        /* @__PURE__ */ c(P, { 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(
-          C,
+        /* @__PURE__ */ n(
+          E,
           {
             action: "primary",
             onClick: () => {
-              $(), r("sign-up");
+              M(), a("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] }),
-      s != null && /* @__PURE__ */ d(b, { children: [
-        /* @__PURE__ */ t(I, { 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(
-          C,
+      i != null && /* @__PURE__ */ c(A, { children: [
+        /* @__PURE__ */ n(P, { 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(
+          E,
           {
             action: "primary",
             onClick: () => {
-              $(), r("sign-up");
+              M(), a("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t(L, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function Ye() {
-  const { goToStep: e } = F(), { connect: i, connectors: r, isPending: n } = ue(), o = r.filter((s) => s.id !== "zerodev-wallet"), c = (s) => {
-    i(
-      { connector: s },
+function qe() {
+  const { goToStep: e } = R(), { connect: s, connectors: a, isPending: t } = ue(), r = a.filter((i) => i.id !== "zerodev-wallet"), d = (i) => {
+    s(
+      { connector: i },
       {
         onSuccess: () => {
           e(null);
@@ -1128,82 +695,88 @@ function Ye() {
       }
     );
   };
-  return /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ d("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ t(h, { className: "zd:text-h2 zd:text-center", children: "Select your wallet" }),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-2", children: o.length === 0 ? /* @__PURE__ */ t(h, { className: "zd:text-center", children: "No wallets detected. Install a browser wallet extension to continue." }) : o.map((s) => /* @__PURE__ */ t(
-        X,
+  return /* @__PURE__ */ c(A, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
+      /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center", children: "Select your wallet" }),
+      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-2", children: r.length === 0 ? /* @__PURE__ */ n(m, { className: "zd:text-center", children: "No wallets detected. Install a browser wallet extension to continue." }) : r.map((i) => /* @__PURE__ */ n(
+        $,
         {
-          title: s.name,
-          iconName: "walletOutline",
-          ...s.icon ? { imageUri: s.icon } : {},
-          disabled: n,
-          onClick: () => c(s),
+          title: i.name,
+          icon: i.icon ? /* @__PURE__ */ n(
+            "img",
+            {
+              src: i.icon,
+              alt: "",
+              className: "zd:w-6 zd:h-6"
+            }
+          ) : /* @__PURE__ */ n(D, { name: "walletOutline" }),
+          disabled: t,
+          onClick: () => d(i),
           className: "zd:rounded-3xl"
         },
-        s.uid
+        i.uid
       )) })
     ] }),
-    /* @__PURE__ */ t(L, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const Je = {
+const We = {
   "wallet-selection": "Choose your wallet"
 };
-function Ze() {
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(I, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
+function Ve() {
+  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(P, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
 }
-function Qe() {
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(I, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
+function Ge() {
+  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(P, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
 }
-function et(e) {
+function $e(e) {
   switch (e) {
     case "sign-up":
-      return /* @__PURE__ */ t(Ve, {});
+      return /* @__PURE__ */ n(He, {});
     case "email-verification":
-      return /* @__PURE__ */ t(Fe, {});
+      return /* @__PURE__ */ n(Ee, {});
     case "otp-input":
-      return /* @__PURE__ */ t(He, {});
+      return /* @__PURE__ */ n(Oe, {});
     case "verifying-otp":
-      return /* @__PURE__ */ t(Xe, {});
+      return /* @__PURE__ */ n(_e, {});
     case "oauth-in-progress":
-      return /* @__PURE__ */ t(Ze, {});
+      return /* @__PURE__ */ n(Ve, {});
     case "passkey-prompt":
-      return /* @__PURE__ */ t(Qe, {});
+      return /* @__PURE__ */ n(Ge, {});
     case "wallet-selection":
-      return /* @__PURE__ */ t(Ye, {});
+      return /* @__PURE__ */ n(qe, {});
     case "error":
-      return /* @__PURE__ */ t(Re, {});
+      return /* @__PURE__ */ n(Te, {});
     default:
       return null;
   }
 }
-function mt({
+function lt({
   onClose: e,
-  size: i
+  size: s
 } = {}) {
-  const { step: r, goToStep: n, goBack: o, reset: c } = F(), s = O(Q(), (x) => x.logo);
-  P(() => {
-    r === null && Pe() && n("verifying-otp");
-  }, [r, n]);
-  const u = et(r);
+  const { step: a, goToStep: t, goBack: r, reset: d } = R(), i = I(X(), (x) => x.logo);
+  O(() => {
+    a === null && ke() && t("verifying-otp");
+  }, [a, t]);
+  const u = $e(a);
   if (!u) return null;
   const l = () => {
-    $(), c(), e == null || e();
-  }, p = r ? Je[r] : void 0;
-  return /* @__PURE__ */ t(
-    ke,
+    M(), d(), e == null || e();
+  }, h = a ? We[a] : void 0;
+  return /* @__PURE__ */ n(
+    ae,
     {
-      ...i && { size: i },
-      contentClassName: r === "sign-up" ? "zd:px-0" : void 0,
-      topNav: /* @__PURE__ */ t(
-        we,
+      ...s && { size: s },
+      contentClassName: a === "sign-up" ? "zd:px-0" : void 0,
+      topNav: /* @__PURE__ */ n(
+        oe,
         {
-          ...o !== null && { onBack: o },
-          onClose: l,
-          ...p && { title: p },
-          ...r === "sign-up" && {
-            ...s && { logo: s },
+          ...r !== null && { onLeftButtonClick: r },
+          onRightButtonClick: l,
+          ...h && { title: h },
+          ...a === "sign-up" && {
+            ...i && { logo: i },
             className: "zd:px-4"
           }
         }
@@ -1212,36 +785,36 @@ function mt({
     }
   );
 }
-const G = "zerodev:auth:otpSession";
-function tt() {
+const q = "zerodev:auth:otpSession";
+function De() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(G);
+    const e = window.localStorage.getItem(q);
     if (!e) return null;
-    const i = JSON.parse(e);
-    return !(i != null && i.otpId) || !(i != null && i.otpEncryptionTargetBundle) ? null : i;
+    const s = JSON.parse(e);
+    return !(s != null && s.otpId) || !(s != null && s.otpEncryptionTargetBundle) ? null : s;
   } catch {
     return null;
   }
 }
-function nt(e) {
+function Ke(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
-        G,
+        q,
         JSON.stringify(e)
       );
     } catch {
     }
 }
-function D() {
+function V() {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.removeItem(G);
+      window.localStorage.removeItem(q);
     } catch {
     }
 }
-const ot = (e, i, r) => ({
+const Ye = (e, s, a) => ({
   auth: {
     // Initial state
     step: null,
@@ -1252,45 +825,45 @@ const ot = (e, i, r) => ({
     otpEncryptionTargetBundle: null,
     config: null,
     // Actions
-    initialize: (n) => {
-      const o = tt();
-      e((c) => ({
+    initialize: (t) => {
+      const r = De();
+      e((d) => ({
         auth: {
-          ...c.auth,
-          config: n,
-          enabledMethods: n.enabledMethods,
-          ...o && {
-            otpId: o.otpId,
-            otpEncryptionTargetBundle: o.otpEncryptionTargetBundle
+          ...d.auth,
+          config: t,
+          enabledMethods: t.enabledMethods,
+          ...r && {
+            otpId: r.otpId,
+            otpEncryptionTargetBundle: r.otpEncryptionTargetBundle
           }
         }
       }));
     },
-    goToStep: (n) => {
-      e((o) => ({
+    goToStep: (t) => {
+      e((r) => ({
         auth: {
-          ...o.auth,
-          step: n,
-          stepHistory: o.auth.step === null ? o.auth.stepHistory : [...o.auth.stepHistory, o.auth.step]
+          ...r.auth,
+          step: t,
+          stepHistory: r.auth.step === null ? r.auth.stepHistory : [...r.auth.stepHistory, r.auth.step]
         }
       }));
     },
     goBack: () => {
-      const { auth: n } = i();
-      if (n.stepHistory.length === 0) return;
-      const o = [...n.stepHistory], c = o.pop();
-      e((s) => ({
+      const { auth: t } = s();
+      if (t.stepHistory.length === 0) return;
+      const r = [...t.stepHistory], d = r.pop();
+      e((i) => ({
         auth: {
-          ...s.auth,
-          step: c,
-          stepHistory: o
+          ...i.auth,
+          step: d,
+          stepHistory: r
         }
       }));
     },
     reset: () => {
-      D(), e((n) => ({
+      V(), e((t) => ({
         auth: {
-          ...n.auth,
+          ...t.auth,
           step: null,
           stepHistory: [],
           email: null,
@@ -1299,95 +872,95 @@ const ot = (e, i, r) => ({
         }
       }));
     },
-    setEmail: (n) => {
-      e((o) => ({
+    setEmail: (t) => {
+      e((r) => ({
         auth: {
-          ...o.auth,
-          email: n
+          ...r.auth,
+          email: t
         }
       }));
     },
-    setOtpSession: ({ otpId: n, otpEncryptionTargetBundle: o }) => {
-      nt({ otpId: n, otpEncryptionTargetBundle: o }), e((c) => ({
+    setOtpSession: ({ otpId: t, otpEncryptionTargetBundle: r }) => {
+      Ke({ otpId: t, otpEncryptionTargetBundle: r }), e((d) => ({
         auth: {
-          ...c.auth,
-          otpId: n,
-          otpEncryptionTargetBundle: o
+          ...d.auth,
+          otpId: t,
+          otpEncryptionTargetBundle: r
         }
       }));
     },
     clearOtpSession: () => {
-      D(), e((n) => ({
+      V(), e((t) => ({
         auth: {
-          ...n.auth,
+          ...t.auth,
           otpId: null,
           otpEncryptionTargetBundle: null
         }
       }));
     }
   }
-}), rt = (e = {}) => ie()(
-  xe((i, r, n) => ({
+}), Je = (e = {}) => de()(
+  xe((s, a, t) => ({
     pendingRequests: [],
     userConfirmationListenerActive: !1,
     logo: e.logo ?? null,
-    addPendingRequest: (o) => i((c) => ({
-      pendingRequests: [...c.pendingRequests, o]
+    addPendingRequest: (r) => s((d) => ({
+      pendingRequests: [...d.pendingRequests, r]
     })),
-    removePendingRequest: (o) => i((c) => ({
-      pendingRequests: c.pendingRequests.filter((s) => s.id !== o)
+    removePendingRequest: (r) => s((d) => ({
+      pendingRequests: d.pendingRequests.filter((i) => i.id !== r)
     })),
-    clearPendingRequests: () => i({ pendingRequests: [] }),
-    setUserConfirmationListenerActive: (o) => i({ userConfirmationListenerActive: o }),
-    ...ot(i, r)
+    clearPendingRequests: () => s({ pendingRequests: [] }),
+    setUserConfirmationListenerActive: (r) => s({ userConfirmationListenerActive: r }),
+    ...Ye(s, a)
   }))
 );
-function it(e) {
-  return new Promise((i, r) => {
-    const n = e.subscribe(
-      (o) => o.auth.step,
-      (o) => {
-        o === "authenticated" ? (n(), i()) : o === null && (n(), r(new Error("Auth flow dismissed")));
+function Xe(e) {
+  return new Promise((s, a) => {
+    const t = e.subscribe(
+      (r) => r.auth.step,
+      (r) => {
+        r === "authenticated" ? (t(), s()) : r === null && (t(), a(new Error("Auth flow dismissed")));
       }
     );
   });
 }
-function gt(e) {
-  var n, o;
-  const i = ge(e), r = rt({ logo: (n = e.config) == null ? void 0 : n.logo });
-  return (o = e.config) != null && o.auth && r.getState().auth.initialize(e.config.auth), (c) => {
-    const s = i(c);
+function dt(e) {
+  var t, r;
+  const s = ge(e), a = Je({ logo: (t = e.config) == null ? void 0 : t.logo });
+  return (r = e.config) != null && r.auth && a.getState().auth.initialize(e.config.auth), (d) => {
+    const i = s(d);
     return {
-      ...s,
+      ...i,
       async connect(u) {
         var l;
         try {
-          return await s.connect(u);
-        } catch (p) {
-          if (u != null && u.isReconnecting || !((l = e.config) != null && l.auth) || !(p instanceof ye))
-            throw p;
-          if (r.getState().auth.step !== null)
+          return await i.connect(u);
+        } catch (h) {
+          if (u != null && u.isReconnecting || !((l = e.config) != null && l.auth) || !(h instanceof ye))
+            throw h;
+          if (a.getState().auth.step !== null)
             throw new Error("Auth flow already in progress");
-          return r.getState().auth.goToStep("sign-up"), await it(r), s.connect(u);
+          return a.getState().auth.goToStep("sign-up"), await Xe(a), i.connect(u);
         }
       },
       async disconnect() {
         var u, l;
-        await ((u = s.disconnect) == null ? void 0 : u.call(s)), (l = e.config) != null && l.auth && r.getState().auth.reset();
+        await ((u = i.disconnect) == null ? void 0 : u.call(i)), (l = e.config) != null && l.auth && a.getState().auth.reset();
       },
       async setup() {
         var u;
-        await ((u = s.setup) == null ? void 0 : u.call(s)), typeof window > "u";
+        await ((u = i.setup) == null ? void 0 : u.call(i)), typeof window > "u";
       },
       getKitStore() {
-        return r;
+        return a;
       }
     };
   };
 }
 export {
-  mt as AuthFlow,
-  F as useAuth,
-  gt as zeroDevWallet
+  lt as AuthFlow,
+  R as useAuth,
+  dt as zeroDevWallet
 };
 //# sourceMappingURL=index.mjs.map