@agg-market/ui 9.0.0 → 10.0.0

package/dist/modals.js

@@ -85,6 +85,7 @@ __export(modals_exports, {
   DepositModal: () => DepositModal,
   HowItWorksStep: () => HowItWorksStep,
   OnboardingModal: () => OnboardingModal,
+  OnrampModal: () => OnrampModal,
   ProfileModal: () => ProfileModal,
   ProfileSetupStep: () => ProfileSetupStep,
   WithdrawModal: () => WithdrawModal
@@ -2549,9 +2550,12 @@ var VenueLogo = ({
   title
 }) => {
   var _a;
+  const { showVenueLogo = true } = (0, import_hooks4.useAggUiConfig)();
   const labels = (0, import_hooks4.useLabels)();
   const sizeClass = sizeClasses[size];
   const resolvedLabel = (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueLogoLabels[venue];
+  if (!showVenueLogo)
+    return null;
   if (variant === "logo") {
     return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       RemoteImage,
@@ -3367,20 +3371,824 @@ var DepositModal = ({
 };
 DepositModal.displayName = "DepositModal";
 
-// src/withdraw/index.tsx
+// src/onramp/index.tsx
+var import_react8 = require("react");
+
+// src/onramp/steps/quote-form.tsx
+var import_react6 = require("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
+var import_jsx_runtime68 = require("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 = (0, import_react6.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__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Modal.Header, { title, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "You pay" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            Select,
+            {
+              items: FIAT_OPTIONS,
+              value: values.fiatCurrency,
+              onChange: onFiatChange,
+              ariaLabel: "Fiat currency",
+              className: "w-auto"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-baseline", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "agg-type-display text-agg-foreground", children: (_a = FIAT_SYMBOLS[values.fiatCurrency]) != null ? _a : "$" }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+              "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__ */ (0, import_jsx_runtime68.jsx)("div", { className: "border-t border-agg-separator" }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "You receive" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          Select,
+          {
+            items: CRYPTO_OPTIONS,
+            value: values.cryptoCurrency,
+            onChange: onCryptoChange,
+            ariaLabel: "Cryptocurrency"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "border-t border-agg-separator" }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "Destination wallet" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          "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__ */ (0, import_jsx_runtime68.jsx)(
+        Button,
+        {
+          variant: "primary",
+          size: "large",
+          className: "w-full",
+          disabled: !isFormValid,
+          onClick: onSubmit,
+          children: "Get Quotes"
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/primitives/loading-icon/index.tsx
+var import_hooks6 = require("@agg-market/hooks");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var LoadingIcon = ({
+  size = "medium",
+  className,
+  ariaLabel
+}) => {
+  const labels = (0, import_hooks6.useLabels)();
+  const { enableAnimations } = (0, import_hooks6.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    "span",
+    {
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.common.loading,
+      className: cn(
+        "group/agg-loading-icon",
+        "inline-grid place-items-center text-agg-primary will-change-transform",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { viewBox: "0 0 44 44", className: cn("block", iconSizeClasses[size]), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("g", { children: [
+        enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            attributeType: "XML",
+            type: "rotate",
+            from: "0 22 22",
+            to: "360 22 22",
+            dur: "1.4s",
+            repeatCount: "indefinite"
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          "circle",
+          {
+            cx: "22",
+            cy: "22",
+            r: "16",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "6",
+            strokeLinecap: "round",
+            strokeDasharray: "60 100",
+            strokeDashoffset: "0",
+            children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                "animate",
+                {
+                  attributeName: "stroke-dasharray",
+                  values: "1 100;60 100;1 100",
+                  dur: "1.2s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                "animate",
+                {
+                  attributeName: "stroke-dashoffset",
+                  values: "0;-25;-100",
+                  dur: "1.2s",
+                  repeatCount: "indefinite"
+                }
+              )
+            ] }) : null
+          }
+        )
+      ] }) }) })
+    }
+  );
+};
+LoadingIcon.displayName = "LoadingIcon";
+
+// src/primitives/inline-alert/index.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var toneIconName = {
+  error: "error-filled",
+  warning: "warning-filled"
+};
+var toneIconClassName = {
+  error: "text-agg-error",
+  warning: "text-agg-warning"
+};
+var surfaceClassNames = {
+  error: "rounded-agg-lg bg-agg-status-error-surface px-3 py-2.5",
+  warning: "rounded-agg-lg border border-agg-separator bg-agg-secondary-hover px-3 py-2.5"
+};
+var liveRegionConfig = {
+  error: {
+    role: "alert",
+    ariaLive: "assertive"
+  },
+  warning: {
+    role: "status",
+    ariaLive: "polite"
+  }
+};
+var resolveVariant = ({
+  tone,
+  variant
+}) => {
+  if (variant)
+    return variant;
+  return tone === "error" ? "surface" : "plain";
+};
+var InlineAlert = ({
+  tone = "error",
+  variant,
+  title,
+  message,
+  actionLabel,
+  onAction,
+  className,
+  "aria-label": ariaLabel
+}) => {
+  const resolvedVariant = resolveVariant({
+    tone,
+    variant
+  });
+  const hasAction = !!actionLabel && !!onAction;
+  const { ariaLive, role } = liveRegionConfig[tone];
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex w-full gap-3",
+        resolvedVariant === "plain" ? "items-center justify-center" : "items-start",
+        resolvedVariant === "surface" ? surfaceClassNames[tone] : null,
+        className
+      ),
+      role,
+      "aria-live": ariaLive,
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          Icon,
+          {
+            name: toneIconName[tone],
+            className: cn("h-4 w-4 shrink-0", toneIconClassName[tone]),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          "div",
+          {
+            className: cn(
+              "min-w-0",
+              resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col",
+                  title ? "gap-1" : null,
+                  resolvedVariant === "plain" && !hasAction ? "items-center" : null
+                ),
+                children: [
+                  title ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: message })
+                ]
+              }
+            )
+          }
+        ),
+        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "shrink-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary-hover focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
+            ),
+            "aria-label": actionLabel,
+            onClick: onAction,
+            children: actionLabel
+          }
+        ) : null
+      ]
+    }
+  );
+};
+InlineAlert.displayName = "InlineAlert";
+
+// src/primitives/search/search-empty-icon.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var SearchEmptyIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          "ellipse",
+          {
+            cx: "19.9987",
+            cy: "20.0012",
+            rx: "17.2",
+            ry: "6.6",
+            transform: "rotate(-35 19.9987 20.0012)",
+            stroke: "currentColor",
+            strokeWidth: "1.6"
+          }
+        )
+      ]
+    })
+  );
+};
+SearchEmptyIcon.displayName = "SearchEmptyIcon";
+
+// src/primitives/typography/typography.constants.ts
+var typographyVariantClasses = {
+  display: cn("agg-type-display"),
+  heading: cn("agg-type-heading"),
+  title: cn("agg-type-title"),
+  "title-strong": cn("agg-type-title-strong"),
+  "body-large": cn("agg-type-body-large"),
+  "body-large-strong": cn("agg-type-body-large-strong"),
+  body: cn("agg-type-body"),
+  "body-strong": cn("agg-type-body-strong"),
+  label: cn("agg-type-label"),
+  "label-strong": cn("agg-type-label-strong"),
+  "label-caps": cn("agg-type-label-caps"),
+  caption: cn("agg-type-caption"),
+  "caption-strong": cn("agg-type-caption-strong"),
+  "caption-caps": cn("agg-type-caption-caps"),
+  overline: cn("agg-type-overline")
+};
+
+// src/primitives/typography/index.tsx
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var Typography = ({
+  as: Component = "p",
+  variant = "body",
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    Component,
+    {
+      className: cn(
+        "group/agg-typography",
+        "text-agg-foreground",
+        typographyVariantClasses[variant],
+        className
+      ),
+      children
+    }
+  );
+};
+Typography.displayName = "Typography";
+
+// src/primitives/state-message/index.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var iconClassName = "h-9 w-9 text-agg-muted-foreground";
+var StateMessage = ({
+  ariaLabel,
+  tone = "empty",
+  title,
+  description,
+  actionLabel,
+  onAction,
+  className
+}) => {
+  const icon = tone === "warning" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex min-h-[240px] w-full flex-col items-center justify-center px-5 py-10 text-center md:px-10",
+        className
+      ),
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": ariaLabel,
+      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex max-w-[360px] flex-col items-center gap-6", children: [
+        icon,
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "body-large-strong", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
+        ] }),
+        actionLabel && onAction ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          Button,
+          {
+            variant: "tertiary",
+            size: "large",
+            className: "text-agg-base leading-agg-6",
+            "aria-label": actionLabel,
+            onClick: (e) => {
+              e.stopPropagation();
+              e.preventDefault();
+              onAction == null ? void 0 : onAction();
+            },
+            children: actionLabel
+          }
+        ) : null
+      ] })
+    }
+  );
+};
+StateMessage.displayName = "StateMessage";
+
+// src/primitives/badge/index.tsx
+var import_hooks7 = require("@agg-market/hooks");
+
+// src/primitives/badge/badge.constants.ts
+var badgeSizeClasses = {
+  small: cn("py-1.5 px-4 gap-1.5", "agg-type-label"),
+  medium: cn("py-1.5 px-4 gap-2", "agg-type-body"),
+  large: cn("py-2.5 px-6 gap-2", "agg-type-body")
+};
+var baseBadgeClasses = cn(
+  "inline-flex items-center justify-center rounded-agg-full font-agg-sans",
+  "bg-agg-secondary-hover text-agg-foreground whitespace-nowrap font-agg-normal"
+);
+
+// src/primitives/badge/index.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+function Badge({
+  text,
+  prefix,
+  suffix,
+  size = "medium",
+  classNames,
+  onClick,
+  isActive = false
+}) {
+  const { enableAnimations } = (0, import_hooks7.useSdkUiConfig)();
+  const resolvedText = `${text}`;
+  const resolvedAriaLabel = resolvedText.length > 0 ? resolvedText : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+    "span",
+    __spreadProps(__spreadValues({
+      "aria-label": resolvedAriaLabel,
+      className: cn(
+        "group/agg-badge",
+        baseBadgeClasses,
+        badgeSizeClasses[size],
+        onClick ? "cursor-pointer hover:bg-agg-tertiary disabled:cursor-not-allowed" : "",
+        getMotionClassName(
+          enableAnimations,
+          "transition-[border-color,background-color] duration-200 ease-in-out"
+        ),
+        isActive ? "border-agg-primary bg-agg-secondary! font-agg-bold!" : "border-transparent font-agg-normal",
+        classNames == null ? void 0 : classNames.root
+      )
+    }, onClick && { onClick }), {
+      children: [
+        prefix ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
+        suffix ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
+      ]
+    })
+  );
+}
+Badge.displayName = "Badge";
+
+// src/onramp/steps/quote-card.tsx
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var QuoteCard = ({ quote, rank, onSelect }) => {
+  var _a;
+  const isBest = rank === 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+    "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__ */ (0, import_jsx_runtime75.jsx)(
+          "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__ */ (0, import_jsx_runtime75.jsx)(
+              "span",
+              {
+                className: cn(
+                  "text-agg-lg font-agg-bold",
+                  isBest ? "text-agg-primary" : "text-agg-muted-foreground"
+                ),
+                children: rank
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: quote.serviceProvider }),
+            isBest ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+              Badge,
+              {
+                text: "Best",
+                size: "small",
+                classNames: { root: "bg-agg-primary! text-white! border-agg-primary!" }
+              }
+            ) : null,
+            quote.lowKyc ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Badge, { text: "Low KYC", size: "small" }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              quote.destinationAmount.toFixed(6),
+              " ",
+              quote.destinationCurrencyCode.split("_")[0]
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-agg-muted-foreground", children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              "Fee ",
+              (_a = FIAT_SYMBOLS[quote.sourceCurrencyCode]) != null ? _a : "",
+              quote.totalFee.toFixed(2)
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          Button,
+          {
+            variant: "secondary",
+            size: "small",
+            suffix: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ChevronRightIcon, {}),
+            onClick: (e) => {
+              e.stopPropagation();
+              onSelect();
+            },
+            children: "Select"
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/onramp/steps/quote-selection.tsx
+var import_jsx_runtime76 = require("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__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", className: BACK_BUTTON_CLASS, onClick, "aria-label": "Go back", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(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__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      Modal.Header,
+      {
+        title: "Select Provider",
+        subtitle,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BackButton, { onClick: onBack })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: [
+      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex min-h-[240px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(LoadingIcon, { size: "large" }) }) : null,
+      !isLoading && error ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(InlineAlert, { tone: "error", message: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { variant: "secondary", size: "medium", className: "w-full", onClick: onRetry, children: "Retry" })
+      ] }) : null,
+      !isLoading && !error && quotes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        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__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col gap-3", children: quotes.map((quote, i) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        QuoteCard,
+        {
+          quote,
+          rank: i + 1,
+          onSelect: () => onSelectQuote(quote)
+        },
+        `${quote.serviceProvider}-${quote.paymentMethodType}`
+      )) }) : null
+    ] })
+  ] });
+};
+
+// src/onramp/steps/widget.tsx
 var import_react7 = require("react");
+var import_jsx_runtime77 = require("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__ */ (0, import_jsx_runtime77.jsx)("button", { type: "button", className: BACK_BUTTON_CLASS2, onClick, "aria-label": "Go back", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ChevronLeftIcon, { className: "h-6 w-6" }) });
+var WidgetStep = ({ widgetUrl, isLoading, onBack }) => {
+  const iframeRef = (0, import_react7.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      Modal.Header,
+      {
+        title: "Complete Purchase",
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BackButton2, { onClick: onBack })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Modal.Body, { classNames: { root: "p-0! sm:p-0! overflow-hidden" }, children: [
+      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(LoadingIcon, { size: "large" }) }) : null,
+      widgetUrl ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        "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
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var OnrampModal = ({
+  open,
+  onOpenChange,
+  transactionType,
+  walletAddress: initialWalletAddress = "",
+  defaultFiatCurrency = "USD",
+  defaultCryptoCurrency = "USDC",
+  onGetQuotes,
+  onSelectQuote
+}) => {
+  const [step, setStep] = (0, import_react8.useState)("form");
+  const [formValues, setFormValues] = (0, import_react8.useState)({
+    amount: "",
+    fiatCurrency: defaultFiatCurrency,
+    cryptoCurrency: defaultCryptoCurrency,
+    walletAddress: initialWalletAddress
+  });
+  const [quotes, setQuotes] = (0, import_react8.useState)([]);
+  const [isLoadingQuotes, setIsLoadingQuotes] = (0, import_react8.useState)(false);
+  const [quoteError, setQuoteError] = (0, import_react8.useState)(null);
+  const [widgetUrl, setWidgetUrl] = (0, import_react8.useState)(null);
+  const [isCreatingSession, setIsCreatingSession] = (0, import_react8.useState)(false);
+  const handleOpenChange = (0, import_react8.useCallback)(
+    (isOpen) => {
+      if (!isOpen) {
+        setStep("form");
+        setQuotes([]);
+        setQuoteError(null);
+        setWidgetUrl(null);
+      }
+      onOpenChange(isOpen);
+    },
+    [onOpenChange]
+  );
+  const handleGetQuotes = (0, import_react8.useCallback)(() => __async(void 0, null, function* () {
+    const numericAmount2 = Number(formValues.amount);
+    if (!numericAmount2 || numericAmount2 <= 0)
+      return;
+    setStep("quotes");
+    setIsLoadingQuotes(true);
+    setQuoteError(null);
+    try {
+      const result = yield onGetQuotes({
+        transactionType,
+        sourceAmount: numericAmount2,
+        sourceCurrencyCode: formValues.fiatCurrency,
+        destinationCurrencyCode: formValues.cryptoCurrency,
+        countryCode: "US"
+      });
+      setQuotes(result);
+    } catch (err) {
+      setQuoteError(err instanceof Error ? err.message : "Failed to fetch quotes");
+    } finally {
+      setIsLoadingQuotes(false);
+    }
+  }), [formValues, transactionType, onGetQuotes]);
+  const handleSelectQuote = (0, import_react8.useCallback)(
+    (quote) => __async(void 0, null, function* () {
+      setStep("widget");
+      setIsCreatingSession(true);
+      try {
+        const session = yield onSelectQuote({
+          transactionType,
+          serviceProvider: quote.serviceProvider,
+          sourceAmount: quote.sourceAmount,
+          sourceCurrencyCode: quote.sourceCurrencyCode,
+          destinationCurrencyCode: quote.destinationCurrencyCode,
+          countryCode: quote.countryCode,
+          walletAddress: formValues.walletAddress
+        });
+        setWidgetUrl(session.serviceProviderWidgetUrl);
+      } catch (e) {
+        setStep("quotes");
+      } finally {
+        setIsCreatingSession(false);
+      }
+    }),
+    [transactionType, formValues.walletAddress, onSelectQuote]
+  );
+  const numericAmount = Number(formValues.amount) || 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    Modal.Container,
+    {
+      maxWidth: "520px",
+      "aria-label": transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
+      children: [
+        step === "form" ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          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__ */ (0, import_jsx_runtime78.jsx)(
+          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__ */ (0, import_jsx_runtime78.jsx)(
+          WidgetStep,
+          {
+            widgetUrl,
+            isLoading: isCreatingSession,
+            onBack: () => {
+              setWidgetUrl(null);
+              setStep("quotes");
+            }
+          }
+        ) : null
+      ]
+    }
+  ) });
+};
+OnrampModal.displayName = "OnrampModal";
+
+// src/withdraw/index.tsx
+var import_react10 = require("react");
 
 // src/withdraw/withdraw-modal.constants.ts
 var KALSHI_VENUE2 = "kalshi";
 var KALSHI_WITHDRAW_URL_DEFAULT = "https://kalshi.com/account/withdraw";
 
 // src/withdraw/steps/venue-selection.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var VenueRow2 = ({ venue, onSelect }) => {
   var _a, _b;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
   const isDisabled = venue.disabled === true;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "div",
     {
       className: cn(
@@ -3393,7 +4201,9 @@ var VenueRow2 = ({ venue, onSelect }) => {
       role: "button",
       tabIndex: isDisabled ? -1 : 0,
       "aria-disabled": isDisabled,
-      onClick: () => {
+      onClick: (e) => {
+        e.stopPropagation();
+        e.preventDefault();
         if (!isDisabled)
           onSelect(venue.venue);
       },
@@ -3404,20 +4214,20 @@ var VenueRow2 = ({ venue, onSelect }) => {
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
             "Balance ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
-        isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "agg-type-label text-agg-muted-foreground", children: (_b = venue.disabledReason) != null ? _b : "Unavailable" }) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "agg-type-label text-agg-muted-foreground", children: (_b = venue.disabledReason) != null ? _b : "Unavailable" }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           Button,
           {
             variant: "secondary",
             size: "small",
-            suffix: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChevronRightIcon, {}),
+            suffix: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ChevronRightIcon, {}),
             onClick: (e) => {
               e.stopPropagation();
               onSelect(venue.venue);
@@ -3432,22 +4242,22 @@ var VenueRow2 = ({ venue, onSelect }) => {
 var VenueSelectionStep2 = ({
   venues,
   onSelectVenue
-}) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Modal.Header, { title: "Withdraw", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to withdraw funds from:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(VenueRow2, { venue, onSelect: onSelectVenue }, venue.venue)) })
+}) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Modal.Header, { title: "Withdraw", hideBorder: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to withdraw funds from:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(VenueRow2, { venue, onSelect: onSelectVenue }, venue.venue)) })
   ] }) })
 ] });
 
 // src/withdraw/steps/withdraw-method.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var WithdrawMethodCard = ({
   icon,
   title,
   description,
   onContinue
-}) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
   "div",
   {
     className: cn(
@@ -3466,17 +4276,17 @@ var WithdrawMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         Button,
         {
           variant: "secondary",
           size: "small",
-          suffix: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChevronRightIcon, {}),
+          suffix: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ChevronRightIcon, {}),
           onClick: (e) => {
             e.stopPropagation();
             onContinue();
@@ -3494,47 +4304,47 @@ var WithdrawMethodStep = ({
 }) => {
   var _a;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       Modal.Header,
       {
         title: `Withdraw from ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "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__ */ (0, import_jsx_runtime69.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           WithdrawMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Withdraw to Wallet",
             description: "Send funds to your crypto wallet as USDC.",
             onContinue: () => onSelectMethod("wallet")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           WithdrawMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(BankIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(BankIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Withdraw to Bank",
             description: "Transfer funds to your linked bank account.",
             onContinue: () => onSelectMethod("bank")
@@ -3546,8 +4356,8 @@ var WithdrawMethodStep = ({
 };
 
 // src/withdraw/steps/withdraw-amount.tsx
-var import_react6 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var WithdrawAmountStep = ({
   venue,
   method,
@@ -3555,50 +4365,50 @@ var WithdrawAmountStep = ({
   onContinue
 }) => {
   var _a;
-  const [rawAmount, setRawAmount] = (0, import_react6.useState)("");
+  const [rawAmount, setRawAmount] = (0, import_react9.useState)("");
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
   const numericAmount = Number(rawAmount) || 0;
   const isValid = numericAmount > 0 && numericAmount <= venue.balance;
   const exceedsBalance = numericAmount > venue.balance;
   const methodLabel = method === "wallet" ? "Wallet" : "Bank";
-  const handleAmountChange = (0, import_react6.useCallback)((e) => {
+  const handleAmountChange = (0, import_react9.useCallback)((e) => {
     const v = e.target.value.replace(/[^0-9.]/g, "");
     const parts = v.split(".");
     const sanitized = parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v;
     setRawAmount(sanitized);
   }, []);
-  const handleMax = (0, import_react6.useCallback)(() => {
+  const handleMax = (0, import_react9.useCallback)(() => {
     setRawAmount(venue.balance.toString());
   }, [venue.balance]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       Modal.Header,
       {
         title: `Withdraw to ${methodLabel}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "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__ */ (0, import_jsx_runtime70.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
             displayName,
             " balance: ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "button",
           {
             type: "button",
@@ -3608,10 +4418,10 @@ var WithdrawAmountStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-baseline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             "input",
             {
               type: "text",
@@ -3627,9 +4437,9 @@ var WithdrawAmountStep = ({
             }
           )
         ] }),
-        exceedsBalance ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
+        exceedsBalance ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         Button,
         {
           variant: "primary",
@@ -3645,30 +4455,30 @@ var WithdrawAmountStep = ({
 };
 
 // src/withdraw/steps/kalshi-withdraw.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var KalshiStepCard2 = ({
   step,
   title,
   description,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
     "Step ",
     step
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
   ] }),
   children
 ] });
 var KalshiWithdrawStep = ({
   withdrawUrl,
   onDone
-}) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Modal.Header, { title: "", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Modal.Header, { title: "", hideBorder: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       VenueLogo,
       {
         venue: "kalshi",
@@ -3676,23 +4486,23 @@ var KalshiWithdrawStep = ({
         className: "h-[60px] w-[60px] rounded-lg"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Withdraw from Kalshi" }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "To withdraw from Kalshi you'll need to initiate the withdrawal from your Kalshi account directly on Kalshi's site." })
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Withdraw from Kalshi" }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "To withdraw from Kalshi you'll need to initiate the withdrawal from your Kalshi account directly on Kalshi's site." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         KalshiStepCard2,
         {
           step: 1,
           title: "Open Kalshi Withdraw Page",
           description: "Sign in to your Kalshi account and go to Withdraw from your account menu.",
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             Button,
             {
               variant: "secondary",
               size: "small",
-              suffix: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              suffix: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
               onClick: () => {
                 window.open(withdrawUrl, "_blank", "noopener,noreferrer");
               },
@@ -3701,7 +4511,7 @@ var KalshiWithdrawStep = ({
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         KalshiStepCard2,
         {
           step: 2,
@@ -3709,7 +4519,7 @@ var KalshiWithdrawStep = ({
           description: "Select a withdrawal method: Bank transfer (ACH), Wire, or USDC (crypto)."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         KalshiStepCard2,
         {
           step: 3,
@@ -3718,12 +4528,12 @@ var KalshiWithdrawStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
   ] }) })
 ] });
 
 // src/withdraw/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var WithdrawModal = ({
   open,
   onOpenChange,
@@ -3735,9 +4545,9 @@ var WithdrawModal = ({
   onDoneKalshi,
   kalshiWithdrawUrl = KALSHI_WITHDRAW_URL_DEFAULT
 }) => {
-  const [step, setStep] = (0, import_react7.useState)("venues");
-  const [selectedVenue, setSelectedVenue] = (0, import_react7.useState)(null);
-  const [selectedMethod, setSelectedMethod] = (0, import_react7.useState)(null);
+  const [step, setStep] = (0, import_react10.useState)("venues");
+  const [selectedVenue, setSelectedVenue] = (0, import_react10.useState)(null);
+  const [selectedMethod, setSelectedMethod] = (0, import_react10.useState)(null);
   const handleSelectVenue = (venueSlug) => {
     onSelectVenue(venueSlug);
     if (venueSlug === KALSHI_VENUE2) {
@@ -3787,9 +4597,9 @@ var WithdrawModal = ({
     }
     onOpenChange(isOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
-    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(VenueSelectionStep2, { venues, onSelectVenue: handleSelectVenue }) : null,
-    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
+    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(VenueSelectionStep2, { venues, onSelectVenue: handleSelectVenue }) : null,
+    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       WithdrawMethodStep,
       {
         venue: selectedVenue,
@@ -3797,7 +4607,7 @@ var WithdrawModal = ({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       WithdrawAmountStep,
       {
         venue: selectedVenue,
@@ -3806,14 +4616,14 @@ var WithdrawModal = ({
         onContinue: handleContinueWithdraw
       }
     ) : null,
-    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
+    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
   ] }) });
 };
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-var import_react12 = require("react");
-var import_hooks11 = require("@agg-market/hooks");
+var import_react15 = require("react");
+var import_hooks13 = require("@agg-market/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -3835,31 +4645,31 @@ var ONCHAIN_VENUES = [
 ];
 
 // src/onboarding/steps/how-it-works.tsx
-var import_react8 = require("react");
-var import_hooks6 = require("@agg-market/hooks");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_hooks8 = require("@agg-market/hooks");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks6.useLabels)();
-  const scrollRef = (0, import_react8.useRef)(null);
-  const [showTopGradient, setShowTopGradient] = (0, import_react8.useState)(false);
-  const [showBottomGradient, setShowBottomGradient] = (0, import_react8.useState)(true);
-  const handleScroll = (0, import_react8.useCallback)(() => {
+  const labels = (0, import_hooks8.useLabels)();
+  const scrollRef = (0, import_react11.useRef)(null);
+  const [showTopGradient, setShowTopGradient] = (0, import_react11.useState)(false);
+  const [showBottomGradient, setShowBottomGradient] = (0, import_react11.useState)(true);
+  const handleScroll = (0, import_react11.useCallback)(() => {
     const el = scrollRef.current;
     if (!el)
       return;
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         "div",
         {
           ref: scrollRef,
@@ -3869,7 +4679,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
             var _a;
             const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
             const feature = labels.onboarding.howItWorks.features[featureKey];
-            return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
               "div",
               {
                 className: cn(
@@ -3878,11 +4688,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -3890,7 +4700,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         "div",
         {
           className: cn(
@@ -3901,7 +4711,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         "div",
         {
           className: cn(
@@ -3913,26 +4723,26 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
   ] });
 };
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_react9 = require("react");
-var import_hooks7 = require("@agg-market/hooks");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_hooks9 = require("@agg-market/hooks");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks7.useLabels)();
-  const [username, setUsername] = (0, import_react9.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react9.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react9.useState)();
-  const fileInputRef = (0, import_react9.useRef)(null);
-  const handleAvatarClick = (0, import_react9.useCallback)(() => {
+  const labels = (0, import_hooks9.useLabels)();
+  const [username, setUsername] = (0, import_react12.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react12.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react12.useState)();
+  const fileInputRef = (0, import_react12.useRef)(null);
+  const handleAvatarClick = (0, import_react12.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react9.useCallback)((e) => {
+  const handleFileChange = (0, import_react12.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file)
@@ -3945,18 +4755,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react9.useCallback)(() => {
+  const handleContinue = (0, import_react12.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "button",
           {
             type: "button",
@@ -3972,17 +4782,17 @@ var ProfileSetupStep = ({ onContinue }) => {
               "overflow-hidden"
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-            children: avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+            children: avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               RemoteImage,
               {
                 src: avatarPreview,
                 alt: labels.onboarding.profileSetup.profilePreviewAlt,
                 className: "h-full w-full object-cover"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -3994,8 +4804,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -4003,7 +4813,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -4027,16 +4837,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
   ] });
 };
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_hooks8 = require("@agg-market/hooks");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_hooks10 = require("@agg-market/hooks");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -4047,8 +4857,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks8.useLabels)();
-  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  const labels = (0, import_hooks10.useLabels)();
+  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Button,
     {
       variant: "tertiary",
@@ -4058,18 +4868,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     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__ */ (0, import_jsx_runtime75.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "div",
     {
       className: cn(
@@ -4077,23 +4887,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -4108,15 +4918,15 @@ var ConnectAccountsStep = ({
   connectedOnchain = false,
   connectedKalshi = false
 }) => {
-  const labels = (0, import_hooks8.useLabels)();
+  const labels = (0, import_hooks10.useLabels)();
   const canContinue = connectedOnchain || connectedKalshi;
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(OnchainVenueLogos, {}),
+          logos: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(OnchainVenueLogos, {}),
           title: labels.onboarding.connectAccounts.onchainTitle,
           mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
             ONCHAIN_VENUES.length - 1
@@ -4127,10 +4937,10 @@ var ConnectAccountsStep = ({
           connected: connectedOnchain
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          logos: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             VenueLogo,
             {
               venue: "kalshi",
@@ -4148,7 +4958,7 @@ var ConnectAccountsStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Button,
       {
         variant: "primary",
@@ -4164,25 +4974,25 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_react10 = require("react");
-var import_hooks9 = require("@agg-market/hooks");
+var import_react13 = require("react");
+var import_hooks11 = require("@agg-market/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks9.useLabels)();
-  const [apiKeyId, setApiKeyId] = (0, import_react10.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react10.useState)("");
-  const [verifying, setVerifying] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)();
+  const labels = (0, import_hooks11.useLabels)();
+  const [apiKeyId, setApiKeyId] = (0, import_react13.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react13.useState)("");
+  const [verifying, setVerifying] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = (0, import_react10.useCallback)(() => {
+  const handleCancel = (0, import_react13.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = (0, import_react10.useCallback)(() => __async(void 0, null, function* () {
+  const handleVerify = (0, import_react13.useCallback)(() => __async(void 0, null, function* () {
     if (!canVerify || verifying)
       return;
     setVerifying(true);
@@ -4212,7 +5022,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = (0, import_react10.useCallback)(
+  const handleOpenChange = (0, import_react13.useCallback)(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -4224,15 +5034,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -4243,8 +5053,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             VenueLogo,
             {
               venue: "kalshi",
@@ -4253,54 +5063,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -4308,7 +5118,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -4328,8 +5138,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -4337,7 +5147,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -4359,42 +5169,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -4415,22 +5225,22 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react11 = require("react");
-var import_hooks10 = require("@agg-market/hooks");
+var import_react14 = require("react");
+var import_hooks12 = require("@agg-market/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks10.useLabels)();
-  const [connecting, setConnecting] = (0, import_react11.useState)(false);
-  const [error, setError] = (0, import_react11.useState)();
-  const handleCancel = (0, import_react11.useCallback)(() => {
+  const labels = (0, import_hooks12.useLabels)();
+  const [connecting, setConnecting] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)();
+  const handleCancel = (0, import_react14.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react11.useCallback)(() => __async(void 0, null, function* () {
+  const handleConnect = (0, import_react14.useCallback)(() => __async(void 0, null, function* () {
     if (connecting)
       return;
     setConnecting(true);
@@ -4446,7 +5256,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react11.useCallback)(
+  const handleOpenChange = (0, import_react14.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -4456,15 +5266,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -4475,26 +5285,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -4505,7 +5315,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -4524,7 +5334,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -4537,68 +5347,68 @@ var OnboardingModal = ({
   connectedKalshi = false
 }) => {
   var _a;
-  const labels = (0, import_hooks11.useLabels)();
-  const [step, setStep] = (0, import_react12.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = (0, import_hooks13.useLabels)();
+  const [step, setStep] = (0, import_react15.useState)(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] = (0, import_react12.useState)(false);
-  const [kalshiConnected, setKalshiConnected] = (0, import_react12.useState)(false);
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react12.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
+  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react15.useState)(false);
+  const [kalshiConnected, setKalshiConnected] = (0, import_react15.useState)(false);
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react15.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react12.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react15.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react12.useCallback)(
+  const handleProfileContinue = (0, import_react15.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react12.useCallback)(() => {
+  const handleConnectContinue = (0, import_react15.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react12.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react15.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react12.useCallback)(() => __async(void 0, null, function* () {
+  const handleOnchainConnect = (0, import_react15.useCallback)(() => __async(void 0, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = (0, import_react12.useCallback)(() => {
+  const handleOpenKalshiModal = (0, import_react15.useCallback)(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = (0, import_react12.useCallback)(
+  const handleKalshiVerify = (0, import_react15.useCallback)(
     (credentials) => __async(void 0, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
     }),
     [onConnectKalshi]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -4612,7 +5422,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -4620,7 +5430,7 @@ var OnboardingModal = ({
         onConnect: handleOnchainConnect
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       ConnectKalshiModal,
       {
         open: kalshiModalOpen,
@@ -4633,7 +5443,7 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-var import_react14 = require("react");
+var import_react17 = require("react");
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
@@ -4646,9 +5456,9 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react13 = require("react");
-var import_hooks12 = require("@agg-market/hooks");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_hooks14 = require("@agg-market/hooks");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile,
@@ -4657,13 +5467,13 @@ var AboutTab = ({
   onDraftAvatarChange,
   draftAvatarPreview
 }) => {
-  const labels = (0, import_hooks12.useLabels)();
-  const fileInputRef = (0, import_react13.useRef)(null);
-  const handleAvatarClick = (0, import_react13.useCallback)(() => {
+  const labels = (0, import_hooks14.useLabels)();
+  const fileInputRef = (0, import_react16.useRef)(null);
+  const handleAvatarClick = (0, import_react16.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react13.useCallback)(
+  const handleFileChange = (0, import_react16.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -4679,9 +5489,9 @@ var AboutTab = ({
     [onDraftAvatarChange]
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex justify-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex justify-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "button",
         {
           type: "button",
@@ -4697,17 +5507,17 @@ var AboutTab = ({
             "overflow-hidden"
           ),
           "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-          children: resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          children: resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "input",
         {
           ref: fileInputRef,
@@ -4719,8 +5529,8 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "label",
         {
           htmlFor: "profile-username",
@@ -4728,7 +5538,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "input",
         {
           id: "profile-username",
@@ -4750,12 +5560,12 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Delete your profile" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: "This will permanently delete your account and all of its data. You will not be able to reactivate this account." })
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Delete your profile" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: "This will permanently delete your account and all of its data. You will not be able to reactivate this account." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "button",
         {
           type: "button",
@@ -4777,9 +5587,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
-var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   "div",
   {
     className: cn(
@@ -4791,7 +5601,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_run
     children
   }
 );
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   "button",
   {
     type: "button",
@@ -4800,7 +5610,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime8
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   "button",
   {
     type: "button",
@@ -4825,19 +5635,19 @@ var AccountsWalletsTab = ({
   const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
   const discord = socialAccounts == null ? void 0 : socialAccounts.discord;
   const telegram = socialAccounts == null ? void 0 : socialAccounts.telegram;
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SectionTitle, { children: "Exchanges" }),
-      exchanges.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SectionTitle, { children: "Exchanges" }),
+      exchanges.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("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__ */ (0, import_jsx_runtime80.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(VenueLogo, { venue: account.venue, size: "small" }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
-              account.verified ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(AccountRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(VenueLogo, { venue: account.venue, size: "small" }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
+              account.verified ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                 Icon,
                 {
                   name: "check-badge",
@@ -4847,39 +5657,39 @@ var AccountsWalletsTab = ({
               ) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
         ] }, account.venue);
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SectionTitle, { children: "Social Accounts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SectionTitle, { children: "Social Accounts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(AccountRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("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__ */ (0, import_jsx_runtime80.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
+          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#5865F2]", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "discord", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Discord" })
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(AccountRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#5865F2]", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: "discord", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Discord" })
           ] }),
-          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ConnectTextButton, { onClick: onConnectDiscord })
+          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ConnectTextButton, { onClick: onConnectDiscord })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#26A5E4]", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "telegram", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Telegram" })
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(AccountRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#26A5E4]", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: "telegram", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Telegram" })
           ] }),
-          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ConnectTextButton, { onClick: onConnectTelegram })
+          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ConnectTextButton, { onClick: onConnectTelegram })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
         "button",
         {
           type: "button",
@@ -4891,11 +5701,11 @@ var AccountsWalletsTab = ({
             "cursor-pointer hover:bg-agg-secondary-hover"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "email", size: "small", color: "currentColor" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: "email", size: "small", color: "currentColor" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
           ]
         }
       )
@@ -4905,7 +5715,7 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -4925,15 +5735,15 @@ var ProfileModal = ({
   onDisconnectTelegram,
   onConnectEmail
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react14.useState)(PROFILE_TAB_KEYS.ABOUT);
-  const [draftUsername, setDraftUsername] = (0, import_react14.useState)(username != null ? username : "");
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react14.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react14.useState)();
-  const [isSaving, setIsSaving] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react17.useState)(PROFILE_TAB_KEYS.ABOUT);
+  const [draftUsername, setDraftUsername] = (0, import_react17.useState)(username != null ? username : "");
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react17.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react17.useState)();
+  const [isSaving, setIsSaving] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     setDraftUsername(username != null ? username : "");
   }, [username]);
-  const handleOpenChange = (0, import_react14.useCallback)(
+  const handleOpenChange = (0, import_react17.useCallback)(
     (isOpen) => {
       if (!isOpen) {
         setActiveTab(PROFILE_TAB_KEYS.ABOUT);
@@ -4954,7 +5764,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react14.useCallback)(
+  const handleDraftAvatarChange = (0, import_react17.useCallback)(
     (file, preview) => {
       setDraftAvatarFile(file);
       setDraftAvatarPreview(preview);
@@ -4962,7 +5772,7 @@ var ProfileModal = ({
     []
   );
   const hasChanges = draftUsername !== (username != null ? username : "") || draftAvatarFile !== void 0;
-  const handleSave = (0, import_react14.useCallback)(() => {
+  const handleSave = (0, import_react17.useCallback)(() => {
     setIsSaving(true);
     onSave({
       username: draftUsername || void 0,
@@ -4974,16 +5784,16 @@ var ProfileModal = ({
       onOpenChange(false);
     }, 500);
   }, [draftUsername, draftAvatarFile, draftAvatarPreview, onSave, onOpenChange]);
-  const handleCancel = (0, import_react14.useCallback)(() => {
+  const handleCancel = (0, import_react17.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Modal.Header, { title: "Edit Profile" }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Modal.Header, { title: "Edit Profile" }),
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
           const isActive = activeTab === tab.value;
-          return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
             "button",
             {
               type: "button",
@@ -4996,14 +5806,14 @@ var ProfileModal = ({
                 isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "whitespace-nowrap", children: tab.label })
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "whitespace-nowrap", children: tab.label })
               ]
             },
             tab.value
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           "nav",
           {
             className: cn(
@@ -5018,7 +5828,7 @@ var ProfileModal = ({
             "aria-label": "Profile sections",
             children: PROFILE_TAB_ITEMS.map((tab) => {
               const isActive = activeTab === tab.value;
-              return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -5033,9 +5843,9 @@ var ProfileModal = ({
                     isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                   ),
                   children: [
-                    isActive ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                    isActive ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                   ]
                 },
                 tab.value
@@ -5044,8 +5854,8 @@ var ProfileModal = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "min-w-0 flex-1", children: [
-        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           AboutTab,
           {
             username,
@@ -5058,7 +5868,7 @@ var ProfileModal = ({
             draftAvatarPreview
           }
         ) : null,
-        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           AccountsWalletsTab,
           {
             exchanges,
@@ -5076,9 +5886,9 @@ var ProfileModal = ({
         ) : null
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Modal.Footer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Modal.Footer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         Button,
         {
           variant: "primary",
@@ -5101,6 +5911,7 @@ ProfileModal.displayName = "ProfileModal";
   DepositModal,
   HowItWorksStep,
   OnboardingModal,
+  OnrampModal,
   ProfileModal,
   ProfileSetupStep,
   WithdrawModal