@rhinestone/deposit-modal 0.3.0-alpha.3 → 0.3.0-alpha.5

package/dist/{chunk-TFXIQ7YH.mjs → chunk-CTYKQ4B4.mjs}

@@ -157,15 +157,40 @@ import {
   Info,
   Copy,
   ArrowRight,
+  ArrowUpRight,
   AlertTriangle,
   Percent,
   Clock,
   CirclePlus,
   CircleArrowOutUpLeft
 } from "lucide-react";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var WalletIcon = Wallet;
 var ExternalLinkIcon = ExternalLink;
 var CheckIcon = Check;
+function TransferCryptoIcon() {
+  return /* @__PURE__ */ jsx2(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 6 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx2(
+        "path",
+        {
+          d: "M18.0898 16.3701C19.0352 16.7225 19.8763 17.3076 20.5356 18.0713C21.1949 18.835 21.6509 19.7526 21.8616 20.7392C22.0723 21.7258 22.0307 22.7496 21.7409 23.716C21.451 24.6823 20.9222 25.5599 20.2033 26.2677C19.4844 26.9755 18.5986 27.4906 17.6278 27.7653C16.6571 28.0401 15.6327 28.0656 14.6495 27.8396C13.6663 27.6135 12.756 27.1432 12.0027 26.4721C11.2494 25.801 10.6775 24.9508 10.3398 24.0001M7 12H8V16M16.7098 19.8799L17.4098 20.5899L14.5898 23.4099M14 14C14 17.3137 11.3137 20 8 20C4.68629 20 2 17.3137 2 14C2 10.6863 4.68629 8 8 8C11.3137 8 14 10.6863 14 14Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 var ChevronRightIcon = ChevronRight;
 var ChevronLeftIcon = ChevronLeft;
 var ChevronDownIcon = ChevronDown;
@@ -175,7 +200,7 @@ var CoinsIcon = Coins;
 var HistoryIcon = History;
 var InfoIcon = Info;
 var CopyIcon = Copy;
-var ArrowRightIcon = ArrowRight;
+var ArrowUpRightIcon = ArrowUpRight;
 var AlertTriangleIcon = AlertTriangle;
 var PercentIcon = Percent;
 var ClockIcon = Clock;
@@ -1134,7 +1159,7 @@ function applyTheme(element, theme) {
 }
 
 // src/components/ui/BodyHeader.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 function BodyHeader({
   icon,
   title,
@@ -1147,17 +1172,17 @@ function BodyHeader({
     variant === "error" ? "rs-body-header-icon--error" : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx2("div", { className: iconClasses, children: icon }),
+    /* @__PURE__ */ jsx3("div", { className: iconClasses, children: icon }),
     /* @__PURE__ */ jsxs("div", { className: "rs-body-header-text", children: [
-      /* @__PURE__ */ jsx2("h2", { className: "rs-body-header-title", children: title }),
-      subtitle && /* @__PURE__ */ jsx2("p", { className: "rs-body-header-subtitle", children: subtitle })
+      /* @__PURE__ */ jsx3("h2", { className: "rs-body-header-title", children: title }),
+      subtitle && /* @__PURE__ */ jsx3("p", { className: "rs-body-header-subtitle", children: subtitle })
     ] })
   ] });
 }
 BodyHeader.displayName = "BodyHeader";
 
 // src/components/ui/PoweredBy.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var rhinestoneLogo = /* @__PURE__ */ jsxs2(
   "svg",
   {
@@ -1168,7 +1193,7 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ jsxs2("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "path",
           {
             opacity: "0.5",
@@ -1177,8 +1202,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
             d: "M10.48 14.82a4.3 4.3 0 0 1-2.9 1 4.3 4.3 0 0 1-2.4-1 25 25 0 0 1-2.08-1.95l-.13-.13c-.78-.78-1.46-1.46-1.94-2.08a4.3 4.3 0 0 1-1-2.9c.05-.96.48-1.72 1-2.4a25 25 0 0 1 1.94-2.08l.07-.06.06-.07a25 25 0 0 1 2.08-1.94 4.3 4.3 0 0 1 2.9-1c.96.05 1.73.48 2.4 1 .62.49 1.3 1.17 2.08 1.94l.13.13c.77.78 1.46 1.46 1.94 2.09a4.3 4.3 0 0 1 1 2.9 4.3 4.3 0 0 1-1 2.39c-.48.62-1.17 1.3-1.94 2.08l-.07.07-.06.06c-.78.78-1.46 1.46-2.08 1.94m-8.9-6.63c.07 1.02.9 1.86 2.56 3.52s2.5 2.5 3.53 2.56h.32c1.03-.06 1.86-.9 3.53-2.56s2.5-2.5 2.56-3.52v-.33c-.07-1.03-.9-1.86-2.56-3.52-1.67-1.67-2.5-2.5-3.53-2.56h-.32c-1.03.06-1.86.89-3.53 2.56-1.66 1.66-2.5 2.5-2.56 3.52z"
           }
         ),
-        /* @__PURE__ */ jsx3("path", { d: "M3.66 8.01q.02-.27.28-.35a4.6 4.6 0 0 0 2.53-1.48q.72-.8 1-2.05a.4.4 0 0 1 .36-.29c.17 0 .32.12.36.29a4.6 4.6 0 0 0 1.47 2.52c.55.49 1.21.8 2.06 1a.4.4 0 0 1 .28.36.4.4 0 0 1-.28.36 4.6 4.6 0 0 0-2.53 1.47 4.6 4.6 0 0 0-1 2.06.4.4 0 0 1-.36.28.4.4 0 0 1-.36-.28A4.6 4.6 0 0 0 6 9.38a4.6 4.6 0 0 0-2.06-1.01.4.4 0 0 1-.28-.36m26.46-3.44c0 .51.38.87.96.87s.95-.36.95-.87c0-.52-.37-.86-.95-.86s-.96.34-.96.86m.2 1.44v5.33h1.53V6.01zm-4.4 5.33h-1.55V3.88h1.54v2.98c.25-.5.8-1.01 1.6-1.01 1.29 0 1.87.83 1.87 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.92-1.16-.67 0-1 .53-1 1.3zm-4.45 0h-1.54V6.01h1.54l-.27 1.22a.1.1 0 0 0 .02.1.1.1 0 0 0 .1.04q.09 0 .1-.09c.24-.84.93-1.36 1.64-1.36q.4.01.57.05v1.42l-.67-.04c-.67 0-1.5.31-1.5 2zm13 0h-1.55V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.61-1.06c1.3 0 1.88.83 1.88 2.28v3.21H36.4V8.3c0-.77-.35-1.16-.93-1.16-.67 0-1 .53-1 1.3z" }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("path", { d: "M3.66 8.01q.02-.27.28-.35a4.6 4.6 0 0 0 2.53-1.48q.72-.8 1-2.05a.4.4 0 0 1 .36-.29c.17 0 .32.12.36.29a4.6 4.6 0 0 0 1.47 2.52c.55.49 1.21.8 2.06 1a.4.4 0 0 1 .28.36.4.4 0 0 1-.28.36 4.6 4.6 0 0 0-2.53 1.47 4.6 4.6 0 0 0-1 2.06.4.4 0 0 1-.36.28.4.4 0 0 1-.36-.28A4.6 4.6 0 0 0 6 9.38a4.6 4.6 0 0 0-2.06-1.01.4.4 0 0 1-.28-.36m26.46-3.44c0 .51.38.87.96.87s.95-.36.95-.87c0-.52-.37-.86-.95-.86s-.96.34-.96.86m.2 1.44v5.33h1.53V6.01zm-4.4 5.33h-1.55V3.88h1.54v2.98c.25-.5.8-1.01 1.6-1.01 1.29 0 1.87.83 1.87 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.92-1.16-.67 0-1 .53-1 1.3zm-4.45 0h-1.54V6.01h1.54l-.27 1.22a.1.1 0 0 0 .02.1.1.1 0 0 0 .1.04q.09 0 .1-.09c.24-.84.93-1.36 1.64-1.36q.4.01.57.05v1.42l-.67-.04c-.67 0-1.5.31-1.5 2zm13 0h-1.55V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.61-1.06c1.3 0 1.88.83 1.88 2.28v3.21H36.4V8.3c0-.77-.35-1.16-.93-1.16-.67 0-1 .53-1 1.3z" }),
+        /* @__PURE__ */ jsx4(
           "path",
           {
             fillRule: "evenodd",
@@ -1186,8 +1211,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
             d: "M38.74 8.69c0 1.63 1.01 2.82 2.7 2.82 1.51 0 2.32-.82 2.55-1.73l-1.43-.26c-.1.37-.47.82-1.12.82-.67 0-1.23-.6-1.24-1.31H44q.05-.19.06-.56a2.55 2.55 0 0 0-2.6-2.63c-1.5 0-2.72 1.2-2.72 2.85m3.82-.58h-2.3a1.2 1.2 0 0 1 1.18-1.13c.6 0 1.14.45 1.12 1.13"
           }
         ),
-        /* @__PURE__ */ jsx3("path", { d: "M47.1 11.51c-1.2 0-2.33-.41-2.55-1.65l1.43-.21q.27.8 1.1.79c.5 0 .77-.24.77-.55 0-.27-.2-.45-.75-.55l-.5-.1c-1.1-.24-1.77-.74-1.77-1.63 0-1.06.91-1.78 2.25-1.78 1.26 0 2.2.59 2.32 1.68l-1.41.22c-.07-.52-.43-.82-.91-.82-.5 0-.75.26-.75.57 0 .25.17.42.63.51l.5.1c1.28.26 1.94.77 1.94 1.75 0 1.01-1.03 1.66-2.3 1.66" }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("path", { d: "M47.1 11.51c-1.2 0-2.33-.41-2.55-1.65l1.43-.21q.27.8 1.1.79c.5 0 .77-.24.77-.55 0-.27-.2-.45-.75-.55l-.5-.1c-1.1-.24-1.77-.74-1.77-1.63 0-1.06.91-1.78 2.25-1.78 1.26 0 2.2.59 2.32 1.68l-1.41.22c-.07-.52-.43-.82-.91-.82-.5 0-.75.26-.75.57 0 .25.17.42.63.51l.5.1c1.28.26 1.94.77 1.94 1.75 0 1.01-1.03 1.66-2.3 1.66" }),
+        /* @__PURE__ */ jsx4(
           "path",
           {
             fillRule: "evenodd",
@@ -1195,8 +1220,8 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
             d: "M54.44 8.68c0 1.53 1.08 2.83 2.78 2.83s2.79-1.3 2.79-2.83c0-1.55-1.1-2.84-2.79-2.84-1.7 0-2.78 1.29-2.78 2.84m4.02 0c0 .98-.59 1.45-1.24 1.45-.64 0-1.23-.47-1.23-1.45 0-.97.59-1.47 1.23-1.47.65 0 1.24.48 1.24 1.47"
           }
         ),
-        /* @__PURE__ */ jsx3("path", { d: "M62.4 11.34h-1.53V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.6-1.06c1.3 0 1.89.83 1.89 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.93-1.16-.66 0-1 .53-1 1.3z" }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("path", { d: "M62.4 11.34h-1.53V6.01h1.54l-.02.9a1.8 1.8 0 0 1 1.6-1.06c1.3 0 1.89.83 1.89 2.28v3.21h-1.54V8.3c0-.77-.34-1.16-.93-1.16-.66 0-1 .53-1 1.3z" }),
+        /* @__PURE__ */ jsx4(
           "path",
           {
             fillRule: "evenodd",
@@ -1204,16 +1229,16 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs2(
             d: "M66.68 8.69c0 1.63 1.02 2.82 2.71 2.82 1.51 0 2.31-.82 2.55-1.73l-1.44-.26c-.1.37-.47.82-1.12.82-.67 0-1.23-.6-1.24-1.31h3.8q.06-.19.06-.56a2.55 2.55 0 0 0-2.6-2.63c-1.5 0-2.72 1.2-2.72 2.85m3.82-.58h-2.3a1.2 1.2 0 0 1 1.18-1.13c.6 0 1.15.45 1.12 1.13"
           }
         ),
-        /* @__PURE__ */ jsx3("path", { d: "M52.44 9.05V7.26h1.53V6h-1.53V4.42h-1.53V6h-1.1v1.26h1.1v1.85l.02.49a1.9 1.9 0 0 0 1.67 1.67c.22.03.47.03.62.03h.65V9.87h-.61c-.4 0-.59 0-.7-.12-.12-.11-.12-.3-.12-.64z" })
+        /* @__PURE__ */ jsx4("path", { d: "M52.44 9.05V7.26h1.53V6h-1.53V4.42h-1.53V6h-1.1v1.26h1.1v1.85l.02.49a1.9 1.9 0 0 0 1.67 1.67c.22.03.47.03.62.03h.65V9.87h-.61c-.4 0-.59 0-.7-.12-.12-.11-.12-.3-.12-.64z" })
       ] }),
-      /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsx3("clipPath", { id: "rs-pb-clip", children: /* @__PURE__ */ jsx3("path", { fill: "#fff", d: "M0 0h72v16H0z" }) }) })
+      /* @__PURE__ */ jsx4("defs", { children: /* @__PURE__ */ jsx4("clipPath", { id: "rs-pb-clip", children: /* @__PURE__ */ jsx4("path", { fill: "#fff", d: "M0 0h72v16H0z" }) }) })
     ]
   }
 );
 function PoweredBy() {
   return /* @__PURE__ */ jsxs2("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
-    /* @__PURE__ */ jsx3("span", { children: "Powered by" }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4("span", { children: "Powered by" }),
+    /* @__PURE__ */ jsx4(
       "a",
       {
         className: "rs-powered-by-link",
@@ -1228,7 +1253,7 @@ function PoweredBy() {
 PoweredBy.displayName = "PoweredBy";
 
 // src/components/ui/Spinner.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Spinner({ className }) {
   return /* @__PURE__ */ jsxs3(
     "svg",
@@ -1237,7 +1262,7 @@ function Spinner({ className }) {
       fill: "none",
       viewBox: "0 0 20 21",
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "path",
           {
             d: "M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67316C0.00433288 8.50043 -0.1937 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3078C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C20 7.84783 18.9464 5.3043 17.0711 3.42893C15.1957 1.55357 12.6522 0.5 10 0.5ZM10 17.7727C8.56159 17.7727 7.15549 17.3462 5.95949 16.547C4.7635 15.7479 3.83134 14.6121 3.28088 13.2831C2.73042 11.9542 2.5864 10.4919 2.86702 9.08116C3.14764 7.67039 3.8403 6.37451 4.85741 5.3574C5.87452 4.3403 7.17039 3.64764 8.58116 3.36702C9.99193 3.0864 11.4542 3.23042 12.7832 3.78088C14.1121 4.33133 15.2479 5.26349 16.0471 6.45949C16.8462 7.65548 17.2727 9.06159 17.2727 10.5C17.2727 12.4288 16.5065 14.2787 15.1426 15.6426C13.7787 17.0065 11.9288 17.7727 10 17.7727Z",
@@ -1245,7 +1270,7 @@ function Spinner({ className }) {
             opacity: 0.3
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "path",
           {
             d: "M10 3.22767C11.7423 3.22846 13.4276 3.8412 14.7556 4.95667C16.0837 6.07214 16.9681 7.61784 17.2512 9.31825C17.3012 9.64364 17.4662 9.94096 17.7169 10.1573C17.9677 10.3737 18.2878 10.4951 18.6205 10.5C18.8211 10.5001 19.0193 10.457 19.2012 10.3735C19.3832 10.2901 19.5445 10.1684 19.674 10.017C19.8036 9.86549 19.8981 9.68789 19.9511 9.49656C20.004 9.30523 20.0141 9.10478 19.9807 8.90918C19.5986 6.56305 18.3843 4.42821 16.5554 2.88726C14.7265 1.34631 12.4025 0.5 10 0.5C7.59751 0.5 5.27354 1.34631 3.44461 2.88726C1.61569 4.42821 0.401366 6.56305 0.0192815 8.90918C-0.0141442 9.10478 -0.00402016 9.30523 0.0489472 9.49656C0.101914 9.68789 0.196449 9.86549 0.325956 10.017C0.455463 10.1684 0.616823 10.2901 0.798778 10.3735C0.980732 10.457 1.1789 10.5001 1.37945 10.5C1.71216 10.4951 2.03235 10.3737 2.28307 10.1573C2.5338 9.94096 2.69883 9.64364 2.74882 9.31825C3.03193 7.61784 3.91633 6.07214 5.24436 4.95667C6.57239 3.8412 8.25775 3.22846 10 3.22767Z",
@@ -1258,7 +1283,7 @@ function Spinner({ className }) {
 }
 
 // src/components/ui/ListRow.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function ListRow({
   leading,
   leadingMedia,
@@ -1266,36 +1291,75 @@ function ListRow({
   subtitle,
   meta,
   trailing,
+  action,
   className = "",
+  onClick,
+  disabled,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(
+  const inner = /* @__PURE__ */ jsxs4(Fragment, { children: [
+    leadingMedia ? /* @__PURE__ */ jsx6("span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ jsx6("img", { src: leadingMedia, alt: "" }) }) : leading ? /* @__PURE__ */ jsx6("span", { className: "rs-list-row-leading", children: leading }) : null,
+    /* @__PURE__ */ jsxs4("div", { className: "rs-list-row-body", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "rs-list-row-text", children: [
+        /* @__PURE__ */ jsx6("span", { className: "rs-list-row-title", children: title }),
+        subtitle && /* @__PURE__ */ jsx6("span", { className: "rs-list-row-subtitle", children: subtitle })
+      ] }),
+      action ? /* @__PURE__ */ jsx6(
+        "button",
+        {
+          type: "button",
+          className: "rs-list-row-action",
+          disabled,
+          onClick: (e) => {
+            e.stopPropagation();
+            action.onClick();
+          },
+          children: action.label
+        }
+      ) : meta && /* @__PURE__ */ jsx6("div", { className: "rs-list-row-meta", children: meta })
+    ] }),
+    /* @__PURE__ */ jsx6("span", { className: "rs-list-row-chevron", children: trailing ?? /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
+  ] });
+  if (action) {
+    const handleKey = (e) => {
+      if (disabled) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick?.(e);
+      }
+    };
+    return /* @__PURE__ */ jsx6(
+      "div",
+      {
+        className: `rs-list-row ${className}`.trim(),
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-disabled": disabled || void 0,
+        onClick: disabled ? void 0 : (e) => onClick?.(e),
+        onKeyDown: handleKey,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx6(
     "button",
     {
       type: "button",
       className: `rs-list-row ${className}`.trim(),
+      onClick,
+      disabled,
       ...props,
-      children: [
-        leadingMedia ? /* @__PURE__ */ jsx5("span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ jsx5("img", { src: leadingMedia, alt: "" }) }) : leading ? /* @__PURE__ */ jsx5("span", { className: "rs-list-row-leading", children: leading }) : null,
-        /* @__PURE__ */ jsxs4("div", { className: "rs-list-row-body", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "rs-list-row-text", children: [
-            /* @__PURE__ */ jsx5("span", { className: "rs-list-row-title", children: title }),
-            subtitle && /* @__PURE__ */ jsx5("span", { className: "rs-list-row-subtitle", children: subtitle })
-          ] }),
-          meta && /* @__PURE__ */ jsx5("div", { className: "rs-list-row-meta", children: meta })
-        ] }),
-        /* @__PURE__ */ jsx5("span", { className: "rs-list-row-chevron", children: trailing ?? /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
-      ]
+      children: inner
     }
   );
 }
 ListRow.displayName = "ListRow";
 
 // src/components/ui/WalletBadgeIcons.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ jsxs5("g", { clipPath: "url(#rs-rabby-clip)", children: [
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       "mask",
       {
         id: "rs-rabby-mask",
@@ -1305,7 +1369,7 @@ var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20",
         y: "0",
         width: "20",
         height: "20",
-        children: /* @__PURE__ */ jsx6(
+        children: /* @__PURE__ */ jsx7(
           "path",
           {
             d: "M20 10C20 4.47688 15.5231 0 10 0C4.47688 0 0 4.47688 0 10C0 15.5231 4.47688 20 10 20C15.5231 20 20 15.5231 20 10Z",
@@ -1315,21 +1379,21 @@ var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20",
       }
     ),
     /* @__PURE__ */ jsxs5("g", { mask: "url(#rs-rabby-mask)", children: [
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "path",
         {
           d: "M20 10C20 4.47688 15.5231 0 10 0C4.47688 0 0 4.47688 0 10C0 15.5231 4.47688 20 10 20C15.5231 20 20 15.5231 20 10Z",
           fill: "#7084FF"
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "path",
         {
           d: "M17.2515 10.8675C17.8265 9.57871 14.9847 5.97871 12.2697 4.47934C10.5584 3.31684 8.77529 3.47684 8.41404 3.98684C7.62154 5.10684 11.039 6.05559 13.3234 7.16184C12.8322 7.37621 12.3697 7.76059 12.0972 8.25184C11.2453 7.31871 9.37529 6.51434 7.18154 7.16246C5.70279 7.59871 4.47404 8.62684 3.99904 10.18C3.85708 10.1175 3.70178 10.0914 3.5472 10.1041C3.39262 10.1168 3.24365 10.1678 3.11376 10.2526C2.98388 10.3373 2.87719 10.4532 2.80336 10.5896C2.72952 10.726 2.69088 10.8786 2.69092 11.0337C2.69092 11.55 3.10717 11.9681 3.62154 11.9681C3.71654 11.9681 4.01467 11.9037 4.01467 11.9037L8.77529 11.9387C6.87154 14.9687 5.36654 15.4118 5.36654 15.9368C5.36654 16.4618 6.80654 16.32 7.34717 16.1243C9.93467 15.1868 12.714 12.2675 13.1909 11.4268C15.1934 11.6775 16.8765 11.7075 17.2515 10.8675Z",
           fill: "url(#rs-rabby-grad0)"
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "path",
         {
           fillRule: "evenodd",
@@ -1338,7 +1402,7 @@ var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20",
           fill: "url(#rs-rabby-grad1)"
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "path",
         {
           fillRule: "evenodd",
@@ -1347,7 +1411,7 @@ var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20",
           fill: "url(#rs-rabby-grad2)"
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "path",
         {
           d: "M3.94351 11.7048C4.11789 13.1936 4.96101 13.7773 6.68476 13.9498C8.40851 14.1223 9.39664 14.0067 10.7123 14.1273C11.8116 14.2273 12.7929 14.7898 13.1573 14.5954C13.4848 14.4204 13.301 13.7892 12.8629 13.3836C12.2941 12.8586 11.5079 12.4936 10.1241 12.3642C10.3998 11.6061 10.3223 10.5436 9.89414 9.96543C9.27476 9.1298 8.13164 8.7523 6.68476 8.9173C5.17226 9.0898 3.72414 9.83605 3.94351 11.7048Z",
@@ -1367,8 +1431,8 @@ var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20",
         y2: "12.5875",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx6("stop", { stopColor: "white" }),
-          /* @__PURE__ */ jsx6("stop", { offset: "1", stopColor: "white" })
+          /* @__PURE__ */ jsx7("stop", { stopColor: "white" }),
+          /* @__PURE__ */ jsx7("stop", { offset: "1", stopColor: "white" })
         ]
       }
     ),
@@ -1382,8 +1446,8 @@ var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20",
         y2: "2.21365",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx6("stop", { stopColor: "#8697FF" }),
-          /* @__PURE__ */ jsx6("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+          /* @__PURE__ */ jsx7("stop", { stopColor: "#8697FF" }),
+          /* @__PURE__ */ jsx7("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
         ]
       }
     ),
@@ -1397,8 +1461,8 @@ var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20",
         y2: "9.61626",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx6("stop", { stopColor: "#8697FF" }),
-          /* @__PURE__ */ jsx6("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+          /* @__PURE__ */ jsx7("stop", { stopColor: "#8697FF" }),
+          /* @__PURE__ */ jsx7("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
         ]
       }
     ),
@@ -1412,23 +1476,23 @@ var RabbyIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20",
         y2: "15.6773",
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ jsx6("stop", { stopColor: "white" }),
-          /* @__PURE__ */ jsx6("stop", { offset: "0.984", stopColor: "#D1D8FF" })
+          /* @__PURE__ */ jsx7("stop", { stopColor: "white" }),
+          /* @__PURE__ */ jsx7("stop", { offset: "0.984", stopColor: "#D1D8FF" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx6("clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ jsx6("rect", { width: "20", height: "20", fill: "white" }) })
+    /* @__PURE__ */ jsx7("clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ jsx7("rect", { width: "20", height: "20", fill: "white" }) })
   ] })
 ] });
 var PhantomIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx6(
+  /* @__PURE__ */ jsx7(
     "path",
     {
       d: "M15.1852 0H4.81481C2.15567 0 0 2.15567 0 4.81481V15.1852C0 17.8443 2.15567 20 4.81481 20H15.1852C17.8443 20 20 17.8443 20 15.1852V4.81481C20 2.15567 17.8443 0 15.1852 0Z",
       fill: "#AB9FF2"
     }
   ),
-  /* @__PURE__ */ jsx6(
+  /* @__PURE__ */ jsx7(
     "path",
     {
       fillRule: "evenodd",
@@ -1439,8 +1503,8 @@ var PhantomIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20"
   )
 ] });
 var WalletConnectIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx6("rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
-  /* @__PURE__ */ jsx6(
+  /* @__PURE__ */ jsx7("rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
+  /* @__PURE__ */ jsx7(
     "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",
@@ -1449,23 +1513,23 @@ var WalletConnectIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height
   )
 ] });
 var EthBadgeIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx6(
+  /* @__PURE__ */ jsx7(
     "path",
     {
       d: "M9.99987 19.9319C15.4852 19.9319 19.9319 15.4852 19.9319 9.9999C19.9319 4.51461 15.4852 0.0679016 9.99987 0.0679016C4.51458 0.0679016 0.0678711 4.51461 0.0678711 9.9999C0.0678711 15.4852 4.51458 19.9319 9.99987 19.9319Z",
       fill: "#E3E3E3"
     }
   ),
-  /* @__PURE__ */ jsx6("path", { d: "M10.0073 2.18121L14.6948 9.99371L10.0247 7.98052L10.0073 2.18121Z", fill: "#2F3030" }),
-  /* @__PURE__ */ jsx6("path", { d: "M5.31982 9.99371L9.98998 2.18121L10.0073 7.98052L5.31982 9.99371Z", fill: "#828384" }),
-  /* @__PURE__ */ jsx6("path", { d: "M9.98998 12.8062L5.31982 10.047L10.0073 8.11871L9.98998 12.8062Z", fill: "#343535" }),
-  /* @__PURE__ */ jsx6("path", { d: "M14.6948 10.047L10.0247 8.11871L10.0073 12.8062L14.6948 10.047Z", fill: "#131313" }),
-  /* @__PURE__ */ jsx6("path", { d: "M10.0073 14.0046L14.6948 11.2437L10.0073 17.8062V14.0046Z", fill: "#2F3030" }),
-  /* @__PURE__ */ jsx6("path", { d: "M10.0073 14.0046L5.31982 11.2437L10.0073 17.8062V14.0046Z", fill: "#828384" })
+  /* @__PURE__ */ jsx7("path", { d: "M10.0073 2.18121L14.6948 9.99371L10.0247 7.98052L10.0073 2.18121Z", fill: "#2F3030" }),
+  /* @__PURE__ */ jsx7("path", { d: "M5.31982 9.99371L9.98998 2.18121L10.0073 7.98052L5.31982 9.99371Z", fill: "#828384" }),
+  /* @__PURE__ */ jsx7("path", { d: "M9.98998 12.8062L5.31982 10.047L10.0073 8.11871L9.98998 12.8062Z", fill: "#343535" }),
+  /* @__PURE__ */ jsx7("path", { d: "M14.6948 10.047L10.0247 8.11871L10.0073 12.8062L14.6948 10.047Z", fill: "#131313" }),
+  /* @__PURE__ */ jsx7("path", { d: "M10.0073 14.0046L14.6948 11.2437L10.0073 17.8062V14.0046Z", fill: "#2F3030" }),
+  /* @__PURE__ */ jsx7("path", { d: "M10.0073 14.0046L5.31982 11.2437L10.0073 17.8062V14.0046Z", fill: "#828384" })
 ] });
 var SolBadgeIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx6("rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
-  /* @__PURE__ */ jsx6(
+  /* @__PURE__ */ jsx7("rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
+  /* @__PURE__ */ jsx7(
     "path",
     {
       fillRule: "evenodd",
@@ -1474,7 +1538,7 @@ var SolBadgeIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20
       fill: "url(#rs-sol-badge-grad)"
     }
   ),
-  /* @__PURE__ */ jsx6("defs", { children: /* @__PURE__ */ jsxs5(
+  /* @__PURE__ */ jsx7("defs", { children: /* @__PURE__ */ jsxs5(
     "linearGradient",
     {
       id: "rs-sol-badge-grad",
@@ -1484,15 +1548,15 @@ var SolBadgeIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20
       y2: "5.08343",
       gradientUnits: "userSpaceOnUse",
       children: [
-        /* @__PURE__ */ jsx6("stop", { stopColor: "#CB4EE8" }),
-        /* @__PURE__ */ jsx6("stop", { offset: "1", stopColor: "#10F4B1" })
+        /* @__PURE__ */ jsx7("stop", { stopColor: "#CB4EE8" }),
+        /* @__PURE__ */ jsx7("stop", { offset: "1", stopColor: "#10F4B1" })
       ]
     }
   ) })
 ] });
 var BaseBadgeIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20", viewBox: "0 0 111 111", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx6("circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
-  /* @__PURE__ */ jsx6(
+  /* @__PURE__ */ jsx7("circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
+  /* @__PURE__ */ jsx7(
     "path",
     {
       d: "M54.921 93.4c20.942 0 37.92-16.978 37.92-37.921S75.863 17.558 54.92 17.558c-19.498 0-35.57 14.725-37.655 33.647h49.82v5.548h-49.82C19.351 75.675 35.423 93.4 54.921 93.4z",
@@ -1501,14 +1565,14 @@ var BaseBadgeIcon = () => /* @__PURE__ */ jsxs5("svg", { width: "20", height: "2
   )
 ] });
 var walletBadge = /* @__PURE__ */ jsxs5("span", { className: "rs-list-row-meta-icons", children: [
-  /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(RabbyIcon, {}) }),
-  /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(PhantomIcon, {}) }),
-  /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(WalletConnectIcon, {}) })
+  /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(RabbyIcon, {}) }),
+  /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(PhantomIcon, {}) }),
+  /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(WalletConnectIcon, {}) })
 ] });
 var chainBadge = /* @__PURE__ */ jsxs5("span", { className: "rs-list-row-meta-icons", children: [
-  /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(EthBadgeIcon, {}) }),
-  /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(SolBadgeIcon, {}) }),
-  /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(BaseBadgeIcon, {}) })
+  /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(EthBadgeIcon, {}) }),
+  /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(SolBadgeIcon, {}) }),
+  /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(BaseBadgeIcon, {}) })
 ] });
 function WalletBadgeIcons() {
   return walletBadge;
@@ -1520,7 +1584,7 @@ function ChainBadgeIcons() {
 ChainBadgeIcons.displayName = "ChainBadgeIcons";
 
 // src/components/steps/ConnectStep.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function formatBalanceUsd(value) {
   if (!Number.isFinite(value) || value <= 0) return "$0.00";
   return `$${value.toFixed(2)}`;
@@ -1530,7 +1594,7 @@ function shorten(addr) {
 }
 function renderWalletLeading(row) {
   if (row.icon) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       "img",
       {
         src: row.icon,
@@ -1539,11 +1603,11 @@ function renderWalletLeading(row) {
       }
     );
   }
-  return /* @__PURE__ */ jsx7(WalletIcon, {});
+  return /* @__PURE__ */ jsx8(WalletIcon, {});
 }
 function renderRowTrailing(state) {
   if (state === "loading") {
-    return /* @__PURE__ */ jsx7(Spinner, { className: "rs-spinner--sm" });
+    return /* @__PURE__ */ jsx8(Spinner, { className: "rs-spinner--sm" });
   }
   return void 0;
 }
@@ -1568,38 +1632,39 @@ function ConnectStep({
   );
   const showDappImports = hasReownWallet && (dappImports?.length ?? 0) > 0;
   const extraChainCount = Math.max(0, getSupportedChainIds().length - 3);
-  const chainBadge2 = /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx7(ChainBadgeIcons, {}),
+  const chainBadge2 = /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    /* @__PURE__ */ jsx8(ChainBadgeIcons, {}),
     extraChainCount > 0 ? `+${extraChainCount} chains` : "All chains"
   ] });
   const defaultSubtitle = onSelectTransferCrypto ? "Add money to your balance" : "Choose a wallet to continue";
   return /* @__PURE__ */ jsxs6("div", { className: "rs-screen", children: [
     /* @__PURE__ */ jsxs6("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx7(HandCoinsIcon, {}),
+          icon: /* @__PURE__ */ jsx8(HandCoinsIcon, {}),
           title,
           subtitle: subtitle ?? defaultSubtitle
         }
       ),
       /* @__PURE__ */ jsxs6("div", { className: "rs-list", children: [
-        onSelectTransferCrypto && /* @__PURE__ */ jsx7(
+        onSelectTransferCrypto && /* @__PURE__ */ jsx8(
           ListRow,
           {
-            leading: /* @__PURE__ */ jsx7(CoinsIcon, {}),
+            leading: /* @__PURE__ */ jsx8(TransferCryptoIcon, {}),
             title: "Transfer crypto",
             subtitle: transferCryptoState === "loading" ? "Preparing\u2026" : transferCryptoState === "error" ? transferCryptoErrorReason ?? "Couldn't prepare account \u2014 tap to retry" : "Instant - No limit",
             meta: chainBadge2,
             onClick: onSelectTransferCrypto,
             disabled: transferCryptoState === "loading",
-            trailing: transferCryptoState === "loading" ? /* @__PURE__ */ jsx7(Spinner, { className: "rs-spinner--sm" }) : void 0
+            trailing: transferCryptoState === "loading" ? /* @__PURE__ */ jsx8(Spinner, { className: "rs-spinner--sm" }) : void 0
           }
         ),
         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__ */ jsx7(
+          const showInlineDisconnect = collapseToExternal && Boolean(onDisconnect) && row.state !== "loading";
+          return /* @__PURE__ */ jsx8(
             ListRow,
             {
               leading: renderWalletLeading(row),
@@ -1607,19 +1672,20 @@ function ConnectStep({
               subtitle: subtitleText,
               onClick: () => onConfirmWallet?.(row.id),
               disabled: row.state === "loading",
-              trailing: renderRowTrailing(row.state)
+              trailing: renderRowTrailing(row.state),
+              action: showInlineDisconnect && onDisconnect ? { label: "Disconnect", onClick: onDisconnect } : void 0
             },
             row.id
           );
         }),
-        !hasReownWallet && handleConnect && /* @__PURE__ */ jsx7(
+        !hasReownWallet && handleConnect && /* @__PURE__ */ jsx8(
           ListRow,
           {
-            leading: /* @__PURE__ */ jsx7(WalletIcon, {}),
+            leading: /* @__PURE__ */ jsx8(WalletIcon, {}),
             title: "Connect wallet",
             subtitle: "Instant - No limit",
-            meta: /* @__PURE__ */ jsxs6(Fragment, { children: [
-              /* @__PURE__ */ jsx7(WalletBadgeIcons, {}),
+            meta: /* @__PURE__ */ jsxs6(Fragment2, { children: [
+              /* @__PURE__ */ jsx8(WalletBadgeIcons, {}),
               "+100 wallets"
             ] }),
             onClick: handleConnect
@@ -1627,20 +1693,20 @@ function ConnectStep({
         ),
         showDappImports && dappImports?.map((row) => {
           if (row.status === "loading") {
-            return /* @__PURE__ */ jsx7(
+            return /* @__PURE__ */ jsx8(
               ListRow,
               {
                 leading: row.icon,
                 title: row.label,
                 subtitle: "Checking balance\u2026",
                 disabled: true,
-                trailing: /* @__PURE__ */ jsx7(Spinner, { className: "rs-spinner--sm" })
+                trailing: /* @__PURE__ */ jsx8(Spinner, { className: "rs-spinner--sm" })
               },
               row.id
             );
           }
           if (row.status.enabled) {
-            return /* @__PURE__ */ jsx7(
+            return /* @__PURE__ */ jsx8(
               ListRow,
               {
                 leading: row.icon,
@@ -1652,7 +1718,7 @@ function ConnectStep({
             );
           }
           if (row.status.retryable) {
-            return /* @__PURE__ */ jsx7(
+            return /* @__PURE__ */ jsx8(
               ListRow,
               {
                 leading: row.icon,
@@ -1663,7 +1729,7 @@ function ConnectStep({
               row.id
             );
           }
-          return /* @__PURE__ */ jsx7(
+          return /* @__PURE__ */ jsx8(
             ListRow,
             {
               leading: row.icon,
@@ -1676,16 +1742,7 @@ function ConnectStep({
         })
       ] })
     ] }),
-    onDisconnect && hasReownWallet && /* @__PURE__ */ jsx7("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx7(
-      "button",
-      {
-        type: "button",
-        className: "rs-connect-wallet-manage",
-        onClick: onDisconnect,
-        children: "Disconnect wallet"
-      }
-    ) }),
-    /* @__PURE__ */ jsx7(PoweredBy, {})
+    /* @__PURE__ */ jsx8(PoweredBy, {})
   ] });
 }
 ConnectStep.displayName = "ConnectStep";
@@ -1760,7 +1817,7 @@ import { useEffect as useEffect4, useRef as useRef4, useState as useState2 } fro
 import { formatUnits } from "viem";
 
 // src/components/ui/Button.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function Button({
   children,
   variant = "accent",
@@ -1780,7 +1837,7 @@ function Button({
     className
   ].filter(Boolean).join(" ");
   const showInlineLoadingText = loading && loadingText !== void 0;
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "button",
     {
       className: classes,
@@ -1788,11 +1845,11 @@ function Button({
       "aria-busy": loading || void 0,
       ...props,
       children: showInlineLoadingText ? /* @__PURE__ */ jsxs7("span", { className: "rs-button__loading-row", children: [
-        /* @__PURE__ */ jsx8(Spinner, { className: "rs-spinner--sm" }),
-        /* @__PURE__ */ jsx8("span", { children: loadingText })
-      ] }) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
-        /* @__PURE__ */ jsx8("span", { className: loading ? "rs-button__content--hidden" : "", children }),
-        loading && /* @__PURE__ */ jsx8("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx8(Spinner, { className: "rs-spinner--sm" }) })
+        /* @__PURE__ */ jsx9(Spinner, { className: "rs-spinner--sm" }),
+        /* @__PURE__ */ jsx9("span", { children: loadingText })
+      ] }) : /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        /* @__PURE__ */ jsx9("span", { className: loading ? "rs-button__content--hidden" : "", children }),
+        loading && /* @__PURE__ */ jsx9("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx9(Spinner, { className: "rs-spinner--sm" }) })
       ] })
     }
   );
@@ -1807,7 +1864,7 @@ import {
   useCallback as useCallback2
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function Tooltip({ content, children, className }) {
   const [open, setOpen] = useState(false);
   const [position, setPosition] = useState(null);
@@ -1856,7 +1913,7 @@ function Tooltip({ content, children, className }) {
       onMouseEnter: () => setOpen(true),
       onMouseLeave: () => setOpen(false),
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "span",
           {
             className: "rs-tooltip-trigger",
@@ -1878,7 +1935,7 @@ function Tooltip({ content, children, className }) {
           }
         ),
         open && position && typeof document !== "undefined" && createPortal2(
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "span",
             {
               ref: bubbleRef,
@@ -1982,7 +2039,67 @@ function txRefsMatch(a, b) {
 }
 
 // src/components/steps/ProcessingStep.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function SuccessBadge() {
+  return /* @__PURE__ */ jsxs9(
+    "svg",
+    {
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx11(
+          "rect",
+          {
+            width: "40",
+            height: "40",
+            rx: "8",
+            fill: "var(--rs-icon-wrapper-bg)"
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          "path",
+          {
+            d: "M28 14L17 25L12 20",
+            stroke: "var(--rs-icon-wrapper-icon)",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function FailedBadge() {
+  return /* @__PURE__ */ jsxs9(
+    "svg",
+    {
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx11("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
+        /* @__PURE__ */ jsx11(
+          "path",
+          {
+            d: "M26 14L14 26M14 14L26 26",
+            stroke: "white",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 var INITIAL_POLL_INTERVAL = 3e3;
 var MAX_POLL_INTERVAL = 3e4;
 var BACKOFF_MULTIPLIER = 1.5;
@@ -2460,122 +2577,129 @@ function ProcessingStep({
   const feeSponsored = uiConfig?.feeSponsored ?? false;
   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 stateVariant = isComplete ? "success" : isFailed ? "error" : "default";
-  const stateIcon = isComplete ? /* @__PURE__ */ jsx10(CheckIcon, {}) : isFailed ? /* @__PURE__ */ jsx10(CloseIcon, {}) : /* @__PURE__ */ jsx10(WalletIcon, {});
   const handleRetry = onRetry ?? onNewDeposit;
+  const headerContent = isComplete ? /* @__PURE__ */ jsxs9("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx11(SuccessBadge, {}),
+    /* @__PURE__ */ jsx11("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx11("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : isFailed ? /* @__PURE__ */ jsxs9("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx11(FailedBadge, {}),
+    /* @__PURE__ */ jsx11("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx11("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : /* @__PURE__ */ jsx11(BodyHeader, { icon: /* @__PURE__ */ jsx11(WalletIcon, {}), title: stateTitle });
   return /* @__PURE__ */ jsxs9("div", { className: "rs-screen", children: [
     /* @__PURE__ */ jsxs9("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx10(
-        BodyHeader,
-        {
-          variant: stateVariant,
-          icon: stateIcon,
-          title: stateTitle
-        }
-      ),
-      /* @__PURE__ */ jsxs9("div", { className: "rs-amount-details", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx10("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-amount-detail-value", children: [
-            /* @__PURE__ */ jsx10("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx10("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx10("img", { src: sourceChainIcon, alt: "" }) }),
-            sourceExplorerUrl && /* @__PURE__ */ jsx10(
+      headerContent,
+      /* @__PURE__ */ jsxs9("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx11("span", { children: "Source chain" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx11("span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx11("img", { src: sourceChainIcon, alt: "" }) }),
+            sourceExplorerUrl && /* @__PURE__ */ jsx11(
               "a",
               {
                 href: sourceExplorerUrl,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                className: "rs-amount-detail-link",
+                className: "rs-review-detail-link",
                 "aria-label": "View source transaction",
-                children: /* @__PURE__ */ jsx10(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx11(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx10("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-amount-detail-value", children: [
-            /* @__PURE__ */ jsx10("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx10("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx10("img", { src: targetChainIcon, alt: "" }) }),
-            destExplorerUrl && /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx11("span", { children: "Destination chain" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx11("span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx11("img", { src: targetChainIcon, alt: "" }) }),
+            destExplorerUrl && /* @__PURE__ */ jsx11(
               "a",
               {
                 href: destExplorerUrl,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                className: "rs-amount-detail-link",
+                className: "rs-review-detail-link",
                 "aria-label": "View destination transaction",
-                children: /* @__PURE__ */ jsx10(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx11(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx10("span", { children: isProcessing ? "Estimated time" : "Total time" }),
-          /* @__PURE__ */ jsx10("span", { className: "rs-amount-detail-value", children: isProcessing ? estimatedTime : totalTimeText })
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx11("span", { children: isProcessing ? "Estimated time" : "Total time" }),
+          /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-value", children: isProcessing ? estimatedTime : totalTimeText })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx10("span", { children: "You send" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-amount-detail-value", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx11("span", { children: "You send" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsxs9("span", { children: [
               formattedReceivedAmount,
               " ",
               sourceSymbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx10("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx10("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx11("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx10("span", { children: "Receive" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-amount-detail-value", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx11("span", { children: "Receive" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsxs9("span", { children: [
               "~",
               formattedReceivedAmount,
               " ",
               targetSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx10("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx10("img", { src: targetTokenIcon, alt: "" }) })
+            targetTokenIcon && /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx11("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx10("span", { children: "Balance" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-amount-detail-value", children: [
+        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx11("span", { children: "Balance" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
             "$",
             balanceAfterUsd.toFixed(2)
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx10("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs9("span", { className: "rs-amount-detail-value", children: [
-            /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs9("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx11("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs9("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx11(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
                 children: "$0.05"
               }
             ),
-            /* @__PURE__ */ jsx10(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx10("span", { className: "rs-amount-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx10(InfoIcon, {}) }) })
+            /* @__PURE__ */ jsx11(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx11("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx11(InfoIcon, {}) }) })
           ] })
         ] })
       ] }),
       isFailed && failureMessage && /* @__PURE__ */ jsxs9("div", { className: "rs-amount-error", role: "alert", children: [
-        /* @__PURE__ */ jsx10(AlertTriangleIcon, { style: { width: 16, height: 16, flexShrink: 0 } }),
-        /* @__PURE__ */ jsx10("span", { children: failureMessage })
+        /* @__PURE__ */ jsx11(AlertTriangleIcon, { style: { width: 16, height: 16, flexShrink: 0 } }),
+        /* @__PURE__ */ jsx11("span", { children: failureMessage })
       ] }),
-      isProcessing && /* @__PURE__ */ jsx10(Button, { fullWidth: true, disabled: true, loading: true, children: "Submitting transaction..." }),
+      isProcessing && /* @__PURE__ */ jsx11(
+        Button,
+        {
+          fullWidth: true,
+          disabled: true,
+          loading: true,
+          loadingText: "Submitting transaction...",
+          children: "Submitting transaction..."
+        }
+      ),
       isComplete && /* @__PURE__ */ jsxs9("div", { className: "rs-screen-button-row", children: [
         onNewDeposit && /* @__PURE__ */ jsxs9(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
           "New ",
           flowNoun
         ] }),
-        onClose && /* @__PURE__ */ jsx10(Button, { onClick: onClose, fullWidth: true, children: "Done" })
+        onClose && /* @__PURE__ */ jsx11(Button, { onClick: onClose, fullWidth: true, children: "Done" })
       ] }),
       isFailed && /* @__PURE__ */ jsxs9("div", { className: "rs-screen-button-row", children: [
-        onClose && /* @__PURE__ */ jsx10(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
-        handleRetry && /* @__PURE__ */ jsx10(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
+        onClose && /* @__PURE__ */ jsx11(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
+        handleRetry && /* @__PURE__ */ jsx11(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx10(PoweredBy, {})
+    /* @__PURE__ */ jsx11(PoweredBy, {})
   ] });
 }
 
@@ -2942,7 +3066,7 @@ export {
   HistoryIcon,
   InfoIcon,
   CopyIcon,
-  ArrowRightIcon,
+  ArrowUpRightIcon,
   AlertTriangleIcon,
   PercentIcon,
   ClockIcon,