@agg-market/ui 5.0.0 → 6.0.0

package/dist/chunk-5ZKPBMRK.mjs

@@ -0,0 +1,2411 @@
+import {
+  Modal
+} from "./chunk-ADGL6RFX.mjs";
+import {
+  Select
+} from "./chunk-MHCHR65A.mjs";
+import {
+  BankIcon,
+  BestPricesIcon,
+  BoltIcon,
+  Button,
+  CheckCircleIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CopyIcon,
+  CreateAccountIcon,
+  CreditCardIcon,
+  DocumentIcon,
+  ExternalLinkIcon,
+  Icon,
+  LinkAccountsIcon,
+  PlaySquareIcon,
+  ProfileIcon,
+  StayInControlIcon,
+  VenueLogo,
+  WalletIcon,
+  WarningFilledIcon,
+  WarningIcon,
+  __async,
+  cn,
+  formatAmountDisplay,
+  formatCompactUsd,
+  venueLogoLabels
+} from "./chunk-HI4EEDN5.mjs";
+
+// src/deposit/index.tsx
+import { useState as useState3 } from "react";
+
+// src/deposit/deposit-modal.constants.ts
+var KALSHI_VENUE = "kalshi";
+var KALSHI_DEPOSIT_URL_DEFAULT = "https://kalshi.com/account/deposit";
+
+// src/deposit/steps/venue-selection.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var VenueRow = ({ venue, onSelect }) => {
+  var _a;
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  const hasShortfall = venue.shortfall != null && venue.shortfall > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 sm:gap-4",
+        "rounded-xl border border-separator",
+        "p-3 sm:p-4",
+        "hover:bg-secondary-hover transition-colors cursor-pointer"
+      ),
+      role: "button",
+      tabIndex: 0,
+      onClick: () => onSelect(venue.venue),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onSelect(venue.venue);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
+          /* @__PURE__ */ jsxs("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+            "Balance ",
+            formatCompactUsd(venue.balance)
+          ] })
+        ] }),
+        hasShortfall ? /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-4 w-4 text-agg-warning" }),
+          /* @__PURE__ */ jsxs("span", { className: "agg-type-label-strong whitespace-nowrap text-agg-warning", children: [
+            "Short ",
+            formatCompactUsd(venue.shortfall)
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "small",
+            suffix: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+            onClick: (e) => {
+              e.stopPropagation();
+              onSelect(venue.venue);
+            },
+            children: hasShortfall ? "Continue" : "Select"
+          }
+        ) })
+      ]
+    }
+  );
+};
+var VenueSelectionStep = ({
+  venues,
+  hasAnyShortfall,
+  onSelectVenue
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(Modal.Header, { title: "Deposit", hideBorder: true }),
+  /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    !hasAnyShortfall ? /* @__PURE__ */ jsx("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to deposit funds:" }) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ jsx(VenueRow, { venue, onSelect: onSelectVenue }, venue.venue)) })
+  ] }) })
+] });
+
+// src/deposit/steps/deposit-method.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DepositMethodCard = ({
+  icon,
+  title,
+  description,
+  onContinue
+}) => /* @__PURE__ */ jsxs2(
+  "div",
+  {
+    className: cn(
+      "flex items-center gap-3 sm:gap-4",
+      "rounded-xl border border-separator",
+      "p-3 sm:p-4",
+      "hover:bg-secondary-hover transition-colors cursor-pointer"
+    ),
+    role: "button",
+    tabIndex: 0,
+    onClick: onContinue,
+    onKeyDown: (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onContinue();
+      }
+    },
+    children: [
+      /* @__PURE__ */ jsx2("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "shrink-0", children: /* @__PURE__ */ jsx2(
+        Button,
+        {
+          variant: "secondary",
+          size: "small",
+          suffix: /* @__PURE__ */ jsx2(ChevronRightIcon, {}),
+          onClick: (e) => {
+            e.stopPropagation();
+            onContinue();
+          },
+          children: "Continue"
+        }
+      ) })
+    ]
+  }
+);
+var DepositMethodStep = ({
+  venue,
+  onBack,
+  onSelectMethod
+}) => {
+  var _a;
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(
+      Modal.Header,
+      {
+        title: `Deposit to ${displayName}`,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx2(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ jsxs2("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+          displayName,
+          " balance: ",
+          formatCompactUsd(venue.balance)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx2(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx2(BoltIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            title: "Transfer Crypto",
+            description: "Send USDC from your blockchain wallet.",
+            onContinue: () => onSelectMethod("crypto")
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx2(CreditCardIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            title: "Deposit with Card",
+            description: "Buy USDC instantly with a debit or credit card.",
+            onContinue: () => onSelectMethod("card")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/card-deposit.tsx
+import { useCallback, useState } from "react";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CardDepositStep = ({
+  venue,
+  onBack,
+  onContinue
+}) => {
+  var _a;
+  const [rawAmount, setRawAmount] = useState("");
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  const numericAmount = Number(rawAmount) || 0;
+  const isValid = numericAmount > 0;
+  const handleAmountChange = useCallback((e) => {
+    const v = e.target.value.replace(/[^0-9.]/g, "");
+    const parts = v.split(".");
+    const sanitized = parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v;
+    setRawAmount(sanitized);
+  }, []);
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx3(
+      Modal.Header,
+      {
+        title: `Deposit to ${displayName}`,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx3(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx3(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ jsxs3("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+          displayName,
+          " balance: ",
+          formatCompactUsd(venue.balance)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx3("div", { className: "shrink-0", children: /* @__PURE__ */ jsx3(
+          Select,
+          {
+            items: [{ value: "USD", label: "USD" }],
+            value: "USD",
+            onChange: () => {
+            },
+            ariaLabel: "Currency",
+            className: "w-auto"
+          }
+        ) }),
+        /* @__PURE__ */ jsx3("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-baseline", children: [
+          /* @__PURE__ */ jsx3("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "text",
+              inputMode: "decimal",
+              "aria-label": "Amount",
+              className: cn(
+                "agg-type-display w-full bg-transparent outline-none",
+                isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
+              ),
+              placeholder: "0",
+              value: rawAmount ? formatAmountDisplay(rawAmount) : "",
+              onChange: handleAmountChange
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-3",
+            "rounded-xl border border-separator",
+            "p-3 sm:p-4",
+            "hover:bg-secondary-hover transition-colors cursor-pointer"
+          ),
+          role: "button",
+          tabIndex: 0,
+          children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx3("p", { className: "agg-type-body-strong text-agg-foreground", children: "Provider" }),
+              /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-muted-foreground", children: "Auto-picked for you" })
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 shrink-0", children: [
+              /* @__PURE__ */ jsx3("span", { className: "agg-type-label-strong text-agg-foreground", children: "Swapped" }),
+              /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4 text-agg-foreground" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Button,
+        {
+          variant: "primary",
+          size: "large",
+          className: "w-full",
+          disabled: !isValid,
+          onClick: () => onContinue(numericAmount),
+          children: "Continue"
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/crypto-transfer.tsx
+import { useCallback as useCallback2, useMemo, useState as useState2 } from "react";
+
+// src/shared/constants.ts
+var USDC = {
+  value: "USDC",
+  label: "USDC",
+  iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
+};
+var SUPPORTED_NETWORKS = [
+  {
+    value: "base",
+    label: "Base",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/base/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "mainnet",
+    label: "Ethereum Mainnet",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/eth/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "polygon",
+    label: "Polygon Mainnet",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/polygon/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "solana",
+    label: "Solana",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/solana/dark.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "zksync",
+    label: "zkSync Era",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/zksync/colored.svg",
+    tokens: [USDC]
+  }
+];
+var getTokensForNetwork = (networkValue) => {
+  var _a;
+  const network = SUPPORTED_NETWORKS.find((n) => n.value === networkValue);
+  return (_a = network == null ? void 0 : network.tokens) != null ? _a : [];
+};
+
+// src/deposit/steps/crypto-transfer.tsx
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CryptoTransferStep = ({
+  venue,
+  onBack,
+  onDone
+}) => {
+  var _a, _b, _c, _d, _e;
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  const defaultNetwork = (_c = (_b = SUPPORTED_NETWORKS[0]) == null ? void 0 : _b.value) != null ? _c : "";
+  const [selectedNetwork, setSelectedNetwork] = useState2(defaultNetwork);
+  const tokenItems = useMemo(() => {
+    const tokens = getTokensForNetwork(selectedNetwork);
+    return tokens.map((t) => ({
+      value: t.value,
+      label: t.label,
+      iconUrl: t.iconUrl
+    }));
+  }, [selectedNetwork]);
+  const [selectedToken, setSelectedToken] = useState2((_e = (_d = tokenItems[0]) == null ? void 0 : _d.value) != null ? _e : "");
+  const networkItems = useMemo(
+    () => SUPPORTED_NETWORKS.map((n) => ({
+      value: n.value,
+      label: n.label,
+      iconUrl: n.iconUrl
+    })),
+    []
+  );
+  const handleNetworkChange = useCallback2((networkValue) => {
+    var _a2, _b2;
+    setSelectedNetwork(networkValue);
+    const tokens = getTokensForNetwork(networkValue);
+    setSelectedToken((_b2 = (_a2 = tokens[0]) == null ? void 0 : _a2.value) != null ? _b2 : "");
+  }, []);
+  const depositAddress = "82nbtQamxV3KPZtyRMXjrQ4xwQJMRcXn2PYmpfQyq5UK";
+  const handleCopyAddress = useCallback2(() => {
+    void navigator.clipboard.writeText(depositAddress);
+  }, [depositAddress]);
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx4(
+      Modal.Header,
+      {
+        title: `Deposit to ${displayName}`,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx4(
+          "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__ */ jsx4(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx4(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex gap-6", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported token" }),
+            /* @__PURE__ */ jsx4(
+              Select,
+              {
+                items: tokenItems,
+                value: selectedToken,
+                onChange: setSelectedToken,
+                ariaLabel: "Supported token"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported network" }),
+            /* @__PURE__ */ jsx4(
+              Select,
+              {
+                items: networkItems,
+                value: selectedNetwork,
+                onChange: handleNetworkChange,
+                ariaLabel: "Supported network"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Your deposit address" }),
+          /* @__PURE__ */ jsxs4(
+            "div",
+            {
+              className: cn(
+                "flex items-center gap-2",
+                "rounded border border-separator bg-secondary",
+                "h-10 px-3"
+              ),
+              children: [
+                /* @__PURE__ */ jsx4("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+                /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    type: "button",
+                    className: "shrink-0 text-agg-muted-foreground transition-colors hover:text-agg-foreground",
+                    onClick: handleCopyAddress,
+                    "aria-label": "Copy deposit address",
+                    children: /* @__PURE__ */ jsx4(CopyIcon, { className: "h-4 w-4" })
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "large", className: "w-full", onClick: onDone, children: "Done" })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/kalshi-deposit.tsx
+import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var KalshiStepCard = ({
+  step,
+  title,
+  description,
+  children
+}) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
+  /* @__PURE__ */ jsxs5("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
+    "Step ",
+    step
+  ] }),
+  /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
+    /* @__PURE__ */ jsx5("p", { className: "agg-type-label text-agg-foreground", children: description })
+  ] }),
+  children
+] });
+var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ jsxs5(Fragment5, { children: [
+  /* @__PURE__ */ jsx5(Modal.Header, { title: "", hideBorder: true }),
+  /* @__PURE__ */ jsx5(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-8", children: [
+    /* @__PURE__ */ jsx5(
+      VenueLogo,
+      {
+        venue: "kalshi",
+        size: "large",
+        className: "h-[60px] w-[60px] rounded-lg"
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+      /* @__PURE__ */ jsx5("h2", { className: "agg-type-heading text-agg-foreground", children: "Fund Your Kalshi Account" }),
+      /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col gap-4", children: [
+      /* @__PURE__ */ jsx5(
+        KalshiStepCard,
+        {
+          step: 1,
+          title: "Open Kalshi Deposit Page",
+          description: "Sign in to your Kalshi account and go to Deposit (Add Funds) from your account menu.",
+          children: /* @__PURE__ */ jsx5("div", { className: "mt-1", children: /* @__PURE__ */ jsx5(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              suffix: /* @__PURE__ */ jsx5(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              onClick: () => {
+                window.open(depositUrl, "_blank", "noopener,noreferrer");
+              },
+              children: "Open Kalshi"
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        KalshiStepCard,
+        {
+          step: 2,
+          title: "Choose a Funding Method",
+          description: "Select a deposit method: Bank transfer (ACH), Debit card, Wire, or USDC (crypto)."
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        KalshiStepCard,
+        {
+          step: 3,
+          title: "Complete Your Deposit",
+          description: "Follow the on-screen instructions to confirm your deposit. Funds may arrive instantly (card/crypto) or within a few business days (ACH/wire)."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx5(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
+  ] }) })
+] });
+
+// src/deposit/index.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var DepositModal = ({
+  open,
+  onOpenChange,
+  venues,
+  onSelectVenue,
+  onSelectDepositMethod,
+  onContinueCardDeposit,
+  onDoneCryptoTransfer,
+  onDoneKalshi,
+  kalshiDepositUrl = KALSHI_DEPOSIT_URL_DEFAULT
+}) => {
+  const [step, setStep] = useState3("venues");
+  const [selectedVenue, setSelectedVenue] = useState3(null);
+  const hasAnyShortfall = venues.some((v) => v.shortfall != null && v.shortfall > 0);
+  const handleSelectVenue = (venueSlug) => {
+    onSelectVenue(venueSlug);
+    if (venueSlug === KALSHI_VENUE) {
+      setStep("kalshi");
+      return;
+    }
+    const venueData = venues.find((v) => v.venue === venueSlug);
+    if (venueData) {
+      setSelectedVenue(venueData);
+      setStep("method");
+    }
+  };
+  const handleBackToVenues = () => {
+    setStep("venues");
+    setSelectedVenue(null);
+  };
+  const handleBackToMethod = () => {
+    setStep("method");
+  };
+  const handleSelectMethod = (method) => {
+    if (!selectedVenue)
+      return;
+    if (method === "card") {
+      setStep("card-deposit");
+    } else {
+      setStep("crypto-transfer");
+      onSelectDepositMethod == null ? void 0 : onSelectDepositMethod(selectedVenue.venue, method);
+    }
+  };
+  const handleContinueCardDeposit = (amount) => {
+    if (selectedVenue) {
+      onContinueCardDeposit == null ? void 0 : onContinueCardDeposit(selectedVenue.venue, amount);
+    }
+  };
+  const handleDoneCryptoTransfer = () => {
+    if (selectedVenue) {
+      onDoneCryptoTransfer == null ? void 0 : onDoneCryptoTransfer(selectedVenue.venue);
+    }
+  };
+  const handleDoneKalshi = () => {
+    onDoneKalshi == null ? void 0 : onDoneKalshi();
+    onOpenChange(false);
+  };
+  const handleOpenChange = (isOpen) => {
+    if (!isOpen) {
+      setStep("venues");
+      setSelectedVenue(null);
+    }
+    onOpenChange(isOpen);
+  };
+  return /* @__PURE__ */ jsx6(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs6(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
+    step === "venues" ? /* @__PURE__ */ jsx6(
+      VenueSelectionStep,
+      {
+        venues,
+        hasAnyShortfall,
+        onSelectVenue: handleSelectVenue
+      }
+    ) : null,
+    step === "method" && selectedVenue ? /* @__PURE__ */ jsx6(
+      DepositMethodStep,
+      {
+        venue: selectedVenue,
+        onBack: handleBackToVenues,
+        onSelectMethod: handleSelectMethod
+      }
+    ) : null,
+    step === "card-deposit" && selectedVenue ? /* @__PURE__ */ jsx6(
+      CardDepositStep,
+      {
+        venue: selectedVenue,
+        onBack: handleBackToMethod,
+        onContinue: handleContinueCardDeposit
+      }
+    ) : null,
+    step === "crypto-transfer" && selectedVenue ? /* @__PURE__ */ jsx6(
+      CryptoTransferStep,
+      {
+        venue: selectedVenue,
+        onBack: handleBackToMethod,
+        onDone: handleDoneCryptoTransfer
+      }
+    ) : null,
+    step === "kalshi" ? /* @__PURE__ */ jsx6(KalshiDepositStep, { depositUrl: kalshiDepositUrl, onDone: handleDoneKalshi }) : null
+  ] }) });
+};
+DepositModal.displayName = "DepositModal";
+
+// src/withdraw/index.tsx
+import { useState as useState5 } 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";
+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(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 sm:gap-4",
+        "rounded-xl border border-separator",
+        "p-3 sm:p-4",
+        "transition-colors",
+        isDisabled ? "opacity-50 cursor-not-allowed" : "hover:bg-secondary-hover cursor-pointer"
+      ),
+      role: "button",
+      tabIndex: isDisabled ? -1 : 0,
+      "aria-disabled": isDisabled,
+      onClick: () => {
+        if (!isDisabled)
+          onSelect(venue.venue);
+      },
+      onKeyDown: (e) => {
+        if (!isDisabled && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          onSelect(venue.venue);
+        }
+      },
+      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: [
+            "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(
+          Button,
+          {
+            variant: "secondary",
+            size: "small",
+            suffix: /* @__PURE__ */ jsx7(ChevronRightIcon, {}),
+            onClick: (e) => {
+              e.stopPropagation();
+              onSelect(venue.venue);
+            },
+            children: "Select"
+          }
+        ) })
+      ]
+    }
+  );
+};
+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)) })
+  ] }) })
+] });
+
+// src/withdraw/steps/withdraw-method.tsx
+import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var WithdrawMethodCard = ({
+  icon,
+  title,
+  description,
+  onContinue
+}) => /* @__PURE__ */ jsxs8(
+  "div",
+  {
+    className: cn(
+      "flex items-center gap-3 sm:gap-4",
+      "rounded-xl border border-separator",
+      "p-3 sm:p-4",
+      "hover:bg-secondary-hover transition-colors cursor-pointer"
+    ),
+    role: "button",
+    tabIndex: 0,
+    onClick: onContinue,
+    onKeyDown: (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onContinue();
+      }
+    },
+    children: [
+      /* @__PURE__ */ jsx8("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-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__ */ jsx8("div", { className: "shrink-0", children: /* @__PURE__ */ jsx8(
+        Button,
+        {
+          variant: "secondary",
+          size: "small",
+          suffix: /* @__PURE__ */ jsx8(ChevronRightIcon, {}),
+          onClick: (e) => {
+            e.stopPropagation();
+            onContinue();
+          },
+          children: "Continue"
+        }
+      ) })
+    ]
+  }
+);
+var WithdrawMethodStep = ({
+  venue,
+  onBack,
+  onSelectMethod
+}) => {
+  var _a;
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  return /* @__PURE__ */ jsxs8(Fragment7, { children: [
+    /* @__PURE__ */ jsx8(
+      Modal.Header,
+      {
+        title: `Withdraw from ${displayName}`,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx8(
+          "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" })
+          }
+        )
+      }
+    ),
+    /* @__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: [
+          displayName,
+          " balance: ",
+          formatCompactUsd(venue.balance)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx8(
+          WithdrawMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx8(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(
+          WithdrawMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx8(BankIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            title: "Withdraw to Bank",
+            description: "Transfer funds to your linked bank account.",
+            onContinue: () => onSelectMethod("bank")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+
+// 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";
+var WithdrawAmountStep = ({
+  venue,
+  method,
+  onBack,
+  onContinue
+}) => {
+  var _a;
+  const [rawAmount, setRawAmount] = useState4("");
+  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 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(() => {
+    setRawAmount(venue.balance.toString());
+  }, [venue.balance]);
+  return /* @__PURE__ */ jsxs9(Fragment8, { children: [
+    /* @__PURE__ */ jsx9(
+      Modal.Header,
+      {
+        title: `Withdraw to ${methodLabel}`,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx9(
+          "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" })
+          }
+        )
+      }
+    ),
+    /* @__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: [
+            displayName,
+            " balance: ",
+            formatCompactUsd(venue.balance)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            type: "button",
+            className: "agg-type-label-strong text-agg-primary transition-colors hover:text-agg-primary/80",
+            onClick: handleMax,
+            children: "Max"
+          }
+        )
+      ] }),
+      /* @__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(
+            "input",
+            {
+              type: "text",
+              inputMode: "decimal",
+              "aria-label": "Amount",
+              className: cn(
+                "agg-type-display w-full bg-transparent outline-none",
+                exceedsBalance ? "text-agg-error" : numericAmount > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
+              ),
+              placeholder: "0",
+              value: rawAmount ? formatAmountDisplay(rawAmount) : "",
+              onChange: handleAmountChange
+            }
+          )
+        ] }),
+        exceedsBalance ? /* @__PURE__ */ jsx9("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
+      ] }),
+      /* @__PURE__ */ jsx9(
+        Button,
+        {
+          variant: "primary",
+          size: "large",
+          className: "w-full",
+          disabled: !isValid,
+          onClick: () => onContinue(numericAmount),
+          children: "Continue"
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/kalshi-withdraw.tsx
+import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var KalshiStepCard2 = ({
+  step,
+  title,
+  description,
+  children
+}) => /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
+  /* @__PURE__ */ jsxs10("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 })
+  ] }),
+  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(
+      VenueLogo,
+      {
+        venue: "kalshi",
+        size: "large",
+        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__ */ jsxs10("div", { className: "flex w-full flex-col gap-4", children: [
+      /* @__PURE__ */ jsx10(
+        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(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              suffix: /* @__PURE__ */ jsx10(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              onClick: () => {
+                window.open(withdrawUrl, "_blank", "noopener,noreferrer");
+              },
+              children: "Open Kalshi"
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ jsx10(
+        KalshiStepCard2,
+        {
+          step: 2,
+          title: "Choose a Withdrawal Method",
+          description: "Select a withdrawal method: Bank transfer (ACH), Wire, or USDC (crypto)."
+        }
+      ),
+      /* @__PURE__ */ jsx10(
+        KalshiStepCard2,
+        {
+          step: 3,
+          title: "Complete Your Withdrawal",
+          description: "Follow the on-screen instructions to confirm your withdrawal. Funds may take a few business days to arrive."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx10(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
+  ] }) })
+] });
+
+// src/withdraw/index.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var WithdrawModal = ({
+  open,
+  onOpenChange,
+  venues,
+  onSelectVenue,
+  onSelectWithdrawMethod,
+  onContinueWalletWithdraw,
+  onContinueBankWithdraw,
+  onDoneKalshi,
+  kalshiWithdrawUrl = KALSHI_WITHDRAW_URL_DEFAULT
+}) => {
+  const [step, setStep] = useState5("venues");
+  const [selectedVenue, setSelectedVenue] = useState5(null);
+  const [selectedMethod, setSelectedMethod] = useState5(null);
+  const handleSelectVenue = (venueSlug) => {
+    onSelectVenue(venueSlug);
+    if (venueSlug === KALSHI_VENUE2) {
+      setStep("kalshi");
+      return;
+    }
+    const venueData = venues.find((v) => v.venue === venueSlug);
+    if (venueData) {
+      setSelectedVenue(venueData);
+      setStep("method");
+    }
+  };
+  const handleBackToVenues = () => {
+    setStep("venues");
+    setSelectedVenue(null);
+    setSelectedMethod(null);
+  };
+  const handleBackToMethod = () => {
+    setStep("method");
+    setSelectedMethod(null);
+  };
+  const handleSelectMethod = (method) => {
+    if (!selectedVenue)
+      return;
+    setSelectedMethod(method);
+    setStep("withdraw-amount");
+    onSelectWithdrawMethod == null ? void 0 : onSelectWithdrawMethod(selectedVenue.venue, method);
+  };
+  const handleContinueWithdraw = (amount) => {
+    if (!selectedVenue || !selectedMethod)
+      return;
+    if (selectedMethod === "wallet") {
+      onContinueWalletWithdraw == null ? void 0 : onContinueWalletWithdraw(selectedVenue.venue, amount);
+    } else {
+      onContinueBankWithdraw == null ? void 0 : onContinueBankWithdraw(selectedVenue.venue, amount);
+    }
+  };
+  const handleDoneKalshi = () => {
+    onDoneKalshi == null ? void 0 : onDoneKalshi();
+    onOpenChange(false);
+  };
+  const handleOpenChange = (isOpen) => {
+    if (!isOpen) {
+      setStep("venues");
+      setSelectedVenue(null);
+      setSelectedMethod(null);
+    }
+    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(
+      WithdrawMethodStep,
+      {
+        venue: selectedVenue,
+        onBack: handleBackToVenues,
+        onSelectMethod: handleSelectMethod
+      }
+    ) : null,
+    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ jsx11(
+      WithdrawAmountStep,
+      {
+        venue: selectedVenue,
+        method: selectedMethod,
+        onBack: handleBackToMethod,
+        onContinue: handleContinueWithdraw
+      }
+    ) : null,
+    step === "kalshi" ? /* @__PURE__ */ jsx11(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
+  ] }) });
+};
+WithdrawModal.displayName = "WithdrawModal";
+
+// src/onboarding/index.tsx
+import { useCallback as useCallback8, useEffect, useState as useState10 } from "react";
+import { useLabels as useLabels6 } from "@agg-market/hooks";
+import * as Dialog3 from "@radix-ui/react-dialog";
+
+// src/onboarding/onboarding-modal.constants.ts
+var HOW_IT_WORKS_FEATURE_KEYS = [
+  "createAccount",
+  "linkAccounts",
+  "bestPrices",
+  "stayInControl"
+];
+var ONBOARDING_STEPS = {
+  HOW_IT_WORKS: 0,
+  PROFILE_SETUP: 1,
+  CONNECT_ACCOUNTS: 2
+};
+var ONCHAIN_VENUES = [
+  "polymarket",
+  "opinion",
+  "probable"
+];
+
+// src/onboarding/steps/how-it-works.tsx
+import { useCallback as useCallback4, useRef, useState as useState6 } from "react";
+import { useLabels } from "@agg-market/hooks";
+import { jsx as jsx12, jsxs as jsxs12 } 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" })
+};
+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 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(
+        "div",
+        {
+          ref: scrollRef,
+          onScroll: handleScroll,
+          className: "flex flex-col gap-4 overflow-y-auto sm:overflow-visible h-full",
+          children: HOW_IT_WORKS_FEATURE_KEYS.map((featureKey) => {
+            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(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-4 py-4 px-5 sm:px-4",
+                  "rounded-agg-md",
+                  "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 })
+                  ] }),
+                  icon ? /* @__PURE__ */ jsx12("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                ]
+              },
+              featureKey
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "div",
+        {
+          className: cn(
+            "pointer-events-none absolute inset-x-0 top-0 h-20",
+            "bg-gradient-to-b from-agg-secondary to-transparent",
+            "sm:hidden transition-opacity",
+            showTopGradient ? "opacity-100" : "opacity-0"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "div",
+        {
+          className: cn(
+            "pointer-events-none absolute inset-x-0 bottom-0 h-20",
+            "bg-gradient-to-t from-agg-secondary to-transparent",
+            "sm:hidden transition-opacity",
+            showBottomGradient ? "opacity-100" : "opacity-0"
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx12(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 { useLabels as useLabels2 } from "@agg-market/hooks";
+import { jsx as jsx13, jsxs as jsxs13 } 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(() => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  }, []);
+  const handleFileChange = useCallback5((e) => {
+    var _a;
+    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    if (!file)
+      return;
+    setAvatarFile(file);
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      var _a2;
+      setAvatarPreview((_a2 = event.target) == null ? void 0 : _a2.result);
+    };
+    reader.readAsDataURL(file);
+  }, []);
+  const handleContinue = useCallback5(() => {
+    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(
+          "button",
+          {
+            type: "button",
+            onClick: handleAvatarClick,
+            className: cn(
+              "relative flex items-center justify-center",
+              "h-[80px] w-[80px]",
+              "rounded-agg-full",
+              "border border-dashed border-agg-separator",
+              "bg-agg-secondary-hover",
+              "hover:bg-agg-tertiary",
+              "transition-colors cursor-pointer",
+              "overflow-hidden"
+            ),
+            "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+            children: avatarPreview ? /* @__PURE__ */ jsx13(
+              "img",
+              {
+                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__ */ jsx13(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/*",
+            onChange: handleFileChange,
+            className: "hidden",
+            "aria-hidden": "true"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx13(
+          "label",
+          {
+            htmlFor: "onboarding-username",
+            className: "text-agg-sm font-agg-bold text-agg-foreground",
+            children: labels.onboarding.profileSetup.usernameLabel
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            id: "onboarding-username",
+            type: "text",
+            value: username,
+            onChange: (e) => setUsername(e.target.value),
+            placeholder: labels.onboarding.profileSetup.usernamePlaceholder,
+            className: cn(
+              "w-full px-3 py-2.5",
+              "rounded-[4px]",
+              "border border-agg-separator",
+              "bg-agg-secondary text-agg-foreground",
+              "placeholder:text-agg-muted-foreground",
+              "outline-none",
+              "hover:bg-agg-secondary-hover",
+              "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+              "transition-colors",
+              "text-agg-sm sm:text-agg-base"
+            )
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx13(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";
+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)) });
+};
+var VenueCard = ({
+  logos,
+  title,
+  mobileTitle,
+  description,
+  mobileDescription,
+  onConnect,
+  connected = false
+}) => {
+  const labels = useLabels3();
+  const action = connected ? /* @__PURE__ */ jsx14(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx14(
+    Button,
+    {
+      variant: "tertiary",
+      size: "large",
+      className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+      onClick: onConnect,
+      children: labels.onboarding.connectAccounts.connect
+    }
+  );
+  const mobileAction = connected ? /* @__PURE__ */ jsx14(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx14(
+    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" }),
+      children: labels.onboarding.connectAccounts.connectAccount
+    }
+  );
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      className: cn(
+        "rounded-agg-md p-5 transition-colors",
+        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__ */ jsx14("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__ */ 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 }),
+            mobileAction
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var ConnectAccountsStep = ({
+  onConnectOnchain,
+  onConnectKalshi,
+  onContinue,
+  connectedOnchain = false,
+  connectedKalshi = false
+}) => {
+  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(
+        VenueCard,
+        {
+          logos: /* @__PURE__ */ jsx14(OnchainVenueLogos, {}),
+          title: labels.onboarding.connectAccounts.onchainTitle,
+          mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
+            ONCHAIN_VENUES.length - 1
+          ),
+          description: labels.onboarding.connectAccounts.onchainDescription,
+          mobileDescription: labels.onboarding.connectAccounts.onchainMobileDescription,
+          onConnect: onConnectOnchain,
+          connected: connectedOnchain
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        VenueCard,
+        {
+          logos: /* @__PURE__ */ jsx14("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx14(
+            VenueLogo,
+            {
+              venue: "kalshi",
+              variant: "logo",
+              size: "large",
+              className: "h-6 w-6 sm:h-9 sm:w-9"
+            }
+          ) }),
+          title: labels.onboarding.connectAccounts.kalshiTitle,
+          mobileTitle: labels.onboarding.connectAccounts.kalshiMobileTitle,
+          description: labels.onboarding.connectAccounts.kalshiDescription,
+          mobileDescription: labels.onboarding.connectAccounts.kalshiMobileDescription,
+          onConnect: onConnectKalshi,
+          connected: connectedKalshi
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx14(
+      Button,
+      {
+        variant: "primary",
+        size: "large",
+        className: "w-full",
+        onClick: onContinue,
+        disabled: !canContinue,
+        children: labels.onboarding.connectAccounts.continue
+      }
+    )
+  ] });
+};
+ConnectAccountsStep.displayName = "ConnectAccountsStep";
+
+// src/onboarding/steps/connect-kalshi-modal.tsx
+import { useCallback as useCallback6, useState as useState8 } 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";
+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 canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
+  const handleCancel = useCallback6(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleVerify = useCallback6(() => __async(void 0, null, function* () {
+    if (!canVerify || verifying)
+      return;
+    setVerifying(true);
+    setError(void 0);
+    try {
+      const credentials = {
+        apiKeyId: apiKeyId.trim(),
+        privateKey: privateKey.trim()
+      };
+      yield onVerify(credentials);
+      setApiKeyId("");
+      setPrivateKey("");
+      onOpenChange(false);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : labels.onboarding.connectKalshiModal.fallbackError
+      );
+    } finally {
+      setVerifying(false);
+    }
+  }), [
+    apiKeyId,
+    canVerify,
+    labels.onboarding.connectKalshiModal.fallbackError,
+    onOpenChange,
+    onVerify,
+    privateKey,
+    verifying
+  ]);
+  const handleOpenChange = useCallback6(
+    (value) => {
+      if (value) {
+        setApiKeyId("");
+        setPrivateKey("");
+        setError(void 0);
+        setVerifying(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ jsx15(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs15(
+    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(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__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(
+            VenueLogo,
+            {
+              venue: "kalshi",
+              variant: "logo",
+              size: "large",
+              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__ */ 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__ */ 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: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
+                  " ",
+                  /* @__PURE__ */ jsx15("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__ */ jsxs15("p", { children: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
+                  " ",
+                  /* @__PURE__ */ jsx15("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
+                ] }),
+                /* @__PURE__ */ jsxs15("p", { children: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
+                  " ",
+                  /* @__PURE__ */ jsx15("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__ */ jsxs15("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
+                /* @__PURE__ */ jsx15("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__ */ 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(
+                  "label",
+                  {
+                    htmlFor: "kalshi-api-key-id",
+                    className: "text-agg-sm font-agg-bold text-agg-foreground",
+                    children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
+                  }
+                ),
+                /* @__PURE__ */ jsx15(
+                  "input",
+                  {
+                    id: "kalshi-api-key-id",
+                    type: "text",
+                    value: apiKeyId,
+                    onChange: (e) => setApiKeyId(e.target.value),
+                    placeholder: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdPlaceholder,
+                    className: cn(
+                      "w-full px-3 py-2.5 h-10",
+                      "rounded border border-agg-separator",
+                      "bg-agg-secondary text-agg-base text-agg-foreground",
+                      "placeholder:text-agg-muted-foreground",
+                      "outline-none",
+                      "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+                      "transition-colors"
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx15(
+                  "label",
+                  {
+                    htmlFor: "kalshi-private-key",
+                    className: "text-agg-sm font-agg-bold text-agg-foreground",
+                    children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
+                  }
+                ),
+                /* @__PURE__ */ jsx15(
+                  "textarea",
+                  {
+                    id: "kalshi-private-key",
+                    value: privateKey,
+                    onChange: (e) => setPrivateKey(e.target.value),
+                    placeholder: labels.onboarding.connectKalshiModal.stepTwo.privateKeyPlaceholder,
+                    rows: 3,
+                    className: cn(
+                      "w-full px-3 py-2.5",
+                      "rounded border border-agg-separator",
+                      "bg-agg-secondary text-agg-base text-agg-foreground",
+                      "placeholder:text-agg-muted-foreground",
+                      "outline-none resize-none",
+                      "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+                      "transition-colors"
+                    )
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__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(
+                "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" }),
+                    labels.onboarding.connectKalshiModal.help.docsLinkLabel
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx15("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs15(
+                "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" }),
+                    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 })
+            ] }) : 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(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleVerify,
+                  disabled: !canVerify,
+                  isLoading: verifying,
+                  children: labels.onboarding.connectKalshiModal.actions.verifyConnection
+                }
+              )
+            ] })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+ConnectKalshiModal.displayName = "ConnectKalshiModal";
+
+// src/onboarding/steps/connect-onchain-modal.tsx
+import { useCallback as useCallback7, useState as useState9 } 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";
+var ConnectOnchainModal = ({
+  open,
+  onOpenChange,
+  onConnect
+}) => {
+  const labels = useLabels5();
+  const [connecting, setConnecting] = useState9(false);
+  const [error, setError] = useState9();
+  const handleCancel = useCallback7(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleConnect = useCallback7(() => __async(void 0, null, function* () {
+    if (connecting)
+      return;
+    setConnecting(true);
+    setError(void 0);
+    try {
+      yield onConnect();
+      onOpenChange(false);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : labels.onboarding.connectOnchainModal.fallbackError
+      );
+    } finally {
+      setConnecting(false);
+    }
+  }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
+  const handleOpenChange = useCallback7(
+    (value) => {
+      if (value) {
+        setError(void 0);
+        setConnecting(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ jsx16(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs16(
+    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(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__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__ */ 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] })
+            ] }, 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 })
+              ] }) : null,
+              /* @__PURE__ */ jsx16(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleConnect,
+                  isLoading: connecting,
+                  children: labels.onboarding.connectOnchainModal.connect
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx16(
+              Button,
+              {
+                variant: "tertiary",
+                size: "medium",
+                className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+                onClick: handleCancel,
+                children: labels.onboarding.connectOnchainModal.cancel
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+ConnectOnchainModal.displayName = "ConnectOnchainModal";
+
+// src/onboarding/index.tsx
+import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var OnboardingModal = ({
+  open,
+  onOpenChange,
+  onProfileSubmit,
+  onConnectOnchain,
+  onConnectKalshi,
+  onComplete,
+  howItWorksIcons,
+  connectedOnchain = false,
+  connectedKalshi = false
+}) => {
+  var _a;
+  const labels = useLabels6();
+  const [step, setStep] = useState10(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const stepLabels = {
+    [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
+    [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
+    [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
+  };
+  const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
+  const [kalshiModalOpen, setKalshiModalOpen] = useState10(false);
+  const [kalshiConnected, setKalshiConnected] = useState10(false);
+  const [onchainModalOpen, setOnchainModalOpen] = useState10(false);
+  const [onchainConnected, setOnchainConnected] = useState10(false);
+  useEffect(() => {
+    if (open) {
+      setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
+      setKalshiConnected(false);
+      setOnchainConnected(false);
+    }
+  }, [open]);
+  const handleHowItWorksContinue = useCallback8(() => {
+    setStep(ONBOARDING_STEPS.PROFILE_SETUP);
+  }, []);
+  const handleProfileContinue = useCallback8(
+    (data) => {
+      onProfileSubmit == null ? void 0 : onProfileSubmit(data);
+      setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
+    },
+    [onProfileSubmit]
+  );
+  const handleConnectContinue = useCallback8(() => {
+    onComplete == null ? void 0 : onComplete();
+  }, [onComplete]);
+  const handleOpenOnchainModal = useCallback8(() => {
+    setOnchainModalOpen(true);
+  }, []);
+  const handleOnchainConnect = useCallback8(() => __async(void 0, null, function* () {
+    yield onConnectOnchain == null ? void 0 : onConnectOnchain();
+    setOnchainConnected(true);
+  }), [onConnectOnchain]);
+  const handleOpenKalshiModal = useCallback8(() => {
+    setKalshiModalOpen(true);
+  }, []);
+  const handleKalshiVerify = useCallback8(
+    (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(
+      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(
+              ConnectAccountsStep,
+              {
+                onConnectOnchain: handleOpenOnchainModal,
+                onConnectKalshi: handleOpenKalshiModal,
+                onContinue: handleConnectContinue,
+                connectedOnchain: connectedOnchain || onchainConnected,
+                connectedKalshi: connectedKalshi || kalshiConnected
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx17(
+      ConnectOnchainModal,
+      {
+        open: onchainModalOpen,
+        onOpenChange: setOnchainModalOpen,
+        onConnect: handleOnchainConnect
+      }
+    ),
+    /* @__PURE__ */ jsx17(
+      ConnectKalshiModal,
+      {
+        open: kalshiModalOpen,
+        onOpenChange: setKalshiModalOpen,
+        onVerify: handleKalshiVerify
+      }
+    )
+  ] });
+};
+OnboardingModal.displayName = "OnboardingModal";
+
+// src/profile/index.tsx
+import { useState as useState11, useEffect as useEffect2, useCallback as useCallback10 } from "react";
+
+// src/profile/profile-modal.constants.ts
+var PROFILE_TAB_KEYS = {
+  ABOUT: "about",
+  ACCOUNTS_WALLETS: "accounts-wallets"
+};
+var PROFILE_TAB_ITEMS = [
+  { value: PROFILE_TAB_KEYS.ABOUT, label: "About", icon: "profile" },
+  { value: PROFILE_TAB_KEYS.ACCOUNTS_WALLETS, label: "Accounts & wallets", icon: "wallet" }
+];
+
+// src/profile/tabs/about-tab.tsx
+import { useCallback as useCallback9, useRef as useRef3 } from "react";
+import { useLabels as useLabels7 } from "@agg-market/hooks";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var AboutTab = ({
+  avatarPreview,
+  onDeleteProfile,
+  draftUsername,
+  onDraftUsernameChange,
+  onDraftAvatarChange,
+  draftAvatarPreview
+}) => {
+  const labels = useLabels7();
+  const fileInputRef = useRef3(null);
+  const handleAvatarClick = useCallback9(() => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  }, []);
+  const handleFileChange = useCallback9(
+    (e) => {
+      var _a;
+      const file = (_a = e.target.files) == null ? void 0 : _a[0];
+      if (!file)
+        return;
+      const reader = new FileReader();
+      reader.onload = (event) => {
+        var _a2;
+        onDraftAvatarChange(file, (_a2 = event.target) == null ? void 0 : _a2.result);
+      };
+      reader.readAsDataURL(file);
+    },
+    [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(
+        "button",
+        {
+          type: "button",
+          onClick: handleAvatarClick,
+          className: cn(
+            "relative flex items-center justify-center",
+            "h-[80px] w-[80px]",
+            "rounded-agg-full",
+            "border-2 border-dashed border-agg-separator",
+            "bg-agg-secondary",
+            "hover:border-agg-muted-foreground hover:bg-agg-secondary-hover",
+            "transition-colors cursor-pointer",
+            "overflow-hidden"
+          ),
+          "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+          children: resolvedPreview ? /* @__PURE__ */ jsx18(
+            "img",
+            {
+              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__ */ jsx18(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept: "image/*",
+          onChange: handleFileChange,
+          className: "hidden",
+          "aria-hidden": "true"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx18(
+        "label",
+        {
+          htmlFor: "profile-username",
+          className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+          children: "Username"
+        }
+      ),
+      /* @__PURE__ */ jsx18(
+        "input",
+        {
+          id: "profile-username",
+          type: "text",
+          placeholder: "e.g. CryptoJohn",
+          value: draftUsername,
+          onChange: (e) => onDraftUsernameChange(e.target.value),
+          className: cn(
+            "w-full px-4 py-3",
+            "rounded-agg-xl",
+            "border border-agg-separator",
+            "bg-agg-secondary text-agg-foreground",
+            "placeholder:text-agg-muted-foreground",
+            "outline-none",
+            "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+            "transition-colors",
+            "text-agg-sm sm:text-agg-base"
+          )
+        }
+      )
+    ] }),
+    /* @__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__ */ jsx18(
+        "button",
+        {
+          type: "button",
+          onClick: onDeleteProfile,
+          className: cn(
+            "self-start cursor-pointer",
+            "rounded-agg-full border border-[#e5455f]",
+            "h-8 px-4",
+            "text-agg-sm font-agg-bold leading-agg-5 text-[#e5455f]",
+            "bg-agg-secondary hover:bg-[#e5455f]/10",
+            "transition-colors"
+          ),
+          children: "Delete Profile"
+        }
+      )
+    ] })
+  ] });
+};
+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(
+  "div",
+  {
+    className: cn(
+      "flex items-center justify-between",
+      "rounded-agg-lg border border-agg-separator bg-agg-secondary",
+      "px-5 py-3",
+      className
+    ),
+    children
+  }
+);
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx19(
+  "button",
+  {
+    type: "button",
+    onClick,
+    className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap",
+    children: "Connect"
+  }
+);
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx19(
+  "button",
+  {
+    type: "button",
+    onClick,
+    className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground whitespace-nowrap",
+    children: "Disconnect"
+  }
+);
+var AccountsWalletsTab = ({
+  exchanges,
+  socialAccounts,
+  email,
+  onDisconnectExchange,
+  onConnectTwitter,
+  onDisconnectTwitter,
+  onConnectDiscord,
+  onDisconnectDiscord,
+  onConnectTelegram,
+  onDisconnectTelegram,
+  onConnectEmail
+}) => {
+  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) => {
+        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(
+                Icon,
+                {
+                  name: "check-badge",
+                  size: "small",
+                  color: "var(--agg-color-primary, #536dfe)"
+                }
+              ) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx19(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)" })
+          ] }),
+          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx19(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx19(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" })
+          ] }),
+          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ jsx19(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ jsx19(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" })
+          ] }),
+          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ jsx19(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ jsx19(ConnectTextButton, { onClick: onConnectTelegram })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx19(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ jsxs19(
+        "button",
+        {
+          type: "button",
+          onClick: onConnectEmail,
+          className: cn(
+            "flex items-center justify-between",
+            "rounded-agg-lg border border-agg-separator bg-agg-secondary",
+            "px-5 py-3",
+            "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__ */ jsx19(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+AccountsWalletsTab.displayName = "AccountsWalletsTab";
+
+// src/profile/index.tsx
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+var ProfileModal = ({
+  open,
+  onOpenChange,
+  username,
+  avatarPreview,
+  onSave,
+  onDeleteProfile,
+  exchanges,
+  socialAccounts,
+  email,
+  onDisconnectExchange,
+  onConnectTwitter,
+  onDisconnectTwitter,
+  onConnectDiscord,
+  onDisconnectDiscord,
+  onConnectTelegram,
+  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);
+  useEffect2(() => {
+    setDraftUsername(username != null ? username : "");
+  }, [username]);
+  const handleOpenChange = useCallback10(
+    (isOpen) => {
+      if (!isOpen) {
+        setActiveTab(PROFILE_TAB_KEYS.ABOUT);
+        setIsSaving(false);
+        setDraftUsername(username != null ? username : "");
+        setDraftAvatarFile(void 0);
+        setDraftAvatarPreview(void 0);
+      }
+      onOpenChange(isOpen);
+    },
+    [
+      onOpenChange,
+      username,
+      setActiveTab,
+      setIsSaving,
+      setDraftUsername,
+      setDraftAvatarFile,
+      setDraftAvatarPreview
+    ]
+  );
+  const handleDraftAvatarChange = useCallback10(
+    (file, preview) => {
+      setDraftAvatarFile(file);
+      setDraftAvatarPreview(preview);
+    },
+    []
+  );
+  const hasChanges = draftUsername !== (username != null ? username : "") || draftAvatarFile !== void 0;
+  const handleSave = useCallback10(() => {
+    setIsSaving(true);
+    onSave({
+      username: draftUsername || void 0,
+      avatarFile: draftAvatarFile,
+      avatarPreview: draftAvatarPreview
+    });
+    setTimeout(() => {
+      setIsSaving(false);
+      onOpenChange(false);
+    }, 500);
+  }, [draftUsername, draftAvatarFile, draftAvatarPreview, onSave, onOpenChange]);
+  const handleCancel = useCallback10(() => {
+    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) => {
+          const isActive = activeTab === tab.value;
+          return /* @__PURE__ */ jsxs20(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActiveTab(tab.value),
+              className: cn(
+                "flex items-center gap-3 px-4 py-3 rounded-agg-lg",
+                "text-agg-sm leading-agg-5 font-agg-sans",
+                "transition-colors cursor-pointer",
+                "border-b-2",
+                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 })
+              ]
+            },
+            tab.value
+          );
+        }) }),
+        /* @__PURE__ */ jsx20(
+          "nav",
+          {
+            className: cn(
+              "hidden sm:flex sm:flex-col",
+              "w-[240px]",
+              "overflow-hidden rounded-agg-lg",
+              "border border-agg-separator",
+              "bg-agg-secondary",
+              "py-3"
+            ),
+            role: "tablist",
+            "aria-label": "Profile sections",
+            children: PROFILE_TAB_ITEMS.map((tab) => {
+              const isActive = activeTab === tab.value;
+              return /* @__PURE__ */ jsxs20(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": isActive,
+                  onClick: () => setActiveTab(tab.value),
+                  className: cn(
+                    "relative flex items-center gap-3",
+                    "h-[49px] px-6 py-4",
+                    "text-agg-sm leading-agg-5 font-agg-sans",
+                    "transition-colors cursor-pointer",
+                    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 })
+                  ]
+                },
+                tab.value
+              );
+            })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
+        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx20(
+          AboutTab,
+          {
+            username,
+            avatarPreview,
+            onDeleteProfile,
+            draftUsername,
+            onDraftUsernameChange: setDraftUsername,
+            draftAvatarFile,
+            onDraftAvatarChange: handleDraftAvatarChange,
+            draftAvatarPreview
+          }
+        ) : null,
+        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx20(
+          AccountsWalletsTab,
+          {
+            exchanges,
+            socialAccounts,
+            email,
+            onDisconnectExchange,
+            onConnectTwitter,
+            onDisconnectTwitter,
+            onConnectDiscord,
+            onDisconnectDiscord,
+            onConnectTelegram,
+            onDisconnectTelegram,
+            onConnectEmail
+          }
+        ) : null
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs20(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+      /* @__PURE__ */ jsx20(
+        Button,
+        {
+          variant: "primary",
+          size: "large",
+          disabled: !hasChanges,
+          isLoading: isSaving,
+          onClick: handleSave,
+          children: "Save Changes"
+        }
+      )
+    ] })
+  ] }) });
+};
+ProfileModal.displayName = "ProfileModal";
+
+export {
+  DepositModal,
+  WithdrawModal,
+  HowItWorksStep,
+  ProfileSetupStep,
+  ConnectAccountsStep,
+  ConnectKalshiModal,
+  ConnectOnchainModal,
+  OnboardingModal,
+  ProfileModal
+};