@rhinestone/deposit-modal 0.3.1 → 0.4.1

package/dist/{chunk-3C35DVPE.mjs → chunk-A33QFRKD.mjs}

@@ -1,19 +1,19 @@
 import {
   CHAIN_BY_ID,
   NATIVE_TOKEN_ADDRESS,
+  findTokenDecimals,
   getChainIcon,
   getChainName,
   getExplorerTxUrl,
   getSolanaTokenByMint,
   getSupportedChainIds,
-  getTargetTokenSymbol,
   getTokenAddress,
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol,
   isSolanaCaip2,
   parseEvmChainId
-} from "./chunk-6YRDD462.mjs";
+} from "./chunk-WJX3TJFK.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -169,9 +169,9 @@ import {
   CircleArrowOutUpLeft,
   CreditCard,
   Landmark,
-  Apple
+  Unplug
 } from "lucide-react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var WalletIcon = Wallet;
 var ExternalLinkIcon = ExternalLink;
 var CheckIcon = Check;
@@ -214,10 +214,43 @@ var PlusCircleIcon = CirclePlus;
 var CircleArrowOutUpLeftIcon = CircleArrowOutUpLeft;
 var CardIcon = CreditCard;
 var BankIcon = Landmark;
-var AppleIcon = Apple;
+var UnplugIcon = Unplug;
+function AppleIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M16.36 1.43c0 1.14-.49 2.27-1.18 3.08-.74.9-1.99 1.57-2.98 1.57-.12 0-.23-.02-.3-.03-.01-.06-.04-.22-.04-.39 0-1.15.57-2.27 1.2-2.98.8-.94 2.15-1.64 3.25-1.68.03.13.05.28.05.43z",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M20.93 17.14c-.03.07-.46 1.58-1.52 3.12-.94 1.34-1.94 2.71-3.43 2.71-1.51 0-1.9-.88-3.63-.88-1.7 0-2.3.91-3.67.91-1.38 0-2.33-1.26-3.43-2.8-1.29-1.82-2.32-4.63-2.32-7.28 0-4.28 2.8-6.55 5.55-6.55 1.45 0 2.68.95 3.6.95.86 0 2.22-1.01 3.9-1.01.61 0 2.89.06 4.37 2.19-.13.09-2.38 1.37-2.38 4.19 0 3.26 2.85 4.42 2.96 4.45z",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/components/ui/Callout.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function CircleAlertIcon() {
   return /* @__PURE__ */ jsx3(
     "svg",
@@ -242,7 +275,7 @@ function CircleAlertIcon() {
   );
 }
 function Callout({ variant = "error", children, role }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       className: `rs-callout rs-callout--${variant}`,
@@ -1549,31 +1582,35 @@ function applyTheme(element, theme) {
 }
 
 // src/components/ui/BodyHeader.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function BodyHeader({
   icon,
   title,
   subtitle,
-  variant = "default"
+  variant = "default",
+  aside
 }) {
   const iconClasses = [
     "rs-body-header-icon",
     variant === "success" ? "rs-body-header-icon--success" : "",
     variant === "error" ? "rs-body-header-icon--error" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs2("div", { className: "rs-body-header", children: [
+  return /* @__PURE__ */ jsxs3("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 })
+    /* @__PURE__ */ jsxs3("div", { className: "rs-body-header-main", children: [
+      /* @__PURE__ */ jsxs3("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 })
+      ] }),
+      aside && /* @__PURE__ */ jsx4("div", { className: "rs-body-header-aside", children: aside })
     ] })
   ] });
 }
 BodyHeader.displayName = "BodyHeader";
 
 // src/components/ui/PoweredBy.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var rhinestoneLogo = /* @__PURE__ */ jsxs3(
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var rhinestoneLogo = /* @__PURE__ */ jsxs4(
   "svg",
   {
     className: "rs-powered-by-logo",
@@ -1582,7 +1619,7 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs3(
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ jsxs3("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
+      /* @__PURE__ */ jsxs4("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
         /* @__PURE__ */ jsx5(
           "path",
           {
@@ -1626,7 +1663,7 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs3(
   }
 );
 function PoweredBy() {
-  return /* @__PURE__ */ jsxs3("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
     /* @__PURE__ */ jsx5("span", { children: "Powered by" }),
     /* @__PURE__ */ jsx5(
       "a",
@@ -1643,9 +1680,9 @@ function PoweredBy() {
 PoweredBy.displayName = "PoweredBy";
 
 // src/components/ui/Spinner.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Spinner({ className }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "svg",
     {
       className: `rs-spinner ${className || ""}`,
@@ -1672,8 +1709,11 @@ function Spinner({ className }) {
   );
 }
 
+// src/components/steps/ConnectStep.tsx
+import { useState } from "react";
+
 // src/components/ui/ListRow.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function ListRow({
   leading,
   leadingMedia,
@@ -1687,10 +1727,10 @@ function ListRow({
   disabled,
   ...props
 }) {
-  const inner = /* @__PURE__ */ jsxs5(Fragment, { children: [
+  const inner = /* @__PURE__ */ jsxs6(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__ */ jsxs6("div", { className: "rs-list-row-body", children: [
+      /* @__PURE__ */ jsxs6("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 })
       ] }),
@@ -1745,10 +1785,71 @@ function ListRow({
 }
 ListRow.displayName = "ListRow";
 
+// src/components/ui/SegmentedToggle.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var SEGMENTED_INSET_PX = 2;
+function SegmentedToggle({
+  options,
+  value,
+  onChange,
+  ariaLabel
+}) {
+  const activeIndex = Math.max(
+    0,
+    options.findIndex((opt) => opt.value === value)
+  );
+  const count = Math.max(options.length, 1);
+  const totalInsetPx = SEGMENTED_INSET_PX * (count + 1);
+  const offsetPercent = activeIndex / count * 100;
+  const offsetCorrectionPx = activeIndex * SEGMENTED_INSET_PX / count;
+  const segmentedStyle = {
+    "--rs-segmented-count": count,
+    "--rs-segmented-index": activeIndex,
+    "--rs-segmented-inset": `${SEGMENTED_INSET_PX}px`,
+    "--rs-segmented-thumb-width": `calc((100% - ${totalInsetPx}px) / ${count})`,
+    "--rs-segmented-thumb-offset": `calc(${offsetPercent}% - ${offsetCorrectionPx}px)`
+  };
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: "rs-segmented",
+      role: "tablist",
+      "aria-label": ariaLabel,
+      style: segmentedStyle,
+      children: [
+        /* @__PURE__ */ jsx8(
+          "span",
+          {
+            className: "rs-segmented-thumb",
+            "data-value": value,
+            "aria-hidden": "true"
+          }
+        ),
+        options.map((opt) => {
+          const active = opt.value === value;
+          return /* @__PURE__ */ jsx8(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": active,
+              className: `rs-segmented-option${active ? " rs-segmented-option--active" : ""}`,
+              onClick: () => onChange(opt.value),
+              children: opt.label
+            },
+            opt.value
+          );
+        })
+      ]
+    }
+  );
+}
+SegmentedToggle.displayName = "SegmentedToggle";
+
 // src/components/ui/WalletBadgeIcons/RabbyIcon.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function RabbyIcon() {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs8(
     "svg",
     {
       width: "20",
@@ -1757,8 +1858,8 @@ function RabbyIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxs6("g", { clipPath: "url(#rs-rabby-clip)", children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs8("g", { clipPath: "url(#rs-rabby-clip)", children: [
+          /* @__PURE__ */ jsx9(
             "mask",
             {
               id: "rs-rabby-mask",
@@ -1768,7 +1869,7 @@ function RabbyIcon() {
               y: "0",
               width: "20",
               height: "20",
-              children: /* @__PURE__ */ jsx8(
+              children: /* @__PURE__ */ jsx9(
                 "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",
@@ -1777,22 +1878,22 @@ function RabbyIcon() {
               )
             }
           ),
-          /* @__PURE__ */ jsxs6("g", { mask: "url(#rs-rabby-mask)", children: [
-            /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs8("g", { mask: "url(#rs-rabby-mask)", children: [
+            /* @__PURE__ */ jsx9(
               "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__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "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__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "path",
               {
                 fillRule: "evenodd",
@@ -1801,7 +1902,7 @@ function RabbyIcon() {
                 fill: "url(#rs-rabby-grad1)"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "path",
               {
                 fillRule: "evenodd",
@@ -1810,7 +1911,7 @@ function RabbyIcon() {
                 fill: "url(#rs-rabby-grad2)"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "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",
@@ -1819,8 +1920,8 @@ function RabbyIcon() {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("defs", { children: [
-          /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs8("defs", { children: [
+          /* @__PURE__ */ jsxs8(
             "linearGradient",
             {
               id: "rs-rabby-grad0",
@@ -1830,12 +1931,12 @@ function RabbyIcon() {
               y2: "12.58",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx8("stop", { stopColor: "white" }),
-                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "white" })
+                /* @__PURE__ */ jsx9("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsx9("stop", { offset: "1", stopColor: "white" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs8(
             "linearGradient",
             {
               id: "rs-rabby-grad1",
@@ -1845,12 +1946,12 @@ function RabbyIcon() {
               y2: "2.21",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx8("stop", { stopColor: "#8697FF" }),
-                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+                /* @__PURE__ */ jsx9("stop", { stopColor: "#8697FF" }),
+                /* @__PURE__ */ jsx9("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs8(
             "linearGradient",
             {
               id: "rs-rabby-grad2",
@@ -1860,12 +1961,12 @@ function RabbyIcon() {
               y2: "9.61",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx8("stop", { stopColor: "#8697FF" }),
-                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+                /* @__PURE__ */ jsx9("stop", { stopColor: "#8697FF" }),
+                /* @__PURE__ */ jsx9("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs8(
             "linearGradient",
             {
               id: "rs-rabby-grad3",
@@ -1875,12 +1976,12 @@ function RabbyIcon() {
               y2: "15.67",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx8("stop", { stopColor: "white" }),
-                /* @__PURE__ */ jsx8("stop", { offset: "0.98", stopColor: "#D1D8FF" })
+                /* @__PURE__ */ jsx9("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsx9("stop", { offset: "0.98", stopColor: "#D1D8FF" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx8("clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ jsx8("rect", { width: "20", height: "20", fill: "white" }) })
+          /* @__PURE__ */ jsx9("clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ jsx9("rect", { width: "20", height: "20", fill: "white" }) })
         ] })
       ]
     }
@@ -1888,9 +1989,9 @@ function RabbyIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/PhantomIcon.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function PhantomIcon() {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       width: "20",
@@ -1899,14 +2000,14 @@ function PhantomIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "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__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "path",
           {
             fillRule: "evenodd",
@@ -1921,9 +2022,9 @@ function PhantomIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/WalletConnectIcon.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function WalletConnectIcon() {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       width: "20",
@@ -1932,8 +2033,8 @@ function WalletConnectIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx10("rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11("rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
+        /* @__PURE__ */ jsx11(
           "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",
@@ -1946,9 +2047,9 @@ function WalletConnectIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/EthBadgeIcon.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function EthBadgeIcon() {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs11(
     "svg",
     {
       width: "20",
@@ -1957,28 +2058,28 @@ function EthBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "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__ */ 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" })
+        /* @__PURE__ */ jsx12("path", { d: "M10.00 2.18L14.69 9.99L10.02 7.98L10.00 2.18Z", fill: "#2F3030" }),
+        /* @__PURE__ */ jsx12("path", { d: "M5.31 9.99L9.98 2.18L10.00 7.98L5.31 9.99Z", fill: "#828384" }),
+        /* @__PURE__ */ jsx12("path", { d: "M9.98 12.80L5.31 10.04L10.00 8.11L9.98 12.80Z", fill: "#343535" }),
+        /* @__PURE__ */ jsx12("path", { d: "M14.69 10.04L10.02 8.11L10.00 12.80L14.69 10.04Z", fill: "#131313" }),
+        /* @__PURE__ */ jsx12("path", { d: "M10.00 14.00L14.69 11.24L10.00 17.80V14.00Z", fill: "#2F3030" }),
+        /* @__PURE__ */ jsx12("path", { d: "M10.00 14.00L5.31 11.24L10.00 17.80V14.00Z", fill: "#828384" })
       ]
     }
   );
 }
 
 // src/components/ui/WalletBadgeIcons/SolBadgeIcon.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function SolBadgeIcon() {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     "svg",
     {
       width: "20",
@@ -1987,8 +2088,8 @@ function SolBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx12("rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13("rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
+        /* @__PURE__ */ jsx13(
           "path",
           {
             fillRule: "evenodd",
@@ -1997,7 +2098,7 @@ function SolBadgeIcon() {
             fill: "url(#rs-sol-badge-grad)"
           }
         ),
-        /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsxs12(
           "linearGradient",
           {
             id: "rs-sol-badge-grad",
@@ -2007,8 +2108,8 @@ function SolBadgeIcon() {
             y2: "5.08",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx12("stop", { stopColor: "#CB4EE8" }),
-              /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#10F4B1" })
+              /* @__PURE__ */ jsx13("stop", { stopColor: "#CB4EE8" }),
+              /* @__PURE__ */ jsx13("stop", { offset: "1", stopColor: "#10F4B1" })
             ]
           }
         ) })
@@ -2018,9 +2119,9 @@ function SolBadgeIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/BaseBadgeIcon.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function BaseBadgeIcon() {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       width: "20",
@@ -2029,8 +2130,8 @@ function BaseBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx13("circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14("circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
+        /* @__PURE__ */ jsx14(
           "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",
@@ -2043,41 +2144,191 @@ function BaseBadgeIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/index.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function WalletBadgeIcons() {
-  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, {}) })
+  return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(RabbyIcon, {}) }),
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(PhantomIcon, {}) }),
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(WalletConnectIcon, {}) })
   ] });
 }
 WalletBadgeIcons.displayName = "WalletBadgeIcons";
 function ChainBadgeIcons() {
-  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, {}) })
+  return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(EthBadgeIcon, {}) }),
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(SolBadgeIcon, {}) }),
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(BaseBadgeIcon, {}) })
   ] });
 }
 ChainBadgeIcons.displayName = "ChainBadgeIcons";
 
+// src/components/ui/ExchangeLogos.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var EXCHANGE_LOGO_SOURCES = {
+  binance: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMEMwRTEyIi8+CjxwYXRoIGQ9Ik05Mi4zMDEgMTExLjczNkwxMjUuMzE5IDc4LjczMTdMMTU4LjM1MSAxMTEuNzYzTDE3Ny41NTIgOTIuNTQ4NkwxMjUuMzE5IDQwLjMwMjJMNzMuMDg2MyA5Mi41MzUyTDkyLjMwMSAxMTEuNzM2WiIgZmlsbD0iI0YzQkEyRiIvPgo8cGF0aCBkPSJNNDAuMzAzIDEyNS4zMDhMNTkuNTEwNyAxMDYuMUw3OC43MTg0IDEyNS4zMDhMNTkuNTEwNyAxNDQuNTE2TDQwLjMwMyAxMjUuMzA4WiIgZmlsbD0iI0YzQkEyRiIvPgo8cGF0aCBkPSJNOTIuMzAxMiAxMzguODczTDEyNS4zMTkgMTcxLjg5MUwxNTguMzUxIDEzOC44NkwxNzcuNTY2IDE1OC4wNDhMMTc3LjU1MiAxNTguMDYxTDEyNS4zMTkgMjEwLjMwOEw3My4wODY0IDE1OC4wODhMNzMuMDU5NiAxNTguMDYxTDkyLjMwMTIgMTM4Ljg3M1oiIGZpbGw9IiNGM0JBMkYiLz4KPHBhdGggZD0iTTE3MS44ODcgMTI1LjMxMkwxOTEuMDk1IDEwNi4xMDVMMjEwLjMwMyAxMjUuMzEyTDE5MS4wOTUgMTQ0LjUyTDE3MS44ODcgMTI1LjMxMloiIGZpbGw9IiNGM0JBMkYiLz4KPHBhdGggZD0iTTE0NC44MDMgMTI1LjI5OEwxMjUuMzE5IDEwNS44MDJMMTEwLjkxMiAxMjAuMjA5TDEwOS4yNDcgMTIxLjg2MUwxMDUuODM2IDEyNS4yNzJMMTA1LjgwOSAxMjUuMjk4TDEwNS44MzYgMTI1LjMzOUwxMjUuMzE5IDE0NC44MDlMMTQ0LjgwMyAxMjUuMzEyTDE0NC44MTYgMTI1LjI5OEgxNDQuODAzWiIgZmlsbD0iI0YzQkEyRiIvPgo8L3N2Zz4K",
+  bitfinex: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDc2OV8xNTk5NjEpIi8+CjxwYXRoIGQ9Ik00Ni40NDQ4IDE4NS42MTJDNTQuMjc0NSAxOTMuOTE1IDk3LjMyOTcgMjMzLjcwMSAxNjQuOTA0IDE4Ny41MjRDMjEzLjc3OCAxNDkuNDcxIDIxMi41NTIgNjYuOTczIDIwNy44NjEgNDIuMDQ1NUMyMDYuMjI2IDQ1LjY3NDMgMTQ5LjUyMiAxNjkuOTY5IDQ2LjQ0NDggMTg1LjYxMlpNMjA3Ljg2MSA0Mi4wMjkxQzIwNy4yNTYgNDEuNzgzOSAxNDQuMzkgMzMuMjE4NyA4Mi4yNDI0IDczLjI0OThDNDMuNjQ5NiA5OC4wOTU2IDM4LjUzMzQgMTM0LjQ4MiA0MC4yOTg3IDE1OC43ODhDMTMwLjY0MyAxNDguNjIxIDIwNS44MDEgNDQuODg5NyAyMDcuODYxIDQyLjAyOTFaIiBmaWxsPSIjMDJDQTlCIi8+CjxwYXRoIGQ9Ik0yMDcuODYxIDQyLjAyOTFDMjA3LjI1NiA0MS43ODM5IDE0NC4zOSAzMy4yMTg3IDgyLjI0MjQgNzMuMjQ5OEM0My42NDk2IDk4LjA5NTYgMzguNTMzNCAxMzQuNDgyIDQwLjI5ODcgMTU4Ljc4OEMxMzAuNjQzIDE0OC42MjEgMjA1LjgwMSA0NC44ODk3IDIwNy44NjEgNDIuMDI5MVoiIGZpbGw9IiMwMkNBOUIiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NzY5XzE1OTk2MSIgeDE9IjI1MCIgeTE9IjcuNTI1MDllLTA2IiB4Mj0iMy4wMDAwMSIgeTI9IjI1Mi41IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCMDJDMkQiLz4KPHN0b3Agb2Zmc2V0PSIwLjMyMTEzMSIgc3RvcC1jb2xvcj0iIzE3MzU1QSIvPgo8c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiMxRTQ0NzQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDQ3RTYxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==",
+  btcturk: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDc2OV8xNTk5NzgpIj4KPHBhdGggZD0iTTE0NC44NTIgMTg4LjY4MkMxMzQuOTQ3IDE5NS42ODYgMTI5LjA4NyAyMDQuNDQ3IDEzMS44MyAyMDguMjQzQzEzNC41NzMgMjEyLjA0IDE0NC43MTYgMjA5LjQ1NiAxNTQuNjIxIDIwMi40NjNDMTY0LjUyNyAxOTUuNDcxIDE3MC4zNjMgMTg2LjcxIDE2Ny42NDMgMTgyLjkwMkMxNjYuODA1IDE4MS43NjkgMTY1LjIyOSAxODEuMTQ1IDE2My4xNjcgMTgxLjE0NUMxNTguNjMzIDE4MS4xNDUgMTUxLjY2MyAxODMuODc3IDE0NC44NTIgMTg4LjY4MlpNOTAuNDUxOSAxNzMuNzIyQzcxLjMwOTkgMTgxLjY2NyA1OC4wMzg2IDE5My40NDIgNjAuNzkyNiAyMDAuMTI5QzYzLjU0NjYgMjA2LjgxNSA4MS4yOTQ2IDIwNS44NTIgMTAwLjQ1OSAxOTcuOTUzQzExOS42MjQgMTkwLjA1MyAxMzIuODM5IDE3OC4yNjcgMTMwLjA4NSAxNzEuNTM1QzEyOC44NDkgMTY4LjU0MyAxMjQuNjQ1IDE2Ny4wOTIgMTE4LjY2MSAxNjcuMDkyQzExMS4yMjYgMTY3LjA5MiAxMDEuMDQ5IDE2OS4zNTkgOTAuNDUxOSAxNzMuNzIyWk0xNzguMjE3IDE2NS43ODlDMTc0LjgxNyAxNzIuMjM3IDE3My43NzUgMTc4LjM0NiAxNzUuODQ5IDE3OS4zODlDMTc3LjkyMyAxODAuNDMxIDE4Mi4zMiAxNzYuMTI1IDE4NS42OTcgMTY5LjY3NkMxODkuMDc1IDE2My4yMjcgMTkwLjE0IDE1Ny4xMTkgMTg4LjA2NiAxNTYuMDc2QzE4Ny44NDkgMTU1Ljk2NCAxODcuNjA3IDE1NS45MDkgMTg3LjM2MyAxNTUuOTE3QzE4NS4wOTcgMTU1LjkxNyAxODEuMjQzIDE2MC4wMDkgMTc4LjIxNyAxNjUuNzg5Wk0xNTAuNTc1IDE0Ny45MjdDMTQ0LjAxMyAxNTEuNzEzIDE0MC41OTEgMTU4LjA1OSAxNDIuOTE0IDE2Mi4wOTRDMTQ1LjIzNyAxNjYuMTI5IDE1Mi40MzQgMTY2LjMyMSAxNTguOTk2IDE2Mi41MzZDMTY1LjU1OCAxNTguNzUxIDE2OC45ODEgMTUyLjQwNCAxNjYuNjU3IDE0OC4zNjlDMTY1LjQ0NSAxNDYuMjczIDE2Mi45MTcgMTQ1LjIwNyAxNTkuODU3IDE0NS4yMDdDMTU2LjU4NSAxNDUuMzAyIDE1My4zOTIgMTQ2LjIzOSAxNTAuNTg3IDE0Ny45MjdNMTc0Ljg0IDEzOS4zMjVDMTcyLjkzNiAxNDIuNjIzIDE3My4wNjEgMTQ2LjI3MyAxNzUuMTIzIDE0Ny40NjNDMTc3LjE4NiAxNDguNjUzIDE4MC40MDUgMTQ2Ljk1MyAxODIuMzA5IDE0My42NDNDMTg0LjIxMyAxNDAuMzM0IDE4NC4wODggMTM2LjY5NiAxODIuMDE0IDEzNS41MDZDMTgxLjU3IDEzNS4yNDggMTgxLjA2NSAxMzUuMTE1IDE4MC41NTIgMTM1LjEyMUMxNzguNjI1IDEzNS4xMjEgMTc2LjMzNiAxMzYuNzMgMTc0Ljg4NSAxMzkuMzI1TTE1MC40MDUgMTI1LjE3QzE1MC40MDUgMTI5LjExNCAxNTQuMDMyIDEzMi4zMjEgMTU4LjUwOSAxMzIuMzIxQzE2Mi45ODUgMTMyLjMyMSAxNjYuNjEyIDEyOS4xMTQgMTY2LjYxMiAxMjUuMTdDMTY2LjYxMiAxMjEuMjI2IDE2Mi45ODUgMTE4LjAxOSAxNTguNTA5IDExOC4wMTlDMTU0LjAzMiAxMTguMDE5IDE1MC40MDUgMTIxLjIxNSAxNTAuNDA1IDEyNS4xN1pNOTYuMzExMyAxMjUuMTdDOTYuMzExMyAxMzQuMDIxIDEwNi4yOTYgMTQxLjE5NSAxMTguNjE1IDE0MS4xOTVDMTMwLjkzNSAxNDEuMTk1IDE0MC44OTcgMTM0LjA2NyAxNDAuODk3IDEyNS4xN0MxNDAuODk3IDExNi4yNzMgMTMwLjkzNSAxMDkuMTMzIDExOC42MTUgMTA5LjEzM0MxMDYuMjk2IDEwOS4xMzMgOTYuMzExMyAxMTYuMzE5IDk2LjMxMTMgMTI1LjE3Wk0xNzUuMzUgMTAyLjUwM0MxNzMuMjg3IDEwMy42MzcgMTczLjE2MyAxMDcuMzQzIDE3NS4wNjcgMTEwLjY0MUMxNzYuOTcxIDExMy45MzkgMTgwLjE3OCAxMTUuNjYxIDE4Mi4yNTIgMTE0LjQ2QzE4NC4zMjYgMTEzLjI1OSAxODQuNDM5IDEwOS42MzIgMTgyLjUzNSAxMDYuMzIzQzE4MS4wMzkgMTAzLjczOSAxNzguNzM5IDEwMi4xMTggMTc2Ljg2OSAxMDIuMTE4QzE3Ni4zNTIgMTAyLjExNyAxNzUuODQ1IDEwMi4yNDkgMTc1LjM5NSAxMDIuNTAzTTE0My4xNjMgODcuOTA2QzE0MC44OTcgOTEuOTQwNyAxNDQuMjk3IDk4LjI4NzMgMTUwLjgyNSAxMDIuMDczQzE1Ny4zNTMgMTA1Ljg1OCAxNjQuNTgzIDEwNS42NjUgMTY2LjkwNyAxMDEuNjMxQzE2OS4yMyA5Ny41OTYgMTY1Ljc3MyA5MS4yNjA3IDE1OS4yNDUgODcuNDY0QzE1Ni40MzUgODUuNzc4NCAxNTMuMjM5IDg0Ljg0NTUgMTQ5Ljk2MyA4NC43NTUzQzE0Ni44OTIgODQuNzU1MyAxNDQuMzY1IDg1LjgwOTMgMTQzLjE2MyA4Ny45MDZaTTE3NS44MDMgNzAuNkMxNzMuNzQxIDcxLjczMzMgMTc0Ljc5NSA3Ny43OTY3IDE3OC4xNzIgODQuMkMxODEuNTQ5IDkwLjYwMzMgMTg1Ljk1OCA5NS4wMDA3IDE4OC4wMzIgOTMuOTEyN0MxOTAuMTA2IDkyLjgyNDcgMTg5LjAyOSA4Ni43MTYgMTg1LjY1MiA4MC4zMTI3QzE4Mi42MjYgNzQuNTMyNyAxNzguNzYxIDcwLjQ0MTMgMTc2LjUwNiA3MC40NDEzQzE3Ni4yNjMgNzAuNDQxMiAxNzYuMDIzIDcwLjQ5NTQgMTc1LjgwMyA3MC42Wk02MC43OTI2IDQ5LjkxNjdDNTguMDM4NiA1Ni42MDMzIDcxLjMyMTMgNjguNDM1MyA5MC40NTE5IDc2LjMzNDdDMTA5LjU4MyA4NC4yMzQgMTI3LjI5NyA4NS4yMDg3IDEzMC4wODUgNzguNTMzM0MxMzIuODczIDcxLjg1OCAxMTkuNTU2IDYwLjAwMzMgMTAwLjQyNSA1Mi4xMDRDODkuODI4NiA0Ny43MjkzIDc5LjY5NjYgNDUuNDc0IDcyLjIxNjYgNDUuNDc0QzY2LjIzMjYgNDUuNDc0IDYyLjAxNjYgNDYuOTM2IDYwLjc5MjYgNDkuOTE2N1pNMTMxLjcyOCA0MS43NTY3QzEyOS4wNDIgNDUuNTY0NyAxMzQuOTAxIDU0LjMxNCAxNDQuODA3IDYxLjMxOEMxNTQuNzEyIDY4LjMyMiAxNjQuOTIzIDcwLjkwNiAxNjcuNTk4IDY3LjA5OEMxNzAuMjczIDYzLjI5IDE2NC40MjUgNTQuNTQwNyAxNTQuNDk3IDQ3LjUzNjdDMTQ3LjY5NyA0Mi43MzEzIDE0MC43NjEgNDAgMTM2LjIwNSA0MEMxMzQuMTQyIDQwIDEzMi41NjcgNDAuNTY2NyAxMzEuNjcxIDQxLjc1NjciIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDc2OV8xNTk5NzgiPgo8cmVjdCB3aWR0aD0iMTI4LjY5IiBoZWlnaHQ9IjE3MCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjQzMDEgNDApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==",
+  bybit: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTY4LjI2IDE0Mi45NDhWOTFIMTc4LjY0M1YxNDIuOTQ4SDE2OC4yNloiIGZpbGw9IiNGN0E2MDAiLz4KPHBhdGggZD0iTTQ3LjI1NzkgMTU4LjM3OEgyNVYxMDYuNDMxSDQ2LjM2MzhDNTYuNzQ2NCAxMDYuNDMxIDYyLjc5NDkgMTEyLjEyMyA2Mi43OTQ5IDEyMS4wMjNDNjIuNzk0OSAxMjYuNzg1IDU4LjkwODkgMTMwLjUxIDU2LjIxOTcgMTMxLjc1QzU5LjQzMTEgMTMzLjIwNyA2My41Mzg5IDEzNi40OTEgNjMuNTM4OSAxNDMuNDI0QzYzLjUzODkgMTUzLjEyNSA1Ni43NDY0IDE1OC4zNzggNDcuMjU3OSAxNTguMzc4Wk00NS41NDEzIDExNS40NzlIMzUuMzgyN1YxMjcuNDQ1SDQ1LjUzOUM0OS45NDQ4IDEyNy40NDUgNTIuNDA5OSAxMjUuMDM4IDUyLjQwOTkgMTIxLjQ1OUM1Mi40MDk5IDExNy44ODggNDkuOTQ3MSAxMTUuNDc5IDQ1LjU0MTMgMTE1LjQ3OVpNNDYuMjExMyAxMzYuNTY1SDM1LjM4NVYxNDkuMzM1SDQ2LjIxNTlDNTAuOTIyMSAxNDkuMzM1IDUzLjE1ODUgMTQ2LjQxNyA1My4xNTg1IDE0Mi45MTNDNTMuMTU4NSAxMzkuNDExIDUwLjkxNzQgMTM2LjU2NSA0Ni4yMTU5IDEzNi41NjVINDYuMjExM1pNOTUuMjA2OCAxMzcuMDc2VjE1OC4zNzhIODQuODk4VjEzNy4wNzZMNjguOTEyNyAxMDYuNDMxSDgwLjE5MThMOTAuMTI2MyAxMjcuMzcxTDk5LjkxMDYgMTA2LjQzMUgxMTEuMTg3TDk1LjIwNjggMTM3LjA3NlpNMTQwLjYyNCAxNTguMzc4SDExOC4zNjZWMTA2LjQzMUgxMzkuNzI3QzE1MC4xMSAxMDYuNDMxIDE1Ni4xNjEgMTEyLjEyMyAxNTYuMTYxIDEyMS4wMjNDMTU2LjE2MSAxMjYuNzg1IDE1Mi4yNzUgMTMwLjUxIDE0OS41ODUgMTMxLjc1QzE1Mi43OTcgMTMzLjIwNyAxNTYuOTA1IDEzNi40OTEgMTU2LjkwNSAxNDMuNDI0QzE1Ni45MDUgMTUzLjEyNSAxNTAuMTEyIDE1OC4zNzggMTQwLjYyNCAxNTguMzc4Wk0xMzguOTA3IDExNS40NzlIMTI4Ljc0OFYxMjcuNDQ1SDEzOC45MDdDMTQzLjMxMyAxMjcuNDQ1IDE0NS43NzggMTI1LjAzOCAxNDUuNzc4IDEyMS40NTlDMTQ1Ljc3OCAxMTcuODg4IDE0My4zMTMgMTE1LjQ3OSAxMzguOTA3IDExNS40NzlaTTEzOS41NzcgMTM2LjU2NUgxMjguNzQ2VjE0OS4zMzVIMTM5LjU3N0MxNDQuMjg1IDE0OS4zMzUgMTQ2LjUyMiAxNDYuNDE3IDE0Ni41MjIgMTQyLjkxM0MxNDYuNTIyIDEzOS40MTEgMTQ0LjI4NSAxMzYuNTY1IDEzOS41NzcgMTM2LjU2NVpNMjEyLjEwNiAxMTUuNDgxVjE1OC4zODNIMjAxLjcyM1YxMTUuNDc5SDE4Ny44MzNWMTA2LjQzMUgyMjZWMTE1LjQ3OUwyMTIuMTA2IDExNS40ODFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K",
+  coinbase: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMDA1MkZGIi8+CjxwYXRoIGQ9Ik0xMjUuMTYgMTY3LjVDMTAxLjYzNSAxNjcuNSA4Mi41OCAxNDguNDggODIuNTggMTI1QzgyLjU4IDEwMS41MiAxMDEuNjMgODIuNSAxMjUuMTYgODIuNUMxMzUuMjA3IDgyLjUwMTggMTQ0LjkyOCA4Ni4wNTg0IDE1Mi42MDQgOTIuNTQwMUMxNjAuMjggOTkuMDIxOSAxNjUuNDE1IDEwOC4wMTEgMTY3LjEgMTE3LjkxNUgyMTBDMjA2LjM4IDc0LjI4NSAxNjkuOCA0MCAxMjUuMTYgNDBDNzguMTQ1IDQwIDQwIDc4LjA3NSA0MCAxMjVDNDAgMTcxLjkyNSA3OC4xNDUgMjEwIDEyNS4xNiAyMTBDMTY5Ljc5NSAyMTAgMjA2LjM4IDE3NS43MTUgMjEwIDEzMi4wODVIMTY3LjFDMTY1LjQxNSAxNDEuOTg5IDE2MC4yOCAxNTAuOTc4IDE1Mi42MDQgMTU3LjQ2QzE0NC45MjggMTYzLjk0MiAxMzUuMjA3IDE2Ny40OTggMTI1LjE2IDE2Ny41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",
+  gateio: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTI1IDE3MS43MTNDOTkuMTcwMyAxNzEuNzEzIDc4LjI4NjYgMTUwLjgzIDc4LjI4NjYgMTI1Qzc4LjI4NjYgOTkuMTcwMyA5OS4xNzAzIDc4LjI4NjYgMTI1IDc4LjI4NjZWNDBDNzguMTAzNSA0MCA0MCA3OC4xMDM1IDQwIDEyNUM0MCAxNzEuODk3IDc4LjEwMzUgMjEwIDEyNSAyMTBDMTcxLjg5NyAyMTAgMjEwIDE3MS44OTcgMjEwIDEyNUgxNzEuNzEzQzE3MS43MTMgMTUwLjgzIDE1MC44MyAxNzEuNzEzIDEyNSAxNzEuNzEzWiIgZmlsbD0iIzIzNTRFNiIvPgo8cGF0aCBkPSJNMTcxLjcxMyA3OC4yODY2SDEyNVYxMjVIMTcxLjcxM1Y3OC4yODY2WiIgZmlsbD0iIzE3RTZBMSIvPgo8L3N2Zz4K",
+  htx: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQ0LjQ1IDkyLjI4OTJDMTQ0LjQ1IDY3Ljg5OCAxMzIuNTY3IDQ2Ljg5MTggMTIzLjUxNiA0MC4wNzM4QzEyMy41MTYgNDAuMDczOCAxMjIuODIgMzkuNjg5NyAxMjIuODkyIDQwLjY3NEMxMjIuMTQ4IDg3Ljc5OTkgOTguMDY4NyAxMDAuNTcyIDg0Ljg0MDggMTE3Ljc2MUM1NC4zMDM5IDE1Ny40NjggODIuNjgwMiAyMDAuOTkzIDExMS42MzMgMjA5LjAzNkMxMjcuNzY1IDIxMy41NDkgMTA3Ljg4OCAyMDEuMDY1IDEwNS4zMTkgMTc0LjcyOUMxMDIuMTc0IDE0Mi45NDQgMTQ0LjQ1IDExOC42NDkgMTQ0LjQ1IDkyLjI4OTJaIiBmaWxsPSIjMUIyMTQzIi8+CjxwYXRoIGQ9Ik0xNTguMzI2IDEwOC4zNUMxNTguMTM0IDEwOC4yMyAxNTcuODcgMTA4LjEzNCAxNTcuNzAyIDEwOC40NDZDMTU3LjE5OCAxMTQuMzc2IDE1MS4xNDggMTI3LjA1MiAxNDMuNDY2IDEzOC43MTlDMTE3LjQxOCAxNzguMjM1IDEzMi4yNTUgMTk3LjI5NyAxNDAuNjA5IDIwNy41NDhDMTQ1LjQ1OSAyMTMuNDc3IDE0MC42MDkgMjA3LjU0OCAxNTIuNzA5IDIwMS40NzRDMTY3LjY2NSAxOTIuMzk5IDE3Ny4zNjQgMTc2LjY5OCAxNzguODA0IDE1OS4yNjlDMTgxLjE4MSAxMzEuMTgxIDE2NC4zMjggMTEzLjQ4OCAxNTguMzI2IDEwOC4zNVoiIGZpbGw9IiMyQ0E2RTAiLz4KPC9zdmc+Cg==",
+  kraken: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjNTg0MUQ4Ii8+CjxwYXRoIGQ9Ik0xMjYuMTMgNTcuMDQzNUM3OC44MTkxIDU3LjA0MzUgNDAgOTUuMjU2IDQwIDE0My4xNzNWMTgwLjE3M0M0MCAxODYuODQ1IDQ1LjQ1ODkgMTkyLjMwNCA1Mi4xMzEgMTkyLjMwNEM1OC44MDMgMTkyLjMwNCA2NC4yNjE5IDE4Ni44NDUgNjQuMjYxOSAxODAuMTczVjE0My4xNzNDNjQuMjYxOSAxMzYuNTAxIDY5LjcyMDkgMTMxLjA0MiA3Ni4zOTI5IDEzMS4wNDJDODMuMDY0OSAxMzEuMDQyIDg4LjUyMzkgMTM2LjUwMSA4OC41MjM5IDE0My4xNzNWMTgwLjE3M0M4OC41MjM5IDE4Ni44NDUgOTMuOTgyOCAxOTIuMzA0IDEwMC42NTUgMTkyLjMwNEMxMDcuMzI3IDE5Mi4zMDQgMTEyLjc4NiAxODYuODQ1IDExMi43ODYgMTgwLjE3M1YxNDMuMTczQzExMi43ODYgMTM2LjUwMSAxMTguMjQ1IDEzMS4wNDIgMTI0LjkxNyAxMzEuMDQyQzEzMS41ODkgMTMxLjA0MiAxMzcuMDQ4IDEzNi41MDEgMTM3LjA0OCAxNDMuMTczVjE4MC4xNzNDMTM3LjA0OCAxODYuODQ1IDE0Mi41MDcgMTkyLjMwNCAxNDkuMTc5IDE5Mi4zMDRDMTU1Ljg1MSAxOTIuMzA0IDE2MS4zMSAxODYuODQ1IDE2MS4zMSAxODAuMTczVjE0My4xNzNDMTYxLjMxIDEzNi41MDEgMTY2Ljc2OSAxMzEuMDQyIDE3My40NDEgMTMxLjA0MkMxODAuMTEzIDEzMS4wNDIgMTg1LjU3MiAxMzYuNTAxIDE4NS41NzIgMTQzLjE3M1YxODAuMTczQzE4NS41NzIgMTg2Ljg0NSAxOTEuMDMxIDE5Mi4zMDQgMTk3LjcwMyAxOTIuMzA0QzIwNC4zNzUgMTkyLjMwNCAyMDkuODM0IDE4Ni44NDUgMjA5LjgzNCAxODAuMTczVjE0My4xNzNDMjEyLjg2NiA5NS4yNTYgMTc0LjA0NyA1Ny4wNDM1IDEyNi4xMyA1Ny4wNDM1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",
+  kucoin: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMDBCNDdEIi8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NzY5XzE2MDAyNCkiPgo8cGF0aCBkPSJNMTc3Ljg2MyAxNDMuNTFMMTQ2LjAwNyAxNzUuMjE3TDk1LjE1NSAxMjQuOTExTDE0NS45MSA3NC42ODU3TDE3Ny44NjMgMTA2LjQ4OUMxODMuNTMgMTEyLjEwOCAxOTIuNjgxIDExMi4xMDggMTk4LjMgMTA2LjQ0QzIwMy45MTggMTAwLjc3MiAyMDMuODkzIDkxLjYyMTYgMTk4LjI1MSA4Ni4wMDM1TDE1Ni4yNDkgNDQuMTk4M0MxNTAuNTgyIDM4LjU4MDIgMTQxLjQzIDM4LjYwNDcgMTM1LjgxMiA0NC4yNDczQzEzNS43ODkgNDQuMjcwNCAxMzQuNzg4IDQ1LjEwMiAxMzQuMzQgNDUuNTQ3NEw3NS45MDEgMTAzLjM1OFY2OC44MDUyQzc1LjkwMSA2MC44MzIzIDY5LjQyNDEgNTQuMzU1NCA2MS40NTA1IDU0LjM1NTRDNTMuNDc2OSA1NC4zNTU0IDQ3LjAyNDUgNjAuODMyMyA0NyA2OC44MDUyVjE4MS4wOTlDNDcgMTg5LjA3MyA1My40NzY5IDE5NS41NSA2MS40NTA1IDE5NS41NUM2OS40MjQxIDE5NS41NSA3NS45MDEgMTg5LjA3IDc1LjkwMSAxODEuMDk5VjE0Ni40N0wxMzQuMzQgMjA0LjI4MUMxMzQuNTkyIDIwNC41MzIgMTM1LjU3IDIwNS41MDggMTM1LjgxMiAyMDUuNzUzQzE0MS40MyAyMTEuMzk3IDE1MC41ODIgMjExLjQyIDE1Ni4yNDkgMjA1LjgwMkwxOTguMjUxIDE2My45OTZDMjAzLjg5NSAxNTguMzc4IDIwMy45MTggMTQ5LjIyNyAxOTguMyAxNDMuNTU5QzE5Mi42NTcgMTM3LjkyIDE4My41MDYgMTM3Ljg5MiAxNzcuODYzIDE0My41MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNDYuMTQxIDEzOS41ODVDMTU0LjE4OSAxMzkuNTg1IDE2MC43MTQgMTMzLjA2MSAxNjAuNzE0IDEyNS4wMTJDMTYwLjcxNCAxMTYuOTY0IDE1NC4xODkgMTEwLjQzOSAxNDYuMTQxIDExMC40MzlDMTM4LjA5MiAxMTAuNDM5IDEzMS41NjggMTE2Ljk2NCAxMzEuNTY4IDEyNS4wMTJDMTMxLjU2OCAxMzMuMDYxIDEzOC4wOTIgMTM5LjU4NSAxNDYuMTQxIDEzOS41ODVaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3NjlfMTYwMDI0Ij4KPHJlY3Qgd2lkdGg9IjE1NS40OTgiIGhlaWdodD0iMTcwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcgNDApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="
+};
+var EXCHANGE_LOGO_ALIASES = {
+  gate: "gateio"
+};
+function normalize(value) {
+  return value.toLowerCase().replace(/[^a-z0-9]/g, "");
+}
+function getLogoSource(value) {
+  const key = normalize(value);
+  return EXCHANGE_LOGO_SOURCES[EXCHANGE_LOGO_ALIASES[key] ?? key] ?? null;
+}
+function getExchangeLogoSrc(name, connection) {
+  return getLogoSource(name) ?? getLogoSource(connection ?? "");
+}
+function getExchangeLogo(name, connection) {
+  const src = getExchangeLogoSrc(name, connection);
+  return src ? /* @__PURE__ */ jsx16("img", { src, alt: "", loading: "lazy", decoding: "async" }) : null;
+}
+
+// src/components/ui/BrandIcons.tsx
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+function VisaMark() {
+  return /* @__PURE__ */ jsxs15(
+    "svg",
+    {
+      width: "38",
+      height: "24",
+      viewBox: "0 0 38 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx17("rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "white" }),
+        /* @__PURE__ */ jsx17(
+          "path",
+          {
+            d: "M18.3993 8.08878L16.6616 16.2114H14.5605L16.2984 8.08878H18.3993ZM27.2397 13.3336L28.3459 10.2833L28.9824 13.3336H27.2397ZM29.584 16.2114H31.5276L29.8316 8.08878H28.0376C27.6345 8.08878 27.2944 8.32324 27.143 8.6847L23.9906 16.2114H26.1972L26.6352 14.9985H29.331L29.584 16.2114ZM24.1001 13.5593C24.1091 11.4155 21.1354 11.2975 21.156 10.3398C21.1622 10.048 21.4401 9.7385 22.0471 9.65906C22.3486 9.61972 23.1777 9.58964 24.1192 10.0228L24.4878 8.30036C23.9821 8.1168 23.3314 7.94019 22.5221 7.94019C20.4454 7.94019 18.9836 9.04437 18.9713 10.6254C18.9582 11.7947 20.0148 12.4471 20.811 12.8359C21.6295 13.2341 21.9046 13.4891 21.901 13.8452C21.8956 14.3905 21.248 14.6306 20.6439 14.6401C19.5873 14.6568 18.9741 14.355 18.4854 14.1272L18.1047 15.907C18.5954 16.1325 19.5017 16.3284 20.4418 16.3384C22.6489 16.3384 24.0929 15.2478 24.1001 13.5593ZM15.3968 8.08878L11.9925 16.2114H9.77099L8.09583 9.72898C7.99402 9.32973 7.90559 9.18371 7.59631 9.01532C7.09165 8.74152 6.25741 8.48418 5.52344 8.32479L5.57357 8.08878H9.14885C9.6044 8.08878 10.0145 8.39214 10.1178 8.91685L11.0027 13.6174L13.1892 8.08878H15.3968Z",
+            fill: "#1434CB"
+          }
+        )
+      ]
+    }
+  );
+}
+function MastercardMark() {
+  return /* @__PURE__ */ jsxs15(
+    "svg",
+    {
+      width: "38",
+      height: "24",
+      viewBox: "0 0 38 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx17("rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "white" }),
+        /* @__PURE__ */ jsx17(
+          "path",
+          {
+            d: "M21.303 7.07157H15.8179V16.9284H21.303V7.07157Z",
+            fill: "#FF5F00"
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          "path",
+          {
+            d: "M16.1662 12C16.1653 11.0507 16.3804 10.1136 16.7953 9.25979C17.2101 8.40593 17.8137 7.65764 18.5605 7.07156C17.6357 6.34468 16.5251 5.89265 15.3556 5.76713C14.1861 5.6416 13.0048 5.84765 11.9469 6.36172C10.8889 6.87579 9.99698 7.67715 9.37294 8.67419C8.7489 9.67124 8.41797 10.8237 8.41797 12C8.41797 13.1762 8.7489 14.3287 9.37294 15.3257C9.99698 16.3228 10.8889 17.1241 11.9469 17.6382C13.0048 18.1523 14.1861 18.3583 15.3556 18.2328C16.5251 18.1073 17.6357 17.6553 18.5605 16.9284C17.8137 16.3423 17.2101 15.594 16.7953 14.7401C16.3805 13.8863 16.1653 12.9492 16.1662 12Z",
+            fill: "#EB001B"
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          "path",
+          {
+            d: "M28.7026 12C28.7027 13.1762 28.3718 14.3287 27.7478 15.3257C27.1238 16.3228 26.2318 17.1241 25.1739 17.6382C24.116 18.1523 22.9348 18.3583 21.7653 18.2328C20.5958 18.1073 19.4852 17.6553 18.5605 16.9284C19.3066 16.3417 19.9097 15.5933 20.3245 14.7396C20.7392 13.8858 20.9547 12.9491 20.9547 12C20.9547 11.0508 20.7392 10.1141 20.3245 9.26037C19.9097 8.40665 19.3066 7.65824 18.5605 7.07156C19.4852 6.34468 20.5958 5.89265 21.7653 5.76712C22.9348 5.6416 24.116 5.84765 25.1739 6.36173C26.2318 6.87581 27.1238 7.67717 27.7478 8.67421C28.3718 9.67126 28.7027 10.8238 28.7026 12Z",
+            fill: "#F79E1B"
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          "path",
+          {
+            d: "M28.1046 15.8844V15.6826H28.1859V15.6415H27.9787V15.6826H28.0601V15.8844H28.1046ZM28.5069 15.8844V15.6411H28.4434L28.3703 15.8084L28.2972 15.6411H28.2337V15.8844H28.2785V15.7009L28.347 15.8591H28.3936L28.4621 15.7005V15.8844H28.5069Z",
+            fill: "#F79E1B"
+          }
+        )
+      ]
+    }
+  );
+}
+function AmexMark() {
+  return /* @__PURE__ */ jsxs15(
+    "svg",
+    {
+      width: "38",
+      height: "24",
+      viewBox: "0 0 38 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx17("rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "#006FCF" }),
+        /* @__PURE__ */ jsx17(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M37.268 4.34531H34.1845L32.5727 8.9706L30.8908 4.34531H27.7373V11.5472L24.5136 4.34531H21.9208L18.6971 11.7036H20.9395L21.5702 10.232H24.9341L25.5648 11.7036H29.7696V6.58776L31.6617 11.7036H33.4136L35.3057 6.58776V11.7036H37.268V12.8248H34.675L32.5727 15.1375L30.4003 12.8248H21.5003V20.1831H30.3303L32.5026 17.8004L34.675 20.1831H37.268V21.0939H34.1845L32.5026 19.272L30.8206 21.0939H20.379V12.6846H17.0151L21.2199 3.22388H25.2845L26.756 6.44759V3.22388H31.8019L32.6427 5.6767L33.4838 3.22388H37.268V4.34531ZM37.268 14.4366L35.3759 16.4689L37.268 18.5011V20.1831L33.8342 16.4689L37.268 12.8248V14.4366ZM27.7373 20.1831V18.4312H23.5325V17.3099H27.6671V15.628H23.5325V14.5068H27.7373V12.8248L31.2411 16.4689L27.7373 20.1831ZM22.2009 8.62005L23.1822 6.23742L24.1632 8.62005H22.2009Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
+}
+function ExchangeBadgeImage({ name }) {
+  const src = getExchangeLogoSrc(name);
+  return src ? /* @__PURE__ */ jsx17("img", { src, alt: "", loading: "lazy", decoding: "async" }) : null;
+}
+function CardNetworkIcons() {
+  return /* @__PURE__ */ jsxs15("span", { className: "rs-list-row-meta-icons rs-list-row-meta-icons--cards", children: [
+    /* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--amex", children: /* @__PURE__ */ jsx17(AmexMark, {}) }),
+    /* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--visa", children: /* @__PURE__ */ jsx17(VisaMark, {}) }),
+    /* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--mastercard", children: /* @__PURE__ */ jsx17(MastercardMark, {}) })
+  ] });
+}
+CardNetworkIcons.displayName = "CardNetworkIcons";
+function ExchangeBadgeIcons() {
+  return /* @__PURE__ */ jsxs15("span", { className: "rs-list-row-meta-icons rs-list-row-meta-icons--exchanges", children: [
+    /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Coinbase" }) }),
+    /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Binance" }) }),
+    /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Kraken" }) })
+  ] });
+}
+ExchangeBadgeIcons.displayName = "ExchangeBadgeIcons";
+
 // src/components/steps/ConnectStep.tsx
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs16 } 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__ */ jsx15(AppleIcon, {});
-  if (name === "bank") return /* @__PURE__ */ jsx15(BankIcon, {});
-  return /* @__PURE__ */ jsx15(CardIcon, {});
+  if (name === "apple") return /* @__PURE__ */ jsx18(AppleIcon, {});
+  if (name === "bank") return /* @__PURE__ */ jsx18(BankIcon, {});
+  return /* @__PURE__ */ jsx18(CardIcon, {});
+}
+function fiatMeta(name) {
+  if (name === "apple" || name === "bank") return void 0;
+  return /* @__PURE__ */ jsx18(CardNetworkIcons, {});
 }
 function shorten(addr) {
   return addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : addr;
 }
 function renderWalletLeading(row) {
   if (row.icon) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx18(
       "img",
       {
         src: row.icon,
@@ -2086,19 +2337,24 @@ function renderWalletLeading(row) {
       }
     );
   }
-  return /* @__PURE__ */ jsx15(WalletIcon, {});
+  return /* @__PURE__ */ jsx18(WalletIcon, {});
 }
-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 TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ jsx18(TransferCryptoIcon, {});
+var WALLET_LEADING = /* @__PURE__ */ jsx18(WalletIcon, {});
+var EXCHANGE_LEADING = /* @__PURE__ */ jsx18(UnplugIcon, {});
+var SMALL_SPINNER = /* @__PURE__ */ jsx18(Spinner, { className: "rs-spinner--sm" });
+var CONNECT_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
+  /* @__PURE__ */ jsx18(WalletBadgeIcons, {}),
+  "+100"
+] });
+var EXCHANGE_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
+  /* @__PURE__ */ jsx18(ExchangeBadgeIcons, {}),
+  "+6"
 ] });
 var EXTRA_CHAIN_COUNT = Math.max(0, getSupportedChainIds().length - 3);
-var CHAIN_BADGE_META = /* @__PURE__ */ jsxs13(Fragment2, { children: [
-  /* @__PURE__ */ jsx15(ChainBadgeIcons, {}),
-  EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT} chains` : "All chains"
+var CHAIN_BADGE_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
+  /* @__PURE__ */ jsx18(ChainBadgeIcons, {}),
+  EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT}` : null
 ] });
 function renderRowTrailing(state) {
   if (state === "loading") {
@@ -2122,7 +2378,8 @@ function ConnectStep({
   dappImports,
   onSelectDappImport,
   title = "Deposit",
-  subtitle
+  subtitle,
+  defaultMethodTab = "crypto"
 }) {
   const rows = walletRows ?? [];
   const handleConnect = onConnect ?? onRequestConnect;
@@ -2131,145 +2388,211 @@ function ConnectStep({
   );
   const showDappImports = (dappImports?.length ?? 0) > 0;
   const defaultSubtitle = onSelectTransferCrypto ? "Add money to your balance" : "Choose a wallet to continue";
-  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx15(
-        BodyHeader,
+  const cryptoRows = [];
+  if (onSelectTransferCrypto) {
+    cryptoRows.push(
+      /* @__PURE__ */ jsx18(
+        ListRow,
         {
-          icon: /* @__PURE__ */ jsx15(HandCoinsIcon, {}),
-          title,
-          subtitle: subtitle ?? defaultSubtitle
-        }
-      ),
-      /* @__PURE__ */ jsxs13("div", { className: "rs-list", children: [
-        onSelectTransferCrypto && /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: TRANSFER_CRYPTO_LEADING,
-            title: "Transfer crypto",
-            subtitle: transferCryptoState === "error" ? transferCryptoErrorReason ?? "Couldn't prepare account \u2014 tap to retry" : "Instant - No limit",
-            meta: CHAIN_BADGE_META,
-            onClick: onSelectTransferCrypto
-          }
-        ),
-        fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod ? fiatPaymentMethods.map((opt) => /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: fiatIcon(opt.icon),
-            title: opt.label,
-            subtitle: opt.sublabel,
-            onClick: () => onSelectFiatMethod(opt.method)
-          },
-          opt.method
-        )) : onSelectPayWithCard && /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: /* @__PURE__ */ jsx15(CardIcon, {}),
-            title: "Pay with Card",
-            subtitle: "Buy crypto with card or bank",
-            onClick: onSelectPayWithCard
-          }
-        ),
-        onSelectFundFromExchange && /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: /* @__PURE__ */ jsx15(BankIcon, {}),
-            title: "Fund from Exchange",
-            subtitle: "Use Coinbase, Binance, MetaMask\u2026",
-            onClick: onSelectFundFromExchange
-          }
-        ),
-        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__ */ jsx15(
+          leading: TRANSFER_CRYPTO_LEADING,
+          title: "Transfer crypto",
+          subtitle: transferCryptoState === "error" ? transferCryptoErrorReason ?? "Couldn't prepare account \u2014 tap to retry" : "Instant - No limit",
+          meta: CHAIN_BADGE_META,
+          onClick: onSelectTransferCrypto
+        },
+        "transfer-crypto"
+      )
+    );
+  }
+  for (const row of rows) {
+    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);
+    cryptoRows.push(
+      /* @__PURE__ */ jsx18(
+        ListRow,
+        {
+          leading: renderWalletLeading(row),
+          title: collapseToExternal ? "External wallet" : row.label,
+          subtitle: subtitleText,
+          onClick: () => onConfirmWallet?.(row.id),
+          disabled: row.state === "loading",
+          trailing: renderRowTrailing(row.state)
+        },
+        row.id
+      )
+    );
+  }
+  if (!hasReownWallet && handleConnect) {
+    cryptoRows.push(
+      /* @__PURE__ */ jsx18(
+        ListRow,
+        {
+          leading: WALLET_LEADING,
+          title: "Connect wallet",
+          subtitle: "Instant - No limit",
+          meta: CONNECT_META,
+          onClick: handleConnect
+        },
+        "connect-wallet"
+      )
+    );
+  }
+  if (onSelectFundFromExchange) {
+    cryptoRows.push(
+      /* @__PURE__ */ jsx18(
+        ListRow,
+        {
+          leading: EXCHANGE_LEADING,
+          title: "Connect exchange",
+          subtitle: "Instant - No limit",
+          meta: EXCHANGE_META,
+          onClick: onSelectFundFromExchange
+        },
+        "connect-exchange"
+      )
+    );
+  }
+  if (showDappImports) {
+    for (const row of dappImports ?? []) {
+      if (!hasReownWallet) {
+        cryptoRows.push(
+          /* @__PURE__ */ jsx18(
             ListRow,
             {
-              leading: renderWalletLeading(row),
-              title: collapseToExternal ? "External wallet" : row.label,
-              subtitle: subtitleText,
-              onClick: () => onConfirmWallet?.(row.id),
-              disabled: row.state === "loading",
-              trailing: renderRowTrailing(row.state)
+              leading: row.icon,
+              title: row.label,
+              subtitle: "Connect wallet to view balance",
+              onClick: handleConnect,
+              disabled: !handleConnect
             },
             row.id
-          );
-        }),
-        !hasReownWallet && handleConnect && /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: WALLET_LEADING,
-            title: "Connect wallet",
-            subtitle: "Instant - No limit",
-            meta: CONNECT_META,
-            onClick: handleConnect
-          }
-        ),
-        showDappImports && dappImports?.map((row) => {
-          if (!hasReownWallet) {
-            return /* @__PURE__ */ jsx15(
-              ListRow,
-              {
-                leading: row.icon,
-                title: row.label,
-                subtitle: "Connect wallet to view balance",
-                onClick: handleConnect,
-                disabled: !handleConnect
-              },
-              row.id
-            );
-          }
-          if (row.status === "loading" || row.status === "needs-connect") {
-            return /* @__PURE__ */ jsx15(
-              ListRow,
-              {
-                leading: row.icon,
-                title: row.label,
-                subtitle: "Checking balance\u2026",
-                disabled: true,
-                trailing: SMALL_SPINNER
-              },
-              row.id
-            );
-          }
-          if (row.status.enabled) {
-            return /* @__PURE__ */ jsx15(
-              ListRow,
-              {
-                leading: row.icon,
-                title: row.label,
-                subtitle: formatBalanceUsd(row.status.balanceUsd),
-                onClick: () => onSelectDappImport?.(row.id)
-              },
-              row.id
-            );
-          }
-          if (row.status.retryable) {
-            return /* @__PURE__ */ jsx15(
-              ListRow,
-              {
-                leading: row.icon,
-                title: row.label,
-                subtitle: row.status.reason,
-                onClick: () => onSelectDappImport?.(row.id)
-              },
-              row.id
-            );
-          }
-          return /* @__PURE__ */ jsx15(
+          )
+        );
+        continue;
+      }
+      if (row.status === "loading" || row.status === "needs-connect") {
+        cryptoRows.push(
+          /* @__PURE__ */ jsx18(
+            ListRow,
+            {
+              leading: row.icon,
+              title: row.label,
+              subtitle: "Checking balance\u2026",
+              disabled: true,
+              trailing: SMALL_SPINNER
+            },
+            row.id
+          )
+        );
+        continue;
+      }
+      if (row.status.enabled) {
+        cryptoRows.push(
+          /* @__PURE__ */ jsx18(
+            ListRow,
+            {
+              leading: row.icon,
+              title: row.label,
+              subtitle: formatBalanceUsd(row.status.balanceUsd),
+              onClick: () => onSelectDappImport?.(row.id)
+            },
+            row.id
+          )
+        );
+        continue;
+      }
+      if (row.status.retryable) {
+        cryptoRows.push(
+          /* @__PURE__ */ jsx18(
             ListRow,
             {
               leading: row.icon,
               title: row.label,
               subtitle: row.status.reason,
-              disabled: true
+              onClick: () => onSelectDappImport?.(row.id)
             },
             row.id
-          );
-        })
-      ] })
+          )
+        );
+        continue;
+      }
+      cryptoRows.push(
+        /* @__PURE__ */ jsx18(
+          ListRow,
+          {
+            leading: row.icon,
+            title: row.label,
+            subtitle: row.status.reason,
+            disabled: true
+          },
+          row.id
+        )
+      );
+    }
+  }
+  const cashRows = [];
+  if (fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod) {
+    for (const opt of fiatPaymentMethods) {
+      cashRows.push(
+        /* @__PURE__ */ jsx18(
+          ListRow,
+          {
+            leading: fiatIcon(opt.icon),
+            title: opt.label,
+            subtitle: opt.sublabel,
+            meta: fiatMeta(opt.icon),
+            onClick: () => onSelectFiatMethod(opt.method)
+          },
+          opt.method
+        )
+      );
+    }
+  } else if (onSelectPayWithCard) {
+    cashRows.push(
+      /* @__PURE__ */ jsx18(
+        ListRow,
+        {
+          leading: /* @__PURE__ */ jsx18(CardIcon, {}),
+          title: "Debit/Credit card",
+          subtitle: "Instant - $10,000 limit",
+          meta: /* @__PURE__ */ jsx18(CardNetworkIcons, {}),
+          onClick: onSelectPayWithCard
+        },
+        "pay-with-card"
+      )
+    );
+  }
+  const hasCrypto = cryptoRows.length > 0;
+  const hasCash = cashRows.length > 0;
+  const showToggle = hasCrypto && hasCash;
+  const [tab, setTab] = useState(defaultMethodTab);
+  const activeTab = showToggle ? tab : hasCash && !hasCrypto ? "cash" : "crypto";
+  const activeRows = activeTab === "cash" ? cashRows : cryptoRows;
+  return /* @__PURE__ */ jsxs16("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx18(
+        BodyHeader,
+        {
+          icon: /* @__PURE__ */ jsx18(HandCoinsIcon, {}),
+          title,
+          subtitle: subtitle ?? defaultSubtitle,
+          aside: showToggle ? /* @__PURE__ */ jsx18(
+            SegmentedToggle,
+            {
+              ariaLabel: "Deposit method type",
+              value: activeTab,
+              onChange: setTab,
+              options: [
+                { value: "crypto", label: "Crypto" },
+                { value: "cash", label: "Cash" }
+              ]
+            }
+          ) : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx18("div", { className: "rs-list", children: activeRows })
     ] }),
-    onDisconnect && hasReownWallet && /* @__PURE__ */ jsx15("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx15(
+    onDisconnect && hasReownWallet && /* @__PURE__ */ jsx18("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx18(
       "button",
       {
         type: "button",
@@ -2278,17 +2601,16 @@ function ConnectStep({
         children: "Disconnect wallet"
       }
     ) }),
-    /* @__PURE__ */ jsx15(PoweredBy, {})
+    /* @__PURE__ */ jsx18(PoweredBy, {})
   ] });
 }
 ConnectStep.displayName = "ConnectStep";
 
 // src/components/steps/ProcessingStep.tsx
-import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4, useState as useState2 } from "react";
-import { formatUnits } from "viem";
+import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
 
 // src/components/ui/Button.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function Button({
   children,
   variant = "accent",
@@ -2308,19 +2630,19 @@ function Button({
     className
   ].filter(Boolean).join(" ");
   const showInlineLoadingText = loading && loadingText !== void 0;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "button",
     {
       className: classes,
       disabled: disabled || loading,
       "aria-busy": loading || void 0,
       ...props,
-      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" }) })
+      children: showInlineLoadingText ? /* @__PURE__ */ jsxs17("span", { className: "rs-button__loading-row", children: [
+        /* @__PURE__ */ jsx19(Spinner, { className: "rs-spinner--sm" }),
+        /* @__PURE__ */ jsx19("span", { children: loadingText })
+      ] }) : /* @__PURE__ */ jsxs17(Fragment3, { children: [
+        /* @__PURE__ */ jsx19("span", { className: loading ? "rs-button__content--hidden" : "", children }),
+        loading && /* @__PURE__ */ jsx19("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx19(Spinner, { className: "rs-spinner--sm" }) })
       ] })
     }
   );
@@ -2329,16 +2651,16 @@ Button.displayName = "Button";
 
 // src/components/ui/Tooltip.tsx
 import {
-  useState,
+  useState as useState2,
   useRef as useRef3,
   useEffect as useEffect3,
   useCallback as useCallback2
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function Tooltip({ content, children, className }) {
-  const [open, setOpen] = useState(false);
-  const [position, setPosition] = useState(null);
+  const [open, setOpen] = useState2(false);
+  const [position, setPosition] = useState2(null);
   const triggerRef = useRef3(null);
   const bubbleRef = useRef3(null);
   const updatePosition = useCallback2(() => {
@@ -2376,7 +2698,7 @@ function Tooltip({ content, children, className }) {
       window.removeEventListener("resize", updatePosition);
     };
   }, [open, updatePosition]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs18(
     "span",
     {
       ref: triggerRef,
@@ -2384,7 +2706,7 @@ function Tooltip({ content, children, className }) {
       onMouseEnter: () => setOpen(true),
       onMouseLeave: () => setOpen(false),
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx20(
           "span",
           {
             className: "rs-tooltip-trigger",
@@ -2406,7 +2728,7 @@ function Tooltip({ content, children, className }) {
           }
         ),
         open && position && typeof document !== "undefined" && createPortal2(
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx20(
             "span",
             {
               ref: bubbleRef,
@@ -2424,6 +2746,89 @@ function Tooltip({ content, children, className }) {
 }
 Tooltip.displayName = "Tooltip";
 
+// src/components/ui/FeesAccordion.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+function FeesAccordion({ total, rows }) {
+  const [open, setOpen] = useState3(false);
+  const expandable = rows.length > 0;
+  return /* @__PURE__ */ jsxs19("div", { className: "rs-fees-accordion", children: [
+    /* @__PURE__ */ jsxs19(
+      "button",
+      {
+        type: "button",
+        className: "rs-fees-accordion-summary",
+        "aria-expanded": expandable ? open : void 0,
+        disabled: !expandable,
+        onClick: () => expandable && setOpen((o) => !o),
+        children: [
+          /* @__PURE__ */ jsx21("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx21("span", { children: total }),
+            expandable && /* @__PURE__ */ jsx21(
+              "span",
+              {
+                className: `rs-fees-accordion-chevron${open ? " rs-fees-accordion-chevron--open" : ""}`,
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx21(ChevronDownIcon, {})
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    expandable && open && /* @__PURE__ */ jsx21("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs19("div", { className: "rs-fees-accordion-row", children: [
+      /* @__PURE__ */ jsx21("span", { children: row.label }),
+      /* @__PURE__ */ jsx21("span", { className: "rs-review-detail-value", children: row.value })
+    ] }, `${row.label}-${i}`)) })
+  ] });
+}
+FeesAccordion.displayName = "FeesAccordion";
+
+// src/components/steps/SwappedReceipt.tsx
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+function SwappedReceipt({
+  onrampMethod,
+  amountPaid,
+  depositedAmount,
+  depositedIcon,
+  feesTotal,
+  feeRows,
+  newLabel,
+  onNewDeposit,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs20("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx22(BodyHeader, { icon: /* @__PURE__ */ jsx22(CheckIcon, {}), title: "Deposit successful" }),
+      /* @__PURE__ */ jsxs20("div", { className: "rs-review-details", children: [
+        onrampMethod && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: "Onramp method" }),
+          /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: onrampMethod })
+        ] }),
+        amountPaid && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: "Amount paid" }),
+          /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: amountPaid })
+        ] }),
+        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: "Deposited amount" }),
+          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx22("span", { children: depositedAmount }),
+            depositedIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: depositedIcon, alt: "" }) })
+          ] })
+        ] }),
+        feesTotal != null && /* @__PURE__ */ jsx22(FeesAccordion, { total: feesTotal, rows: feeRows ?? [] })
+      ] }),
+      /* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
+        onNewDeposit && /* @__PURE__ */ jsx22(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
+        onClose && /* @__PURE__ */ jsx22(Button, { onClick: onClose, fullWidth: true, children: "Done" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx22(PoweredBy, {})
+  ] });
+}
+SwappedReceipt.displayName = "SwappedReceipt";
+
 // src/core/webhook.ts
 function isRecord(value) {
   return typeof value === "object" && value !== null;
@@ -2496,6 +2901,26 @@ function getEventSourceDetails(event) {
   }
   return {};
 }
+function asChain(value) {
+  if (typeof value === "string" && value.trim().startsWith("solana")) {
+    return "solana";
+  }
+  return asNumber(value);
+}
+function getEventDestinationDetails(event) {
+  if (!event?.type || !isRecord(event.data)) return {};
+  if (event.type !== "bridge-started" && event.type !== "bridge-complete" && event.type !== "post-bridge-swap-complete") {
+    return {};
+  }
+  const destination = isRecord(event.data.destination) ? event.data.destination : void 0;
+  if (!destination) return {};
+  const token = asString(destination.asset);
+  return {
+    chainId: asChain(destination.chain),
+    amount: asAmount(destination.amount),
+    token: token?.trim() || void 0
+  };
+}
 function isDepositEvent(event) {
   return event?.type === "deposit-received" || event?.type === "bridge-started" || event?.type === "bridge-complete" || event?.type === "bridge-failed" || event?.type === "post-bridge-swap-complete" || event?.type === "post-bridge-swap-failed" || event?.type === "error";
 }
@@ -2547,10 +2972,131 @@ function failureMessageForEvent(event) {
   return formatBridgeFailedMessage(event).message;
 }
 
+// src/core/token-amount.ts
+import { formatUnits } from "viem";
+var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set([
+  "USDC",
+  "USDT",
+  "USDT0",
+  "DAI",
+  "FRAX",
+  "PYUSD",
+  "USDP",
+  "TUSD",
+  "GUSD",
+  "USDS",
+  "LUSD",
+  "BUSD",
+  "USDE"
+]);
+var EVM_ADDRESS_RE = /^0x[a-fA-F0-9]{40}$/;
+function resolveTokenDisplay(token, chain, fallback) {
+  if (token !== void 0) {
+    if (chain === "solana") {
+      const solanaToken = getSolanaTokenByMint(token);
+      if (solanaToken) {
+        return { symbol: solanaToken.symbol, decimals: solanaToken.decimals };
+      }
+    } else if (EVM_ADDRESS_RE.test(token)) {
+      const symbol = getTokenSymbol(token, chain);
+      const decimals = findTokenDecimals(token, chain);
+      if (symbol !== "Token" || decimals !== void 0) {
+        return {
+          symbol: symbol !== "Token" ? symbol : fallback?.symbol ?? symbol,
+          decimals: decimals ?? fallback?.decimals
+        };
+      }
+    }
+  }
+  return {
+    symbol: fallback?.symbol ?? "Token",
+    decimals: fallback?.decimals
+  };
+}
+function maxFractionDigitsFor(symbol) {
+  if (!symbol) return 6;
+  return STABLECOIN_SYMBOLS.has(symbol.toUpperCase()) ? 3 : 6;
+}
+function formatTokenAmount(amount, symbol) {
+  if (!Number.isFinite(amount)) return void 0;
+  return amount.toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: maxFractionDigitsFor(symbol)
+  });
+}
+function tokenAmountToNumber(rawAmount, decimals) {
+  if (decimals === void 0) return void 0;
+  try {
+    const value = Number(formatUnits(BigInt(rawAmount), decimals));
+    return Number.isFinite(value) ? value : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function formatRawTokenAmount(rawAmount, token) {
+  const value = tokenAmountToNumber(rawAmount, token.decimals);
+  if (value === void 0) return void 0;
+  return formatTokenAmount(value, token.symbol);
+}
+function priceUsdFor(symbol, prices) {
+  if (!symbol) return void 0;
+  const upper = symbol.toUpperCase();
+  const quoted = prices[upper];
+  if (typeof quoted === "number" && quoted > 0) return quoted;
+  return STABLECOIN_SYMBOLS.has(upper) ? 1 : void 0;
+}
+function estimateReceiveAmount(params) {
+  const { sourceAmount, sourceSymbol, targetSymbol, sourceAmountUsd, prices } = params;
+  if (sourceSymbol !== void 0 && sourceSymbol.toUpperCase() === targetSymbol.toUpperCase()) {
+    return sourceAmount;
+  }
+  const usdValue = sourceAmountUsd !== void 0 && Number.isFinite(sourceAmountUsd) ? sourceAmountUsd : sourceAmount !== void 0 ? (() => {
+    const sourcePrice = priceUsdFor(sourceSymbol, prices);
+    return sourcePrice !== void 0 ? sourceAmount * sourcePrice : void 0;
+  })() : void 0;
+  if (usdValue === void 0) return void 0;
+  const targetPrice = priceUsdFor(targetSymbol, prices);
+  if (targetPrice === void 0) return void 0;
+  return usdValue / targetPrice;
+}
+function formatReceiveEstimate(params) {
+  const estimate = estimateReceiveAmount(params);
+  if (estimate === void 0) return void 0;
+  const formatted = formatTokenAmount(estimate, params.targetSymbol);
+  if (formatted === void 0) return void 0;
+  const sameSymbol = params.sourceSymbol.toUpperCase() === params.targetSymbol.toUpperCase();
+  return sameSymbol ? `${formatted} ${params.targetSymbol}` : `~${formatted} ${params.targetSymbol}`;
+}
+
+// src/core/useTokenPrices.ts
+import { useEffect as useEffect4, useState as useState4 } from "react";
+function useTokenPrices(service, symbols) {
+  const [prices, setPrices] = useState4({});
+  const symbolsKey = [
+    ...new Set(
+      symbols.filter((symbol) => Boolean(symbol)).map((symbol) => symbol.toUpperCase())
+    )
+  ].sort().join(",");
+  useEffect4(() => {
+    if (!symbolsKey) return;
+    let cancelled = false;
+    service.fetchPrices(symbolsKey.split(",")).then((result) => {
+      if (!cancelled && result && Object.keys(result).length > 0) {
+        setPrices(result);
+      }
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [service, symbolsKey]);
+  return prices;
+}
+
 // src/components/steps/ProcessingStep.tsx
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 function SuccessBadge() {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     {
       width: "40",
@@ -2560,7 +3106,7 @@ function SuccessBadge() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx23(
           "rect",
           {
             width: "40",
@@ -2569,7 +3115,7 @@ function SuccessBadge() {
             fill: "var(--rs-icon-wrapper-bg)"
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx23(
           "path",
           {
             d: "M28 14L17 25L12 20",
@@ -2584,7 +3130,7 @@ function SuccessBadge() {
   );
 }
 function FailedBadge() {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     {
       width: "40",
@@ -2594,8 +3140,8 @@ function FailedBadge() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx18("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx23("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
+        /* @__PURE__ */ jsx23(
           "path",
           {
             d: "M26 14L14 26M14 14L26 26",
@@ -2619,24 +3165,6 @@ var SOFT_DELAY_MS = {
   bridging: 4 * 60 * 1e3
 };
 var PHASE_TIMINGS_PREFIX = "rhinestone:phase-timings";
-var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set([
-  "USDC",
-  "USDT",
-  "DAI",
-  "FRAX",
-  "PYUSD",
-  "USDP",
-  "TUSD",
-  "GUSD",
-  "USDS",
-  "LUSD",
-  "BUSD",
-  "USDE"
-]);
-function maxFractionDigitsFor(symbol) {
-  if (!symbol) return 6;
-  return STABLECOIN_SYMBOLS.has(symbol.toUpperCase()) ? 3 : 6;
-}
 var PAYMENT_METHOD_LABELS = {
   creditcard: "Card",
   debitcard: "Card",
@@ -2713,10 +3241,10 @@ function formatTimer(seconds) {
   return `${mins}:${String(secs).padStart(2, "0")}`;
 }
 function TickerChar({ value }) {
-  const [current, setCurrent] = useState2(value);
-  const [previous, setPrevious] = useState2(null);
-  const [animKey, setAnimKey] = useState2(0);
-  useEffect4(() => {
+  const [current, setCurrent] = useState5(value);
+  const [previous, setPrevious] = useState5(null);
+  const [animKey, setAnimKey] = useState5(0);
+  useEffect5(() => {
     if (value === current) return;
     setPrevious(current);
     setCurrent(value);
@@ -2724,16 +3252,16 @@ function TickerChar({ value }) {
     const timeout = setTimeout(() => setPrevious(null), 360);
     return () => clearTimeout(timeout);
   }, [value, current]);
-  return /* @__PURE__ */ jsxs16("span", { className: "rs-ticker-slot", children: [
-    previous !== null && /* @__PURE__ */ jsx18("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
-    /* @__PURE__ */ jsx18("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
+  return /* @__PURE__ */ jsxs21("span", { className: "rs-ticker-slot", children: [
+    previous !== null && /* @__PURE__ */ jsx23("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
+    /* @__PURE__ */ jsx23("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
   ] });
 }
 function Ticker({ value }) {
-  return /* @__PURE__ */ jsx18("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
+  return /* @__PURE__ */ jsx23("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
     // Position-stable key so each slot keeps its own animation state.
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ jsx18(TickerChar, { value: char }, index)
+    /* @__PURE__ */ jsx23(TickerChar, { value: char }, index)
   )) });
 }
 function getPhaseStartTime(phaseId, phaseTimings) {
@@ -2806,11 +3334,11 @@ function ProcessingStep({
   const onDepositCompleteRef = useLatestRef(onDepositComplete);
   const onDepositFailedRef = useLatestRef(onDepositFailed);
   const onErrorRef = useLatestRef(onError);
-  const [state, setState] = useState2(
+  const [state, setState] = useState5(
     directTransfer ? { type: "complete" } : { type: "processing" }
   );
-  const [elapsedSeconds, setElapsedSeconds] = useState2(0);
-  const [phaseTimings, setPhaseTimings] = useState2(() => {
+  const [elapsedSeconds, setElapsedSeconds] = useState5(0);
+  const [phaseTimings, setPhaseTimings] = useState5(() => {
     const saved = loadPhaseTimings(txHash);
     if (saved) {
       startTimeRef.current = saved.startedAt;
@@ -2818,7 +3346,7 @@ function ProcessingStep({
     }
     return { startedAt: startTimeRef.current };
   });
-  const [hasEscalatedDelay, setHasEscalatedDelay] = useState2(false);
+  const [hasEscalatedDelay, setHasEscalatedDelay] = useState5(false);
   const updatePhaseTimings = useCallback3(
     (updater) => {
       setPhaseTimings((previous) => {
@@ -2829,7 +3357,7 @@ function ProcessingStep({
     },
     [txHash]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (!directTransfer) return;
     const completedAt = Date.now();
     updatePhaseTimings(() => ({
@@ -2860,7 +3388,7 @@ function ProcessingStep({
     txHash,
     updatePhaseTimings
   ]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (directTransfer || state.type !== "processing") return;
     const updateElapsed = () => {
       setElapsedSeconds(
@@ -2871,7 +3399,7 @@ function ProcessingStep({
     const intervalId = setInterval(updateElapsed, 1e3);
     return () => clearInterval(intervalId);
   }, [directTransfer, state.type]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (state.type === "processing") return;
     const endedAt = state.type === "complete" ? phaseTimings.completedAt ?? Date.now() : Date.now();
     setElapsedSeconds(Math.floor((endedAt - startTimeRef.current) / 1e3));
@@ -2879,14 +3407,14 @@ function ProcessingStep({
       (previous) => previous.endedAt !== void 0 ? previous : { ...previous, endedAt }
     );
   }, [phaseTimings.completedAt, state.type, updatePhaseTimings]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!state.lastEvent) return;
     updatePhaseTimings(
       (previous) => syncPhaseTimings(previous, state.lastEvent)
     );
   }, [state.lastEvent?.time, state.lastEvent?.type, updatePhaseTimings]);
-  const [swappedFiatContext, setSwappedFiatContext] = useState2(null);
-  useEffect4(() => {
+  const [swappedFiatContext, setSwappedFiatContext] = useState5(null);
+  useEffect5(() => {
     let cancelled = false;
     service.fetchSwappedOrderStatus(smartAccount).then((res) => {
       if (cancelled || !res) return;
@@ -2907,7 +3435,7 @@ function ProcessingStep({
       cancelled = true;
     };
   }, [service, smartAccount, txHash, isSwappedOrder]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (directTransfer) return;
     if (state.type !== "processing") {
       pollIntervalRef.current = INITIAL_POLL_INTERVAL;
@@ -3067,7 +3595,7 @@ function ProcessingStep({
     state.type,
     txHash
   ]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (directTransfer || state.type !== "processing") return;
     const timeoutId = setTimeout(() => {
       if (escalatedDelayRef.current) return;
@@ -3098,82 +3626,71 @@ function ProcessingStep({
   const displayAmount = sourceDetails.amount ?? amount;
   const sourceExplorerUrl = getExplorerTxUrl(displaySourceChain, txHash);
   const destExplorerUrl = destinationTxHash ? getExplorerTxUrl(targetChain, destinationTxHash) : null;
-  const isEvmSourceToken = /^0x[a-fA-F0-9]{40}$/.test(displaySourceToken);
-  const sourceSymbol = displaySourceChain === "solana" ? providedSourceSymbol ?? "SOL" : isEvmSourceToken ? getTokenSymbol(displaySourceToken, displaySourceChain) : providedSourceSymbol ?? "Token";
-  const sourceDecimals = displaySourceChain === "solana" ? providedSourceDecimals ?? 9 : isEvmSourceToken ? getTokenDecimalsByAddress(
-    displaySourceToken,
-    displaySourceChain
-  ) : providedSourceDecimals ?? 18;
-  const amountMaxDigits = maxFractionDigitsFor(sourceSymbol);
-  const formattedReceivedAmount = (() => {
-    try {
-      const raw = formatUnits(BigInt(displayAmount), sourceDecimals);
-      const numeric = Number(raw);
-      if (!Number.isFinite(numeric)) return raw;
-      return numeric.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: amountMaxDigits
-      });
-    } catch {
-      return Number(displayAmount).toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: amountMaxDigits
-      });
-    }
+  const sourceDisplay = (() => {
+    const resolved = resolveTokenDisplay(displaySourceToken, displaySourceChain, {
+      symbol: providedSourceSymbol ?? (displaySourceChain === "solana" ? "SOL" : "Token"),
+      decimals: providedSourceDecimals
+    });
+    return {
+      symbol: resolved.symbol,
+      decimals: resolved.decimals ?? (displaySourceChain === "solana" ? 9 : 18)
+    };
   })();
-  const destinationAmountRaw = (() => {
-    const dest = lastEvent?.data?.destination;
-    if (!dest || dest.amount === void 0) return void 0;
-    try {
-      return BigInt(dest.amount);
-    } catch {
-      return void 0;
-    }
+  const sourceSymbol = sourceDisplay.symbol;
+  const formattedSentAmount = formatRawTokenAmount(displayAmount, sourceDisplay) ?? // Not raw base units (e.g. a decimal string) — render the number as-is.
+  formatTokenAmount(Number(displayAmount), sourceDisplay.symbol) ?? displayAmount;
+  const isBridgeHopDestination = hasPostBridgeActions && (lastEvent?.type === "bridge-started" || lastEvent?.type === "bridge-complete");
+  const eventDestination = isBridgeHopDestination ? {} : getEventDestinationDetails(lastEvent);
+  const targetDisplay = resolveTokenDisplay(
+    eventDestination.token ?? targetToken,
+    eventDestination.chainId ?? targetChain,
+    // Dapp deposits default to USDC targets; mirror the source symbol last so
+    // unresolvable same-token routes still label sensibly.
+    { symbol: providedSourceSymbol ?? "USDC" }
+  );
+  const targetSymbol = targetDisplay.symbol;
+  const formattedDestinationAmount = eventDestination.amount !== void 0 ? formatRawTokenAmount(eventDestination.amount, targetDisplay) : void 0;
+  const amountUsdNumber = amountUsd !== void 0 && Number(amountUsd) > 0 ? Number(amountUsd) : void 0;
+  const prices = useTokenPrices(service, [
+    sourceDisplay.symbol,
+    targetDisplay.symbol
+  ]);
+  const estimatedReceiveAmount = (() => {
+    const estimate = estimateReceiveAmount({
+      sourceAmount: tokenAmountToNumber(displayAmount, sourceDisplay.decimals),
+      sourceSymbol: sourceDisplay.symbol,
+      targetSymbol: targetDisplay.symbol,
+      sourceAmountUsd: amountUsdNumber,
+      prices
+    });
+    return estimate !== void 0 ? formatTokenAmount(estimate, targetDisplay.symbol) : void 0;
   })();
-  const sourceAmountRaw = (() => {
-    try {
-      return BigInt(displayAmount);
-    } catch {
+  const receiveDisplay = formattedDestinationAmount ? `${formattedDestinationAmount} ${targetSymbol}` : estimatedReceiveAmount !== void 0 ? `~${estimatedReceiveAmount} ${targetSymbol}` : amountUsdNumber !== void 0 ? `~$${amountUsdNumber.toFixed(2)}` : (
+    // Cross-token with no price and no USD context (rare QR case):
+    // an honest dash beats a wrong number.
+    "\u2014"
+  );
+  const formattedBridgingCost = (() => {
+    if (sourceSymbol.toUpperCase() !== targetSymbol.toUpperCase()) {
       return void 0;
     }
-  })();
-  const bridgingCostRaw = sourceAmountRaw !== void 0 && destinationAmountRaw !== void 0 && sourceAmountRaw > destinationAmountRaw ? sourceAmountRaw - destinationAmountRaw : void 0;
-  const formattedDestinationAmount = destinationAmountRaw !== void 0 ? (() => {
-    try {
-      const raw = formatUnits(destinationAmountRaw, sourceDecimals);
-      const numeric = Number(raw);
-      if (!Number.isFinite(numeric)) return raw;
-      return numeric.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: amountMaxDigits
-      });
-    } catch {
+    const sentValue = tokenAmountToNumber(displayAmount, sourceDisplay.decimals);
+    const receivedValue = eventDestination.amount !== void 0 ? tokenAmountToNumber(eventDestination.amount, targetDisplay.decimals) : void 0;
+    if (sentValue === void 0 || receivedValue === void 0 || sentValue <= receivedValue) {
       return void 0;
     }
-  })() : void 0;
-  const formattedBridgingCost = bridgingCostRaw !== void 0 ? (() => {
-    try {
-      const raw = formatUnits(bridgingCostRaw, sourceDecimals);
-      const numeric = Number(raw);
-      if (!Number.isFinite(numeric)) return raw;
-      return numeric.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: amountMaxDigits
-      });
-    } catch {
+    const formatted = formatTokenAmount(sentValue - receivedValue, sourceSymbol);
+    if (formatted === void 0 || Number(formatted.replace(/,/g, "")) === 0) {
       return void 0;
     }
-  })() : void 0;
+    return formatted;
+  })();
   const currentPhaseId = getCurrentPhaseId(state, phaseTimings);
   const activePhaseStartedAt = currentPhaseId ? getPhaseStartTime(currentPhaseId, phaseTimings) : void 0;
   const activePhaseElapsedMs = isProcessing && activePhaseStartedAt !== void 0 ? timelineNowMs - activePhaseStartedAt : 0;
   const delayPhaseId = isProcessing && currentPhaseId && activePhaseElapsedMs >= SOFT_DELAY_MS[currentPhaseId] ? currentPhaseId : void 0;
   void delayPhaseId;
   void hasEscalatedDelay;
-  const targetSymbol = (() => {
-    const resolved = getTargetTokenSymbol(targetToken, targetChain);
-    return resolved !== "Token" ? resolved : providedSourceSymbol ?? "USDC";
-  })();
   const targetTokenIcon = getTokenIcon(targetSymbol);
   const sourceChainIcon = getChainIcon(displaySourceChain);
   const targetChainIcon = getChainIcon(targetChain);
@@ -3185,23 +3702,58 @@ function ProcessingStep({
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = onRetry ?? onNewDeposit;
-  const headerContent = isComplete ? /* @__PURE__ */ jsxs16("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx18(SuccessBadge, {}),
-    /* @__PURE__ */ jsx18("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx18("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : isFailed ? /* @__PURE__ */ jsxs16("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx18(FailedBadge, {}),
-    /* @__PURE__ */ jsx18("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx18("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : /* @__PURE__ */ jsx18(BodyHeader, { icon: /* @__PURE__ */ jsx18(WalletIcon, {}), title: stateTitle });
-  return /* @__PURE__ */ jsxs16("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  const headerContent = isComplete ? /* @__PURE__ */ jsxs21("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx23(SuccessBadge, {}),
+    /* @__PURE__ */ jsx23("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx23("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : isFailed ? /* @__PURE__ */ jsxs21("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx23(FailedBadge, {}),
+    /* @__PURE__ */ jsx23("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx23("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : /* @__PURE__ */ jsx23(BodyHeader, { icon: /* @__PURE__ */ jsx23(WalletIcon, {}), title: stateTitle });
+  if (isComplete && isSwappedOrder) {
+    const onrampMethod = swappedFiatContext?.paymentMethod ? formatPaymentMethod(swappedFiatContext.paymentMethod) : null;
+    const amountPaid = swappedFiatContext?.paidAmountUsd != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null;
+    const depositedAmount = receiveDisplay;
+    const onrampFeeUsd = swappedFiatContext?.onrampFeeUsd ?? null;
+    const networkFeeUsd = quotedFeeAmount !== void 0 && Number.isFinite(Number(quotedFeeAmount)) ? Number(quotedFeeAmount) : null;
+    const feeRows = [];
+    if (onrampFeeUsd != null) {
+      feeRows.push({
+        label: "On-ramp fee",
+        value: `$${onrampFeeUsd.toFixed(2)}`
+      });
+    }
+    if (networkFeeUsd != null) {
+      feeRows.push({
+        label: "Network fee",
+        value: `$${networkFeeUsd.toFixed(2)}`
+      });
+    }
+    const feesTotal = feeRows.length > 0 ? `$${((onrampFeeUsd ?? 0) + (networkFeeUsd ?? 0)).toFixed(2)}` : null;
+    return /* @__PURE__ */ jsx23(
+      SwappedReceipt,
+      {
+        onrampMethod,
+        amountPaid,
+        depositedAmount,
+        depositedIcon: targetTokenIcon,
+        feesTotal,
+        feeRows,
+        newLabel: `New ${flowNoun}`,
+        onNewDeposit,
+        onClose
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs21("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       headerContent,
-      /* @__PURE__ */ jsxs16("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx18("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: sourceChainIcon, alt: "" }) }),
-            sourceExplorerUrl && /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs21("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx23("span", { children: "Source chain" }),
+          /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx23("span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceChainIcon, alt: "" }) }),
+            sourceExplorerUrl && /* @__PURE__ */ jsx23(
               "a",
               {
                 href: sourceExplorerUrl,
@@ -3209,17 +3761,17 @@ function ProcessingStep({
                 rel: "noopener noreferrer",
                 className: "rs-review-detail-link",
                 "aria-label": "View source transaction",
-                children: /* @__PURE__ */ jsx18(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx23(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx18("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: targetChainIcon, alt: "" }) }),
-            destExplorerUrl && /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx23("span", { children: "Destination chain" }),
+          /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx23("span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: targetChainIcon, alt: "" }) }),
+            destExplorerUrl && /* @__PURE__ */ jsx23(
               "a",
               {
                 href: destExplorerUrl,
@@ -3227,75 +3779,75 @@ function ProcessingStep({
                 rel: "noopener noreferrer",
                 className: "rs-review-detail-link",
                 "aria-label": "View destination transaction",
-                children: /* @__PURE__ */ jsx18(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx23(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
-          /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx18(Ticker, { value: timerText }) })
+        /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx23("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
+          /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx23(Ticker, { value: timerText }) })
         ] }),
-        isSwappedOrder ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx18("span", { children: "You pay" }),
-            /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
+        isSwappedOrder ? /* @__PURE__ */ jsxs21(Fragment4, { children: [
+          swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx23("span", { children: "You pay" }),
+            /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
               "$",
               swappedFiatContext.paidAmountUsd.toFixed(2),
-              swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs16("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
+              swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs21("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
                 "via",
                 " ",
                 formatPaymentMethod(swappedFiatContext.paymentMethod)
               ] })
             ] })
           ] }),
-          swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx18("span", { children: "On-ramp fee" }),
-            /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
+          swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx23("span", { children: "On-ramp fee" }),
+            /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
               "$",
               swappedFiatContext.onrampFeeUsd.toFixed(2)
             ] })
           ] }),
-          formattedBridgingCost && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx18("span", { children: "Bridging cost" }),
-            /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-              /* @__PURE__ */ jsxs16("span", { children: [
+          formattedBridgingCost && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx23("span", { children: "Bridging cost" }),
+            /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
+              /* @__PURE__ */ jsxs21("span", { children: [
                 formattedBridgingCost,
                 " ",
                 sourceSymbol
               ] }),
-              sourceTokenIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: sourceTokenIcon, alt: "" }) })
+              sourceTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceTokenIcon, alt: "" }) })
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: isProcessing ? "You send" : "You sent" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs16("span", { children: [
-              formattedReceivedAmount,
+        ] }) : /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx23("span", { children: isProcessing ? "You send" : "You sent" }),
+          /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs21("span", { children: [
+              formattedSentAmount,
               " ",
               sourceSymbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: isProcessing ? "Receive" : "Received" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx18("span", { children: formattedDestinationAmount ? `${formattedDestinationAmount} ${targetSymbol}` : `~${formattedReceivedAmount} ${targetSymbol}` }),
-            targetTokenIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: targetTokenIcon, alt: "" }) })
+        /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx23("span", { children: isProcessing ? "Receive" : "Received" }),
+          /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx23("span", { children: receiveDisplay }),
+            targetTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Balance" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
+        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx23("span", { children: "Balance" }),
+          /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
             "$",
             balanceAfterUsd.toFixed(2)
           ] })
         ] }),
-        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs16(
+        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx23("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs21(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -3306,22 +3858,22 @@ function ProcessingStep({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx18(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx23(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx23(
               "span",
               {
                 className: "rs-review-detail-info",
                 "aria-label": "Fee info",
-                children: /* @__PURE__ */ jsx18(InfoIcon, {})
+                children: /* @__PURE__ */ jsx23(InfoIcon, {})
               }
             ) })
           ] })
         ] }) : (() => {
           const feeValue = quotedFeeAmount ?? formattedBridgingCost;
           if (feeValue === void 0) return null;
-          return /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx18("span", { children: "Fees" }),
-            /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-              /* @__PURE__ */ jsxs16(
+          return /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx23("span", { children: "Fees" }),
+            /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
+              /* @__PURE__ */ jsxs21(
                 "span",
                 {
                   style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -3332,20 +3884,20 @@ function ProcessingStep({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx18(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx23(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx23(
                 "span",
                 {
                   className: "rs-review-detail-info",
                   "aria-label": "Fee info",
-                  children: /* @__PURE__ */ jsx18(InfoIcon, {})
+                  children: /* @__PURE__ */ jsx23(InfoIcon, {})
                 }
               ) })
             ] })
           ] });
         })()
       ] }),
-      isFailed && failureMessage && /* @__PURE__ */ jsx18(Callout, { variant: "error", children: failureMessage }),
-      isProcessing && /* @__PURE__ */ jsx18(
+      isFailed && failureMessage && /* @__PURE__ */ jsx23(Callout, { variant: "error", children: failureMessage }),
+      isProcessing && /* @__PURE__ */ jsx23(
         Button,
         {
           fullWidth: true,
@@ -3355,19 +3907,19 @@ function ProcessingStep({
           children: "Submitting transaction\u2026"
         }
       ),
-      isComplete && /* @__PURE__ */ jsxs16("div", { className: "rs-screen-button-row", children: [
-        onNewDeposit && /* @__PURE__ */ jsxs16(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
+      isComplete && /* @__PURE__ */ jsxs21("div", { className: "rs-screen-button-row", children: [
+        onNewDeposit && /* @__PURE__ */ jsxs21(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
           "New ",
           flowNoun
         ] }),
-        onClose && /* @__PURE__ */ jsx18(Button, { onClick: onClose, fullWidth: true, children: "Done" })
+        onClose && /* @__PURE__ */ jsx23(Button, { onClick: onClose, fullWidth: true, children: "Done" })
       ] }),
-      isFailed && /* @__PURE__ */ jsxs16("div", { className: "rs-screen-button-row", children: [
-        onClose && /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
-        handleRetry && /* @__PURE__ */ jsx18(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
+      isFailed && /* @__PURE__ */ jsxs21("div", { className: "rs-screen-button-row", children: [
+        onClose && /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
+        handleRetry && /* @__PURE__ */ jsx23(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(PoweredBy, {})
+    /* @__PURE__ */ jsx23(PoweredBy, {})
   ] });
 }
 
@@ -3440,10 +3992,12 @@ export {
   PlusCircleIcon,
   CircleArrowOutUpLeftIcon,
   BankIcon,
+  UnplugIcon,
   Callout,
   BodyHeader,
   PoweredBy,
   Spinner,
+  getExchangeLogo,
   ConnectStep,
   useLatestRef,
   Button,
@@ -3459,12 +4013,15 @@ export {
   isUnsupportedChainSwitchError,
   formatUserError,
   Tooltip,
+  formatTokenAmount,
+  formatReceiveEstimate,
   getEventTxHash,
   getEventSourceDetails,
   isDepositEvent,
   isFailedEvent,
   txRefsMatch,
   failureMessageForEvent,
+  useTokenPrices,
   ProcessingStep,
   getPublicClient,
   getHyperEvmReadClient,