@agg-market/ui 12.0.0 → 14.0.0

package/dist/{chunk-TA74OXPL.mjs → chunk-CHVTY3OB.mjs}

@@ -1,17 +1,16 @@
 import {
   Badge,
-  BankIcon,
   BestPricesIcon,
   BoltIcon,
   Button,
   CheckCircleIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
+  CloseIcon,
   CopyIcon,
   CreateAccountIcon,
   CreditCardIcon,
   DocumentIcon,
-  ExternalLinkIcon,
   Icon,
   InlineAlert,
   LinkAccountsIcon,
@@ -23,9 +22,9 @@ import {
   Select,
   StateMessage,
   StayInControlIcon,
+  SuccessCheckIcon,
   VenueLogo,
   WalletIcon,
-  WarningFilledIcon,
   WarningIcon,
   __async,
   __spreadProps,
@@ -34,99 +33,30 @@ import {
   formatAmountDisplay,
   formatCompactUsd,
   venueLogoLabels
-} from "./chunk-XUML4ZJQ.mjs";
+} from "./chunk-B56YA2YQ.mjs";
 
 // src/deposit/index.tsx
 import { useState as useState3 } from "react";
 
-// src/deposit/deposit-modal.constants.ts
-var KALSHI_VENUE = "kalshi";
-var KALSHI_DEPOSIT_URL_DEFAULT = "https://kalshi.com/account/deposit";
-
-// src/deposit/steps/venue-selection.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var VenueRow = ({ venue, onSelect }) => {
-  var _a;
-  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  const hasShortfall = venue.shortfall != null && venue.shortfall > 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex items-center gap-3 sm:gap-4",
-        "rounded-xl border border-agg-separator",
-        "p-3 sm:p-4",
-        "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
-      ),
-      role: "button",
-      tabIndex: 0,
-      onClick: () => onSelect(venue.venue),
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onSelect(venue.venue);
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ jsxs("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-            "Balance ",
-            formatCompactUsd(venue.balance)
-          ] })
-        ] }),
-        hasShortfall ? /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex items-center gap-1.5 shrink-0", children: [
-          /* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-4 w-4 text-agg-warning" }),
-          /* @__PURE__ */ jsxs("span", { className: "agg-type-label-strong whitespace-nowrap text-agg-warning", children: [
-            "Short ",
-            formatCompactUsd(venue.shortfall)
-          ] })
-        ] }) : null,
-        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            size: "small",
-            suffix: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
-            onClick: (e) => {
-              e.stopPropagation();
-              onSelect(venue.venue);
-            },
-            children: hasShortfall ? "Continue" : "Select"
-          }
-        ) })
-      ]
-    }
-  );
-};
-var VenueSelectionStep = ({
-  venues,
-  hasAnyShortfall,
-  onSelectVenue
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Modal.Header, { title: "Deposit", hideBorder: true }),
-  /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-    !hasAnyShortfall ? /* @__PURE__ */ jsx("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to deposit funds:" }) : null,
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ jsx(VenueRow, { venue, onSelect: onSelectVenue }, venue.venue)) })
-  ] }) })
-] });
-
 // src/deposit/steps/deposit-method.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useLabels } from "@agg-market/hooks";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var DepositMethodCard = ({
   icon,
   title,
   description,
+  value,
+  highlighted = false,
   onContinue
-}) => /* @__PURE__ */ jsxs2(
+}) => /* @__PURE__ */ jsxs(
   "div",
   {
     className: cn(
       "flex items-center gap-3 sm:gap-4",
       "rounded-xl border border-agg-separator",
       "p-3 sm:p-4",
-      "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
+      "transition-colors cursor-pointer hover:bg-agg-secondary-hover",
+      highlighted ? "" : ""
     ),
     role: "button",
     tabIndex: 0,
@@ -138,77 +68,61 @@ var DepositMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ jsx2("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx2("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ jsx("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ jsx2("div", { className: "shrink-0", children: /* @__PURE__ */ jsx2(
-        Button,
-        {
-          variant: "secondary",
-          size: "small",
-          suffix: /* @__PURE__ */ jsx2(ChevronRightIcon, {}),
-          onClick: (e) => {
-            e.stopPropagation();
-            onContinue();
-          },
-          children: "Continue"
-        }
-      ) })
+      value ? /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
+      /* @__PURE__ */ jsx("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-5 w-5" }) })
     ]
   }
 );
 var DepositMethodStep = ({
-  venue,
-  onBack,
+  balance,
+  walletLabel,
+  walletBalance,
+  highlightedMethod,
   onSelectMethod
 }) => {
-  var _a;
-  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2(
-      Modal.Header,
-      {
-        title: `Deposit to ${displayName}`,
-        hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx2(
-          "button",
+  const labels = useLabels();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
+    /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs("p", { className: "agg-type-body text-agg-foreground", children: [
+        labels.deposit.balancePrefix,
+        " ",
+        formatCompactUsd(balance)
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx(
+          DepositMethodCard,
           {
-            type: "button",
-            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
-            onClick: onBack,
-            "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { className: "h-6 w-6" })
+            icon: /* @__PURE__ */ jsx(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.walletTitle(walletLabel),
+            description: labels.deposit.methods.walletDescription,
+            value: formatCompactUsd(walletBalance),
+            highlighted: highlightedMethod === "wallet",
+            onContinue: () => onSelectMethod("wallet")
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx2(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx2(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ jsxs2("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-          displayName,
-          " balance: ",
-          formatCompactUsd(venue.balance)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx2(
+        ),
+        /* @__PURE__ */ jsx(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ jsx2(BoltIcon, { className: "h-6 w-6 text-agg-foreground" }),
-            title: "Transfer Crypto",
-            description: "Send USDC from your blockchain wallet.",
+            icon: /* @__PURE__ */ jsx(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.cryptoTitle,
+            description: labels.deposit.methods.cryptoDescription,
+            highlighted: highlightedMethod === "crypto",
             onContinue: () => onSelectMethod("crypto")
           }
         ),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ jsx2(CreditCardIcon, { className: "h-6 w-6 text-agg-foreground" }),
-            title: "Deposit with Card",
-            description: "Buy USDC instantly with a debit or credit card.",
+            icon: /* @__PURE__ */ jsx(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.cardTitle,
+            description: labels.deposit.methods.cardDescription,
+            highlighted: highlightedMethod === "card",
             onContinue: () => onSelectMethod("card")
           }
         )
@@ -218,114 +132,125 @@ var DepositMethodStep = ({
 };
 
 // src/deposit/steps/card-deposit.tsx
-import { useCallback, useState } from "react";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useLabels as useLabels2 } from "@agg-market/hooks";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CardDepositStep = ({
-  venue,
+  amount,
+  currency,
+  destinationWallet,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
   onBack,
+  onAmountChange,
+  onCurrencyChange,
+  onTokenChange,
+  onNetworkChange,
   onContinue
 }) => {
-  var _a;
-  const [rawAmount, setRawAmount] = useState("");
-  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  const numericAmount = Number(rawAmount) || 0;
+  const labels = useLabels2();
+  const [localAmount, setLocalAmount] = useState(amount);
+  useEffect(() => {
+    setLocalAmount(amount);
+  }, [amount]);
+  const numericAmount = Number(localAmount) || 0;
   const isValid = numericAmount > 0;
-  const handleAmountChange = useCallback((e) => {
-    const v = e.target.value.replace(/[^0-9.]/g, "");
-    const parts = v.split(".");
-    const sanitized = parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v;
-    setRawAmount(sanitized);
-  }, []);
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(
       Modal.Header,
       {
-        title: `Deposit to ${displayName}`,
+        title: labels.deposit.cardFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx3(
+        leftElement: /* @__PURE__ */ jsx2(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx3(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx3(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ jsxs3("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-          displayName,
-          " balance: ",
-          formatCompactUsd(venue.balance)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx3("div", { className: "shrink-0", children: /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex gap-3 items-end", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
+            /* @__PURE__ */ jsx2(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": labels.deposit.cardFlow.amountLabel,
+                className: cn(
+                  "agg-type-body w-full bg-transparent outline-none",
+                  isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0.00",
+                value: localAmount,
+                onChange: (event) => {
+                  const next = event.target.value;
+                  setLocalAmount(next);
+                  onAmountChange(next);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx2("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx2(
           Select,
           {
-            items: [{ value: "USD", label: "USD" }],
-            value: "USD",
-            onChange: () => {
-            },
-            ariaLabel: "Currency",
-            className: "w-auto"
+            items: [{ value: currency, label: currency }],
+            value: currency,
+            onChange: onCurrencyChange,
+            ariaLabel: labels.deposit.cardFlow.currencyLabel
           }
-        ) }),
-        /* @__PURE__ */ jsx3("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ jsx3("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ jsx3(
-            "input",
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.tokenLabel }),
+          /* @__PURE__ */ jsx2(
+            Select,
             {
-              type: "text",
-              inputMode: "decimal",
-              "aria-label": "Amount",
-              className: cn(
-                "agg-type-display w-full bg-transparent outline-none",
-                isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
-              ),
-              placeholder: "0",
-              value: rawAmount ? formatAmountDisplay(rawAmount) : "",
-              onChange: handleAmountChange
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.deposit.cardFlow.tokenLabel
             }
           )
-        ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
+          /* @__PURE__ */ jsx2(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.deposit.cardFlow.networkLabel
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs3(
-        "div",
-        {
-          className: cn(
-            "flex items-center gap-3",
-            "rounded-xl border border-agg-separator",
-            "p-3 sm:p-4",
-            "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
-          ),
-          role: "button",
-          tabIndex: 0,
-          children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx3("p", { className: "agg-type-body-strong text-agg-foreground", children: "Provider" }),
-              /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-muted-foreground", children: "Auto-picked for you" })
-            ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 shrink-0", children: [
-              /* @__PURE__ */ jsx3("span", { className: "agg-type-label-strong text-agg-foreground", children: "Swapped" }),
-              /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4 text-agg-foreground" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.destinationWalletLabel }),
+        /* @__PURE__ */ jsx2("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ jsx2("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
+      ] }),
+      /* @__PURE__ */ jsx2(
         Button,
         {
-          variant: "primary",
+          variant: isValid ? "primary" : "secondary",
           size: "large",
           className: "w-full",
           disabled: !isValid,
           onClick: () => onContinue(numericAmount),
-          children: "Continue"
+          children: labels.deposit.cardFlow.getQuotes
         }
       )
     ] }) })
@@ -333,95 +258,135 @@ var CardDepositStep = ({
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-import { useCallback as useCallback2, useMemo, useState as useState2 } from "react";
-
-// src/shared/constants.ts
-var USDC = {
-  value: "USDC",
-  label: "USDC",
-  iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
-};
-var SUPPORTED_NETWORKS = [
-  {
-    value: "base",
-    label: "Base",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/base/colored.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "mainnet",
-    label: "Ethereum Mainnet",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/eth/colored.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "polygon",
-    label: "Polygon Mainnet",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/polygon/colored.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "solana",
-    label: "Solana",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/solana/dark.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "zksync",
-    label: "zkSync Era",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/zksync/colored.svg",
-    tokens: [USDC]
-  }
-];
-var getTokensForNetwork = (networkValue) => {
-  var _a;
-  const network = SUPPORTED_NETWORKS.find((n) => n.value === networkValue);
-  return (_a = network == null ? void 0 : network.tokens) != null ? _a : [];
+import { useLabels as useLabels3 } from "@agg-market/hooks";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CryptoTransferStep = ({
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  depositAddress,
+  minDeposit,
+  feeEstimate,
+  eta,
+  onBack,
+  onTokenChange,
+  onNetworkChange,
+  onCopyAddress,
+  onDone
+}) => {
+  const labels = useLabels3();
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx3(
+      Modal.Header,
+      {
+        title: labels.deposit.sendCrypto.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx3(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ jsxs3("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx3("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
+          /* @__PURE__ */ jsx3(
+            Select,
+            {
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.deposit.sendCrypto.tokenLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx3("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
+          /* @__PURE__ */ jsx3(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.deposit.sendCrypto.networkLabel
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx3("div", { className: "mx-auto flex h-[160px] w-[160px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary-hover", children: /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.deposit.sendCrypto.qrPlaceholder }) }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx3("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
+          /* @__PURE__ */ jsx3("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+          /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              className: "shrink-0 inline-flex items-center gap-1 text-agg-primary hover:text-agg-primary/80 transition-colors",
+              onClick: onCopyAddress,
+              children: [
+                /* @__PURE__ */ jsx3(CopyIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx3("span", { className: "agg-type-label-strong", children: labels.deposit.sendCrypto.copy })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-foreground", children: `${labels.deposit.sendCrypto.minDepositPrefix} ${minDeposit} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
+        /* @__PURE__ */ jsx3(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
+        /* @__PURE__ */ jsx3("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
+      ] }),
+      /* @__PURE__ */ jsx3(
+        Button,
+        {
+          variant: "secondary",
+          size: "large",
+          className: "w-[120px] self-center",
+          onClick: onDone,
+          children: labels.deposit.done
+        }
+      )
+    ] }) })
+  ] });
 };
 
-// src/deposit/steps/crypto-transfer.tsx
+// src/deposit/steps/wallet-form.tsx
+import { useLabels as useLabels4 } from "@agg-market/hooks";
 import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var CryptoTransferStep = ({
-  venue,
+var WalletFormStep = ({
+  walletLabel,
+  walletBalance,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  amount,
+  estimatedReceive,
+  feeEstimate,
+  eta,
   onBack,
-  onDone
+  onTokenChange,
+  onNetworkChange,
+  onAmountChange,
+  onMax,
+  onConfirm
 }) => {
-  var _a, _b, _c, _d, _e;
-  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  const defaultNetwork = (_c = (_b = SUPPORTED_NETWORKS[0]) == null ? void 0 : _b.value) != null ? _c : "";
-  const [selectedNetwork, setSelectedNetwork] = useState2(defaultNetwork);
-  const tokenItems = useMemo(() => {
-    const tokens = getTokensForNetwork(selectedNetwork);
-    return tokens.map((t) => ({
-      value: t.value,
-      label: t.label,
-      iconUrl: t.iconUrl
-    }));
-  }, [selectedNetwork]);
-  const [selectedToken, setSelectedToken] = useState2((_e = (_d = tokenItems[0]) == null ? void 0 : _d.value) != null ? _e : "");
-  const networkItems = useMemo(
-    () => SUPPORTED_NETWORKS.map((n) => ({
-      value: n.value,
-      label: n.label,
-      iconUrl: n.iconUrl
-    })),
-    []
-  );
-  const handleNetworkChange = useCallback2((networkValue) => {
-    var _a2, _b2;
-    setSelectedNetwork(networkValue);
-    const tokens = getTokensForNetwork(networkValue);
-    setSelectedToken((_b2 = (_a2 = tokens[0]) == null ? void 0 : _a2.value) != null ? _b2 : "");
-  }, []);
-  const depositAddress = "82nbtQamxV3KPZtyRMXjrQ4xwQJMRcXn2PYmpfQyq5UK";
-  const handleCopyAddress = useCallback2(() => {
-    void navigator.clipboard.writeText(depositAddress);
-  }, [depositAddress]);
+  const labels = useLabels4();
+  const isConfirmEnabled = Number(amount) > 0;
   return /* @__PURE__ */ jsxs4(Fragment4, { children: [
     /* @__PURE__ */ jsx4(
       Modal.Header,
       {
-        title: `Deposit to ${displayName}`,
+        title: labels.deposit.walletFlow.title,
         hideBorder: true,
         leftElement: /* @__PURE__ */ jsx4(
           "button",
@@ -436,35 +401,43 @@ var CryptoTransferStep = ({
       }
     ),
     /* @__PURE__ */ jsx4(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
+        /* @__PURE__ */ jsxs4("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+          labels.deposit.balanceLabel,
+          " ",
+          formatCompactUsd(walletBalance)
+        ] })
+      ] }),
       /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "flex gap-6", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex gap-5", children: [
           /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported token" }),
+            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
             /* @__PURE__ */ jsx4(
               Select,
               {
-                items: tokenItems,
+                items: tokenOptions,
                 value: selectedToken,
-                onChange: setSelectedToken,
-                ariaLabel: "Supported token"
+                onChange: onTokenChange,
+                ariaLabel: labels.deposit.walletFlow.tokenLabel
               }
             )
           ] }),
           /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported network" }),
+            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
             /* @__PURE__ */ jsx4(
               Select,
               {
-                items: networkItems,
+                items: networkOptions,
                 value: selectedNetwork,
-                onChange: handleNetworkChange,
-                ariaLabel: "Supported network"
+                onChange: onNetworkChange,
+                ariaLabel: labels.deposit.walletFlow.networkLabel
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Your deposit address" }),
+          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
           /* @__PURE__ */ jsxs4(
             "div",
             {
@@ -474,210 +447,473 @@ var CryptoTransferStep = ({
                 "h-10 px-3"
               ),
               children: [
-                /* @__PURE__ */ jsx4("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+                /* @__PURE__ */ jsx4(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "decimal",
+                    "aria-label": labels.deposit.walletFlow.amountLabel,
+                    className: "agg-type-body w-full bg-transparent outline-none text-agg-foreground",
+                    placeholder: "0.00",
+                    value: amount,
+                    onChange: (event) => onAmountChange(event.target.value)
+                  }
+                ),
                 /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
-                    className: "shrink-0 text-agg-muted-foreground transition-colors hover:text-agg-foreground",
-                    onClick: handleCopyAddress,
-                    "aria-label": "Copy deposit address",
-                    children: /* @__PURE__ */ jsx4(CopyIcon, { className: "h-4 w-4" })
+                    className: "shrink-0 text-agg-primary transition-colors hover:text-agg-primary/80",
+                    onClick: onMax,
+                    "aria-label": labels.deposit.walletFlow.max,
+                    children: labels.deposit.walletFlow.max
                   }
                 )
               ]
             }
           )
-        ] })
+        ] }),
+        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null
       ] }),
-      /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "large", className: "w-full", onClick: onDone, children: "Done" })
+      /* @__PURE__ */ jsx4(
+        Button,
+        {
+          variant: isConfirmEnabled ? "primary" : "secondary",
+          size: "large",
+          className: "w-full",
+          disabled: !isConfirmEnabled,
+          onClick: onConfirm,
+          children: labels.deposit.walletFlow.confirm
+        }
+      )
     ] }) })
   ] });
 };
 
-// src/deposit/steps/kalshi-deposit.tsx
+// src/deposit/steps/card-provider.tsx
+import { useLabels as useLabels5 } from "@agg-market/hooks";
 import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var KalshiStepCard = ({
-  step,
-  title,
-  description,
-  children
-}) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
-  /* @__PURE__ */ jsxs5("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
-    "Step ",
-    step
-  ] }),
-  /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ jsx5("p", { className: "agg-type-label text-agg-foreground", children: description })
-  ] }),
-  children
-] });
-var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ jsxs5(Fragment5, { children: [
-  /* @__PURE__ */ jsx5(Modal.Header, { title: "", hideBorder: true }),
-  /* @__PURE__ */ jsx5(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-8", children: [
+var CardProviderItem = ({ provider, onSelect }) => {
+  const labels = useLabels5();
+  const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
+  return /* @__PURE__ */ jsx5(
+    "button",
+    {
+      type: "button",
+      className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
+      onClick: () => onSelect(provider.id),
+      children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx5("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ jsx5(
+            "span",
+            {
+              className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
+              children: badgeText
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ jsxs5("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              labels.deposit.cardFlow.feeLabel,
+              " ",
+              provider.fee
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx5(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+        ] })
+      ] })
+    }
+  );
+};
+var CardProviderStep = ({
+  token,
+  amount,
+  currency,
+  providers,
+  onBack,
+  onSelectProvider
+}) => {
+  const labels = useLabels5();
+  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
     /* @__PURE__ */ jsx5(
-      VenueLogo,
+      Modal.Header,
       {
-        venue: "kalshi",
-        size: "large",
-        className: "h-[60px] w-[60px] rounded-lg"
+        title: labels.deposit.cardFlow.selectProviderTitle,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": labels.deposit.back,
+            children: /* @__PURE__ */ jsx5(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
       }
     ),
-    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ jsx5("h2", { className: "agg-type-heading text-agg-foreground", children: "Fund Your Kalshi Account" }),
-      /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col gap-4", children: [
-      /* @__PURE__ */ jsx5(
-        KalshiStepCard,
-        {
-          step: 1,
-          title: "Open Kalshi Deposit Page",
-          description: "Sign in to your Kalshi account and go to Deposit (Add Funds) from your account menu.",
-          children: /* @__PURE__ */ jsx5("div", { className: "mt-1", children: /* @__PURE__ */ jsx5(
-            Button,
-            {
-              variant: "secondary",
-              size: "small",
-              suffix: /* @__PURE__ */ jsx5(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
-              onClick: () => {
-                window.open(depositUrl, "_blank", "noopener,noreferrer");
-              },
-              children: "Open Kalshi"
-            }
-          ) })
-        }
-      ),
-      /* @__PURE__ */ jsx5(
-        KalshiStepCard,
-        {
-          step: 2,
-          title: "Choose a Funding Method",
-          description: "Select a deposit method: Bank transfer (ACH), Debit card, Wire, or USDC (crypto)."
-        }
-      ),
-      /* @__PURE__ */ jsx5(
-        KalshiStepCard,
-        {
-          step: 3,
-          title: "Complete Your Deposit",
-          description: "Follow the on-screen instructions to confirm your deposit. Funds may arrive instantly (card/crypto) or within a few business days (ACH/wire)."
+    /* @__PURE__ */ jsx5(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs5("p", { className: "agg-type-body text-agg-foreground", children: [
+        /* @__PURE__ */ jsx5("span", { className: "font-agg-bold", children: token }),
+        " ",
+        amount,
+        " ",
+        currency
+      ] }),
+      /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ jsx5(CardProviderItem, { provider, onSelect: onSelectProvider }, provider.id)) })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/card-purchase-success.tsx
+import { useLabels as useLabels6 } from "@agg-market/hooks";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var SummaryRow = ({ label, value }) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx6("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx6("p", { className: "agg-type-label text-agg-foreground", children: value })
+] });
+var CardPurchaseSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels6();
+  return /* @__PURE__ */ jsx6("div", { className: "relative", children: /* @__PURE__ */ jsxs6(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx6(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        onClick: onClose,
+        "aria-label": labels.common.close,
+        children: /* @__PURE__ */ jsx6(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx6("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ jsx6(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx6("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
+        /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx6(
+          SummaryRow,
+          {
+            label: labels.deposit.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx6(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx6(SummaryRow, { label: labels.deposit.cardFlow.summary.provider, value: summary.provider }),
+        /* @__PURE__ */ jsx6(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
+      ] }),
+      /* @__PURE__ */ jsx6(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+    ] })
+  ] }) });
+};
+
+// src/deposit/steps/wallet-processing.tsx
+import { useLabels as useLabels7 } from "@agg-market/hooks";
+import { useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var WalletProcessingStep = ({
+  steps,
+  onClose
+}) => {
+  const labels = useLabels7();
+  const [progress, setProgress] = useState2(
+    () => steps.map((s) => __spreadValues({}, s))
+  );
+  const timeoutsRef = useRef([]);
+  const activeIndex = useMemo(() => progress.findIndex((s) => s.status === "active"), [progress]);
+  useEffect2(() => {
+    if (activeIndex === -1) return;
+    const id = window.setTimeout(() => {
+      setProgress((prev) => {
+        const next = prev.map((s) => __spreadValues({}, s));
+        const i = next.findIndex((s) => s.status === "active");
+        if (i !== -1) {
+          next[i].status = "complete";
+          if (i + 1 < next.length) {
+            next[i + 1].status = "active";
+          }
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsx5(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
-  ] }) })
+        return next;
+      });
+    }, 500);
+    timeoutsRef.current.push(id);
+    return () => {
+      window.clearTimeout(id);
+    };
+  }, [activeIndex]);
+  useEffect2(() => {
+    const allDone = progress.every((s) => s.status === "complete");
+    if (allDone) {
+      onClose();
+    }
+  }, [progress, onClose]);
+  useEffect2(() => {
+    return () => {
+      timeoutsRef.current.forEach((id) => window.clearTimeout(id));
+      timeoutsRef.current = [];
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs7(Fragment6, { children: [
+    /* @__PURE__ */ jsx7(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
+    /* @__PURE__ */ jsx7(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-5", children: progress.map((step) => {
+      const isComplete = step.status === "complete";
+      const isActive = step.status === "active";
+      return /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
+        isComplete ? /* @__PURE__ */ jsx7(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ jsx7(
+          "span",
+          {
+            className: [
+              "inline-block h-4 w-4 rounded-full border",
+              isActive ? "border-2 border-agg-primary border-r-transparent animate-spin" : "",
+              !isActive ? "border-agg-separator" : ""
+            ].join(" ")
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "p",
+          {
+            className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
+            children: step.label
+          }
+        )
+      ] }, step.id);
+    }) }) })
+  ] });
+};
+
+// src/deposit/steps/wallet-success.tsx
+import { useLabels as useLabels8 } from "@agg-market/hooks";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx8("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
+var WalletSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels8();
+  return /* @__PURE__ */ jsx8("div", { className: "relative", children: /* @__PURE__ */ jsxs8(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx8(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        onClick: onClose,
+        "aria-label": labels.common.close,
+        children: /* @__PURE__ */ jsx8(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx8("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ jsx8(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx8("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
+        /* @__PURE__ */ jsx8("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx8(
+          SummaryRow2,
+          {
+            label: labels.deposit.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx8(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx8(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
+        /* @__PURE__ */ jsx8(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
+      ] }),
+      /* @__PURE__ */ jsx8(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+    ] })
+  ] }) });
+};
 
 // src/deposit/index.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var DepositModal = ({
   open,
   onOpenChange,
-  venues,
-  onSelectVenue,
   onSelectDepositMethod,
   onContinueCardDeposit,
   onDoneCryptoTransfer,
-  onDoneKalshi,
-  kalshiDepositUrl = KALSHI_DEPOSIT_URL_DEFAULT
+  walletFlow,
+  onWalletTokenChange,
+  onWalletNetworkChange,
+  onWalletAmountChange,
+  onWalletMax,
+  onConfirmWalletDeposit,
+  onDoneWalletDeposit,
+  sendCryptoFlow,
+  onSendCryptoTokenChange,
+  onSendCryptoNetworkChange,
+  onCopySendCryptoAddress,
+  onDoneSendCrypto,
+  cardFlow,
+  onCardAmountChange,
+  onCardCurrencyChange,
+  onCardTokenChange,
+  onCardNetworkChange,
+  onSelectCardProvider,
+  onDoneCardPurchase
 }) => {
-  const [step, setStep] = useState3("venues");
-  const [selectedVenue, setSelectedVenue] = useState3(null);
-  const hasAnyShortfall = venues.some((v) => v.shortfall != null && v.shortfall > 0);
-  const handleSelectVenue = (venueSlug) => {
-    onSelectVenue(venueSlug);
-    if (venueSlug === KALSHI_VENUE) {
-      setStep("kalshi");
-      return;
-    }
-    const venueData = venues.find((v) => v.venue === venueSlug);
-    if (venueData) {
-      setSelectedVenue(venueData);
-      setStep("method");
-    }
-  };
-  const handleBackToVenues = () => {
-    setStep("venues");
-    setSelectedVenue(null);
-  };
+  const [step, setStep] = useState3("method");
+  const [highlightedMethod, setHighlightedMethod] = useState3("wallet");
   const handleBackToMethod = () => {
     setStep("method");
   };
   const handleSelectMethod = (method) => {
-    if (!selectedVenue) return;
+    setHighlightedMethod(method);
+    onSelectDepositMethod == null ? void 0 : onSelectDepositMethod(method);
+    if (method === "wallet") {
+      setStep("wallet-form");
+      return;
+    }
     if (method === "card") {
       setStep("card-deposit");
-    } else {
+    } else if (method === "crypto") {
       setStep("crypto-transfer");
-      onSelectDepositMethod == null ? void 0 : onSelectDepositMethod(selectedVenue.venue, method);
     }
   };
   const handleContinueCardDeposit = (amount) => {
-    if (selectedVenue) {
-      onContinueCardDeposit == null ? void 0 : onContinueCardDeposit(selectedVenue.venue, amount);
-    }
+    onContinueCardDeposit == null ? void 0 : onContinueCardDeposit(amount);
+    setStep("card-provider");
   };
   const handleDoneCryptoTransfer = () => {
-    if (selectedVenue) {
-      onDoneCryptoTransfer == null ? void 0 : onDoneCryptoTransfer(selectedVenue.venue);
-    }
-  };
-  const handleDoneKalshi = () => {
-    onDoneKalshi == null ? void 0 : onDoneKalshi();
-    onOpenChange(false);
+    onDoneCryptoTransfer == null ? void 0 : onDoneCryptoTransfer();
+    onDoneSendCrypto();
   };
   const handleOpenChange = (isOpen) => {
     if (!isOpen) {
-      setStep("venues");
-      setSelectedVenue(null);
+      setStep("method");
+      setHighlightedMethod("wallet");
     }
     onOpenChange(isOpen);
   };
-  return /* @__PURE__ */ jsx6(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs6(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
-    step === "venues" ? /* @__PURE__ */ jsx6(
-      VenueSelectionStep,
+  return /* @__PURE__ */ jsx9(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs9(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
+    step === "method" ? /* @__PURE__ */ jsx9(
+      DepositMethodStep,
+      {
+        balance: walletFlow.balance,
+        walletLabel: walletFlow.walletLabel,
+        walletBalance: walletFlow.walletBalance,
+        highlightedMethod,
+        onSelectMethod: handleSelectMethod
+      }
+    ) : null,
+    step === "wallet-form" ? /* @__PURE__ */ jsx9(
+      WalletFormStep,
+      {
+        walletLabel: walletFlow.walletLabel,
+        walletBalance: walletFlow.walletBalance,
+        tokenOptions: walletFlow.tokenOptions,
+        networkOptions: walletFlow.networkOptions,
+        selectedToken: walletFlow.selectedToken,
+        selectedNetwork: walletFlow.selectedNetwork,
+        amount: walletFlow.amount,
+        estimatedReceive: walletFlow.estimatedReceive,
+        feeEstimate: walletFlow.feeEstimate,
+        eta: walletFlow.eta,
+        onBack: handleBackToMethod,
+        onTokenChange: onWalletTokenChange,
+        onNetworkChange: onWalletNetworkChange,
+        onAmountChange: onWalletAmountChange,
+        onMax: onWalletMax,
+        onConfirm: () => {
+          onConfirmWalletDeposit();
+          setStep("wallet-processing");
+        }
+      }
+    ) : null,
+    step === "wallet-processing" ? /* @__PURE__ */ jsx9(
+      WalletProcessingStep,
       {
-        venues,
-        hasAnyShortfall,
-        onSelectVenue: handleSelectVenue
+        steps: walletFlow.processingSteps,
+        onClose: () => setStep("wallet-success")
       }
     ) : null,
-    step === "method" && selectedVenue ? /* @__PURE__ */ jsx6(
-      DepositMethodStep,
+    step === "wallet-success" ? /* @__PURE__ */ jsx9(
+      WalletSuccessStep,
       {
-        venue: selectedVenue,
-        onBack: handleBackToVenues,
-        onSelectMethod: handleSelectMethod
+        summary: walletFlow.successSummary,
+        onDone: onDoneWalletDeposit,
+        onClose: () => onOpenChange(false)
       }
     ) : null,
-    step === "card-deposit" && selectedVenue ? /* @__PURE__ */ jsx6(
+    step === "card-deposit" ? /* @__PURE__ */ jsx9(
       CardDepositStep,
       {
-        venue: selectedVenue,
+        amount: cardFlow.amount,
+        currency: cardFlow.currency,
+        destinationWallet: cardFlow.destinationWallet,
+        tokenOptions: cardFlow.tokenOptions,
+        networkOptions: cardFlow.networkOptions,
+        selectedToken: cardFlow.selectedToken,
+        selectedNetwork: cardFlow.selectedNetwork,
         onBack: handleBackToMethod,
+        onAmountChange: onCardAmountChange,
+        onCurrencyChange: onCardCurrencyChange,
+        onTokenChange: onCardTokenChange,
+        onNetworkChange: onCardNetworkChange,
         onContinue: handleContinueCardDeposit
       }
     ) : null,
-    step === "crypto-transfer" && selectedVenue ? /* @__PURE__ */ jsx6(
+    step === "card-provider" ? /* @__PURE__ */ jsx9(
+      CardProviderStep,
+      {
+        amount: cardFlow.amount,
+        currency: cardFlow.currency,
+        token: cardFlow.selectedToken,
+        providers: cardFlow.providers,
+        onBack: () => setStep("card-deposit"),
+        onSelectProvider: (providerId) => {
+          onSelectCardProvider(providerId);
+          setStep("card-success");
+        }
+      }
+    ) : null,
+    step === "card-success" ? /* @__PURE__ */ jsx9(
+      CardPurchaseSuccessStep,
+      {
+        summary: cardFlow.purchaseSummary,
+        onClose: () => onOpenChange(false),
+        onDone: onDoneCardPurchase
+      }
+    ) : null,
+    step === "crypto-transfer" ? /* @__PURE__ */ jsx9(
       CryptoTransferStep,
       {
-        venue: selectedVenue,
+        tokenOptions: sendCryptoFlow.tokenOptions,
+        networkOptions: sendCryptoFlow.networkOptions,
+        selectedToken: sendCryptoFlow.selectedToken,
+        selectedNetwork: sendCryptoFlow.selectedNetwork,
+        depositAddress: sendCryptoFlow.depositAddress,
+        minDeposit: sendCryptoFlow.minDeposit,
+        feeEstimate: sendCryptoFlow.feeEstimate,
+        eta: sendCryptoFlow.eta,
         onBack: handleBackToMethod,
+        onTokenChange: onSendCryptoTokenChange,
+        onNetworkChange: onSendCryptoNetworkChange,
+        onCopyAddress: onCopySendCryptoAddress,
         onDone: handleDoneCryptoTransfer
       }
-    ) : null,
-    step === "kalshi" ? /* @__PURE__ */ jsx6(KalshiDepositStep, { depositUrl: kalshiDepositUrl, onDone: handleDoneKalshi }) : null
+    ) : null
   ] }) });
 };
 DepositModal.displayName = "DepositModal";
 
 // src/onramp/index.tsx
-import { useCallback as useCallback4, useState as useState4 } from "react";
+import { useCallback as useCallback2, useState as useState4 } from "react";
 
 // src/onramp/steps/quote-form.tsx
-import { useCallback as useCallback3 } from "react";
+import { useCallback } from "react";
 
 // src/onramp/onramp-modal.constants.ts
 var FIAT_OPTIONS = [
@@ -699,7 +935,7 @@ var CRYPTO_OPTIONS = [
 ];
 
 // src/onramp/steps/quote-form.tsx
-import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var QuoteFormStep = ({
   title,
   values,
@@ -712,7 +948,7 @@ var QuoteFormStep = ({
   var _a;
   const numericAmount = Number(values.amount) || 0;
   const isFormValid = numericAmount > 0 && values.walletAddress.length > 0;
-  const handleAmountChange = useCallback3(
+  const handleAmountChange = useCallback(
     (e) => {
       const v = e.target.value.replace(/[^0-9.]/g, "");
       const parts = v.split(".");
@@ -720,13 +956,13 @@ var QuoteFormStep = ({
     },
     [onAmountChange]
   );
-  return /* @__PURE__ */ jsxs7(Fragment6, { children: [
-    /* @__PURE__ */ jsx7(Modal.Header, { title, hideBorder: true }),
-    /* @__PURE__ */ jsx7(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx7("p", { className: "agg-type-label text-agg-muted-foreground", children: "You pay" }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx7("div", { className: "shrink-0", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
+    /* @__PURE__ */ jsx10(Modal.Header, { title, hideBorder: true }),
+    /* @__PURE__ */ jsx10(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-muted-foreground", children: "You pay" }),
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx10("div", { className: "shrink-0", children: /* @__PURE__ */ jsx10(
             Select,
             {
               items: FIAT_OPTIONS,
@@ -736,9 +972,9 @@ var QuoteFormStep = ({
               className: "w-auto"
             }
           ) }),
-          /* @__PURE__ */ jsx7("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-baseline", children: [
-            /* @__PURE__ */ jsx7("span", { className: "agg-type-display text-agg-foreground", children: (_a = FIAT_SYMBOLS[values.fiatCurrency]) != null ? _a : "$" }),
-            /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx10("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-baseline", children: [
+            /* @__PURE__ */ jsx10("span", { className: "agg-type-display text-agg-foreground", children: (_a = FIAT_SYMBOLS[values.fiatCurrency]) != null ? _a : "$" }),
+            /* @__PURE__ */ jsx10(
               "input",
               {
                 type: "text",
@@ -756,10 +992,10 @@ var QuoteFormStep = ({
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx7("div", { className: "border-t border-agg-separator" }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx7("p", { className: "agg-type-label text-agg-muted-foreground", children: "You receive" }),
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx10("div", { className: "border-t border-agg-separator" }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-muted-foreground", children: "You receive" }),
+        /* @__PURE__ */ jsx10(
           Select,
           {
             items: CRYPTO_OPTIONS,
@@ -769,10 +1005,10 @@ var QuoteFormStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx7("div", { className: "border-t border-agg-separator" }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx7("p", { className: "agg-type-label text-agg-muted-foreground", children: "Destination wallet" }),
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx10("div", { className: "border-t border-agg-separator" }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-muted-foreground", children: "Destination wallet" }),
+        /* @__PURE__ */ jsx10(
           "input",
           {
             type: "text",
@@ -790,7 +1026,7 @@ var QuoteFormStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx10(
         Button,
         {
           variant: "primary",
@@ -806,11 +1042,11 @@ var QuoteFormStep = ({
 };
 
 // src/onramp/steps/quote-card.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var QuoteCard = ({ quote, rank, onSelect }) => {
   var _a;
   const isBest = rank === 1;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -830,14 +1066,14 @@ var QuoteCard = ({ quote, rank, onSelect }) => {
         }
       },
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx11(
           "div",
           {
             className: cn(
               "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg",
               isBest ? "bg-agg-primary/10" : "bg-agg-secondary-hover"
             ),
-            children: /* @__PURE__ */ jsx8(
+            children: /* @__PURE__ */ jsx11(
               "span",
               {
                 className: cn(
@@ -849,10 +1085,10 @@ var QuoteCard = ({ quote, rank, onSelect }) => {
             )
           }
         ),
-        /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx8("p", { className: "agg-type-body-strong text-agg-foreground", children: quote.serviceProvider }),
-            isBest ? /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx11("p", { className: "agg-type-body-strong text-agg-foreground", children: quote.serviceProvider }),
+            isBest ? /* @__PURE__ */ jsx11(
               Badge,
               {
                 text: "Best",
@@ -860,28 +1096,28 @@ var QuoteCard = ({ quote, rank, onSelect }) => {
                 classNames: { root: "bg-agg-primary! text-white! border-agg-primary!" }
               }
             ) : null,
-            quote.lowKyc ? /* @__PURE__ */ jsx8(Badge, { text: "Low KYC", size: "small" }) : null
+            quote.lowKyc ? /* @__PURE__ */ jsx11(Badge, { text: "Low KYC", size: "small" }) : null
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 mt-0.5", children: [
-            /* @__PURE__ */ jsxs8("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 mt-0.5", children: [
+            /* @__PURE__ */ jsxs11("p", { className: "agg-type-label text-agg-muted-foreground", children: [
               quote.destinationAmount.toFixed(6),
               " ",
               quote.destinationCurrencyCode.split("_")[0]
             ] }),
-            /* @__PURE__ */ jsx8("span", { className: "text-agg-muted-foreground", children: "\xB7" }),
-            /* @__PURE__ */ jsxs8("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+            /* @__PURE__ */ jsx11("span", { className: "text-agg-muted-foreground", children: "\xB7" }),
+            /* @__PURE__ */ jsxs11("p", { className: "agg-type-label text-agg-muted-foreground", children: [
               "Fee ",
               (_a = FIAT_SYMBOLS[quote.sourceCurrencyCode]) != null ? _a : "",
               quote.totalFee.toFixed(2)
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: "shrink-0", children: /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx11("div", { className: "shrink-0", children: /* @__PURE__ */ jsx11(
           Button,
           {
             variant: "secondary",
             size: "small",
-            suffix: /* @__PURE__ */ jsx8(ChevronRightIcon, {}),
+            suffix: /* @__PURE__ */ jsx11(ChevronRightIcon, {}),
             onClick: (e) => {
               e.stopPropagation();
               onSelect();
@@ -895,9 +1131,9 @@ var QuoteCard = ({ quote, rank, onSelect }) => {
 };
 
 // src/onramp/steps/quote-selection.tsx
-import { Fragment as Fragment7, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var BACK_BUTTON_CLASS = "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80";
-var BackButton = ({ onClick }) => /* @__PURE__ */ jsx9("button", { type: "button", className: BACK_BUTTON_CLASS, onClick, "aria-label": "Go back", children: /* @__PURE__ */ jsx9(ChevronLeftIcon, { className: "h-6 w-6" }) });
+var BackButton = ({ onClick }) => /* @__PURE__ */ jsx12("button", { type: "button", className: BACK_BUTTON_CLASS, onClick, "aria-label": "Go back", children: /* @__PURE__ */ jsx12(ChevronLeftIcon, { className: "h-6 w-6" }) });
 var QuoteSelectionStep = ({
   quotes,
   isLoading,
@@ -911,23 +1147,23 @@ var QuoteSelectionStep = ({
 }) => {
   var _a;
   const subtitle = `${cryptoCurrency.split("_")[0]} \xB7 ${(_a = FIAT_SYMBOLS[fiatCurrency]) != null ? _a : ""}${amount.toLocaleString()} ${fiatCurrency}`;
-  return /* @__PURE__ */ jsxs9(Fragment7, { children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
+    /* @__PURE__ */ jsx12(
       Modal.Header,
       {
         title: "Select Provider",
         subtitle,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx9(BackButton, { onClick: onBack })
+        leftElement: /* @__PURE__ */ jsx12(BackButton, { onClick: onBack })
       }
     ),
-    /* @__PURE__ */ jsxs9(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: [
-      isLoading ? /* @__PURE__ */ jsx9("div", { className: "flex min-h-[240px] items-center justify-center", children: /* @__PURE__ */ jsx9(LoadingIcon, { size: "large" }) }) : null,
-      !isLoading && error ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsx9(InlineAlert, { tone: "error", message: error }),
-        /* @__PURE__ */ jsx9(Button, { variant: "secondary", size: "medium", className: "w-full", onClick: onRetry, children: "Retry" })
+    /* @__PURE__ */ jsxs12(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: [
+      isLoading ? /* @__PURE__ */ jsx12("div", { className: "flex min-h-[240px] items-center justify-center", children: /* @__PURE__ */ jsx12(LoadingIcon, { size: "large" }) }) : null,
+      !isLoading && error ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx12(InlineAlert, { tone: "error", message: error }),
+        /* @__PURE__ */ jsx12(Button, { variant: "secondary", size: "medium", className: "w-full", onClick: onRetry, children: "Retry" })
       ] }) : null,
-      !isLoading && !error && quotes.length === 0 ? /* @__PURE__ */ jsx9(
+      !isLoading && !error && quotes.length === 0 ? /* @__PURE__ */ jsx12(
         StateMessage,
         {
           tone: "empty",
@@ -937,7 +1173,7 @@ var QuoteSelectionStep = ({
           onAction: onBack
         }
       ) : null,
-      !isLoading && quotes.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-3", children: quotes.map((quote, i) => /* @__PURE__ */ jsx9(
+      !isLoading && quotes.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-3", children: quotes.map((quote, i) => /* @__PURE__ */ jsx12(
         QuoteCard,
         {
           quote,
@@ -951,24 +1187,24 @@ var QuoteSelectionStep = ({
 };
 
 // src/onramp/steps/widget.tsx
-import { useRef } from "react";
-import { Fragment as Fragment8, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useRef as useRef2 } from "react";
+import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var BACK_BUTTON_CLASS2 = "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80";
-var BackButton2 = ({ onClick }) => /* @__PURE__ */ jsx10("button", { type: "button", className: BACK_BUTTON_CLASS2, onClick, "aria-label": "Go back", children: /* @__PURE__ */ jsx10(ChevronLeftIcon, { className: "h-6 w-6" }) });
+var BackButton2 = ({ onClick }) => /* @__PURE__ */ jsx13("button", { type: "button", className: BACK_BUTTON_CLASS2, onClick, "aria-label": "Go back", children: /* @__PURE__ */ jsx13(ChevronLeftIcon, { className: "h-6 w-6" }) });
 var WidgetStep = ({ widgetUrl, isLoading, onBack }) => {
-  const iframeRef = useRef(null);
-  return /* @__PURE__ */ jsxs10(Fragment8, { children: [
-    /* @__PURE__ */ jsx10(
+  const iframeRef = useRef2(null);
+  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
+    /* @__PURE__ */ jsx13(
       Modal.Header,
       {
         title: "Complete Purchase",
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx10(BackButton2, { onClick: onBack })
+        leftElement: /* @__PURE__ */ jsx13(BackButton2, { onClick: onBack })
       }
     ),
-    /* @__PURE__ */ jsxs10(Modal.Body, { classNames: { root: "p-0! sm:p-0! overflow-hidden" }, children: [
-      isLoading ? /* @__PURE__ */ jsx10("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ jsx10(LoadingIcon, { size: "large" }) }) : null,
-      widgetUrl ? /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs13(Modal.Body, { classNames: { root: "p-0! sm:p-0! overflow-hidden" }, children: [
+      isLoading ? /* @__PURE__ */ jsx13("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ jsx13(LoadingIcon, { size: "large" }) }) : null,
+      widgetUrl ? /* @__PURE__ */ jsx13(
         "iframe",
         {
           ref: iframeRef,
@@ -983,7 +1219,7 @@ var WidgetStep = ({ widgetUrl, isLoading, onBack }) => {
 };
 
 // src/onramp/index.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var OnrampModal = ({
   open,
   onOpenChange,
@@ -1006,7 +1242,7 @@ var OnrampModal = ({
   const [quoteError, setQuoteError] = useState4(null);
   const [widgetUrl, setWidgetUrl] = useState4(null);
   const [isCreatingSession, setIsCreatingSession] = useState4(false);
-  const handleOpenChange = useCallback4(
+  const handleOpenChange = useCallback2(
     (isOpen) => {
       if (!isOpen) {
         setStep("form");
@@ -1018,7 +1254,7 @@ var OnrampModal = ({
     },
     [onOpenChange]
   );
-  const handleGetQuotes = useCallback4(() => __async(null, null, function* () {
+  const handleGetQuotes = useCallback2(() => __async(null, null, function* () {
     const numericAmount2 = Number(formValues.amount);
     if (!numericAmount2 || numericAmount2 <= 0) return;
     setStep("quotes");
@@ -1039,7 +1275,7 @@ var OnrampModal = ({
       setIsLoadingQuotes(false);
     }
   }), [formValues, transactionType, onGetQuotes]);
-  const handleSelectQuote = useCallback4(
+  const handleSelectQuote = useCallback2(
     (quote) => __async(null, null, function* () {
       setStep("widget");
       setIsCreatingSession(true);
@@ -1063,13 +1299,13 @@ var OnrampModal = ({
     [transactionType, formValues.walletAddress, onSelectQuote]
   );
   const numericAmount = Number(formValues.amount) || 0;
-  return /* @__PURE__ */ jsx11(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx14(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs14(
     Modal.Container,
     {
       maxWidth: "520px",
       "aria-label": transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
       children: [
-        step === "form" ? /* @__PURE__ */ jsx11(
+        step === "form" ? /* @__PURE__ */ jsx14(
           QuoteFormStep,
           {
             title: transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
@@ -1081,7 +1317,7 @@ var OnrampModal = ({
             onSubmit: handleGetQuotes
           }
         ) : null,
-        step === "quotes" ? /* @__PURE__ */ jsx11(
+        step === "quotes" ? /* @__PURE__ */ jsx14(
           QuoteSelectionStep,
           {
             quotes,
@@ -1095,7 +1331,7 @@ var OnrampModal = ({
             onRetry: handleGetQuotes
           }
         ) : null,
-        step === "widget" ? /* @__PURE__ */ jsx11(
+        step === "widget" ? /* @__PURE__ */ jsx14(
           WidgetStep,
           {
             widgetUrl,
@@ -1113,93 +1349,21 @@ var OnrampModal = ({
 OnrampModal.displayName = "OnrampModal";
 
 // src/withdraw/index.tsx
-import { useState as useState6 } from "react";
-
-// src/withdraw/withdraw-modal.constants.ts
-var KALSHI_VENUE2 = "kalshi";
-var KALSHI_WITHDRAW_URL_DEFAULT = "https://kalshi.com/account/withdraw";
-
-// src/withdraw/steps/venue-selection.tsx
-import { Fragment as Fragment9, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var VenueRow2 = ({ venue, onSelect }) => {
-  var _a, _b;
-  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  const isDisabled = venue.disabled === true;
-  return /* @__PURE__ */ jsxs12(
-    "div",
-    {
-      className: cn(
-        "flex items-center gap-3 sm:gap-4",
-        "rounded-xl border border-agg-separator",
-        "p-3 sm:p-4",
-        "transition-colors",
-        isDisabled ? "opacity-50 cursor-not-allowed" : "hover:bg-agg-secondary-hover cursor-pointer"
-      ),
-      role: "button",
-      tabIndex: isDisabled ? -1 : 0,
-      "aria-disabled": isDisabled,
-      onClick: (e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        if (!isDisabled) onSelect(venue.venue);
-      },
-      onKeyDown: (e) => {
-        if (!isDisabled && (e.key === "Enter" || e.key === " ")) {
-          e.preventDefault();
-          onSelect(venue.venue);
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsx12("div", { className: "shrink-0", children: /* @__PURE__ */ jsx12(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx12("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ jsxs12("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-            "Balance ",
-            formatCompactUsd(venue.balance)
-          ] })
-        ] }),
-        isDisabled ? /* @__PURE__ */ jsx12("div", { className: "shrink-0", children: /* @__PURE__ */ jsx12("span", { className: "agg-type-label text-agg-muted-foreground", children: (_b = venue.disabledReason) != null ? _b : "Unavailable" }) }) : /* @__PURE__ */ jsx12("div", { className: "shrink-0", children: /* @__PURE__ */ jsx12(
-          Button,
-          {
-            variant: "secondary",
-            size: "small",
-            suffix: /* @__PURE__ */ jsx12(ChevronRightIcon, {}),
-            onClick: (e) => {
-              e.stopPropagation();
-              onSelect(venue.venue);
-            },
-            children: "Select"
-          }
-        ) })
-      ]
-    }
-  );
-};
-var VenueSelectionStep2 = ({
-  venues,
-  onSelectVenue
-}) => /* @__PURE__ */ jsxs12(Fragment9, { children: [
-  /* @__PURE__ */ jsx12(Modal.Header, { title: "Withdraw", hideBorder: true }),
-  /* @__PURE__ */ jsx12(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx12("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to withdraw funds from:" }),
-    /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ jsx12(VenueRow2, { venue, onSelect: onSelectVenue }, venue.venue)) })
-  ] }) })
-] });
+import { useState as useState5 } from "react";
 
 // src/withdraw/steps/withdraw-method.tsx
-import { Fragment as Fragment10, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useLabels as useLabels9 } from "@agg-market/hooks";
+import { Fragment as Fragment10, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var WithdrawMethodCard = ({
   icon,
   title,
   description,
   onContinue
-}) => /* @__PURE__ */ jsxs13(
+}) => /* @__PURE__ */ jsxs15(
   "div",
   {
     className: cn(
-      "flex items-center gap-3 sm:gap-4",
-      "rounded-xl border border-agg-separator",
-      "p-3 sm:p-4",
+      "flex items-center gap-3 sm:gap-4 rounded-xl border border-agg-separator bg-agg-secondary p-3 sm:p-4",
       "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
     ),
     role: "button",
@@ -1212,352 +1376,383 @@ var WithdrawMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ jsx13("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx13("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ jsx13("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ jsx15("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx15("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx15("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ jsx13("div", { className: "shrink-0", children: /* @__PURE__ */ jsx13(
-        Button,
-        {
-          variant: "secondary",
-          size: "small",
-          suffix: /* @__PURE__ */ jsx13(ChevronRightIcon, {}),
-          onClick: (e) => {
-            e.stopPropagation();
-            onContinue();
-          },
-          children: "Continue"
-        }
-      ) })
+      /* @__PURE__ */ jsx15("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx15(ChevronRightIcon, { className: "h-5 w-5" }) })
     ]
   }
 );
 var WithdrawMethodStep = ({
-  venue,
-  onBack,
+  balance,
   onSelectMethod
 }) => {
-  var _a;
-  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  return /* @__PURE__ */ jsxs13(Fragment10, { children: [
-    /* @__PURE__ */ jsx13(
-      Modal.Header,
-      {
-        title: `Withdraw from ${displayName}`,
-        hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx13(
-          "button",
-          {
-            type: "button",
-            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
-            onClick: onBack,
-            "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx13(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx13(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx13(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ jsxs13("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-          displayName,
-          " balance: ",
-          formatCompactUsd(venue.balance)
-        ] })
+  const labels = useLabels9();
+  return /* @__PURE__ */ jsxs15(Fragment10, { children: [
+    /* @__PURE__ */ jsx15(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
+    /* @__PURE__ */ jsx15(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs15("p", { className: "agg-type-body text-agg-foreground", children: [
+        labels.withdraw.balancePrefix,
+        " ",
+        formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx13(
-          WithdrawMethodCard,
-          {
-            icon: /* @__PURE__ */ jsx13(WalletIcon, { className: "h-6 w-6 text-agg-foreground" }),
-            title: "Withdraw to Wallet",
-            description: "Send funds to your crypto wallet as USDC.",
-            onContinue: () => onSelectMethod("wallet")
-          }
-        ),
-        /* @__PURE__ */ jsx13(
-          WithdrawMethodCard,
-          {
-            icon: /* @__PURE__ */ jsx13(BankIcon, { className: "h-6 w-6 text-agg-foreground" }),
-            title: "Withdraw to Bank",
-            description: "Transfer funds to your linked bank account.",
-            onContinue: () => onSelectMethod("bank")
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsx15(
+        WithdrawMethodCard,
+        {
+          icon: /* @__PURE__ */ jsx15(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+          title: labels.withdraw.methods.cardTitle,
+          description: labels.withdraw.methods.cardDescription,
+          onContinue: () => onSelectMethod("card")
+        }
+      )
     ] }) })
   ] });
 };
 
 // src/withdraw/steps/withdraw-amount.tsx
-import { useCallback as useCallback5, useState as useState5 } from "react";
-import { Fragment as Fragment11, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useLabels as useLabels10 } from "@agg-market/hooks";
+import { Fragment as Fragment11, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 var WithdrawAmountStep = ({
-  venue,
-  method,
+  amount,
+  currency,
+  destinationWallet,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
   onBack,
+  onAmountChange,
+  onCurrencyChange,
+  onTokenChange,
+  onNetworkChange,
   onContinue
 }) => {
-  var _a;
-  const [rawAmount, setRawAmount] = useState5("");
-  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  const numericAmount = Number(rawAmount) || 0;
-  const isValid = numericAmount > 0 && numericAmount <= venue.balance;
-  const exceedsBalance = numericAmount > venue.balance;
-  const methodLabel = method === "wallet" ? "Wallet" : "Bank";
-  const handleAmountChange = useCallback5((e) => {
-    const v = e.target.value.replace(/[^0-9.]/g, "");
-    const parts = v.split(".");
-    const sanitized = parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v;
-    setRawAmount(sanitized);
-  }, []);
-  const handleMax = useCallback5(() => {
-    setRawAmount(venue.balance.toString());
-  }, [venue.balance]);
-  return /* @__PURE__ */ jsxs14(Fragment11, { children: [
-    /* @__PURE__ */ jsx14(
+  const labels = useLabels10();
+  const isValid = Number(amount) > 0;
+  return /* @__PURE__ */ jsxs16(Fragment11, { children: [
+    /* @__PURE__ */ jsx16(
       Modal.Header,
       {
-        title: `Withdraw to ${methodLabel}`,
+        title: labels.withdraw.cardFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx14(
+        leftElement: /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx16(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx14(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx14(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-          /* @__PURE__ */ jsxs14("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-            displayName,
-            " balance: ",
-            formatCompactUsd(venue.balance)
+    /* @__PURE__ */ jsx16(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex gap-3 items-end", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx16("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.amountLabel }),
+          /* @__PURE__ */ jsxs16("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
+            /* @__PURE__ */ jsx16(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": labels.withdraw.cardFlow.amountLabel,
+                className: cn(
+                  "agg-type-body w-full bg-transparent outline-none",
+                  isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0.00",
+                value: amount,
+                onChange: (event) => onAmountChange(event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx16("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx14(
-          "button",
+        /* @__PURE__ */ jsx16("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx16(
+          Select,
           {
-            type: "button",
-            className: "agg-type-label-strong text-agg-primary transition-colors hover:text-agg-primary/80",
-            onClick: handleMax,
-            children: "Max"
+            items: [{ value: currency, label: currency }],
+            value: currency,
+            onChange: onCurrencyChange,
+            ariaLabel: labels.withdraw.cardFlow.currencyLabel
           }
-        )
+        ) })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ jsx14("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ jsx14(
-            "input",
+      /* @__PURE__ */ jsxs16("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx16("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.tokenLabel }),
+          /* @__PURE__ */ jsx16(
+            Select,
             {
-              type: "text",
-              inputMode: "decimal",
-              "aria-label": "Amount",
-              className: cn(
-                "agg-type-display w-full bg-transparent outline-none",
-                exceedsBalance ? "text-agg-error" : numericAmount > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
-              ),
-              placeholder: "0",
-              value: rawAmount ? formatAmountDisplay(rawAmount) : "",
-              onChange: handleAmountChange
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.withdraw.cardFlow.tokenLabel
             }
           )
         ] }),
-        exceedsBalance ? /* @__PURE__ */ jsx14("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
+        /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx16("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.networkLabel }),
+          /* @__PURE__ */ jsx16(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.withdraw.cardFlow.networkLabel
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx16("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.destinationWalletLabel }),
+        /* @__PURE__ */ jsx16("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ jsx16("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
+      ] }),
+      /* @__PURE__ */ jsx16(
         Button,
         {
-          variant: "primary",
+          variant: isValid ? "primary" : "secondary",
           size: "large",
           className: "w-full",
           disabled: !isValid,
-          onClick: () => onContinue(numericAmount),
-          children: "Continue"
+          onClick: onContinue,
+          children: labels.withdraw.cardFlow.getQuotes
         }
       )
     ] }) })
   ] });
 };
 
-// src/withdraw/steps/kalshi-withdraw.tsx
-import { Fragment as Fragment12, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
-var KalshiStepCard2 = ({
-  step,
-  title,
-  description,
-  children
-}) => /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
-  /* @__PURE__ */ jsxs15("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
-    "Step ",
-    step
-  ] }),
-  /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx15("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ jsx15("p", { className: "agg-type-label text-agg-foreground", children: description })
-  ] }),
-  children
-] });
-var KalshiWithdrawStep = ({
-  withdrawUrl,
-  onDone
-}) => /* @__PURE__ */ jsxs15(Fragment12, { children: [
-  /* @__PURE__ */ jsx15(Modal.Header, { title: "", hideBorder: true }),
-  /* @__PURE__ */ jsx15(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center gap-8", children: [
-    /* @__PURE__ */ jsx15(
-      VenueLogo,
+// src/withdraw/steps/withdraw-provider.tsx
+import { useLabels as useLabels11 } from "@agg-market/hooks";
+import { Fragment as Fragment12, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var WithdrawProviderItem = ({ provider, onSelect }) => {
+  const labels = useLabels11();
+  const badgeText = provider.badge === "best" ? labels.withdraw.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.withdraw.cardFlow.providerBadges.lowKyc : void 0;
+  return /* @__PURE__ */ jsx17(
+    "button",
+    {
+      type: "button",
+      className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
+      onClick: () => onSelect(provider.id),
+      children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx17("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ jsx17(
+            "span",
+            {
+              className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
+              children: badgeText
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx17("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ jsxs17("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              labels.withdraw.cardFlow.feeLabel,
+              " ",
+              provider.fee
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx17(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+        ] })
+      ] })
+    }
+  );
+};
+var WithdrawProviderStep = ({
+  token,
+  amount,
+  currency,
+  providers,
+  onBack,
+  onSelectProvider
+}) => {
+  const labels = useLabels11();
+  return /* @__PURE__ */ jsxs17(Fragment12, { children: [
+    /* @__PURE__ */ jsx17(
+      Modal.Header,
       {
-        venue: "kalshi",
-        size: "large",
-        className: "h-[60px] w-[60px] rounded-lg"
+        title: labels.withdraw.cardFlow.selectProviderTitle,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx17(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": labels.withdraw.back,
+            children: /* @__PURE__ */ jsx17(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ jsx15("h2", { className: "agg-type-heading text-agg-foreground", children: "Withdraw from Kalshi" }),
-      /* @__PURE__ */ jsx15("p", { className: "agg-type-body text-agg-foreground", children: "To withdraw from Kalshi you'll need to initiate the withdrawal from your Kalshi account directly on Kalshi's site." })
-    ] }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex w-full flex-col gap-4", children: [
-      /* @__PURE__ */ jsx15(
-        KalshiStepCard2,
-        {
-          step: 1,
-          title: "Open Kalshi Withdraw Page",
-          description: "Sign in to your Kalshi account and go to Withdraw from your account menu.",
-          children: /* @__PURE__ */ jsx15("div", { className: "mt-1", children: /* @__PURE__ */ jsx15(
-            Button,
-            {
-              variant: "secondary",
-              size: "small",
-              suffix: /* @__PURE__ */ jsx15(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
-              onClick: () => {
-                window.open(withdrawUrl, "_blank", "noopener,noreferrer");
-              },
-              children: "Open Kalshi"
-            }
-          ) })
-        }
-      ),
-      /* @__PURE__ */ jsx15(
-        KalshiStepCard2,
-        {
-          step: 2,
-          title: "Choose a Withdrawal Method",
-          description: "Select a withdrawal method: Bank transfer (ACH), Wire, or USDC (crypto)."
-        }
-      ),
-      /* @__PURE__ */ jsx15(
-        KalshiStepCard2,
+    /* @__PURE__ */ jsx17(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "agg-type-body text-agg-foreground", children: [
+        /* @__PURE__ */ jsx17("span", { className: "font-agg-bold", children: token }),
+        " $",
+        amount,
+        " ",
+        currency
+      ] }),
+      /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ jsx17(
+        WithdrawProviderItem,
         {
-          step: 3,
-          title: "Complete Your Withdrawal",
-          description: "Follow the on-screen instructions to confirm your withdrawal. Funds may take a few business days to arrive."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx15(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
-  ] }) })
+          provider,
+          onSelect: onSelectProvider
+        },
+        provider.id
+      )) })
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-success.tsx
+import { useLabels as useLabels12 } from "@agg-market/hooks";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx18("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx18("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
+var WithdrawSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels12();
+  return /* @__PURE__ */ jsx18("div", { className: "relative", children: /* @__PURE__ */ jsxs18(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx18(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        onClick: onClose,
+        "aria-label": labels.common.close,
+        children: /* @__PURE__ */ jsx18(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx18("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ jsx18(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx18("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.withdraw.cardFlow.successTitle }),
+        /* @__PURE__ */ jsx18("p", { className: "agg-type-body text-agg-foreground", children: labels.withdraw.cardFlow.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx18(
+          SummaryRow3,
+          {
+            label: labels.withdraw.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx18(SummaryRow3, { label: labels.withdraw.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx18(
+          SummaryRow3,
+          {
+            label: labels.withdraw.cardFlow.summary.provider,
+            value: summary.provider
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          SummaryRow3,
+          {
+            label: labels.withdraw.cardFlow.summary.toWallet,
+            value: summary.toWallet
+          }
+        ),
+        /* @__PURE__ */ jsx18(SummaryRow3, { label: labels.withdraw.cardFlow.summary.fees, value: summary.fees })
+      ] }),
+      /* @__PURE__ */ jsx18(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
+    ] })
+  ] }) });
+};
 
 // src/withdraw/index.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var WithdrawModal = ({
   open,
   onOpenChange,
-  venues,
-  onSelectVenue,
+  withdrawFlow,
   onSelectWithdrawMethod,
-  onContinueWalletWithdraw,
-  onContinueBankWithdraw,
-  onDoneKalshi,
-  kalshiWithdrawUrl = KALSHI_WITHDRAW_URL_DEFAULT
+  onWithdrawAmountChange,
+  onWithdrawCurrencyChange,
+  onWithdrawTokenChange,
+  onWithdrawNetworkChange,
+  onGetWithdrawQuotes,
+  onSelectWithdrawProvider,
+  onDoneWithdraw
 }) => {
-  const [step, setStep] = useState6("venues");
-  const [selectedVenue, setSelectedVenue] = useState6(null);
-  const [selectedMethod, setSelectedMethod] = useState6(null);
-  const handleSelectVenue = (venueSlug) => {
-    onSelectVenue(venueSlug);
-    if (venueSlug === KALSHI_VENUE2) {
-      setStep("kalshi");
-      return;
-    }
-    const venueData = venues.find((v) => v.venue === venueSlug);
-    if (venueData) {
-      setSelectedVenue(venueData);
-      setStep("method");
-    }
-  };
-  const handleBackToVenues = () => {
-    setStep("venues");
-    setSelectedVenue(null);
-    setSelectedMethod(null);
-  };
+  const [step, setStep] = useState5("method");
   const handleBackToMethod = () => {
     setStep("method");
-    setSelectedMethod(null);
   };
   const handleSelectMethod = (method) => {
-    if (!selectedVenue) return;
-    setSelectedMethod(method);
     setStep("withdraw-amount");
-    onSelectWithdrawMethod == null ? void 0 : onSelectWithdrawMethod(selectedVenue.venue, method);
-  };
-  const handleContinueWithdraw = (amount) => {
-    if (!selectedVenue || !selectedMethod) return;
-    if (selectedMethod === "wallet") {
-      onContinueWalletWithdraw == null ? void 0 : onContinueWalletWithdraw(selectedVenue.venue, amount);
-    } else {
-      onContinueBankWithdraw == null ? void 0 : onContinueBankWithdraw(selectedVenue.venue, amount);
-    }
-  };
-  const handleDoneKalshi = () => {
-    onDoneKalshi == null ? void 0 : onDoneKalshi();
-    onOpenChange(false);
+    onSelectWithdrawMethod == null ? void 0 : onSelectWithdrawMethod(method);
   };
   const handleOpenChange = (isOpen) => {
     if (!isOpen) {
-      setStep("venues");
-      setSelectedVenue(null);
-      setSelectedMethod(null);
+      setStep("method");
     }
     onOpenChange(isOpen);
   };
-  return /* @__PURE__ */ jsx16(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs16(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
-    step === "venues" ? /* @__PURE__ */ jsx16(VenueSelectionStep2, { venues, onSelectVenue: handleSelectVenue }) : null,
-    step === "method" && selectedVenue ? /* @__PURE__ */ jsx16(
-      WithdrawMethodStep,
+  return /* @__PURE__ */ jsx19(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs19(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
+    step === "method" ? /* @__PURE__ */ jsx19(WithdrawMethodStep, { balance: withdrawFlow.balance, onSelectMethod: handleSelectMethod }) : null,
+    step === "withdraw-amount" ? /* @__PURE__ */ jsx19(
+      WithdrawAmountStep,
       {
-        venue: selectedVenue,
-        onBack: handleBackToVenues,
-        onSelectMethod: handleSelectMethod
+        amount: withdrawFlow.amount,
+        currency: withdrawFlow.currency,
+        destinationWallet: withdrawFlow.destinationWallet,
+        tokenOptions: withdrawFlow.tokenOptions,
+        networkOptions: withdrawFlow.networkOptions,
+        selectedToken: withdrawFlow.selectedToken,
+        selectedNetwork: withdrawFlow.selectedNetwork,
+        onBack: handleBackToMethod,
+        onAmountChange: onWithdrawAmountChange,
+        onCurrencyChange: onWithdrawCurrencyChange,
+        onTokenChange: onWithdrawTokenChange,
+        onNetworkChange: onWithdrawNetworkChange,
+        onContinue: () => {
+          onGetWithdrawQuotes == null ? void 0 : onGetWithdrawQuotes();
+          setStep("provider");
+        }
       }
     ) : null,
-    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ jsx16(
-      WithdrawAmountStep,
+    step === "provider" ? /* @__PURE__ */ jsx19(
+      WithdrawProviderStep,
       {
-        venue: selectedVenue,
-        method: selectedMethod,
-        onBack: handleBackToMethod,
-        onContinue: handleContinueWithdraw
+        token: withdrawFlow.selectedToken,
+        amount: withdrawFlow.amount,
+        currency: withdrawFlow.currency,
+        providers: withdrawFlow.providers,
+        onBack: () => setStep("withdraw-amount"),
+        onSelectProvider: (providerId) => {
+          onSelectWithdrawProvider(providerId);
+          setStep("success");
+        }
       }
     ) : null,
-    step === "kalshi" ? /* @__PURE__ */ jsx16(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
+    step === "success" ? /* @__PURE__ */ jsx19(
+      WithdrawSuccessStep,
+      {
+        summary: withdrawFlow.purchaseSummary,
+        onDone: onDoneWithdraw,
+        onClose: () => onOpenChange(false)
+      }
+    ) : null
   ] }) });
 };
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-import { useCallback as useCallback10, useEffect, useState as useState11 } from "react";
-import { useLabels as useLabels6 } from "@agg-market/hooks";
+import { useCallback as useCallback7, useEffect as useEffect3, useState as useState10 } from "react";
+import { useLabels as useLabels18 } from "@agg-market/hooks";
 import * as Dialog3 from "@radix-ui/react-dialog";
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -1579,30 +1774,30 @@ var ONCHAIN_VENUES = [
 ];
 
 // src/onboarding/steps/how-it-works.tsx
-import { useCallback as useCallback6, useRef as useRef2, useState as useState7 } from "react";
-import { useLabels } from "@agg-market/hooks";
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback3, useRef as useRef3, useState as useState6 } from "react";
+import { useLabels as useLabels13 } from "@agg-market/hooks";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ jsx17(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ jsx17(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ jsx17(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ jsx17(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ jsx20(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ jsx20(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ jsx20(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ jsx20(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = useLabels();
-  const scrollRef = useRef2(null);
-  const [showTopGradient, setShowTopGradient] = useState7(false);
-  const [showBottomGradient, setShowBottomGradient] = useState7(true);
-  const handleScroll = useCallback6(() => {
+  const labels = useLabels13();
+  const scrollRef = useRef3(null);
+  const [showTopGradient, setShowTopGradient] = useState6(false);
+  const [showBottomGradient, setShowBottomGradient] = useState6(true);
+  const handleScroll = useCallback3(() => {
     const el = scrollRef.current;
     if (!el) return;
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ jsx17("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ jsxs17("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ jsx20("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ jsxs20("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ jsx20(
         "div",
         {
           ref: scrollRef,
@@ -1612,7 +1807,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
             var _a;
             const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
             const feature = labels.onboarding.howItWorks.features[featureKey];
-            return /* @__PURE__ */ jsxs17(
+            return /* @__PURE__ */ jsxs20(
               "div",
               {
                 className: cn(
@@ -1621,11 +1816,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ jsxs17("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ jsx17("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ jsx17("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ jsxs20("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ jsx20("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ jsx17("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ jsx20("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -1633,7 +1828,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx20(
         "div",
         {
           className: cn(
@@ -1644,7 +1839,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx20(
         "div",
         {
           className: cn(
@@ -1656,26 +1851,26 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx17(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ jsx20(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
   ] });
 };
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-import { useCallback as useCallback7, useRef as useRef3, useState as useState8 } from "react";
-import { useLabels as useLabels2 } from "@agg-market/hooks";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useCallback as useCallback4, useRef as useRef4, useState as useState7 } from "react";
+import { useLabels as useLabels14 } from "@agg-market/hooks";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = useLabels2();
-  const [username, setUsername] = useState8("");
-  const [avatarFile, setAvatarFile] = useState8();
-  const [avatarPreview, setAvatarPreview] = useState8();
-  const fileInputRef = useRef3(null);
-  const handleAvatarClick = useCallback7(() => {
+  const labels = useLabels14();
+  const [username, setUsername] = useState7("");
+  const [avatarFile, setAvatarFile] = useState7();
+  const [avatarPreview, setAvatarPreview] = useState7();
+  const fileInputRef = useRef4(null);
+  const handleAvatarClick = useCallback4(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback7((e) => {
+  const handleFileChange = useCallback4((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -1687,18 +1882,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = useCallback7(() => {
+  const handleContinue = useCallback4(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ jsx18("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ jsx21("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ jsxs21(
           "button",
           {
             type: "button",
@@ -1714,13 +1909,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ jsx18(
+              !avatarPreview ? /* @__PURE__ */ jsx21(
                 "svg",
                 {
                   "aria-hidden": true,
                   viewBox: "0 0 80 80",
                   className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                  children: /* @__PURE__ */ jsx18(
+                  children: /* @__PURE__ */ jsx21(
                     "circle",
                     {
                       cx: "40",
@@ -1734,18 +1929,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ jsx18(
+              avatarPreview ? /* @__PURE__ */ jsx21(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ jsx18(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ jsx21(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx21(
           "input",
           {
             ref: fileInputRef,
@@ -1757,8 +1952,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx21(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -1766,7 +1961,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx21(
           "input",
           {
             id: "onboarding-username",
@@ -1790,16 +1985,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ jsx21(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
   ] });
 };
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-import { useLabels as useLabels3 } from "@agg-market/hooks";
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useLabels as useLabels15 } from "@agg-market/hooks";
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ jsx19("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx19("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx19(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ jsx22("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx22("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx22(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -1810,8 +2005,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = useLabels3();
-  const action = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
+  const labels = useLabels15();
+  const action = connected ? /* @__PURE__ */ jsx22(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx22(
     Button,
     {
       variant: "tertiary",
@@ -1821,18 +2016,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
+  const mobileAction = connected ? /* @__PURE__ */ jsx22(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx22(
     Button,
     {
       variant: "tertiary",
       size: "medium",
       className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
       onClick: onConnect,
-      suffix: /* @__PURE__ */ jsx19(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ jsx22(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: cn(
@@ -1840,23 +2035,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ jsxs19("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ jsx19("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ jsx19("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ jsxs22("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ jsx22("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ jsx22("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsx19("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+        /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsx22("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
           ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ jsx19("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ jsx22("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -1871,15 +2066,15 @@ var ConnectAccountsStep = ({
   connectedOnchain = false,
   connectedKalshi = false
 }) => {
-  const labels = useLabels3();
+  const labels = useLabels15();
   const canContinue = connectedOnchain || connectedKalshi;
-  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx19("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx22("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx22(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx19(OnchainVenueLogos, {}),
+          logos: /* @__PURE__ */ jsx22(OnchainVenueLogos, {}),
           title: labels.onboarding.connectAccounts.onchainTitle,
           mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
             ONCHAIN_VENUES.length - 1
@@ -1890,10 +2085,10 @@ var ConnectAccountsStep = ({
           connected: connectedOnchain
         }
       ),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx22(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx19("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx19(
+          logos: /* @__PURE__ */ jsx22("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx22(
             VenueLogo,
             {
               venue: "kalshi",
@@ -1911,7 +2106,7 @@ var ConnectAccountsStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx22(
       Button,
       {
         variant: "primary",
@@ -1927,25 +2122,25 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-import { useCallback as useCallback8, useState as useState9 } from "react";
-import { useLabels as useLabels4 } from "@agg-market/hooks";
+import { useCallback as useCallback5, useState as useState8 } from "react";
+import { useLabels as useLabels16 } from "@agg-market/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
   onVerify
 }) => {
-  const labels = useLabels4();
-  const [apiKeyId, setApiKeyId] = useState9("");
-  const [privateKey, setPrivateKey] = useState9("");
-  const [verifying, setVerifying] = useState9(false);
-  const [error, setError] = useState9();
+  const labels = useLabels16();
+  const [apiKeyId, setApiKeyId] = useState8("");
+  const [privateKey, setPrivateKey] = useState8("");
+  const [verifying, setVerifying] = useState8(false);
+  const [error, setError] = useState8();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = useCallback8(() => {
+  const handleCancel = useCallback5(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = useCallback8(() => __async(null, null, function* () {
+  const handleVerify = useCallback5(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -1974,7 +2169,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = useCallback8(
+  const handleOpenChange = useCallback5(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -1986,15 +2181,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx23(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs23(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx20(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx23(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ jsx23(
           Modal.Header,
           {
             hideClose: false,
@@ -2005,8 +2200,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx23(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsx23(
             VenueLogo,
             {
               venue: "kalshi",
@@ -2015,54 +2210,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx20("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ jsx20("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx23("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ jsx23("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx23("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ jsx23("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
               ] }),
-              /* @__PURE__ */ jsxs20("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ jsxs20("p", { children: [
+              /* @__PURE__ */ jsxs23("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ jsx23("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ jsxs23("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ jsx23("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ jsx23("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ jsxs20("p", { children: [
+                /* @__PURE__ */ jsxs23("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ jsx23("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ jsxs20("p", { children: [
+                /* @__PURE__ */ jsxs23("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ jsx23("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ jsx23("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ jsxs20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ jsxs23("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ jsx20("br", {}),
+                /* @__PURE__ */ jsx23("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx23("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ jsx23("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
               ] }),
-              /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx23("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx23(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -2070,7 +2265,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx23(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -2090,8 +2285,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx23(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -2099,7 +2294,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx23(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -2121,42 +2316,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ jsx20("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ jsx23("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs23(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx20(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx23(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx20("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsxs20(
+              /* @__PURE__ */ jsx23("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs23(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx20(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx23(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx20(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx23(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ jsx23("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
             ] }) : null,
-            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ jsx23(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ jsx23(
                 Button,
                 {
                   variant: "primary",
@@ -2177,22 +2372,22 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-import { useCallback as useCallback9, useState as useState10 } from "react";
-import { useLabels as useLabels5 } from "@agg-market/hooks";
+import { useCallback as useCallback6, useState as useState9 } from "react";
+import { useLabels as useLabels17 } from "@agg-market/hooks";
 import * as Dialog2 from "@radix-ui/react-dialog";
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = useLabels5();
-  const [connecting, setConnecting] = useState10(false);
-  const [error, setError] = useState10();
-  const handleCancel = useCallback9(() => {
+  const labels = useLabels17();
+  const [connecting, setConnecting] = useState9(false);
+  const [error, setError] = useState9();
+  const handleCancel = useCallback6(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = useCallback9(() => __async(null, null, function* () {
+  const handleConnect = useCallback6(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -2207,7 +2402,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = useCallback9(
+  const handleOpenChange = useCallback6(
     (value) => {
       if (value) {
         setError(void 0);
@@ -2217,15 +2412,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx21(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx24(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs24(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx21(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx24(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx24(
           Modal.Header,
           {
             hideClose: false,
@@ -2236,26 +2431,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ jsx21("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+        /* @__PURE__ */ jsx24(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx24("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ jsx24("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
           ] }),
-          /* @__PURE__ */ jsxs21("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ jsx21("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ jsx21("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsx21(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ jsx21("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ jsxs24("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ jsx24("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ jsx24("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsx24(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ jsx24("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx21(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ jsx21("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx24(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx24("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx24(
                 Button,
                 {
                   variant: "primary",
@@ -2266,7 +2461,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx24(
               Button,
               {
                 variant: "tertiary",
@@ -2285,7 +2480,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/index.tsx
-import { Fragment as Fragment13, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -2298,68 +2493,68 @@ var OnboardingModal = ({
   connectedKalshi = false
 }) => {
   var _a;
-  const labels = useLabels6();
-  const [step, setStep] = useState11(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = useLabels18();
+  const [step, setStep] = useState10(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [kalshiModalOpen, setKalshiModalOpen] = useState11(false);
-  const [kalshiConnected, setKalshiConnected] = useState11(false);
-  const [onchainModalOpen, setOnchainModalOpen] = useState11(false);
-  const [onchainConnected, setOnchainConnected] = useState11(false);
-  useEffect(() => {
+  const [kalshiModalOpen, setKalshiModalOpen] = useState10(false);
+  const [kalshiConnected, setKalshiConnected] = useState10(false);
+  const [onchainModalOpen, setOnchainModalOpen] = useState10(false);
+  const [onchainConnected, setOnchainConnected] = useState10(false);
+  useEffect3(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = useCallback10(() => {
+  const handleHowItWorksContinue = useCallback7(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = useCallback10(
+  const handleProfileContinue = useCallback7(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = useCallback10(() => {
+  const handleConnectContinue = useCallback7(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = useCallback10(() => {
+  const handleOpenOnchainModal = useCallback7(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = useCallback10(() => __async(null, null, function* () {
+  const handleOnchainConnect = useCallback7(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = useCallback10(() => {
+  const handleOpenKalshiModal = useCallback7(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = useCallback10(
+  const handleKalshiVerify = useCallback7(
     (credentials) => __async(null, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
     }),
     [onConnectKalshi]
   );
-  return /* @__PURE__ */ jsxs22(Fragment13, { children: [
-    /* @__PURE__ */ jsx22(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs25(Fragment13, { children: [
+    /* @__PURE__ */ jsx25(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs25(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ jsx22(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ jsxs22(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx22(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx22(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx25(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ jsxs25(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx25(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx25(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx25(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -2373,7 +2568,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx25(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -2381,7 +2576,7 @@ var OnboardingModal = ({
         onConnect: handleOnchainConnect
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx25(
       ConnectKalshiModal,
       {
         open: kalshiModalOpen,
@@ -2394,7 +2589,7 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-import { useState as useState12, useEffect as useEffect2, useCallback as useCallback12, useMemo as useMemo2 } from "react";
+import { useState as useState11, useEffect as useEffect4, useCallback as useCallback9, useMemo as useMemo2 } from "react";
 import { useAggClient, useAggAuthState } from "@agg-market/hooks";
 
 // src/profile/profile-modal.constants.ts
@@ -2408,9 +2603,9 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-import { useCallback as useCallback11, useRef as useRef4 } from "react";
-import { useLabels as useLabels7 } from "@agg-market/hooks";
-import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useCallback as useCallback8, useRef as useRef5 } from "react";
+import { useLabels as useLabels19 } from "@agg-market/hooks";
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -2419,13 +2614,13 @@ var AboutTab = ({
   onDraftAvatarChange,
   draftAvatarPreview
 }) => {
-  const labels = useLabels7();
-  const fileInputRef = useRef4(null);
-  const handleAvatarClick = useCallback11(() => {
+  const labels = useLabels19();
+  const fileInputRef = useRef5(null);
+  const handleAvatarClick = useCallback8(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback11(
+  const handleFileChange = useCallback8(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -2441,9 +2636,9 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex justify-center", children: [
-      /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex justify-center", children: [
+      /* @__PURE__ */ jsxs26(
         "button",
         {
           type: "button",
@@ -2459,13 +2654,13 @@ var AboutTab = ({
           ),
           "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
           children: [
-            !hasAvatarPreview ? /* @__PURE__ */ jsx23(
+            !hasAvatarPreview ? /* @__PURE__ */ jsx26(
               "svg",
               {
                 "aria-hidden": true,
                 viewBox: "0 0 80 80",
                 className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                children: /* @__PURE__ */ jsx23(
+                children: /* @__PURE__ */ jsx26(
                   "circle",
                   {
                     cx: "40",
@@ -2479,18 +2674,18 @@ var AboutTab = ({
                 )
               }
             ) : null,
-            resolvedPreview ? /* @__PURE__ */ jsx23(
+            resolvedPreview ? /* @__PURE__ */ jsx26(
               RemoteImage,
               {
                 src: resolvedPreview,
                 alt: labels.onboarding.profileSetup.profilePreviewAlt,
                 className: "h-full w-full object-cover"
               }
-            ) : /* @__PURE__ */ jsx23(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
+            ) : /* @__PURE__ */ jsx26(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx26(
         "input",
         {
           ref: fileInputRef,
@@ -2502,8 +2697,8 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx26(
         "label",
         {
           htmlFor: "profile-username",
@@ -2511,7 +2706,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx26(
         "input",
         {
           id: "profile-username",
@@ -2538,9 +2733,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
-var SectionTitle = ({ children }) => /* @__PURE__ */ jsx24("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx24(
+import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+var SectionTitle = ({ children }) => /* @__PURE__ */ jsx27("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx27(
   "div",
   {
     className: cn(
@@ -2552,7 +2747,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx24(
     children
   }
 );
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx27(
   "button",
   {
     type: "button",
@@ -2561,7 +2756,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx27(
   "button",
   {
     type: "button",
@@ -2584,19 +2779,19 @@ var AccountsWalletsTab = ({
   onConnectEmail
 }) => {
   const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
-  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx24(SectionTitle, { children: "Exchanges" }),
-      exchanges.length === 0 ? /* @__PURE__ */ jsx24("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
+  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx27(SectionTitle, { children: "Exchanges" }),
+      exchanges.length === 0 ? /* @__PURE__ */ jsx27("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ jsx27("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
         var _a;
         const displayName = (_a = venueLogoLabels[account.venue]) != null ? _a : account.venue;
-        return /* @__PURE__ */ jsxs24(AccountRow, { children: [
-          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx24(VenueLogo, { venue: account.venue, size: "small" }),
-            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ jsx24("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
-              account.verified ? /* @__PURE__ */ jsx24(
+        return /* @__PURE__ */ jsxs27(AccountRow, { children: [
+          /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx27(VenueLogo, { venue: account.venue, size: "small" }),
+            /* @__PURE__ */ jsx27("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
+            /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ jsx27("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
+              account.verified ? /* @__PURE__ */ jsx27(
                 Icon,
                 {
                   name: "check-badge",
@@ -2606,23 +2801,23 @@ var AccountsWalletsTab = ({
               ) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
+          /* @__PURE__ */ jsx27(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
         ] }, account.venue);
       }) })
     ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx24(SectionTitle, { children: "Social Accounts" }),
-      /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs24(AccountRow, { children: [
-        /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
-          /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx27(SectionTitle, { children: "Social Accounts" }),
+      /* @__PURE__ */ jsx27("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs27(AccountRow, { children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx27("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx27(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
+          /* @__PURE__ */ jsx27("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
         ] }),
-        (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectTwitter })
+        (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx27(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx27(ConnectTextButton, { onClick: onConnectTwitter })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx24(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ jsxs24(
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx27(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ jsxs27(
         "button",
         {
           type: "button",
@@ -2634,11 +2829,11 @@ var AccountsWalletsTab = ({
             "cursor-pointer hover:bg-agg-secondary-hover"
           ),
           children: [
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "email", size: "small", color: "currentColor" }) }),
-              /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
+            /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx27("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx27(Icon, { name: "email", size: "small", color: "currentColor" }) }),
+              /* @__PURE__ */ jsx27("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
             ] }),
-            /* @__PURE__ */ jsx24(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            /* @__PURE__ */ jsx27(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
           ]
         }
       )
@@ -2648,7 +2843,7 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/index.tsx
-import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -2671,15 +2866,15 @@ var ProfileModal = ({
   var _a, _b, _c, _d, _e, _f;
   const client = useAggClient();
   const { user, startAuth } = useAggAuthState();
-  const [activeTab, setActiveTab] = useState12(PROFILE_TAB_KEYS.ABOUT);
-  const [draftUsername, setDraftUsername] = useState12(username != null ? username : "");
-  const [draftAvatarFile, setDraftAvatarFile] = useState12();
-  const [draftAvatarPreview, setDraftAvatarPreview] = useState12();
-  const [isSaving, setIsSaving] = useState12(false);
-  useEffect2(() => {
+  const [activeTab, setActiveTab] = useState11(PROFILE_TAB_KEYS.ABOUT);
+  const [draftUsername, setDraftUsername] = useState11(username != null ? username : "");
+  const [draftAvatarFile, setDraftAvatarFile] = useState11();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState11();
+  const [isSaving, setIsSaving] = useState11(false);
+  useEffect4(() => {
     setDraftUsername(username != null ? username : "");
   }, [username]);
-  const handleOpenChange = useCallback12(
+  const handleOpenChange = useCallback9(
     (isOpen) => {
       if (!isOpen) {
         setActiveTab(PROFILE_TAB_KEYS.ABOUT);
@@ -2700,7 +2895,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = useCallback12(
+  const handleDraftAvatarChange = useCallback9(
     (file, preview) => {
       setDraftAvatarFile(file);
       setDraftAvatarPreview(preview);
@@ -2708,7 +2903,7 @@ var ProfileModal = ({
     []
   );
   const hasChanges = draftUsername !== (username != null ? username : "") || draftAvatarFile !== void 0;
-  const handleSave = useCallback12(() => __async(null, null, function* () {
+  const handleSave = useCallback9(() => __async(null, null, function* () {
     setIsSaving(true);
     try {
       const normalizedUsername = draftUsername.trim();
@@ -2737,7 +2932,7 @@ var ProfileModal = ({
       setIsSaving(false);
     }
   }), [client, draftAvatarFile, draftAvatarPreview, draftUsername, onOpenChange, onSave, username]);
-  const handleCancel = useCallback12(() => {
+  const handleCancel = useCallback9(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
   const isAccountConnected = (providers) => {
@@ -2770,7 +2965,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return "http://localhost";
     return `${window.location.origin}${window.location.pathname}${window.location.search}`;
   };
-  const handleConnectTwitter = useCallback12(() => __async(null, null, function* () {
+  const handleConnectTwitter = useCallback9(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "twitter",
       redirectUrl: resolveRedirectUrl()
@@ -2780,12 +2975,12 @@ var ProfileModal = ({
       window.location.assign(result.url);
     }
   }), [onConnectTwitter, startAuth]);
-  const handleDisconnectTwitter = useCallback12(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = useCallback9(() => __async(null, null, function* () {
     yield client.disconnectAccount("twitter");
     yield client.getCurrentUser();
     onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
   }), [client, onDisconnectTwitter]);
-  const handleConnectEmail = useCallback12(() => __async(null, null, function* () {
+  const handleConnectEmail = useCallback9(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -2814,13 +3009,13 @@ var ProfileModal = ({
     }),
     [handleConnectEmail, handleConnectTwitter, handleDisconnectTwitter]
   );
-  return /* @__PURE__ */ jsx25(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs25(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
-    /* @__PURE__ */ jsx25(Modal.Header, { title: "Edit Profile" }),
-    /* @__PURE__ */ jsx25(Modal.Body, { children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "shrink-0", children: [
-        /* @__PURE__ */ jsx25("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
+  return /* @__PURE__ */ jsx28(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs28(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
+    /* @__PURE__ */ jsx28(Modal.Header, { title: "Edit Profile" }),
+    /* @__PURE__ */ jsx28(Modal.Body, { children: /* @__PURE__ */ jsxs28("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "shrink-0", children: [
+        /* @__PURE__ */ jsx28("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
           const isActive = activeTab === tab.value;
-          return /* @__PURE__ */ jsxs25(
+          return /* @__PURE__ */ jsxs28(
             "button",
             {
               type: "button",
@@ -2833,14 +3028,14 @@ var ProfileModal = ({
                 isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
               ),
               children: [
-                /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                /* @__PURE__ */ jsx25("span", { className: "whitespace-nowrap", children: tab.label })
+                /* @__PURE__ */ jsx28(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                /* @__PURE__ */ jsx28("span", { className: "whitespace-nowrap", children: tab.label })
               ]
             },
             tab.value
           );
         }) }),
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx28(
           "nav",
           {
             className: cn(
@@ -2855,7 +3050,7 @@ var ProfileModal = ({
             "aria-label": "Profile sections",
             children: PROFILE_TAB_ITEMS.map((tab) => {
               const isActive = activeTab === tab.value;
-              return /* @__PURE__ */ jsxs25(
+              return /* @__PURE__ */ jsxs28(
                 "button",
                 {
                   type: "button",
@@ -2870,9 +3065,9 @@ var ProfileModal = ({
                     isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                   ),
                   children: [
-                    isActive ? /* @__PURE__ */ jsx25("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                    /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                    /* @__PURE__ */ jsx25("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                    isActive ? /* @__PURE__ */ jsx28("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                    /* @__PURE__ */ jsx28(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                    /* @__PURE__ */ jsx28("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                   ]
                 },
                 tab.value
@@ -2881,8 +3076,8 @@ var ProfileModal = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs25("div", { className: "min-w-0 flex-1", children: [
-        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
+        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx28(
           AboutTab,
           {
             username,
@@ -2895,7 +3090,7 @@ var ProfileModal = ({
             draftAvatarPreview
           }
         ) : null,
-        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx25(
+        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx28(
           AccountsWalletsTab,
           {
             exchanges,
@@ -2913,9 +3108,9 @@ var ProfileModal = ({
         ) : null
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs25(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-      /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsxs28(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx28(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+      /* @__PURE__ */ jsx28(
         Button,
         {
           variant: "primary",