@talken/talkenkit 2.3.8 → 2.3.10

package/dist/index.js

@@ -9,12 +9,12 @@ import {
   TOKEN_EXPIRY,
   secure_default
 } from "./chunk-Y7ZSI2YC.js";
-import {
-  lightTheme
-} from "./chunk-72HZGUJA.js";
 import {
   darkTheme
 } from "./chunk-RZWDCITT.js";
+import {
+  lightTheme
+} from "./chunk-72HZGUJA.js";
 import {
   midnightTheme
 } from "./chunk-7ZP3ENJ2.js";
@@ -761,7 +761,7 @@ var init_networks = __esm({
 });
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React70, { useContext as useContext26, useEffect as useEffect21, useState as useState21 } from "react";
+import React71, { useContext as useContext27, useEffect as useEffect22, useState as useState22 } from "react";
 
 // src/css/sprinkles.css.ts
 import { createMapValueFn as _51c72 } from "@vanilla-extract/sprinkles/createUtils";
@@ -1789,7 +1789,7 @@ function ShowBalanceProvider({ children }) {
 var useShowBalance = () => useContext4(ShowBalanceContext);
 
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
-import React69, { useContext as useContext25 } from "react";
+import React70, { useContext as useContext26 } from "react";
 import { useAccount as useAccount16, useConfig as useConfig4 } from "wagmi";
 
 // src/contexts/MultiChainContext.tsx
@@ -2410,22 +2410,22 @@ function useRecentTransactions() {
 }
 
 // src/components/RainbowKitProvider/ModalContext.tsx
-import React68, {
-  createContext as createContext13,
+import React69, {
+  createContext as createContext14,
   useCallback as useCallback14,
-  useContext as useContext24,
-  useEffect as useEffect20,
+  useContext as useContext25,
+  useEffect as useEffect21,
   useMemo as useMemo10,
-  useState as useState20
+  useState as useState21
 } from "react";
 import { useAccount as useAccount15, useAccountEffect as useAccountEffect3, useConfig as useConfig3 } from "wagmi";
 
 // src/components/AccountModal/AccountModal.tsx
-import React39, { useContext as useContext12 } from "react";
+import React40, { useContext as useContext13 } from "react";
 import { useAccount as useAccount12, useDisconnect } from "wagmi";
 
 // src/components/Dialog/Dialog.tsx
-import React27, {
+import React28, {
   useCallback as useCallback8,
   useEffect as useEffect14,
   useState as useState12
@@ -2434,7 +2434,7 @@ import { createPortal } from "react-dom";
 import { RemoveScroll } from "react-remove-scroll";
 
 // src/components/RainbowKitProvider/RainbowKitProvider.tsx
-import React25, { createContext as createContext12, useContext as useContext8 } from "react";
+import React26, { createContext as createContext13, useContext as useContext9 } from "react";
 import { useAccountEffect as useAccountEffect2 } from "wagmi";
 
 // src/css/cssObjectFromTheme.ts
@@ -2933,9 +2933,28 @@ function ModalSizeProvider({
   );
 }
 
+// src/components/RainbowKitProvider/RainbowKitConfigProvider.tsx
+import React18, { createContext as createContext11, useContext as useContext7 } from "react";
+var RainbowKitConfigContext = createContext11(null);
+function RainbowKitConfigProvider({
+  config: config2,
+  children
+}) {
+  return /* @__PURE__ */ React18.createElement(RainbowKitConfigContext.Provider, { value: config2 }, children);
+}
+function useRainbowKitConfig() {
+  const context = useContext7(RainbowKitConfigContext);
+  if (!context) {
+    throw new Error(
+      "useRainbowKitConfig must be used within RainbowKitProvider"
+    );
+  }
+  return context;
+}
+
 // src/components/RainbowKitProvider/ShowRecentTransactionsContext.ts
-import { createContext as createContext11 } from "react";
-var ShowRecentTransactionsContext = createContext11(false);
+import { createContext as createContext12 } from "react";
+var ShowRecentTransactionsContext = createContext12(false);
 
 // src/components/RainbowKitProvider/useFingerprint.ts
 import { useCallback as useCallback4, useEffect as useEffect11 } from "react";
@@ -2945,7 +2964,7 @@ function setRainbowKitVersion({ version }) {
 }
 function useFingerprint() {
   const fingerprint = useCallback4(() => {
-    setRainbowKitVersion({ version: "2.3.8" });
+    setRainbowKitVersion({ version: "2.3.10" });
   }, []);
   useEffect11(() => {
     fingerprint();
@@ -3229,10 +3248,10 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
 }
 
 // src/components/Icons/Assets.tsx
-import React18 from "react";
+import React19 from "react";
 var src = async () => (await import("./assets-4NDWRKXE.js")).default;
 var preloadAssetsIcon = () => loadImages(src);
-var AssetsIcon = () => /* @__PURE__ */ React18.createElement(
+var AssetsIcon = () => /* @__PURE__ */ React19.createElement(
   AsyncImage,
   {
     background: "#d0d5de",
@@ -3244,10 +3263,10 @@ var AssetsIcon = () => /* @__PURE__ */ React18.createElement(
 );
 
 // src/components/Icons/Login.tsx
-import React19 from "react";
+import React20 from "react";
 var src2 = async () => (await import("./login-DGIK764Z.js")).default;
 var preloadLoginIcon = () => loadImages(src2);
-var LoginIcon = () => /* @__PURE__ */ React19.createElement(
+var LoginIcon = () => /* @__PURE__ */ React20.createElement(
   AsyncImage,
   {
     background: "#d0d5de",
@@ -3259,16 +3278,16 @@ var LoginIcon = () => /* @__PURE__ */ React19.createElement(
 );
 
 // src/components/SignIn/SignIn.tsx
-import React24, { useCallback as useCallback5, useContext as useContext7, useRef } from "react";
+import React25, { useCallback as useCallback5, useContext as useContext8, useRef } from "react";
 import { UserRejectedRequestError } from "viem";
 import { useAccount as useAccount8, useSignMessage } from "wagmi";
 
 // src/components/Button/ActionButton.tsx
-import React21 from "react";
+import React22 from "react";
 
 // src/components/Text/Text.tsx
-import React20 from "react";
-var Text = React20.forwardRef(
+import React21 from "react";
+var Text = React21.forwardRef(
   ({
     as = "div",
     children,
@@ -3284,7 +3303,7 @@ var Text = React20.forwardRef(
     weight = "regular",
     testId
   }, ref) => {
-    return /* @__PURE__ */ React20.createElement(
+    return /* @__PURE__ */ React21.createElement(
       Box,
       {
         as,
@@ -3343,7 +3362,7 @@ function ActionButton({
   const background = !disabled ? isPrimary ? "accentColor" : isNotLarge ? "actionButtonSecondaryBackground" : null : "actionButtonSecondaryBackground";
   const { fontSize, height, paddingX, paddingY } = sizeVariants[size];
   const hasBorder = !mobile || !isNotLarge;
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement(
     Box,
     {
       ...href ? !disabled ? { as: "a", href, rel, target } : {} : { as: "button", type: "button" },
@@ -3365,7 +3384,7 @@ function ActionButton({
       ...background ? { background } : {},
       ...height ? { height } : {}
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement(
       Text,
       {
         color: !disabled ? isPrimary ? "accentColorForeground" : "accentColor" : "modalTextSecondary",
@@ -3378,12 +3397,12 @@ function ActionButton({
 }
 
 // src/components/CloseButton/CloseButton.tsx
-import React23 from "react";
+import React24 from "react";
 
 // src/components/Icons/Close.tsx
-import React22 from "react";
+import React23 from "react";
 var CloseIcon = () => {
-  return isMobile() ? /* @__PURE__ */ React22.createElement(
+  return isMobile() ? /* @__PURE__ */ React23.createElement(
     "svg",
     {
       "aria-hidden": true,
@@ -3393,15 +3412,15 @@ var CloseIcon = () => {
       width: "11.5",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React22.createElement("title", null, "Close"),
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement("title", null, "Close"),
+    /* @__PURE__ */ React23.createElement(
       "path",
       {
         d: "M2.13388 0.366117C1.64573 -0.122039 0.854272 -0.122039 0.366117 0.366117C-0.122039 0.854272 -0.122039 1.64573 0.366117 2.13388L3.98223 5.75L0.366117 9.36612C-0.122039 9.85427 -0.122039 10.6457 0.366117 11.1339C0.854272 11.622 1.64573 11.622 2.13388 11.1339L5.75 7.51777L9.36612 11.1339C9.85427 11.622 10.6457 11.622 11.1339 11.1339C11.622 10.6457 11.622 9.85427 11.1339 9.36612L7.51777 5.75L11.1339 2.13388C11.622 1.64573 11.622 0.854272 11.1339 0.366117C10.6457 -0.122039 9.85427 -0.122039 9.36612 0.366117L5.75 3.98223L2.13388 0.366117Z",
         fill: "currentColor"
       }
     )
-  ) : /* @__PURE__ */ React22.createElement(
+  ) : /* @__PURE__ */ React23.createElement(
     "svg",
     {
       "aria-hidden": true,
@@ -3411,8 +3430,8 @@ var CloseIcon = () => {
       width: "10",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React22.createElement("title", null, "Close"),
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement("title", null, "Close"),
+    /* @__PURE__ */ React23.createElement(
       "path",
       {
         d: "M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L3.58579 5L0.292893 8.29289C-0.0976311 8.68342 -0.0976311 9.31658 0.292893 9.70711C0.683417 10.0976 1.31658 10.0976 1.70711 9.70711L5 6.41421L8.29289 9.70711C8.68342 10.0976 9.31658 10.0976 9.70711 9.70711C10.0976 9.31658 10.0976 8.68342 9.70711 8.29289L6.41421 5L9.70711 1.70711C10.0976 1.31658 10.0976 0.683417 9.70711 0.292893C9.31658 -0.0976311 8.68342 -0.0976311 8.29289 0.292893L5 3.58579L1.70711 0.292893Z",
@@ -3428,7 +3447,7 @@ var CloseButton = ({
   onClose
 }) => {
   const mobile = isMobile();
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.createElement(
     Box,
     {
       alignItems: "center",
@@ -3450,7 +3469,7 @@ var CloseButton = ({
       type: "button",
       width: mobile ? "30" : "28"
     },
-    /* @__PURE__ */ React23.createElement(CloseIcon, null)
+    /* @__PURE__ */ React24.createElement(CloseIcon, null)
   );
 };
 
@@ -3460,8 +3479,8 @@ function SignIn({
   onClose,
   onCloseModal
 }) {
-  const { i18n: i18n2 } = useContext7(I18nContext);
-  const [{ status, ...state }, setState] = React24.useState({ status: "idle" });
+  const { i18n: i18n2 } = useContext8(I18nContext);
+  const [{ status, ...state }, setState] = React25.useState({ status: "idle" });
   const authAdapter = useAuthenticationAdapter();
   const getNonce = useCallback5(async () => {
     try {
@@ -3476,7 +3495,7 @@ function SignIn({
     }
   }, [authAdapter, i18n2.t]);
   const onceRef = useRef(false);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (onceRef.current)
       return;
     onceRef.current = true;
@@ -3538,7 +3557,7 @@ function SignIn({
       });
     }
   };
-  return /* @__PURE__ */ React24.createElement(Box, { position: "relative" }, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(Box, { position: "relative" }, /* @__PURE__ */ React25.createElement(
     Box,
     {
       display: "flex",
@@ -3547,8 +3566,8 @@ function SignIn({
       position: "absolute",
       right: "0"
     },
-    /* @__PURE__ */ React24.createElement(CloseButton, { onClose })
-  ), /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(CloseButton, { onClose })
+  ), /* @__PURE__ */ React25.createElement(
     Box,
     {
       alignItems: "center",
@@ -3559,7 +3578,7 @@ function SignIn({
       paddingX: "18",
       style: { paddingTop: mobile ? "60px" : "36px" }
     },
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       Box,
       {
         alignItems: "center",
@@ -3568,7 +3587,7 @@ function SignIn({
         gap: mobile ? "6" : "4",
         style: { maxWidth: mobile ? 320 : 280 }
       },
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         Box,
         {
           alignItems: "center",
@@ -3576,8 +3595,8 @@ function SignIn({
           flexDirection: "column",
           gap: mobile ? "32" : "16"
         },
-        /* @__PURE__ */ React24.createElement(AsyncImage, { height: 40, src: signInIcon, width: 40 }),
-        /* @__PURE__ */ React24.createElement(
+        /* @__PURE__ */ React25.createElement(AsyncImage, { height: 40, src: signInIcon, width: 40 }),
+        /* @__PURE__ */ React25.createElement(
           Text,
           {
             color: "modalText",
@@ -3588,7 +3607,7 @@ function SignIn({
           i18n2.t("sign_in.label")
         )
       ),
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         Box,
         {
           alignItems: "center",
@@ -3596,7 +3615,7 @@ function SignIn({
           flexDirection: "column",
           gap: mobile ? "16" : "12"
         },
-        /* @__PURE__ */ React24.createElement(
+        /* @__PURE__ */ React25.createElement(
           Text,
           {
             color: "modalTextSecondary",
@@ -3605,7 +3624,7 @@ function SignIn({
           },
           i18n2.t("sign_in.description")
         ),
-        status === "idle" && state.errorMessage ? /* @__PURE__ */ React24.createElement(
+        status === "idle" && state.errorMessage ? /* @__PURE__ */ React25.createElement(
           Text,
           {
             color: "error",
@@ -3617,7 +3636,7 @@ function SignIn({
         ) : null
       )
     ),
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       Box,
       {
         alignItems: !mobile ? "center" : void 0,
@@ -3626,7 +3645,7 @@ function SignIn({
         gap: "8",
         width: "full"
       },
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         ActionButton,
         {
           disabled: !state.nonce || status === "signing" || status === "verifying",
@@ -3636,7 +3655,7 @@ function SignIn({
           testId: "auth-message-button"
         }
       ),
-      mobile ? /* @__PURE__ */ React24.createElement(
+      mobile ? /* @__PURE__ */ React25.createElement(
         ActionButton,
         {
           label: "Cancel",
@@ -3644,7 +3663,7 @@ function SignIn({
           size: "large",
           type: "secondary"
         }
-      ) : /* @__PURE__ */ React24.createElement(
+      ) : /* @__PURE__ */ React25.createElement(
         Box,
         {
           as: "button",
@@ -3659,7 +3678,7 @@ function SignIn({
           target: "_blank",
           transition: "default"
         },
-        /* @__PURE__ */ React24.createElement(
+        /* @__PURE__ */ React25.createElement(
           Text,
           {
             color: "closeButton",
@@ -3715,7 +3734,7 @@ function clearWalletConnectDeepLink() {
 }
 
 // src/components/RainbowKitProvider/RainbowKitProvider.tsx
-var ThemeIdContext = createContext12(void 0);
+var ThemeIdContext = createContext13(void 0);
 var attr = "data-rk";
 var createThemeRootProps = (id) => ({ [attr]: id || "" });
 var createThemeRootSelector = (id) => {
@@ -3725,7 +3744,7 @@ var createThemeRootSelector = (id) => {
   return id ? `[${attr}="${id}"]` : `[${attr}]`;
 };
 var useThemeRootProps = () => {
-  const id = useContext8(ThemeIdContext);
+  const id = useContext9(ThemeIdContext);
   return createThemeRootProps(id);
 };
 var defaultTheme = lightTheme();
@@ -3741,7 +3760,9 @@ function RainbowKitProvider({
   modalSize = ModalSizeOptions.WIDE,
   showRecentTransactions = false,
   theme = defaultTheme,
-  solanaConfig
+  solanaConfig,
+  mobileMode = "auto",
+  compactLoginWallets = ["abcWallet"]
 }) {
   usePreloadImages();
   useFingerprint();
@@ -3758,12 +3779,16 @@ function RainbowKitProvider({
   };
   const avatarContext = avatar ?? defaultAvatar;
   const enableSolana = !!solanaConfig;
-  const providerTree = /* @__PURE__ */ React25.createElement(RainbowKitChainProvider, { initialChain }, /* @__PURE__ */ React25.createElement(WalletButtonProvider, null, /* @__PURE__ */ React25.createElement(I18nProvider, { locale }, /* @__PURE__ */ React25.createElement(CoolModeContext.Provider, { value: coolMode }, /* @__PURE__ */ React25.createElement(ModalSizeProvider, { modalSize }, /* @__PURE__ */ React25.createElement(
+  const rainbowKitConfig = {
+    mobileMode,
+    compactLoginWallets
+  };
+  const providerTree = /* @__PURE__ */ React26.createElement(RainbowKitChainProvider, { initialChain }, /* @__PURE__ */ React26.createElement(RainbowKitConfigProvider, { config: rainbowKitConfig }, /* @__PURE__ */ React26.createElement(WalletButtonProvider, null, /* @__PURE__ */ React26.createElement(I18nProvider, { locale }, /* @__PURE__ */ React26.createElement(CoolModeContext.Provider, { value: coolMode }, /* @__PURE__ */ React26.createElement(ModalSizeProvider, { modalSize }, /* @__PURE__ */ React26.createElement(
     ShowRecentTransactionsContext.Provider,
     {
       value: showRecentTransactions
     },
-    /* @__PURE__ */ React25.createElement(TransactionStoreProvider, null, /* @__PURE__ */ React25.createElement(AvatarContext.Provider, { value: avatarContext }, /* @__PURE__ */ React25.createElement(AppContext.Provider, { value: appContext }, /* @__PURE__ */ React25.createElement(ThemeIdContext.Provider, { value: id }, /* @__PURE__ */ React25.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React25.createElement(ModalProvider, null, theme ? /* @__PURE__ */ React25.createElement("div", { ...createThemeRootProps(id) }, /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(TransactionStoreProvider, null, /* @__PURE__ */ React26.createElement(AvatarContext.Provider, { value: avatarContext }, /* @__PURE__ */ React26.createElement(AppContext.Provider, { value: appContext }, /* @__PURE__ */ React26.createElement(ThemeIdContext.Provider, { value: id }, /* @__PURE__ */ React26.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React26.createElement(ModalProvider, null, theme ? /* @__PURE__ */ React26.createElement("div", { ...createThemeRootProps(id) }, /* @__PURE__ */ React26.createElement(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -3782,24 +3807,24 @@ function RainbowKitProvider({
           ].join("")
         }
       }
-    ), /* @__PURE__ */ React25.createElement(
+    ), /* @__PURE__ */ React26.createElement(
       InternalPinProvider,
       {
         disabled: disableAutoPinProvider
       },
       children
-    )) : /* @__PURE__ */ React25.createElement(
+    )) : /* @__PURE__ */ React26.createElement(
       InternalPinProvider,
       {
         disabled: disableAutoPinProvider
       },
       children
     )))))))
-  ))))));
+  )))))));
   if (!enableSolana) {
     return providerTree;
   }
-  return /* @__PURE__ */ React25.createElement(SolanaWalletProvider, { autoConnect: solanaConfig.autoConnect }, /* @__PURE__ */ React25.createElement(MultiChainProvider, { enableSolana: true, defaultChain: "evm" }, providerTree));
+  return /* @__PURE__ */ React26.createElement(SolanaWalletProvider, { autoConnect: solanaConfig.autoConnect }, /* @__PURE__ */ React26.createElement(MultiChainProvider, { enableSolana: true, defaultChain: "evm" }, providerTree));
 }
 
 // src/components/Dialog/Dialog.css.ts
@@ -3807,7 +3832,7 @@ var content = "qjzye45 kwh1ipa kwh1ip15 kwh1ip8r";
 var overlay2 = "qjzye43 kwh1ip9h kwh1ipb3 kwh1ipa kwh1ip2q kwh1ip8q";
 
 // src/components/Dialog/FocusTrap.tsx
-import React26 from "react";
+import React27 from "react";
 import { useCallback as useCallback7, useEffect as useEffect13, useRef as useRef2 } from "react";
 var moveFocusWithin = (element2, position) => {
   const focusableElements = element2.querySelectorAll(
@@ -3835,7 +3860,7 @@ function FocusTrap(props) {
       }
     }
   }, []);
-  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(
     "div",
     {
       onFocus: useCallback7(
@@ -3844,7 +3869,7 @@ function FocusTrap(props) {
       ),
       tabIndex: 0
     }
-  ), /* @__PURE__ */ React26.createElement(
+  ), /* @__PURE__ */ React27.createElement(
     "div",
     {
       ref: contentRef,
@@ -3852,7 +3877,7 @@ function FocusTrap(props) {
       tabIndex: -1,
       ...props
     }
-  ), /* @__PURE__ */ React26.createElement(
+  ), /* @__PURE__ */ React27.createElement(
     "div",
     {
       onFocus: useCallback7(
@@ -3881,8 +3906,8 @@ function Dialog({ children, onClose, open, titleId }) {
   const handleBackdropClick = useCallback8(() => onClose(), [onClose]);
   const themeRootProps = useThemeRootProps();
   const mobile = isMobile();
-  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, open ? createPortal(
-    /* @__PURE__ */ React27.createElement(RemoveScroll, { enabled: bodyScrollable }, /* @__PURE__ */ React27.createElement(Box, { ...themeRootProps }, /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, open ? createPortal(
+    /* @__PURE__ */ React28.createElement(RemoveScroll, { enabled: bodyScrollable }, /* @__PURE__ */ React28.createElement(Box, { ...themeRootProps }, /* @__PURE__ */ React28.createElement(
       Box,
       {
         ...themeRootProps,
@@ -3894,7 +3919,7 @@ function Dialog({ children, onClose, open, titleId }) {
         position: "fixed",
         role: "dialog"
       },
-      /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement(
         FocusTrap,
         {
           className: content,
@@ -3909,7 +3934,7 @@ function Dialog({ children, onClose, open, titleId }) {
 }
 
 // src/components/Dialog/DialogContent.tsx
-import React28, { useContext as useContext9 } from "react";
+import React29, { useContext as useContext10 } from "react";
 
 // src/components/Dialog/DialogContent.css.ts
 var bottomSheetOverrides = "qs007r7";
@@ -3929,9 +3954,9 @@ function DialogContent({
   wide = false
 }) {
   const mobile = isMobile();
-  const modalSize = useContext9(ModalSizeContext);
+  const modalSize = useContext10(ModalSizeContext);
   const compactModeEnabled = modalSize === ModalSizeOptions.COMPACT;
-  return /* @__PURE__ */ React28.createElement(Box, { marginTop }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement(Box, { marginTop }, /* @__PURE__ */ React29.createElement(
     Box,
     {
       className: [
@@ -3940,12 +3965,12 @@ function DialogContent({
         mobile && bottomSheetOnMobile ? bottomSheetOverrides : null
       ].join(" ")
     },
-    /* @__PURE__ */ React28.createElement(Box, { padding, paddingBottom: paddingBottom ?? padding }, children)
+    /* @__PURE__ */ React29.createElement(Box, { padding, paddingBottom: paddingBottom ?? padding }, children)
   ));
 }
 
 // src/components/ProfileDetails/ProfileDetails.tsx
-import React38, { useCallback as useCallback10, useContext as useContext11, useEffect as useEffect15, useState as useState13 } from "react";
+import React39, { useCallback as useCallback10, useContext as useContext12, useEffect as useEffect15, useState as useState13 } from "react";
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
 var units = ["k", "m", "b", "t"];
@@ -3996,8 +4021,8 @@ function formatENS(name) {
 }
 
 // src/components/Icons/Copied.tsx
-import React29 from "react";
-var CopiedIcon = () => /* @__PURE__ */ React29.createElement(
+import React30 from "react";
+var CopiedIcon = () => /* @__PURE__ */ React30.createElement(
   "svg",
   {
     fill: "none",
@@ -4006,8 +4031,8 @@ var CopiedIcon = () => /* @__PURE__ */ React29.createElement(
     width: "13",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React29.createElement("title", null, "Copied"),
-  /* @__PURE__ */ React29.createElement(
+  /* @__PURE__ */ React30.createElement("title", null, "Copied"),
+  /* @__PURE__ */ React30.createElement(
     "path",
     {
       d: "M4.94568 12.2646C5.41052 12.2646 5.77283 12.0869 6.01892 11.7109L12.39 1.96973C12.5677 1.69629 12.6429 1.44336 12.6429 1.2041C12.6429 0.561523 12.1644 0.0966797 11.5082 0.0966797C11.057 0.0966797 10.7767 0.260742 10.5033 0.691406L4.9115 9.50977L2.07458 5.98926C1.82166 5.68848 1.54822 5.55176 1.16541 5.55176C0.502319 5.55176 0.0238037 6.02344 0.0238037 6.66602C0.0238037 6.95312 0.112671 7.20605 0.358765 7.48633L3.88611 11.7588C4.18005 12.1074 4.50818 12.2646 4.94568 12.2646Z",
@@ -4017,8 +4042,8 @@ var CopiedIcon = () => /* @__PURE__ */ React29.createElement(
 );
 
 // src/components/Icons/Copy.tsx
-import React30 from "react";
-var CopyIcon = () => /* @__PURE__ */ React30.createElement(
+import React31 from "react";
+var CopyIcon = () => /* @__PURE__ */ React31.createElement(
   "svg",
   {
     fill: "none",
@@ -4027,8 +4052,8 @@ var CopyIcon = () => /* @__PURE__ */ React30.createElement(
     width: "17",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React30.createElement("title", null, "Copy"),
-  /* @__PURE__ */ React30.createElement(
+  /* @__PURE__ */ React31.createElement("title", null, "Copy"),
+  /* @__PURE__ */ React31.createElement(
     "path",
     {
       d: "M3.04236 12.3027H4.18396V13.3008C4.18396 14.8525 5.03845 15.7002 6.59705 15.7002H13.6244C15.183 15.7002 16.0375 14.8525 16.0375 13.3008V6.24609C16.0375 4.69434 15.183 3.84668 13.6244 3.84668H12.4828V2.8418C12.4828 1.29688 11.6283 0.442383 10.0697 0.442383H3.04236C1.48376 0.442383 0.629272 1.29004 0.629272 2.8418V9.90332C0.629272 11.4551 1.48376 12.3027 3.04236 12.3027ZM3.23376 10.5391C2.68689 10.5391 2.39294 10.2656 2.39294 9.68457V3.06055C2.39294 2.47949 2.68689 2.21289 3.23376 2.21289H9.8783C10.4252 2.21289 10.7191 2.47949 10.7191 3.06055V3.84668H6.59705C5.03845 3.84668 4.18396 4.69434 4.18396 6.24609V10.5391H3.23376ZM6.78845 13.9365C6.24158 13.9365 5.94763 13.6699 5.94763 13.0889V6.45801C5.94763 5.87695 6.24158 5.61035 6.78845 5.61035H13.433C13.9799 5.61035 14.2738 5.87695 14.2738 6.45801V13.0889C14.2738 13.6699 13.9799 13.9365 13.433 13.9365H6.78845Z",
@@ -4038,8 +4063,8 @@ var CopyIcon = () => /* @__PURE__ */ React30.createElement(
 );
 
 // src/components/Icons/Disconnect.tsx
-import React31 from "react";
-var DisconnectIcon = () => /* @__PURE__ */ React31.createElement(
+import React32 from "react";
+var DisconnectIcon = () => /* @__PURE__ */ React32.createElement(
   "svg",
   {
     fill: "none",
@@ -4048,8 +4073,8 @@ var DisconnectIcon = () => /* @__PURE__ */ React31.createElement(
     width: "18",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React31.createElement("title", null, "Disconnect"),
-  /* @__PURE__ */ React31.createElement(
+  /* @__PURE__ */ React32.createElement("title", null, "Disconnect"),
+  /* @__PURE__ */ React32.createElement(
     "path",
     {
       d: "M2.67834 15.5908H9.99963C11.5514 15.5908 12.399 14.7432 12.399 13.1777V10.2656H10.6354V12.9863C10.6354 13.5332 10.3688 13.8271 9.78772 13.8271H2.89026C2.3092 13.8271 2.0426 13.5332 2.0426 12.9863V3.15625C2.0426 2.60254 2.3092 2.30859 2.89026 2.30859H9.78772C10.3688 2.30859 10.6354 2.60254 10.6354 3.15625V5.89746H12.399V2.95801C12.399 1.39941 11.5514 0.544922 9.99963 0.544922H2.67834C1.12659 0.544922 0.278931 1.39941 0.278931 2.95801V13.1777C0.278931 14.7432 1.12659 15.5908 2.67834 15.5908ZM7.43616 8.85059H14.0875L15.0924 8.78906L14.566 9.14453L13.6842 9.96484C13.5406 10.1016 13.4586 10.2861 13.4586 10.4844C13.4586 10.8398 13.7321 11.168 14.1217 11.168C14.3199 11.168 14.4635 11.0928 14.6002 10.9561L16.7809 8.68652C16.986 8.48145 17.0543 8.27637 17.0543 8.06445C17.0543 7.85254 16.986 7.64746 16.7809 7.43555L14.6002 5.17285C14.4635 5.03613 14.3199 4.9541 14.1217 4.9541C13.7321 4.9541 13.4586 5.27539 13.4586 5.6377C13.4586 5.83594 13.5406 6.02734 13.6842 6.15723L14.566 6.98438L15.0924 7.33984L14.0875 7.27148H7.43616C7.01917 7.27148 6.65686 7.62012 6.65686 8.06445C6.65686 8.50195 7.01917 8.85059 7.43616 8.85059Z",
@@ -4059,7 +4084,7 @@ var DisconnectIcon = () => /* @__PURE__ */ React31.createElement(
 );
 
 // src/components/Txs/TxList.tsx
-import React36, { useContext as useContext10 } from "react";
+import React37, { useContext as useContext11 } from "react";
 import { useAccount as useAccount11 } from "wagmi";
 
 // src/transactions/useClearRecentTransactions.ts
@@ -4081,8 +4106,8 @@ function useClearRecentTransactions() {
 var chainToExplorerUrl = (chain) => chain?.blockExplorers?.default?.url;
 
 // src/components/Icons/ExternalLink.tsx
-import React32 from "react";
-var ExternalLinkIcon = () => /* @__PURE__ */ React32.createElement(
+import React33 from "react";
+var ExternalLinkIcon = () => /* @__PURE__ */ React33.createElement(
   "svg",
   {
     fill: "none",
@@ -4091,8 +4116,8 @@ var ExternalLinkIcon = () => /* @__PURE__ */ React32.createElement(
     width: "20",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React32.createElement("title", null, "Link"),
-  /* @__PURE__ */ React32.createElement(
+  /* @__PURE__ */ React33.createElement("title", null, "Link"),
+  /* @__PURE__ */ React33.createElement(
     "path",
     {
       d: "M10 18.9443C15.0977 18.9443 19.2812 14.752 19.2812 9.6543C19.2812 4.56543 15.0889 0.373047 10 0.373047C4.90234 0.373047 0.71875 4.56543 0.71875 9.6543C0.71875 14.752 4.91113 18.9443 10 18.9443ZM10 16.6328C6.1416 16.6328 3.03906 13.5215 3.03906 9.6543C3.03906 5.7959 6.13281 2.68457 10 2.68457C13.8584 2.68457 16.9697 5.7959 16.9697 9.6543C16.9785 13.5215 13.8672 16.6328 10 16.6328ZM12.7158 12.1416C13.2432 12.1416 13.5684 11.7549 13.5684 11.1836V7.19336C13.5684 6.44629 13.1377 6.05957 12.417 6.05957H8.40918C7.8291 6.05957 7.45117 6.38477 7.45117 6.91211C7.45117 7.43945 7.8291 7.77344 8.40918 7.77344H9.69238L10.7207 7.63281L9.53418 8.67871L6.73047 11.4912C6.53711 11.6758 6.41406 11.9395 6.41406 12.2031C6.41406 12.7832 6.85352 13.1699 7.39844 13.1699C7.68848 13.1699 7.92578 13.0732 8.1543 12.8623L10.9316 10.0762L11.9775 8.89844L11.8545 9.98828V11.1836C11.8545 11.7725 12.1885 12.1416 12.7158 12.1416Z",
@@ -4102,12 +4127,12 @@ var ExternalLinkIcon = () => /* @__PURE__ */ React32.createElement(
 );
 
 // src/components/Txs/TxItem.tsx
-import React35 from "react";
+import React36 from "react";
 import { useAccount as useAccount10 } from "wagmi";
 
 // src/components/Icons/Cancel.tsx
-import React33 from "react";
-var CancelIcon = () => /* @__PURE__ */ React33.createElement(
+import React34 from "react";
+var CancelIcon = () => /* @__PURE__ */ React34.createElement(
   "svg",
   {
     fill: "none",
@@ -4116,8 +4141,8 @@ var CancelIcon = () => /* @__PURE__ */ React33.createElement(
     width: "20",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React33.createElement("title", null, "Cancel"),
-  /* @__PURE__ */ React33.createElement(
+  /* @__PURE__ */ React34.createElement("title", null, "Cancel"),
+  /* @__PURE__ */ React34.createElement(
     "path",
     {
       d: "M10 18.9443C15.0977 18.9443 19.2812 14.752 19.2812 9.6543C19.2812 4.56543 15.0889 0.373047 10 0.373047C4.90234 0.373047 0.71875 4.56543 0.71875 9.6543C0.71875 14.752 4.91113 18.9443 10 18.9443ZM10 16.6328C6.1416 16.6328 3.03906 13.5215 3.03906 9.6543C3.03906 5.7959 6.13281 2.68457 10 2.68457C13.8584 2.68457 16.9697 5.7959 16.9697 9.6543C16.9785 13.5215 13.8672 16.6328 10 16.6328ZM7.29297 13.3018C7.58301 13.3018 7.81152 13.2139 7.99609 13.0205L10 11.0166L12.0127 13.0205C12.1973 13.2051 12.4258 13.3018 12.707 13.3018C13.2432 13.3018 13.6562 12.8887 13.6562 12.3525C13.6562 12.0977 13.5508 11.8691 13.3662 11.6934L11.3535 9.67188L13.375 7.6416C13.5596 7.44824 13.6562 7.22852 13.6562 6.98242C13.6562 6.44629 13.2432 6.0332 12.7158 6.0332C12.4346 6.0332 12.2148 6.12109 12.0215 6.31445L10 8.32715L7.9873 6.32324C7.80273 6.12988 7.58301 6.04199 7.29297 6.04199C6.76562 6.04199 6.35254 6.45508 6.35254 6.99121C6.35254 7.2373 6.44922 7.46582 6.63379 7.6416L8.65527 9.67188L6.63379 11.6934C6.44922 11.8691 6.35254 12.1064 6.35254 12.3525C6.35254 12.8887 6.76562 13.3018 7.29297 13.3018Z",
@@ -4127,8 +4152,8 @@ var CancelIcon = () => /* @__PURE__ */ React33.createElement(
 );
 
 // src/components/Icons/Success.tsx
-import React34 from "react";
-var SuccessIcon = () => /* @__PURE__ */ React34.createElement(
+import React35 from "react";
+var SuccessIcon = () => /* @__PURE__ */ React35.createElement(
   "svg",
   {
     fill: "none",
@@ -4137,8 +4162,8 @@ var SuccessIcon = () => /* @__PURE__ */ React34.createElement(
     width: "20",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React34.createElement("title", null, "Success"),
-  /* @__PURE__ */ React34.createElement(
+  /* @__PURE__ */ React35.createElement("title", null, "Success"),
+  /* @__PURE__ */ React35.createElement(
     "path",
     {
       d: "M10 19.4443C15.0977 19.4443 19.2812 15.252 19.2812 10.1543C19.2812 5.06543 15.0889 0.873047 10 0.873047C4.90234 0.873047 0.71875 5.06543 0.71875 10.1543C0.71875 15.252 4.91113 19.4443 10 19.4443ZM10 17.1328C6.1416 17.1328 3.03906 14.0215 3.03906 10.1543C3.03906 6.2959 6.13281 3.18457 10 3.18457C13.8584 3.18457 16.9697 6.2959 16.9697 10.1543C16.9785 14.0215 13.8672 17.1328 10 17.1328ZM9.07715 14.3379C9.4375 14.3379 9.7627 14.1533 9.97363 13.8369L13.7441 8.00977C13.8848 7.79883 13.9814 7.5791 13.9814 7.36816C13.9814 6.84961 13.5244 6.48926 13.0322 6.48926C12.707 6.48926 12.4258 6.66504 12.2148 7.0166L9.05957 12.0967L7.5918 10.2949C7.37207 10.0225 7.13477 9.9082 6.84473 9.9082C6.33496 9.9082 5.92188 10.3125 5.92188 10.8223C5.92188 11.0684 6.00098 11.2793 6.18555 11.5078L8.1543 13.8545C8.40918 14.1709 8.70801 14.3379 9.07715 14.3379Z",
@@ -4167,7 +4192,7 @@ function TxItem({ tx }) {
   const { chain: activeChain } = useAccount10();
   const confirmationStatus = tx.status === "confirmed" ? "Confirmed" : tx.status === "failed" ? "Failed" : "Pending";
   const explorerLink = chainToExplorerUrl(activeChain);
-  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
     Box,
     {
       ...explorerLink ? {
@@ -4187,7 +4212,7 @@ function TxItem({ tx }) {
       padding: "8",
       width: "full"
     },
-    /* @__PURE__ */ React35.createElement(
+    /* @__PURE__ */ React36.createElement(
       Box,
       {
         alignItems: "center",
@@ -4195,8 +4220,8 @@ function TxItem({ tx }) {
         flexDirection: "row",
         gap: mobile ? "16" : "14"
       },
-      /* @__PURE__ */ React35.createElement(Box, { color }, /* @__PURE__ */ React35.createElement(Icon, null)),
-      /* @__PURE__ */ React35.createElement(Box, { display: "flex", flexDirection: "column", gap: mobile ? "3" : "1" }, /* @__PURE__ */ React35.createElement(Box, null, /* @__PURE__ */ React35.createElement(
+      /* @__PURE__ */ React36.createElement(Box, { color }, /* @__PURE__ */ React36.createElement(Icon, null)),
+      /* @__PURE__ */ React36.createElement(Box, { display: "flex", flexDirection: "column", gap: mobile ? "3" : "1" }, /* @__PURE__ */ React36.createElement(Box, null, /* @__PURE__ */ React36.createElement(
         Text,
         {
           color: "modalText",
@@ -4205,7 +4230,7 @@ function TxItem({ tx }) {
           weight: "bold"
         },
         tx?.description
-      )), /* @__PURE__ */ React35.createElement(Box, null, /* @__PURE__ */ React35.createElement(
+      )), /* @__PURE__ */ React36.createElement(Box, null, /* @__PURE__ */ React36.createElement(
         Text,
         {
           color: tx.status === "pending" ? "modalTextSecondary" : color,
@@ -4216,7 +4241,7 @@ function TxItem({ tx }) {
         confirmationStatus
       )))
     ),
-    explorerLink && /* @__PURE__ */ React35.createElement(Box, { alignItems: "center", color: "modalTextDim", display: "flex" }, /* @__PURE__ */ React35.createElement(ExternalLinkIcon, null))
+    explorerLink && /* @__PURE__ */ React36.createElement(Box, { alignItems: "center", color: "modalTextDim", display: "flex" }, /* @__PURE__ */ React36.createElement(ExternalLinkIcon, null))
   ));
 }
 
@@ -4230,9 +4255,9 @@ function TxList({ address }) {
   const visibleTxs = recentTransactions.slice(0, NUMBER_OF_VISIBLE_TXS);
   const hasTransactions = visibleTxs.length > 0;
   const mobile = isMobile();
-  const { appName } = useContext10(AppContext);
-  const { i18n: i18n2 } = useContext10(I18nContext);
-  return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
+  const { appName } = useContext11(AppContext);
+  const { i18n: i18n2 } = useContext11(I18nContext);
+  return /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(
     Box,
     {
       display: "flex",
@@ -4242,14 +4267,14 @@ function TxList({ address }) {
       paddingTop: "16",
       paddingX: mobile ? "8" : "18"
     },
-    hasTransactions && /* @__PURE__ */ React36.createElement(
+    hasTransactions && /* @__PURE__ */ React37.createElement(
       Box,
       {
         paddingBottom: mobile ? "4" : "0",
         paddingTop: "8",
         paddingX: mobile ? "12" : "6"
       },
-      /* @__PURE__ */ React36.createElement(Box, { display: "flex", justifyContent: "space-between" }, /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(Box, { display: "flex", justifyContent: "space-between" }, /* @__PURE__ */ React37.createElement(
         Text,
         {
           color: "modalTextSecondary",
@@ -4257,7 +4282,7 @@ function TxList({ address }) {
           weight: "semibold"
         },
         i18n2.t("profile.transactions.recent.title")
-      ), /* @__PURE__ */ React36.createElement(
+      ), /* @__PURE__ */ React37.createElement(
         Box,
         {
           style: {
@@ -4267,7 +4292,7 @@ function TxList({ address }) {
             marginTop: -6
           }
         },
-        /* @__PURE__ */ React36.createElement(
+        /* @__PURE__ */ React37.createElement(
           Box,
           {
             as: "button",
@@ -4282,7 +4307,7 @@ function TxList({ address }) {
             transition: "default",
             type: "button"
           },
-          /* @__PURE__ */ React36.createElement(
+          /* @__PURE__ */ React37.createElement(
             Text,
             {
               color: "modalTextSecondary",
@@ -4294,7 +4319,7 @@ function TxList({ address }) {
         )
       ))
     ),
-    /* @__PURE__ */ React36.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, hasTransactions ? visibleTxs.map((tx) => /* @__PURE__ */ React36.createElement(TxItem, { key: tx.hash, tx })) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(Box, { padding: mobile ? "12" : "8" }, /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, hasTransactions ? visibleTxs.map((tx) => /* @__PURE__ */ React37.createElement(TxItem, { key: tx.hash, tx })) : /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(Box, { padding: mobile ? "12" : "8" }, /* @__PURE__ */ React37.createElement(
       Text,
       {
         color: "modalTextDim",
@@ -4304,7 +4329,7 @@ function TxList({ address }) {
       appName ? i18n2.t("profile.transactions.description", {
         appName
       }) : i18n2.t("profile.transactions.description_fallback")
-    )), mobile && /* @__PURE__ */ React36.createElement(
+    )), mobile && /* @__PURE__ */ React37.createElement(
       Box,
       {
         background: "generalBorderDim",
@@ -4313,7 +4338,7 @@ function TxList({ address }) {
         marginY: "8"
       }
     )))
-  ), explorerLink && /* @__PURE__ */ React36.createElement(Box, { paddingBottom: "18", paddingX: mobile ? "8" : "18" }, /* @__PURE__ */ React36.createElement(
+  ), explorerLink && /* @__PURE__ */ React37.createElement(Box, { paddingBottom: "18", paddingX: mobile ? "8" : "18" }, /* @__PURE__ */ React37.createElement(
     Box,
     {
       alignItems: "center",
@@ -4335,7 +4360,7 @@ function TxList({ address }) {
       width: "full",
       ...mobile ? { paddingLeft: "12" } : {}
     },
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       Text,
       {
         color: "modalText",
@@ -4345,12 +4370,12 @@ function TxList({ address }) {
       },
       i18n2.t("profile.explorer.label")
     ),
-    /* @__PURE__ */ React36.createElement(ExternalLinkIcon, null)
+    /* @__PURE__ */ React37.createElement(ExternalLinkIcon, null)
   )));
 }
 
 // src/components/ProfileDetails/ProfileDetailsAction.tsx
-import React37 from "react";
+import React38 from "react";
 function ProfileDetailsAction({
   action,
   icon,
@@ -4359,7 +4384,7 @@ function ProfileDetailsAction({
   url
 }) {
   const mobile = isMobile();
-  return /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement(
     Box,
     {
       ...url ? { as: "a", href: url, rel: "noreferrer noopener", target: "_blank" } : { as: "button", type: "button" },
@@ -4381,7 +4406,7 @@ function ProfileDetailsAction({
       transition: "default",
       width: "full"
     },
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React38.createElement(
       Box,
       {
         alignItems: "center",
@@ -4392,8 +4417,8 @@ function ProfileDetailsAction({
         paddingTop: "2",
         width: "full"
       },
-      /* @__PURE__ */ React37.createElement(Box, { color: "modalText", height: "max" }, icon),
-      /* @__PURE__ */ React37.createElement(Box, null, /* @__PURE__ */ React37.createElement(Text, { color: "modalText", size: mobile ? "12" : "13", weight: "semibold" }, label))
+      /* @__PURE__ */ React38.createElement(Box, { color: "modalText", height: "max" }, icon),
+      /* @__PURE__ */ React38.createElement(Box, null, /* @__PURE__ */ React38.createElement(Text, { color: "modalText", size: mobile ? "12" : "13", weight: "semibold" }, label))
     )
   );
 }
@@ -4407,7 +4432,7 @@ function ProfileDetails({
   onClose,
   onDisconnect
 }) {
-  const showRecentTransactions = useContext11(ShowRecentTransactionsContext);
+  const showRecentTransactions = useContext12(ShowRecentTransactionsContext);
   const [copiedAddress, setCopiedAddress] = useState13(false);
   const copyAddressAction = useCallback10(() => {
     if (address) {
@@ -4431,8 +4456,8 @@ function ProfileDetails({
   const displayBalance = ethBalance ? abbreviateETHBalance(Number.parseFloat(ethBalance)) : void 0;
   const titleId = "rk_profile_title";
   const mobile = isMobile();
-  const { i18n: i18n2 } = useContext11(I18nContext);
-  return /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React38.createElement(Box, { background: "profileForeground", padding: "16" }, /* @__PURE__ */ React38.createElement(
+  const { i18n: i18n2 } = useContext12(I18nContext);
+  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React39.createElement(Box, { background: "profileForeground", padding: "16" }, /* @__PURE__ */ React39.createElement(
     Box,
     {
       alignItems: "center",
@@ -4443,7 +4468,7 @@ function ProfileDetails({
       margin: "8",
       style: { textAlign: "center" }
     },
-    /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React39.createElement(
       Box,
       {
         style: {
@@ -4453,10 +4478,10 @@ function ProfileDetails({
           willChange: "transform"
         }
       },
-      /* @__PURE__ */ React38.createElement(CloseButton, { onClose })
+      /* @__PURE__ */ React39.createElement(CloseButton, { onClose })
     ),
     " ",
-    /* @__PURE__ */ React38.createElement(Box, { marginTop: mobile ? "24" : "0" }, /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React39.createElement(Box, { marginTop: mobile ? "24" : "0" }, /* @__PURE__ */ React39.createElement(
       Avatar,
       {
         address,
@@ -4464,7 +4489,7 @@ function ProfileDetails({
         size: mobile ? 82 : 74
       }
     )),
-    /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React39.createElement(
       Box,
       {
         display: "flex",
@@ -4472,7 +4497,7 @@ function ProfileDetails({
         gap: mobile ? "4" : "0",
         textAlign: "center"
       },
-      /* @__PURE__ */ React38.createElement(Box, { textAlign: "center" }, /* @__PURE__ */ React38.createElement(
+      /* @__PURE__ */ React39.createElement(Box, { textAlign: "center" }, /* @__PURE__ */ React39.createElement(
         Text,
         {
           as: "h1",
@@ -4483,7 +4508,7 @@ function ProfileDetails({
         },
         accountName
       )),
-      !!balance && /* @__PURE__ */ React38.createElement(Box, { textAlign: "center" }, /* @__PURE__ */ React38.createElement(
+      !!balance && /* @__PURE__ */ React39.createElement(Box, { textAlign: "center" }, /* @__PURE__ */ React39.createElement(
         Text,
         {
           as: "h1",
@@ -4497,7 +4522,7 @@ function ProfileDetails({
         balance.symbol
       ))
     )
-  ), /* @__PURE__ */ React38.createElement(
+  ), /* @__PURE__ */ React39.createElement(
     Box,
     {
       display: "flex",
@@ -4506,24 +4531,24 @@ function ProfileDetails({
       margin: "2",
       marginTop: "16"
     },
-    /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React39.createElement(
       ProfileDetailsAction,
       {
         action: copyAddressAction,
-        icon: copiedAddress ? /* @__PURE__ */ React38.createElement(CopiedIcon, null) : /* @__PURE__ */ React38.createElement(CopyIcon, null),
+        icon: copiedAddress ? /* @__PURE__ */ React39.createElement(CopiedIcon, null) : /* @__PURE__ */ React39.createElement(CopyIcon, null),
         label: copiedAddress ? i18n2.t("profile.copy_address.copied") : i18n2.t("profile.copy_address.label")
       }
     ),
-    /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React39.createElement(
       ProfileDetailsAction,
       {
         action: onDisconnect,
-        icon: /* @__PURE__ */ React38.createElement(DisconnectIcon, null),
+        icon: /* @__PURE__ */ React39.createElement(DisconnectIcon, null),
         label: i18n2.t("profile.disconnect.label"),
         testId: "disconnect-button"
       }
     )
-  )), showRecentTransactions && address.startsWith("0x") && /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(Box, { background: "generalBorder", height: "1", marginTop: "-1" }), /* @__PURE__ */ React38.createElement(Box, null, /* @__PURE__ */ React38.createElement(TxList, { address })))));
+  )), showRecentTransactions && address.startsWith("0x") && /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(Box, { background: "generalBorder", height: "1", marginTop: "-1" }), /* @__PURE__ */ React39.createElement(Box, null, /* @__PURE__ */ React39.createElement(TxList, { address })))));
 }
 
 // src/components/AccountModal/AccountModal.tsx
@@ -4534,7 +4559,7 @@ function AccountModal({ onClose, open }) {
     includeBalance: open
   });
   const { disconnect } = useDisconnect();
-  const multiChainContext = useContext12(MultiChainContext);
+  const multiChainContext = useContext13(MultiChainContext);
   const displayAddress = address || multiChainContext?.solanaAddress;
   if (!displayAddress) {
     return null;
@@ -4548,7 +4573,7 @@ function AccountModal({ onClose, open }) {
       multiChainContext.disconnectAll();
     }
   };
-  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, displayAddress && /* @__PURE__ */ React39.createElement(Dialog, { onClose, open, titleId }, /* @__PURE__ */ React39.createElement(DialogContent, { bottomSheetOnMobile: true, padding: "0" }, /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, displayAddress && /* @__PURE__ */ React40.createElement(Dialog, { onClose, open, titleId }, /* @__PURE__ */ React40.createElement(DialogContent, { bottomSheetOnMobile: true, padding: "0" }, /* @__PURE__ */ React40.createElement(
     ProfileDetails,
     {
       address: displayAddress,
@@ -4562,13 +4587,13 @@ function AccountModal({ onClose, open }) {
 }
 
 // src/components/ChainModal/ChainModal.tsx
-import React43, { useContext as useContext14, useState as useState14 } from "react";
+import React44, { useContext as useContext15, useState as useState14 } from "react";
 import { useAccount as useAccount13, useDisconnect as useDisconnect2, useSwitchChain } from "wagmi";
 import { useConfig as useConfig2 } from "wagmi";
 
 // src/components/Icons/DisconnectSq.tsx
-import React40 from "react";
-var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React40.createElement(
+import React41 from "react";
+var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React41.createElement(
   "svg",
   {
     fill: "none",
@@ -4577,8 +4602,8 @@ var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React40.createElement(
     width: size,
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React40.createElement("title", null, "Disconnect"),
-  /* @__PURE__ */ React40.createElement(
+  /* @__PURE__ */ React41.createElement("title", null, "Disconnect"),
+  /* @__PURE__ */ React41.createElement(
     "path",
     {
       d: "M6.742 22.195h8.367c1.774 0 2.743-.968 2.743-2.758V16.11h-2.016v3.11c0 .625-.305.96-.969.96H6.984c-.664 0-.968-.335-.968-.96V7.984c0-.632.304-.968.968-.968h7.883c.664 0 .969.336.969.968v3.133h2.016v-3.36c0-1.78-.97-2.757-2.743-2.757H6.742C4.97 5 4 5.977 4 7.758v11.68c0 1.789.969 2.757 2.742 2.757Zm5.438-7.703h7.601l1.149-.07-.602.406-1.008.938a.816.816 0 0 0-.258.593c0 .407.313.782.758.782.227 0 .39-.086.547-.243l2.492-2.593c.235-.235.313-.47.313-.711 0-.242-.078-.477-.313-.719l-2.492-2.586c-.156-.156-.32-.25-.547-.25-.445 0-.758.367-.758.781 0 .227.094.446.258.594l1.008.945.602.407-1.149-.079H12.18a.904.904 0 0 0 0 1.805Z",
@@ -4588,13 +4613,13 @@ var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React40.createElement(
 );
 
 // src/components/MenuButton/MenuButton.tsx
-import React41 from "react";
+import React42 from "react";
 
 // src/components/MenuButton/MenuButton.css.ts
 var unsetBackgroundOnHover = "t0q2kx0";
 
 // src/components/MenuButton/MenuButton.tsx
-var MenuButton = React41.forwardRef(
+var MenuButton = React42.forwardRef(
   ({
     children,
     currentlySelected = false,
@@ -4603,7 +4628,7 @@ var MenuButton = React41.forwardRef(
     ...urlProps
   }, ref) => {
     const mobile = isMobile();
-    return /* @__PURE__ */ React41.createElement(
+    return /* @__PURE__ */ React42.createElement(
       Box,
       {
         as: "button",
@@ -4615,7 +4640,7 @@ var MenuButton = React41.forwardRef(
         testId,
         type: "button"
       },
-      /* @__PURE__ */ React41.createElement(
+      /* @__PURE__ */ React42.createElement(
         Box,
         {
           borderRadius: "menuButton",
@@ -4648,7 +4673,7 @@ var MenuButton = React41.forwardRef(
 MenuButton.displayName = "MenuButton";
 
 // src/components/ChainModal/Chain.tsx
-import React42, { Fragment, useContext as useContext13 } from "react";
+import React43, { Fragment, useContext as useContext14 } from "react";
 var Chain = ({
   chainId,
   currentChainId,
@@ -4661,17 +4686,17 @@ var Chain = ({
   idx
 }) => {
   const mobile = isMobile();
-  const { i18n: i18n2 } = useContext13(I18nContext);
+  const { i18n: i18n2 } = useContext14(I18nContext);
   const rainbowkitChains = useRainbowKitChains();
   const isCurrentChain = currentChainId === chainId;
-  return /* @__PURE__ */ React42.createElement(Fragment, null, /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(Fragment, null, /* @__PURE__ */ React43.createElement(
     MenuButton,
     {
       currentlySelected: isCurrentChain,
       onClick: isCurrentChain ? void 0 : () => switchChain({ chainId }),
       testId: `chain-option-${chainId}`
     },
-    /* @__PURE__ */ React42.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React42.createElement(
+    /* @__PURE__ */ React43.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React43.createElement(
       Box,
       {
         alignItems: "center",
@@ -4679,7 +4704,7 @@ var Chain = ({
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      /* @__PURE__ */ React42.createElement(
+      /* @__PURE__ */ React43.createElement(
         Box,
         {
           alignItems: "center",
@@ -4688,7 +4713,7 @@ var Chain = ({
           gap: "4",
           height: chainIconSize
         },
-        src7 && /* @__PURE__ */ React42.createElement(Box, { height: "full", marginRight: "8" }, /* @__PURE__ */ React42.createElement(
+        src7 && /* @__PURE__ */ React43.createElement(Box, { height: "full", marginRight: "8" }, /* @__PURE__ */ React43.createElement(
           AsyncImage,
           {
             alt: name,
@@ -4700,9 +4725,9 @@ var Chain = ({
             testId: `chain-option-${chainId}-icon`
           }
         )),
-        /* @__PURE__ */ React42.createElement("div", null, name ?? name)
+        /* @__PURE__ */ React43.createElement("div", null, name ?? name)
       ),
-      isCurrentChain && /* @__PURE__ */ React42.createElement(
+      isCurrentChain && /* @__PURE__ */ React43.createElement(
         Box,
         {
           alignItems: "center",
@@ -4710,8 +4735,8 @@ var Chain = ({
           flexDirection: "row",
           marginRight: "6"
         },
-        /* @__PURE__ */ React42.createElement(Text, { color: "accentColorForeground", size: "14", weight: "medium" }, i18n2.t("chains.connected")),
-        /* @__PURE__ */ React42.createElement(
+        /* @__PURE__ */ React43.createElement(Text, { color: "accentColorForeground", size: "14", weight: "medium" }, i18n2.t("chains.connected")),
+        /* @__PURE__ */ React43.createElement(
           Box,
           {
             background: "connectionIndicator",
@@ -4725,7 +4750,7 @@ var Chain = ({
           }
         )
       ),
-      isLoading && /* @__PURE__ */ React42.createElement(
+      isLoading && /* @__PURE__ */ React43.createElement(
         Box,
         {
           alignItems: "center",
@@ -4733,8 +4758,8 @@ var Chain = ({
           flexDirection: "row",
           marginRight: "6"
         },
-        /* @__PURE__ */ React42.createElement(Text, { color: "modalText", size: "14", weight: "medium" }, i18n2.t("chains.confirm")),
-        /* @__PURE__ */ React42.createElement(
+        /* @__PURE__ */ React43.createElement(Text, { color: "modalText", size: "14", weight: "medium" }, i18n2.t("chains.confirm")),
+        /* @__PURE__ */ React43.createElement(
           Box,
           {
             background: "standby",
@@ -4746,7 +4771,7 @@ var Chain = ({
         )
       )
     ))
-  ), mobile && idx < rainbowkitChains.length - 1 && /* @__PURE__ */ React42.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
+  ), mobile && idx < rainbowkitChains.length - 1 && /* @__PURE__ */ React43.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
 };
 var Chain_default = Chain;
 
@@ -4777,7 +4802,7 @@ function ChainModal({ onClose, open }) {
       }
     }
   });
-  const { i18n: i18n2 } = useContext14(I18nContext);
+  const { i18n: i18n2 } = useContext15(I18nContext);
   const { disconnect } = useDisconnect2();
   const titleId = "rk_chain_modal_title";
   const mobile = isMobile();
@@ -4787,15 +4812,15 @@ function ChainModal({ onClose, open }) {
   if (!chainId) {
     return null;
   }
-  return /* @__PURE__ */ React43.createElement(Dialog, { onClose, open, titleId }, /* @__PURE__ */ React43.createElement(DialogContent, { bottomSheetOnMobile: true, paddingBottom: "0" }, /* @__PURE__ */ React43.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(Dialog, { onClose, open, titleId }, /* @__PURE__ */ React44.createElement(DialogContent, { bottomSheetOnMobile: true, paddingBottom: "0" }, /* @__PURE__ */ React44.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React44.createElement(
     Box,
     {
       display: "flex",
       flexDirection: "row",
       justifyContent: "space-between"
     },
-    mobile && /* @__PURE__ */ React43.createElement(Box, { width: "30" }),
-    /* @__PURE__ */ React43.createElement(Box, { paddingBottom: "0", paddingLeft: "8", paddingTop: "4" }, /* @__PURE__ */ React43.createElement(
+    mobile && /* @__PURE__ */ React44.createElement(Box, { width: "30" }),
+    /* @__PURE__ */ React44.createElement(Box, { paddingBottom: "0", paddingLeft: "8", paddingTop: "4" }, /* @__PURE__ */ React44.createElement(
       Text,
       {
         as: "h1",
@@ -4806,8 +4831,8 @@ function ChainModal({ onClose, open }) {
       },
       i18n2.t("chains.title")
     )),
-    /* @__PURE__ */ React43.createElement(CloseButton, { onClose })
-  ), !isCurrentChainSupported && /* @__PURE__ */ React43.createElement(Box, { marginX: "8", textAlign: mobile ? "center" : "left" }, /* @__PURE__ */ React43.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t("chains.wrong_network"))), /* @__PURE__ */ React43.createElement(
+    /* @__PURE__ */ React44.createElement(CloseButton, { onClose })
+  ), !isCurrentChainSupported && /* @__PURE__ */ React44.createElement(Box, { marginX: "8", textAlign: mobile ? "center" : "left" }, /* @__PURE__ */ React44.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t("chains.wrong_network"))), /* @__PURE__ */ React44.createElement(
     Box,
     {
       className: mobile ? MobileScrollClassName : DesktopScrollClassName,
@@ -4819,7 +4844,7 @@ function ChainModal({ onClose, open }) {
     },
     rainbowkitChains.map(
       ({ iconBackground, iconUrl, id, name }, idx) => {
-        return /* @__PURE__ */ React43.createElement(
+        return /* @__PURE__ */ React44.createElement(
           Chain_default,
           {
             key: id,
@@ -4836,13 +4861,13 @@ function ChainModal({ onClose, open }) {
         );
       }
     ),
-    !isCurrentChainSupported && /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React43.createElement(
+    !isCurrentChainSupported && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React44.createElement(
       MenuButton,
       {
         onClick: () => disconnect(),
         testId: "chain-option-disconnect"
       },
-      /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React44.createElement(
         Box,
         {
           color: "error",
@@ -4850,7 +4875,7 @@ function ChainModal({ onClose, open }) {
           fontSize: "16",
           fontWeight: "bold"
         },
-        /* @__PURE__ */ React43.createElement(
+        /* @__PURE__ */ React44.createElement(
           Box,
           {
             alignItems: "center",
@@ -4858,7 +4883,7 @@ function ChainModal({ onClose, open }) {
             flexDirection: "row",
             justifyContent: "space-between"
           },
-          /* @__PURE__ */ React43.createElement(
+          /* @__PURE__ */ React44.createElement(
             Box,
             {
               alignItems: "center",
@@ -4867,7 +4892,7 @@ function ChainModal({ onClose, open }) {
               gap: "4",
               height: chainIconSize
             },
-            /* @__PURE__ */ React43.createElement(
+            /* @__PURE__ */ React44.createElement(
               Box,
               {
                 alignItems: "center",
@@ -4876,9 +4901,9 @@ function ChainModal({ onClose, open }) {
                 justifyContent: "center",
                 marginRight: "8"
               },
-              /* @__PURE__ */ React43.createElement(DisconnectSqIcon, { size: Number(chainIconSize) })
+              /* @__PURE__ */ React44.createElement(DisconnectSqIcon, { size: Number(chainIconSize) })
             ),
-            /* @__PURE__ */ React43.createElement("div", null, i18n2.t("chains.disconnect"))
+            /* @__PURE__ */ React44.createElement("div", null, i18n2.t("chains.disconnect"))
           )
         )
       )
@@ -4887,16 +4912,16 @@ function ChainModal({ onClose, open }) {
 }
 
 // src/components/ConnectModal/ConnectModal.tsx
-import React67, { useContext as useContext23 } from "react";
+import React68, { useContext as useContext24 } from "react";
 import { useAccount as useAccount14, useDisconnect as useDisconnect3 } from "wagmi";
 
 // src/components/ConnectOptions/ConnectOptions.tsx
-import React63, { useContext as useContext21 } from "react";
+import React64, { useContext as useContext22 } from "react";
 
 // src/components/ConnectOptions/DesktopOptions.tsx
-import React60, {
+import React61, {
   Fragment as Fragment2,
-  useContext as useContext18,
+  useContext as useContext19,
   useEffect as useEffect18,
   useRef as useRef4,
   useState as useState16
@@ -4920,15 +4945,15 @@ function groupBy(items, getKey) {
 }
 
 // src/components/ConnectModal/ConnectModalIntro.tsx
-import React46, { useContext as useContext15 } from "react";
+import React47, { useContext as useContext16 } from "react";
 
 // src/components/Disclaimer/DisclaimerLink.tsx
-import React44 from "react";
+import React45 from "react";
 var DisclaimerLink = ({
   children,
   href
 }) => {
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     Box,
     {
       as: "a",
@@ -4942,9 +4967,9 @@ var DisclaimerLink = ({
 };
 
 // src/components/Disclaimer/DisclaimerText.tsx
-import React45 from "react";
+import React46 from "react";
 var DisclaimerText = ({ children }) => {
-  return /* @__PURE__ */ React45.createElement(Text, { color: "modalTextSecondary", size: "12", weight: "medium" }, children);
+  return /* @__PURE__ */ React46.createElement(Text, { color: "modalTextSecondary", size: "12", weight: "medium" }, children);
 };
 
 // src/components/ConnectModal/ConnectModalIntro.tsx
@@ -4952,9 +4977,9 @@ function ConnectModalIntro({
   compactModeEnabled = false,
   getWallet
 }) {
-  const { disclaimer: Disclaimer, learnMoreUrl } = useContext15(AppContext);
-  const { i18n: i18n2 } = useContext15(I18nContext);
-  return /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(
+  const { disclaimer: Disclaimer, learnMoreUrl } = useContext16(AppContext);
+  const { i18n: i18n2 } = useContext16(I18nContext);
+  return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
     Box,
     {
       alignItems: "center",
@@ -4964,8 +4989,8 @@ function ConnectModalIntro({
       height: "full",
       justifyContent: "space-around"
     },
-    /* @__PURE__ */ React46.createElement(Box, { marginBottom: "10" }, !compactModeEnabled && /* @__PURE__ */ React46.createElement(Text, { color: "modalText", size: "18", weight: "heavy" }, i18n2.t("intro.title"))),
-    /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React47.createElement(Box, { marginBottom: "10" }, !compactModeEnabled && /* @__PURE__ */ React47.createElement(Text, { color: "modalText", size: "18", weight: "heavy" }, i18n2.t("intro.title"))),
+    /* @__PURE__ */ React47.createElement(
       Box,
       {
         display: "flex",
@@ -4975,10 +5000,10 @@ function ConnectModalIntro({
         marginY: "20",
         style: { maxWidth: 312 }
       },
-      /* @__PURE__ */ React46.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "16" }, /* @__PURE__ */ React46.createElement(Box, { borderRadius: "6", height: "48", minWidth: "48", width: "48" }, /* @__PURE__ */ React46.createElement(AssetsIcon, null)), /* @__PURE__ */ React46.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React46.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t("intro.digital_asset.title")), /* @__PURE__ */ React46.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t("intro.digital_asset.description")))),
-      /* @__PURE__ */ React46.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "16" }, /* @__PURE__ */ React46.createElement(Box, { borderRadius: "6", height: "48", minWidth: "48", width: "48" }, /* @__PURE__ */ React46.createElement(LoginIcon, null)), /* @__PURE__ */ React46.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React46.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t("intro.login.title")), /* @__PURE__ */ React46.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t("intro.login.description"))))
+      /* @__PURE__ */ React47.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "16" }, /* @__PURE__ */ React47.createElement(Box, { borderRadius: "6", height: "48", minWidth: "48", width: "48" }, /* @__PURE__ */ React47.createElement(AssetsIcon, null)), /* @__PURE__ */ React47.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React47.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t("intro.digital_asset.title")), /* @__PURE__ */ React47.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t("intro.digital_asset.description")))),
+      /* @__PURE__ */ React47.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "16" }, /* @__PURE__ */ React47.createElement(Box, { borderRadius: "6", height: "48", minWidth: "48", width: "48" }, /* @__PURE__ */ React47.createElement(LoginIcon, null)), /* @__PURE__ */ React47.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React47.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t("intro.login.title")), /* @__PURE__ */ React47.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t("intro.login.description"))))
     ),
-    /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React47.createElement(
       Box,
       {
         alignItems: "center",
@@ -4988,8 +5013,8 @@ function ConnectModalIntro({
         justifyContent: "center",
         margin: "10"
       },
-      /* @__PURE__ */ React46.createElement(ActionButton, { label: i18n2.t("intro.get.label"), onClick: getWallet }),
-      /* @__PURE__ */ React46.createElement(
+      /* @__PURE__ */ React47.createElement(ActionButton, { label: i18n2.t("intro.get.label"), onClick: getWallet }),
+      /* @__PURE__ */ React47.createElement(
         Box,
         {
           as: "a",
@@ -5003,16 +5028,16 @@ function ConnectModalIntro({
           target: "_blank",
           transition: "default"
         },
-        /* @__PURE__ */ React46.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("intro.learn_more.label"))
+        /* @__PURE__ */ React47.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("intro.learn_more.label"))
       )
     ),
-    Disclaimer && !compactModeEnabled && /* @__PURE__ */ React46.createElement(Box, { marginBottom: "8", marginTop: "12", textAlign: "center" }, /* @__PURE__ */ React46.createElement(Disclaimer, { Link: DisclaimerLink, Text: DisclaimerText }))
+    Disclaimer && !compactModeEnabled && /* @__PURE__ */ React47.createElement(Box, { marginBottom: "8", marginTop: "12", textAlign: "center" }, /* @__PURE__ */ React47.createElement(Disclaimer, { Link: DisclaimerLink, Text: DisclaimerText }))
   ));
 }
 
 // src/components/Icons/Back.tsx
-import React47 from "react";
-var BackIcon = () => /* @__PURE__ */ React47.createElement(
+import React48 from "react";
+var BackIcon = () => /* @__PURE__ */ React48.createElement(
   "svg",
   {
     fill: "none",
@@ -5021,8 +5046,8 @@ var BackIcon = () => /* @__PURE__ */ React47.createElement(
     width: "11",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React47.createElement("title", null, "Back"),
-  /* @__PURE__ */ React47.createElement(
+  /* @__PURE__ */ React48.createElement("title", null, "Back"),
+  /* @__PURE__ */ React48.createElement(
     "path",
     {
       d: "M0.99707 8.6543C0.99707 9.08496 1.15527 9.44531 1.51562 9.79688L8.16016 16.3096C8.43262 16.5732 8.74902 16.7051 9.13574 16.7051C9.90918 16.7051 10.5508 16.0811 10.5508 15.3076C10.5508 14.9121 10.3838 14.5605 10.0938 14.2705L4.30176 8.64551L10.0938 3.0293C10.3838 2.74805 10.5508 2.3877 10.5508 2.00098C10.5508 1.23633 9.90918 0.603516 9.13574 0.603516C8.74902 0.603516 8.43262 0.735352 8.16016 0.999023L1.51562 7.51172C1.15527 7.85449 1.00586 8.21484 0.99707 8.6543Z",
@@ -5032,11 +5057,11 @@ var BackIcon = () => /* @__PURE__ */ React47.createElement(
 );
 
 // src/components/InfoButton/InfoButton.tsx
-import React49 from "react";
+import React50 from "react";
 
 // src/components/Icons/Info.tsx
-import React48 from "react";
-var InfoIcon = () => /* @__PURE__ */ React48.createElement(
+import React49 from "react";
+var InfoIcon = () => /* @__PURE__ */ React49.createElement(
   "svg",
   {
     fill: "none",
@@ -5045,8 +5070,8 @@ var InfoIcon = () => /* @__PURE__ */ React48.createElement(
     width: "8",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React48.createElement("title", null, "Info"),
-  /* @__PURE__ */ React48.createElement(
+  /* @__PURE__ */ React49.createElement("title", null, "Info"),
+  /* @__PURE__ */ React49.createElement(
     "path",
     {
       d: "M3.64258 7.99609C4.19336 7.99609 4.5625 7.73828 4.68555 7.24609C4.69141 7.21094 4.70312 7.16406 4.70898 7.13477C4.80859 6.60742 5.05469 6.35547 6.04492 5.76367C7.14648 5.10156 7.67969 4.3457 7.67969 3.24414C7.67969 1.39844 6.17383 0.255859 3.95898 0.255859C2.32422 0.255859 1.05859 0.894531 0.548828 1.86719C0.396484 2.14844 0.320312 2.44727 0.320312 2.74023C0.314453 3.37305 0.742188 3.79492 1.42188 3.79492C1.91406 3.79492 2.33594 3.54883 2.53516 3.11523C2.78711 2.47656 3.23242 2.21289 3.83594 2.21289C4.55664 2.21289 5.10742 2.65234 5.10742 3.29102C5.10742 3.9707 4.7793 4.29883 3.81836 4.87891C3.02148 5.36523 2.50586 5.92773 2.50586 6.76562V6.90039C2.50586 7.55664 2.96289 7.99609 3.64258 7.99609ZM3.67188 11.4473C4.42773 11.4473 5.04297 10.8672 5.04297 10.1406C5.04297 9.41406 4.42773 8.83984 3.67188 8.83984C2.91602 8.83984 2.30664 9.41406 2.30664 10.1406C2.30664 10.8672 2.91602 11.4473 3.67188 11.4473Z",
@@ -5061,7 +5086,7 @@ var InfoButton = ({
   onClick
 }) => {
   const mobile = isMobile();
-  return /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement(
     Box,
     {
       alignItems: "center",
@@ -5083,18 +5108,18 @@ var InfoButton = ({
       type: "button",
       width: mobile ? "30" : "28"
     },
-    /* @__PURE__ */ React49.createElement(InfoIcon, null)
+    /* @__PURE__ */ React50.createElement(InfoIcon, null)
   );
 };
 
 // src/components/ModalSelection/ModalSelection.tsx
-import React50 from "react";
+import React51 from "react";
 
 // src/components/RainbowKitProvider/useCoolMode.ts
-import { useContext as useContext16, useEffect as useEffect16, useRef as useRef3 } from "react";
+import { useContext as useContext17, useEffect as useEffect16, useRef as useRef3 } from "react";
 var useCoolMode = (imageUrl) => {
   const ref = useRef3(null);
-  const coolModeEnabled = useContext16(CoolModeContext);
+  const coolModeEnabled = useContext17(CoolModeContext);
   const resolvedImageUrl = useAsyncImage(imageUrl);
   useEffect16(() => {
     if (coolModeEnabled && ref.current && resolvedImageUrl) {
@@ -5264,10 +5289,10 @@ var ModalSelection = ({
   ...urlProps
 }) => {
   const coolModeRef = useCoolMode(iconUrl);
-  const [isMouseOver, setIsMouseOver] = React50.useState(false);
-  const { i18n: i18n2 } = React50.useContext(I18nContext);
+  const [isMouseOver, setIsMouseOver] = React51.useState(false);
+  const { i18n: i18n2 } = React51.useContext(I18nContext);
   const solanaIcon = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%2300FFA3' d='M1.35 5.65c.05-.05.15-.1.25-.1h5.8c.15 0 .25.15.15.3l-.9 1.05c-.05.05-.15.1-.25.1H.6c-.15 0-.25-.15-.15-.3l.9-1.05zM1.35.95c.05-.05.15-.1.25-.1h5.8c.15 0 .25.15.15.3L6.65 2.2c-.05.05-.15.1-.25.1H.6c-.15 0-.25-.15-.15-.3L1.35.95zM6.65 3.2c-.05-.05-.15-.1-.25-.1H.6c-.15 0-.25.15-.15.3l.9 1.05c.05.05.15.1.25.1h5.8c.15 0 .25-.15.15-.3L6.65 3.2z'/%3E%3C/svg%3E";
-  return /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React51.createElement(
     Box,
     {
       display: "flex",
@@ -5276,7 +5301,7 @@ var ModalSelection = ({
       onMouseLeave: () => setIsMouseOver(false),
       ref: coolModeRef
     },
-    /* @__PURE__ */ React50.createElement(
+    /* @__PURE__ */ React51.createElement(
       Box,
       {
         as,
@@ -5305,7 +5330,7 @@ var ModalSelection = ({
         },
         ...urlProps
       },
-      /* @__PURE__ */ React50.createElement(
+      /* @__PURE__ */ React51.createElement(
         Box,
         {
           color: currentlySelected ? "accentColorForeground" : "modalText",
@@ -5315,7 +5340,7 @@ var ModalSelection = ({
           fontWeight: "bold",
           transition: "default"
         },
-        /* @__PURE__ */ React50.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, /* @__PURE__ */ React50.createElement(Box, { position: "relative" }, /* @__PURE__ */ React50.createElement(
+        /* @__PURE__ */ React51.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, /* @__PURE__ */ React51.createElement(Box, { position: "relative" }, /* @__PURE__ */ React51.createElement(
           AsyncImage,
           {
             background: iconBackground,
@@ -5326,7 +5351,7 @@ var ModalSelection = ({
             src: iconUrl,
             width: "28"
           }
-        ), chainBadge2 === "solana" && /* @__PURE__ */ React50.createElement(
+        ), chainBadge2 === "solana" && /* @__PURE__ */ React51.createElement(
           Box,
           {
             position: "absolute",
@@ -5343,7 +5368,7 @@ var ModalSelection = ({
               justifyContent: "center"
             }
           },
-          /* @__PURE__ */ React50.createElement(
+          /* @__PURE__ */ React51.createElement(
             "img",
             {
               src: solanaIcon,
@@ -5354,14 +5379,14 @@ var ModalSelection = ({
               }
             }
           )
-        )), /* @__PURE__ */ React50.createElement(Box, null, /* @__PURE__ */ React50.createElement(
+        )), /* @__PURE__ */ React51.createElement(Box, null, /* @__PURE__ */ React51.createElement(
           Box,
           {
             style: { marginTop: recent ? -2 : void 0 },
             maxWidth: "200"
           },
           name
-        ), recent && /* @__PURE__ */ React50.createElement(
+        ), recent && /* @__PURE__ */ React51.createElement(
           Text,
           {
             color: currentlySelected ? "accentColorForeground" : "accentColor",
@@ -7740,12 +7765,12 @@ function addRecentSolanaWalletId(walletName2) {
 }
 
 // src/components/ConnectOptions/AbcWaasLoginSection.tsx
-import React53, { useState as useState15 } from "react";
+import React54, { useState as useState15 } from "react";
 
 // src/components/Icons/Apple.tsx
-import React51 from "react";
+import React52 from "react";
 var AppleIcon = () => {
-  return /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React52.createElement(
     "svg",
     {
       width: "20",
@@ -7755,15 +7780,15 @@ var AppleIcon = () => {
       "aria-label": "Apple",
       fill: "currentColor"
     },
-    /* @__PURE__ */ React51.createElement("title", null, "Apple"),
-    /* @__PURE__ */ React51.createElement("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" })
+    /* @__PURE__ */ React52.createElement("title", null, "Apple"),
+    /* @__PURE__ */ React52.createElement("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" })
   );
 };
 
 // src/components/Icons/Google.tsx
-import React52 from "react";
+import React53 from "react";
 var GoogleIcon = () => {
-  return /* @__PURE__ */ React52.createElement(
+  return /* @__PURE__ */ React53.createElement(
     "svg",
     {
       width: "20",
@@ -7772,29 +7797,29 @@ var GoogleIcon = () => {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-label": "Google"
     },
-    /* @__PURE__ */ React52.createElement("title", null, "Google"),
-    /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React53.createElement("title", null, "Google"),
+    /* @__PURE__ */ React53.createElement(
       "path",
       {
         fill: "#4285F4",
         d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
       }
     ),
-    /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React53.createElement(
       "path",
       {
         fill: "#34A853",
         d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
       }
     ),
-    /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React53.createElement(
       "path",
       {
         fill: "#FBBC05",
         d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
       }
     ),
-    /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React53.createElement(
       "path",
       {
         fill: "#EA4335",
@@ -7833,7 +7858,7 @@ function AbcWaasLoginSection({
       onEmailSubmit(email);
     }
   };
-  return /* @__PURE__ */ React53.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React53.createElement("div", { className: container }, /* @__PURE__ */ React53.createElement("form", { onSubmit: handleSubmit, style: { width: "100%" } }, /* @__PURE__ */ React53.createElement("div", { className: emailFormContainer }, /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React54.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React54.createElement("div", { className: container }, /* @__PURE__ */ React54.createElement("form", { onSubmit: handleSubmit, style: { width: "100%" } }, /* @__PURE__ */ React54.createElement("div", { className: emailFormContainer }, /* @__PURE__ */ React54.createElement(
     "input",
     {
       type: "email",
@@ -7844,15 +7869,15 @@ function AbcWaasLoginSection({
       required: true,
       className: emailInputStyle
     }
-  ), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React54.createElement(
     "button",
     {
       type: "submit",
       disabled: !email || isLoading,
       className: submitButtonStyle
     },
-    /* @__PURE__ */ React53.createElement("span", { className: submitArrow }, "\u2192")
-  ))), hasSocialLogin && /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React54.createElement("span", { className: submitArrow }, "\u2192")
+  ))), hasSocialLogin && /* @__PURE__ */ React54.createElement(
     "div",
     {
       className: socialButtonsContainer,
@@ -7860,31 +7885,31 @@ function AbcWaasLoginSection({
         flexDirection: shouldShowVertical ? "column" : "row"
       }
     },
-    isGoogleEnabled && /* @__PURE__ */ React53.createElement(
+    isGoogleEnabled && /* @__PURE__ */ React54.createElement(
       "button",
       {
         onClick: () => !isLoading && onSocialLogin("google"),
         disabled: isLoading,
         className: socialButtonStyle
       },
-      /* @__PURE__ */ React53.createElement(GoogleIcon, null),
-      /* @__PURE__ */ React53.createElement("span", { className: socialButtonText }, "Continue with Google")
+      /* @__PURE__ */ React54.createElement(GoogleIcon, null),
+      /* @__PURE__ */ React54.createElement("span", { className: socialButtonText }, "Continue with Google")
     ),
-    isAppleEnabled && /* @__PURE__ */ React53.createElement(
+    isAppleEnabled && /* @__PURE__ */ React54.createElement(
       "button",
       {
         onClick: () => !isLoading && onSocialLogin("apple"),
         disabled: isLoading,
         className: socialButtonStyle
       },
-      /* @__PURE__ */ React53.createElement(AppleIcon, null),
-      /* @__PURE__ */ React53.createElement("span", { className: socialButtonText }, "Continue with Apple")
+      /* @__PURE__ */ React54.createElement(AppleIcon, null),
+      /* @__PURE__ */ React54.createElement("span", { className: socialButtonText }, "Continue with Apple")
     )
   )));
 }
 
 // src/components/ConnectOptions/ConnectDetails.tsx
-import React59, { useContext as useContext17, useEffect as useEffect17 } from "react";
+import React60, { useContext as useContext18, useEffect as useEffect17 } from "react";
 
 // src/utils/colors.ts
 var convertHexToRGBA = (hexCode, opacity = 1) => {
@@ -7914,10 +7939,10 @@ var isHexString = (color) => {
 };
 
 // src/components/Icons/Connect.tsx
-import React54 from "react";
+import React55 from "react";
 var src3 = async () => (await import("./connect-Q2RLUT5B.js")).default;
 var preloadConnectIcon = () => loadImages(src3);
-var ConnectIcon = () => /* @__PURE__ */ React54.createElement(
+var ConnectIcon = () => /* @__PURE__ */ React55.createElement(
   AsyncImage,
   {
     background: "#515a70",
@@ -7930,10 +7955,10 @@ var ConnectIcon = () => /* @__PURE__ */ React54.createElement(
 );
 
 // src/components/Icons/Create.tsx
-import React55 from "react";
+import React56 from "react";
 var src4 = async () => (await import("./create-HQ4QXTKY.js")).default;
 var preloadCreateIcon = () => loadImages(src4);
-var CreateIcon = () => /* @__PURE__ */ React55.createElement(
+var CreateIcon = () => /* @__PURE__ */ React56.createElement(
   AsyncImage,
   {
     background: "#e3a5e8",
@@ -7946,10 +7971,10 @@ var CreateIcon = () => /* @__PURE__ */ React55.createElement(
 );
 
 // src/components/Icons/Refresh.tsx
-import React56 from "react";
+import React57 from "react";
 var src5 = async () => (await import("./refresh-R5NYTT3S.js")).default;
 var preloadRefreshIcon = () => loadImages(src5);
-var RefreshIcon = () => /* @__PURE__ */ React56.createElement(
+var RefreshIcon = () => /* @__PURE__ */ React57.createElement(
   AsyncImage,
   {
     background: "#515a70",
@@ -7962,10 +7987,10 @@ var RefreshIcon = () => /* @__PURE__ */ React56.createElement(
 );
 
 // src/components/Icons/Scan.tsx
-import React57 from "react";
+import React58 from "react";
 var src6 = async () => (await import("./scan-BVZ7DVJ4.js")).default;
 var preloadScanIcon = () => loadImages(src6);
-var ScanIcon = () => /* @__PURE__ */ React57.createElement(
+var ScanIcon = () => /* @__PURE__ */ React58.createElement(
   AsyncImage,
   {
     background: "#515a70",
@@ -7979,7 +8004,7 @@ var ScanIcon = () => /* @__PURE__ */ React57.createElement(
 
 // src/components/QRCode/QRCode.tsx
 import QRCodeUtil from "qrcode";
-import React58, { useMemo as useMemo9 } from "react";
+import React59, { useMemo as useMemo9 } from "react";
 
 // src/components/ConnectOptions/DesktopOptions.css.ts
 var QRCodeBackgroundClassName = "_199jmco0";
@@ -8024,7 +8049,7 @@ function QRCode({
       const y1 = (matrix.length - 7) * cellSize * y;
       for (let i = 0; i < 3; i++) {
         dots2.push(
-          /* @__PURE__ */ React58.createElement(
+          /* @__PURE__ */ React59.createElement(
             "rect",
             {
               fill: i % 2 !== 0 ? "white" : "black",
@@ -8049,7 +8074,7 @@ function QRCode({
           if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
             if (!(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
               dots2.push(
-                /* @__PURE__ */ React58.createElement(
+                /* @__PURE__ */ React59.createElement(
                   "circle",
                   {
                     cx: i * cellSize + cellSize / 2,
@@ -8069,7 +8094,7 @@ function QRCode({
   }, [ecl, logoSize, size, uri]);
   const logoPosition = size / 2 - logoSize / 2;
   const logoWrapperSize = logoSize + logoMargin * 2;
-  return /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React59.createElement(
     Box,
     {
       borderColor: "generalBorder",
@@ -8080,7 +8105,7 @@ function QRCode({
       padding,
       width: "max"
     },
-    /* @__PURE__ */ React58.createElement(
+    /* @__PURE__ */ React59.createElement(
       Box,
       {
         style: {
@@ -8090,7 +8115,7 @@ function QRCode({
         },
         userSelect: "none"
       },
-      /* @__PURE__ */ React58.createElement(
+      /* @__PURE__ */ React59.createElement(
         Box,
         {
           display: "flex",
@@ -8103,7 +8128,7 @@ function QRCode({
           },
           width: "full"
         },
-        /* @__PURE__ */ React58.createElement(
+        /* @__PURE__ */ React59.createElement(
           AsyncImage,
           {
             background: logoBackground,
@@ -8115,7 +8140,7 @@ function QRCode({
           }
         )
       ),
-      /* @__PURE__ */ React58.createElement("svg", { height: size, style: { all: "revert" }, width: size }, /* @__PURE__ */ React58.createElement("title", null, "QR Code"), /* @__PURE__ */ React58.createElement("defs", null, /* @__PURE__ */ React58.createElement("clipPath", { id: "clip-wrapper" }, /* @__PURE__ */ React58.createElement("rect", { height: logoWrapperSize, width: logoWrapperSize })), /* @__PURE__ */ React58.createElement("clipPath", { id: "clip-logo" }, /* @__PURE__ */ React58.createElement("rect", { height: logoSize, width: logoSize }))), /* @__PURE__ */ React58.createElement("rect", { fill: "transparent", height: size, width: size }), dots)
+      /* @__PURE__ */ React59.createElement("svg", { height: size, style: { all: "revert" }, width: size }, /* @__PURE__ */ React59.createElement("title", null, "QR Code"), /* @__PURE__ */ React59.createElement("defs", null, /* @__PURE__ */ React59.createElement("clipPath", { id: "clip-wrapper" }, /* @__PURE__ */ React59.createElement("rect", { height: logoWrapperSize, width: logoWrapperSize })), /* @__PURE__ */ React59.createElement("clipPath", { id: "clip-logo" }, /* @__PURE__ */ React59.createElement("rect", { height: logoSize, width: logoSize }))), /* @__PURE__ */ React59.createElement("rect", { fill: "transparent", height: size, width: size }), dots)
     )
   );
 }
@@ -8165,8 +8190,8 @@ function GetDetail({
     (wallet) => wallet.isRainbowKitConnector
   );
   const shownWallets = wallets.splice(0, 5);
-  const { i18n: i18n2 } = useContext17(I18nContext);
-  return /* @__PURE__ */ React59.createElement(
+  const { i18n: i18n2 } = useContext18(I18nContext);
+  return /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8176,7 +8201,7 @@ function GetDetail({
       marginTop: "18",
       width: "full"
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "center",
@@ -8194,7 +8219,7 @@ function GetDetail({
         const hasExtension = !!wallet.extensionDownloadUrl;
         const hasMobileAndExtension = downloadUrls?.qrCode && hasExtension;
         const hasMobileAndDesktop = downloadUrls?.qrCode && !!wallet.desktopDownloadUrl;
-        return /* @__PURE__ */ React59.createElement(
+        return /* @__PURE__ */ React60.createElement(
           Box,
           {
             alignItems: "center",
@@ -8204,7 +8229,7 @@ function GetDetail({
             key: wallet.id,
             width: "full"
           },
-          /* @__PURE__ */ React59.createElement(
+          /* @__PURE__ */ React60.createElement(
             Box,
             {
               alignItems: "center",
@@ -8212,7 +8237,7 @@ function GetDetail({
               flexDirection: "row",
               gap: "16"
             },
-            /* @__PURE__ */ React59.createElement(
+            /* @__PURE__ */ React60.createElement(
               AsyncImage,
               {
                 background: iconBackground,
@@ -8223,9 +8248,9 @@ function GetDetail({
                 width: "48"
               }
             ),
-            /* @__PURE__ */ React59.createElement(Box, { display: "flex", flexDirection: "column", gap: "2" }, /* @__PURE__ */ React59.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, name), /* @__PURE__ */ React59.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, hasMobileAndExtension ? i18n2.t("get.mobile_and_extension.description") : hasMobileAndDesktop ? i18n2.t("get.mobile_and_desktop.description") : hasMobileCompanionApp ? i18n2.t("get.mobile.description") : hasExtension ? i18n2.t("get.extension.description") : null))
+            /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", gap: "2" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, name), /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, hasMobileAndExtension ? i18n2.t("get.mobile_and_extension.description") : hasMobileAndDesktop ? i18n2.t("get.mobile_and_desktop.description") : hasMobileCompanionApp ? i18n2.t("get.mobile.description") : hasExtension ? i18n2.t("get.extension.description") : null))
           ),
-          /* @__PURE__ */ React59.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React59.createElement(
+          /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React60.createElement(
             ActionButton,
             {
               label: i18n2.t("get.action.label"),
@@ -8236,7 +8261,7 @@ function GetDetail({
         );
       })
     ),
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "center",
@@ -8249,8 +8274,8 @@ function GetDetail({
         paddingY: "8",
         style: { maxWidth: 275, textAlign: "center" }
       },
-      /* @__PURE__ */ React59.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t("get.looking_for.title")),
-      /* @__PURE__ */ React59.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, compactModeEnabled ? i18n2.t("get.looking_for.desktop.compact_description") : i18n2.t("get.looking_for.desktop.wide_description"))
+      /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t("get.looking_for.title")),
+      /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, compactModeEnabled ? i18n2.t("get.looking_for.desktop.compact_description") : i18n2.t("get.looking_for.desktop.wide_description"))
     )
   );
 }
@@ -8276,7 +8301,7 @@ function ConnectDetail({
   } = wallet;
   const isDesktopDeepLinkAvailable = !!getDesktopUri;
   const safari = isSafari();
-  const { i18n: i18n2 } = useContext17(I18nContext);
+  const { i18n: i18n2 } = useContext18(I18nContext);
   const hasExtension = !!wallet.extensionDownloadUrl;
   const hasQrCodeAndExtension = downloadUrls?.qrCode && hasExtension;
   const hasQrCodeAndDesktop = downloadUrls?.qrCode && !!wallet.desktopDownloadUrl;
@@ -8307,7 +8332,7 @@ function ConnectDetail({
     preloadBrowserIcon();
     preloadPlatformIcon();
   }, []);
-  return /* @__PURE__ */ React59.createElement(Box, { display: "flex", flexDirection: "column", height: "full", width: "full" }, hasQrCode ? /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", height: "full", width: "full" }, hasQrCode ? /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8315,7 +8340,7 @@ function ConnectDetail({
       height: "full",
       justifyContent: "center"
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       QRCode,
       {
         logoBackground: iconBackground,
@@ -8325,7 +8350,7 @@ function ConnectDetail({
         uri: qrCodeUri
       }
     )
-  ) : /* @__PURE__ */ React59.createElement(
+  ) : /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8333,7 +8358,7 @@ function ConnectDetail({
       justifyContent: "center",
       style: { flexGrow: 1 }
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "center",
@@ -8341,7 +8366,7 @@ function ConnectDetail({
         flexDirection: "column",
         gap: "8"
       },
-      /* @__PURE__ */ React59.createElement(Box, { borderRadius: "10", height: LOGO_SIZE, overflow: "hidden" }, /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(Box, { borderRadius: "10", height: LOGO_SIZE, overflow: "hidden" }, /* @__PURE__ */ React60.createElement(
         AsyncImage,
         {
           useAsImage: !wallet.isRainbowKitConnector,
@@ -8350,7 +8375,7 @@ function ConnectDetail({
           width: LOGO_SIZE
         }
       )),
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         Box,
         {
           alignItems: "center",
@@ -8360,14 +8385,14 @@ function ConnectDetail({
           paddingX: "32",
           style: { textAlign: "center" }
         },
-        /* @__PURE__ */ React59.createElement(Text, { color: "modalText", size: "18", weight: "bold" }, ready ? i18n2.t("connect.status.opening", {
+        /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "18", weight: "bold" }, ready ? i18n2.t("connect.status.opening", {
           wallet: name
         }) : hasExtension ? i18n2.t("connect.status.not_installed", {
           wallet: name
         }) : i18n2.t("connect.status.not_available", {
           wallet: name
         })),
-        !ready && hasExtension ? /* @__PURE__ */ React59.createElement(Box, { paddingTop: "20" }, /* @__PURE__ */ React59.createElement(
+        !ready && hasExtension ? /* @__PURE__ */ React60.createElement(Box, { paddingTop: "20" }, /* @__PURE__ */ React60.createElement(
           ActionButton,
           {
             href: wallet.extensionDownloadUrl,
@@ -8375,7 +8400,7 @@ function ConnectDetail({
             type: "secondary"
           }
         )) : null,
-        ready && !hasQrCode && /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(
+        ready && !hasQrCode && /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement(
           Box,
           {
             alignItems: "center",
@@ -8383,7 +8408,7 @@ function ConnectDetail({
             flexDirection: "column",
             justifyContent: "center"
           },
-          /* @__PURE__ */ React59.createElement(
+          /* @__PURE__ */ React60.createElement(
             Text,
             {
               color: "modalTextSecondary",
@@ -8393,7 +8418,7 @@ function ConnectDetail({
             },
             i18n2.t("connect.status.confirm")
           )
-        ), /* @__PURE__ */ React59.createElement(
+        ), /* @__PURE__ */ React60.createElement(
           Box,
           {
             alignItems: "center",
@@ -8403,7 +8428,7 @@ function ConnectDetail({
             height: "32",
             marginTop: "8"
           },
-          connectionError ? /* @__PURE__ */ React59.createElement(
+          connectionError ? /* @__PURE__ */ React60.createElement(
             ActionButton,
             {
               label: i18n2.t("connect.secondary_action.retry.label"),
@@ -8413,11 +8438,11 @@ function ConnectDetail({
                 reconnect(wallet);
               }
             }
-          ) : /* @__PURE__ */ React59.createElement(Box, { color: "modalTextSecondary" }, /* @__PURE__ */ React59.createElement(SpinnerIcon, null))
+          ) : /* @__PURE__ */ React60.createElement(Box, { color: "modalTextSecondary" }, /* @__PURE__ */ React60.createElement(SpinnerIcon, null))
         ))
       )
     )
-  ), /* @__PURE__ */ React59.createElement(
+  ), /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8429,7 +8454,7 @@ function ConnectDetail({
       justifyContent: "space-between",
       marginTop: "12"
     },
-    ready && secondaryAction && /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, secondaryAction.description), /* @__PURE__ */ React59.createElement(
+    ready && secondaryAction && /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, secondaryAction.description), /* @__PURE__ */ React60.createElement(
       ActionButton,
       {
         label: secondaryAction.label,
@@ -8453,7 +8478,7 @@ var DownloadOptionsBox = ({
 }) => {
   const isBrowserCard = variant === "browser";
   const gradientRgbas = !isBrowserCard && iconAccent && getGradientRGBAs(iconAccent);
-  return /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8466,7 +8491,7 @@ var DownloadOptionsBox = ({
       style: { flex: 1, isolation: "isolate" },
       width: "full"
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         borderColor: "actionButtonBorder",
@@ -8483,7 +8508,7 @@ var DownloadOptionsBox = ({
         }
       }
     ),
-    isBrowserCard && /* @__PURE__ */ React59.createElement(
+    isBrowserCard && /* @__PURE__ */ React60.createElement(
       Box,
       {
         background: "downloadTopCardBackground",
@@ -8494,7 +8519,7 @@ var DownloadOptionsBox = ({
         },
         width: "full"
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         Box,
         {
           display: "flex",
@@ -8510,7 +8535,7 @@ var DownloadOptionsBox = ({
             transform: "translate3d(0, 0, 0)"
           }
         },
-        /* @__PURE__ */ React59.createElement(
+        /* @__PURE__ */ React60.createElement(
           Box,
           {
             style: {
@@ -8521,7 +8546,7 @@ var DownloadOptionsBox = ({
               transform: "translate3d(0, 0, 0)"
             }
           },
-          /* @__PURE__ */ React59.createElement(
+          /* @__PURE__ */ React60.createElement(
             AsyncImage,
             {
               borderRadius: "full",
@@ -8531,7 +8556,7 @@ var DownloadOptionsBox = ({
             }
           )
         ),
-        /* @__PURE__ */ React59.createElement(
+        /* @__PURE__ */ React60.createElement(
           Box,
           {
             style: {
@@ -8543,7 +8568,7 @@ var DownloadOptionsBox = ({
               transform: "translate3d(0, 0, 0)"
             }
           },
-          /* @__PURE__ */ React59.createElement(
+          /* @__PURE__ */ React60.createElement(
             AsyncImage,
             {
               borderRadius: "full",
@@ -8555,7 +8580,7 @@ var DownloadOptionsBox = ({
         )
       )
     ),
-    !isBrowserCard && gradientRgbas && /* @__PURE__ */ React59.createElement(
+    !isBrowserCard && gradientRgbas && /* @__PURE__ */ React60.createElement(
       Box,
       {
         background: "downloadBottomCardBackground",
@@ -8567,7 +8592,7 @@ var DownloadOptionsBox = ({
           top: "0"
         }
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         Box,
         {
           position: "absolute",
@@ -8581,7 +8606,7 @@ var DownloadOptionsBox = ({
           }
         }
       ),
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         Box,
         {
           position: "absolute",
@@ -8596,7 +8621,7 @@ var DownloadOptionsBox = ({
         }
       )
     ),
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "flex-start",
@@ -8607,7 +8632,7 @@ var DownloadOptionsBox = ({
         justifyContent: "center",
         style: { zIndex: 1 }
       },
-      /* @__PURE__ */ React59.createElement(Box, null, /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(Box, null, /* @__PURE__ */ React60.createElement(
         AsyncImage,
         {
           height: "60",
@@ -8620,7 +8645,7 @@ var DownloadOptionsBox = ({
           } : null
         }
       )),
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         Box,
         {
           display: "flex",
@@ -8629,9 +8654,9 @@ var DownloadOptionsBox = ({
           style: { flex: 1 },
           width: "full"
         },
-        /* @__PURE__ */ React59.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, title3),
-        /* @__PURE__ */ React59.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, description),
-        /* @__PURE__ */ React59.createElement(Box, { marginTop: "14", width: "max" }, /* @__PURE__ */ React59.createElement(
+        /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, title3),
+        /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, description),
+        /* @__PURE__ */ React60.createElement(Box, { marginTop: "14", width: "max" }, /* @__PURE__ */ React60.createElement(
           ActionButton,
           {
             href: url,
@@ -8650,7 +8675,7 @@ function DownloadOptionsDetail({
 }) {
   const browser = getBrowser();
   const platform = getPlatform();
-  const modalSize = useContext17(ModalSizeContext);
+  const modalSize = useContext18(ModalSizeContext);
   const isCompact = modalSize === "compact";
   const {
     desktop,
@@ -8659,14 +8684,14 @@ function DownloadOptionsDetail({
     extensionDownloadUrl,
     mobileDownloadUrl
   } = wallet;
-  const { i18n: i18n2 } = useContext17(I18nContext);
+  const { i18n: i18n2 } = useContext18(I18nContext);
   useEffect17(() => {
     preloadCreateIcon();
     preloadScanIcon();
     preloadRefreshIcon();
     preloadConnectIcon();
   }, []);
-  return /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8678,7 +8703,7 @@ function DownloadOptionsDetail({
       marginTop: "4",
       width: "full"
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "center",
@@ -8689,7 +8714,7 @@ function DownloadOptionsDetail({
         justifyContent: "center",
         width: "full"
       },
-      extensionDownloadUrl && /* @__PURE__ */ React59.createElement(
+      extensionDownloadUrl && /* @__PURE__ */ React60.createElement(
         DownloadOptionsBox,
         {
           actionLabel: i18n2.t("get_options.extension.download.label", {
@@ -8709,7 +8734,7 @@ function DownloadOptionsDetail({
           variant: "browser"
         }
       ),
-      desktopDownloadUrl && /* @__PURE__ */ React59.createElement(
+      desktopDownloadUrl && /* @__PURE__ */ React60.createElement(
         DownloadOptionsBox,
         {
           actionLabel: i18n2.t("get_options.desktop.download.label", {
@@ -8729,7 +8754,7 @@ function DownloadOptionsDetail({
           variant: "desktop"
         }
       ),
-      mobileDownloadUrl && /* @__PURE__ */ React59.createElement(
+      mobileDownloadUrl && /* @__PURE__ */ React60.createElement(
         DownloadOptionsBox,
         {
           actionLabel: i18n2.t("get_options.mobile.download.label", {
@@ -8755,12 +8780,12 @@ function DownloadDetail({
   wallet
 }) {
   const { downloadUrls, qrCode } = wallet;
-  const { i18n: i18n2 } = useContext17(I18nContext);
+  const { i18n: i18n2 } = useContext18(I18nContext);
   useEffect17(() => {
     preloadCreateIcon();
     preloadScanIcon();
   }, []);
-  return /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8770,9 +8795,9 @@ function DownloadDetail({
       height: "full",
       width: "full"
     },
-    /* @__PURE__ */ React59.createElement(Box, { style: { maxWidth: 220, textAlign: "center" } }, /* @__PURE__ */ React59.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "semibold" }, i18n2.t("get_mobile.description"))),
-    /* @__PURE__ */ React59.createElement(Box, { height: "full" }, downloadUrls?.qrCode ? /* @__PURE__ */ React59.createElement(QRCode, { logoSize: 0, size: 268, uri: downloadUrls.qrCode }) : null),
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(Box, { style: { maxWidth: 220, textAlign: "center" } }, /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "semibold" }, i18n2.t("get_mobile.description"))),
+    /* @__PURE__ */ React60.createElement(Box, { height: "full" }, downloadUrls?.qrCode ? /* @__PURE__ */ React60.createElement(QRCode, { logoSize: 0, size: 268, uri: downloadUrls.qrCode }) : null),
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "center",
@@ -8785,7 +8810,7 @@ function DownloadDetail({
         marginBottom: "12",
         paddingY: "8"
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         ActionButton,
         {
           label: i18n2.t("get_mobile.continue.label"),
@@ -8798,9 +8823,9 @@ function DownloadDetail({
   );
 }
 var stepIcons = {
-  connect: () => /* @__PURE__ */ React59.createElement(ConnectIcon, null),
-  create: () => /* @__PURE__ */ React59.createElement(CreateIcon, null),
-  install: (wallet) => /* @__PURE__ */ React59.createElement(
+  connect: () => /* @__PURE__ */ React60.createElement(ConnectIcon, null),
+  create: () => /* @__PURE__ */ React60.createElement(CreateIcon, null),
+  install: (wallet) => /* @__PURE__ */ React60.createElement(
     AsyncImage,
     {
       background: wallet.iconBackground,
@@ -8811,15 +8836,15 @@ var stepIcons = {
       width: "48"
     }
   ),
-  refresh: () => /* @__PURE__ */ React59.createElement(RefreshIcon, null),
-  scan: () => /* @__PURE__ */ React59.createElement(ScanIcon, null)
+  refresh: () => /* @__PURE__ */ React60.createElement(RefreshIcon, null),
+  scan: () => /* @__PURE__ */ React60.createElement(ScanIcon, null)
 };
 function InstructionMobileDetail({
   connectWallet,
   wallet
 }) {
-  const { i18n: i18n2 } = useContext17(I18nContext);
-  return /* @__PURE__ */ React59.createElement(
+  const { i18n: i18n2 } = useContext18(I18nContext);
+  return /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8828,7 +8853,7 @@ function InstructionMobileDetail({
       height: "full",
       width: "full"
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         display: "flex",
@@ -8839,7 +8864,7 @@ function InstructionMobileDetail({
         paddingY: "32",
         style: { maxWidth: 320 }
       },
-      wallet?.qrCode?.instructions?.steps.map((d, idx) => /* @__PURE__ */ React59.createElement(
+      wallet?.qrCode?.instructions?.steps.map((d, idx) => /* @__PURE__ */ React60.createElement(
         Box,
         {
           alignItems: "center",
@@ -8848,7 +8873,7 @@ function InstructionMobileDetail({
           gap: "16",
           key: idx
         },
-        /* @__PURE__ */ React59.createElement(
+        /* @__PURE__ */ React60.createElement(
           Box,
           {
             borderRadius: "10",
@@ -8860,14 +8885,14 @@ function InstructionMobileDetail({
           },
           stepIcons[d.step]?.(wallet)
         ),
-        /* @__PURE__ */ React59.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React59.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t(d.title, void 0, {
+        /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t(d.title, void 0, {
           rawKeyIfTranslationMissing: true
-        })), /* @__PURE__ */ React59.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t(d.description, void 0, {
+        })), /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t(d.description, void 0, {
           rawKeyIfTranslationMissing: true
         })))
       ))
     ),
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "center",
@@ -8877,14 +8902,14 @@ function InstructionMobileDetail({
         justifyContent: "center",
         marginBottom: "16"
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         ActionButton,
         {
           label: i18n2.t("get_instructions.mobile.connect.label"),
           onClick: () => connectWallet(wallet)
         }
       ),
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         Box,
         {
           as: "a",
@@ -8898,7 +8923,7 @@ function InstructionMobileDetail({
           target: "_blank",
           transition: "default"
         },
-        /* @__PURE__ */ React59.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("get_instructions.mobile.learn_more.label"))
+        /* @__PURE__ */ React60.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("get_instructions.mobile.learn_more.label"))
       )
     )
   );
@@ -8906,8 +8931,8 @@ function InstructionMobileDetail({
 function InstructionExtensionDetail({
   wallet
 }) {
-  const { i18n: i18n2 } = useContext17(I18nContext);
-  return /* @__PURE__ */ React59.createElement(
+  const { i18n: i18n2 } = useContext18(I18nContext);
+  return /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -8916,7 +8941,7 @@ function InstructionExtensionDetail({
       height: "full",
       width: "full"
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         display: "flex",
@@ -8927,7 +8952,7 @@ function InstructionExtensionDetail({
         paddingY: "32",
         style: { maxWidth: 320 }
       },
-      wallet?.extension?.instructions?.steps.map((d, idx) => /* @__PURE__ */ React59.createElement(
+      wallet?.extension?.instructions?.steps.map((d, idx) => /* @__PURE__ */ React60.createElement(
         Box,
         {
           alignItems: "center",
@@ -8936,7 +8961,7 @@ function InstructionExtensionDetail({
           gap: "16",
           key: idx
         },
-        /* @__PURE__ */ React59.createElement(
+        /* @__PURE__ */ React60.createElement(
           Box,
           {
             borderRadius: "10",
@@ -8948,14 +8973,14 @@ function InstructionExtensionDetail({
           },
           stepIcons[d.step]?.(wallet)
         ),
-        /* @__PURE__ */ React59.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React59.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t(d.title, void 0, {
+        /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t(d.title, void 0, {
           rawKeyIfTranslationMissing: true
-        })), /* @__PURE__ */ React59.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t(d.description, void 0, {
+        })), /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t(d.description, void 0, {
           rawKeyIfTranslationMissing: true
         })))
       ))
     ),
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "center",
@@ -8965,14 +8990,14 @@ function InstructionExtensionDetail({
         justifyContent: "center",
         marginBottom: "16"
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         ActionButton,
         {
           label: i18n2.t("get_instructions.extension.refresh.label"),
           onClick: window.location.reload.bind(window.location)
         }
       ),
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         Box,
         {
           as: "a",
@@ -8986,7 +9011,7 @@ function InstructionExtensionDetail({
           target: "_blank",
           transition: "default"
         },
-        /* @__PURE__ */ React59.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("get_instructions.extension.learn_more.label"))
+        /* @__PURE__ */ React60.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("get_instructions.extension.learn_more.label"))
       )
     )
   );
@@ -8995,8 +9020,8 @@ function InstructionDesktopDetail({
   connectWallet,
   wallet
 }) {
-  const { i18n: i18n2 } = useContext17(I18nContext);
-  return /* @__PURE__ */ React59.createElement(
+  const { i18n: i18n2 } = useContext18(I18nContext);
+  return /* @__PURE__ */ React60.createElement(
     Box,
     {
       alignItems: "center",
@@ -9005,7 +9030,7 @@ function InstructionDesktopDetail({
       height: "full",
       width: "full"
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         display: "flex",
@@ -9016,7 +9041,7 @@ function InstructionDesktopDetail({
         paddingY: "32",
         style: { maxWidth: 320 }
       },
-      wallet?.desktop?.instructions?.steps.map((d, idx) => /* @__PURE__ */ React59.createElement(
+      wallet?.desktop?.instructions?.steps.map((d, idx) => /* @__PURE__ */ React60.createElement(
         Box,
         {
           alignItems: "center",
@@ -9025,7 +9050,7 @@ function InstructionDesktopDetail({
           gap: "16",
           key: idx
         },
-        /* @__PURE__ */ React59.createElement(
+        /* @__PURE__ */ React60.createElement(
           Box,
           {
             borderRadius: "10",
@@ -9037,14 +9062,14 @@ function InstructionDesktopDetail({
           },
           stepIcons[d.step]?.(wallet)
         ),
-        /* @__PURE__ */ React59.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React59.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t(d.title, void 0, {
+        /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "14", weight: "bold" }, i18n2.t(d.title, void 0, {
           rawKeyIfTranslationMissing: true
-        })), /* @__PURE__ */ React59.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t(d.description, void 0, {
+        })), /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t(d.description, void 0, {
           rawKeyIfTranslationMissing: true
         })))
       ))
     ),
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Box,
       {
         alignItems: "center",
@@ -9054,14 +9079,14 @@ function InstructionDesktopDetail({
         justifyContent: "center",
         marginBottom: "16"
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         ActionButton,
         {
           label: i18n2.t("get_instructions.desktop.connect.label"),
           onClick: () => connectWallet(wallet)
         }
       ),
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         Box,
         {
           as: "a",
@@ -9075,7 +9100,7 @@ function InstructionDesktopDetail({
           target: "_blank",
           transition: "default"
         },
-        /* @__PURE__ */ React59.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("get_instructions.desktop.learn_more.label"))
+        /* @__PURE__ */ React60.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("get_instructions.desktop.learn_more.label"))
       )
     )
   );
@@ -9087,7 +9112,8 @@ function DesktopOptions({
   solanaWallets,
   onSolanaWalletClick,
   connectingSolanaWallet,
-  isSolanaConnecting
+  isSolanaConnecting,
+  compact = false
 }) {
   const titleId = "rk_connect_title";
   const [selectedOptionId, setSelectedOptionId] = useState16();
@@ -9095,10 +9121,10 @@ function DesktopOptions({
   const [qrCodeUri, setQrCodeUri] = useState16();
   const hasQrCode = !!selectedWallet?.qrCode && qrCodeUri;
   const [connectionError, setConnectionError] = useState16(false);
-  const modalSize = useContext18(ModalSizeContext);
+  const modalSize = useContext19(ModalSizeContext);
   const compactModeEnabled = modalSize === ModalSizeOptions.COMPACT;
-  const { disclaimer: Disclaimer } = useContext18(AppContext);
-  const { i18n: i18n2 } = useContext18(I18nContext);
+  const { disclaimer: Disclaimer } = useContext19(AppContext);
+  const { i18n: i18n2 } = useContext19(I18nContext);
   const safari = isSafari();
   const [abcWaasStep, setAbcWaasStep] = useState16("MAIN" /* Main */);
   const [abcWaasEmail, setAbcWaasEmail] = useState16("");
@@ -9120,7 +9146,7 @@ function DesktopOptions({
   const [isPinVerifyModalOpen, setIsPinVerifyModalOpen] = useState16(false);
   const [pinError, setPinError] = useState16("");
   const initialized = useRef4(false);
-  const { connector } = useContext18(WalletButtonContext);
+  const { connector } = useContext19(WalletButtonContext);
   const mergeEIP6963WithRkConnectors = !connector;
   const wallets = useWalletConnectors(mergeEIP6963WithRkConnectors).filter((wallet) => wallet.ready || !!wallet.extensionDownloadUrl).sort((a, b) => a.groupIndex - b.groupIndex);
   const unfilteredWallets = useWalletConnectors();
@@ -10375,7 +10401,7 @@ function DesktopOptions({
       walletContent = null;
       break;
     case "LEARN_COMPACT" /* LearnCompact */:
-      walletContent = /* @__PURE__ */ React60.createElement(
+      walletContent = /* @__PURE__ */ React61.createElement(
         ConnectModalIntro,
         {
           compactModeEnabled,
@@ -10386,7 +10412,7 @@ function DesktopOptions({
       headerBackButtonLink = "NONE" /* None */;
       break;
     case "GET" /* Get */:
-      walletContent = /* @__PURE__ */ React60.createElement(
+      walletContent = /* @__PURE__ */ React61.createElement(
         GetDetail,
         {
           getWalletDownload,
@@ -10397,7 +10423,7 @@ function DesktopOptions({
       headerBackButtonLink = compactModeEnabled ? "LEARN_COMPACT" /* LearnCompact */ : "NONE" /* None */;
       break;
     case "CONNECT" /* Connect */:
-      walletContent = selectedWallet && /* @__PURE__ */ React60.createElement(
+      walletContent = selectedWallet && /* @__PURE__ */ React61.createElement(
         ConnectDetail,
         {
           changeWalletStep,
@@ -10418,7 +10444,7 @@ function DesktopOptions({
       };
       break;
     case "DOWNLOAD_OPTIONS" /* DownloadOptions */:
-      walletContent = selectedWallet && /* @__PURE__ */ React60.createElement(
+      walletContent = selectedWallet && /* @__PURE__ */ React61.createElement(
         DownloadOptionsDetail,
         {
           changeWalletStep,
@@ -10429,7 +10455,7 @@ function DesktopOptions({
       headerBackButtonLink = connector ? "CONNECT" /* Connect */ : compactModeEnabled ? "NONE" /* None */ : initialWalletStep;
       break;
     case "DOWNLOAD" /* Download */:
-      walletContent = selectedWallet && /* @__PURE__ */ React60.createElement(
+      walletContent = selectedWallet && /* @__PURE__ */ React61.createElement(
         DownloadDetail,
         {
           changeWalletStep,
@@ -10440,7 +10466,7 @@ function DesktopOptions({
       headerBackButtonLink = hasExtensionAndMobile ? "DOWNLOAD_OPTIONS" /* DownloadOptions */ : initialWalletStep;
       break;
     case "INSTRUCTIONS_MOBILE" /* InstructionsMobile */:
-      walletContent = selectedWallet && /* @__PURE__ */ React60.createElement(
+      walletContent = selectedWallet && /* @__PURE__ */ React61.createElement(
         InstructionMobileDetail,
         {
           connectWallet: selectWallet,
@@ -10453,14 +10479,14 @@ function DesktopOptions({
       headerBackButtonLink = "DOWNLOAD" /* Download */;
       break;
     case "INSTRUCTIONS_EXTENSION" /* InstructionsExtension */:
-      walletContent = selectedWallet && /* @__PURE__ */ React60.createElement(InstructionExtensionDetail, { wallet: selectedWallet });
+      walletContent = selectedWallet && /* @__PURE__ */ React61.createElement(InstructionExtensionDetail, { wallet: selectedWallet });
       headerLabel = selectedWallet && i18n2.t("get_options.title", {
         wallet: compactModeEnabled ? selectedWallet.shortName || selectedWallet.name : selectedWallet.name
       });
       headerBackButtonLink = "DOWNLOAD_OPTIONS" /* DownloadOptions */;
       break;
     case "INSTRUCTIONS_DESKTOP" /* InstructionsDesktop */:
-      walletContent = selectedWallet && /* @__PURE__ */ React60.createElement(
+      walletContent = selectedWallet && /* @__PURE__ */ React61.createElement(
         InstructionDesktopDetail,
         {
           connectWallet: selectWallet,
@@ -10475,14 +10501,136 @@ function DesktopOptions({
     default:
       break;
   }
-  return /* @__PURE__ */ React60.createElement(
+  if (compact) {
+    return /* @__PURE__ */ React61.createElement(Box, { display: "flex", flexDirection: "column", paddingBottom: "36" }, /* @__PURE__ */ React61.createElement(Box, { paddingX: "20", paddingTop: "14", paddingBottom: "8" }, /* @__PURE__ */ React61.createElement(Text, { as: "h1", color: "modalText", size: "20", weight: "bold" }, abcWaasStep === "MAIN" /* Main */ ? "Sign In" : "Verify")), /* @__PURE__ */ React61.createElement(Box, { paddingX: "20" }, abcWaasStep === "MAIN" /* Main */ && /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(
+      AbcWaasLoginSection,
+      {
+        onEmailSubmit: handleEmailSubmit,
+        onSocialLogin: handleSocialLogin,
+        compact: true,
+        isLoading: isAbcWaasLoading
+      }
+    ), abcWaasError && /* @__PURE__ */ React61.createElement(Box, { marginTop: "12" }, /* @__PURE__ */ React61.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError)), /* @__PURE__ */ React61.createElement(Box, { marginTop: "24", marginBottom: "20" }, /* @__PURE__ */ React61.createElement(Box, { background: "generalBorder", height: "1" })), /* @__PURE__ */ React61.createElement(Box, { textAlign: "center", paddingX: "20" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "12", weight: "medium" }, "Signing in means you agree to our", " ", /* @__PURE__ */ React61.createElement(DisclaimerLink, { href: "https://talken.io/terms" }, "Terms of Service"), " and ", /* @__PURE__ */ React61.createElement(DisclaimerLink, { href: "https://talken.io/privacy" }, "Privacy Policy"), ".")), /* @__PURE__ */ React61.createElement(Box, { marginTop: "16", textAlign: "center" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "12", weight: "semibold" }, "Powered by", " ", /* @__PURE__ */ React61.createElement(DisclaimerLink, { href: "https://talken.io" }, "Talken"), " & ", /* @__PURE__ */ React61.createElement(DisclaimerLink, { href: "https://waas.myabcwallet.com" }, "ABC WaaS")))), abcWaasStep === "PASSWORD" /* Password */ && /* @__PURE__ */ React61.createElement("form", { onSubmit: handlePasswordSubmit }, /* @__PURE__ */ React61.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Enter your password"), /* @__PURE__ */ React61.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, abcWaasEmail))), /* @__PURE__ */ React61.createElement(
+      "input",
+      {
+        type: "password",
+        placeholder: "Enter password",
+        value: abcWaasPassword,
+        onChange: (e) => setAbcWaasPassword(e.target.value),
+        disabled: isAbcWaasLoading,
+        required: true,
+        style: {
+          width: "100%",
+          padding: "12px 16px",
+          borderRadius: "12px",
+          border: "1px solid #d1d5db",
+          fontSize: "16px"
+        }
+      }
+    ), abcWaasError && /* @__PURE__ */ React61.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React61.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError)), /* @__PURE__ */ React61.createElement(Box, { display: "flex", gap: "12", marginTop: "16" }, /* @__PURE__ */ React61.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleAbcWaasBack,
+        disabled: isAbcWaasLoading,
+        style: {
+          flex: 1,
+          padding: "12px 24px",
+          backgroundColor: "#f3f4f6",
+          color: "#111827",
+          border: "none",
+          borderRadius: "12px",
+          fontSize: "16px",
+          fontWeight: "600",
+          cursor: isAbcWaasLoading ? "not-allowed" : "pointer"
+        }
+      },
+      "Back"
+    ), /* @__PURE__ */ React61.createElement(
+      "button",
+      {
+        type: "submit",
+        disabled: isAbcWaasLoading || !abcWaasPassword,
+        style: {
+          flex: 1,
+          padding: "12px 24px",
+          backgroundColor: "#3B82F6",
+          color: "#ffffff",
+          border: "none",
+          borderRadius: "12px",
+          fontSize: "16px",
+          fontWeight: "600",
+          cursor: isAbcWaasLoading || !abcWaasPassword ? "not-allowed" : "pointer",
+          opacity: isAbcWaasLoading || !abcWaasPassword ? 0.5 : 1
+        }
+      },
+      isAbcWaasLoading ? "Logging in..." : "Continue"
+    )))), /* @__PURE__ */ React61.createElement(
+      PinInputModal,
+      {
+        isOpen: isPinCreateModalOpen,
+        onClose: () => {
+          setIsPinCreateModalOpen(false);
+          setAbcWaasEmail("");
+          setAbcWaasPassword("");
+          setAbcWaasLoginData(null);
+          setAbcWaasStep("MAIN" /* Main */);
+        },
+        onSubmit: handlePinCreate,
+        title: "Create PIN",
+        subtitle: "Create a 6-digit PIN to secure your wallet",
+        errorMessage: pinError
+      }
+    ), /* @__PURE__ */ React61.createElement(
+      PinInputModal,
+      {
+        isOpen: isPinConfirmModalOpen,
+        onClose: () => {
+          setIsPinConfirmModalOpen(false);
+          setAbcWaasPin("");
+          setAbcWaasEmail("");
+          setAbcWaasPassword("");
+          setAbcWaasLoginData(null);
+          setAbcWaasStep("MAIN" /* Main */);
+        },
+        onSubmit: handlePinConfirm,
+        title: "Confirm PIN",
+        subtitle: "Re-enter your 6-digit PIN to confirm",
+        errorMessage: pinError,
+        externalLoading: isAbcWaasLoading,
+        loadingMessage: walletCreationStatus || "Creating your wallet...",
+        progressSteps: walletCreationProgress
+      }
+    ), /* @__PURE__ */ React61.createElement(
+      PinInputModal,
+      {
+        isOpen: isPinVerifyModalOpen,
+        onClose: () => {
+          setIsPinVerifyModalOpen(false);
+          setAbcWaasEmail("");
+          setAbcWaasPassword("");
+          setAbcWaasLoginData(null);
+          setAbcWaasStep("MAIN" /* Main */);
+        },
+        onSubmit: handlePinVerify,
+        title: "Enter PIN",
+        subtitle: `Enter your PIN for ${abcWaasEmail}`,
+        showForgotPin: false,
+        externalLoading: isAbcWaasLoading,
+        loadingMessage: walletCreationStatus || "Unlocking your wallet...",
+        errorMessage: pinError,
+        progressSteps: walletCreationProgress
+      }
+    ));
+  }
+  return /* @__PURE__ */ React61.createElement(
     Box,
     {
       display: "flex",
       flexDirection: "row",
       style: { maxHeight: compactModeEnabled ? 468 : 504 }
     },
-    (compactModeEnabled ? walletStep === "NONE" /* None */ : true) && /* @__PURE__ */ React60.createElement(
+    (compactModeEnabled ? walletStep === "NONE" /* None */ : true) && /* @__PURE__ */ React61.createElement(
       Box,
       {
         className: compactModeEnabled || walletStep === "NONE" /* None */ ? sidebarCompactMode : sidebar,
@@ -10490,12 +10638,12 @@ function DesktopOptions({
         flexDirection: "column",
         marginTop: "16"
       },
-      /* @__PURE__ */ React60.createElement(Box, { display: "flex", justifyContent: "space-between" }, compactModeEnabled && Disclaimer && /* @__PURE__ */ React60.createElement(Box, { marginLeft: "16", width: "28" }, /* @__PURE__ */ React60.createElement(
+      /* @__PURE__ */ React61.createElement(Box, { display: "flex", justifyContent: "space-between" }, compactModeEnabled && Disclaimer && /* @__PURE__ */ React61.createElement(Box, { marginLeft: "16", width: "28" }, /* @__PURE__ */ React61.createElement(
         InfoButton,
         {
           onClick: () => changeWalletStep("LEARN_COMPACT" /* LearnCompact */)
         }
-      )), compactModeEnabled && !Disclaimer && /* @__PURE__ */ React60.createElement(Box, { marginLeft: "16", width: "28" }), /* @__PURE__ */ React60.createElement(
+      )), compactModeEnabled && !Disclaimer && /* @__PURE__ */ React61.createElement(Box, { marginLeft: "16", width: "28" }), /* @__PURE__ */ React61.createElement(
         Box,
         {
           marginLeft: compactModeEnabled ? "0" : "6",
@@ -10503,7 +10651,7 @@ function DesktopOptions({
           paddingTop: "2",
           paddingX: "18"
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           Text,
           {
             as: "h1",
@@ -10515,8 +10663,8 @@ function DesktopOptions({
           },
           i18n2.t("connect.title")
         )
-      ), compactModeEnabled && /* @__PURE__ */ React60.createElement(Box, { marginRight: "16" }, /* @__PURE__ */ React60.createElement(CloseButton, { onClose }))),
-      /* @__PURE__ */ React60.createElement(Box, { className: ScrollClassName, paddingBottom: "18" }, abcWaasStep === "MAIN" /* Main */ && /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement(
+      ), compactModeEnabled && /* @__PURE__ */ React61.createElement(Box, { marginRight: "16" }, /* @__PURE__ */ React61.createElement(CloseButton, { onClose }))),
+      /* @__PURE__ */ React61.createElement(Box, { className: ScrollClassName, paddingBottom: "18" }, abcWaasStep === "MAIN" /* Main */ && /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(
         AbcWaasLoginSection,
         {
           onEmailSubmit: handleEmailSubmit,
@@ -10524,7 +10672,7 @@ function DesktopOptions({
           compact: compactModeEnabled,
           isLoading: isAbcWaasLoading
         }
-      ), abcWaasError && /* @__PURE__ */ React60.createElement(Box, { marginX: "6", marginBottom: "8" }, /* @__PURE__ */ React60.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError)), /* @__PURE__ */ React60.createElement(
+      ), abcWaasError && /* @__PURE__ */ React61.createElement(Box, { marginX: "6", marginBottom: "8" }, /* @__PURE__ */ React61.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError)), /* @__PURE__ */ React61.createElement(
         Box,
         {
           marginX: "6",
@@ -10533,7 +10681,7 @@ function DesktopOptions({
           alignItems: "center",
           gap: "8"
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           Box,
           {
             background: "generalBorder",
@@ -10541,8 +10689,8 @@ function DesktopOptions({
             style: { flexGrow: 1 }
           }
         ),
-        /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, "OR"),
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, "OR"),
+        /* @__PURE__ */ React61.createElement(
           Box,
           {
             background: "generalBorder",
@@ -10550,7 +10698,7 @@ function DesktopOptions({
             style: { flexGrow: 1 }
           }
         )
-      )), abcWaasStep === "PASSWORD" /* Password */ && /* @__PURE__ */ React60.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React60.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Enter your password"), /* @__PURE__ */ React60.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, abcWaasEmail))), /* @__PURE__ */ React60.createElement("form", { onSubmit: handlePasswordSubmit }, /* @__PURE__ */ React60.createElement(
+      )), abcWaasStep === "PASSWORD" /* Password */ && /* @__PURE__ */ React61.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React61.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Enter your password"), /* @__PURE__ */ React61.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, abcWaasEmail))), /* @__PURE__ */ React61.createElement("form", { onSubmit: handlePasswordSubmit }, /* @__PURE__ */ React61.createElement(
         Box,
         {
           marginBottom: "12",
@@ -10561,7 +10709,7 @@ function DesktopOptions({
             border: "1px solid #d1d5db"
           }
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           "input",
           {
             type: "password",
@@ -10583,7 +10731,7 @@ function DesktopOptions({
             }
           }
         )
-      ), /* @__PURE__ */ React60.createElement(Box, { display: "flex", gap: "12" }, /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(Box, { display: "flex", gap: "12" }, /* @__PURE__ */ React61.createElement(
         Box,
         {
           as: "button",
@@ -10605,7 +10753,7 @@ function DesktopOptions({
           }
         },
         "Back"
-      ), /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(
         Box,
         {
           as: "button",
@@ -10626,7 +10774,7 @@ function DesktopOptions({
           }
         },
         "Continue"
-      ))), abcWaasError && /* @__PURE__ */ React60.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React60.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError))), (abcWaasStep === "OTP" /* Otp */ || abcWaasStep === "OTP_PASSWORD_SETUP" /* OtpPasswordSetup */) && /* @__PURE__ */ React60.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React60.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Enter verification code"), /* @__PURE__ */ React60.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, "We sent a code to ", abcWaasEmail))), /* @__PURE__ */ React60.createElement("form", { onSubmit: handleOtpSubmit }, /* @__PURE__ */ React60.createElement(
+      ))), abcWaasError && /* @__PURE__ */ React61.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React61.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError))), (abcWaasStep === "OTP" /* Otp */ || abcWaasStep === "OTP_PASSWORD_SETUP" /* OtpPasswordSetup */) && /* @__PURE__ */ React61.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React61.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Enter verification code"), /* @__PURE__ */ React61.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, "We sent a code to ", abcWaasEmail))), /* @__PURE__ */ React61.createElement("form", { onSubmit: handleOtpSubmit }, /* @__PURE__ */ React61.createElement(
         Box,
         {
           marginBottom: "12",
@@ -10637,7 +10785,7 @@ function DesktopOptions({
             border: "1px solid #d1d5db"
           }
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           "input",
           {
             type: "text",
@@ -10662,7 +10810,7 @@ function DesktopOptions({
             }
           }
         )
-      ), /* @__PURE__ */ React60.createElement(Box, { display: "flex", gap: "12" }, /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(Box, { display: "flex", gap: "12" }, /* @__PURE__ */ React61.createElement(
         Box,
         {
           as: "button",
@@ -10684,7 +10832,7 @@ function DesktopOptions({
           }
         },
         "Back"
-      ), /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(
         Box,
         {
           as: "button",
@@ -10705,7 +10853,7 @@ function DesktopOptions({
           }
         },
         "Verify"
-      ))), abcWaasError && /* @__PURE__ */ React60.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React60.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError))), abcWaasStep === "PASSWORD_SETUP" /* PasswordSetup */ && /* @__PURE__ */ React60.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React60.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Create your password"), /* @__PURE__ */ React60.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, "Set a password for ", abcWaasEmail))), /* @__PURE__ */ React60.createElement("form", { onSubmit: handlePasswordSetupSubmit }, /* @__PURE__ */ React60.createElement(
+      ))), abcWaasError && /* @__PURE__ */ React61.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React61.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError))), abcWaasStep === "PASSWORD_SETUP" /* PasswordSetup */ && /* @__PURE__ */ React61.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React61.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Create your password"), /* @__PURE__ */ React61.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, "Set a password for ", abcWaasEmail))), /* @__PURE__ */ React61.createElement("form", { onSubmit: handlePasswordSetupSubmit }, /* @__PURE__ */ React61.createElement(
         Box,
         {
           marginBottom: "12",
@@ -10716,7 +10864,7 @@ function DesktopOptions({
             border: "1px solid #d1d5db"
           }
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           "input",
           {
             type: "password",
@@ -10736,7 +10884,7 @@ function DesktopOptions({
             }
           }
         )
-      ), /* @__PURE__ */ React60.createElement(Box, { display: "flex", gap: "12" }, /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(Box, { display: "flex", gap: "12" }, /* @__PURE__ */ React61.createElement(
         Box,
         {
           as: "button",
@@ -10757,7 +10905,7 @@ function DesktopOptions({
           }
         },
         "Back"
-      ), /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(
         Box,
         {
           as: "button",
@@ -10777,7 +10925,7 @@ function DesktopOptions({
           }
         },
         "Continue"
-      ))), abcWaasError && /* @__PURE__ */ React60.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React60.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError))), abcWaasStep === "PASSWORD_CONFIRM" /* PasswordConfirm */ && /* @__PURE__ */ React60.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React60.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Confirm your password"), /* @__PURE__ */ React60.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, "Re-enter your password to confirm"))), /* @__PURE__ */ React60.createElement("form", { onSubmit: handlePasswordConfirmSubmit }, /* @__PURE__ */ React60.createElement(
+      ))), abcWaasError && /* @__PURE__ */ React61.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React61.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError))), abcWaasStep === "PASSWORD_CONFIRM" /* PasswordConfirm */ && /* @__PURE__ */ React61.createElement(Box, { marginX: "6", marginBottom: "16" }, /* @__PURE__ */ React61.createElement(Box, { marginBottom: "12" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "16", weight: "semibold" }, "Confirm your password"), /* @__PURE__ */ React61.createElement(Box, { marginTop: "4" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, "Re-enter your password to confirm"))), /* @__PURE__ */ React61.createElement("form", { onSubmit: handlePasswordConfirmSubmit }, /* @__PURE__ */ React61.createElement(
         Box,
         {
           marginBottom: "12",
@@ -10787,7 +10935,7 @@ function DesktopOptions({
             backgroundColor: "rgba(60, 66, 82, 0.8)"
           }
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           "input",
           {
             type: "password",
@@ -10807,7 +10955,7 @@ function DesktopOptions({
             }
           }
         )
-      ), /* @__PURE__ */ React60.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React60.createElement(
+      ), /* @__PURE__ */ React61.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React61.createElement(
         Box,
         {
           as: "button",
@@ -10826,8 +10974,8 @@ function DesktopOptions({
             cursor: isAbcWaasLoading ? "not-allowed" : "pointer"
           }
         },
-        /* @__PURE__ */ React60.createElement(Text, { color: "modalText", size: "14", weight: "semibold" }, "Back")
-      ), /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "14", weight: "semibold" }, "Back")
+      ), /* @__PURE__ */ React61.createElement(
         Box,
         {
           as: "button",
@@ -10842,7 +10990,7 @@ function DesktopOptions({
             cursor: isAbcWaasLoading ? "not-allowed" : "pointer"
           }
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           Text,
           {
             color: "accentColorForeground",
@@ -10851,9 +10999,9 @@ function DesktopOptions({
           },
           isAbcWaasLoading ? "Setting up..." : "Confirm"
         )
-      ))), abcWaasError && /* @__PURE__ */ React60.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React60.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError))), abcWaasStep === "MAIN" /* Main */ && /* @__PURE__ */ React60.createElement(React60.Fragment, null, (() => {
+      ))), abcWaasError && /* @__PURE__ */ React61.createElement(Box, { marginTop: "8" }, /* @__PURE__ */ React61.createElement(Text, { color: "error", size: "14", weight: "medium" }, abcWaasError))), abcWaasStep === "MAIN" /* Main */ && /* @__PURE__ */ React61.createElement(React61.Fragment, null, (() => {
         const installedWallets = groupedWallets["Installed"] || [];
-        return installedWallets.length > 0 && /* @__PURE__ */ React60.createElement(Fragment2, null, /* @__PURE__ */ React60.createElement(Box, { marginBottom: "8", marginTop: "16", marginX: "6" }, /* @__PURE__ */ React60.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, "Ethereum")), /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, (() => {
+        return installedWallets.length > 0 && /* @__PURE__ */ React61.createElement(Fragment2, null, /* @__PURE__ */ React61.createElement(Box, { marginBottom: "8", marginTop: "16", marginX: "6" }, /* @__PURE__ */ React61.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, "Ethereum")), /* @__PURE__ */ React61.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, (() => {
           const recentWalletIds = getRecentWalletIds();
           const mostRecentWalletId = recentWalletIds[0];
           const sortedWallets = [...installedWallets].sort(
@@ -10867,7 +11015,7 @@ function DesktopOptions({
               return a.name.localeCompare(b.name);
             }
           );
-          return sortedWallets.map((wallet) => /* @__PURE__ */ React60.createElement(
+          return sortedWallets.map((wallet) => /* @__PURE__ */ React61.createElement(
             ModalSelection,
             {
               currentlySelected: wallet.id === selectedOptionId,
@@ -10886,12 +11034,12 @@ function DesktopOptions({
       })(), solanaWallets?.Solana && solanaWallets.Solana.length > 0 && (() => {
         const recentWalletIds = getRecentSolanaWalletIds();
         const recentWalletId = recentWalletIds[0];
-        return /* @__PURE__ */ React60.createElement(Fragment2, null, /* @__PURE__ */ React60.createElement(Box, { marginBottom: "8", marginTop: "16", marginX: "6" }, /* @__PURE__ */ React60.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, "Solana")), /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, solanaWallets.Solana.map((wallet, index) => {
+        return /* @__PURE__ */ React61.createElement(Fragment2, null, /* @__PURE__ */ React61.createElement(Box, { marginBottom: "8", marginTop: "16", marginX: "6" }, /* @__PURE__ */ React61.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, "Solana")), /* @__PURE__ */ React61.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, solanaWallets.Solana.map((wallet, index) => {
           const { adapter } = wallet;
           const isInstalled = adapter.readyState === "Installed";
           const isConnecting = connectingSolanaWallet === adapter.name || isSolanaConnecting;
           const isRecent = adapter.name === recentWalletId;
-          return /* @__PURE__ */ React60.createElement(
+          return /* @__PURE__ */ React61.createElement(
             ModalSelection,
             {
               key: `solana-${adapter.name}-${index}`,
@@ -10916,7 +11064,7 @@ function DesktopOptions({
           }
           return found;
         }).filter((w) => w !== void 0);
-        return popularWallets.length > 0 && /* @__PURE__ */ React60.createElement(Fragment2, null, /* @__PURE__ */ React60.createElement(Box, { marginBottom: "8", marginTop: "16", marginX: "6" }, /* @__PURE__ */ React60.createElement(
+        return popularWallets.length > 0 && /* @__PURE__ */ React61.createElement(Fragment2, null, /* @__PURE__ */ React61.createElement(Box, { marginBottom: "8", marginTop: "16", marginX: "6" }, /* @__PURE__ */ React61.createElement(
           Text,
           {
             color: "modalTextSecondary",
@@ -10924,7 +11072,7 @@ function DesktopOptions({
             weight: "bold"
           },
           i18n2.t("connector_group.popular")
-        )), /* @__PURE__ */ React60.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, popularWallets.map((wallet) => /* @__PURE__ */ React60.createElement(
+        )), /* @__PURE__ */ React61.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, popularWallets.map((wallet) => /* @__PURE__ */ React61.createElement(
           ModalSelection,
           {
             currentlySelected: wallet.id === selectedOptionId,
@@ -10940,7 +11088,7 @@ function DesktopOptions({
           }
         ))));
       })())),
-      compactModeEnabled && /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement(Box, { background: "generalBorder", height: "1", marginTop: "-1" }), Disclaimer ? /* @__PURE__ */ React60.createElement(Box, { paddingX: "24", paddingY: "16", textAlign: "center" }, /* @__PURE__ */ React60.createElement(Disclaimer, { Link: DisclaimerLink, Text: DisclaimerText })) : /* @__PURE__ */ React60.createElement(
+      compactModeEnabled && /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(Box, { background: "generalBorder", height: "1", marginTop: "-1" }), Disclaimer ? /* @__PURE__ */ React61.createElement(Box, { paddingX: "24", paddingY: "16", textAlign: "center" }, /* @__PURE__ */ React61.createElement(Disclaimer, { Link: DisclaimerLink, Text: DisclaimerText })) : /* @__PURE__ */ React61.createElement(
         Box,
         {
           alignItems: "center",
@@ -10949,8 +11097,8 @@ function DesktopOptions({
           paddingX: "24",
           paddingY: "16"
         },
-        /* @__PURE__ */ React60.createElement(Box, { paddingY: "4" }, /* @__PURE__ */ React60.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t("connect.new_to_ethereum.description"))),
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(Box, { paddingY: "4" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "14", weight: "medium" }, i18n2.t("connect.new_to_ethereum.description"))),
+        /* @__PURE__ */ React61.createElement(
           Box,
           {
             alignItems: "center",
@@ -10959,7 +11107,7 @@ function DesktopOptions({
             gap: "4",
             justifyContent: "center"
           },
-          /* @__PURE__ */ React60.createElement(
+          /* @__PURE__ */ React61.createElement(
             Box,
             {
               className: touchableStyles({
@@ -10972,12 +11120,12 @@ function DesktopOptions({
               style: { willChange: "transform" },
               transition: "default"
             },
-            /* @__PURE__ */ React60.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("connect.new_to_ethereum.learn_more.label"))
+            /* @__PURE__ */ React61.createElement(Text, { color: "accentColor", size: "14", weight: "bold" }, i18n2.t("connect.new_to_ethereum.learn_more.label"))
           )
         )
       ))
     ),
-    (compactModeEnabled ? walletStep !== "NONE" /* None */ : walletStep !== "NONE" /* None */) && /* @__PURE__ */ React60.createElement(React60.Fragment, null, !compactModeEnabled && /* @__PURE__ */ React60.createElement(Box, { background: "generalBorder", minWidth: "1", width: "1" }), /* @__PURE__ */ React60.createElement(
+    (compactModeEnabled ? walletStep !== "NONE" /* None */ : walletStep !== "NONE" /* None */) && /* @__PURE__ */ React61.createElement(React61.Fragment, null, !compactModeEnabled && /* @__PURE__ */ React61.createElement(Box, { background: "generalBorder", minWidth: "1", width: "1" }), /* @__PURE__ */ React61.createElement(
       Box,
       {
         display: "flex",
@@ -10985,7 +11133,7 @@ function DesktopOptions({
         margin: "16",
         style: { flexGrow: 1 }
       },
-      /* @__PURE__ */ React60.createElement(
+      /* @__PURE__ */ React61.createElement(
         Box,
         {
           alignItems: "center",
@@ -10993,7 +11141,7 @@ function DesktopOptions({
           justifyContent: "space-between",
           marginBottom: "12"
         },
-        /* @__PURE__ */ React60.createElement(Box, { width: "28" }, headerBackButtonLink && /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(Box, { width: "28" }, headerBackButtonLink && /* @__PURE__ */ React61.createElement(
           Box,
           {
             as: "button",
@@ -11016,16 +11164,16 @@ function DesktopOptions({
             transition: "default",
             type: "button"
           },
-          /* @__PURE__ */ React60.createElement(BackIcon, null)
+          /* @__PURE__ */ React61.createElement(BackIcon, null)
         )),
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           Box,
           {
             display: "flex",
             justifyContent: "center",
             style: { flexGrow: 1 }
           },
-          headerLabel && /* @__PURE__ */ React60.createElement(
+          headerLabel && /* @__PURE__ */ React61.createElement(
             Text,
             {
               color: "modalText",
@@ -11036,16 +11184,16 @@ function DesktopOptions({
             headerLabel
           )
         ),
-        /* @__PURE__ */ React60.createElement(CloseButton, { onClose })
+        /* @__PURE__ */ React61.createElement(CloseButton, { onClose })
       ),
-      /* @__PURE__ */ React60.createElement(
+      /* @__PURE__ */ React61.createElement(
         Box,
         {
           display: "flex",
           flexDirection: "column",
           style: { minHeight: compactModeEnabled ? 396 : 432 }
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React61.createElement(
           Box,
           {
             alignItems: "center",
@@ -11060,7 +11208,7 @@ function DesktopOptions({
         )
       )
     )),
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React61.createElement(
       PinInputModal,
       {
         isOpen: isPinCreateModalOpen,
@@ -11077,7 +11225,7 @@ function DesktopOptions({
         errorMessage: pinError
       }
     ),
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React61.createElement(
       PinInputModal,
       {
         isOpen: isPinConfirmModalOpen,
@@ -11098,7 +11246,7 @@ function DesktopOptions({
         progressSteps: walletCreationProgress
       }
     ),
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React61.createElement(
       PinInputModal,
       {
         isOpen: isPinVerifyModalOpen,
@@ -11123,14 +11271,51 @@ function DesktopOptions({
 }
 
 // src/components/ConnectOptions/MobileOptions.tsx
-import React61, {
+import React62, {
   useCallback as useCallback11,
-  useContext as useContext19,
-  useEffect as useEffect19,
+  useContext as useContext20,
+  useEffect as useEffect20,
   useRef as useRef5,
-  useState as useState17
+  useState as useState18
 } from "react";
 
+// src/hooks/useDeviceType.ts
+import { useEffect as useEffect19, useState as useState17 } from "react";
+var BREAKPOINTS = {
+  mobile: 1024,
+  // 0-1024px (includes phones and tablets)
+  tablet: 1024
+  // Not used (mobile includes tablet)
+  // desktop: 1024+ (everything else)
+};
+function getDeviceState(width) {
+  const type = width <= BREAKPOINTS.mobile ? "mobile" : width <= BREAKPOINTS.tablet ? "tablet" : "desktop";
+  return {
+    type,
+    isMobile: type === "mobile",
+    isTablet: type === "tablet",
+    isDesktop: type === "desktop",
+    width
+  };
+}
+function useDeviceType() {
+  const [state, setState] = useState17(() => {
+    if (typeof window === "undefined") {
+      return getDeviceState(1920);
+    }
+    return getDeviceState(window.innerWidth);
+  });
+  useEffect19(() => {
+    setState(getDeviceState(window.innerWidth));
+    function handleResize() {
+      setState(getDeviceState(window.innerWidth));
+    }
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return state;
+}
+
 // src/components/ConnectOptions/MobileOptions.css.ts
 var rotatingBorder = "_4rh9bz2";
 var scroll = "_4rh9bz0";
@@ -11142,7 +11327,7 @@ var LoadingSpinner = ({ wallet }) => {
   const height = 80;
   const radiusFactor = 20;
   const perimeter = 2 * (width + height - 4 * radiusFactor);
-  return /* @__PURE__ */ React61.createElement("svg", { className: spinner2, viewBox: "0 0 86 86", width: "86", height: "86" }, /* @__PURE__ */ React61.createElement("title", null, "Loading"), /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React62.createElement("svg", { className: spinner2, viewBox: "0 0 86 86", width: "86", height: "86" }, /* @__PURE__ */ React62.createElement("title", null, "Loading"), /* @__PURE__ */ React62.createElement(
     "rect",
     {
       x: "3",
@@ -11181,7 +11366,7 @@ function WalletButton({
   } = wallet;
   const coolModeRef = useCoolMode(iconUrl);
   const initialized = useRef5(false);
-  const { i18n: i18n2 } = useContext19(I18nContext);
+  const { i18n: i18n2 } = useContext20(I18nContext);
   const onConnect = useCallback11(async () => {
     const onMobileUri = async () => {
       const mobileUri = await getMobileUri?.();
@@ -11209,13 +11394,13 @@ function WalletButton({
     }
     connect?.();
   }, [connect, getMobileUri, showWalletConnectModal, onClose, name, id]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (connecting && !initialized.current) {
       onConnect();
       initialized.current = true;
     }
   }, [connecting, onConnect]);
-  return /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React62.createElement(
     Box,
     {
       as: "button",
@@ -11230,7 +11415,7 @@ function WalletButton({
       type: "button",
       width: "full"
     },
-    /* @__PURE__ */ React61.createElement(
+    /* @__PURE__ */ React62.createElement(
       Box,
       {
         alignItems: "center",
@@ -11238,7 +11423,7 @@ function WalletButton({
         flexDirection: "column",
         justifyContent: "center"
       },
-      /* @__PURE__ */ React61.createElement(
+      /* @__PURE__ */ React62.createElement(
         Box,
         {
           display: "flex",
@@ -11248,8 +11433,8 @@ function WalletButton({
           paddingTop: "10",
           position: "relative"
         },
-        connecting ? /* @__PURE__ */ React61.createElement(LoadingSpinner, { wallet }) : null,
-        /* @__PURE__ */ React61.createElement(
+        connecting ? /* @__PURE__ */ React62.createElement(LoadingSpinner, { wallet }) : null,
+        /* @__PURE__ */ React62.createElement(
           AsyncImage,
           {
             background: iconBackground,
@@ -11261,7 +11446,7 @@ function WalletButton({
           }
         )
       ),
-      !connecting ? /* @__PURE__ */ React61.createElement(Box, { display: "flex", flexDirection: "column", textAlign: "center" }, /* @__PURE__ */ React61.createElement(
+      !connecting ? /* @__PURE__ */ React62.createElement(Box, { display: "flex", flexDirection: "column", textAlign: "center" }, /* @__PURE__ */ React62.createElement(
         Text,
         {
           as: "h2",
@@ -11269,31 +11454,42 @@ function WalletButton({
           size: "13",
           weight: "medium"
         },
-        /* @__PURE__ */ React61.createElement(Box, { as: "span", position: "relative" }, shortName ?? name, !wallet.ready && " (unsupported)")
-      ), wallet.recent && /* @__PURE__ */ React61.createElement(Text, { color: "accentColor", size: "12", weight: "medium" }, i18n2.t("connect.recent"))) : null
+        /* @__PURE__ */ React62.createElement(Box, { as: "span", position: "relative" }, shortName ?? name, !wallet.ready && " (unsupported)")
+      ), wallet.recent && /* @__PURE__ */ React62.createElement(Text, { color: "accentColor", size: "12", weight: "medium" }, i18n2.t("connect.recent"))) : null
     )
   );
 }
 function MobileOptions({ onClose }) {
+  const { isMobile: isSmallScreen } = useDeviceType();
+  let config2;
+  try {
+    config2 = useRainbowKitConfig();
+  } catch (_err) {
+    config2 = { mobileMode: "auto", compactLoginWallets: ["abcWallet"] };
+  }
+  const isCompactMode = isSmallScreen && config2?.mobileMode === "compact-login";
+  if (isCompactMode) {
+    return /* @__PURE__ */ React62.createElement(DesktopOptions, { onClose, compact: true });
+  }
   const titleId = "rk_connect_title";
   const wallets = useWalletConnectors().filter(
     (wallet) => wallet.isRainbowKitConnector
   );
-  const { disclaimer: Disclaimer, learnMoreUrl } = useContext19(AppContext);
+  const { disclaimer: Disclaimer, learnMoreUrl } = useContext20(AppContext);
   let headerLabel = null;
   let walletContent = null;
   let headerBackgroundContrast = false;
   let headerBackButtonLink = null;
-  const [walletStep, setWalletStep] = useState17(
+  const [walletStep, setWalletStep] = useState18(
     "CONNECT" /* Connect */
   );
-  const { i18n: i18n2 } = useContext19(I18nContext);
+  const { i18n: i18n2 } = useContext20(I18nContext);
   const ios = isIOS();
   switch (walletStep) {
     case "CONNECT" /* Connect */: {
       headerLabel = i18n2.t("connect.title");
       headerBackgroundContrast = true;
-      walletContent = /* @__PURE__ */ React61.createElement(Box, null, /* @__PURE__ */ React61.createElement(
+      walletContent = /* @__PURE__ */ React62.createElement(Box, null, /* @__PURE__ */ React62.createElement(
         Box,
         {
           background: "profileForeground",
@@ -11302,10 +11498,10 @@ function MobileOptions({ onClose }) {
           paddingBottom: "20",
           paddingTop: "6"
         },
-        /* @__PURE__ */ React61.createElement(Box, { display: "flex", style: { margin: "0 auto" } }, wallets.filter((wallet) => wallet.ready).map((wallet) => {
-          return /* @__PURE__ */ React61.createElement(Box, { key: wallet.id, paddingX: "20" }, /* @__PURE__ */ React61.createElement(Box, { width: "60" }, /* @__PURE__ */ React61.createElement(WalletButton, { onClose, wallet })));
+        /* @__PURE__ */ React62.createElement(Box, { display: "flex", style: { margin: "0 auto" } }, wallets.filter((wallet) => wallet.ready).map((wallet) => {
+          return /* @__PURE__ */ React62.createElement(Box, { key: wallet.id, paddingX: "20" }, /* @__PURE__ */ React62.createElement(Box, { width: "60" }, /* @__PURE__ */ React62.createElement(WalletButton, { onClose, wallet })));
         }))
-      ), /* @__PURE__ */ React61.createElement(
+      ), /* @__PURE__ */ React62.createElement(
         Box,
         {
           background: "generalBorder",
@@ -11313,7 +11509,7 @@ function MobileOptions({ onClose }) {
           marginBottom: "32",
           marginTop: "-1"
         }
-      ), /* @__PURE__ */ React61.createElement(
+      ), /* @__PURE__ */ React62.createElement(
         Box,
         {
           alignItems: "center",
@@ -11323,7 +11519,7 @@ function MobileOptions({ onClose }) {
           paddingX: "32",
           style: { textAlign: "center" }
         },
-        /* @__PURE__ */ React61.createElement(
+        /* @__PURE__ */ React62.createElement(
           Box,
           {
             display: "flex",
@@ -11331,10 +11527,10 @@ function MobileOptions({ onClose }) {
             gap: "8",
             textAlign: "center"
           },
-          /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "16", weight: "bold" }, i18n2.t("intro.title")),
-          /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "16" }, i18n2.t("intro.description"))
+          /* @__PURE__ */ React62.createElement(Text, { color: "modalText", size: "16", weight: "bold" }, i18n2.t("intro.title")),
+          /* @__PURE__ */ React62.createElement(Text, { color: "modalTextSecondary", size: "16" }, i18n2.t("intro.description"))
         )
-      ), /* @__PURE__ */ React61.createElement(Box, { paddingTop: "32", paddingX: "20" }, /* @__PURE__ */ React61.createElement(Box, { display: "flex", gap: "14", justifyContent: "center" }, /* @__PURE__ */ React61.createElement(
+      ), /* @__PURE__ */ React62.createElement(Box, { paddingTop: "32", paddingX: "20" }, /* @__PURE__ */ React62.createElement(Box, { display: "flex", gap: "14", justifyContent: "center" }, /* @__PURE__ */ React62.createElement(
         ActionButton,
         {
           label: i18n2.t("intro.get.label"),
@@ -11342,7 +11538,7 @@ function MobileOptions({ onClose }) {
           size: "large",
           type: "secondary"
         }
-      ), /* @__PURE__ */ React61.createElement(
+      ), /* @__PURE__ */ React62.createElement(
         ActionButton,
         {
           href: learnMoreUrl,
@@ -11350,7 +11546,7 @@ function MobileOptions({ onClose }) {
           size: "large",
           type: "secondary"
         }
-      ))), Disclaimer && /* @__PURE__ */ React61.createElement(Box, { marginTop: "28", marginX: "32", textAlign: "center" }, /* @__PURE__ */ React61.createElement(Disclaimer, { Link: DisclaimerLink, Text: DisclaimerText })));
+      ))), Disclaimer && /* @__PURE__ */ React62.createElement(Box, { marginTop: "28", marginX: "32", textAlign: "center" }, /* @__PURE__ */ React62.createElement(Disclaimer, { Link: DisclaimerLink, Text: DisclaimerText })));
       break;
     }
     case "GET" /* Get */: {
@@ -11359,7 +11555,7 @@ function MobileOptions({ onClose }) {
       const mobileWallets = wallets?.filter(
         (wallet) => wallet.downloadUrls?.ios || wallet.downloadUrls?.android || wallet.downloadUrls?.mobile
       )?.splice(0, 3);
-      walletContent = /* @__PURE__ */ React61.createElement(Box, null, /* @__PURE__ */ React61.createElement(
+      walletContent = /* @__PURE__ */ React62.createElement(Box, null, /* @__PURE__ */ React62.createElement(
         Box,
         {
           alignItems: "center",
@@ -11376,7 +11572,7 @@ function MobileOptions({ onClose }) {
           if (!downloadUrls?.ios && !downloadUrls?.android && !downloadUrls?.mobile) {
             return null;
           }
-          return /* @__PURE__ */ React61.createElement(
+          return /* @__PURE__ */ React62.createElement(
             Box,
             {
               display: "flex",
@@ -11385,7 +11581,7 @@ function MobileOptions({ onClose }) {
               paddingX: "20",
               width: "full"
             },
-            /* @__PURE__ */ React61.createElement(Box, { style: { minHeight: 48, minWidth: 48 } }, /* @__PURE__ */ React61.createElement(
+            /* @__PURE__ */ React62.createElement(Box, { style: { minHeight: 48, minWidth: 48 } }, /* @__PURE__ */ React62.createElement(
               AsyncImage,
               {
                 background: iconBackground,
@@ -11396,7 +11592,7 @@ function MobileOptions({ onClose }) {
                 width: "48"
               }
             )),
-            /* @__PURE__ */ React61.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React61.createElement(Box, { alignItems: "center", display: "flex", height: "48" }, /* @__PURE__ */ React61.createElement(Box, { width: "full" }, /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "18", weight: "bold" }, name)), /* @__PURE__ */ React61.createElement(
+            /* @__PURE__ */ React62.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React62.createElement(Box, { alignItems: "center", display: "flex", height: "48" }, /* @__PURE__ */ React62.createElement(Box, { width: "full" }, /* @__PURE__ */ React62.createElement(Text, { color: "modalText", size: "18", weight: "bold" }, name)), /* @__PURE__ */ React62.createElement(
               ActionButton,
               {
                 href: (ios ? downloadUrls?.ios : downloadUrls?.android) || downloadUrls?.mobile,
@@ -11404,7 +11600,7 @@ function MobileOptions({ onClose }) {
                 size: "small",
                 type: "secondary"
               }
-            )), index < mobileWallets.length - 1 && /* @__PURE__ */ React61.createElement(
+            )), index < mobileWallets.length - 1 && /* @__PURE__ */ React62.createElement(
               Box,
               {
                 background: "generalBorderDim",
@@ -11415,7 +11611,7 @@ function MobileOptions({ onClose }) {
             ))
           );
         })
-      ), /* @__PURE__ */ React61.createElement(Box, { style: { marginBottom: "42px" } }), /* @__PURE__ */ React61.createElement(
+      ), /* @__PURE__ */ React62.createElement(Box, { style: { marginBottom: "42px" } }), /* @__PURE__ */ React62.createElement(
         Box,
         {
           alignItems: "center",
@@ -11425,7 +11621,7 @@ function MobileOptions({ onClose }) {
           paddingX: "36",
           style: { textAlign: "center" }
         },
-        /* @__PURE__ */ React61.createElement(
+        /* @__PURE__ */ React62.createElement(
           Box,
           {
             display: "flex",
@@ -11433,14 +11629,14 @@ function MobileOptions({ onClose }) {
             gap: "12",
             textAlign: "center"
           },
-          /* @__PURE__ */ React61.createElement(Text, { color: "modalText", size: "16", weight: "bold" }, i18n2.t("get.looking_for.title")),
-          /* @__PURE__ */ React61.createElement(Text, { color: "modalTextSecondary", size: "16" }, i18n2.t("get.looking_for.mobile.description"))
+          /* @__PURE__ */ React62.createElement(Text, { color: "modalText", size: "16", weight: "bold" }, i18n2.t("get.looking_for.title")),
+          /* @__PURE__ */ React62.createElement(Text, { color: "modalTextSecondary", size: "16" }, i18n2.t("get.looking_for.mobile.description"))
         )
       ));
       break;
     }
   }
-  return /* @__PURE__ */ React61.createElement(Box, { display: "flex", flexDirection: "column", paddingBottom: "36" }, /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React62.createElement(Box, { display: "flex", flexDirection: "column", paddingBottom: "36" }, /* @__PURE__ */ React62.createElement(
     Box,
     {
       background: headerBackgroundContrast ? "profileForeground" : "modalBackground",
@@ -11449,7 +11645,7 @@ function MobileOptions({ onClose }) {
       paddingBottom: "4",
       paddingTop: "14"
     },
-    /* @__PURE__ */ React61.createElement(
+    /* @__PURE__ */ React62.createElement(
       Box,
       {
         display: "flex",
@@ -11458,7 +11654,7 @@ function MobileOptions({ onClose }) {
         paddingX: "20",
         position: "relative"
       },
-      headerBackButtonLink && /* @__PURE__ */ React61.createElement(
+      headerBackButtonLink && /* @__PURE__ */ React62.createElement(
         Box,
         {
           display: "flex",
@@ -11469,7 +11665,7 @@ function MobileOptions({ onClose }) {
             marginTop: -20
           }
         },
-        /* @__PURE__ */ React61.createElement(
+        /* @__PURE__ */ React62.createElement(
           Box,
           {
             alignItems: "center",
@@ -11488,10 +11684,10 @@ function MobileOptions({ onClose }) {
             transition: "default",
             type: "button"
           },
-          /* @__PURE__ */ React61.createElement(BackIcon, null)
+          /* @__PURE__ */ React62.createElement(BackIcon, null)
         )
       ),
-      /* @__PURE__ */ React61.createElement(Box, { marginTop: "4", textAlign: "center", width: "full" }, /* @__PURE__ */ React61.createElement(
+      /* @__PURE__ */ React62.createElement(Box, { marginTop: "4", textAlign: "center", width: "full" }, /* @__PURE__ */ React62.createElement(
         Text,
         {
           as: "h1",
@@ -11502,7 +11698,7 @@ function MobileOptions({ onClose }) {
         },
         headerLabel
       )),
-      /* @__PURE__ */ React61.createElement(
+      /* @__PURE__ */ React62.createElement(
         Box,
         {
           alignItems: "center",
@@ -11512,25 +11708,25 @@ function MobileOptions({ onClose }) {
           position: "absolute",
           right: "0"
         },
-        /* @__PURE__ */ React61.createElement(
+        /* @__PURE__ */ React62.createElement(
           Box,
           {
             style: { marginBottom: -20, marginTop: -20 }
           },
-          /* @__PURE__ */ React61.createElement(CloseButton, { onClose })
+          /* @__PURE__ */ React62.createElement(CloseButton, { onClose })
         )
       )
     )
-  ), /* @__PURE__ */ React61.createElement(Box, { display: "flex", flexDirection: "column" }, walletContent));
+  ), /* @__PURE__ */ React62.createElement(Box, { display: "flex", flexDirection: "column" }, walletContent));
 }
 
 // src/components/ConnectOptions/MobileStatus.tsx
-import React62, { useContext as useContext20 } from "react";
+import React63, { useContext as useContext21 } from "react";
 var MobileStatus = ({ onClose }) => {
-  const { connector } = useContext20(WalletButtonContext);
-  const { i18n: i18n2 } = useContext20(I18nContext);
+  const { connector } = useContext21(WalletButtonContext);
+  const { i18n: i18n2 } = useContext21(I18nContext);
   const connectorName = connector?.name || "";
-  return /* @__PURE__ */ React62.createElement(Box, null, /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React63.createElement(Box, null, /* @__PURE__ */ React63.createElement(
     Box,
     {
       display: "flex",
@@ -11540,7 +11736,7 @@ var MobileStatus = ({ onClose }) => {
       background: "profileForeground",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React62.createElement(
+    /* @__PURE__ */ React63.createElement(
       Box,
       {
         width: "full",
@@ -11549,10 +11745,10 @@ var MobileStatus = ({ onClose }) => {
         marginTop: "18",
         marginRight: "24"
       },
-      /* @__PURE__ */ React62.createElement(CloseButton, { onClose })
+      /* @__PURE__ */ React63.createElement(CloseButton, { onClose })
     ),
-    /* @__PURE__ */ React62.createElement(Box, { width: "60" }, /* @__PURE__ */ React62.createElement(WalletButton, { onClose, wallet: connector, connecting: true })),
-    /* @__PURE__ */ React62.createElement(Box, { marginTop: "20" }, /* @__PURE__ */ React62.createElement(
+    /* @__PURE__ */ React63.createElement(Box, { width: "60" }, /* @__PURE__ */ React63.createElement(WalletButton, { onClose, wallet: connector, connecting: true })),
+    /* @__PURE__ */ React63.createElement(Box, { marginTop: "20" }, /* @__PURE__ */ React63.createElement(
       Text,
       {
         textAlign: "center",
@@ -11564,7 +11760,7 @@ var MobileStatus = ({ onClose }) => {
         wallet: connectorName
       })
     )),
-    /* @__PURE__ */ React62.createElement(Box, { maxWidth: "full", marginTop: "8" }, /* @__PURE__ */ React62.createElement(Text, { textAlign: "center", color: "modalText", size: "16", weight: "medium" }, i18n2.t("connect.status.confirm_mobile", {
+    /* @__PURE__ */ React63.createElement(Box, { maxWidth: "full", marginTop: "8" }, /* @__PURE__ */ React63.createElement(Text, { textAlign: "center", color: "modalText", size: "16", weight: "medium" }, i18n2.t("connect.status.confirm_mobile", {
       wallet: connectorName
     })))
   ));
@@ -11572,17 +11768,17 @@ var MobileStatus = ({ onClose }) => {
 
 // src/components/ConnectOptions/ConnectOptions.tsx
 function ConnectOptions({ onClose }) {
-  const { connector } = useContext21(WalletButtonContext);
-  return isMobile() ? connector ? /* @__PURE__ */ React63.createElement(MobileStatus, { onClose }) : /* @__PURE__ */ React63.createElement(MobileOptions, { onClose }) : /* @__PURE__ */ React63.createElement(DesktopOptions, { onClose });
+  const { connector } = useContext22(WalletButtonContext);
+  return isMobile() ? connector ? /* @__PURE__ */ React64.createElement(MobileStatus, { onClose }) : /* @__PURE__ */ React64.createElement(MobileOptions, { onClose }) : /* @__PURE__ */ React64.createElement(DesktopOptions, { onClose });
 }
 
 // src/components/ConnectOptions/MultiChainConnectOptions.tsx
 import { useWallet as useWallet3 } from "@solana/wallet-adapter-react";
-import React66, { useContext as useContext22, useCallback as useCallback13, useState as useState19 } from "react";
+import React67, { useContext as useContext23, useCallback as useCallback13, useState as useState20 } from "react";
 
 // src/components/ChainSelector/ChainSelector.tsx
 import clsx3 from "clsx";
-import React64 from "react";
+import React65 from "react";
 
 // src/components/ChainSelector/ChainSelector.css.ts
 var chainOption = "_6lfrtn3 kwh1ipa kwh1ip4 kwh1ip2q kwh1ipy kwh1ip8u";
@@ -11597,7 +11793,7 @@ function ChainSelector({
   onChange,
   showSolana = true
 }) {
-  return /* @__PURE__ */ React64.createElement(Box, { className: chainSelectorContainer }, /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React65.createElement(Box, { className: chainSelectorContainer }, /* @__PURE__ */ React65.createElement(
     "button",
     {
       type: "button",
@@ -11607,7 +11803,7 @@ function ChainSelector({
       ),
       onClick: () => onChange("evm")
     },
-    /* @__PURE__ */ React64.createElement(
+    /* @__PURE__ */ React65.createElement(
       Text,
       {
         color: selectedChain === "evm" ? "accentColorForeground" : "modalText",
@@ -11618,7 +11814,7 @@ function ChainSelector({
       },
       "Ethereum & EVM"
     )
-  ), showSolana && /* @__PURE__ */ React64.createElement(
+  ), showSolana && /* @__PURE__ */ React65.createElement(
     "button",
     {
       type: "button",
@@ -11628,7 +11824,7 @@ function ChainSelector({
       ),
       onClick: () => onChange("solana")
     },
-    /* @__PURE__ */ React64.createElement(
+    /* @__PURE__ */ React65.createElement(
       Text,
       {
         color: selectedChain === "solana" ? "accentColorForeground" : "modalText",
@@ -11644,7 +11840,7 @@ function ChainSelector({
 
 // src/components/SolanaWalletList/SolanaWalletList.tsx
 import { useWallet as useWallet2 } from "@solana/wallet-adapter-react";
-import React65, { useCallback as useCallback12, useState as useState18 } from "react";
+import React66, { useCallback as useCallback12, useState as useState19 } from "react";
 
 // src/components/SolanaWalletList/SolanaWalletList.css.ts
 var installButton = "lkxkyzc kwh1ip19 kwh1ip1f";
@@ -11661,7 +11857,7 @@ function SolanaWalletList({
   onError
 }) {
   const { wallets, select, connect, connecting } = useWallet2();
-  const [connectingWallet, setConnectingWallet] = useState18(null);
+  const [connectingWallet, setConnectingWallet] = useState19(null);
   const handleWalletClick = useCallback12(
     async (walletName2) => {
       try {
@@ -11686,13 +11882,13 @@ function SolanaWalletList({
     window.open(url, "_blank", "noopener,noreferrer");
   }, []);
   if (wallets.length === 0) {
-    return /* @__PURE__ */ React65.createElement(Box, { className: walletListContainer }, /* @__PURE__ */ React65.createElement(Text, { color: "modalTextSecondary", style: { textAlign: "center" } }, "No Solana wallets detected. Please install a Solana wallet extension."));
+    return /* @__PURE__ */ React66.createElement(Box, { className: walletListContainer }, /* @__PURE__ */ React66.createElement(Text, { color: "modalTextSecondary", style: { textAlign: "center" } }, "No Solana wallets detected. Please install a Solana wallet extension."));
   }
-  return /* @__PURE__ */ React65.createElement(Box, { className: walletListContainer }, wallets.map((wallet) => {
+  return /* @__PURE__ */ React66.createElement(Box, { className: walletListContainer }, wallets.map((wallet) => {
     const { adapter } = wallet;
     const isInstalled = adapter.readyState === "Installed";
     const isConnecting = connectingWallet === adapter.name || connecting;
-    return /* @__PURE__ */ React65.createElement(
+    return /* @__PURE__ */ React66.createElement(
       Box,
       {
         key: adapter.name,
@@ -11703,7 +11899,7 @@ function SolanaWalletList({
           opacity: isConnecting ? 0.6 : 1
         }
       },
-      /* @__PURE__ */ React65.createElement(
+      /* @__PURE__ */ React66.createElement(
         "img",
         {
           src: adapter.icon,
@@ -11711,8 +11907,8 @@ function SolanaWalletList({
           className: walletIcon
         }
       ),
-      /* @__PURE__ */ React65.createElement(Box, { className: walletInfo }, /* @__PURE__ */ React65.createElement(Text, { color: "modalText", className: walletName }, adapter.name), /* @__PURE__ */ React65.createElement(Text, { color: "modalTextSecondary", className: walletStatus }, isConnecting ? "Connecting..." : isInstalled ? "Detected" : "Not installed")),
-      !isInstalled && adapter.url && /* @__PURE__ */ React65.createElement(
+      /* @__PURE__ */ React66.createElement(Box, { className: walletInfo }, /* @__PURE__ */ React66.createElement(Text, { color: "modalText", className: walletName }, adapter.name), /* @__PURE__ */ React66.createElement(Text, { color: "modalTextSecondary", className: walletStatus }, isConnecting ? "Connecting..." : isInstalled ? "Detected" : "Not installed")),
+      !isInstalled && adapter.url && /* @__PURE__ */ React66.createElement(
         "button",
         {
           type: "button",
@@ -11733,33 +11929,33 @@ function MultiChainConnectOptions({
   onClose,
   showChainSelector = true
 }) {
-  const multiChainContext = useContext22(MultiChainContext);
-  const { connector } = useContext22(WalletButtonContext);
+  const multiChainContext = useContext23(MultiChainContext);
+  const { connector } = useContext23(WalletButtonContext);
   if (!multiChainContext) {
-    return isMobile() ? connector ? /* @__PURE__ */ React66.createElement(MobileStatus, { onClose }) : /* @__PURE__ */ React66.createElement(MobileOptions, { onClose }) : /* @__PURE__ */ React66.createElement(DesktopOptions, { onClose });
+    return isMobile() ? connector ? /* @__PURE__ */ React67.createElement(MobileStatus, { onClose }) : /* @__PURE__ */ React67.createElement(MobileOptions, { onClose }) : /* @__PURE__ */ React67.createElement(DesktopOptions, { onClose });
   }
   const { activeChain, setActiveChain } = multiChainContext;
   if (isMobile()) {
-    return connector ? /* @__PURE__ */ React66.createElement(MobileStatus, { onClose }) : /* @__PURE__ */ React66.createElement(MobileOptions, { onClose });
+    return connector ? /* @__PURE__ */ React67.createElement(MobileStatus, { onClose }) : /* @__PURE__ */ React67.createElement(MobileOptions, { onClose });
   }
   if (showChainSelector) {
-    return /* @__PURE__ */ React66.createElement(Box, { display: "flex", flexDirection: "column", style: { height: "100%" } }, /* @__PURE__ */ React66.createElement(Box, { paddingX: "16", paddingTop: "8", paddingBottom: "4" }, /* @__PURE__ */ React66.createElement(
+    return /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", style: { height: "100%" } }, /* @__PURE__ */ React67.createElement(Box, { paddingX: "16", paddingTop: "8", paddingBottom: "4" }, /* @__PURE__ */ React67.createElement(
       ChainSelector,
       {
         selectedChain: activeChain,
         onChange: setActiveChain,
         showSolana: true
       }
-    )), activeChain === "evm" ? /* @__PURE__ */ React66.createElement(DesktopOptions, { onClose }) : /* @__PURE__ */ React66.createElement(Box, { padding: "16" }, /* @__PURE__ */ React66.createElement(SolanaWalletList, { onConnect: onClose })));
+    )), activeChain === "evm" ? /* @__PURE__ */ React67.createElement(DesktopOptions, { onClose }) : /* @__PURE__ */ React67.createElement(Box, { padding: "16" }, /* @__PURE__ */ React67.createElement(SolanaWalletList, { onConnect: onClose })));
   }
-  return /* @__PURE__ */ React66.createElement(UnifiedWalletList, { onClose });
+  return /* @__PURE__ */ React67.createElement(UnifiedWalletList, { onClose });
 }
 function UnifiedWalletList({ onClose }) {
   const { wallets: solanaWallets, select, connecting } = useWallet3();
-  const multiChainContext = useContext22(MultiChainContext);
-  const [connectingWallet, setConnectingWallet] = useState19(null);
-  const [shouldCloseOnConnect, setShouldCloseOnConnect] = useState19(false);
-  React66.useEffect(() => {
+  const multiChainContext = useContext23(MultiChainContext);
+  const [connectingWallet, setConnectingWallet] = useState20(null);
+  const [shouldCloseOnConnect, setShouldCloseOnConnect] = useState20(false);
+  React67.useEffect(() => {
     if (shouldCloseOnConnect && multiChainContext?.solanaConnected) {
       setShouldCloseOnConnect(false);
       onClose();
@@ -11808,7 +12004,7 @@ function UnifiedWalletList({ onClose }) {
     },
     [solanaWallets, select, multiChainContext?.solanaConnected, onClose]
   );
-  const groupedSolanaWallets = React66.useMemo(() => {
+  const groupedSolanaWallets = React67.useMemo(() => {
     const groups = {
       Solana: []
     };
@@ -11838,7 +12034,7 @@ function UnifiedWalletList({ onClose }) {
     groups.Solana = sortedWallets;
     return groups;
   }, [solanaWallets]);
-  return /* @__PURE__ */ React66.createElement(Box, { display: "flex", flexDirection: "column", style: { height: "100%" } }, /* @__PURE__ */ React66.createElement(
+  return /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", style: { height: "100%" } }, /* @__PURE__ */ React67.createElement(
     DesktopOptions,
     {
       onClose,
@@ -11854,43 +12050,43 @@ function UnifiedWalletList({ onClose }) {
 function ConnectModal({ onClose, open }) {
   const titleId = "rk_connect_title";
   const connectionStatus = useConnectionStatus();
-  const multiChainContext = useContext23(MultiChainContext);
+  const multiChainContext = useContext24(MultiChainContext);
   const { disconnect } = useDisconnect3();
   const { isConnecting } = useAccount14();
-  const onAuthCancel = React67.useCallback(() => {
+  const onAuthCancel = React68.useCallback(() => {
     onClose();
     disconnect();
   }, [onClose, disconnect]);
-  const onConnectModalCancel = React67.useCallback(() => {
+  const onConnectModalCancel = React68.useCallback(() => {
     if (isConnecting)
       disconnect();
     onClose();
   }, [onClose, disconnect, isConnecting]);
   if (connectionStatus === "disconnected") {
-    return /* @__PURE__ */ React67.createElement(Dialog, { onClose: onConnectModalCancel, open, titleId }, /* @__PURE__ */ React67.createElement(DialogContent, { bottomSheetOnMobile: true, padding: "0", wide: true }, multiChainContext ? /* @__PURE__ */ React67.createElement(
+    return /* @__PURE__ */ React68.createElement(Dialog, { onClose: onConnectModalCancel, open, titleId }, /* @__PURE__ */ React68.createElement(DialogContent, { bottomSheetOnMobile: true, padding: "0", wide: true }, multiChainContext ? /* @__PURE__ */ React68.createElement(
       MultiChainConnectOptions,
       {
         onClose: onConnectModalCancel,
         showChainSelector: false
       }
-    ) : /* @__PURE__ */ React67.createElement(ConnectOptions, { onClose: onConnectModalCancel })));
+    ) : /* @__PURE__ */ React68.createElement(ConnectOptions, { onClose: onConnectModalCancel })));
   }
   if (connectionStatus === "unauthenticated") {
-    return /* @__PURE__ */ React67.createElement(Dialog, { onClose: onAuthCancel, open, titleId }, /* @__PURE__ */ React67.createElement(DialogContent, { bottomSheetOnMobile: true, padding: "0" }, /* @__PURE__ */ React67.createElement(SignIn, { onClose: onAuthCancel, onCloseModal: onClose })));
+    return /* @__PURE__ */ React68.createElement(Dialog, { onClose: onAuthCancel, open, titleId }, /* @__PURE__ */ React68.createElement(DialogContent, { bottomSheetOnMobile: true, padding: "0" }, /* @__PURE__ */ React68.createElement(SignIn, { onClose: onAuthCancel, onCloseModal: onClose })));
   }
   return null;
 }
 
 // src/components/RainbowKitProvider/ModalContext.tsx
 function useModalStateValue() {
-  const [isModalOpen, setModalOpen] = useState20(false);
+  const [isModalOpen, setModalOpen] = useState21(false);
   return {
     closeModal: useCallback14(() => setModalOpen(false), []),
     isModalOpen,
     openModal: useCallback14(() => setModalOpen(true), [])
   };
 }
-var ModalContext = createContext13({
+var ModalContext = createContext14({
   accountModalOpen: false,
   chainModalOpen: false,
   connectModalOpen: false,
@@ -11914,12 +12110,12 @@ function ModalProvider({ children }) {
     isModalOpen: chainModalOpen,
     openModal: openChainModal
   } = useModalStateValue();
-  const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState20(false);
+  const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState21(false);
   const connectionStatus = useConnectionStatus();
   const { chainId } = useAccount15();
   const { chains } = useConfig3();
   const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
-  const multiChainContext = useContext24(MultiChainContext);
+  const multiChainContext = useContext25(MultiChainContext);
   const _isAnyChainConnected = connectionStatus === "connected" || multiChainContext?.solanaConnected;
   const closeModals = useCallback14(
     ({ keepConnectModalOpen = false } = {}) => {
@@ -11936,11 +12132,11 @@ function ModalProvider({ children }) {
     onConnect: () => closeModals({ keepConnectModalOpen: isUnauthenticated }),
     onDisconnect: () => closeModals()
   });
-  useEffect20(() => {
+  useEffect21(() => {
     if (isUnauthenticated)
       closeModals();
   }, [isUnauthenticated, closeModals]);
-  return /* @__PURE__ */ React68.createElement(
+  return /* @__PURE__ */ React69.createElement(
     ModalContext.Provider,
     {
       value: useMemo10(
@@ -11969,13 +12165,13 @@ function ModalProvider({ children }) {
       )
     },
     children,
-    /* @__PURE__ */ React68.createElement(ConnectModal, { onClose: closeConnectModal, open: connectModalOpen }),
-    /* @__PURE__ */ React68.createElement(AccountModal, { onClose: closeAccountModal, open: accountModalOpen }),
-    /* @__PURE__ */ React68.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen })
+    /* @__PURE__ */ React69.createElement(ConnectModal, { onClose: closeConnectModal, open: connectModalOpen }),
+    /* @__PURE__ */ React69.createElement(AccountModal, { onClose: closeAccountModal, open: accountModalOpen }),
+    /* @__PURE__ */ React69.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen })
   );
 }
 function useModalState() {
-  const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext24(ModalContext);
+  const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext25(ModalContext);
   return {
     accountModalOpen,
     chainModalOpen,
@@ -11983,19 +12179,19 @@ function useModalState() {
   };
 }
 function useAccountModal() {
-  const { accountModalOpen, openAccountModal } = useContext24(ModalContext);
+  const { accountModalOpen, openAccountModal } = useContext25(ModalContext);
   return { accountModalOpen, openAccountModal };
 }
 function useChainModal() {
-  const { chainModalOpen, openChainModal } = useContext24(ModalContext);
+  const { chainModalOpen, openChainModal } = useContext25(ModalContext);
   return { chainModalOpen, openChainModal };
 }
 function useWalletConnectOpenState() {
-  const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext24(ModalContext);
+  const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext25(ModalContext);
   return { isWalletConnectModalOpen, setIsWalletConnectModalOpen };
 }
 function useConnectModal() {
-  const { connectModalOpen, openConnectModal } = useContext24(ModalContext);
+  const { connectModalOpen, openConnectModal } = useContext25(ModalContext);
   const { isWalletConnectModalOpen } = useWalletConnectOpenState();
   return {
     connectModalOpen: connectModalOpen || isWalletConnectModalOpen,
@@ -12023,8 +12219,8 @@ function ConnectButtonRenderer({
   const chainIconUrl = rainbowKitChain?.iconUrl ?? void 0;
   const chainIconBackground = rainbowKitChain?.iconBackground ?? void 0;
   const resolvedChainIconUrl = useAsyncImage(chainIconUrl);
-  const multiChainContext = useContext25(MultiChainContext);
-  const showRecentTransactions = useContext25(ShowRecentTransactionsContext);
+  const multiChainContext = useContext26(MultiChainContext);
+  const showRecentTransactions = useContext26(ShowRecentTransactionsContext);
   const hasPendingTransactions = useRecentTransactions().some(({ status }) => status === "pending") && showRecentTransactions;
   const { showBalance } = useShowBalance();
   const computeShouldShowBalance = () => {
@@ -12046,7 +12242,7 @@ function ConnectButtonRenderer({
   const { openChainModal } = useChainModal();
   const { openAccountModal } = useAccountModal();
   const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
-  return /* @__PURE__ */ React69.createElement(React69.Fragment, null, children({
+  return /* @__PURE__ */ React70.createElement(React70.Fragment, null, children({
     account: address ? {
       address,
       balanceDecimals: balance?.decimals,
@@ -12103,14 +12299,14 @@ function ConnectButton({
   const chains = useRainbowKitChains();
   const connectionStatus = useConnectionStatus();
   const { setShowBalance } = useShowBalance();
-  const [ready, setReady] = useState21(false);
-  const { i18n: i18n2 } = useContext26(I18nContext);
-  useEffect21(() => {
+  const [ready, setReady] = useState22(false);
+  const { i18n: i18n2 } = useContext27(I18nContext);
+  useEffect22(() => {
     setShowBalance(showBalance);
     if (!ready)
       setReady(true);
   }, [showBalance, setShowBalance]);
-  return ready ? /* @__PURE__ */ React70.createElement(ConnectButtonRenderer, null, ({
+  return ready ? /* @__PURE__ */ React71.createElement(ConnectButtonRenderer, null, ({
     account,
     chain,
     mounted,
@@ -12130,7 +12326,7 @@ function ConnectButton({
       ensName: void 0,
       hasPendingTransactions: false
     } : void 0);
-    return /* @__PURE__ */ React70.createElement(
+    return /* @__PURE__ */ React71.createElement(
       Box,
       {
         display: "flex",
@@ -12144,7 +12340,7 @@ function ConnectButton({
           }
         }
       },
-      ready2 && isAnyChainConnected ? /* @__PURE__ */ React70.createElement(React70.Fragment, null, chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React70.createElement(
+      ready2 && isAnyChainConnected ? /* @__PURE__ */ React71.createElement(React71.Fragment, null, chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React71.createElement(
         Box,
         {
           alignItems: "center",
@@ -12176,7 +12372,7 @@ function ConnectButton({
           transition: "default",
           type: "button"
         },
-        unsupportedChain ? /* @__PURE__ */ React70.createElement(
+        unsupportedChain ? /* @__PURE__ */ React71.createElement(
           Box,
           {
             alignItems: "center",
@@ -12185,7 +12381,7 @@ function ConnectButton({
             paddingX: "4"
           },
           i18n2.t("connect_wallet.wrong_network.label")
-        ) : /* @__PURE__ */ React70.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React70.createElement(
+        ) : /* @__PURE__ */ React71.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React71.createElement(
           Box,
           {
             display: mapResponsiveValue(
@@ -12195,7 +12391,7 @@ function ConnectButton({
             height: "24",
             width: "24"
           },
-          /* @__PURE__ */ React70.createElement(
+          /* @__PURE__ */ React71.createElement(
             AsyncImage,
             {
               alt: chain.name ?? "Chain icon",
@@ -12206,7 +12402,7 @@ function ConnectButton({
               width: "24"
             }
           )
-        ) : null, /* @__PURE__ */ React70.createElement(
+        ) : null, /* @__PURE__ */ React71.createElement(
           Box,
           {
             display: mapResponsiveValue(chainStatus, (value) => {
@@ -12218,8 +12414,8 @@ function ConnectButton({
           },
           chain.name ?? chain.id
         )),
-        /* @__PURE__ */ React70.createElement(DropdownIcon, null)
-      ), !unsupportedChain && displayAccount && /* @__PURE__ */ React70.createElement(
+        /* @__PURE__ */ React71.createElement(DropdownIcon, null)
+      ), !unsupportedChain && displayAccount && /* @__PURE__ */ React71.createElement(
         Box,
         {
           alignItems: "center",
@@ -12240,7 +12436,7 @@ function ConnectButton({
           transition: "default",
           type: "button"
         },
-        displayAccount.displayBalance && /* @__PURE__ */ React70.createElement(
+        displayAccount.displayBalance && /* @__PURE__ */ React71.createElement(
           Box,
           {
             display: mapResponsiveValue(
@@ -12252,7 +12448,7 @@ function ConnectButton({
           },
           displayAccount.displayBalance
         ),
-        /* @__PURE__ */ React70.createElement(
+        /* @__PURE__ */ React71.createElement(
           Box,
           {
             background: normalizeResponsiveValue(showBalance)[isMobile() ? "smallScreen" : "largeScreen"] ? "connectButtonInnerBackground" : "connectButtonBackground",
@@ -12267,7 +12463,7 @@ function ConnectButton({
             paddingY: "6",
             transition: "default"
           },
-          /* @__PURE__ */ React70.createElement(
+          /* @__PURE__ */ React71.createElement(
             Box,
             {
               alignItems: "center",
@@ -12275,7 +12471,7 @@ function ConnectButton({
               gap: "6",
               height: "24"
             },
-            /* @__PURE__ */ React70.createElement(
+            /* @__PURE__ */ React71.createElement(
               Box,
               {
                 display: mapResponsiveValue(
@@ -12283,7 +12479,7 @@ function ConnectButton({
                   (value) => value === "full" || value === "avatar" ? "block" : "none"
                 )
               },
-              /* @__PURE__ */ React70.createElement(
+              /* @__PURE__ */ React71.createElement(
                 Avatar,
                 {
                   address: displayAccount.address,
@@ -12293,7 +12489,7 @@ function ConnectButton({
                 }
               )
             ),
-            /* @__PURE__ */ React70.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React70.createElement(
+            /* @__PURE__ */ React71.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React71.createElement(
               Box,
               {
                 display: mapResponsiveValue(
@@ -12302,10 +12498,10 @@ function ConnectButton({
                 )
               },
               displayAccount.displayName
-            ), /* @__PURE__ */ React70.createElement(DropdownIcon, null))
+            ), /* @__PURE__ */ React71.createElement(DropdownIcon, null))
           )
         )
-      )) : /* @__PURE__ */ React70.createElement(
+      )) : /* @__PURE__ */ React71.createElement(
         Box,
         {
           as: "button",
@@ -12330,24 +12526,24 @@ function ConnectButton({
         mounted && label === "Connect Wallet" ? i18n2.t("connect_wallet.label") : label
       )
     );
-  }) : /* @__PURE__ */ React70.createElement(React70.Fragment, null);
+  }) : /* @__PURE__ */ React71.createElement(React71.Fragment, null);
 }
 ConnectButton.__defaultProps = defaultProps;
 ConnectButton.Custom = ConnectButtonRenderer;
 
 // src/components/WalletButton/WalletButton.tsx
-import React72, { useContext as useContext28 } from "react";
+import React73, { useContext as useContext29 } from "react";
 
 // src/components/WalletButton/WalletButton.css.ts
 var border = "hk857q0";
 var maxWidth = "hk857q1";
 
 // src/components/WalletButton/WalletButtonRenderer.tsx
-import React71, {
-  useContext as useContext27,
-  useEffect as useEffect22,
+import React72, {
+  useContext as useContext28,
+  useEffect as useEffect23,
   useMemo as useMemo11,
-  useState as useState22
+  useState as useState23
 } from "react";
 import { useAccount as useAccount17, useAccountEffect as useAccountEffect4 } from "wagmi";
 function WalletButtonRenderer({
@@ -12359,16 +12555,16 @@ function WalletButtonRenderer({
   const isMounted = useIsMounted();
   const { openConnectModal } = useConnectModal();
   const { connectModalOpen } = useModalState();
-  const { connector, setConnector } = useContext27(WalletButtonContext);
+  const { connector, setConnector } = useContext28(WalletButtonContext);
   const [firstConnector] = useWalletConnectors().filter((wallet2) => wallet2.isRainbowKitConnector).filter((_wallet) => _wallet.id.toLowerCase() === wallet.toLowerCase()).sort((a, b) => a.groupIndex - b.groupIndex);
   if (!firstConnector) {
     throw new Error("Connector not found");
   }
   const connectionStatus = useConnectionStatus();
-  const [loading2, setLoading] = useState22(false);
-  const [isError, setIsError] = useState22(false);
+  const [loading2, setLoading] = useState23(false);
+  const [isError, setIsError] = useState23(false);
   const mobile = isMobile();
-  useEffect22(() => {
+  useEffect23(() => {
     if (!connectModalOpen && connector)
       setConnector(null);
   }, [connectModalOpen, connector, setConnector]);
@@ -12404,7 +12600,7 @@ function WalletButtonRenderer({
   const isStatusLoading = connectionStatus === "loading";
   const ready = !isConnecting && !!openConnectModal && firstConnector && !isStatusLoading;
   const isNotSupported = !firstConnector?.installed || !firstConnector?.ready;
-  return /* @__PURE__ */ React71.createElement(React71.Fragment, null, children({
+  return /* @__PURE__ */ React72.createElement(React72.Fragment, null, children({
     error: isError,
     loading: loading2,
     connected: isLastWalletIdConnected,
@@ -12425,13 +12621,13 @@ function WalletButtonRenderer({
 
 // src/components/WalletButton/WalletButton.tsx
 var WalletButton2 = ({ wallet }) => {
-  return /* @__PURE__ */ React72.createElement(WalletButtonRenderer, { wallet }, ({ ready, connect, connected, mounted, connector, loading: loading2 }) => {
+  return /* @__PURE__ */ React73.createElement(WalletButtonRenderer, { wallet }, ({ ready, connect, connected, mounted, connector, loading: loading2 }) => {
     const isDisabled = !ready || loading2;
-    const { i18n: i18n2 } = useContext28(I18nContext);
+    const { i18n: i18n2 } = useContext29(I18nContext);
     const connectorName = connector?.name || "";
     if (!mounted)
       return;
-    return /* @__PURE__ */ React72.createElement(
+    return /* @__PURE__ */ React73.createElement(
       Box,
       {
         display: "flex",
@@ -12440,7 +12636,7 @@ var WalletButton2 = ({ wallet }) => {
         disabled: isDisabled,
         pointerEvents: isDisabled ? "none" : "all"
       },
-      /* @__PURE__ */ React72.createElement(
+      /* @__PURE__ */ React73.createElement(
         Box,
         {
           as: "button",
@@ -12465,7 +12661,7 @@ var WalletButton2 = ({ wallet }) => {
           width: "full",
           background: "connectButtonBackground"
         },
-        /* @__PURE__ */ React72.createElement(
+        /* @__PURE__ */ React73.createElement(
           Box,
           {
             color: "modalText",
@@ -12476,7 +12672,7 @@ var WalletButton2 = ({ wallet }) => {
             display: "flex",
             alignItems: "center"
           },
-          /* @__PURE__ */ React72.createElement(
+          /* @__PURE__ */ React73.createElement(
             Box,
             {
               alignItems: "center",
@@ -12485,7 +12681,7 @@ var WalletButton2 = ({ wallet }) => {
               gap: "12",
               paddingRight: "6"
             },
-            /* @__PURE__ */ React72.createElement(Box, null, loading2 ? /* @__PURE__ */ React72.createElement(SpinnerIcon, null) : /* @__PURE__ */ React72.createElement(
+            /* @__PURE__ */ React73.createElement(Box, null, loading2 ? /* @__PURE__ */ React73.createElement(SpinnerIcon, null) : /* @__PURE__ */ React73.createElement(
               AsyncImage,
               {
                 background: connector?.iconBackground,
@@ -12495,7 +12691,7 @@ var WalletButton2 = ({ wallet }) => {
                 width: "28"
               }
             )),
-            /* @__PURE__ */ React72.createElement(
+            /* @__PURE__ */ React73.createElement(
               Box,
               {
                 alignItems: "center",
@@ -12503,11 +12699,11 @@ var WalletButton2 = ({ wallet }) => {
                 flexDirection: "column",
                 color: "modalText"
               },
-              /* @__PURE__ */ React72.createElement(Box, { testId: `wallet-button-label-${connector?.id || ""}` }, loading2 ? i18n2.t("connect.status.connecting", {
+              /* @__PURE__ */ React73.createElement(Box, { testId: `wallet-button-label-${connector?.id || ""}` }, loading2 ? i18n2.t("connect.status.connecting", {
                 wallet: connectorName
               }) : connectorName)
             ),
-            connected ? /* @__PURE__ */ React72.createElement(
+            connected ? /* @__PURE__ */ React73.createElement(
               Box,
               {
                 background: "connectionIndicator",
@@ -13291,11 +13487,11 @@ var __private__ = {
 };
 
 // src/hooks/useSolSignMessage.ts
-import { useState as useState23 } from "react";
+import { useState as useState24 } from "react";
 function useSolSignMessage(solanaWallet) {
-  const [isLoading, setIsLoading] = useState23(false);
-  const [error3, setError] = useState23(null);
-  const [data, setData] = useState23(null);
+  const [isLoading, setIsLoading] = useState24(false);
+  const [error3, setError] = useState24(null);
+  const [data, setData] = useState24(null);
   const signMessage = async (params) => {
     setIsLoading(true);
     setError(null);
@@ -13340,11 +13536,11 @@ import {
   SystemProgram,
   Transaction
 } from "@solana/web3.js";
-import { useState as useState24 } from "react";
+import { useState as useState25 } from "react";
 function useSolSignTransaction(solanaWallet) {
-  const [isLoading, setIsLoading] = useState24(false);
-  const [error3, setError] = useState24(null);
-  const [data, setData] = useState24(null);
+  const [isLoading, setIsLoading] = useState25(false);
+  const [error3, setError] = useState25(null);
+  const [data, setData] = useState25(null);
   const signTransaction = async (params) => {
     setIsLoading(true);
     setError(null);
@@ -13447,7 +13643,7 @@ function getSolanaConfig(options = {}) {
 }
 
 // src/components/ChainIndicator/ChainIndicator.tsx
-import React73 from "react";
+import React74 from "react";
 
 // src/components/ChainIndicator/ChainIndicator.css.ts
 var chainBadge = "_1ef0eqv5";
@@ -13477,18 +13673,18 @@ function ChainIndicator({
   const chainDefaults = CHAIN_DEFAULTS[chain];
   const resolvedIconUrl = iconUrl ?? chainDefaults.iconUrl;
   const resolvedName = displayName ?? chainDefaults.name;
-  return /* @__PURE__ */ React73.createElement(Box, { className: chainIndicatorContainer }, showIcon && /* @__PURE__ */ React73.createElement(
+  return /* @__PURE__ */ React74.createElement(Box, { className: chainIndicatorContainer }, showIcon && /* @__PURE__ */ React74.createElement(
     "img",
     {
       src: resolvedIconUrl,
       alt: `${resolvedName} icon`,
       className: chainIcon
     }
-  ), showName && /* @__PURE__ */ React73.createElement(Text, { color: "modalText", className: chainName }, resolvedName), showBadge && /* @__PURE__ */ React73.createElement("div", { className: chainBadge }));
+  ), showName && /* @__PURE__ */ React74.createElement(Text, { color: "modalText", className: chainName }, resolvedName), showBadge && /* @__PURE__ */ React74.createElement("div", { className: chainBadge }));
 }
 
 // src/components/AbcLoginModal/AbcLoginModal.tsx
-import React79, { useState as useState30, useEffect as useEffect24 } from "react";
+import React80, { useState as useState31, useEffect as useEffect25 } from "react";
 
 // src/wallets/walletConnectors/abcWallet/api/BaseApiClient.ts
 var BaseApiClient = class {
@@ -15489,7 +15685,7 @@ async function recoverSolanaWallet(client, hashedPin) {
 }
 
 // src/components/AbcLoginModal/EmailLogin.tsx
-import React74, { useState as useState25 } from "react";
+import React75, { useState as useState26 } from "react";
 
 // src/components/AbcLoginModal/styles.css.ts
 var buttonGroup = "_1fbuhjmg";
@@ -15518,8 +15714,8 @@ var title2 = "_1fbuhjm3";
 
 // src/components/AbcLoginModal/EmailLogin.tsx
 function EmailLogin({ onSubmit, onError }) {
-  const [email, setEmail] = useState25("");
-  const [loading2, setLoading] = useState25(false);
+  const [email, setEmail] = useState26("");
+  const [loading2, setLoading] = useState26(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!validateEmail(email)) {
@@ -15531,7 +15727,7 @@ function EmailLogin({ onSubmit, onError }) {
     onSubmit(email);
     setLoading(false);
   };
-  return /* @__PURE__ */ React74.createElement("form", { onSubmit: handleSubmit, className: form }, /* @__PURE__ */ React74.createElement("div", null, /* @__PURE__ */ React74.createElement(
+  return /* @__PURE__ */ React75.createElement("form", { onSubmit: handleSubmit, className: form }, /* @__PURE__ */ React75.createElement("div", null, /* @__PURE__ */ React75.createElement(
     "input",
     {
       type: "email",
@@ -15541,7 +15737,7 @@ function EmailLogin({ onSubmit, onError }) {
       className: emailInput,
       disabled: loading2
     }
-  )), /* @__PURE__ */ React74.createElement(
+  )), /* @__PURE__ */ React75.createElement(
     "button",
     {
       type: "submit",
@@ -15549,11 +15745,11 @@ function EmailLogin({ onSubmit, onError }) {
       disabled: loading2 || !email
     },
     loading2 ? "Checking..." : "Continue"
-  ), /* @__PURE__ */ React74.createElement("p", { className: hint }, "Enter your email to continue"));
+  ), /* @__PURE__ */ React75.createElement("p", { className: hint }, "Enter your email to continue"));
 }
 
 // src/components/AbcLoginModal/OtpLogin.tsx
-import React75, { useEffect as useEffect23, useState as useState26 } from "react";
+import React76, { useEffect as useEffect24, useState as useState27 } from "react";
 function OtpLogin({
   email,
   onSuccess,
@@ -15561,9 +15757,9 @@ function OtpLogin({
   onBack,
   waasUrl
 }) {
-  const [otp, setOtp] = useState26("");
-  const [loading2, setLoading] = useState26(false);
-  useEffect23(() => {
+  const [otp, setOtp] = useState27("");
+  const [loading2, setLoading] = useState27(false);
+  useEffect24(() => {
     const requestOtp = async () => {
       try {
         const client = createAbcWaasClient({
@@ -15622,7 +15818,7 @@ function OtpLogin({
       onError(error3.message || "Failed to resend code");
     }
   };
-  return /* @__PURE__ */ React75.createElement("form", { onSubmit: handleSubmit, className: form }, /* @__PURE__ */ React75.createElement("p", { className: otpHint }, "Enter the 6-digit code sent to ", /* @__PURE__ */ React75.createElement("strong", null, email)), /* @__PURE__ */ React75.createElement(
+  return /* @__PURE__ */ React76.createElement("form", { onSubmit: handleSubmit, className: form }, /* @__PURE__ */ React76.createElement("p", { className: otpHint }, "Enter the 6-digit code sent to ", /* @__PURE__ */ React76.createElement("strong", null, email)), /* @__PURE__ */ React76.createElement(
     "input",
     {
       type: "text",
@@ -15636,7 +15832,7 @@ function OtpLogin({
       disabled: loading2,
       maxLength: 6
     }
-  ), /* @__PURE__ */ React75.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React75.createElement(
+  ), /* @__PURE__ */ React76.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React76.createElement(
     "button",
     {
       type: "button",
@@ -15645,7 +15841,7 @@ function OtpLogin({
       disabled: loading2
     },
     "Back"
-  ), /* @__PURE__ */ React75.createElement(
+  ), /* @__PURE__ */ React76.createElement(
     "button",
     {
       type: "submit",
@@ -15653,7 +15849,7 @@ function OtpLogin({
       disabled: loading2 || otp.length !== 6
     },
     loading2 ? "Verifying..." : "Verify"
-  )), /* @__PURE__ */ React75.createElement(
+  )), /* @__PURE__ */ React76.createElement(
     "button",
     {
       type: "button",
@@ -15666,15 +15862,15 @@ function OtpLogin({
 }
 
 // src/components/AbcLoginModal/PasswordInput.tsx
-import React76, { useState as useState27 } from "react";
+import React77, { useState as useState28 } from "react";
 function PasswordInput({
   email,
   onSubmit,
   onError,
   onBack
 }) {
-  const [password, setPassword] = useState27("");
-  const [loading2, setLoading] = useState27(false);
+  const [password, setPassword] = useState28("");
+  const [loading2, setLoading] = useState28(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!password || password.length < 6) {
@@ -15686,7 +15882,7 @@ function PasswordInput({
     onSubmit(password);
     setLoading(false);
   };
-  return /* @__PURE__ */ React76.createElement("form", { onSubmit: handleSubmit, className: form }, /* @__PURE__ */ React76.createElement("p", { className: hint }, "Welcome back! ", /* @__PURE__ */ React76.createElement("strong", null, email)), /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React77.createElement("form", { onSubmit: handleSubmit, className: form }, /* @__PURE__ */ React77.createElement("p", { className: hint }, "Welcome back! ", /* @__PURE__ */ React77.createElement("strong", null, email)), /* @__PURE__ */ React77.createElement(
     "input",
     {
       type: "password",
@@ -15696,7 +15892,7 @@ function PasswordInput({
       className: pinInput,
       disabled: loading2
     }
-  ), /* @__PURE__ */ React76.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React76.createElement(
+  ), /* @__PURE__ */ React77.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React77.createElement(
     "button",
     {
       type: "button",
@@ -15705,7 +15901,7 @@ function PasswordInput({
       disabled: loading2
     },
     "Back"
-  ), /* @__PURE__ */ React76.createElement(
+  ), /* @__PURE__ */ React77.createElement(
     "button",
     {
       type: "submit",
@@ -15717,7 +15913,7 @@ function PasswordInput({
 }
 
 // src/components/AbcLoginModal/PinInput.tsx
-import React77, { useState as useState28 } from "react";
+import React78, { useState as useState29 } from "react";
 function PinInput({
   email,
   onSuccess,
@@ -15725,8 +15921,8 @@ function PinInput({
   onBack,
   onForgotPin
 }) {
-  const [pin, setPin] = useState28("");
-  const [loading2, setLoading] = useState28(false);
+  const [pin, setPin] = useState29("");
+  const [loading2, setLoading] = useState29(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!validatePin(pin)) {
@@ -15744,7 +15940,7 @@ function PinInput({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ React77.createElement("form", { onSubmit: handleSubmit, className: form }, /* @__PURE__ */ React77.createElement("p", { className: pinHint }, "Enter your 6-digit PIN for ", /* @__PURE__ */ React77.createElement("strong", null, email)), /* @__PURE__ */ React77.createElement(
+  return /* @__PURE__ */ React78.createElement("form", { onSubmit: handleSubmit, className: form }, /* @__PURE__ */ React78.createElement("p", { className: pinHint }, "Enter your 6-digit PIN for ", /* @__PURE__ */ React78.createElement("strong", null, email)), /* @__PURE__ */ React78.createElement(
     "input",
     {
       type: "password",
@@ -15759,7 +15955,7 @@ function PinInput({
       disabled: loading2,
       maxLength: 6
     }
-  ), /* @__PURE__ */ React77.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React77.createElement(
+  ), /* @__PURE__ */ React78.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React78.createElement(
     "button",
     {
       type: "button",
@@ -15768,7 +15964,7 @@ function PinInput({
       disabled: loading2
     },
     "Back"
-  ), /* @__PURE__ */ React77.createElement(
+  ), /* @__PURE__ */ React78.createElement(
     "button",
     {
       type: "submit",
@@ -15776,7 +15972,7 @@ function PinInput({
       disabled: loading2 || pin.length !== 6
     },
     loading2 ? "Verifying..." : "Login"
-  )), /* @__PURE__ */ React77.createElement(
+  )), /* @__PURE__ */ React78.createElement(
     "button",
     {
       type: "button",
@@ -15789,11 +15985,11 @@ function PinInput({
 }
 
 // src/components/AbcLoginModal/PinSetup.tsx
-import React78, { useState as useState29 } from "react";
+import React79, { useState as useState30 } from "react";
 function PinSetup({ onSuccess, onError, onBack }) {
-  const [pin, setPin] = useState29("");
-  const [confirmPin, setConfirmPin] = useState29("");
-  const [step, setStep] = useState29("enter");
+  const [pin, setPin] = useState30("");
+  const [confirmPin, setConfirmPin] = useState30("");
+  const [step, setStep] = useState30("enter");
   const handlePinSubmit = (e) => {
     e.preventDefault();
     if (!validatePin(pin)) {
@@ -15818,7 +16014,7 @@ function PinSetup({ onSuccess, onError, onBack }) {
     }
   };
   if (step === "confirm") {
-    return /* @__PURE__ */ React78.createElement("form", { onSubmit: handleConfirmSubmit, className: form }, /* @__PURE__ */ React78.createElement("p", { className: pinHint }, "Confirm your 6-digit PIN"), /* @__PURE__ */ React78.createElement(
+    return /* @__PURE__ */ React79.createElement("form", { onSubmit: handleConfirmSubmit, className: form }, /* @__PURE__ */ React79.createElement("p", { className: pinHint }, "Confirm your 6-digit PIN"), /* @__PURE__ */ React79.createElement(
       "input",
       {
         type: "password",
@@ -15832,7 +16028,7 @@ function PinSetup({ onSuccess, onError, onBack }) {
         className: pinInput,
         maxLength: 6
       }
-    ), /* @__PURE__ */ React78.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React78.createElement(
+    ), /* @__PURE__ */ React79.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React79.createElement(
       "button",
       {
         type: "button",
@@ -15843,7 +16039,7 @@ function PinSetup({ onSuccess, onError, onBack }) {
         className: secondaryButton
       },
       "Back"
-    ), /* @__PURE__ */ React78.createElement(
+    ), /* @__PURE__ */ React79.createElement(
       "button",
       {
         type: "submit",
@@ -15853,7 +16049,7 @@ function PinSetup({ onSuccess, onError, onBack }) {
       "Confirm"
     )));
   }
-  return /* @__PURE__ */ React78.createElement("form", { onSubmit: handlePinSubmit, className: form }, /* @__PURE__ */ React78.createElement("p", { className: pinHint }, "Create a 6-digit PIN to secure your wallet"), /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React79.createElement("form", { onSubmit: handlePinSubmit, className: form }, /* @__PURE__ */ React79.createElement("p", { className: pinHint }, "Create a 6-digit PIN to secure your wallet"), /* @__PURE__ */ React79.createElement(
     "input",
     {
       type: "password",
@@ -15867,7 +16063,7 @@ function PinSetup({ onSuccess, onError, onBack }) {
       className: pinInput,
       maxLength: 6
     }
-  ), /* @__PURE__ */ React78.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React78.createElement(
+  ), /* @__PURE__ */ React79.createElement("div", { className: buttonGroup }, /* @__PURE__ */ React79.createElement(
     "button",
     {
       type: "button",
@@ -15875,7 +16071,7 @@ function PinSetup({ onSuccess, onError, onBack }) {
       className: secondaryButton
     },
     "Back"
-  ), /* @__PURE__ */ React78.createElement(
+  ), /* @__PURE__ */ React79.createElement(
     "button",
     {
       type: "submit",
@@ -15892,12 +16088,12 @@ function AbcLoginModal({
   onSuccess,
   waasUrl
 }) {
-  const [step, setStep] = useState30("loading");
-  const [email, setEmail] = useState30("");
-  const [userType, setUserType] = useState30(null);
-  const [error3, setError] = useState30(null);
-  const [otpData, setOtpData] = useState30(null);
-  useEffect24(() => {
+  const [step, setStep] = useState31("loading");
+  const [email, setEmail] = useState31("");
+  const [userType, setUserType] = useState31(null);
+  const [error3, setError] = useState31(null);
+  const [otpData, setOtpData] = useState31(null);
+  useEffect25(() => {
     if (hasEncryptedTokens()) {
       setStep("unlock");
     } else {
@@ -16048,7 +16244,7 @@ function AbcLoginModal({
   const handleError = (errorMessage) => {
     setError(errorMessage);
   };
-  return /* @__PURE__ */ React79.createElement(
+  return /* @__PURE__ */ React80.createElement(
     "div",
     {
       className: overlay3,
@@ -16057,7 +16253,7 @@ function AbcLoginModal({
       role: "button",
       tabIndex: 0
     },
-    /* @__PURE__ */ React79.createElement(
+    /* @__PURE__ */ React80.createElement(
       "div",
       {
         className: modal2,
@@ -16066,8 +16262,8 @@ function AbcLoginModal({
         role: "dialog",
         tabIndex: -1
       },
-      /* @__PURE__ */ React79.createElement("div", { className: header }, /* @__PURE__ */ React79.createElement("h2", { className: title2 }, step === "unlock" && "Welcome back", step === "email" && "Log in or sign up", step === "password" && "Enter your password", step === "pin" && "Enter your PIN", step === "otp" && "Enter verification code", step === "pinSetup" && "Set up your PIN", step === "loading" && "Creating wallet..."), /* @__PURE__ */ React79.createElement("button", { onClick: onClose, className: closeButton2 }, "\xD7")),
-      /* @__PURE__ */ React79.createElement("div", { className: content2 }, error3 && /* @__PURE__ */ React79.createElement("div", { className: error2 }, error3), step === "unlock" && /* @__PURE__ */ React79.createElement(
+      /* @__PURE__ */ React80.createElement("div", { className: header }, /* @__PURE__ */ React80.createElement("h2", { className: title2 }, step === "unlock" && "Welcome back", step === "email" && "Log in or sign up", step === "password" && "Enter your password", step === "pin" && "Enter your PIN", step === "otp" && "Enter verification code", step === "pinSetup" && "Set up your PIN", step === "loading" && "Creating wallet..."), /* @__PURE__ */ React80.createElement("button", { onClick: onClose, className: closeButton2 }, "\xD7")),
+      /* @__PURE__ */ React80.createElement("div", { className: content2 }, error3 && /* @__PURE__ */ React80.createElement("div", { className: error2 }, error3), step === "unlock" && /* @__PURE__ */ React80.createElement(
         PinInput,
         {
           email: "",
@@ -16082,7 +16278,7 @@ function AbcLoginModal({
             setStep("otp");
           }
         }
-      ), step === "email" && /* @__PURE__ */ React79.createElement(EmailLogin, { onSubmit: handleEmailSubmit, onError: handleError }), step === "password" && /* @__PURE__ */ React79.createElement(
+      ), step === "email" && /* @__PURE__ */ React80.createElement(EmailLogin, { onSubmit: handleEmailSubmit, onError: handleError }), step === "password" && /* @__PURE__ */ React80.createElement(
         PasswordInput,
         {
           email,
@@ -16090,7 +16286,7 @@ function AbcLoginModal({
           onError: handleError,
           onBack: () => setStep("email")
         }
-      ), step === "pin" && /* @__PURE__ */ React79.createElement(
+      ), step === "pin" && /* @__PURE__ */ React80.createElement(
         PinInput,
         {
           email,
@@ -16099,7 +16295,7 @@ function AbcLoginModal({
           onBack: handleBack,
           onForgotPin: handleForgotPin
         }
-      ), step === "otp" && /* @__PURE__ */ React79.createElement(
+      ), step === "otp" && /* @__PURE__ */ React80.createElement(
         OtpLogin,
         {
           email,
@@ -16108,44 +16304,55 @@ function AbcLoginModal({
           onBack: () => setStep("email"),
           waasUrl
         }
-      ), step === "pinSetup" && /* @__PURE__ */ React79.createElement(
+      ), step === "pinSetup" && /* @__PURE__ */ React80.createElement(
         PinSetup,
         {
           onSuccess: handleNewUserPinSetup,
           onError: handleError,
           onBack: () => setStep("otp")
         }
-      ), step === "loading" && /* @__PURE__ */ React79.createElement("div", { className: loading }, /* @__PURE__ */ React79.createElement("div", { className: spinner3 }), /* @__PURE__ */ React79.createElement("p", null, "Creating your wallet..."))),
-      /* @__PURE__ */ React79.createElement("div", { className: footer }, /* @__PURE__ */ React79.createElement("p", { className: footerText }, "By logging in, you agree to our", " ", /* @__PURE__ */ React79.createElement("button", { type: "button", className: link, onClick: () => {
-      } }, "Terms of Service"), " ", "&", " ", /* @__PURE__ */ React79.createElement("button", { type: "button", className: link, onClick: () => {
+      ), step === "loading" && /* @__PURE__ */ React80.createElement("div", { className: loading }, /* @__PURE__ */ React80.createElement("div", { className: spinner3 }), /* @__PURE__ */ React80.createElement("p", null, "Creating your wallet..."))),
+      /* @__PURE__ */ React80.createElement("div", { className: footer }, /* @__PURE__ */ React80.createElement("p", { className: footerText }, "By logging in, you agree to our", " ", /* @__PURE__ */ React80.createElement("button", { type: "button", className: link, onClick: () => {
+      } }, "Terms of Service"), " ", "&", " ", /* @__PURE__ */ React80.createElement("button", { type: "button", className: link, onClick: () => {
       } }, "Privacy Policy"), "."))
     )
   );
 }
 
 // src/components/AbcLoginModal/AbcAuthModal.tsx
-import React80, { useState as useState31, useEffect as useEffect25 } from "react";
+import React81, { useState as useState32, useEffect as useEffect26 } from "react";
 function AbcAuthModal({
   onClose,
   onSuccess,
   waasUrl,
   environment = "development",
-  evmChainId = 1
+  evmChainId = 1,
+  initialEmail,
+  initialProvider: _initialProvider
 }) {
-  const [step, setStep] = useState31("loading");
-  const [email, setEmail] = useState31("");
-  const [_userType, setUserType] = useState31(null);
-  const [error3, setError] = useState31(null);
-  const [authData, setAuthData] = useState31(null);
-  const [_otpData, _setOtpData] = useState31(null);
-  const [secureService] = useState31(() => new secure_default(waasUrl));
-  useEffect25(() => {
+  const [step, setStep] = useState32("loading");
+  const [email, setEmail] = useState32(initialEmail || "");
+  const [_userType, setUserType] = useState32(null);
+  const [error3, setError] = useState32(null);
+  const [authData, setAuthData] = useState32(null);
+  const [_otpData, _setOtpData] = useState32(null);
+  const [secureService] = useState32(() => new secure_default(waasUrl));
+  useEffect26(() => {
     if (hasEncryptedTokens()) {
       setStep("unlock");
     } else {
       setStep("email");
     }
   }, []);
+  useEffect26(() => {
+    if (initialEmail && step === "email") {
+      console.log(
+        "[AbcAuthModal] \u{1F680} Auto-submitting initialEmail:",
+        initialEmail
+      );
+      handleEmailSubmit(initialEmail);
+    }
+  }, [initialEmail, step]);
   const handleEmailSubmit = async (emailValue) => {
     setEmail(emailValue);
     setError(null);
@@ -16416,7 +16623,7 @@ function AbcAuthModal({
     console.error("[AbcAuthModal] Error:", errorMessage);
     setError(errorMessage);
   };
-  return /* @__PURE__ */ React80.createElement(
+  return /* @__PURE__ */ React81.createElement(
     "div",
     {
       className: overlay3,
@@ -16425,7 +16632,7 @@ function AbcAuthModal({
       role: "button",
       tabIndex: 0
     },
-    /* @__PURE__ */ React80.createElement(
+    /* @__PURE__ */ React81.createElement(
       "div",
       {
         className: modal2,
@@ -16434,8 +16641,8 @@ function AbcAuthModal({
         role: "dialog",
         tabIndex: -1
       },
-      /* @__PURE__ */ React80.createElement("div", { className: header }, /* @__PURE__ */ React80.createElement("h2", { className: title2 }, step === "unlock" && "Welcome back", step === "email" && "Log in or sign up", step === "password" && "Enter your password", step === "pin" && "Enter your PIN", step === "otp" && "Enter verification code", step === "pinSetup" && "Set up your PIN", step === "loading" && "Creating wallet..."), /* @__PURE__ */ React80.createElement("button", { onClick: onClose, className: closeButton2 }, "\xD7")),
-      /* @__PURE__ */ React80.createElement("div", { className: content2 }, error3 && /* @__PURE__ */ React80.createElement("div", { className: error2 }, error3), step === "unlock" && /* @__PURE__ */ React80.createElement(
+      /* @__PURE__ */ React81.createElement("div", { className: header }, /* @__PURE__ */ React81.createElement("h2", { className: title2 }, step === "unlock" && "Welcome back", step === "email" && "Log in or sign up", step === "password" && "Enter your password", step === "pin" && "Enter your PIN", step === "otp" && "Enter verification code", step === "pinSetup" && "Set up your PIN", step === "loading" && "Creating wallet..."), /* @__PURE__ */ React81.createElement("button", { onClick: onClose, className: closeButton2 }, "\xD7")),
+      /* @__PURE__ */ React81.createElement("div", { className: content2 }, error3 && /* @__PURE__ */ React81.createElement("div", { className: error2 }, error3), step === "unlock" && /* @__PURE__ */ React81.createElement(
         PinInput,
         {
           email: "",
@@ -16447,7 +16654,7 @@ function AbcAuthModal({
           },
           onForgotPin: handleForgotPin
         }
-      ), step === "email" && /* @__PURE__ */ React80.createElement(EmailLogin, { onSubmit: handleEmailSubmit, onError: handleError }), step === "password" && /* @__PURE__ */ React80.createElement(
+      ), step === "email" && /* @__PURE__ */ React81.createElement(EmailLogin, { onSubmit: handleEmailSubmit, onError: handleError }), step === "password" && /* @__PURE__ */ React81.createElement(
         PasswordInput,
         {
           email,
@@ -16455,7 +16662,7 @@ function AbcAuthModal({
           onError: handleError,
           onBack: handleBack
         }
-      ), step === "otp" && /* @__PURE__ */ React80.createElement(
+      ), step === "otp" && /* @__PURE__ */ React81.createElement(
         OtpLogin,
         {
           email,
@@ -16464,7 +16671,7 @@ function AbcAuthModal({
           onBack: handleBack,
           waasUrl
         }
-      ), step === "pin" && /* @__PURE__ */ React80.createElement(
+      ), step === "pin" && /* @__PURE__ */ React81.createElement(
         PinInput,
         {
           email,
@@ -16473,41 +16680,41 @@ function AbcAuthModal({
           onBack: handleBack,
           onForgotPin: handleForgotPin
         }
-      ), step === "pinSetup" && /* @__PURE__ */ React80.createElement(
+      ), step === "pinSetup" && /* @__PURE__ */ React81.createElement(
         PinSetup,
         {
           onSuccess: handlePinSetup,
           onError: handleError,
           onBack: handleBack
         }
-      ), step === "loading" && /* @__PURE__ */ React80.createElement("div", { className: loading }, /* @__PURE__ */ React80.createElement("div", { className: spinner3 }), /* @__PURE__ */ React80.createElement("p", null, "Creating your wallet..."))),
-      /* @__PURE__ */ React80.createElement("div", { className: footer }, /* @__PURE__ */ React80.createElement("p", { className: footerText }, "By logging in, you agree to our", " ", /* @__PURE__ */ React80.createElement("button", { type: "button", className: link, onClick: () => {
-      } }, "Terms of Service"), " ", "&", " ", /* @__PURE__ */ React80.createElement("button", { type: "button", className: link, onClick: () => {
+      ), step === "loading" && /* @__PURE__ */ React81.createElement("div", { className: loading }, /* @__PURE__ */ React81.createElement("div", { className: spinner3 }), /* @__PURE__ */ React81.createElement("p", null, "Creating your wallet..."))),
+      /* @__PURE__ */ React81.createElement("div", { className: footer }, /* @__PURE__ */ React81.createElement("p", { className: footerText }, "By logging in, you agree to our", " ", /* @__PURE__ */ React81.createElement("button", { type: "button", className: link, onClick: () => {
+      } }, "Terms of Service"), " ", "&", " ", /* @__PURE__ */ React81.createElement("button", { type: "button", className: link, onClick: () => {
       } }, "Privacy Policy"), "."))
     )
   );
 }
 
 // src/providers/AbcAuthProvider.tsx
-import React81, {
-  createContext as createContext14,
-  useContext as useContext29,
-  useState as useState32,
-  useEffect as useEffect26,
+import React82, {
+  createContext as createContext15,
+  useContext as useContext30,
+  useState as useState33,
+  useEffect as useEffect27,
   useCallback as useCallback16
 } from "react";
 var DEBUG2 = true;
 var STORAGE_PREFIX2 = "talkenkit_abc_";
-var AbcAuthContext = createContext14(null);
+var AbcAuthContext = createContext15(null);
 function useAbcAuth() {
-  const context = useContext29(AbcAuthContext);
+  const context = useContext30(AbcAuthContext);
   if (!context) {
     throw new Error("useAbcAuth must be used within AbcAuthProvider");
   }
   return context;
 }
 function AbcAuthProvider({ children }) {
-  const [state, setState] = useState32({
+  const [state, setState] = useState33({
     isAuthenticated: false,
     user: {
       email: null,
@@ -16653,7 +16860,7 @@ function AbcAuthProvider({ children }) {
   const setAuthState = useCallback16((partial) => {
     setState((prev) => ({ ...prev, ...partial }));
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     const restoreSession = async () => {
       try {
         const authStateStr = localStorage.getItem(
@@ -16695,7 +16902,7 @@ function AbcAuthProvider({ children }) {
     };
     restoreSession();
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!state.tokens.refreshToken || !state.tokens.expiresAt)
       return;
     const checkAndRefresh = () => {
@@ -16717,25 +16924,25 @@ function AbcAuthProvider({ children }) {
     refreshToken,
     isTokenExpired: isTokenExpired2
   };
-  return /* @__PURE__ */ React81.createElement(AbcAuthContext.Provider, { value }, children);
+  return /* @__PURE__ */ React82.createElement(AbcAuthContext.Provider, { value }, children);
 }
 
 // src/components/AbcAuth/PinProvider.tsx
-import React82, {
-  createContext as createContext15,
-  useContext as useContext30,
-  useState as useState33,
+import React83, {
+  createContext as createContext16,
+  useContext as useContext31,
+  useState as useState34,
   useCallback as useCallback17,
-  useEffect as useEffect27
+  useEffect as useEffect28
 } from "react";
 import { useAccount as useAccount19 } from "wagmi";
-var PinContext = createContext15(null);
+var PinContext = createContext16(null);
 function PinProvider({ children }) {
-  const [isModalOpen, setIsModalOpen] = useState33(false);
-  const [purpose, setPurpose] = useState33("transaction");
-  const [pinResolver, setPinResolver] = useState33(null);
-  const [pinRejecter, setPinRejecter] = useState33(null);
-  const [error3, setError] = useState33("");
+  const [isModalOpen, setIsModalOpen] = useState34(false);
+  const [purpose, setPurpose] = useState34("transaction");
+  const [pinResolver, setPinResolver] = useState34(null);
+  const [pinRejecter, setPinRejecter] = useState34(null);
+  const [error3, setError] = useState34("");
   const { connector, isConnected } = useAccount19();
   const requestPin = useCallback17(
     (requestPurpose = "transaction") => {
@@ -16770,7 +16977,7 @@ function PinProvider({ children }) {
       setError("");
     }
   }, [pinRejecter]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!connector || !isConnected) {
       return;
     }
@@ -16802,7 +17009,7 @@ function PinProvider({ children }) {
   const value = {
     requestPin
   };
-  return /* @__PURE__ */ React82.createElement(PinContext.Provider, { value }, children, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(PinContext.Provider, { value }, children, /* @__PURE__ */ React83.createElement(
     PinInputModal,
     {
       isOpen: isModalOpen,
@@ -16816,7 +17023,7 @@ function PinProvider({ children }) {
   ));
 }
 function usePin() {
-  const context = useContext30(PinContext);
+  const context = useContext31(PinContext);
   if (!context) {
     throw new Error("usePin must be used within PinProvider");
   }
@@ -17087,8 +17294,10 @@ export {
   useAddRecentTransaction,
   useChainModal,
   useConnectModal,
+  useDeviceType,
   useMultiChain,
   usePin,
+  useRainbowKitConfig,
   useSolSignMessage,
   useSolSignTransaction,
   verifyOtpCode,