@rhinestone/deposit-modal 0.3.0-alpha.14 → 0.3.0-alpha.16

package/dist/{chunk-4ZN726P5.mjs → chunk-Z7OJPEV2.mjs}

@@ -10,8 +10,10 @@ import {
   getTokenAddress,
   getTokenDecimalsByAddress,
   getTokenIcon,
-  getTokenSymbol
-} from "./chunk-SZIYS42B.mjs";
+  getTokenSymbol,
+  isSolanaCaip2,
+  parseEvmChainId
+} from "./chunk-6YRDD462.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -214,6 +216,46 @@ var CardIcon = CreditCard;
 var BankIcon = Landmark;
 var AppleIcon = Apple;
 
+// src/components/ui/Callout.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function CircleAlertIcon() {
+  return /* @__PURE__ */ jsx3(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx3(
+        "path",
+        {
+          d: "M10 5.99L6 9.99M6 5.99L10 9.99M14.66 7.99C14.66 11.68 11.68 14.66 8 14.66C4.31 14.66 1.33 11.68 1.33 7.99C1.33 4.31 4.31 1.33 8 1.33C11.68 1.33 14.66 4.31 14.66 7.99Z",
+          stroke: "currentColor",
+          strokeWidth: "1.33",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function Callout({ variant = "error", children, role }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rs-callout rs-callout--${variant}`,
+      role: role ?? (variant === "error" ? "alert" : "status"),
+      children: [
+        /* @__PURE__ */ jsx3("span", { className: "rs-callout-icon", children: variant === "error" ? /* @__PURE__ */ jsx3(CircleAlertIcon, {}) : /* @__PURE__ */ jsx3(AlertTriangleIcon, {}) }),
+        /* @__PURE__ */ jsx3("span", { className: "rs-callout-text", children })
+      ]
+    }
+  );
+}
+Callout.displayName = "Callout";
+
 // src/core/useLatestRef.ts
 import { useEffect as useEffect2, useRef as useRef2 } from "react";
 function useLatestRef(value) {
@@ -277,29 +319,6 @@ function debugError(enabled, scope, message, error, data) {
   console.error(`[deposit-modal:${scope}] ${message}`, payload);
 }
 
-// src/core/caip.ts
-var SOLANA_MAINNET_GENESIS = "5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp";
-var SOLANA_MAINNET_CAIP2 = `solana:${SOLANA_MAINNET_GENESIS}`;
-function toEvmCaip2(chainId) {
-  return `eip155:${chainId}`;
-}
-function targetChainToCaip2(targetChain) {
-  return targetChain === "solana" ? SOLANA_MAINNET_CAIP2 : toEvmCaip2(targetChain);
-}
-function parseEvmChainId(value) {
-  if (typeof value === "number" && Number.isFinite(value)) {
-    return value;
-  }
-  if (typeof value !== "string") return null;
-  const match = value.match(/^eip155:(\d+)$/);
-  if (!match?.[1]) return null;
-  const parsed = Number.parseInt(match[1], 10);
-  return Number.isFinite(parsed) ? parsed : null;
-}
-function isSolanaCaip2(value) {
-  return typeof value === "string" && value.startsWith("solana:");
-}
-
 // src/core/deposit-asset-helpers.ts
 function getAssetId(asset) {
   return `${asset.chainId}:${asset.token.toLowerCase()}`;
@@ -1305,6 +1324,33 @@ function formatUserError(raw) {
   return cleaned;
 }
 
+// src/core/public-client.ts
+import { createPublicClient, http } from "viem";
+import { hyperliquid } from "viem/chains";
+var clientCache = /* @__PURE__ */ new Map();
+function getPublicClient(chainId) {
+  let client = clientCache.get(chainId);
+  if (!client) {
+    const chain = CHAIN_BY_ID[chainId];
+    client = createPublicClient({
+      chain,
+      transport: http()
+    });
+    clientCache.set(chainId, client);
+  }
+  return client;
+}
+var hyperEvmClient;
+function getHyperEvmReadClient() {
+  if (!hyperEvmClient) {
+    hyperEvmClient = createPublicClient({
+      chain: hyperliquid,
+      transport: http()
+    });
+  }
+  return hyperEvmClient;
+}
+
 // src/core/theme.ts
 var RADIUS_SCALE = {
   none: { sm: "0", md: "0", lg: "0" },
@@ -1465,7 +1511,7 @@ function applyTheme(element, theme) {
 }
 
 // src/components/ui/BodyHeader.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function BodyHeader({
   icon,
   title,
@@ -1477,19 +1523,19 @@ function BodyHeader({
     variant === "success" ? "rs-body-header-icon--success" : "",
     variant === "error" ? "rs-body-header-icon--error" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx3("div", { className: iconClasses, children: icon }),
-    /* @__PURE__ */ jsxs("div", { className: "rs-body-header-text", children: [
-      /* @__PURE__ */ jsx3("h2", { className: "rs-body-header-title", children: title }),
-      subtitle && /* @__PURE__ */ jsx3("p", { className: "rs-body-header-subtitle", children: subtitle })
+  return /* @__PURE__ */ jsxs2("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx4("div", { className: iconClasses, children: icon }),
+    /* @__PURE__ */ jsxs2("div", { className: "rs-body-header-text", children: [
+      /* @__PURE__ */ jsx4("h2", { className: "rs-body-header-title", children: title }),
+      subtitle && /* @__PURE__ */ jsx4("p", { className: "rs-body-header-subtitle", children: subtitle })
     ] })
   ] });
 }
 BodyHeader.displayName = "BodyHeader";
 
 // src/components/ui/PoweredBy.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var rhinestoneLogo = /* @__PURE__ */ jsxs2(
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var rhinestoneLogo = /* @__PURE__ */ jsxs3(
   "svg",
   {
     className: "rs-powered-by-logo",
@@ -1498,8 +1544,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ jsxs2("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsxs3("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
+        /* @__PURE__ */ jsx5(
           "path",
           {
             opacity: "0.5",
@@ -1508,8 +1554,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
             d: "M10.48 14.82a4.3 4.3 0 0 1-2.9 1 4.3 4.3 0 0 1-2.4-1 25 25 0 0 1-2.08-1.95l-.13-.13c-.78-.78-1.46-1.46-1.94-2.08a4.3 4.3 0 0 1-1-2.9c.05-.96.48-1.72 1-2.4a25 25 0 0 1 1.94-2.08l.07-.06.06-.07a25 25 0 0 1 2.08-1.94 4.3 4.3 0 0 1 2.9-1c.96.05 1.73.48 2.4 1 .62.49 1.3 1.17 2.08 1.94l.13.13c.77.78 1.46 1.46 1.94 2.09a4.3 4.3 0 0 1 1 2.9 4.3 4.3 0 0 1-1 2.39c-.48.62-1.17 1.3-1.94 2.08l-.07.07-.06.06c-.78.78-1.46 1.46-2.08 1.94m-8.9-6.63c.07 1.02.9 1.86 2.56 3.52s2.5 2.5 3.53 2.56h.32c1.03-.06 1.86-.9 3.53-2.56s2.5-2.5 2.56-3.52v-.33c-.07-1.03-.9-1.86-2.56-3.52-1.67-1.67-2.5-2.5-3.53-2.56h-.32c-1.03.06-1.86.89-3.53 2.56-1.66 1.66-2.5 2.5-2.56 3.52z"
           }
         ),
-        /* @__PURE__ */ jsx4("path", { d: "M3.66 8.01q.02-.27.28-.35a4.6 4.6 0 0 0 2.53-1.48q.72-.8 1-2.05a.4.4 0 0 1 .36-.29c.17 0 .32.12.36.29a4.6 4.6 0 0 0 1.47 2.52c.55.49 1.21.8 2.06 1a.4.4 0 0 1 .28.36.4.4 0 0 1-.28.36 4.6 4.6 0 0 0-2.53 1.47 4.6 4.6 0 0 0-1 2.06.4.4 0 0 1-.36.28.4.4 0 0 1-.36-.28A4.6 4.6 0 0 0 6 9.38a4.6 4.6 0 0 0-2.06-1.01.4.4 0 0 1-.28-.36m26.46-3.44c0 .51.38.87.96.87s.95-.36.95-.87c0-.52-.37-.86-.95-.86s-.96.34-.96.86m.2 1.44v5.33h1.53V6.01zm-4.4 5.33h-1.55V3.88h1.54v2.98c.25-.5.8-1.01 1.6-1.01 1.29 0 1.87.83 1.87 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.92-1.16-.67 0-1 .53-1 1.3zm-4.45 0h-1.54V6.01h1.54l-.27 1.22a.1.1 0 0 0 .02.1.1.1 0 0 0 .1.04q.09 0 .1-.09c.24-.84.93-1.36 1.64-1.36q.4.01.57.05v1.42l-.67-.04c-.67 0-1.5.31-1.5 2zm13 0h-1.55V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.61-1.06c1.3 0 1.88.83 1.88 2.28v3.21H36.4V8.3c0-.77-.35-1.16-.93-1.16-.67 0-1 .53-1 1.3z" }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5("path", { d: "M3.66 8.01q.02-.27.28-.35a4.6 4.6 0 0 0 2.53-1.48q.72-.8 1-2.05a.4.4 0 0 1 .36-.29c.17 0 .32.12.36.29a4.6 4.6 0 0 0 1.47 2.52c.55.49 1.21.8 2.06 1a.4.4 0 0 1 .28.36.4.4 0 0 1-.28.36 4.6 4.6 0 0 0-2.53 1.47 4.6 4.6 0 0 0-1 2.06.4.4 0 0 1-.36.28.4.4 0 0 1-.36-.28A4.6 4.6 0 0 0 6 9.38a4.6 4.6 0 0 0-2.06-1.01.4.4 0 0 1-.28-.36m26.46-3.44c0 .51.38.87.96.87s.95-.36.95-.87c0-.52-.37-.86-.95-.86s-.96.34-.96.86m.2 1.44v5.33h1.53V6.01zm-4.4 5.33h-1.55V3.88h1.54v2.98c.25-.5.8-1.01 1.6-1.01 1.29 0 1.87.83 1.87 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.92-1.16-.67 0-1 .53-1 1.3zm-4.45 0h-1.54V6.01h1.54l-.27 1.22a.1.1 0 0 0 .02.1.1.1 0 0 0 .1.04q.09 0 .1-.09c.24-.84.93-1.36 1.64-1.36q.4.01.57.05v1.42l-.67-.04c-.67 0-1.5.31-1.5 2zm13 0h-1.55V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.61-1.06c1.3 0 1.88.83 1.88 2.28v3.21H36.4V8.3c0-.77-.35-1.16-.93-1.16-.67 0-1 .53-1 1.3z" }),
+        /* @__PURE__ */ jsx5(
           "path",
           {
             fillRule: "evenodd",
@@ -1517,8 +1563,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
             d: "M38.74 8.69c0 1.63 1.01 2.82 2.7 2.82 1.51 0 2.32-.82 2.55-1.73l-1.43-.26c-.1.37-.47.82-1.12.82-.67 0-1.23-.6-1.24-1.31H44q.05-.19.06-.56a2.55 2.55 0 0 0-2.6-2.63c-1.5 0-2.72 1.2-2.72 2.85m3.82-.58h-2.3a1.2 1.2 0 0 1 1.18-1.13c.6 0 1.14.45 1.12 1.13"
           }
         ),
-        /* @__PURE__ */ jsx4("path", { d: "M47.1 11.51c-1.2 0-2.33-.41-2.55-1.65l1.43-.21q.27.8 1.1.79c.5 0 .77-.24.77-.55 0-.27-.2-.45-.75-.55l-.5-.1c-1.1-.24-1.77-.74-1.77-1.63 0-1.06.91-1.78 2.25-1.78 1.26 0 2.2.59 2.32 1.68l-1.41.22c-.07-.52-.43-.82-.91-.82-.5 0-.75.26-.75.57 0 .25.17.42.63.51l.5.1c1.28.26 1.94.77 1.94 1.75 0 1.01-1.03 1.66-2.3 1.66" }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5("path", { d: "M47.1 11.51c-1.2 0-2.33-.41-2.55-1.65l1.43-.21q.27.8 1.1.79c.5 0 .77-.24.77-.55 0-.27-.2-.45-.75-.55l-.5-.1c-1.1-.24-1.77-.74-1.77-1.63 0-1.06.91-1.78 2.25-1.78 1.26 0 2.2.59 2.32 1.68l-1.41.22c-.07-.52-.43-.82-.91-.82-.5 0-.75.26-.75.57 0 .25.17.42.63.51l.5.1c1.28.26 1.94.77 1.94 1.75 0 1.01-1.03 1.66-2.3 1.66" }),
+        /* @__PURE__ */ jsx5(
           "path",
           {
             fillRule: "evenodd",
@@ -1526,8 +1572,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
             d: "M54.44 8.68c0 1.53 1.08 2.83 2.78 2.83s2.79-1.3 2.79-2.83c0-1.55-1.1-2.84-2.79-2.84-1.7 0-2.78 1.29-2.78 2.84m4.02 0c0 .98-.59 1.45-1.24 1.45-.64 0-1.23-.47-1.23-1.45 0-.97.59-1.47 1.23-1.47.65 0 1.24.48 1.24 1.47"
           }
         ),
-        /* @__PURE__ */ jsx4("path", { d: "M62.4 11.34h-1.53V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.6-1.06c1.3 0 1.89.83 1.89 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.93-1.16-.66 0-1 .53-1 1.3z" }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5("path", { d: "M62.4 11.34h-1.53V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.6-1.06c1.3 0 1.89.83 1.89 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.93-1.16-.66 0-1 .53-1 1.3z" }),
+        /* @__PURE__ */ jsx5(
           "path",
           {
             fillRule: "evenodd",
@@ -1535,16 +1581,16 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
             d: "M66.68 8.69c0 1.63 1.02 2.82 2.71 2.82 1.51 0 2.31-.82 2.55-1.73l-1.44-.26c-.1.37-.47.82-1.12.82-.67 0-1.23-.6-1.24-1.31h3.8q.06-.19.06-.56a2.55 2.55 0 0 0-2.6-2.63c-1.5 0-2.72 1.2-2.72 2.85m3.82-.58h-2.3a1.2 1.2 0 0 1 1.18-1.13c.6 0 1.15.45 1.12 1.13"
           }
         ),
-        /* @__PURE__ */ jsx4("path", { d: "M52.44 9.05V7.26h1.53V6h-1.53V4.42h-1.53V6h-1.1v1.26h1.1v1.85l.02.49a1.9 1.9 0 0 0 1.67 1.67c.22.03.47.03.62.03h.65V9.87h-.61c-.4 0-.59 0-.7-.12-.12-.11-.12-.3-.12-.64z" })
+        /* @__PURE__ */ jsx5("path", { d: "M52.44 9.05V7.26h1.53V6h-1.53V4.42h-1.53V6h-1.1v1.26h1.1v1.85l.02.49a1.9 1.9 0 0 0 1.67 1.67c.22.03.47.03.62.03h.65V9.87h-.61c-.4 0-.59 0-.7-.12-.12-.11-.12-.3-.12-.64z" })
       ] }),
-      /* @__PURE__ */ jsx4("defs", { children: /* @__PURE__ */ jsx4("clipPath", { id: "rs-pb-clip", children: /* @__PURE__ */ jsx4("path", { fill: "#fff", d: "M0 0h72v16H0z" }) }) })
+      /* @__PURE__ */ jsx5("defs", { children: /* @__PURE__ */ jsx5("clipPath", { id: "rs-pb-clip", children: /* @__PURE__ */ jsx5("path", { fill: "#fff", d: "M0 0h72v16H0z" }) }) })
     ]
   }
 );
 function PoweredBy() {
-  return /* @__PURE__ */ jsxs2("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
-    /* @__PURE__ */ jsx4("span", { children: "Powered by" }),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
+    /* @__PURE__ */ jsx5("span", { children: "Powered by" }),
+    /* @__PURE__ */ jsx5(
       "a",
       {
         className: "rs-powered-by-link",
@@ -1559,16 +1605,16 @@ function PoweredBy() {
 PoweredBy.displayName = "PoweredBy";
 
 // src/components/ui/Spinner.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function Spinner({ className }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "svg",
     {
       className: `rs-spinner ${className || ""}`,
       fill: "none",
       viewBox: "0 0 20 21",
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           "path",
           {
             d: "M10 0.5C8.02 0.5 6.08 1.08 4.44 2.18C2.79 3.28 1.51 4.84 0.76 6.67C0.00 8.50 -0.19 10.51 0.19 12.45C0.57 14.39 1.53 16.17 2.92 17.57C4.32 18.96 6.10 19.92 8.04 20.30C9.98 20.69 11.99 20.49 13.82 19.73C15.65 18.98 17.21 17.70 18.31 16.05C19.41 14.41 20 12.47 20 10.5C20 7.84 18.94 5.30 17.07 3.42C15.19 1.55 12.65 0.5 10 0.5ZM10 17.77C8.56 17.77 7.15 17.34 5.95 16.54C4.76 15.74 3.83 14.61 3.28 13.28C2.73 11.95 2.58 10.49 2.86 9.08C3.14 7.67 3.84 6.37 4.85 5.35C5.87 4.34 7.17 3.64 8.58 3.36C9.99 3.08 11.45 3.23 12.78 3.78C14.11 4.33 15.24 5.26 16.04 6.45C16.84 7.65 17.27 9.06 17.27 10.5C17.27 12.42 16.50 14.27 15.14 15.64C13.77 17.00 11.92 17.77 10 17.77Z",
@@ -1576,7 +1622,7 @@ function Spinner({ className }) {
             opacity: 0.3
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           "path",
           {
             d: "M10 3.22C11.74 3.22 13.42 3.84 14.75 4.95C16.08 6.07 16.96 7.61 17.25 9.31C17.30 9.64 17.46 9.94 17.71 10.15C17.96 10.37 18.28 10.49 18.62 10.5C18.82 10.50 19.01 10.45 19.20 10.37C19.38 10.29 19.54 10.16 19.67 10.01C19.80 9.86 19.89 9.68 19.95 9.49C20.00 9.30 20.01 9.10 19.98 8.90C19.59 6.56 18.38 4.42 16.55 2.88C14.72 1.34 12.40 0.5 10 0.5C7.59 0.5 5.27 1.34 3.44 2.88C1.61 4.42 0.40 6.56 0.01 8.90C-0.01 9.10 -0.00 9.30 0.04 9.49C0.10 9.68 0.19 9.86 0.32 10.01C0.45 10.16 0.61 10.29 0.79 10.37C0.98 10.45 1.17 10.50 1.37 10.5C1.71 10.49 2.03 10.37 2.28 10.15C2.53 9.94 2.69 9.64 2.74 9.31C3.03 7.61 3.91 6.07 5.24 4.95C6.57 3.84 8.25 3.22 10 3.22Z",
@@ -1589,7 +1635,7 @@ function Spinner({ className }) {
 }
 
 // src/components/ui/ListRow.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function ListRow({
   leading,
   leadingMedia,
@@ -1603,14 +1649,14 @@ function ListRow({
   disabled,
   ...props
 }) {
-  const inner = /* @__PURE__ */ jsxs4(Fragment, { children: [
-    leadingMedia ? /* @__PURE__ */ jsx6("span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ jsx6("img", { src: leadingMedia, alt: "" }) }) : leading ? /* @__PURE__ */ jsx6("span", { className: "rs-list-row-leading", children: leading }) : null,
-    /* @__PURE__ */ jsxs4("div", { className: "rs-list-row-body", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "rs-list-row-text", children: [
-        /* @__PURE__ */ jsx6("span", { className: "rs-list-row-title", children: title }),
-        subtitle && /* @__PURE__ */ jsx6("span", { className: "rs-list-row-subtitle", children: subtitle })
+  const inner = /* @__PURE__ */ jsxs5(Fragment, { children: [
+    leadingMedia ? /* @__PURE__ */ jsx7("span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ jsx7("img", { src: leadingMedia, alt: "" }) }) : leading ? /* @__PURE__ */ jsx7("span", { className: "rs-list-row-leading", children: leading }) : null,
+    /* @__PURE__ */ jsxs5("div", { className: "rs-list-row-body", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "rs-list-row-text", children: [
+        /* @__PURE__ */ jsx7("span", { className: "rs-list-row-title", children: title }),
+        subtitle && /* @__PURE__ */ jsx7("span", { className: "rs-list-row-subtitle", children: subtitle })
       ] }),
-      action ? /* @__PURE__ */ jsx6(
+      action ? /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1622,9 +1668,9 @@ function ListRow({
           },
           children: action.label
         }
-      ) : meta && /* @__PURE__ */ jsx6("div", { className: "rs-list-row-meta", children: meta })
+      ) : meta && /* @__PURE__ */ jsx7("div", { className: "rs-list-row-meta", children: meta })
     ] }),
-    /* @__PURE__ */ jsx6("span", { className: "rs-list-row-chevron", children: trailing ?? /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
+    /* @__PURE__ */ jsx7("span", { className: "rs-list-row-chevron", children: trailing ?? /* @__PURE__ */ jsx7(ChevronRightIcon, {}) })
   ] });
   if (action) {
     const handleKey = (e) => {
@@ -1634,7 +1680,7 @@ function ListRow({
         onClick?.(e);
       }
     };
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(
       "div",
       {
         className: `rs-list-row ${className}`.trim(),
@@ -1647,7 +1693,7 @@ function ListRow({
       }
     );
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "button",
     {
       type: "button",
@@ -1662,9 +1708,9 @@ function ListRow({
 ListRow.displayName = "ListRow";
 
 // src/components/ui/WalletBadgeIcons/RabbyIcon.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function RabbyIcon() {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "svg",
     {
       width: "20",
@@ -1673,8 +1719,8 @@ function RabbyIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxs5("g", { clipPath: "url(#rs-rabby-clip)", children: [
-          /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs6("g", { clipPath: "url(#rs-rabby-clip)", children: [
+          /* @__PURE__ */ jsx8(
             "mask",
             {
               id: "rs-rabby-mask",
@@ -1684,7 +1730,7 @@ function RabbyIcon() {
               y: "0",
               width: "20",
               height: "20",
-              children: /* @__PURE__ */ jsx7(
+              children: /* @__PURE__ */ jsx8(
                 "path",
                 {
                   d: "M20 10C20 4.47 15.52 0 10 0C4.47 0 0 4.47 0 10C0 15.52 4.47 20 10 20C15.52 20 20 15.52 20 10Z",
@@ -1693,22 +1739,22 @@ function RabbyIcon() {
               )
             }
           ),
-          /* @__PURE__ */ jsxs5("g", { mask: "url(#rs-rabby-mask)", children: [
-            /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsxs6("g", { mask: "url(#rs-rabby-mask)", children: [
+            /* @__PURE__ */ jsx8(
               "path",
               {
                 d: "M20 10C20 4.47 15.52 0 10 0C4.47 0 0 4.47 0 10C0 15.52 4.47 20 10 20C15.52 20 20 15.52 20 10Z",
                 fill: "#7084FF"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "path",
               {
                 d: "M17.25 10.86C17.82 9.57 14.98 5.97 12.26 4.47C10.55 3.31 8.77 3.47 8.41 3.98C7.62 5.10 11.03 6.05 13.32 7.16C12.83 7.37 12.36 7.76 12.09 8.25C11.24 7.31 9.37 6.51 7.18 7.16C5.70 7.59 4.47 8.62 3.99 10.18C3.85 10.11 3.70 10.09 3.54 10.10C3.39 10.11 3.24 10.16 3.11 10.25C2.98 10.33 2.87 10.45 2.80 10.58C2.72 10.72 2.69 10.87 2.69 11.03C2.69 11.55 3.10 11.96 3.62 11.96C3.71 11.96 4.01 11.90 4.01 11.90L8.77 11.93C6.87 14.96 5.36 15.41 5.36 15.93C5.36 16.46 6.80 16.32 7.34 16.12C9.93 15.18 12.71 12.26 13.19 11.42C15.19 11.67 16.87 11.70 17.25 10.86Z",
                 fill: "url(#rs-rabby-grad0)"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "path",
               {
                 fillRule: "evenodd",
@@ -1717,7 +1763,7 @@ function RabbyIcon() {
                 fill: "url(#rs-rabby-grad1)"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "path",
               {
                 fillRule: "evenodd",
@@ -1726,7 +1772,7 @@ function RabbyIcon() {
                 fill: "url(#rs-rabby-grad2)"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "path",
               {
                 d: "M3.94 11.70C4.11 13.19 4.96 13.77 6.68 13.94C8.40 14.12 9.39 14.00 10.71 14.12C11.81 14.22 12.79 14.78 13.15 14.59C13.48 14.42 13.30 13.78 12.86 13.38C12.29 12.85 11.50 12.49 10.12 12.36C10.39 11.60 10.32 10.54 9.89 9.96C9.27 9.12 8.13 8.75 6.68 8.91C5.17 9.08 3.72 9.83 3.94 11.70Z",
@@ -1735,8 +1781,8 @@ function RabbyIcon() {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs5("defs", { children: [
-          /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs6("defs", { children: [
+          /* @__PURE__ */ jsxs6(
             "linearGradient",
             {
               id: "rs-rabby-grad0",
@@ -1746,12 +1792,12 @@ function RabbyIcon() {
               y2: "12.58",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx7("stop", { stopColor: "white" }),
-                /* @__PURE__ */ jsx7("stop", { offset: "1", stopColor: "white" })
+                /* @__PURE__ */ jsx8("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "white" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs5(
+          /* @__PURE__ */ jsxs6(
             "linearGradient",
             {
               id: "rs-rabby-grad1",
@@ -1761,12 +1807,12 @@ function RabbyIcon() {
               y2: "2.21",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx7("stop", { stopColor: "#8697FF" }),
-                /* @__PURE__ */ jsx7("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+                /* @__PURE__ */ jsx8("stop", { stopColor: "#8697FF" }),
+                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs5(
+          /* @__PURE__ */ jsxs6(
             "linearGradient",
             {
               id: "rs-rabby-grad2",
@@ -1776,12 +1822,12 @@ function RabbyIcon() {
               y2: "9.61",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx7("stop", { stopColor: "#8697FF" }),
-                /* @__PURE__ */ jsx7("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+                /* @__PURE__ */ jsx8("stop", { stopColor: "#8697FF" }),
+                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs5(
+          /* @__PURE__ */ jsxs6(
             "linearGradient",
             {
               id: "rs-rabby-grad3",
@@ -1791,12 +1837,12 @@ function RabbyIcon() {
               y2: "15.67",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx7("stop", { stopColor: "white" }),
-                /* @__PURE__ */ jsx7("stop", { offset: "0.98", stopColor: "#D1D8FF" })
+                /* @__PURE__ */ jsx8("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsx8("stop", { offset: "0.98", stopColor: "#D1D8FF" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx7("clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ jsx7("rect", { width: "20", height: "20", fill: "white" }) })
+          /* @__PURE__ */ jsx8("clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ jsx8("rect", { width: "20", height: "20", fill: "white" }) })
         ] })
       ]
     }
@@ -1804,9 +1850,9 @@ function RabbyIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/PhantomIcon.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function PhantomIcon() {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "svg",
     {
       width: "20",
@@ -1815,14 +1861,14 @@ function PhantomIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "path",
           {
             d: "M15.18 0H4.81C2.15 0 0 2.15 0 4.81V15.18C0 17.84 2.15 20 4.81 20H15.18C17.84 20 20 17.84 20 15.18V4.81C20 2.15 17.84 0 15.18 0Z",
             fill: "#AB9FF2"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "path",
           {
             fillRule: "evenodd",
@@ -1837,9 +1883,9 @@ function PhantomIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/WalletConnectIcon.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function WalletConnectIcon() {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "svg",
     {
       width: "20",
@@ -1848,8 +1894,8 @@ function WalletConnectIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx9("rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10("rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
+        /* @__PURE__ */ jsx10(
           "path",
           {
             d: "M6.18 7.96a5.36 5.36 0 0 1 7.64 0l.25.26a.26.26 0 0 1 0 .37l-.87.87a.13.13 0 0 1-.19 0l-.35-.35a3.74 3.74 0 0 0-5.32 0l-.38.37a.13.13 0 0 1-.19 0l-.86-.86a.26.26 0 0 1 0-.37l.27-.29Zm9.43 1.79.78.78a.26.26 0 0 1 0 .37l-3.54 3.54a.26.26 0 0 1-.37 0l-2.51-2.5a.07.07 0 0 0-.09 0l-2.51 2.5a.26.26 0 0 1-.37 0L3.46 10.9a.26.26 0 0 1 0-.37l.78-.78a.26.26 0 0 1 .37 0l2.5 2.5a.07.07 0 0 0 .1 0L9.72 9.75a.26.26 0 0 1 .37 0l2.5 2.5a.07.07 0 0 0 .1 0l2.5-2.5a.26.26 0 0 1 .37 0Z",
@@ -1862,9 +1908,9 @@ function WalletConnectIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/EthBadgeIcon.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function EthBadgeIcon() {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       width: "20",
@@ -1873,28 +1919,28 @@ function EthBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "path",
           {
             d: "M9.99 19.93C15.48 19.93 19.93 15.48 19.93 9.99C19.93 4.51 15.48 0.06 9.99 0.06C4.51 0.06 0.06 4.51 0.06 9.99C0.06 15.48 4.51 19.93 9.99 19.93Z",
             fill: "#E3E3E3"
           }
         ),
-        /* @__PURE__ */ jsx10("path", { d: "M10.00 2.18L14.69 9.99L10.02 7.98L10.00 2.18Z", fill: "#2F3030" }),
-        /* @__PURE__ */ jsx10("path", { d: "M5.31 9.99L9.98 2.18L10.00 7.98L5.31 9.99Z", fill: "#828384" }),
-        /* @__PURE__ */ jsx10("path", { d: "M9.98 12.80L5.31 10.04L10.00 8.11L9.98 12.80Z", fill: "#343535" }),
-        /* @__PURE__ */ jsx10("path", { d: "M14.69 10.04L10.02 8.11L10.00 12.80L14.69 10.04Z", fill: "#131313" }),
-        /* @__PURE__ */ jsx10("path", { d: "M10.00 14.00L14.69 11.24L10.00 17.80V14.00Z", fill: "#2F3030" }),
-        /* @__PURE__ */ jsx10("path", { d: "M10.00 14.00L5.31 11.24L10.00 17.80V14.00Z", fill: "#828384" })
+        /* @__PURE__ */ jsx11("path", { d: "M10.00 2.18L14.69 9.99L10.02 7.98L10.00 2.18Z", fill: "#2F3030" }),
+        /* @__PURE__ */ jsx11("path", { d: "M5.31 9.99L9.98 2.18L10.00 7.98L5.31 9.99Z", fill: "#828384" }),
+        /* @__PURE__ */ jsx11("path", { d: "M9.98 12.80L5.31 10.04L10.00 8.11L9.98 12.80Z", fill: "#343535" }),
+        /* @__PURE__ */ jsx11("path", { d: "M14.69 10.04L10.02 8.11L10.00 12.80L14.69 10.04Z", fill: "#131313" }),
+        /* @__PURE__ */ jsx11("path", { d: "M10.00 14.00L14.69 11.24L10.00 17.80V14.00Z", fill: "#2F3030" }),
+        /* @__PURE__ */ jsx11("path", { d: "M10.00 14.00L5.31 11.24L10.00 17.80V14.00Z", fill: "#828384" })
       ]
     }
   );
 }
 
 // src/components/ui/WalletBadgeIcons/SolBadgeIcon.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function SolBadgeIcon() {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       width: "20",
@@ -1903,8 +1949,8 @@ function SolBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx11("rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12("rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
+        /* @__PURE__ */ jsx12(
           "path",
           {
             fillRule: "evenodd",
@@ -1913,7 +1959,7 @@ function SolBadgeIcon() {
             fill: "url(#rs-sol-badge-grad)"
           }
         ),
-        /* @__PURE__ */ jsx11("defs", { children: /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsxs10(
           "linearGradient",
           {
             id: "rs-sol-badge-grad",
@@ -1923,8 +1969,8 @@ function SolBadgeIcon() {
             y2: "5.08",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx11("stop", { stopColor: "#CB4EE8" }),
-              /* @__PURE__ */ jsx11("stop", { offset: "1", stopColor: "#10F4B1" })
+              /* @__PURE__ */ jsx12("stop", { stopColor: "#CB4EE8" }),
+              /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#10F4B1" })
             ]
           }
         ) })
@@ -1934,9 +1980,9 @@ function SolBadgeIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/BaseBadgeIcon.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function BaseBadgeIcon() {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "svg",
     {
       width: "20",
@@ -1945,8 +1991,8 @@ function BaseBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx12("circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13("circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
+        /* @__PURE__ */ jsx13(
           "path",
           {
             d: "M54.92 93.4c20.94 0 37.92-16.97 37.92-37.92S75.86 17.55 54.92 17.55c-19.49 0-35.57 14.72-37.65 33.64h49.82v5.54h-49.82C19.35 75.67 35.42 93.4 54.92 93.4z",
@@ -1959,41 +2005,41 @@ function BaseBadgeIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/index.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function WalletBadgeIcons() {
-  return /* @__PURE__ */ jsxs11("span", { className: "rs-list-row-meta-icons", children: [
-    /* @__PURE__ */ jsx13("span", { children: /* @__PURE__ */ jsx13(RabbyIcon, {}) }),
-    /* @__PURE__ */ jsx13("span", { children: /* @__PURE__ */ jsx13(PhantomIcon, {}) }),
-    /* @__PURE__ */ jsx13("span", { children: /* @__PURE__ */ jsx13(WalletConnectIcon, {}) })
+  return /* @__PURE__ */ jsxs12("span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(RabbyIcon, {}) }),
+    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(PhantomIcon, {}) }),
+    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(WalletConnectIcon, {}) })
   ] });
 }
 WalletBadgeIcons.displayName = "WalletBadgeIcons";
 function ChainBadgeIcons() {
-  return /* @__PURE__ */ jsxs11("span", { className: "rs-list-row-meta-icons", children: [
-    /* @__PURE__ */ jsx13("span", { children: /* @__PURE__ */ jsx13(EthBadgeIcon, {}) }),
-    /* @__PURE__ */ jsx13("span", { children: /* @__PURE__ */ jsx13(SolBadgeIcon, {}) }),
-    /* @__PURE__ */ jsx13("span", { children: /* @__PURE__ */ jsx13(BaseBadgeIcon, {}) })
+  return /* @__PURE__ */ jsxs12("span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(EthBadgeIcon, {}) }),
+    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(SolBadgeIcon, {}) }),
+    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(BaseBadgeIcon, {}) })
   ] });
 }
 ChainBadgeIcons.displayName = "ChainBadgeIcons";
 
 // src/components/steps/ConnectStep.tsx
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function formatBalanceUsd(value) {
   if (!Number.isFinite(value) || value <= 0) return "$0.00";
   return `$${value.toFixed(2)}`;
 }
 function fiatIcon(name) {
-  if (name === "apple") return /* @__PURE__ */ jsx14(AppleIcon, {});
-  if (name === "bank") return /* @__PURE__ */ jsx14(BankIcon, {});
-  return /* @__PURE__ */ jsx14(CardIcon, {});
+  if (name === "apple") return /* @__PURE__ */ jsx15(AppleIcon, {});
+  if (name === "bank") return /* @__PURE__ */ jsx15(BankIcon, {});
+  return /* @__PURE__ */ jsx15(CardIcon, {});
 }
 function shorten(addr) {
   return addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : addr;
 }
 function renderWalletLeading(row) {
   if (row.icon) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "img",
       {
         src: row.icon,
@@ -2002,18 +2048,18 @@ function renderWalletLeading(row) {
       }
     );
   }
-  return /* @__PURE__ */ jsx14(WalletIcon, {});
+  return /* @__PURE__ */ jsx15(WalletIcon, {});
 }
-var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ jsx14(TransferCryptoIcon, {});
-var WALLET_LEADING = /* @__PURE__ */ jsx14(WalletIcon, {});
-var SMALL_SPINNER = /* @__PURE__ */ jsx14(Spinner, { className: "rs-spinner--sm" });
-var CONNECT_META = /* @__PURE__ */ jsxs12(Fragment2, { children: [
-  /* @__PURE__ */ jsx14(WalletBadgeIcons, {}),
+var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ jsx15(TransferCryptoIcon, {});
+var WALLET_LEADING = /* @__PURE__ */ jsx15(WalletIcon, {});
+var SMALL_SPINNER = /* @__PURE__ */ jsx15(Spinner, { className: "rs-spinner--sm" });
+var CONNECT_META = /* @__PURE__ */ jsxs13(Fragment2, { children: [
+  /* @__PURE__ */ jsx15(WalletBadgeIcons, {}),
   "+100 wallets"
 ] });
 var EXTRA_CHAIN_COUNT = Math.max(0, getSupportedChainIds().length - 3);
-var CHAIN_BADGE_META = /* @__PURE__ */ jsxs12(Fragment2, { children: [
-  /* @__PURE__ */ jsx14(ChainBadgeIcons, {}),
+var CHAIN_BADGE_META = /* @__PURE__ */ jsxs13(Fragment2, { children: [
+  /* @__PURE__ */ jsx15(ChainBadgeIcons, {}),
   EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT} chains` : "All chains"
 ] });
 function renderRowTrailing(state) {
@@ -2047,18 +2093,18 @@ function ConnectStep({
   );
   const showDappImports = (dappImports?.length ?? 0) > 0;
   const defaultSubtitle = onSelectTransferCrypto ? "Add money to your balance" : "Choose a wallet to continue";
-  return /* @__PURE__ */ jsxs12("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx15(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx14(HandCoinsIcon, {}),
+          icon: /* @__PURE__ */ jsx15(HandCoinsIcon, {}),
           title,
           subtitle: subtitle ?? defaultSubtitle
         }
       ),
-      /* @__PURE__ */ jsxs12("div", { className: "rs-list", children: [
-        onSelectTransferCrypto && /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs13("div", { className: "rs-list", children: [
+        onSelectTransferCrypto && /* @__PURE__ */ jsx15(
           ListRow,
           {
             leading: TRANSFER_CRYPTO_LEADING,
@@ -2068,7 +2114,7 @@ function ConnectStep({
             onClick: onSelectTransferCrypto
           }
         ),
-        fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod ? fiatPaymentMethods.map((opt) => /* @__PURE__ */ jsx14(
+        fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod ? fiatPaymentMethods.map((opt) => /* @__PURE__ */ jsx15(
           ListRow,
           {
             leading: fiatIcon(opt.icon),
@@ -2077,19 +2123,19 @@ function ConnectStep({
             onClick: () => onSelectFiatMethod(opt.method)
           },
           opt.method
-        )) : onSelectPayWithCard && /* @__PURE__ */ jsx14(
+        )) : onSelectPayWithCard && /* @__PURE__ */ jsx15(
           ListRow,
           {
-            leading: /* @__PURE__ */ jsx14(CardIcon, {}),
+            leading: /* @__PURE__ */ jsx15(CardIcon, {}),
             title: "Pay with Card",
             subtitle: "Buy crypto with card or bank",
             onClick: onSelectPayWithCard
           }
         ),
-        onSelectFundFromExchange && /* @__PURE__ */ jsx14(
+        onSelectFundFromExchange && /* @__PURE__ */ jsx15(
           ListRow,
           {
-            leading: /* @__PURE__ */ jsx14(BankIcon, {}),
+            leading: /* @__PURE__ */ jsx15(BankIcon, {}),
             title: "Fund from Exchange",
             subtitle: "Use Coinbase, Binance, MetaMask\u2026",
             onClick: onSelectFundFromExchange
@@ -2098,7 +2144,7 @@ function ConnectStep({
         rows.map((row) => {
           const collapseToExternal = Boolean(onSelectTransferCrypto) && row.kind !== "solana";
           const subtitleText = row.state === "loading" ? "Preparing\u2026" : row.state === "error" ? row.errorReason ?? "Couldn't prepare wallet \u2014 tap to retry" : shorten(row.address);
-          return /* @__PURE__ */ jsx14(
+          return /* @__PURE__ */ jsx15(
             ListRow,
             {
               leading: renderWalletLeading(row),
@@ -2111,7 +2157,7 @@ function ConnectStep({
             row.id
           );
         }),
-        !hasReownWallet && handleConnect && /* @__PURE__ */ jsx14(
+        !hasReownWallet && handleConnect && /* @__PURE__ */ jsx15(
           ListRow,
           {
             leading: WALLET_LEADING,
@@ -2123,7 +2169,7 @@ function ConnectStep({
         ),
         showDappImports && dappImports?.map((row) => {
           if (!hasReownWallet) {
-            return /* @__PURE__ */ jsx14(
+            return /* @__PURE__ */ jsx15(
               ListRow,
               {
                 leading: row.icon,
@@ -2136,7 +2182,7 @@ function ConnectStep({
             );
           }
           if (row.status === "loading" || row.status === "needs-connect") {
-            return /* @__PURE__ */ jsx14(
+            return /* @__PURE__ */ jsx15(
               ListRow,
               {
                 leading: row.icon,
@@ -2149,7 +2195,7 @@ function ConnectStep({
             );
           }
           if (row.status.enabled) {
-            return /* @__PURE__ */ jsx14(
+            return /* @__PURE__ */ jsx15(
               ListRow,
               {
                 leading: row.icon,
@@ -2161,7 +2207,7 @@ function ConnectStep({
             );
           }
           if (row.status.retryable) {
-            return /* @__PURE__ */ jsx14(
+            return /* @__PURE__ */ jsx15(
               ListRow,
               {
                 leading: row.icon,
@@ -2172,7 +2218,7 @@ function ConnectStep({
               row.id
             );
           }
-          return /* @__PURE__ */ jsx14(
+          return /* @__PURE__ */ jsx15(
             ListRow,
             {
               leading: row.icon,
@@ -2185,7 +2231,7 @@ function ConnectStep({
         })
       ] })
     ] }),
-    onDisconnect && hasReownWallet && /* @__PURE__ */ jsx14("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx14(
+    onDisconnect && hasReownWallet && /* @__PURE__ */ jsx15("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx15(
       "button",
       {
         type: "button",
@@ -2194,7 +2240,7 @@ function ConnectStep({
         children: "Disconnect wallet"
       }
     ) }),
-    /* @__PURE__ */ jsx14(PoweredBy, {})
+    /* @__PURE__ */ jsx15(PoweredBy, {})
   ] });
 }
 ConnectStep.displayName = "ConnectStep";
@@ -2204,7 +2250,7 @@ import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4
 import { formatUnits } from "viem";
 
 // src/components/ui/Button.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function Button({
   children,
   variant = "accent",
@@ -2224,19 +2270,19 @@ function Button({
     className
   ].filter(Boolean).join(" ");
   const showInlineLoadingText = loading && loadingText !== void 0;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "button",
     {
       className: classes,
       disabled: disabled || loading,
       "aria-busy": loading || void 0,
       ...props,
-      children: showInlineLoadingText ? /* @__PURE__ */ jsxs13("span", { className: "rs-button__loading-row", children: [
-        /* @__PURE__ */ jsx15(Spinner, { className: "rs-spinner--sm" }),
-        /* @__PURE__ */ jsx15("span", { children: loadingText })
-      ] }) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
-        /* @__PURE__ */ jsx15("span", { className: loading ? "rs-button__content--hidden" : "", children }),
-        loading && /* @__PURE__ */ jsx15("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx15(Spinner, { className: "rs-spinner--sm" }) })
+      children: showInlineLoadingText ? /* @__PURE__ */ jsxs14("span", { className: "rs-button__loading-row", children: [
+        /* @__PURE__ */ jsx16(Spinner, { className: "rs-spinner--sm" }),
+        /* @__PURE__ */ jsx16("span", { children: loadingText })
+      ] }) : /* @__PURE__ */ jsxs14(Fragment3, { children: [
+        /* @__PURE__ */ jsx16("span", { className: loading ? "rs-button__content--hidden" : "", children }),
+        loading && /* @__PURE__ */ jsx16("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx16(Spinner, { className: "rs-spinner--sm" }) })
       ] })
     }
   );
@@ -2251,7 +2297,7 @@ import {
   useCallback as useCallback2
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function Tooltip({ content, children, className }) {
   const [open, setOpen] = useState(false);
   const [position, setPosition] = useState(null);
@@ -2292,7 +2338,7 @@ function Tooltip({ content, children, className }) {
       window.removeEventListener("resize", updatePosition);
     };
   }, [open, updatePosition]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "span",
     {
       ref: triggerRef,
@@ -2300,7 +2346,7 @@ function Tooltip({ content, children, className }) {
       onMouseEnter: () => setOpen(true),
       onMouseLeave: () => setOpen(false),
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "span",
           {
             className: "rs-tooltip-trigger",
@@ -2322,7 +2368,7 @@ function Tooltip({ content, children, className }) {
           }
         ),
         open && position && typeof document !== "undefined" && createPortal2(
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             "span",
             {
               ref: bubbleRef,
@@ -2340,46 +2386,6 @@ function Tooltip({ content, children, className }) {
 }
 Tooltip.displayName = "Tooltip";
 
-// src/components/ui/Callout.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-function CircleAlertIcon() {
-  return /* @__PURE__ */ jsx17(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx17(
-        "path",
-        {
-          d: "M10 5.99L6 9.99M6 5.99L10 9.99M14.66 7.99C14.66 11.68 11.68 14.66 8 14.66C4.31 14.66 1.33 11.68 1.33 7.99C1.33 4.31 4.31 1.33 8 1.33C11.68 1.33 14.66 4.31 14.66 7.99Z",
-          stroke: "currentColor",
-          strokeWidth: "1.33",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-}
-function Callout({ variant = "error", children, role }) {
-  return /* @__PURE__ */ jsxs15(
-    "div",
-    {
-      className: `rs-callout rs-callout--${variant}`,
-      role: role ?? (variant === "error" ? "alert" : "status"),
-      children: [
-        /* @__PURE__ */ jsx17("span", { className: "rs-callout-icon", children: variant === "error" ? /* @__PURE__ */ jsx17(CircleAlertIcon, {}) : /* @__PURE__ */ jsx17(AlertTriangleIcon, {}) }),
-        /* @__PURE__ */ jsx17("span", { className: "rs-callout-text", children })
-      ]
-    }
-  );
-}
-Callout.displayName = "Callout";
-
 // src/core/webhook.ts
 function isRecord(value) {
   return typeof value === "object" && value !== null;
@@ -2593,6 +2599,27 @@ function maxFractionDigitsFor(symbol) {
   if (!symbol) return 6;
   return STABLECOIN_SYMBOLS.has(symbol.toUpperCase()) ? 3 : 6;
 }
+var PAYMENT_METHOD_LABELS = {
+  creditcard: "Card",
+  debitcard: "Card",
+  card: "Card",
+  applepay: "Apple Pay",
+  googlepay: "Google Pay",
+  "bank-transfer": "Bank Transfer",
+  banktransfer: "Bank Transfer",
+  sepa: "SEPA",
+  "open-banking": "Open Banking",
+  "krak-pay": "Kraken Pay",
+  krakpay: "Kraken Pay",
+  kraken: "Kraken",
+  coinbase: "Coinbase",
+  binance: "Binance"
+};
+function formatPaymentMethod(method) {
+  const key = method.trim().toLowerCase();
+  if (PAYMENT_METHOD_LABELS[key]) return PAYMENT_METHOD_LABELS[key];
+  return key.replace(/[-_]+/g, " ").split(" ").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
 function loadPhaseTimings(txHash) {
   if (typeof window === "undefined") return null;
   try {
@@ -2703,6 +2730,7 @@ function ProcessingStep({
   amount,
   sourceSymbol: providedSourceSymbol,
   sourceDecimals: providedSourceDecimals,
+  amountUsd,
   hasPostBridgeActions,
   service,
   directTransfer,
@@ -2713,6 +2741,7 @@ function ProcessingStep({
   quotedFeeAmount,
   quotedFeeSymbol,
   balanceAfterUsd,
+  isSwappedOrder,
   onClose,
   onNewDeposit,
   onRetry,
@@ -2728,6 +2757,8 @@ function ProcessingStep({
     amount,
     sourceChain,
     sourceToken,
+    sourceDecimals: providedSourceDecimals,
+    amountUsd,
     targetChain,
     targetToken,
     hasPostBridgeActions
@@ -2775,6 +2806,8 @@ function ProcessingStep({
       amount: context.amount,
       sourceChain: context.sourceChain,
       sourceToken: context.sourceToken,
+      sourceDecimals: context.sourceDecimals,
+      amountUsd: context.amountUsd,
       targetChain: context.targetChain,
       targetToken: context.targetToken
     });
@@ -2817,8 +2850,11 @@ function ProcessingStep({
     let cancelled = false;
     service.fetchSwappedOrderStatus(smartAccount).then((res) => {
       if (cancelled || !res) return;
-      if (!res.transactionId) return;
-      if (res.transactionId.toLowerCase() !== txHash.toLowerCase()) return;
+      if (res.transactionId != null) {
+        if (res.transactionId.toLowerCase() !== txHash.toLowerCase()) return;
+      } else if (!isSwappedOrder) {
+        return;
+      }
       setSwappedFiatContext({
         paidAmountUsd: res.paidAmountUsd,
         paidAmountEur: res.paidAmountEur,
@@ -2830,7 +2866,7 @@ function ProcessingStep({
     return () => {
       cancelled = true;
     };
-  }, [service, smartAccount, txHash]);
+  }, [service, smartAccount, txHash, isSwappedOrder]);
   useEffect4(() => {
     if (directTransfer) return;
     if (state.type !== "processing") {
@@ -2873,6 +2909,8 @@ function ProcessingStep({
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
+            sourceDecimals: context.sourceDecimals,
+            amountUsd: context.amountUsd,
             targetChain: context.targetChain,
             targetToken: context.targetToken
           });
@@ -2906,6 +2944,8 @@ function ProcessingStep({
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
+            sourceDecimals: context.sourceDecimals,
+            amountUsd: context.amountUsd,
             targetChain: context.targetChain,
             targetToken: context.targetToken
           });
@@ -3064,6 +3104,7 @@ function ProcessingStep({
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
       return numeric.toLocaleString("en-US", {
+        minimumFractionDigits: 2,
         maximumFractionDigits: amountMaxDigits
       });
     } catch {
@@ -3076,6 +3117,7 @@ function ProcessingStep({
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
       return numeric.toLocaleString("en-US", {
+        minimumFractionDigits: 2,
         maximumFractionDigits: amountMaxDigits
       });
     } catch {
@@ -3155,13 +3197,13 @@ function ProcessingStep({
           /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx18(Ticker, { value: timerText }) })
         ] }),
         swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Paid" }),
+          /* @__PURE__ */ jsx18("span", { children: "You pay" }),
           /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
             "$",
             swappedFiatContext.paidAmountUsd.toFixed(2),
             swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs16("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
               "via ",
-              swappedFiatContext.paymentMethod
+              formatPaymentMethod(swappedFiatContext.paymentMethod)
             ] })
           ] })
         ] }),
@@ -3527,22 +3569,6 @@ async function buildSafeTransaction(params) {
   };
 }
 
-// src/core/public-client.ts
-import { createPublicClient, http } from "viem";
-var clientCache = /* @__PURE__ */ new Map();
-function getPublicClient(chainId) {
-  let client = clientCache.get(chainId);
-  if (!client) {
-    const chain = CHAIN_BY_ID[chainId];
-    client = createPublicClient({
-      chain,
-      transport: http()
-    });
-    clientCache.set(chainId, client);
-  }
-  return client;
-}
-
 // src/core/session-owner.ts
 import { isAddress } from "viem";
 import {
@@ -3612,19 +3638,15 @@ export {
   PlusCircleIcon,
   CircleArrowOutUpLeftIcon,
   BankIcon,
+  Callout,
   BodyHeader,
   PoweredBy,
   Spinner,
   ConnectStep,
   useLatestRef,
   Button,
-  Callout,
   debugLog,
   debugError,
-  toEvmCaip2,
-  targetChainToCaip2,
-  parseEvmChainId,
-  isSolanaCaip2,
   getAssetId,
   portfolioToAssets,
   isNativeAsset,
@@ -3647,6 +3669,7 @@ export {
   executeSafeErc20Transfer,
   buildSafeTransaction,
   getPublicClient,
+  getHyperEvmReadClient,
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage,
   createSessionOwnerKey,