@agg-market/ui 11.0.0 → 13.0.0

package/dist/chunk-CHVTY3OB.mjs

@@ -0,0 +1,3140 @@
+import {
+  Badge,
+  BestPricesIcon,
+  BoltIcon,
+  Button,
+  CheckCircleIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CloseIcon,
+  CopyIcon,
+  CreateAccountIcon,
+  CreditCardIcon,
+  DocumentIcon,
+  Icon,
+  InlineAlert,
+  LinkAccountsIcon,
+  LoadingIcon,
+  Modal,
+  PlaySquareIcon,
+  ProfileIcon,
+  RemoteImage,
+  Select,
+  StateMessage,
+  StayInControlIcon,
+  SuccessCheckIcon,
+  VenueLogo,
+  WalletIcon,
+  WarningIcon,
+  __async,
+  __spreadProps,
+  __spreadValues,
+  cn,
+  formatAmountDisplay,
+  formatCompactUsd,
+  venueLogoLabels
+} from "./chunk-B56YA2YQ.mjs";
+
+// src/deposit/index.tsx
+import { useState as useState3 } from "react";
+
+// src/deposit/steps/deposit-method.tsx
+import { useLabels } from "@agg-market/hooks";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DepositMethodCard = ({
+  icon,
+  title,
+  description,
+  value,
+  highlighted = false,
+  onContinue
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: cn(
+      "flex items-center gap-3 sm:gap-4",
+      "rounded-xl border border-agg-separator",
+      "p-3 sm:p-4",
+      "transition-colors cursor-pointer hover:bg-agg-secondary-hover",
+      highlighted ? "" : ""
+    ),
+    role: "button",
+    tabIndex: 0,
+    onClick: onContinue,
+    onKeyDown: (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onContinue();
+      }
+    },
+    children: [
+      /* @__PURE__ */ jsx("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      ] }),
+      value ? /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
+      /* @__PURE__ */ jsx("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-5 w-5" }) })
+    ]
+  }
+);
+var DepositMethodStep = ({
+  balance,
+  walletLabel,
+  walletBalance,
+  highlightedMethod,
+  onSelectMethod
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
+    /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs("p", { className: "agg-type-body text-agg-foreground", children: [
+        labels.deposit.balancePrefix,
+        " ",
+        formatCompactUsd(balance)
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.walletTitle(walletLabel),
+            description: labels.deposit.methods.walletDescription,
+            value: formatCompactUsd(walletBalance),
+            highlighted: highlightedMethod === "wallet",
+            onContinue: () => onSelectMethod("wallet")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.cryptoTitle,
+            description: labels.deposit.methods.cryptoDescription,
+            highlighted: highlightedMethod === "crypto",
+            onContinue: () => onSelectMethod("crypto")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.cardTitle,
+            description: labels.deposit.methods.cardDescription,
+            highlighted: highlightedMethod === "card",
+            onContinue: () => onSelectMethod("card")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/card-deposit.tsx
+import { useLabels as useLabels2 } from "@agg-market/hooks";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CardDepositStep = ({
+  amount,
+  currency,
+  destinationWallet,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  onBack,
+  onAmountChange,
+  onCurrencyChange,
+  onTokenChange,
+  onNetworkChange,
+  onContinue
+}) => {
+  const labels = useLabels2();
+  const [localAmount, setLocalAmount] = useState(amount);
+  useEffect(() => {
+    setLocalAmount(amount);
+  }, [amount]);
+  const numericAmount = Number(localAmount) || 0;
+  const isValid = numericAmount > 0;
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(
+      Modal.Header,
+      {
+        title: labels.deposit.cardFlow.title,
+        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-5", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex gap-3 items-end", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
+            /* @__PURE__ */ jsx2(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": labels.deposit.cardFlow.amountLabel,
+                className: cn(
+                  "agg-type-body w-full bg-transparent outline-none",
+                  isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0.00",
+                value: localAmount,
+                onChange: (event) => {
+                  const next = event.target.value;
+                  setLocalAmount(next);
+                  onAmountChange(next);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx2("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx2(
+          Select,
+          {
+            items: [{ value: currency, label: currency }],
+            value: currency,
+            onChange: onCurrencyChange,
+            ariaLabel: labels.deposit.cardFlow.currencyLabel
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.tokenLabel }),
+          /* @__PURE__ */ jsx2(
+            Select,
+            {
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.deposit.cardFlow.tokenLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
+          /* @__PURE__ */ jsx2(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.deposit.cardFlow.networkLabel
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.destinationWalletLabel }),
+        /* @__PURE__ */ jsx2("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ jsx2("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        Button,
+        {
+          variant: isValid ? "primary" : "secondary",
+          size: "large",
+          className: "w-full",
+          disabled: !isValid,
+          onClick: () => onContinue(numericAmount),
+          children: labels.deposit.cardFlow.getQuotes
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/crypto-transfer.tsx
+import { useLabels as useLabels3 } from "@agg-market/hooks";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CryptoTransferStep = ({
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  depositAddress,
+  minDeposit,
+  feeEstimate,
+  eta,
+  onBack,
+  onTokenChange,
+  onNetworkChange,
+  onCopyAddress,
+  onDone
+}) => {
+  const labels = useLabels3();
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx3(
+      Modal.Header,
+      {
+        title: labels.deposit.sendCrypto.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx3(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ jsxs3("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx3("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
+          /* @__PURE__ */ jsx3(
+            Select,
+            {
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.deposit.sendCrypto.tokenLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx3("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
+          /* @__PURE__ */ jsx3(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.deposit.sendCrypto.networkLabel
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx3("div", { className: "mx-auto flex h-[160px] w-[160px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary-hover", children: /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.deposit.sendCrypto.qrPlaceholder }) }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx3("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
+          /* @__PURE__ */ jsx3("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+          /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              className: "shrink-0 inline-flex items-center gap-1 text-agg-primary hover:text-agg-primary/80 transition-colors",
+              onClick: onCopyAddress,
+              children: [
+                /* @__PURE__ */ jsx3(CopyIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx3("span", { className: "agg-type-label-strong", children: labels.deposit.sendCrypto.copy })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-foreground", children: `${labels.deposit.sendCrypto.minDepositPrefix} ${minDeposit} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
+        /* @__PURE__ */ jsx3(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
+        /* @__PURE__ */ jsx3("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
+      ] }),
+      /* @__PURE__ */ jsx3(
+        Button,
+        {
+          variant: "secondary",
+          size: "large",
+          className: "w-[120px] self-center",
+          onClick: onDone,
+          children: labels.deposit.done
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/wallet-form.tsx
+import { useLabels as useLabels4 } from "@agg-market/hooks";
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var WalletFormStep = ({
+  walletLabel,
+  walletBalance,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  amount,
+  estimatedReceive,
+  feeEstimate,
+  eta,
+  onBack,
+  onTokenChange,
+  onNetworkChange,
+  onAmountChange,
+  onMax,
+  onConfirm
+}) => {
+  const labels = useLabels4();
+  const isConfirmEnabled = Number(amount) > 0;
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx4(
+      Modal.Header,
+      {
+        title: labels.deposit.walletFlow.title,
+        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 items-center justify-between", children: [
+        /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
+        /* @__PURE__ */ jsxs4("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+          labels.deposit.balanceLabel,
+          " ",
+          formatCompactUsd(walletBalance)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
+            /* @__PURE__ */ jsx4(
+              Select,
+              {
+                items: tokenOptions,
+                value: selectedToken,
+                onChange: onTokenChange,
+                ariaLabel: labels.deposit.walletFlow.tokenLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
+            /* @__PURE__ */ jsx4(
+              Select,
+              {
+                items: networkOptions,
+                value: selectedNetwork,
+                onChange: onNetworkChange,
+                ariaLabel: labels.deposit.walletFlow.networkLabel
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
+          /* @__PURE__ */ jsxs4(
+            "div",
+            {
+              className: cn(
+                "flex items-center gap-2",
+                "rounded border border-agg-separator bg-agg-secondary",
+                "h-10 px-3"
+              ),
+              children: [
+                /* @__PURE__ */ jsx4(
+                  "input",
+                  {
+                    type: "text",
+                    inputMode: "decimal",
+                    "aria-label": labels.deposit.walletFlow.amountLabel,
+                    className: "agg-type-body w-full bg-transparent outline-none text-agg-foreground",
+                    placeholder: "0.00",
+                    value: amount,
+                    onChange: (event) => onAmountChange(event.target.value)
+                  }
+                ),
+                /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    type: "button",
+                    className: "shrink-0 text-agg-primary transition-colors hover:text-agg-primary/80",
+                    onClick: onMax,
+                    "aria-label": labels.deposit.walletFlow.max,
+                    children: labels.deposit.walletFlow.max
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null
+      ] }),
+      /* @__PURE__ */ jsx4(
+        Button,
+        {
+          variant: isConfirmEnabled ? "primary" : "secondary",
+          size: "large",
+          className: "w-full",
+          disabled: !isConfirmEnabled,
+          onClick: onConfirm,
+          children: labels.deposit.walletFlow.confirm
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/card-provider.tsx
+import { useLabels as useLabels5 } from "@agg-market/hooks";
+import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var CardProviderItem = ({ provider, onSelect }) => {
+  const labels = useLabels5();
+  const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
+  return /* @__PURE__ */ jsx5(
+    "button",
+    {
+      type: "button",
+      className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
+      onClick: () => onSelect(provider.id),
+      children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx5("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ jsx5(
+            "span",
+            {
+              className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
+              children: badgeText
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ jsxs5("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              labels.deposit.cardFlow.feeLabel,
+              " ",
+              provider.fee
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx5(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+        ] })
+      ] })
+    }
+  );
+};
+var CardProviderStep = ({
+  token,
+  amount,
+  currency,
+  providers,
+  onBack,
+  onSelectProvider
+}) => {
+  const labels = useLabels5();
+  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
+    /* @__PURE__ */ jsx5(
+      Modal.Header,
+      {
+        title: labels.deposit.cardFlow.selectProviderTitle,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": labels.deposit.back,
+            children: /* @__PURE__ */ jsx5(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx5(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs5("p", { className: "agg-type-body text-agg-foreground", children: [
+        /* @__PURE__ */ jsx5("span", { className: "font-agg-bold", children: token }),
+        " ",
+        amount,
+        " ",
+        currency
+      ] }),
+      /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ jsx5(CardProviderItem, { provider, onSelect: onSelectProvider }, provider.id)) })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/card-purchase-success.tsx
+import { useLabels as useLabels6 } from "@agg-market/hooks";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var SummaryRow = ({ label, value }) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx6("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx6("p", { className: "agg-type-label text-agg-foreground", children: value })
+] });
+var CardPurchaseSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels6();
+  return /* @__PURE__ */ jsx6("div", { className: "relative", children: /* @__PURE__ */ jsxs6(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx6(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        onClick: onClose,
+        "aria-label": labels.common.close,
+        children: /* @__PURE__ */ jsx6(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx6("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ jsx6(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx6("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
+        /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx6(
+          SummaryRow,
+          {
+            label: labels.deposit.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx6(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx6(SummaryRow, { label: labels.deposit.cardFlow.summary.provider, value: summary.provider }),
+        /* @__PURE__ */ jsx6(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
+      ] }),
+      /* @__PURE__ */ jsx6(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+    ] })
+  ] }) });
+};
+
+// src/deposit/steps/wallet-processing.tsx
+import { useLabels as useLabels7 } from "@agg-market/hooks";
+import { useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var WalletProcessingStep = ({
+  steps,
+  onClose
+}) => {
+  const labels = useLabels7();
+  const [progress, setProgress] = useState2(
+    () => steps.map((s) => __spreadValues({}, s))
+  );
+  const timeoutsRef = useRef([]);
+  const activeIndex = useMemo(() => progress.findIndex((s) => s.status === "active"), [progress]);
+  useEffect2(() => {
+    if (activeIndex === -1) return;
+    const id = window.setTimeout(() => {
+      setProgress((prev) => {
+        const next = prev.map((s) => __spreadValues({}, s));
+        const i = next.findIndex((s) => s.status === "active");
+        if (i !== -1) {
+          next[i].status = "complete";
+          if (i + 1 < next.length) {
+            next[i + 1].status = "active";
+          }
+        }
+        return next;
+      });
+    }, 500);
+    timeoutsRef.current.push(id);
+    return () => {
+      window.clearTimeout(id);
+    };
+  }, [activeIndex]);
+  useEffect2(() => {
+    const allDone = progress.every((s) => s.status === "complete");
+    if (allDone) {
+      onClose();
+    }
+  }, [progress, onClose]);
+  useEffect2(() => {
+    return () => {
+      timeoutsRef.current.forEach((id) => window.clearTimeout(id));
+      timeoutsRef.current = [];
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs7(Fragment6, { children: [
+    /* @__PURE__ */ jsx7(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
+    /* @__PURE__ */ jsx7(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-5", children: progress.map((step) => {
+      const isComplete = step.status === "complete";
+      const isActive = step.status === "active";
+      return /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
+        isComplete ? /* @__PURE__ */ jsx7(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ jsx7(
+          "span",
+          {
+            className: [
+              "inline-block h-4 w-4 rounded-full border",
+              isActive ? "border-2 border-agg-primary border-r-transparent animate-spin" : "",
+              !isActive ? "border-agg-separator" : ""
+            ].join(" ")
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "p",
+          {
+            className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
+            children: step.label
+          }
+        )
+      ] }, step.id);
+    }) }) })
+  ] });
+};
+
+// src/deposit/steps/wallet-success.tsx
+import { useLabels as useLabels8 } from "@agg-market/hooks";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx8("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-foreground", children: value })
+] });
+var WalletSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels8();
+  return /* @__PURE__ */ jsx8("div", { className: "relative", children: /* @__PURE__ */ jsxs8(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx8(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        onClick: onClose,
+        "aria-label": labels.common.close,
+        children: /* @__PURE__ */ jsx8(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx8("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ jsx8(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx8("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
+        /* @__PURE__ */ jsx8("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx8(
+          SummaryRow2,
+          {
+            label: labels.deposit.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx8(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx8(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
+        /* @__PURE__ */ jsx8(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
+      ] }),
+      /* @__PURE__ */ jsx8(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+    ] })
+  ] }) });
+};
+
+// src/deposit/index.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var DepositModal = ({
+  open,
+  onOpenChange,
+  onSelectDepositMethod,
+  onContinueCardDeposit,
+  onDoneCryptoTransfer,
+  walletFlow,
+  onWalletTokenChange,
+  onWalletNetworkChange,
+  onWalletAmountChange,
+  onWalletMax,
+  onConfirmWalletDeposit,
+  onDoneWalletDeposit,
+  sendCryptoFlow,
+  onSendCryptoTokenChange,
+  onSendCryptoNetworkChange,
+  onCopySendCryptoAddress,
+  onDoneSendCrypto,
+  cardFlow,
+  onCardAmountChange,
+  onCardCurrencyChange,
+  onCardTokenChange,
+  onCardNetworkChange,
+  onSelectCardProvider,
+  onDoneCardPurchase
+}) => {
+  const [step, setStep] = useState3("method");
+  const [highlightedMethod, setHighlightedMethod] = useState3("wallet");
+  const handleBackToMethod = () => {
+    setStep("method");
+  };
+  const handleSelectMethod = (method) => {
+    setHighlightedMethod(method);
+    onSelectDepositMethod == null ? void 0 : onSelectDepositMethod(method);
+    if (method === "wallet") {
+      setStep("wallet-form");
+      return;
+    }
+    if (method === "card") {
+      setStep("card-deposit");
+    } else if (method === "crypto") {
+      setStep("crypto-transfer");
+    }
+  };
+  const handleContinueCardDeposit = (amount) => {
+    onContinueCardDeposit == null ? void 0 : onContinueCardDeposit(amount);
+    setStep("card-provider");
+  };
+  const handleDoneCryptoTransfer = () => {
+    onDoneCryptoTransfer == null ? void 0 : onDoneCryptoTransfer();
+    onDoneSendCrypto();
+  };
+  const handleOpenChange = (isOpen) => {
+    if (!isOpen) {
+      setStep("method");
+      setHighlightedMethod("wallet");
+    }
+    onOpenChange(isOpen);
+  };
+  return /* @__PURE__ */ jsx9(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs9(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
+    step === "method" ? /* @__PURE__ */ jsx9(
+      DepositMethodStep,
+      {
+        balance: walletFlow.balance,
+        walletLabel: walletFlow.walletLabel,
+        walletBalance: walletFlow.walletBalance,
+        highlightedMethod,
+        onSelectMethod: handleSelectMethod
+      }
+    ) : null,
+    step === "wallet-form" ? /* @__PURE__ */ jsx9(
+      WalletFormStep,
+      {
+        walletLabel: walletFlow.walletLabel,
+        walletBalance: walletFlow.walletBalance,
+        tokenOptions: walletFlow.tokenOptions,
+        networkOptions: walletFlow.networkOptions,
+        selectedToken: walletFlow.selectedToken,
+        selectedNetwork: walletFlow.selectedNetwork,
+        amount: walletFlow.amount,
+        estimatedReceive: walletFlow.estimatedReceive,
+        feeEstimate: walletFlow.feeEstimate,
+        eta: walletFlow.eta,
+        onBack: handleBackToMethod,
+        onTokenChange: onWalletTokenChange,
+        onNetworkChange: onWalletNetworkChange,
+        onAmountChange: onWalletAmountChange,
+        onMax: onWalletMax,
+        onConfirm: () => {
+          onConfirmWalletDeposit();
+          setStep("wallet-processing");
+        }
+      }
+    ) : null,
+    step === "wallet-processing" ? /* @__PURE__ */ jsx9(
+      WalletProcessingStep,
+      {
+        steps: walletFlow.processingSteps,
+        onClose: () => setStep("wallet-success")
+      }
+    ) : null,
+    step === "wallet-success" ? /* @__PURE__ */ jsx9(
+      WalletSuccessStep,
+      {
+        summary: walletFlow.successSummary,
+        onDone: onDoneWalletDeposit,
+        onClose: () => onOpenChange(false)
+      }
+    ) : null,
+    step === "card-deposit" ? /* @__PURE__ */ jsx9(
+      CardDepositStep,
+      {
+        amount: cardFlow.amount,
+        currency: cardFlow.currency,
+        destinationWallet: cardFlow.destinationWallet,
+        tokenOptions: cardFlow.tokenOptions,
+        networkOptions: cardFlow.networkOptions,
+        selectedToken: cardFlow.selectedToken,
+        selectedNetwork: cardFlow.selectedNetwork,
+        onBack: handleBackToMethod,
+        onAmountChange: onCardAmountChange,
+        onCurrencyChange: onCardCurrencyChange,
+        onTokenChange: onCardTokenChange,
+        onNetworkChange: onCardNetworkChange,
+        onContinue: handleContinueCardDeposit
+      }
+    ) : null,
+    step === "card-provider" ? /* @__PURE__ */ jsx9(
+      CardProviderStep,
+      {
+        amount: cardFlow.amount,
+        currency: cardFlow.currency,
+        token: cardFlow.selectedToken,
+        providers: cardFlow.providers,
+        onBack: () => setStep("card-deposit"),
+        onSelectProvider: (providerId) => {
+          onSelectCardProvider(providerId);
+          setStep("card-success");
+        }
+      }
+    ) : null,
+    step === "card-success" ? /* @__PURE__ */ jsx9(
+      CardPurchaseSuccessStep,
+      {
+        summary: cardFlow.purchaseSummary,
+        onClose: () => onOpenChange(false),
+        onDone: onDoneCardPurchase
+      }
+    ) : null,
+    step === "crypto-transfer" ? /* @__PURE__ */ jsx9(
+      CryptoTransferStep,
+      {
+        tokenOptions: sendCryptoFlow.tokenOptions,
+        networkOptions: sendCryptoFlow.networkOptions,
+        selectedToken: sendCryptoFlow.selectedToken,
+        selectedNetwork: sendCryptoFlow.selectedNetwork,
+        depositAddress: sendCryptoFlow.depositAddress,
+        minDeposit: sendCryptoFlow.minDeposit,
+        feeEstimate: sendCryptoFlow.feeEstimate,
+        eta: sendCryptoFlow.eta,
+        onBack: handleBackToMethod,
+        onTokenChange: onSendCryptoTokenChange,
+        onNetworkChange: onSendCryptoNetworkChange,
+        onCopyAddress: onCopySendCryptoAddress,
+        onDone: handleDoneCryptoTransfer
+      }
+    ) : null
+  ] }) });
+};
+DepositModal.displayName = "DepositModal";
+
+// src/onramp/index.tsx
+import { useCallback as useCallback2, useState as useState4 } from "react";
+
+// src/onramp/steps/quote-form.tsx
+import { useCallback } from "react";
+
+// src/onramp/onramp-modal.constants.ts
+var FIAT_OPTIONS = [
+  { value: "USD", label: "USD" },
+  { value: "EUR", label: "EUR" },
+  { value: "GBP", label: "GBP" }
+];
+var FIAT_SYMBOLS = {
+  USD: "$",
+  EUR: "\u20AC",
+  GBP: "\xA3"
+};
+var CRYPTO_OPTIONS = [
+  { value: "USDC", label: "USDC (Ethereum)" },
+  { value: "USDC_BASE", label: "USDC (Base)" },
+  { value: "USDC_SOLANA", label: "USDC (Solana)" },
+  { value: "USDC_POLYGON", label: "USDC (Polygon)" },
+  { value: "USDC_ARBITRUM", label: "USDC (Arbitrum)" }
+];
+
+// src/onramp/steps/quote-form.tsx
+import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var QuoteFormStep = ({
+  title,
+  values,
+  onAmountChange,
+  onFiatChange,
+  onCryptoChange,
+  onWalletAddressChange,
+  onSubmit
+}) => {
+  var _a;
+  const numericAmount = Number(values.amount) || 0;
+  const isFormValid = numericAmount > 0 && values.walletAddress.length > 0;
+  const handleAmountChange = useCallback(
+    (e) => {
+      const v = e.target.value.replace(/[^0-9.]/g, "");
+      const parts = v.split(".");
+      onAmountChange(parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v);
+    },
+    [onAmountChange]
+  );
+  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
+    /* @__PURE__ */ jsx10(Modal.Header, { title, hideBorder: true }),
+    /* @__PURE__ */ jsx10(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-muted-foreground", children: "You pay" }),
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx10("div", { className: "shrink-0", children: /* @__PURE__ */ jsx10(
+            Select,
+            {
+              items: FIAT_OPTIONS,
+              value: values.fiatCurrency,
+              onChange: onFiatChange,
+              ariaLabel: "Fiat currency",
+              className: "w-auto"
+            }
+          ) }),
+          /* @__PURE__ */ jsx10("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-baseline", children: [
+            /* @__PURE__ */ jsx10("span", { className: "agg-type-display text-agg-foreground", children: (_a = FIAT_SYMBOLS[values.fiatCurrency]) != null ? _a : "$" }),
+            /* @__PURE__ */ jsx10(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": "Amount",
+                className: cn(
+                  "agg-type-display w-full bg-transparent outline-none",
+                  numericAmount > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0",
+                value: values.amount ? formatAmountDisplay(values.amount) : "",
+                onChange: handleAmountChange
+              }
+            )
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "border-t border-agg-separator" }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-muted-foreground", children: "You receive" }),
+        /* @__PURE__ */ jsx10(
+          Select,
+          {
+            items: CRYPTO_OPTIONS,
+            value: values.cryptoCurrency,
+            onChange: onCryptoChange,
+            ariaLabel: "Cryptocurrency"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "border-t border-agg-separator" }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-muted-foreground", children: "Destination wallet" }),
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            type: "text",
+            "aria-label": "Wallet address",
+            className: cn(
+              "w-full rounded-agg-md border border-agg-separator bg-agg-secondary",
+              "px-4 py-2 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
+              "placeholder:text-agg-muted-foreground",
+              "transition-[border-color,box-shadow] duration-200 ease-in-out",
+              "focus:border-agg-primary focus:ring-2 focus:ring-agg-primary/15"
+            ),
+            placeholder: "0x...",
+            value: values.walletAddress,
+            onChange: (e) => onWalletAddressChange(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx10(
+        Button,
+        {
+          variant: "primary",
+          size: "large",
+          className: "w-full",
+          disabled: !isFormValid,
+          onClick: onSubmit,
+          children: "Get Quotes"
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/onramp/steps/quote-card.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var QuoteCard = ({ quote, rank, onSelect }) => {
+  var _a;
+  const isBest = rank === 1;
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 sm:gap-4",
+        "rounded-xl border",
+        "p-3 sm:p-4",
+        "transition-colors cursor-pointer",
+        isBest ? "border-agg-primary bg-agg-primary/5 hover:bg-agg-primary/10" : "border-agg-separator hover:bg-agg-secondary-hover"
+      ),
+      role: "button",
+      tabIndex: 0,
+      onClick: onSelect,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onSelect();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx11(
+          "div",
+          {
+            className: cn(
+              "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg",
+              isBest ? "bg-agg-primary/10" : "bg-agg-secondary-hover"
+            ),
+            children: /* @__PURE__ */ jsx11(
+              "span",
+              {
+                className: cn(
+                  "text-agg-lg font-agg-bold",
+                  isBest ? "text-agg-primary" : "text-agg-muted-foreground"
+                ),
+                children: rank
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx11("p", { className: "agg-type-body-strong text-agg-foreground", children: quote.serviceProvider }),
+            isBest ? /* @__PURE__ */ jsx11(
+              Badge,
+              {
+                text: "Best",
+                size: "small",
+                classNames: { root: "bg-agg-primary! text-white! border-agg-primary!" }
+              }
+            ) : null,
+            quote.lowKyc ? /* @__PURE__ */ jsx11(Badge, { text: "Low KYC", size: "small" }) : null
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 mt-0.5", children: [
+            /* @__PURE__ */ jsxs11("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              quote.destinationAmount.toFixed(6),
+              " ",
+              quote.destinationCurrencyCode.split("_")[0]
+            ] }),
+            /* @__PURE__ */ jsx11("span", { className: "text-agg-muted-foreground", children: "\xB7" }),
+            /* @__PURE__ */ jsxs11("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              "Fee ",
+              (_a = FIAT_SYMBOLS[quote.sourceCurrencyCode]) != null ? _a : "",
+              quote.totalFee.toFixed(2)
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx11("div", { className: "shrink-0", children: /* @__PURE__ */ jsx11(
+          Button,
+          {
+            variant: "secondary",
+            size: "small",
+            suffix: /* @__PURE__ */ jsx11(ChevronRightIcon, {}),
+            onClick: (e) => {
+              e.stopPropagation();
+              onSelect();
+            },
+            children: "Select"
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/onramp/steps/quote-selection.tsx
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var BACK_BUTTON_CLASS = "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80";
+var BackButton = ({ onClick }) => /* @__PURE__ */ jsx12("button", { type: "button", className: BACK_BUTTON_CLASS, onClick, "aria-label": "Go back", children: /* @__PURE__ */ jsx12(ChevronLeftIcon, { className: "h-6 w-6" }) });
+var QuoteSelectionStep = ({
+  quotes,
+  isLoading,
+  error,
+  fiatCurrency,
+  cryptoCurrency,
+  amount,
+  onBack,
+  onSelectQuote,
+  onRetry
+}) => {
+  var _a;
+  const subtitle = `${cryptoCurrency.split("_")[0]} \xB7 ${(_a = FIAT_SYMBOLS[fiatCurrency]) != null ? _a : ""}${amount.toLocaleString()} ${fiatCurrency}`;
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
+    /* @__PURE__ */ jsx12(
+      Modal.Header,
+      {
+        title: "Select Provider",
+        subtitle,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx12(BackButton, { onClick: onBack })
+      }
+    ),
+    /* @__PURE__ */ jsxs12(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: [
+      isLoading ? /* @__PURE__ */ jsx12("div", { className: "flex min-h-[240px] items-center justify-center", children: /* @__PURE__ */ jsx12(LoadingIcon, { size: "large" }) }) : null,
+      !isLoading && error ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx12(InlineAlert, { tone: "error", message: error }),
+        /* @__PURE__ */ jsx12(Button, { variant: "secondary", size: "medium", className: "w-full", onClick: onRetry, children: "Retry" })
+      ] }) : null,
+      !isLoading && !error && quotes.length === 0 ? /* @__PURE__ */ jsx12(
+        StateMessage,
+        {
+          tone: "empty",
+          title: "No quotes available",
+          description: "No providers returned quotes for this pair. Try a different amount or cryptocurrency.",
+          actionLabel: "Go back",
+          onAction: onBack
+        }
+      ) : null,
+      !isLoading && quotes.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-3", children: quotes.map((quote, i) => /* @__PURE__ */ jsx12(
+        QuoteCard,
+        {
+          quote,
+          rank: i + 1,
+          onSelect: () => onSelectQuote(quote)
+        },
+        `${quote.serviceProvider}-${quote.paymentMethodType}`
+      )) }) : null
+    ] })
+  ] });
+};
+
+// src/onramp/steps/widget.tsx
+import { useRef as useRef2 } from "react";
+import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var BACK_BUTTON_CLASS2 = "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80";
+var BackButton2 = ({ onClick }) => /* @__PURE__ */ jsx13("button", { type: "button", className: BACK_BUTTON_CLASS2, onClick, "aria-label": "Go back", children: /* @__PURE__ */ jsx13(ChevronLeftIcon, { className: "h-6 w-6" }) });
+var WidgetStep = ({ widgetUrl, isLoading, onBack }) => {
+  const iframeRef = useRef2(null);
+  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
+    /* @__PURE__ */ jsx13(
+      Modal.Header,
+      {
+        title: "Complete Purchase",
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx13(BackButton2, { onClick: onBack })
+      }
+    ),
+    /* @__PURE__ */ jsxs13(Modal.Body, { classNames: { root: "p-0! sm:p-0! overflow-hidden" }, children: [
+      isLoading ? /* @__PURE__ */ jsx13("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ jsx13(LoadingIcon, { size: "large" }) }) : null,
+      widgetUrl ? /* @__PURE__ */ jsx13(
+        "iframe",
+        {
+          ref: iframeRef,
+          src: widgetUrl,
+          title: "Meld payment widget",
+          className: "h-[700px] w-full border-0 block",
+          allow: "camera; microphone; payment; encrypted-media"
+        }
+      ) : null
+    ] })
+  ] });
+};
+
+// src/onramp/index.tsx
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var OnrampModal = ({
+  open,
+  onOpenChange,
+  transactionType,
+  walletAddress: initialWalletAddress = "",
+  defaultFiatCurrency = "USD",
+  defaultCryptoCurrency = "USDC",
+  onGetQuotes,
+  onSelectQuote
+}) => {
+  const [step, setStep] = useState4("form");
+  const [formValues, setFormValues] = useState4({
+    amount: "",
+    fiatCurrency: defaultFiatCurrency,
+    cryptoCurrency: defaultCryptoCurrency,
+    walletAddress: initialWalletAddress
+  });
+  const [quotes, setQuotes] = useState4([]);
+  const [isLoadingQuotes, setIsLoadingQuotes] = useState4(false);
+  const [quoteError, setQuoteError] = useState4(null);
+  const [widgetUrl, setWidgetUrl] = useState4(null);
+  const [isCreatingSession, setIsCreatingSession] = useState4(false);
+  const handleOpenChange = useCallback2(
+    (isOpen) => {
+      if (!isOpen) {
+        setStep("form");
+        setQuotes([]);
+        setQuoteError(null);
+        setWidgetUrl(null);
+      }
+      onOpenChange(isOpen);
+    },
+    [onOpenChange]
+  );
+  const handleGetQuotes = useCallback2(() => __async(null, null, function* () {
+    const numericAmount2 = Number(formValues.amount);
+    if (!numericAmount2 || numericAmount2 <= 0) return;
+    setStep("quotes");
+    setIsLoadingQuotes(true);
+    setQuoteError(null);
+    try {
+      const result = yield onGetQuotes({
+        transactionType,
+        sourceAmount: numericAmount2,
+        sourceCurrencyCode: formValues.fiatCurrency,
+        destinationCurrencyCode: formValues.cryptoCurrency,
+        countryCode: "US"
+      });
+      setQuotes(result);
+    } catch (err) {
+      setQuoteError(err instanceof Error ? err.message : "Failed to fetch quotes");
+    } finally {
+      setIsLoadingQuotes(false);
+    }
+  }), [formValues, transactionType, onGetQuotes]);
+  const handleSelectQuote = useCallback2(
+    (quote) => __async(null, null, function* () {
+      setStep("widget");
+      setIsCreatingSession(true);
+      try {
+        const session = yield onSelectQuote({
+          transactionType,
+          serviceProvider: quote.serviceProvider,
+          sourceAmount: quote.sourceAmount,
+          sourceCurrencyCode: quote.sourceCurrencyCode,
+          destinationCurrencyCode: quote.destinationCurrencyCode,
+          countryCode: quote.countryCode,
+          walletAddress: formValues.walletAddress
+        });
+        setWidgetUrl(session.serviceProviderWidgetUrl);
+      } catch (e) {
+        setStep("quotes");
+      } finally {
+        setIsCreatingSession(false);
+      }
+    }),
+    [transactionType, formValues.walletAddress, onSelectQuote]
+  );
+  const numericAmount = Number(formValues.amount) || 0;
+  return /* @__PURE__ */ jsx14(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs14(
+    Modal.Container,
+    {
+      maxWidth: "520px",
+      "aria-label": transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
+      children: [
+        step === "form" ? /* @__PURE__ */ jsx14(
+          QuoteFormStep,
+          {
+            title: transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
+            values: formValues,
+            onAmountChange: (amount) => setFormValues((prev) => __spreadProps(__spreadValues({}, prev), { amount })),
+            onFiatChange: (fiatCurrency) => setFormValues((prev) => __spreadProps(__spreadValues({}, prev), { fiatCurrency })),
+            onCryptoChange: (cryptoCurrency) => setFormValues((prev) => __spreadProps(__spreadValues({}, prev), { cryptoCurrency })),
+            onWalletAddressChange: (walletAddress) => setFormValues((prev) => __spreadProps(__spreadValues({}, prev), { walletAddress })),
+            onSubmit: handleGetQuotes
+          }
+        ) : null,
+        step === "quotes" ? /* @__PURE__ */ jsx14(
+          QuoteSelectionStep,
+          {
+            quotes,
+            isLoading: isLoadingQuotes,
+            error: quoteError,
+            fiatCurrency: formValues.fiatCurrency,
+            cryptoCurrency: formValues.cryptoCurrency,
+            amount: numericAmount,
+            onBack: () => setStep("form"),
+            onSelectQuote: handleSelectQuote,
+            onRetry: handleGetQuotes
+          }
+        ) : null,
+        step === "widget" ? /* @__PURE__ */ jsx14(
+          WidgetStep,
+          {
+            widgetUrl,
+            isLoading: isCreatingSession,
+            onBack: () => {
+              setWidgetUrl(null);
+              setStep("quotes");
+            }
+          }
+        ) : null
+      ]
+    }
+  ) });
+};
+OnrampModal.displayName = "OnrampModal";
+
+// src/withdraw/index.tsx
+import { useState as useState5 } from "react";
+
+// src/withdraw/steps/withdraw-method.tsx
+import { useLabels as useLabels9 } from "@agg-market/hooks";
+import { Fragment as Fragment10, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var WithdrawMethodCard = ({
+  icon,
+  title,
+  description,
+  onContinue
+}) => /* @__PURE__ */ jsxs15(
+  "div",
+  {
+    className: cn(
+      "flex items-center gap-3 sm:gap-4 rounded-xl border border-agg-separator bg-agg-secondary p-3 sm:p-4",
+      "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
+    ),
+    role: "button",
+    tabIndex: 0,
+    onClick: onContinue,
+    onKeyDown: (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onContinue();
+      }
+    },
+    children: [
+      /* @__PURE__ */ jsx15("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx15("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx15("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      ] }),
+      /* @__PURE__ */ jsx15("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx15(ChevronRightIcon, { className: "h-5 w-5" }) })
+    ]
+  }
+);
+var WithdrawMethodStep = ({
+  balance,
+  onSelectMethod
+}) => {
+  const labels = useLabels9();
+  return /* @__PURE__ */ jsxs15(Fragment10, { children: [
+    /* @__PURE__ */ jsx15(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
+    /* @__PURE__ */ jsx15(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs15("p", { className: "agg-type-body text-agg-foreground", children: [
+        labels.withdraw.balancePrefix,
+        " ",
+        formatCompactUsd(balance)
+      ] }),
+      /* @__PURE__ */ jsx15(
+        WithdrawMethodCard,
+        {
+          icon: /* @__PURE__ */ jsx15(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+          title: labels.withdraw.methods.cardTitle,
+          description: labels.withdraw.methods.cardDescription,
+          onContinue: () => onSelectMethod("card")
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-amount.tsx
+import { useLabels as useLabels10 } from "@agg-market/hooks";
+import { Fragment as Fragment11, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var WithdrawAmountStep = ({
+  amount,
+  currency,
+  destinationWallet,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  onBack,
+  onAmountChange,
+  onCurrencyChange,
+  onTokenChange,
+  onNetworkChange,
+  onContinue
+}) => {
+  const labels = useLabels10();
+  const isValid = Number(amount) > 0;
+  return /* @__PURE__ */ jsxs16(Fragment11, { children: [
+    /* @__PURE__ */ jsx16(
+      Modal.Header,
+      {
+        title: labels.withdraw.cardFlow.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx16(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ jsx16(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx16(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex gap-3 items-end", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx16("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.amountLabel }),
+          /* @__PURE__ */ jsxs16("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
+            /* @__PURE__ */ jsx16(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": labels.withdraw.cardFlow.amountLabel,
+                className: cn(
+                  "agg-type-body w-full bg-transparent outline-none",
+                  isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0.00",
+                value: amount,
+                onChange: (event) => onAmountChange(event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx16("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx16("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx16(
+          Select,
+          {
+            items: [{ value: currency, label: currency }],
+            value: currency,
+            onChange: onCurrencyChange,
+            ariaLabel: labels.withdraw.cardFlow.currencyLabel
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs16("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx16("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.tokenLabel }),
+          /* @__PURE__ */ jsx16(
+            Select,
+            {
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.withdraw.cardFlow.tokenLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx16("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.networkLabel }),
+          /* @__PURE__ */ jsx16(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.withdraw.cardFlow.networkLabel
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx16("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.destinationWalletLabel }),
+        /* @__PURE__ */ jsx16("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ jsx16("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
+      ] }),
+      /* @__PURE__ */ jsx16(
+        Button,
+        {
+          variant: isValid ? "primary" : "secondary",
+          size: "large",
+          className: "w-full",
+          disabled: !isValid,
+          onClick: onContinue,
+          children: labels.withdraw.cardFlow.getQuotes
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-provider.tsx
+import { useLabels as useLabels11 } from "@agg-market/hooks";
+import { Fragment as Fragment12, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var WithdrawProviderItem = ({ provider, onSelect }) => {
+  const labels = useLabels11();
+  const badgeText = provider.badge === "best" ? labels.withdraw.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.withdraw.cardFlow.providerBadges.lowKyc : void 0;
+  return /* @__PURE__ */ jsx17(
+    "button",
+    {
+      type: "button",
+      className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
+      onClick: () => onSelect(provider.id),
+      children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx17("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ jsx17(
+            "span",
+            {
+              className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
+              children: badgeText
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx17("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ jsxs17("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              labels.withdraw.cardFlow.feeLabel,
+              " ",
+              provider.fee
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx17(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+        ] })
+      ] })
+    }
+  );
+};
+var WithdrawProviderStep = ({
+  token,
+  amount,
+  currency,
+  providers,
+  onBack,
+  onSelectProvider
+}) => {
+  const labels = useLabels11();
+  return /* @__PURE__ */ jsxs17(Fragment12, { children: [
+    /* @__PURE__ */ jsx17(
+      Modal.Header,
+      {
+        title: labels.withdraw.cardFlow.selectProviderTitle,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx17(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": labels.withdraw.back,
+            children: /* @__PURE__ */ jsx17(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx17(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "agg-type-body text-agg-foreground", children: [
+        /* @__PURE__ */ jsx17("span", { className: "font-agg-bold", children: token }),
+        " $",
+        amount,
+        " ",
+        currency
+      ] }),
+      /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ jsx17(
+        WithdrawProviderItem,
+        {
+          provider,
+          onSelect: onSelectProvider
+        },
+        provider.id
+      )) })
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-success.tsx
+import { useLabels as useLabels12 } from "@agg-market/hooks";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx18("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx18("p", { className: "agg-type-label text-agg-foreground", children: value })
+] });
+var WithdrawSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels12();
+  return /* @__PURE__ */ jsx18("div", { className: "relative", children: /* @__PURE__ */ jsxs18(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx18(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        onClick: onClose,
+        "aria-label": labels.common.close,
+        children: /* @__PURE__ */ jsx18(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx18("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ jsx18(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx18("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.withdraw.cardFlow.successTitle }),
+        /* @__PURE__ */ jsx18("p", { className: "agg-type-body text-agg-foreground", children: labels.withdraw.cardFlow.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx18(
+          SummaryRow3,
+          {
+            label: labels.withdraw.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx18(SummaryRow3, { label: labels.withdraw.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx18(
+          SummaryRow3,
+          {
+            label: labels.withdraw.cardFlow.summary.provider,
+            value: summary.provider
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          SummaryRow3,
+          {
+            label: labels.withdraw.cardFlow.summary.toWallet,
+            value: summary.toWallet
+          }
+        ),
+        /* @__PURE__ */ jsx18(SummaryRow3, { label: labels.withdraw.cardFlow.summary.fees, value: summary.fees })
+      ] }),
+      /* @__PURE__ */ jsx18(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
+    ] })
+  ] }) });
+};
+
+// src/withdraw/index.tsx
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+var WithdrawModal = ({
+  open,
+  onOpenChange,
+  withdrawFlow,
+  onSelectWithdrawMethod,
+  onWithdrawAmountChange,
+  onWithdrawCurrencyChange,
+  onWithdrawTokenChange,
+  onWithdrawNetworkChange,
+  onGetWithdrawQuotes,
+  onSelectWithdrawProvider,
+  onDoneWithdraw
+}) => {
+  const [step, setStep] = useState5("method");
+  const handleBackToMethod = () => {
+    setStep("method");
+  };
+  const handleSelectMethod = (method) => {
+    setStep("withdraw-amount");
+    onSelectWithdrawMethod == null ? void 0 : onSelectWithdrawMethod(method);
+  };
+  const handleOpenChange = (isOpen) => {
+    if (!isOpen) {
+      setStep("method");
+    }
+    onOpenChange(isOpen);
+  };
+  return /* @__PURE__ */ jsx19(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs19(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
+    step === "method" ? /* @__PURE__ */ jsx19(WithdrawMethodStep, { balance: withdrawFlow.balance, onSelectMethod: handleSelectMethod }) : null,
+    step === "withdraw-amount" ? /* @__PURE__ */ jsx19(
+      WithdrawAmountStep,
+      {
+        amount: withdrawFlow.amount,
+        currency: withdrawFlow.currency,
+        destinationWallet: withdrawFlow.destinationWallet,
+        tokenOptions: withdrawFlow.tokenOptions,
+        networkOptions: withdrawFlow.networkOptions,
+        selectedToken: withdrawFlow.selectedToken,
+        selectedNetwork: withdrawFlow.selectedNetwork,
+        onBack: handleBackToMethod,
+        onAmountChange: onWithdrawAmountChange,
+        onCurrencyChange: onWithdrawCurrencyChange,
+        onTokenChange: onWithdrawTokenChange,
+        onNetworkChange: onWithdrawNetworkChange,
+        onContinue: () => {
+          onGetWithdrawQuotes == null ? void 0 : onGetWithdrawQuotes();
+          setStep("provider");
+        }
+      }
+    ) : null,
+    step === "provider" ? /* @__PURE__ */ jsx19(
+      WithdrawProviderStep,
+      {
+        token: withdrawFlow.selectedToken,
+        amount: withdrawFlow.amount,
+        currency: withdrawFlow.currency,
+        providers: withdrawFlow.providers,
+        onBack: () => setStep("withdraw-amount"),
+        onSelectProvider: (providerId) => {
+          onSelectWithdrawProvider(providerId);
+          setStep("success");
+        }
+      }
+    ) : null,
+    step === "success" ? /* @__PURE__ */ jsx19(
+      WithdrawSuccessStep,
+      {
+        summary: withdrawFlow.purchaseSummary,
+        onDone: onDoneWithdraw,
+        onClose: () => onOpenChange(false)
+      }
+    ) : null
+  ] }) });
+};
+WithdrawModal.displayName = "WithdrawModal";
+
+// src/onboarding/index.tsx
+import { useCallback as useCallback7, useEffect as useEffect3, useState as useState10 } from "react";
+import { useLabels as useLabels18 } from "@agg-market/hooks";
+import * as Dialog3 from "@radix-ui/react-dialog";
+
+// src/onboarding/onboarding-modal.constants.ts
+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 useCallback3, useRef as useRef3, useState as useState6 } from "react";
+import { useLabels as useLabels13 } from "@agg-market/hooks";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+var defaultIcons = {
+  createAccount: /* @__PURE__ */ jsx20(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ jsx20(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ jsx20(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ jsx20(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+};
+var HowItWorksStep = ({ onContinue, icons }) => {
+  const labels = useLabels13();
+  const scrollRef = useRef3(null);
+  const [showTopGradient, setShowTopGradient] = useState6(false);
+  const [showBottomGradient, setShowBottomGradient] = useState6(true);
+  const handleScroll = useCallback3(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    setShowTopGradient(el.scrollTop > 0);
+    setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
+  }, []);
+  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ jsx20("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ jsxs20("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ jsx20(
+        "div",
+        {
+          ref: scrollRef,
+          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__ */ jsxs20(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-4 py-4 px-5 sm:px-4",
+                  "rounded-agg-md",
+                  "bg-agg-secondary-hover"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ jsx20("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  ] }),
+                  icon ? /* @__PURE__ */ jsx20("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                ]
+              },
+              featureKey
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx20(
+        "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__ */ jsx20(
+        "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__ */ jsx20(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+  ] });
+};
+HowItWorksStep.displayName = "HowItWorksStep";
+
+// src/onboarding/steps/profile-setup.tsx
+import { useCallback as useCallback4, useRef as useRef4, useState as useState7 } from "react";
+import { useLabels as useLabels14 } from "@agg-market/hooks";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+var ProfileSetupStep = ({ onContinue }) => {
+  const labels = useLabels14();
+  const [username, setUsername] = useState7("");
+  const [avatarFile, setAvatarFile] = useState7();
+  const [avatarPreview, setAvatarPreview] = useState7();
+  const fileInputRef = useRef4(null);
+  const handleAvatarClick = useCallback4(() => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  }, []);
+  const handleFileChange = useCallback4((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 = useCallback4(() => {
+    onContinue({
+      username,
+      avatarFile,
+      avatarPreview
+    });
+  }, [username, avatarFile, avatarPreview, onContinue]);
+  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ jsx21("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ jsxs21(
+          "button",
+          {
+            type: "button",
+            onClick: handleAvatarClick,
+            className: cn(
+              "group relative flex items-center justify-center",
+              "h-[80px] w-[80px]",
+              "rounded-agg-full",
+              "bg-agg-secondary-hover",
+              !avatarPreview && "hover:bg-agg-tertiary",
+              "transition-colors cursor-pointer",
+              "overflow-hidden"
+            ),
+            "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+            children: [
+              !avatarPreview ? /* @__PURE__ */ jsx21(
+                "svg",
+                {
+                  "aria-hidden": true,
+                  viewBox: "0 0 80 80",
+                  className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
+                  children: /* @__PURE__ */ jsx21(
+                    "circle",
+                    {
+                      cx: "40",
+                      cy: "40",
+                      r: "39.5",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "1",
+                      strokeDasharray: "8 8"
+                    }
+                  )
+                }
+              ) : null,
+              avatarPreview ? /* @__PURE__ */ jsx21(
+                RemoteImage,
+                {
+                  src: avatarPreview,
+                  alt: labels.onboarding.profileSetup.profilePreviewAlt,
+                  className: "h-full w-full object-cover"
+                }
+              ) : /* @__PURE__ */ jsx21(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx21(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/*",
+            onChange: handleFileChange,
+            className: "hidden",
+            "aria-hidden": "true"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx21(
+          "label",
+          {
+            htmlFor: "onboarding-username",
+            className: "text-agg-sm font-agg-bold text-agg-foreground",
+            children: labels.onboarding.profileSetup.usernameLabel
+          }
+        ),
+        /* @__PURE__ */ jsx21(
+          "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__ */ jsx21(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+  ] });
+};
+ProfileSetupStep.displayName = "ProfileSetupStep";
+
+// src/onboarding/steps/connect-accounts.tsx
+import { useLabels as useLabels15 } from "@agg-market/hooks";
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+var OnchainVenueLogos = () => {
+  return /* @__PURE__ */ jsx22("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx22("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx22(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+};
+var VenueCard = ({
+  logos,
+  title,
+  mobileTitle,
+  description,
+  mobileDescription,
+  onConnect,
+  connected = false
+}) => {
+  const labels = useLabels15();
+  const action = connected ? /* @__PURE__ */ jsx22(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx22(
+    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__ */ jsx22(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx22(
+    Button,
+    {
+      variant: "tertiary",
+      size: "medium",
+      className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+      onClick: onConnect,
+      suffix: /* @__PURE__ */ jsx22(ChevronRightIcon, { className: "h-4 w-4" }),
+      children: labels.onboarding.connectAccounts.connectAccount
+    }
+  );
+  return /* @__PURE__ */ jsxs22(
+    "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__ */ jsxs22("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ jsx22("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ jsx22("p", { className: "text-agg-sm text-agg-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: action })
+        ] }),
+        /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx22("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsx22("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+          ] }),
+          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ jsx22("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+            mobileAction
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var ConnectAccountsStep = ({
+  onConnectOnchain,
+  onConnectKalshi,
+  onContinue,
+  connectedOnchain = false,
+  connectedKalshi = false
+}) => {
+  const labels = useLabels15();
+  const canContinue = connectedOnchain || connectedKalshi;
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx22("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx22(
+        VenueCard,
+        {
+          logos: /* @__PURE__ */ jsx22(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__ */ jsx22(
+        VenueCard,
+        {
+          logos: /* @__PURE__ */ jsx22("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx22(
+            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__ */ jsx22(
+      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 useCallback5, useState as useState8 } from "react";
+import { useLabels as useLabels16 } from "@agg-market/hooks";
+import * as Dialog from "@radix-ui/react-dialog";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+var ConnectKalshiModal = ({
+  open,
+  onOpenChange,
+  onVerify
+}) => {
+  const labels = useLabels16();
+  const [apiKeyId, setApiKeyId] = useState8("");
+  const [privateKey, setPrivateKey] = useState8("");
+  const [verifying, setVerifying] = useState8(false);
+  const [error, setError] = useState8();
+  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
+  const handleCancel = useCallback5(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleVerify = useCallback5(() => __async(null, 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 = useCallback5(
+    (value) => {
+      if (value) {
+        setApiKeyId("");
+        setPrivateKey("");
+        setError(void 0);
+        setVerifying(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ jsx23(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs23(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
+      classNames: { container: "!rounded-agg-lg" },
+      children: [
+        /* @__PURE__ */ jsx23(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ jsx23(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx23(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsx23(
+            VenueLogo,
+            {
+              venue: "kalshi",
+              variant: "logo",
+              size: "large",
+              className: "h-[60px] w-[60px]"
+            }
+          ),
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx23("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ jsx23("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          ] }),
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx23("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ jsx23("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+              ] }),
+              /* @__PURE__ */ jsxs23("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ jsx23("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ jsxs23("p", { children: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
+                  " ",
+                  /* @__PURE__ */ jsx23("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
+                  " ",
+                  /* @__PURE__ */ jsx23("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                ] }),
+                /* @__PURE__ */ jsxs23("p", { children: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
+                  " ",
+                  /* @__PURE__ */ jsx23("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
+                ] }),
+                /* @__PURE__ */ jsxs23("p", { children: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
+                  " ",
+                  /* @__PURE__ */ jsx23("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
+                ] }),
+                /* @__PURE__ */ jsx23("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+              ] }),
+              /* @__PURE__ */ jsxs23("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
+                /* @__PURE__ */ jsx23("br", {}),
+                labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx23("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ jsx23("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+              ] }),
+              /* @__PURE__ */ jsx23("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx23(
+                  "label",
+                  {
+                    htmlFor: "kalshi-api-key-id",
+                    className: "text-agg-sm font-agg-bold text-agg-foreground",
+                    children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
+                  }
+                ),
+                /* @__PURE__ */ jsx23(
+                  "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__ */ jsxs23("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx23(
+                  "label",
+                  {
+                    htmlFor: "kalshi-private-key",
+                    className: "text-agg-sm font-agg-bold text-agg-foreground",
+                    children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
+                  }
+                ),
+                /* @__PURE__ */ jsx23(
+                  "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__ */ jsxs23("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ jsx23("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs23(
+                "a",
+                {
+                  href: "#",
+                  className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
+                  children: [
+                    /* @__PURE__ */ jsx23(DocumentIcon, { className: "h-4 w-4" }),
+                    labels.onboarding.connectKalshiModal.help.docsLinkLabel
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx23("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs23(
+                "a",
+                {
+                  href: "#",
+                  className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
+                  children: [
+                    /* @__PURE__ */ jsx23(PlaySquareIcon, { className: "h-4 w-4" }),
+                    labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx23(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ jsx23("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+            ] }) : null,
+            /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ jsx23(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ jsx23(
+                Button,
+                {
+                  variant: "primary",
+                  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 useCallback6, useState as useState9 } from "react";
+import { useLabels as useLabels17 } from "@agg-market/hooks";
+import * as Dialog2 from "@radix-ui/react-dialog";
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+var ConnectOnchainModal = ({
+  open,
+  onOpenChange,
+  onConnect
+}) => {
+  const labels = useLabels17();
+  const [connecting, setConnecting] = useState9(false);
+  const [error, setError] = useState9();
+  const handleCancel = useCallback6(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleConnect = useCallback6(() => __async(null, 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 = useCallback6(
+    (value) => {
+      if (value) {
+        setError(void 0);
+        setConnecting(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ jsx24(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs24(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
+      classNames: { container: "!rounded-agg-lg" },
+      children: [
+        /* @__PURE__ */ jsx24(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx24(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx24(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx24("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ jsx24("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+          ] }),
+          /* @__PURE__ */ jsxs24("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ jsx24("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ jsx24("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsx24(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ jsx24("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+            ] }, venue)) })
+          ] }),
+          /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx24(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx24("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+              ] }) : null,
+              /* @__PURE__ */ jsx24(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleConnect,
+                  isLoading: connecting,
+                  children: labels.onboarding.connectOnchainModal.connect
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx24(
+              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 Fragment13, jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+var OnboardingModal = ({
+  open,
+  onOpenChange,
+  onProfileSubmit,
+  onConnectOnchain,
+  onConnectKalshi,
+  onComplete,
+  howItWorksIcons,
+  connectedOnchain = false,
+  connectedKalshi = false
+}) => {
+  var _a;
+  const labels = useLabels18();
+  const [step, setStep] = useState10(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const stepLabels = {
+    [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
+    [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
+    [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
+  };
+  const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
+  const [kalshiModalOpen, setKalshiModalOpen] = useState10(false);
+  const [kalshiConnected, setKalshiConnected] = useState10(false);
+  const [onchainModalOpen, setOnchainModalOpen] = useState10(false);
+  const [onchainConnected, setOnchainConnected] = useState10(false);
+  useEffect3(() => {
+    if (open) {
+      setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
+      setKalshiConnected(false);
+      setOnchainConnected(false);
+    }
+  }, [open]);
+  const handleHowItWorksContinue = useCallback7(() => {
+    setStep(ONBOARDING_STEPS.PROFILE_SETUP);
+  }, []);
+  const handleProfileContinue = useCallback7(
+    (data) => {
+      onProfileSubmit == null ? void 0 : onProfileSubmit(data);
+      setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
+    },
+    [onProfileSubmit]
+  );
+  const handleConnectContinue = useCallback7(() => {
+    onComplete == null ? void 0 : onComplete();
+  }, [onComplete]);
+  const handleOpenOnchainModal = useCallback7(() => {
+    setOnchainModalOpen(true);
+  }, []);
+  const handleOnchainConnect = useCallback7(() => __async(null, null, function* () {
+    yield onConnectOnchain == null ? void 0 : onConnectOnchain();
+    setOnchainConnected(true);
+  }), [onConnectOnchain]);
+  const handleOpenKalshiModal = useCallback7(() => {
+    setKalshiModalOpen(true);
+  }, []);
+  const handleKalshiVerify = useCallback7(
+    (credentials) => __async(null, null, function* () {
+      yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
+      setKalshiConnected(true);
+    }),
+    [onConnectKalshi]
+  );
+  return /* @__PURE__ */ jsxs25(Fragment13, { children: [
+    /* @__PURE__ */ jsx25(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs25(
+      Modal.Container,
+      {
+        maxWidth: "600px",
+        "aria-label": resolvedTitle,
+        classNames: { container: "!rounded-agg-lg" },
+        children: [
+          /* @__PURE__ */ jsx25(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ jsxs25(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx25(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx25(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx25(
+              ConnectAccountsStep,
+              {
+                onConnectOnchain: handleOpenOnchainModal,
+                onConnectKalshi: handleOpenKalshiModal,
+                onContinue: handleConnectContinue,
+                connectedOnchain: connectedOnchain || onchainConnected,
+                connectedKalshi: connectedKalshi || kalshiConnected
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx25(
+      ConnectOnchainModal,
+      {
+        open: onchainModalOpen,
+        onOpenChange: setOnchainModalOpen,
+        onConnect: handleOnchainConnect
+      }
+    ),
+    /* @__PURE__ */ jsx25(
+      ConnectKalshiModal,
+      {
+        open: kalshiModalOpen,
+        onOpenChange: setKalshiModalOpen,
+        onVerify: handleKalshiVerify
+      }
+    )
+  ] });
+};
+OnboardingModal.displayName = "OnboardingModal";
+
+// src/profile/index.tsx
+import { useState as useState11, useEffect as useEffect4, useCallback as useCallback9, useMemo as useMemo2 } from "react";
+import { useAggClient, useAggAuthState } from "@agg-market/hooks";
+
+// src/profile/profile-modal.constants.ts
+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 useCallback8, useRef as useRef5 } from "react";
+import { useLabels as useLabels19 } from "@agg-market/hooks";
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
+var AboutTab = ({
+  avatarPreview,
+  onDeleteProfile: _onDeleteProfile,
+  draftUsername,
+  onDraftUsernameChange,
+  onDraftAvatarChange,
+  draftAvatarPreview
+}) => {
+  const labels = useLabels19();
+  const fileInputRef = useRef5(null);
+  const handleAvatarClick = useCallback8(() => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  }, []);
+  const handleFileChange = useCallback8(
+    (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;
+  const hasAvatarPreview = Boolean(resolvedPreview);
+  return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex justify-center", children: [
+      /* @__PURE__ */ jsxs26(
+        "button",
+        {
+          type: "button",
+          onClick: handleAvatarClick,
+          className: cn(
+            "group relative flex items-center justify-center",
+            "h-[80px] w-[80px]",
+            "rounded-agg-full",
+            "bg-agg-secondary",
+            !hasAvatarPreview && "hover:bg-agg-secondary-hover",
+            "transition-colors cursor-pointer",
+            "overflow-hidden"
+          ),
+          "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+          children: [
+            !hasAvatarPreview ? /* @__PURE__ */ jsx26(
+              "svg",
+              {
+                "aria-hidden": true,
+                viewBox: "0 0 80 80",
+                className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
+                children: /* @__PURE__ */ jsx26(
+                  "circle",
+                  {
+                    cx: "40",
+                    cy: "40",
+                    r: "39.5",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1",
+                    strokeDasharray: "8 8"
+                  }
+                )
+              }
+            ) : null,
+            resolvedPreview ? /* @__PURE__ */ jsx26(
+              RemoteImage,
+              {
+                src: resolvedPreview,
+                alt: labels.onboarding.profileSetup.profilePreviewAlt,
+                className: "h-full w-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsx26(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept: "image/*",
+          onChange: handleFileChange,
+          className: "hidden",
+          "aria-hidden": "true"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx26(
+        "label",
+        {
+          htmlFor: "profile-username",
+          className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+          children: "Username"
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        "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"
+          )
+        }
+      )
+    ] })
+  ] });
+};
+AboutTab.displayName = "AboutTab";
+
+// src/profile/tabs/accounts-wallets-tab.tsx
+import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+var SectionTitle = ({ children }) => /* @__PURE__ */ jsx27("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx27(
+  "div",
+  {
+    className: cn(
+      "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__ */ jsx27(
+  "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__ */ jsx27(
+  "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: _onConnectDiscord,
+  onDisconnectDiscord: _onDisconnectDiscord,
+  onConnectTelegram: _onConnectTelegram,
+  onDisconnectTelegram: _onDisconnectTelegram,
+  onConnectEmail
+}) => {
+  const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
+  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx27(SectionTitle, { children: "Exchanges" }),
+      exchanges.length === 0 ? /* @__PURE__ */ jsx27("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ jsx27("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
+        var _a;
+        const displayName = (_a = venueLogoLabels[account.venue]) != null ? _a : account.venue;
+        return /* @__PURE__ */ jsxs27(AccountRow, { children: [
+          /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx27(VenueLogo, { venue: account.venue, size: "small" }),
+            /* @__PURE__ */ jsx27("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
+            /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ jsx27("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
+              account.verified ? /* @__PURE__ */ jsx27(
+                Icon,
+                {
+                  name: "check-badge",
+                  size: "small",
+                  color: "var(--agg-color-primary, #536dfe)"
+                }
+              ) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx27(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
+        ] }, account.venue);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx27(SectionTitle, { children: "Social Accounts" }),
+      /* @__PURE__ */ jsx27("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs27(AccountRow, { children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx27("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx27(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
+          /* @__PURE__ */ jsx27("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
+        ] }),
+        (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx27(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx27(ConnectTextButton, { onClick: onConnectTwitter })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx27(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ jsxs27(
+        "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__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx27("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx27(Icon, { name: "email", size: "small", color: "currentColor" }) }),
+              /* @__PURE__ */ jsx27("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
+            ] }),
+            /* @__PURE__ */ jsx27(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+AccountsWalletsTab.displayName = "AccountsWalletsTab";
+
+// src/profile/index.tsx
+import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
+var ProfileModal = ({
+  open,
+  onOpenChange,
+  username,
+  avatarPreview,
+  onSave,
+  onDeleteProfile,
+  exchanges,
+  socialAccounts,
+  email,
+  onDisconnectExchange,
+  onConnectTwitter,
+  onDisconnectTwitter,
+  onConnectDiscord,
+  onDisconnectDiscord,
+  onConnectTelegram,
+  onDisconnectTelegram,
+  onConnectEmail
+}) => {
+  var _a, _b, _c, _d, _e, _f;
+  const client = useAggClient();
+  const { user, startAuth } = useAggAuthState();
+  const [activeTab, setActiveTab] = useState11(PROFILE_TAB_KEYS.ABOUT);
+  const [draftUsername, setDraftUsername] = useState11(username != null ? username : "");
+  const [draftAvatarFile, setDraftAvatarFile] = useState11();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState11();
+  const [isSaving, setIsSaving] = useState11(false);
+  useEffect4(() => {
+    setDraftUsername(username != null ? username : "");
+  }, [username]);
+  const handleOpenChange = useCallback9(
+    (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 = useCallback9(
+    (file, preview) => {
+      setDraftAvatarFile(file);
+      setDraftAvatarPreview(preview);
+    },
+    []
+  );
+  const hasChanges = draftUsername !== (username != null ? username : "") || draftAvatarFile !== void 0;
+  const handleSave = useCallback9(() => __async(null, null, function* () {
+    setIsSaving(true);
+    try {
+      const normalizedUsername = draftUsername.trim();
+      if (normalizedUsername !== (username != null ? username : "")) {
+        yield client.updateUser({ username: normalizedUsername || void 0 });
+      }
+      if (draftAvatarFile) {
+        const { uploadUrl } = yield client.createAvatarUploadUrl(draftAvatarFile.type);
+        yield fetch(uploadUrl, {
+          method: "PUT",
+          headers: {
+            "Content-Type": draftAvatarFile.type
+          },
+          body: draftAvatarFile
+        });
+        yield client.updateUser({ confirmAvatar: true });
+      }
+      yield client.getCurrentUser();
+      onSave({
+        username: normalizedUsername || void 0,
+        avatarFile: draftAvatarFile,
+        avatarPreview: draftAvatarPreview
+      });
+      onOpenChange(false);
+    } finally {
+      setIsSaving(false);
+    }
+  }), [client, draftAvatarFile, draftAvatarPreview, draftUsername, onOpenChange, onSave, username]);
+  const handleCancel = useCallback9(() => {
+    handleOpenChange(false);
+  }, [handleOpenChange]);
+  const isAccountConnected = (providers) => {
+    var _a2, _b2, _c2;
+    const normalizedProviders = providers.map((provider) => provider.toLowerCase());
+    const fromAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.some(
+      (account) => normalizedProviders.includes(String(account.provider).toLowerCase())
+    )) != null ? _b2 : false;
+    const legacyIdentities = user == null ? void 0 : user.identities;
+    const fromLegacy = (_c2 = legacyIdentities == null ? void 0 : legacyIdentities.some(
+      (identity) => {
+        var _a3;
+        return normalizedProviders.includes(String((_a3 = identity.provider) != null ? _a3 : "").toLowerCase());
+      }
+    )) != null ? _c2 : false;
+    return fromAccounts || fromLegacy;
+  };
+  const resolvedSocialAccounts = socialAccounts != null ? socialAccounts : {
+    twitter: {
+      connected: isAccountConnected(["twitter"])
+    }
+  };
+  const resolvedEmail = (_f = (_e = email != null ? email : (_b = (_a = user == null ? void 0 : user.accounts) == null ? void 0 : _a.find(
+    (account) => String(account.provider).toLowerCase() === "email"
+  )) == null ? void 0 : _b.providerAccountId) != null ? _e : (_d = (_c = user == null ? void 0 : user.identities) == null ? void 0 : _c.find((identity) => {
+    var _a2;
+    return String((_a2 = identity.provider) != null ? _a2 : "").toLowerCase() === "email";
+  })) == null ? void 0 : _d.providerAccountId) != null ? _f : null;
+  const resolveRedirectUrl = () => {
+    if (typeof window === "undefined") return "http://localhost";
+    return `${window.location.origin}${window.location.pathname}${window.location.search}`;
+  };
+  const handleConnectTwitter = useCallback9(() => __async(null, null, function* () {
+    const result = yield startAuth({
+      provider: "twitter",
+      redirectUrl: resolveRedirectUrl()
+    });
+    onConnectTwitter == null ? void 0 : onConnectTwitter();
+    if (result.type === "redirect" && typeof window !== "undefined") {
+      window.location.assign(result.url);
+    }
+  }), [onConnectTwitter, startAuth]);
+  const handleDisconnectTwitter = useCallback9(() => __async(null, null, function* () {
+    yield client.disconnectAccount("twitter");
+    yield client.getCurrentUser();
+    onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
+  }), [client, onDisconnectTwitter]);
+  const handleConnectEmail = useCallback9(() => __async(null, null, function* () {
+    var _a2;
+    const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
+    if (!typedEmail) return;
+    yield startAuth({
+      provider: "email",
+      email: typedEmail,
+      redirectUrl: resolveRedirectUrl()
+    });
+    onConnectEmail == null ? void 0 : onConnectEmail();
+  }), [onConnectEmail, startAuth]);
+  const providerActionMap = useMemo2(
+    () => ({
+      twitter: {
+        connect: () => {
+          void handleConnectTwitter();
+        },
+        disconnect: () => {
+          void handleDisconnectTwitter();
+        }
+      },
+      email: {
+        connect: () => {
+          void handleConnectEmail();
+        }
+      }
+    }),
+    [handleConnectEmail, handleConnectTwitter, handleDisconnectTwitter]
+  );
+  return /* @__PURE__ */ jsx28(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs28(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
+    /* @__PURE__ */ jsx28(Modal.Header, { title: "Edit Profile" }),
+    /* @__PURE__ */ jsx28(Modal.Body, { children: /* @__PURE__ */ jsxs28("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "shrink-0", children: [
+        /* @__PURE__ */ jsx28("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
+          const isActive = activeTab === tab.value;
+          return /* @__PURE__ */ jsxs28(
+            "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__ */ jsx28(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                /* @__PURE__ */ jsx28("span", { className: "whitespace-nowrap", children: tab.label })
+              ]
+            },
+            tab.value
+          );
+        }) }),
+        /* @__PURE__ */ jsx28(
+          "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__ */ jsxs28(
+                "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__ */ jsx28("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                    /* @__PURE__ */ jsx28(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                    /* @__PURE__ */ jsx28("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                  ]
+                },
+                tab.value
+              );
+            })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
+        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx28(
+          AboutTab,
+          {
+            username,
+            avatarPreview,
+            onDeleteProfile,
+            draftUsername,
+            onDraftUsernameChange: setDraftUsername,
+            draftAvatarFile,
+            onDraftAvatarChange: handleDraftAvatarChange,
+            draftAvatarPreview
+          }
+        ) : null,
+        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx28(
+          AccountsWalletsTab,
+          {
+            exchanges,
+            socialAccounts: resolvedSocialAccounts,
+            email: resolvedEmail,
+            onDisconnectExchange,
+            onConnectTwitter: providerActionMap.twitter.connect,
+            onDisconnectTwitter: providerActionMap.twitter.disconnect,
+            onConnectDiscord,
+            onDisconnectDiscord,
+            onConnectTelegram,
+            onDisconnectTelegram,
+            onConnectEmail: providerActionMap.email.connect
+          }
+        ) : null
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs28(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx28(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+      /* @__PURE__ */ jsx28(
+        Button,
+        {
+          variant: "primary",
+          size: "large",
+          disabled: !hasChanges,
+          isLoading: isSaving,
+          onClick: handleSave,
+          children: "Save Changes"
+        }
+      )
+    ] })
+  ] }) });
+};
+ProfileModal.displayName = "ProfileModal";
+
+export {
+  DepositModal,
+  OnrampModal,
+  WithdrawModal,
+  HowItWorksStep,
+  ProfileSetupStep,
+  ConnectAccountsStep,
+  ConnectKalshiModal,
+  ConnectOnchainModal,
+  OnboardingModal,
+  ProfileModal
+};