@agg-market/ui 9.0.0 → 10.0.0

package/dist/{chunk-N7U7QCSB.mjs → chunk-55YYUTBK.mjs}

@@ -1,4 +1,5 @@
 import {
+  Badge,
   BankIcon,
   BestPricesIcon,
   BoltIcon,
@@ -12,23 +13,28 @@ import {
   DocumentIcon,
   ExternalLinkIcon,
   Icon,
+  InlineAlert,
   LinkAccountsIcon,
+  LoadingIcon,
   Modal,
   PlaySquareIcon,
   ProfileIcon,
   RemoteImage,
   Select,
+  StateMessage,
   StayInControlIcon,
   VenueLogo,
   WalletIcon,
   WarningFilledIcon,
   WarningIcon,
   __async,
+  __spreadProps,
+  __spreadValues,
   cn,
   formatAmountDisplay,
   formatCompactUsd,
   venueLogoLabels
-} from "./chunk-3G7C6WEC.mjs";
+} from "./chunk-XP7DREIX.mjs";
 
 // src/deposit/index.tsx
 import { useState as useState3 } from "react";
@@ -668,20 +674,460 @@ var DepositModal = ({
 };
 DepositModal.displayName = "DepositModal";
 
+// src/onramp/index.tsx
+import { useCallback as useCallback4, useState as useState4 } from "react";
+
+// src/onramp/steps/quote-form.tsx
+import { useCallback as useCallback3 } from "react";
+
+// src/onramp/onramp-modal.constants.ts
+var FIAT_OPTIONS = [
+  { value: "USD", label: "USD" },
+  { value: "EUR", label: "EUR" },
+  { value: "GBP", label: "GBP" }
+];
+var FIAT_SYMBOLS = {
+  USD: "$",
+  EUR: "\u20AC",
+  GBP: "\xA3"
+};
+var CRYPTO_OPTIONS = [
+  { value: "USDC", label: "USDC (Ethereum)" },
+  { value: "USDC_BASE", label: "USDC (Base)" },
+  { value: "USDC_SOLANA", label: "USDC (Solana)" },
+  { value: "USDC_POLYGON", label: "USDC (Polygon)" },
+  { value: "USDC_ARBITRUM", label: "USDC (Arbitrum)" }
+];
+
+// src/onramp/steps/quote-form.tsx
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var QuoteFormStep = ({
+  title,
+  values,
+  onAmountChange,
+  onFiatChange,
+  onCryptoChange,
+  onWalletAddressChange,
+  onSubmit
+}) => {
+  var _a;
+  const numericAmount = Number(values.amount) || 0;
+  const isFormValid = numericAmount > 0 && values.walletAddress.length > 0;
+  const handleAmountChange = useCallback3(
+    (e) => {
+      const v = e.target.value.replace(/[^0-9.]/g, "");
+      const parts = v.split(".");
+      onAmountChange(parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v);
+    },
+    [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(
+            Select,
+            {
+              items: FIAT_OPTIONS,
+              value: values.fiatCurrency,
+              onChange: onFiatChange,
+              ariaLabel: "Fiat currency",
+              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(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": "Amount",
+                className: cn(
+                  "agg-type-display w-full bg-transparent outline-none",
+                  numericAmount > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0",
+                value: values.amount ? formatAmountDisplay(values.amount) : "",
+                onChange: handleAmountChange
+              }
+            )
+          ] }) })
+        ] })
+      ] }),
+      /* @__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(
+          Select,
+          {
+            items: CRYPTO_OPTIONS,
+            value: values.cryptoCurrency,
+            onChange: onCryptoChange,
+            ariaLabel: "Cryptocurrency"
+          }
+        )
+      ] }),
+      /* @__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(
+          "input",
+          {
+            type: "text",
+            "aria-label": "Wallet address",
+            className: cn(
+              "w-full rounded-agg-md border border-agg-separator bg-agg-secondary",
+              "px-4 py-2 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
+              "placeholder:text-agg-muted-foreground",
+              "transition-[border-color,box-shadow] duration-200 ease-in-out",
+              "focus:border-agg-primary focus:ring-2 focus:ring-agg-primary/15"
+            ),
+            placeholder: "0x...",
+            value: values.walletAddress,
+            onChange: (e) => onWalletAddressChange(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx7(
+        Button,
+        {
+          variant: "primary",
+          size: "large",
+          className: "w-full",
+          disabled: !isFormValid,
+          onClick: onSubmit,
+          children: "Get Quotes"
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/onramp/steps/quote-card.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var QuoteCard = ({ quote, rank, onSelect }) => {
+  var _a;
+  const isBest = rank === 1;
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 sm:gap-4",
+        "rounded-xl border",
+        "p-3 sm:p-4",
+        "transition-colors cursor-pointer",
+        isBest ? "border-agg-primary bg-agg-primary/5 hover:bg-agg-primary/10" : "border-agg-separator hover:bg-agg-secondary-hover"
+      ),
+      role: "button",
+      tabIndex: 0,
+      onClick: onSelect,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onSelect();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx8(
+          "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(
+              "span",
+              {
+                className: cn(
+                  "text-agg-lg font-agg-bold",
+                  isBest ? "text-agg-primary" : "text-agg-muted-foreground"
+                ),
+                children: rank
+              }
+            )
+          }
+        ),
+        /* @__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(
+              Badge,
+              {
+                text: "Best",
+                size: "small",
+                classNames: { root: "bg-agg-primary! text-white! border-agg-primary!" }
+              }
+            ) : null,
+            quote.lowKyc ? /* @__PURE__ */ jsx8(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: [
+              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: [
+              "Fee ",
+              (_a = FIAT_SYMBOLS[quote.sourceCurrencyCode]) != null ? _a : "",
+              quote.totalFee.toFixed(2)
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx8("div", { className: "shrink-0", children: /* @__PURE__ */ jsx8(
+          Button,
+          {
+            variant: "secondary",
+            size: "small",
+            suffix: /* @__PURE__ */ jsx8(ChevronRightIcon, {}),
+            onClick: (e) => {
+              e.stopPropagation();
+              onSelect();
+            },
+            children: "Select"
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/onramp/steps/quote-selection.tsx
+import { Fragment as Fragment7, jsx as jsx9, jsxs as jsxs9 } 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 QuoteSelectionStep = ({
+  quotes,
+  isLoading,
+  error,
+  fiatCurrency,
+  cryptoCurrency,
+  amount,
+  onBack,
+  onSelectQuote,
+  onRetry
+}) => {
+  var _a;
+  const subtitle = `${cryptoCurrency.split("_")[0]} \xB7 ${(_a = FIAT_SYMBOLS[fiatCurrency]) != null ? _a : ""}${amount.toLocaleString()} ${fiatCurrency}`;
+  return /* @__PURE__ */ jsxs9(Fragment7, { children: [
+    /* @__PURE__ */ jsx9(
+      Modal.Header,
+      {
+        title: "Select Provider",
+        subtitle,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx9(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" })
+      ] }) : null,
+      !isLoading && !error && quotes.length === 0 ? /* @__PURE__ */ jsx9(
+        StateMessage,
+        {
+          tone: "empty",
+          title: "No quotes available",
+          description: "No providers returned quotes for this pair. Try a different amount or cryptocurrency.",
+          actionLabel: "Go back",
+          onAction: onBack
+        }
+      ) : null,
+      !isLoading && quotes.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-3", children: quotes.map((quote, i) => /* @__PURE__ */ jsx9(
+        QuoteCard,
+        {
+          quote,
+          rank: i + 1,
+          onSelect: () => onSelectQuote(quote)
+        },
+        `${quote.serviceProvider}-${quote.paymentMethodType}`
+      )) }) : null
+    ] })
+  ] });
+};
+
+// src/onramp/steps/widget.tsx
+import { useRef } from "react";
+import { Fragment as Fragment8, jsx as jsx10, jsxs as jsxs10 } 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 WidgetStep = ({ widgetUrl, isLoading, onBack }) => {
+  const iframeRef = useRef(null);
+  return /* @__PURE__ */ jsxs10(Fragment8, { children: [
+    /* @__PURE__ */ jsx10(
+      Modal.Header,
+      {
+        title: "Complete Purchase",
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx10(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(
+        "iframe",
+        {
+          ref: iframeRef,
+          src: widgetUrl,
+          title: "Meld payment widget",
+          className: "h-[700px] w-full border-0 block",
+          allow: "camera; microphone; payment; encrypted-media"
+        }
+      ) : null
+    ] })
+  ] });
+};
+
+// src/onramp/index.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var OnrampModal = ({
+  open,
+  onOpenChange,
+  transactionType,
+  walletAddress: initialWalletAddress = "",
+  defaultFiatCurrency = "USD",
+  defaultCryptoCurrency = "USDC",
+  onGetQuotes,
+  onSelectQuote
+}) => {
+  const [step, setStep] = useState4("form");
+  const [formValues, setFormValues] = useState4({
+    amount: "",
+    fiatCurrency: defaultFiatCurrency,
+    cryptoCurrency: defaultCryptoCurrency,
+    walletAddress: initialWalletAddress
+  });
+  const [quotes, setQuotes] = useState4([]);
+  const [isLoadingQuotes, setIsLoadingQuotes] = useState4(false);
+  const [quoteError, setQuoteError] = useState4(null);
+  const [widgetUrl, setWidgetUrl] = useState4(null);
+  const [isCreatingSession, setIsCreatingSession] = useState4(false);
+  const handleOpenChange = useCallback4(
+    (isOpen) => {
+      if (!isOpen) {
+        setStep("form");
+        setQuotes([]);
+        setQuoteError(null);
+        setWidgetUrl(null);
+      }
+      onOpenChange(isOpen);
+    },
+    [onOpenChange]
+  );
+  const handleGetQuotes = useCallback4(() => __async(void 0, null, function* () {
+    const numericAmount2 = Number(formValues.amount);
+    if (!numericAmount2 || numericAmount2 <= 0)
+      return;
+    setStep("quotes");
+    setIsLoadingQuotes(true);
+    setQuoteError(null);
+    try {
+      const result = yield onGetQuotes({
+        transactionType,
+        sourceAmount: numericAmount2,
+        sourceCurrencyCode: formValues.fiatCurrency,
+        destinationCurrencyCode: formValues.cryptoCurrency,
+        countryCode: "US"
+      });
+      setQuotes(result);
+    } catch (err) {
+      setQuoteError(err instanceof Error ? err.message : "Failed to fetch quotes");
+    } finally {
+      setIsLoadingQuotes(false);
+    }
+  }), [formValues, transactionType, onGetQuotes]);
+  const handleSelectQuote = useCallback4(
+    (quote) => __async(void 0, null, function* () {
+      setStep("widget");
+      setIsCreatingSession(true);
+      try {
+        const session = yield onSelectQuote({
+          transactionType,
+          serviceProvider: quote.serviceProvider,
+          sourceAmount: quote.sourceAmount,
+          sourceCurrencyCode: quote.sourceCurrencyCode,
+          destinationCurrencyCode: quote.destinationCurrencyCode,
+          countryCode: quote.countryCode,
+          walletAddress: formValues.walletAddress
+        });
+        setWidgetUrl(session.serviceProviderWidgetUrl);
+      } catch (e) {
+        setStep("quotes");
+      } finally {
+        setIsCreatingSession(false);
+      }
+    }),
+    [transactionType, formValues.walletAddress, onSelectQuote]
+  );
+  const numericAmount = Number(formValues.amount) || 0;
+  return /* @__PURE__ */ jsx11(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs11(
+    Modal.Container,
+    {
+      maxWidth: "520px",
+      "aria-label": transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
+      children: [
+        step === "form" ? /* @__PURE__ */ jsx11(
+          QuoteFormStep,
+          {
+            title: transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
+            values: formValues,
+            onAmountChange: (amount) => setFormValues((prev) => __spreadProps(__spreadValues({}, prev), { amount })),
+            onFiatChange: (fiatCurrency) => setFormValues((prev) => __spreadProps(__spreadValues({}, prev), { fiatCurrency })),
+            onCryptoChange: (cryptoCurrency) => setFormValues((prev) => __spreadProps(__spreadValues({}, prev), { cryptoCurrency })),
+            onWalletAddressChange: (walletAddress) => setFormValues((prev) => __spreadProps(__spreadValues({}, prev), { walletAddress })),
+            onSubmit: handleGetQuotes
+          }
+        ) : null,
+        step === "quotes" ? /* @__PURE__ */ jsx11(
+          QuoteSelectionStep,
+          {
+            quotes,
+            isLoading: isLoadingQuotes,
+            error: quoteError,
+            fiatCurrency: formValues.fiatCurrency,
+            cryptoCurrency: formValues.cryptoCurrency,
+            amount: numericAmount,
+            onBack: () => setStep("form"),
+            onSelectQuote: handleSelectQuote,
+            onRetry: handleGetQuotes
+          }
+        ) : null,
+        step === "widget" ? /* @__PURE__ */ jsx11(
+          WidgetStep,
+          {
+            widgetUrl,
+            isLoading: isCreatingSession,
+            onBack: () => {
+              setWidgetUrl(null);
+              setStep("quotes");
+            }
+          }
+        ) : null
+      ]
+    }
+  ) });
+};
+OnrampModal.displayName = "OnrampModal";
+
 // src/withdraw/index.tsx
-import { useState as useState5 } from "react";
+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 Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+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__ */ jsxs7(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -694,7 +1140,9 @@ var VenueRow2 = ({ venue, onSelect }) => {
       role: "button",
       tabIndex: isDisabled ? -1 : 0,
       "aria-disabled": isDisabled,
-      onClick: () => {
+      onClick: (e) => {
+        e.stopPropagation();
+        e.preventDefault();
         if (!isDisabled)
           onSelect(venue.venue);
       },
@@ -705,20 +1153,20 @@ var VenueRow2 = ({ venue, onSelect }) => {
         }
       },
       children: [
-        /* @__PURE__ */ jsx7("div", { className: "shrink-0", children: /* @__PURE__ */ jsx7(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx7("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ jsxs7("p", { className: "agg-type-label text-agg-muted-foreground", 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__ */ jsx7("div", { className: "shrink-0", children: /* @__PURE__ */ jsx7("span", { className: "agg-type-label text-agg-muted-foreground", children: (_b = venue.disabledReason) != null ? _b : "Unavailable" }) }) : /* @__PURE__ */ jsx7("div", { className: "shrink-0", children: /* @__PURE__ */ jsx7(
+        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__ */ jsx7(ChevronRightIcon, {}),
+            suffix: /* @__PURE__ */ jsx12(ChevronRightIcon, {}),
             onClick: (e) => {
               e.stopPropagation();
               onSelect(venue.venue);
@@ -733,22 +1181,22 @@ var VenueRow2 = ({ venue, onSelect }) => {
 var VenueSelectionStep2 = ({
   venues,
   onSelectVenue
-}) => /* @__PURE__ */ jsxs7(Fragment6, { children: [
-  /* @__PURE__ */ jsx7(Modal.Header, { title: "Withdraw", 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-4", children: [
-    /* @__PURE__ */ jsx7("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to withdraw funds from:" }),
-    /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ jsx7(VenueRow2, { venue, onSelect: onSelectVenue }, venue.venue)) })
+}) => /* @__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)) })
   ] }) })
 ] });
 
 // src/withdraw/steps/withdraw-method.tsx
-import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var WithdrawMethodCard = ({
   icon,
   title,
   description,
   onContinue
-}) => /* @__PURE__ */ jsxs8(
+}) => /* @__PURE__ */ jsxs13(
   "div",
   {
     className: cn(
@@ -767,17 +1215,17 @@ var WithdrawMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ jsx8("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx8("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__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__ */ jsx8("div", { className: "shrink-0", children: /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx13("div", { className: "shrink-0", children: /* @__PURE__ */ jsx13(
         Button,
         {
           variant: "secondary",
           size: "small",
-          suffix: /* @__PURE__ */ jsx8(ChevronRightIcon, {}),
+          suffix: /* @__PURE__ */ jsx13(ChevronRightIcon, {}),
           onClick: (e) => {
             e.stopPropagation();
             onContinue();
@@ -795,47 +1243,47 @@ var WithdrawMethodStep = ({
 }) => {
   var _a;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  return /* @__PURE__ */ jsxs8(Fragment7, { children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs13(Fragment10, { children: [
+    /* @__PURE__ */ jsx13(
       Modal.Header,
       {
         title: `Withdraw from ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx8(
+        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__ */ jsx8(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx13(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx8(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx8(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ jsxs8("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__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)
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx13(
           WithdrawMethodCard,
           {
-            icon: /* @__PURE__ */ jsx8(WalletIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            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__ */ jsx8(
+        /* @__PURE__ */ jsx13(
           WithdrawMethodCard,
           {
-            icon: /* @__PURE__ */ jsx8(BankIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            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")
@@ -847,8 +1295,8 @@ var WithdrawMethodStep = ({
 };
 
 // src/withdraw/steps/withdraw-amount.tsx
-import { useCallback as useCallback3, useState as useState4 } from "react";
-import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useCallback as useCallback5, useState as useState5 } from "react";
+import { Fragment as Fragment11, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var WithdrawAmountStep = ({
   venue,
   method,
@@ -856,50 +1304,50 @@ var WithdrawAmountStep = ({
   onContinue
 }) => {
   var _a;
-  const [rawAmount, setRawAmount] = useState4("");
+  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 = useCallback3((e) => {
+  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 = useCallback3(() => {
+  const handleMax = useCallback5(() => {
     setRawAmount(venue.balance.toString());
   }, [venue.balance]);
-  return /* @__PURE__ */ jsxs9(Fragment8, { children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs14(Fragment11, { children: [
+    /* @__PURE__ */ jsx14(
       Modal.Header,
       {
         title: `Withdraw to ${methodLabel}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx9(
+        leftElement: /* @__PURE__ */ jsx14(
           "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__ */ jsx9(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx9(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx9(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-          /* @__PURE__ */ jsxs9("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__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__ */ jsx9(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -909,10 +1357,10 @@ var WithdrawAmountStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ jsx9("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ jsx9(
+      /* @__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",
             {
               type: "text",
@@ -928,9 +1376,9 @@ var WithdrawAmountStep = ({
             }
           )
         ] }),
-        exceedsBalance ? /* @__PURE__ */ jsx9("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
+        exceedsBalance ? /* @__PURE__ */ jsx14("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx14(
         Button,
         {
           variant: "primary",
@@ -946,30 +1394,30 @@ var WithdrawAmountStep = ({
 };
 
 // src/withdraw/steps/kalshi-withdraw.tsx
-import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var KalshiStepCard2 = ({
   step,
   title,
   description,
   children
-}) => /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
-  /* @__PURE__ */ jsxs10("p", { className: "agg-type-caption-caps text-agg-muted-foreground", 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__ */ jsxs10("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx10("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-foreground", children: description })
+  /* @__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__ */ jsxs10(Fragment9, { 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 items-center gap-8", children: [
-    /* @__PURE__ */ jsx10(
+}) => /* @__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,
       {
         venue: "kalshi",
@@ -977,23 +1425,23 @@ var KalshiWithdrawStep = ({
         className: "h-[60px] w-[60px] rounded-lg"
       }
     ),
-    /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ jsx10("h2", { className: "agg-type-heading text-agg-foreground", children: "Withdraw from Kalshi" }),
-      /* @__PURE__ */ jsx10("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 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__ */ jsxs10("div", { className: "flex w-full flex-col gap-4", children: [
-      /* @__PURE__ */ jsx10(
+    /* @__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__ */ jsx10("div", { className: "mt-1", children: /* @__PURE__ */ jsx10(
+          children: /* @__PURE__ */ jsx15("div", { className: "mt-1", children: /* @__PURE__ */ jsx15(
             Button,
             {
               variant: "secondary",
               size: "small",
-              suffix: /* @__PURE__ */ jsx10(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              suffix: /* @__PURE__ */ jsx15(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
               onClick: () => {
                 window.open(withdrawUrl, "_blank", "noopener,noreferrer");
               },
@@ -1002,7 +1450,7 @@ var KalshiWithdrawStep = ({
           ) })
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx15(
         KalshiStepCard2,
         {
           step: 2,
@@ -1010,7 +1458,7 @@ var KalshiWithdrawStep = ({
           description: "Select a withdrawal method: Bank transfer (ACH), Wire, or USDC (crypto)."
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx15(
         KalshiStepCard2,
         {
           step: 3,
@@ -1019,12 +1467,12 @@ var KalshiWithdrawStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx10(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
+    /* @__PURE__ */ jsx15(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
   ] }) })
 ] });
 
 // src/withdraw/index.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 var WithdrawModal = ({
   open,
   onOpenChange,
@@ -1036,9 +1484,9 @@ var WithdrawModal = ({
   onDoneKalshi,
   kalshiWithdrawUrl = KALSHI_WITHDRAW_URL_DEFAULT
 }) => {
-  const [step, setStep] = useState5("venues");
-  const [selectedVenue, setSelectedVenue] = useState5(null);
-  const [selectedMethod, setSelectedMethod] = useState5(null);
+  const [step, setStep] = useState6("venues");
+  const [selectedVenue, setSelectedVenue] = useState6(null);
+  const [selectedMethod, setSelectedMethod] = useState6(null);
   const handleSelectVenue = (venueSlug) => {
     onSelectVenue(venueSlug);
     if (venueSlug === KALSHI_VENUE2) {
@@ -1088,9 +1536,9 @@ var WithdrawModal = ({
     }
     onOpenChange(isOpen);
   };
-  return /* @__PURE__ */ jsx11(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs11(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
-    step === "venues" ? /* @__PURE__ */ jsx11(VenueSelectionStep2, { venues, onSelectVenue: handleSelectVenue }) : null,
-    step === "method" && selectedVenue ? /* @__PURE__ */ jsx11(
+  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,
       {
         venue: selectedVenue,
@@ -1098,7 +1546,7 @@ var WithdrawModal = ({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ jsx11(
+    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ jsx16(
       WithdrawAmountStep,
       {
         venue: selectedVenue,
@@ -1107,13 +1555,13 @@ var WithdrawModal = ({
         onContinue: handleContinueWithdraw
       }
     ) : null,
-    step === "kalshi" ? /* @__PURE__ */ jsx11(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
+    step === "kalshi" ? /* @__PURE__ */ jsx16(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
   ] }) });
 };
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-import { useCallback as useCallback8, useEffect, useState as useState10 } from "react";
+import { useCallback as useCallback10, useEffect, useState as useState11 } from "react";
 import { useLabels as useLabels6 } from "@agg-market/hooks";
 import * as Dialog3 from "@radix-ui/react-dialog";
 
@@ -1136,31 +1584,31 @@ var ONCHAIN_VENUES = [
 ];
 
 // src/onboarding/steps/how-it-works.tsx
-import { useCallback as useCallback4, useRef, useState as useState6 } from "react";
+import { useCallback as useCallback6, useRef as useRef2, useState as useState7 } from "react";
 import { useLabels } from "@agg-market/hooks";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ jsx12(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ jsx12(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ jsx12(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ jsx12(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  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" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
   const labels = useLabels();
-  const scrollRef = useRef(null);
-  const [showTopGradient, setShowTopGradient] = useState6(false);
-  const [showBottomGradient, setShowBottomGradient] = useState6(true);
-  const handleScroll = useCallback4(() => {
+  const scrollRef = useRef2(null);
+  const [showTopGradient, setShowTopGradient] = useState7(false);
+  const [showBottomGradient, setShowBottomGradient] = useState7(true);
+  const handleScroll = useCallback6(() => {
     const el = scrollRef.current;
     if (!el)
       return;
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ jsx12("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ jsxs12("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ jsx12(
+  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(
         "div",
         {
           ref: scrollRef,
@@ -1170,7 +1618,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__ */ jsxs12(
+            return /* @__PURE__ */ jsxs17(
               "div",
               {
                 className: cn(
@@ -1179,11 +1627,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ jsxs12("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ jsx12("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ jsx12("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__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 })
                   ] }),
-                  icon ? /* @__PURE__ */ jsx12("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ jsx17("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -1191,7 +1639,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx17(
         "div",
         {
           className: cn(
@@ -1202,7 +1650,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx17(
         "div",
         {
           className: cn(
@@ -1214,26 +1662,26 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx12(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ jsx17(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 useCallback5, useRef as useRef2, useState as useState7 } from "react";
+import { useCallback as useCallback7, useRef as useRef3, useState as useState8 } from "react";
 import { useLabels as useLabels2 } from "@agg-market/hooks";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var ProfileSetupStep = ({ onContinue }) => {
   const labels = useLabels2();
-  const [username, setUsername] = useState7("");
-  const [avatarFile, setAvatarFile] = useState7();
-  const [avatarPreview, setAvatarPreview] = useState7();
-  const fileInputRef = useRef2(null);
-  const handleAvatarClick = useCallback5(() => {
+  const [username, setUsername] = useState8("");
+  const [avatarFile, setAvatarFile] = useState8();
+  const [avatarPreview, setAvatarPreview] = useState8();
+  const fileInputRef = useRef3(null);
+  const handleAvatarClick = useCallback7(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback5((e) => {
+  const handleFileChange = useCallback7((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file)
@@ -1246,18 +1694,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = useCallback5(() => {
+  const handleContinue = useCallback7(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ jsx13("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ jsx13(
+  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__ */ jsx18(
           "button",
           {
             type: "button",
@@ -1273,17 +1721,17 @@ var ProfileSetupStep = ({ onContinue }) => {
               "overflow-hidden"
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-            children: avatarPreview ? /* @__PURE__ */ jsx13(
+            children: avatarPreview ? /* @__PURE__ */ jsx18(
               RemoteImage,
               {
                 src: avatarPreview,
                 alt: labels.onboarding.profileSetup.profilePreviewAlt,
                 className: "h-full w-full object-cover"
               }
-            ) : /* @__PURE__ */ jsx13(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+            ) : /* @__PURE__ */ jsx18(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             ref: fileInputRef,
@@ -1295,8 +1743,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx18(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -1304,7 +1752,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             id: "onboarding-username",
@@ -1328,16 +1776,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx13(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ jsx18(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 jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ jsx14("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx14("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx14(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  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)) });
 };
 var VenueCard = ({
   logos,
@@ -1349,7 +1797,7 @@ var VenueCard = ({
   connected = false
 }) => {
   const labels = useLabels3();
-  const action = connected ? /* @__PURE__ */ jsx14(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx14(
+  const action = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
     Button,
     {
       variant: "tertiary",
@@ -1359,18 +1807,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ jsx14(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx14(
+  const mobileAction = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
     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__ */ jsx14(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ jsx19(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -1378,23 +1826,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ jsxs14("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ jsx14("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ jsx14("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ jsx14("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__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__ */ jsx14("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsx14("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsx14("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+        /* @__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__ */ jsxs14("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ jsx14("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__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 }),
             mobileAction
           ] })
         ] })
@@ -1411,13 +1859,13 @@ var ConnectAccountsStep = ({
 }) => {
   const labels = useLabels3();
   const canContinue = connectedOnchain || connectedKalshi;
-  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx14("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx14(
+  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(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx14(OnchainVenueLogos, {}),
+          logos: /* @__PURE__ */ jsx19(OnchainVenueLogos, {}),
           title: labels.onboarding.connectAccounts.onchainTitle,
           mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
             ONCHAIN_VENUES.length - 1
@@ -1428,10 +1876,10 @@ var ConnectAccountsStep = ({
           connected: connectedOnchain
         }
       ),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx19(
         VenueCard,
         {
-          logos: /* @__PURE__ */ jsx14("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx14(
+          logos: /* @__PURE__ */ jsx19("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx19(
             VenueLogo,
             {
               venue: "kalshi",
@@ -1449,7 +1897,7 @@ var ConnectAccountsStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx19(
       Button,
       {
         variant: "primary",
@@ -1465,25 +1913,25 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-import { useCallback as useCallback6, useState as useState8 } from "react";
+import { useCallback as useCallback8, useState as useState9 } from "react";
 import { useLabels as useLabels4 } from "@agg-market/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
   onVerify
 }) => {
   const labels = useLabels4();
-  const [apiKeyId, setApiKeyId] = useState8("");
-  const [privateKey, setPrivateKey] = useState8("");
-  const [verifying, setVerifying] = useState8(false);
-  const [error, setError] = useState8();
+  const [apiKeyId, setApiKeyId] = useState9("");
+  const [privateKey, setPrivateKey] = useState9("");
+  const [verifying, setVerifying] = useState9(false);
+  const [error, setError] = useState9();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = useCallback6(() => {
+  const handleCancel = useCallback8(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = useCallback6(() => __async(void 0, null, function* () {
+  const handleVerify = useCallback8(() => __async(void 0, null, function* () {
     if (!canVerify || verifying)
       return;
     setVerifying(true);
@@ -1513,7 +1961,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = useCallback6(
+  const handleOpenChange = useCallback8(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -1525,15 +1973,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx15(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx15(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx20(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ jsx20(
           Modal.Header,
           {
             hideClose: false,
@@ -1544,8 +1992,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx15(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsx15(
+        /* @__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(
             VenueLogo,
             {
               venue: "kalshi",
@@ -1554,54 +2002,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx15("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ jsx15("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 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__ */ jsxs15("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx15("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ jsx15("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__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__ */ jsxs15("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ jsx15("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ jsxs15("p", { children: [
+              /* @__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: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ jsx15("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ jsx15("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ jsx20("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ jsxs15("p", { children: [
+                /* @__PURE__ */ jsxs20("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ jsx15("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ jsxs15("p", { children: [
+                /* @__PURE__ */ jsxs20("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ jsx15("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ jsx15("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ jsxs15("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ jsxs20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ jsx15("br", {}),
+                /* @__PURE__ */ jsx20("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx15("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ jsx15("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__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__ */ jsx15("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx15(
+              /* @__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(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -1609,7 +2057,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx20(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -1629,8 +2077,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx20(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -1638,7 +2086,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx20(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -1660,42 +2108,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ jsx15("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxs15(
+          /* @__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(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx15(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx20(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx15("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsxs15(
+              /* @__PURE__ */ jsx20("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs20(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx15(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx20(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx15(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ jsx15("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__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 })
             ] }) : null,
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ jsx15(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ jsx15(
+            /* @__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(
                 Button,
                 {
                   variant: "primary",
@@ -1716,22 +2164,22 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-import { useCallback as useCallback7, useState as useState9 } from "react";
+import { useCallback as useCallback9, useState as useState10 } from "react";
 import { useLabels as useLabels5 } from "@agg-market/hooks";
 import * as Dialog2 from "@radix-ui/react-dialog";
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
   const labels = useLabels5();
-  const [connecting, setConnecting] = useState9(false);
-  const [error, setError] = useState9();
-  const handleCancel = useCallback7(() => {
+  const [connecting, setConnecting] = useState10(false);
+  const [error, setError] = useState10();
+  const handleCancel = useCallback9(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = useCallback7(() => __async(void 0, null, function* () {
+  const handleConnect = useCallback9(() => __async(void 0, null, function* () {
     if (connecting)
       return;
     setConnecting(true);
@@ -1747,7 +2195,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = useCallback7(
+  const handleOpenChange = useCallback9(
     (value) => {
       if (value) {
         setError(void 0);
@@ -1757,15 +2205,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx16(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsx21(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs21(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx16(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx21(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx21(
           Modal.Header,
           {
             hideClose: false,
@@ -1776,26 +2224,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx16(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx16("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ jsx16("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+        /* @__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__ */ jsxs16("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ jsx16("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ jsx16("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ jsx16("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsx16(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ jsx16("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__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] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx16(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ jsx16("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__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 })
               ] }) : null,
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx21(
                 Button,
                 {
                   variant: "primary",
@@ -1806,7 +2254,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx21(
               Button,
               {
                 variant: "tertiary",
@@ -1825,7 +2273,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/index.tsx
-import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -1839,17 +2287,17 @@ var OnboardingModal = ({
 }) => {
   var _a;
   const labels = useLabels6();
-  const [step, setStep] = useState10(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const [step, setStep] = useState11(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] = useState10(false);
-  const [kalshiConnected, setKalshiConnected] = useState10(false);
-  const [onchainModalOpen, setOnchainModalOpen] = useState10(false);
-  const [onchainConnected, setOnchainConnected] = useState10(false);
+  const [kalshiModalOpen, setKalshiModalOpen] = useState11(false);
+  const [kalshiConnected, setKalshiConnected] = useState11(false);
+  const [onchainModalOpen, setOnchainModalOpen] = useState11(false);
+  const [onchainConnected, setOnchainConnected] = useState11(false);
   useEffect(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
@@ -1857,49 +2305,49 @@ var OnboardingModal = ({
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = useCallback8(() => {
+  const handleHowItWorksContinue = useCallback10(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = useCallback8(
+  const handleProfileContinue = useCallback10(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = useCallback8(() => {
+  const handleConnectContinue = useCallback10(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = useCallback8(() => {
+  const handleOpenOnchainModal = useCallback10(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = useCallback8(() => __async(void 0, null, function* () {
+  const handleOnchainConnect = useCallback10(() => __async(void 0, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = useCallback8(() => {
+  const handleOpenKalshiModal = useCallback10(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = useCallback8(
+  const handleKalshiVerify = useCallback10(
     (credentials) => __async(void 0, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
     }),
     [onConnectKalshi]
   );
-  return /* @__PURE__ */ jsxs17(Fragment10, { children: [
-    /* @__PURE__ */ jsx17(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs22(Fragment13, { children: [
+    /* @__PURE__ */ jsx22(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ jsx17(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ jsxs17(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx17(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx17(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx17(
+          /* @__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(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -1913,7 +2361,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx22(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -1921,7 +2369,7 @@ var OnboardingModal = ({
         onConnect: handleOnchainConnect
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx22(
       ConnectKalshiModal,
       {
         open: kalshiModalOpen,
@@ -1934,7 +2382,7 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-import { useState as useState11, useEffect as useEffect2, useCallback as useCallback10 } from "react";
+import { useState as useState12, useEffect as useEffect2, useCallback as useCallback12 } from "react";
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
@@ -1947,9 +2395,9 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-import { useCallback as useCallback9, useRef as useRef3 } from "react";
+import { useCallback as useCallback11, useRef as useRef4 } from "react";
 import { useLabels as useLabels7 } from "@agg-market/hooks";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile,
@@ -1959,12 +2407,12 @@ var AboutTab = ({
   draftAvatarPreview
 }) => {
   const labels = useLabels7();
-  const fileInputRef = useRef3(null);
-  const handleAvatarClick = useCallback9(() => {
+  const fileInputRef = useRef4(null);
+  const handleAvatarClick = useCallback11(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback9(
+  const handleFileChange = useCallback11(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -1980,9 +2428,9 @@ var AboutTab = ({
     [onDraftAvatarChange]
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
-  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex justify-center", children: [
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex justify-center", children: [
+      /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
@@ -1998,17 +2446,17 @@ var AboutTab = ({
             "overflow-hidden"
           ),
           "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-          children: resolvedPreview ? /* @__PURE__ */ jsx18(
+          children: resolvedPreview ? /* @__PURE__ */ jsx23(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ jsx18(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ jsx23(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx23(
         "input",
         {
           ref: fileInputRef,
@@ -2020,8 +2468,8 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx23(
         "label",
         {
           htmlFor: "profile-username",
@@ -2029,7 +2477,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx23(
         "input",
         {
           id: "profile-username",
@@ -2051,12 +2499,12 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Delete your profile" }),
-        /* @__PURE__ */ jsx18("span", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: "This will permanently delete your account and all of its data. You will not be able to reactivate this account." })
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx23("span", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Delete your profile" }),
+        /* @__PURE__ */ jsx23("span", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: "This will permanently delete your account and all of its data. You will not be able to reactivate this account." })
       ] }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
@@ -2078,9 +2526,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
-var SectionTitle = ({ children }) => /* @__PURE__ */ jsx19("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx19(
+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(
   "div",
   {
     className: cn(
@@ -2092,7 +2540,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx19(
     children
   }
 );
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx19(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
   "button",
   {
     type: "button",
@@ -2101,7 +2549,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx19(
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx19(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
   "button",
   {
     type: "button",
@@ -2126,19 +2574,19 @@ var AccountsWalletsTab = ({
   const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
   const discord = socialAccounts == null ? void 0 : socialAccounts.discord;
   const telegram = socialAccounts == null ? void 0 : socialAccounts.telegram;
-  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx19(SectionTitle, { children: "Exchanges" }),
-      exchanges.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
+  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) => {
         var _a;
         const displayName = (_a = venueLogoLabels[account.venue]) != null ? _a : account.venue;
-        return /* @__PURE__ */ jsxs19(AccountRow, { children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx19(VenueLogo, { venue: account.venue, size: "small" }),
-            /* @__PURE__ */ jsx19("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
-            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ jsx19("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
-              account.verified ? /* @__PURE__ */ jsx19(
+        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(
                 Icon,
                 {
                   name: "check-badge",
@@ -2148,39 +2596,39 @@ var AccountsWalletsTab = ({
               ) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsx19(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
+          /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
         ] }, account.venue);
       }) })
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx19(SectionTitle, { children: "Social Accounts" }),
-      /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs19(AccountRow, { children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx19("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx19(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx19("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx24(SectionTitle, { children: "Social Accounts" }),
+      /* @__PURE__ */ jsxs24("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)" })
           ] }),
-          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx19(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx19(ConnectTextButton, { onClick: onConnectTwitter })
+          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectTwitter })
         ] }),
-        /* @__PURE__ */ jsxs19(AccountRow, { children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx19("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#5865F2]", children: /* @__PURE__ */ jsx19(Icon, { name: "discord", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx19("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Discord" })
+        /* @__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-[#5865F2]", children: /* @__PURE__ */ jsx24(Icon, { name: "discord", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Discord" })
           ] }),
-          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ jsx19(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ jsx19(ConnectTextButton, { onClick: onConnectDiscord })
+          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectDiscord })
         ] }),
-        /* @__PURE__ */ jsxs19(AccountRow, { children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx19("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#26A5E4]", children: /* @__PURE__ */ jsx19(Icon, { name: "telegram", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx19("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Telegram" })
+        /* @__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-[#26A5E4]", children: /* @__PURE__ */ jsx24(Icon, { name: "telegram", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Telegram" })
           ] }),
-          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ jsx19(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ jsx19(ConnectTextButton, { onClick: onConnectTelegram })
+          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectTelegram })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx19(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx24(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ jsxs24(
         "button",
         {
           type: "button",
@@ -2192,11 +2640,11 @@ var AccountsWalletsTab = ({
             "cursor-pointer hover:bg-agg-secondary-hover"
           ),
           children: [
-            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx19("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx19(Icon, { name: "email", size: "small", color: "currentColor" }) }),
-              /* @__PURE__ */ jsx19("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
+            /* @__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__ */ jsx19(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            /* @__PURE__ */ jsx24(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
           ]
         }
       )
@@ -2206,7 +2654,7 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/index.tsx
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -2226,15 +2674,15 @@ var ProfileModal = ({
   onDisconnectTelegram,
   onConnectEmail
 }) => {
-  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);
+  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(() => {
     setDraftUsername(username != null ? username : "");
   }, [username]);
-  const handleOpenChange = useCallback10(
+  const handleOpenChange = useCallback12(
     (isOpen) => {
       if (!isOpen) {
         setActiveTab(PROFILE_TAB_KEYS.ABOUT);
@@ -2255,7 +2703,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = useCallback10(
+  const handleDraftAvatarChange = useCallback12(
     (file, preview) => {
       setDraftAvatarFile(file);
       setDraftAvatarPreview(preview);
@@ -2263,7 +2711,7 @@ var ProfileModal = ({
     []
   );
   const hasChanges = draftUsername !== (username != null ? username : "") || draftAvatarFile !== void 0;
-  const handleSave = useCallback10(() => {
+  const handleSave = useCallback12(() => {
     setIsSaving(true);
     onSave({
       username: draftUsername || void 0,
@@ -2275,16 +2723,16 @@ var ProfileModal = ({
       onOpenChange(false);
     }, 500);
   }, [draftUsername, draftAvatarFile, draftAvatarPreview, onSave, onOpenChange]);
-  const handleCancel = useCallback10(() => {
+  const handleCancel = useCallback12(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
-    /* @__PURE__ */ jsx20(Modal.Header, { title: "Edit Profile" }),
-    /* @__PURE__ */ jsx20(Modal.Body, { children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
-      /* @__PURE__ */ jsxs20("div", { className: "shrink-0", children: [
-        /* @__PURE__ */ jsx20("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
+  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) => {
           const isActive = activeTab === tab.value;
-          return /* @__PURE__ */ jsxs20(
+          return /* @__PURE__ */ jsxs25(
             "button",
             {
               type: "button",
@@ -2297,14 +2745,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__ */ jsx20(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                /* @__PURE__ */ jsx20("span", { className: "whitespace-nowrap", children: tab.label })
+                /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                /* @__PURE__ */ jsx25("span", { className: "whitespace-nowrap", children: tab.label })
               ]
             },
             tab.value
           );
         }) }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx25(
           "nav",
           {
             className: cn(
@@ -2319,7 +2767,7 @@ var ProfileModal = ({
             "aria-label": "Profile sections",
             children: PROFILE_TAB_ITEMS.map((tab) => {
               const isActive = activeTab === tab.value;
-              return /* @__PURE__ */ jsxs20(
+              return /* @__PURE__ */ jsxs25(
                 "button",
                 {
                   type: "button",
@@ -2334,9 +2782,9 @@ var ProfileModal = ({
                     isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                   ),
                   children: [
-                    isActive ? /* @__PURE__ */ jsx20("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                    /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                    /* @__PURE__ */ jsx20("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                    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 })
                   ]
                 },
                 tab.value
@@ -2345,8 +2793,8 @@ var ProfileModal = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
-        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsxs25("div", { className: "min-w-0 flex-1", children: [
+        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx25(
           AboutTab,
           {
             username,
@@ -2359,7 +2807,7 @@ var ProfileModal = ({
             draftAvatarPreview
           }
         ) : null,
-        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx20(
+        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx25(
           AccountsWalletsTab,
           {
             exchanges,
@@ -2377,9 +2825,9 @@ var ProfileModal = ({
         ) : null
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs20(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-      /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsxs25(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+      /* @__PURE__ */ jsx25(
         Button,
         {
           variant: "primary",
@@ -2397,6 +2845,7 @@ ProfileModal.displayName = "ProfileModal";
 
 export {
   DepositModal,
+  OnrampModal,
   WithdrawModal,
   HowItWorksStep,
   ProfileSetupStep,