@agg-market/ui 7.0.0 → 9.0.0

package/dist/modals.js

@@ -92,7 +92,7 @@ __export(modals_exports, {
 module.exports = __toCommonJS(modals_exports);
 
 // src/deposit/index.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/primitives/modal/index.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
@@ -793,48 +793,29 @@ var Button = (_a) => {
 Button.displayName = "Button";
 
 // src/primitives/venue-logo/index.tsx
+var import_hooks4 = require("@agg-market/hooks");
+
+// src/primitives/remote-image/index.tsx
+var import_react = require("react");
+
+// src/primitives/skeleton/skeleton-block.tsx
 var import_hooks3 = require("@agg-market/hooks");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var VenueLogo = ({
-  venue,
-  variant = "icon",
-  isColor = true,
-  isMonochromatic = false,
-  color,
-  size = "medium",
-  className,
-  ariaLabel,
-  title
-}) => {
-  var _a;
-  const labels = (0, import_hooks3.useLabels)();
-  const sizeClass = sizeClasses[size];
-  const resolvedLabel = (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueLogoLabels[venue];
-  if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      "img",
-      {
-        src: venueLogoUrlRegistry[venue],
-        alt: resolvedLabel,
-        title,
-        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
-      }
-    );
-  }
-  const Component = venueLogoRegistry[venue];
-  const resolvedIsColor = isMonochromatic ? false : isColor;
+var SkeletonBlock = ({ className }) => {
+  const { enableAnimations } = (0, import_hooks3.useSdkUiConfig)();
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    Component,
+    "div",
     {
-      className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
-      isColor: resolvedIsColor,
-      color,
-      "aria-label": resolvedLabel,
-      title
+      "aria-hidden": true,
+      className: cn(
+        "bg-agg-separator",
+        getMotionClassName(enableAnimations, "animate-pulse"),
+        className
+      )
     }
   );
 };
-VenueLogo.displayName = "VenueLogo";
+SkeletonBlock.displayName = "SkeletonBlock";
 
 // src/primitives/icon/svg/apple.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -1579,35 +1560,61 @@ var GoogleIcon = (_a) => {
 };
 GoogleIcon.displayName = "GoogleIcon";
 
-// src/primitives/icon/svg/info.tsx
+// src/primitives/icon/svg/image.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var InfoIcon = (_a) => {
+var ImageIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 12 12",
+      viewBox: "0 0 32 32",
       className,
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
         title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("g", { clipPath: "url(#info_clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          "path",
+          {
+            d: "M30 2.497h-28c-1.099 0-2 0.901-2 2v23.006c0 1.099 0.9 2 2 2h28c1.099 0 2-0.901 2-2v-23.006c0-1.099-0.901-2-2-2zM30 27.503l-28-0v-5.892l8.027-7.779 8.275 8.265c0.341 0.414 0.948 0.361 1.379 0.035l3.652-3.306 6.587 6.762c0.025 0.025 0.053 0.044 0.080 0.065v1.85zM30 22.806l-5.876-6.013c-0.357-0.352-0.915-0.387-1.311-0.086l-3.768 3.282-8.28-8.19c-0.177-0.214-0.432-0.344-0.709-0.363-0.275-0.010-0.547 0.080-0.749 0.27l-7.309 7.112v-14.322h28v18.309zM23 12.504c1.102 0 1.995-0.894 1.995-1.995s-0.892-1.995-1.995-1.995-1.995 0.894-1.995 1.995c0 1.101 0.892 1.995 1.995 1.995z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    })
+  );
+};
+ImageIcon.displayName = "ImageIcon";
+
+// src/primitives/icon/svg/info.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var InfoIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 12 12",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("g", { clipPath: "url(#info_clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "path",
             {
               d: "M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456726 3.7039C0.00259972 4.80026 -0.11622 6.00666 0.115291 7.17054C0.346802 8.33443 0.918247 9.40353 1.75736 10.2426C2.59648 11.0818 3.66558 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0892 10.3295 10.3201 10.9888 9.33342C11.6481 8.34673 12 7.18669 12 6C11.9983 4.40923 11.3656 2.88411 10.2407 1.75926C9.1159 0.634414 7.59077 0.00172054 6 0ZM6 11C5.0111 11 4.0444 10.7068 3.22215 10.1573C2.39991 9.60794 1.75904 8.82705 1.38061 7.91342C1.00217 6.99979 0.90315 5.99445 1.09608 5.02455C1.289 4.05464 1.76521 3.16373 2.46447 2.46447C3.16373 1.7652 4.05465 1.289 5.02455 1.09607C5.99446 0.903148 6.99979 1.00216 7.91342 1.3806C8.82705 1.75904 9.60794 2.3999 10.1574 3.22215C10.7068 4.04439 11 5.01109 11 6C10.9985 7.32564 10.4713 8.59656 9.53393 9.53393C8.59656 10.4713 7.32564 10.9985 6 11Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "path",
             {
               d: "M6 5H5.5C5.36739 5 5.24021 5.05268 5.14645 5.14645C5.05268 5.24021 5 5.36739 5 5.5C5 5.63261 5.05268 5.75979 5.14645 5.85355C5.24021 5.94732 5.36739 6 5.5 6H6V9C6 9.13261 6.05268 9.25979 6.14645 9.35355C6.24021 9.44732 6.36739 9.5 6.5 9.5C6.63261 9.5 6.75979 9.44732 6.85355 9.35355C6.94732 9.25979 7 9.13261 7 9V6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "path",
             {
               d: "M6 4C6.41421 4 6.75 3.66421 6.75 3.25C6.75 2.83579 6.41421 2.5 6 2.5C5.58579 2.5 5.25 2.83579 5.25 3.25C5.25 3.66421 5.58579 4 6 4Z",
@@ -1615,7 +1622,7 @@ var InfoIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
       ]
     })
   );
@@ -1623,10 +1630,10 @@ var InfoIcon = (_a) => {
 InfoIcon.displayName = "InfoIcon";
 
 // src/primitives/icon/svg/check-badge.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var CheckBadgeIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1634,15 +1641,15 @@ var CheckBadgeIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           "path",
           {
             d: "M15.4173 6.57883L13.9833 5.14283V3.9975C13.9833 2.89683 13.0886 2.00083 11.9893 2.00083H10.8453L9.4113 0.5655C8.6573 -0.1885 7.34397 -0.1885 6.59063 0.5655L5.15663 2.00083H4.01263C2.91263 2.00083 2.01863 2.89617 2.01863 3.9975V5.14283L0.583965 6.57883C-0.192702 7.3575 -0.192702 8.6235 0.583965 9.40217L2.01796 10.8382V11.9835C2.01796 13.0842 2.91263 13.9802 4.01196 13.9802H5.15596L6.58997 15.4155C6.96663 15.7922 7.46797 16.0002 8.00063 16.0002C8.5333 16.0002 9.03397 15.7922 9.41063 15.4155L10.8446 13.9802H11.9886C13.0886 13.9802 13.9826 13.0848 13.9826 11.9835V10.8382L15.4173 9.40217C16.194 8.6235 16.194 7.3575 15.4173 6.57883ZM12.136 6.8075L8.76663 10.1375C8.3573 10.5442 7.81797 10.7482 7.2793 10.7482C6.74063 10.7482 6.20396 10.5448 5.7933 10.1395L4.06063 8.4735C3.7993 8.21417 3.79663 7.79283 4.05596 7.53083C4.31596 7.27017 4.73663 7.26683 4.9993 7.52617L6.7313 9.1915C7.0333 9.49083 7.52463 9.4915 7.8273 9.1915L11.1973 5.86083C11.46 5.60083 11.8813 5.6035 12.1406 5.8655C12.4 6.1275 12.3973 6.54817 12.136 6.8075Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1650,10 +1657,10 @@ var CheckBadgeIcon = (_a) => {
 CheckBadgeIcon.displayName = "CheckBadgeIcon";
 
 // src/primitives/icon/svg/discord.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var DiscordIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -1661,8 +1668,8 @@ var DiscordIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "path",
           {
             d: "M16.3546 4.49236C15.1858 3.95607 13.9329 3.56111 12.6227 3.33499C12.599 3.3304 12.5754 3.34186 12.5624 3.36325C12.4012 3.64973 12.2224 4.02406 12.0979 4.31742C10.6884 4.10657 9.28659 4.10657 7.90615 4.31742C7.78162 4.01719 7.59598 3.64973 7.43479 3.36325C7.42181 3.34186 7.39812 3.33117 7.37444 3.33499C6.06504 3.56035 4.81218 3.95531 3.64258 4.49236C3.63265 4.49618 3.62348 4.50382 3.61813 4.51298C1.24151 8.06379 0.589865 11.5275 0.909193 14.9484C0.910721 14.9653 0.919888 14.9813 0.932875 14.9912C2.50125 16.1433 4.01997 16.8423 5.51119 17.3052C5.53487 17.3128 5.56008 17.3037 5.57536 17.2838C5.9283 16.8025 6.24228 16.2945 6.51195 15.7605C6.52799 15.7292 6.51271 15.6918 6.47986 15.6795C5.98101 15.4901 5.5066 15.2594 5.04976 14.9981C5.01386 14.9767 5.0108 14.9255 5.04365 14.9003C5.13991 14.8285 5.23617 14.7536 5.32784 14.678C5.34465 14.6643 5.36756 14.6612 5.38743 14.6704C8.38819 16.0401 11.6365 16.0401 14.6013 14.6704C14.6212 14.6612 14.6441 14.6635 14.6617 14.678C14.7534 14.7536 14.8496 14.8293 14.9466 14.9011C14.9803 14.9255 14.978 14.9775 14.9413 14.9989C14.4845 15.2655 14.01 15.4916 13.5104 15.6795C13.4776 15.6918 13.4638 15.73 13.4791 15.7613C13.7541 16.2945 14.0689 16.8025 14.4149 17.2838C14.4295 17.3044 14.4554 17.3128 14.4791 17.306C15.9772 16.8423 17.4967 16.1433 19.0643 14.992C19.078 14.9821 19.0865 14.9668 19.088 14.95C19.4699 10.995 18.4478 7.55959 16.3775 4.51451C16.3737 4.50382 16.3645 4.49618 16.3546 4.49236ZM6.96038 12.8659C6.05664 12.8659 5.31256 12.0363 5.31256 11.018C5.31256 9.99962 6.04213 9.16998 6.96038 9.16998C7.88552 9.16998 8.62272 10.0065 8.60821 11.018C8.60821 12.0371 7.87788 12.8659 6.96038 12.8659ZM13.0528 12.8659C12.1498 12.8659 11.405 12.0363 11.405 11.018C11.405 9.99962 12.1346 9.16998 13.0528 9.16998C13.978 9.16998 14.7152 10.0065 14.7007 11.018C14.7007 12.0371 13.978 12.8659 13.0528 12.8659Z",
@@ -1676,10 +1683,10 @@ var DiscordIcon = (_a) => {
 DiscordIcon.displayName = "DiscordIcon";
 
 // src/primitives/icon/svg/email.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var EmailIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -1687,8 +1694,8 @@ var EmailIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "path",
           {
             d: "M3.33333 3.33398H16.6667C17.5833 3.33398 18.3333 4.08398 18.3333 5.00065V15.0007C18.3333 15.9173 17.5833 16.6673 16.6667 16.6673H3.33333C2.41667 16.6673 1.66667 15.9173 1.66667 15.0007V5.00065C1.66667 4.08398 2.41667 3.33398 3.33333 3.33398Z",
@@ -1698,7 +1705,7 @@ var EmailIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "path",
           {
             d: "M18.3333 5L10 10.8333L1.66667 5",
@@ -1715,10 +1722,10 @@ var EmailIcon = (_a) => {
 EmailIcon.displayName = "EmailIcon";
 
 // src/primitives/icon/svg/link-accounts.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var LinkAccountsIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -1729,15 +1736,15 @@ var LinkAccountsIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "path",
           {
             d: "M28 18.0835C28 22.2648 24.598 25.6668 20.4167 25.6668H14.5833C10.402 25.6668 7 22.2648 7 18.0835C7 13.9022 10.402 10.5002 14.5833 10.5002H16.9167C17.2387 10.5002 17.5 10.7615 17.5 11.0835C17.5 11.4055 17.2387 11.6668 16.9167 11.6668H14.5833C11.0448 11.6668 8.16667 14.5462 8.16667 18.0835C8.16667 21.6208 11.0448 24.5002 14.5833 24.5002H20.4167C23.9552 24.5002 26.8333 21.6208 26.8333 18.0835C26.8333 15.7992 25.6037 13.67 23.625 12.5243C23.3462 12.3633 23.2505 12.0063 23.4127 11.7275C23.5725 11.4487 23.9283 11.3507 24.2095 11.514C26.5475 12.8662 28.0012 15.3827 28.0012 18.0823L28 18.0835ZM4.375 15.476C2.39517 14.3315 1.16667 12.2012 1.16667 9.91683C1.16667 6.3795 4.04483 3.50016 7.58333 3.50016H13.4167C16.9552 3.50016 19.8333 6.3795 19.8333 9.91683C19.8333 13.4542 16.9552 16.3335 13.4167 16.3335H11.0833C10.7613 16.3335 10.5 16.5948 10.5 16.9168C10.5 17.2388 10.7613 17.5002 11.0833 17.5002H13.4167C17.598 17.5002 21 14.0982 21 9.91683C21 5.7355 17.598 2.3335 13.4167 2.3335H7.58333C3.402 2.3335 0 5.7355 0 9.91683C0 12.6153 1.4525 15.133 3.79167 16.4852C4.0705 16.6462 4.4275 16.5517 4.5885 16.2717C4.75067 15.994 4.655 15.6358 4.37617 15.4748L4.375 15.476Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -1745,10 +1752,10 @@ var LinkAccountsIcon = (_a) => {
 LinkAccountsIcon.displayName = "LinkAccountsIcon";
 
 // src/primitives/icon/svg/pencil.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var PencilIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1756,15 +1763,15 @@ var PencilIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "path",
           {
             d: "M15.2353 0.706709C14.7821 0.254173 14.1678 0 13.5273 0C12.8869 0 12.2726 0.254173 11.8193 0.706709L0.976677 11.5494C0.666178 11.8581 0.419985 12.2254 0.252342 12.6299C0.0846994 13.0344 -0.00106532 13.4682 9.98748e-06 13.906V15.2747C9.98748e-06 15.4515 0.0702479 15.6211 0.195272 15.7461C0.320296 15.8711 0.489866 15.9414 0.666677 15.9414H2.03534C2.47318 15.9426 2.90692 15.857 3.31145 15.6895C3.71597 15.5219 4.08325 15.2758 4.39201 14.9654L15.2353 4.12204C15.6877 3.66884 15.9417 3.05469 15.9417 2.41438C15.9417 1.77406 15.6877 1.15991 15.2353 0.706709ZM3.44934 14.0227C3.07335 14.3962 2.56532 14.6065 2.03534 14.608H1.33334V13.906C1.33267 13.6433 1.38411 13.3831 1.4847 13.1403C1.58529 12.8976 1.73302 12.6773 1.91934 12.492L10.148 4.26338L11.6813 5.79671L3.44934 14.0227ZM14.292 3.17938L12.6213 4.85071L11.088 3.32071L12.7593 1.64938C12.86 1.54891 12.9795 1.46927 13.111 1.41498C13.2424 1.3607 13.3833 1.33284 13.5255 1.33299C13.6678 1.33314 13.8086 1.36131 13.9399 1.41588C14.0712 1.47045 14.1905 1.55036 14.291 1.65104C14.3915 1.75172 14.4711 1.8712 14.5254 2.00266C14.5797 2.13413 14.6076 2.27499 14.6074 2.41722C14.6072 2.55945 14.5791 2.70025 14.5245 2.8316C14.4699 2.96294 14.39 3.08225 14.2893 3.18271L14.292 3.17938Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1772,10 +1779,10 @@ var PencilIcon = (_a) => {
 PencilIcon.displayName = "PencilIcon";
 
 // src/primitives/icon/svg/play-square.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var PlaySquareIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1783,15 +1790,15 @@ var PlaySquareIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "path",
           {
             d: "M12.6667 16H3.33333C2.4496 15.9989 1.60237 15.6474 0.97748 15.0225C0.352588 14.3976 0.00105857 13.5504 0 12.6667L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L12.6667 0C13.5504 0.00105857 14.3976 0.352588 15.0225 0.97748C15.6474 1.60237 15.9989 2.4496 16 3.33333V12.6667C15.9989 13.5504 15.6474 14.3976 15.0225 15.0225C14.3976 15.6474 13.5504 15.9989 12.6667 16ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V12.6667C1.33333 13.1971 1.54405 13.7058 1.91912 14.0809C2.29419 14.456 2.8029 14.6667 3.33333 14.6667H12.6667C13.1971 14.6667 13.7058 14.456 14.0809 14.0809C14.456 13.7058 14.6667 13.1971 14.6667 12.6667V3.33333C14.6667 2.8029 14.456 2.29419 14.0809 1.91912C13.7058 1.54405 13.1971 1.33333 12.6667 1.33333H3.33333ZM6.228 11.3367C5.95008 11.3357 5.67734 11.2615 5.43733 11.1213C5.20023 10.9856 5.00344 10.7894 4.86709 10.5526C4.73074 10.3159 4.65973 10.0472 4.66133 9.774V6.226C4.66111 5.95276 4.73274 5.68427 4.86905 5.44746C5.00537 5.21066 5.20156 5.01386 5.43794 4.87683C5.67433 4.73979 5.9426 4.66733 6.21584 4.66672C6.48907 4.6661 6.75767 4.73736 6.99467 4.87333L10.5133 6.63C10.7577 6.76194 10.9624 6.95685 11.1062 7.19452C11.2499 7.4322 11.3274 7.70399 11.3308 7.98172C11.3341 8.25946 11.2631 8.53303 11.1251 8.77408C10.9871 9.01514 10.7872 9.2149 10.546 9.35267L6.962 11.144C6.73847 11.2715 6.48533 11.3379 6.228 11.3367ZM6.21133 6.00333C6.17459 6.00332 6.13849 6.01298 6.10667 6.03133C6.07209 6.05056 6.0434 6.07884 6.02367 6.11313C6.00394 6.14743 5.99391 6.18644 5.99467 6.226V9.774C5.99489 9.81297 6.00525 9.85121 6.02473 9.88497C6.0442 9.91872 6.07212 9.94683 6.10574 9.96653C6.13936 9.98624 6.17753 9.99686 6.2165 9.99735C6.25547 9.99784 6.29389 9.98818 6.328 9.96933L9.912 8.17733C9.93869 8.15646 9.95992 8.12941 9.97385 8.09852C9.98779 8.06764 9.99401 8.03383 9.992 8C9.99284 7.96035 9.98277 7.92123 9.96291 7.8869C9.94304 7.85258 9.91413 7.82436 9.87933 7.80533L6.36333 6.04867C6.31749 6.02054 6.26509 6.00492 6.21133 6.00333Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1799,10 +1806,10 @@ var PlaySquareIcon = (_a) => {
 PlaySquareIcon.displayName = "PlaySquareIcon";
 
 // src/primitives/icon/svg/profile.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var ProfileIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 21 28",
@@ -1810,8 +1817,8 @@ var ProfileIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             d: "M10.5 14C14.3605 14 17.5 10.8605 17.5 7C17.5 3.1395 14.3605 0 10.5 0C6.6395 0 3.5 3.1395 3.5 7C3.5 10.8605 6.6395 14 10.5 14ZM10.5 1.16667C13.7165 1.16667 16.3333 3.7835 16.3333 7C16.3333 10.2165 13.7165 12.8333 10.5 12.8333C7.2835 12.8333 4.66667 10.2165 4.66667 7C4.66667 3.7835 7.2835 1.16667 10.5 1.16667ZM21 26.8333V27.4167C21 27.7387 20.7387 28 20.4167 28C20.0947 28 19.8333 27.7387 19.8333 27.4167V26.8333C19.8333 21.6872 15.6462 17.5 10.5 17.5C5.35383 17.5 1.16667 21.6872 1.16667 26.8333V27.4167C1.16667 27.7387 0.905333 28 0.583333 28C0.261333 28 0 27.7387 0 27.4167V26.8333C0 21.0443 4.711 16.3333 10.5 16.3333C16.289 16.3333 21 21.0443 21 26.8333Z",
@@ -1825,10 +1832,10 @@ var ProfileIcon = (_a) => {
 ProfileIcon.displayName = "ProfileIcon";
 
 // src/primitives/icon/svg/revenue-alt.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var RevenueAltIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -1836,8 +1843,8 @@ var RevenueAltIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
             d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
@@ -1847,7 +1854,7 @@ var RevenueAltIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
             d: "M10 5.5V14.5M12.5 7.4C12.5 6.55 11.38 5.86 10 5.86C8.62 5.86 7.5 6.55 7.5 7.4C7.5 8.25 8.62 8.94 10 8.94C11.38 8.94 12.5 9.63 12.5 10.48C12.5 11.33 11.38 12.02 10 12.02C8.62 12.02 7.5 11.33 7.5 10.48",
@@ -1864,10 +1871,10 @@ var RevenueAltIcon = (_a) => {
 RevenueAltIcon.displayName = "RevenueAltIcon";
 
 // src/primitives/icon/svg/search.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var SearchIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1876,8 +1883,8 @@ var SearchIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "path",
           {
             d: "M7.3335 12.3333C10.0949 12.3333 12.3335 10.0947 12.3335 7.33329C12.3335 4.57187 10.0949 2.33329 7.3335 2.33329C4.57208 2.33329 2.3335 4.57187 2.3335 7.33329C2.3335 10.0947 4.57208 12.3333 7.3335 12.3333Z",
@@ -1887,7 +1894,7 @@ var SearchIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "path",
           {
             d: "M13.6668 13.6666L11.1667 11.1666",
@@ -1904,10 +1911,10 @@ var SearchIcon = (_a) => {
 SearchIcon.displayName = "SearchIcon";
 
 // src/primitives/icon/svg/shield-trust.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var ShieldTrustIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1915,15 +1922,15 @@ var ShieldTrustIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "path",
           {
             d: "M8 1.25L13.5 3.25V7.08C13.5 10.09 11.62 12.74 8 14.75C4.38 12.74 2.5 10.09 2.5 7.08V3.25L8 1.25Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "path",
           {
             d: "M5.5 8.2L7.2 9.9L10.8 6.3",
@@ -1940,10 +1947,10 @@ var ShieldTrustIcon = (_a) => {
 ShieldTrustIcon.displayName = "ShieldTrustIcon";
 
 // src/primitives/icon/svg/solana.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var SolanaIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1951,31 +1958,31 @@ var SolanaIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#020205" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#020205" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "path",
           {
             fill: "url(#agg-solana-gradient-top)",
             d: "M8.351 6.163A1.57 1.57 0 0 1 9.463 5.7h8.208c.699 0 1.048.844.554 1.338l-2.576 2.576a1.57 1.57 0 0 1-1.11.46H6.33c-.699 0-1.048-.844-.554-1.338L8.35 6.163Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "path",
           {
             fill: "url(#agg-solana-gradient-middle)",
             d: "M8.351 13.926a1.57 1.57 0 0 1 1.112-.463h8.208c.699 0 1.048.844.554 1.338l-2.576 2.576a1.57 1.57 0 0 1-1.11.46H6.33c-.699 0-1.048-.844-.554-1.338l2.576-2.573Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "path",
           {
             fill: "url(#agg-solana-gradient-bottom)",
             d: "M18.225 10.89a1.57 1.57 0 0 1-1.112.462H8.905c-.699 0-1.048-.845-.554-1.339L10.927 7.44a1.57 1.57 0 0 1 1.11-.46h8.208c.699 0 1.048.844.554 1.338L18.225 10.89Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "linearGradient",
             {
               id: "agg-solana-gradient-top",
@@ -1985,12 +1992,12 @@ var SolanaIcon = (_a) => {
               y2: "17.476",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { stopColor: "#4BF0B8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { stopColor: "#4BF0B8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "linearGradient",
             {
               id: "agg-solana-gradient-middle",
@@ -2000,12 +2007,12 @@ var SolanaIcon = (_a) => {
               y2: "21.238",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { stopColor: "#4BF0B8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { stopColor: "#4BF0B8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "linearGradient",
             {
               id: "agg-solana-gradient-bottom",
@@ -2015,8 +2022,8 @@ var SolanaIcon = (_a) => {
               y2: "19.359",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { stopColor: "#4BF0B8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { stopColor: "#4BF0B8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
               ]
             }
           )
@@ -2028,10 +2035,10 @@ var SolanaIcon = (_a) => {
 SolanaIcon.displayName = "SolanaIcon";
 
 // src/primitives/icon/svg/stay-in-control.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var StayInControlIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -2042,16 +2049,16 @@ var StayInControlIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "path",
             {
               d: "M14 27.9406C13.9102 27.9406 13.8215 27.9196 13.7387 27.8788L13.2428 27.6314C10.6832 26.3504 2.32983 21.5753 2.32983 13.8648L2.33217 7.62776C2.33217 5.36093 3.77767 3.35776 5.93017 2.64493L13.8168 0.0292617C13.9358 -0.010405 14.0653 -0.010405 14.1832 0.0292617L22.0687 2.64376C24.2212 3.35776 25.6667 5.36093 25.6667 7.6266L25.6632 13.8636C25.6632 22.6113 17.2958 26.6584 14.7315 27.6909L14.217 27.8974C14.147 27.9254 14.0723 27.9394 13.9988 27.9394L14 27.9406ZM14 1.19826L6.29767 3.7521C4.6235 4.30743 3.5 5.86493 3.5 7.62776L3.49767 13.8648C3.49767 20.9056 11.3563 25.3844 13.7655 26.5884L14.0268 26.7191L14.2975 26.6106C16.6903 25.6481 24.4977 21.8833 24.4977 13.8659L24.5012 7.62893C24.5012 5.8661 23.3765 4.3086 21.7035 3.75326L14 1.19826Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "path",
             {
               d: "M12.8112 17.5001C12.0633 17.5001 11.3155 17.2154 10.7462 16.6461L7.18083 13.2569C6.94749 13.0352 6.93816 12.6654 7.15983 12.4321C7.38149 12.1999 7.75016 12.1894 7.98466 12.4111L11.5605 15.8107C12.2535 16.5026 13.363 16.5037 14.0455 15.8212L20.5928 9.49791C20.8262 9.27508 21.196 9.28208 21.4177 9.51308C21.6417 9.74408 21.6358 10.1139 21.4037 10.3379L14.8622 16.6542C14.2987 17.2177 13.5543 17.5012 12.81 17.5012L12.8112 17.5001Z",
@@ -2059,7 +2066,7 @@ var StayInControlIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -2067,10 +2074,10 @@ var StayInControlIcon = (_a) => {
 StayInControlIcon.displayName = "StayInControlIcon";
 
 // src/primitives/icon/svg/telegram.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var TelegramIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2078,8 +2085,8 @@ var TelegramIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -2088,7 +2095,7 @@ var TelegramIcon = (_a) => {
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
       ]
     })
   );
@@ -2096,10 +2103,10 @@ var TelegramIcon = (_a) => {
 TelegramIcon.displayName = "TelegramIcon";
 
 // src/primitives/icon/svg/triangle-down.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var TriangleDownIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2107,16 +2114,16 @@ var TriangleDownIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
@@ -2124,7 +2131,7 @@ var TriangleDownIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -2132,10 +2139,10 @@ var TriangleDownIcon = (_a) => {
 TriangleDownIcon.displayName = "TriangleDownIcon";
 
 // src/primitives/icon/svg/triangle-up-filled.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var TriangleUpFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2143,8 +2150,8 @@ var TriangleUpFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "path",
           {
             d: "M6.67873 8.00001H1.3214C1.09613 8.00053 0.874481 7.94332 0.677605 7.83384C0.480728 7.72435 0.315192 7.56625 0.196788 7.3746C0.0783848 7.18296 0.0110649 6.96417 0.00125164 6.73911C-0.0085616 6.51405 0.0394592 6.29023 0.140732 6.08901L2.81973 0.729677C2.92186 0.523193 3.0766 0.347273 3.26837 0.219641C3.46014 0.0920097 3.68216 0.0171748 3.91207 0.00267686C4.17147 -0.013831 4.43 0.0462826 4.6555 0.175542C4.88101 0.3048 5.06354 0.497501 5.1804 0.729677L7.8594 6.08901C7.96008 6.2903 8.00764 6.51398 7.99756 6.73881C7.98748 6.96365 7.92009 7.18218 7.8018 7.37365C7.68351 7.56512 7.51823 7.72317 7.32167 7.83279C7.12511 7.94242 6.90379 7.99998 6.67873 8.00001Z",
@@ -2158,10 +2165,10 @@ var TriangleUpFilledIcon = (_a) => {
 TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
 
 // src/primitives/icon/svg/triangle-up.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var TriangleUpIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2169,16 +2176,16 @@ var TriangleUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "path",
             {
               d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "path",
             {
               d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
@@ -2186,7 +2193,7 @@ var TriangleUpIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -2194,10 +2201,10 @@ var TriangleUpIcon = (_a) => {
 TriangleUpIcon.displayName = "TriangleUpIcon";
 
 // src/primitives/icon/svg/twitter.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var TwitterIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2205,8 +2212,8 @@ var TwitterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "path",
           {
             d: "M15.2708 1.66602H18.0834L11.9402 8.68539L19.1666 18.2386H13.51L9.07638 12.446L4.00874 18.2386H1.19152L7.76096 10.7288L0.833252 1.66602H6.63346L10.637 6.96053L15.2708 1.66602ZM14.283 16.5573H15.8406L5.78478 3.25949H4.11186L14.283 16.5573Z",
@@ -2220,10 +2227,10 @@ var TwitterIcon = (_a) => {
 TwitterIcon.displayName = "TwitterIcon";
 
 // src/primitives/icon/svg/upload.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var UploadIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2231,8 +2238,8 @@ var UploadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "path",
           {
             d: "M8 13.5v-7m0 0 2.5 2.5M8 6.5 5.5 9",
@@ -2242,7 +2249,7 @@ var UploadIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
       ]
     })
   );
@@ -2250,10 +2257,10 @@ var UploadIcon = (_a) => {
 UploadIcon.displayName = "UploadIcon";
 
 // src/primitives/icon/svg/wallet-avatar.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function WalletAvatarIcon(_a) {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       fill: "none",
@@ -2261,9 +2268,9 @@ function WalletAvatarIcon(_a) {
       viewBox: "0 0 16 16"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
       ]
     })
   );
@@ -2271,10 +2278,10 @@ function WalletAvatarIcon(_a) {
 WalletAvatarIcon.displayName = "WalletAvatarIcon";
 
 // src/primitives/icon/svg/wallet.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var WalletIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2282,8 +2289,8 @@ var WalletIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           "path",
           {
             d: "M19.5 6H5.25C4.836 6 4.5 5.664 4.5 5.25C4.5 4.836 4.836 4.5 5.25 4.5H19.5C19.914 4.5 20.25 4.164 20.25 3.75C20.25 2.508 19.242 1.5 18 1.5H4.5C2.843 1.5 1.5 2.843 1.5 4.5V19.5C1.5 21.157 2.843 22.5 4.5 22.5H19.5C21.157 22.5 22.5 21.157 22.5 19.5V9C22.5 7.343 21.157 6 19.5 6ZM2.5 4.5C2.5 3.395 3.395 2.5 4.5 2.5H18C18.552 2.5 19.026 2.834 19.199 3.318C19.176 3.312 19.153 3.5 18 3.5H5.25C4.284 3.5 3.5 4.284 3.5 5.25C3.5 5.388 3.519 5.522 3.555 5.649C2.936 5.369 2.5 4.972 2.5 4.5ZM21.5 19.5C21.5 20.605 20.605 21.5 19.5 21.5H4.5C3.395 21.5 2.5 20.605 2.5 19.5V7.04C3.09 7.336 3.771 7 5.25 7H19.5C20.605 7 21.5 7.895 21.5 9V12H18C16.343 12 15 13.343 15 15C15 16.657 16.343 18 18 18H21.5V19.5ZM21.5 17H18C16.895 17 16 16.105 16 15C16 13.895 16.895 13 18 13H21.5V17ZM18 15.75C18.414 15.75 18.75 15.414 18.75 15C18.75 14.586 18.414 14.25 18 14.25C17.586 14.25 17.25 14.586 17.25 15C17.25 15.414 17.586 15.75 18 15.75Z",
@@ -2297,10 +2304,10 @@ var WalletIcon = (_a) => {
 WalletIcon.displayName = "WalletIcon";
 
 // src/primitives/icon/svg/warning-filled.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var WarningFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2308,8 +2315,8 @@ var WarningFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "path",
           {
             d: "M15.3869 10.22L10.0002 1.71332C9.5469 1.05999 8.79356 0.666656 8.00023 0.666656C7.20689 0.666656 6.45356 1.05332 5.98023 1.73332L0.620227 10.2067C-0.0597729 11.18 -0.18644 12.3467 0.286894 13.2467C0.75356 14.1467 1.73356 14.66 2.96023 14.66H13.0402C14.2736 14.66 15.2469 14.1467 15.7136 13.2467C16.1802 12.3467 16.0536 11.1867 15.3869 10.22ZM7.33356 4.66666C7.33356 4.29999 7.63356 3.99999 8.00023 3.99999C8.36689 3.99999 8.66689 4.29999 8.66689 4.66666V8.66666C8.66689 9.03332 8.36689 9.33332 8.00023 9.33332C7.63356 9.33332 7.33356 9.03332 7.33356 8.66666V4.66666ZM8.00023 12.6667C7.44689 12.6667 7.00023 12.22 7.00023 11.6667C7.00023 11.1133 7.44689 10.6667 8.00023 10.6667C8.55356 10.6667 9.00023 11.1133 9.00023 11.6667C9.00023 12.22 8.55356 12.6667 8.00023 12.6667Z",
@@ -2323,10 +2330,10 @@ var WarningFilledIcon = (_a) => {
 WarningFilledIcon.displayName = "WarningFilledIcon";
 
 // src/primitives/icon/svg/warning.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var WarningIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "14",
@@ -2337,15 +2344,15 @@ var WarningIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "path",
           {
             d: "M6.41665 8.16675V4.66675C6.41665 4.34591 6.67915 4.08341 6.99998 4.08341C7.32082 4.08341 7.58332 4.34591 7.58332 4.66675V8.16675C7.58332 8.48758 7.32082 8.75008 6.99998 8.75008C6.67915 8.75008 6.41665 8.48758 6.41665 8.16675ZM6.99998 9.33341C6.51582 9.33341 6.12498 9.72425 6.12498 10.2084C6.12498 10.6926 6.51582 11.0834 6.99998 11.0834C7.48415 11.0834 7.87498 10.6926 7.87498 10.2084C7.87498 9.72425 7.48415 9.33341 6.99998 9.33341ZM13.755 12.1801C13.3467 12.9676 12.4892 13.4167 11.4158 13.4167H2.58998C1.51082 13.4167 0.659151 12.9676 0.250818 12.1801C-0.163348 11.3867 -0.0466818 10.3717 0.542485 9.52008L5.23248 2.10008C5.64665 1.50508 6.29998 1.16675 6.99998 1.16675C7.69999 1.16675 8.35332 1.50508 8.74998 2.08258L13.4633 9.53175C14.0525 10.3834 14.1633 11.3926 13.7492 12.1801H13.755ZM12.5008 10.1851C12.5008 10.1851 12.4892 10.1734 12.4892 10.1617L7.78165 2.72425C7.61248 2.48508 7.32082 2.33341 6.99998 2.33341C6.67915 2.33341 6.38749 2.48508 6.20665 2.74758L1.51082 10.1617C1.14915 10.6751 1.06748 11.2351 1.27748 11.6376C1.48165 12.0342 1.94832 12.2501 2.58415 12.2501H11.4042C12.04 12.2501 12.5067 12.0342 12.7108 11.6376C12.9208 11.2351 12.8392 10.6751 12.495 10.1851H12.5008Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
       ]
     })
   );
@@ -2382,6 +2389,7 @@ var iconRegistry = {
   ethereum: EthereumIcon,
   "external-link": ExternalLinkIcon,
   google: GoogleIcon,
+  image: ImageIcon,
   info: InfoIcon,
   "link-accounts": LinkAccountsIcon,
   pencil: PencilIcon,
@@ -2415,7 +2423,7 @@ var resolveIconStyle = (color, style) => {
 };
 
 // src/primitives/icon/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Icon = (_a) => {
   var _b = _a, {
     name,
@@ -2433,7 +2441,7 @@ var Icon = (_a) => {
   const Component = iconRegistry[name];
   const resolvedStyle = resolveIconStyle(color, style);
   const resolvedClassName = cn(iconSizeClasses[size], className);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Component,
     __spreadValues({
       color,
@@ -2444,13 +2452,139 @@ var Icon = (_a) => {
 };
 Icon.displayName = "Icon";
 
+// src/primitives/remote-image/remote-image.constants.ts
+var containerClasses = "relative inline-flex shrink-0 overflow-hidden";
+var imageClasses = "h-full w-full object-cover";
+var skeletonClasses = "h-full w-full rounded-agg-lg";
+var placeholderClasses = "flex h-full w-full items-center justify-center bg-agg-secondary-hover rounded-agg-lg";
+
+// src/primitives/remote-image/index.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var isValidSrc = (src) => typeof src === "string" && src.length > 0;
+var RemoteImage = ({
+  src,
+  alt,
+  title,
+  className,
+  classNames,
+  width,
+  height,
+  onClick,
+  ariaLabel
+}) => {
+  const [status, setStatus] = (0, import_react.useState)(
+    () => isValidSrc(src) ? "loading" : "error"
+  );
+  const prevSrcRef = (0, import_react.useRef)(src);
+  if (src !== prevSrcRef.current) {
+    prevSrcRef.current = src;
+    const next = isValidSrc(src) ? "loading" : "error";
+    if (status !== next) {
+      setStatus(next);
+    }
+  }
+  const handleLoad = () => {
+    setStatus("loaded");
+  };
+  const handleError = () => {
+    setStatus("error");
+  };
+  const sizeStyle = width !== void 0 || height !== void 0 ? { width: width != null ? width : void 0, height: height != null ? height : void 0 } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    "div",
+    {
+      className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
+      style: sizeStyle,
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      } : void 0,
+      "aria-label": ariaLabel,
+      title,
+      children: [
+        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
+        status === "error" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          "div",
+          {
+            className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
+            "aria-hidden": true,
+            "aria-errormessage": "Image failed to load",
+            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "image", size: "medium", className: "text-agg-muted-foreground" })
+          }
+        ),
+        isValidSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          "img",
+          {
+            src,
+            alt,
+            width,
+            height,
+            onLoad: handleLoad,
+            onError: handleError,
+            className: cn(imageClasses, status === "loading" && "hidden", classNames == null ? void 0 : classNames.image)
+          }
+        )
+      ]
+    }
+  );
+};
+RemoteImage.displayName = "RemoteImage";
+
+// src/primitives/venue-logo/index.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var VenueLogo = ({
+  venue,
+  variant = "icon",
+  isColor = true,
+  isMonochromatic = false,
+  color,
+  size = "medium",
+  className,
+  ariaLabel,
+  title
+}) => {
+  var _a;
+  const labels = (0, import_hooks4.useLabels)();
+  const sizeClass = sizeClasses[size];
+  const resolvedLabel = (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueLogoLabels[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      RemoteImage,
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
+  const resolvedIsColor = isMonochromatic ? false : isColor;
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    Component,
+    {
+      className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
+      isColor: resolvedIsColor,
+      color,
+      "aria-label": resolvedLabel,
+      title
+    }
+  );
+};
+VenueLogo.displayName = "VenueLogo";
+
 // src/deposit/steps/venue-selection.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var VenueRow = ({ venue, onSelect }) => {
   var _a;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
   const hasShortfall = venue.shortfall != null && venue.shortfall > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "div",
     {
       className: cn(
@@ -2469,27 +2603,27 @@ var VenueRow = ({ venue, onSelect }) => {
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
             "Balance ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
-        hasShortfall ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "hidden sm:flex items-center gap-1.5 shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(WarningFilledIcon, { className: "h-4 w-4 text-agg-warning" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "agg-type-label-strong whitespace-nowrap text-agg-warning", children: [
+        hasShortfall ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "hidden sm:flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(WarningFilledIcon, { className: "h-4 w-4 text-agg-warning" }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "agg-type-label-strong whitespace-nowrap text-agg-warning", children: [
             "Short ",
             formatCompactUsd(venue.shortfall)
           ] })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Button,
           {
             variant: "secondary",
             size: "small",
-            suffix: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronRightIcon, {}),
+            suffix: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ChevronRightIcon, {}),
             onClick: (e) => {
               e.stopPropagation();
               onSelect(venue.venue);
@@ -2505,22 +2639,22 @@ var VenueSelectionStep = ({
   venues,
   hasAnyShortfall,
   onSelectVenue
-}) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Modal.Header, { title: "Deposit", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime58.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_runtime58.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    !hasAnyShortfall ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to deposit funds:" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(VenueRow, { venue, onSelect: onSelectVenue }, venue.venue)) })
+}) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Modal.Header, { title: "Deposit", hideBorder: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    !hasAnyShortfall ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to deposit funds:" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(VenueRow, { venue, onSelect: onSelectVenue }, venue.venue)) })
   ] }) })
 ] });
 
 // src/deposit/steps/deposit-method.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var DepositMethodCard = ({
   icon,
   title,
   description,
   onContinue
-}) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
   "div",
   {
     className: cn(
@@ -2539,17 +2673,17 @@ var DepositMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime59.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Button,
         {
           variant: "secondary",
           size: "small",
-          suffix: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronRightIcon, {}),
+          suffix: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ChevronRightIcon, {}),
           onClick: (e) => {
             e.stopPropagation();
             onContinue();
@@ -2567,47 +2701,47 @@ var DepositMethodStep = ({
 }) => {
   var _a;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       Modal.Header,
       {
         title: `Deposit to ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime59.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime59.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Transfer Crypto",
             description: "Send USDC from your blockchain wallet.",
             onContinue: () => onSelectMethod("crypto")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Deposit with Card",
             description: "Buy USDC instantly with a debit or credit card.",
             onContinue: () => onSelectMethod("card")
@@ -2619,12 +2753,12 @@ var DepositMethodStep = ({
 };
 
 // src/deposit/steps/card-deposit.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/primitives/select/index.tsx
-var import_react = require("react");
-var import_hooks4 = require("@agg-market/hooks");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_react2 = require("react");
+var import_hooks5 = require("@agg-market/hooks");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Select = ({
   items,
   value,
@@ -2634,14 +2768,14 @@ var Select = ({
   disabled = false
 }) => {
   var _a;
-  const labels = (0, import_hooks4.useLabels)();
-  const { enableAnimations } = (0, import_hooks4.useSdkUiConfig)();
+  const labels = (0, import_hooks5.useLabels)();
+  const { enableAnimations } = (0, import_hooks5.useSdkUiConfig)();
   const hasEnabledItems = items.some((item) => !item.disabled);
   const hasAnyIcon = items.some((item) => item.iconUrl);
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const containerRef = (0, import_react.useRef)(null);
-  const close = (0, import_react.useCallback)(() => setIsOpen(false), []);
-  (0, import_react.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const containerRef = (0, import_react2.useRef)(null);
+  const close = (0, import_react2.useCallback)(() => setIsOpen(false), []);
+  (0, import_react2.useEffect)(() => {
     if (!isOpen)
       return;
     const handlePointerDown = (e) => {
@@ -2652,7 +2786,7 @@ var Select = ({
     document.addEventListener("mousedown", handlePointerDown);
     return () => document.removeEventListener("mousedown", handlePointerDown);
   }, [isOpen, close]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!isOpen)
       return;
     const handleKey = (e) => {
@@ -2665,8 +2799,8 @@ var Select = ({
   const isDisabled = disabled || !hasEnabledItems;
   const selectedItem = items.find((item) => item.value === value);
   if (!hasAnyIcon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "select",
         {
           "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
@@ -2682,19 +2816,19 @@ var Select = ({
           disabled: isDisabled,
           value,
           onChange: (event) => onChange(event.target.value),
-          children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+          children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "div",
     {
       ref: containerRef,
       className: cn("group/agg-select", "relative inline-flex w-full", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
           "button",
           {
             type: "button",
@@ -2714,20 +2848,20 @@ var Select = ({
             ),
             onClick: () => setIsOpen((prev) => !prev),
             children: [
-              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-                "img",
+              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                RemoteImage,
                 {
                   src: selectedItem.iconUrl,
                   alt: "",
                   className: "h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
-        isOpen ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
+        isOpen ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           "div",
           {
             role: "listbox",
@@ -2735,7 +2869,7 @@ var Select = ({
             className: "absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
             children: items.map((item) => {
               const isSelected = item.value === value;
-              return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -2755,15 +2889,15 @@ var Select = ({
                     }
                   },
                   children: [
-                    item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-                      "img",
+                    item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      RemoteImage,
                       {
                         src: item.iconUrl,
                         alt: "",
                         className: "h-4 w-4 shrink-0 rounded-sm object-contain"
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "truncate", children: item.label })
                   ]
                 },
                 item.value
@@ -2778,52 +2912,52 @@ var Select = ({
 Select.displayName = "Select";
 
 // src/deposit/steps/card-deposit.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var CardDepositStep = ({
   venue,
   onBack,
   onContinue
 }) => {
   var _a;
-  const [rawAmount, setRawAmount] = (0, import_react2.useState)("");
+  const [rawAmount, setRawAmount] = (0, import_react3.useState)("");
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
   const numericAmount = Number(rawAmount) || 0;
   const isValid = numericAmount > 0;
-  const handleAmountChange = (0, import_react2.useCallback)((e) => {
+  const handleAmountChange = (0, import_react3.useCallback)((e) => {
     const v = e.target.value.replace(/[^0-9.]/g, "");
     const parts = v.split(".");
     const sanitized = parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v;
     setRawAmount(sanitized);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       Modal.Header,
       {
         title: `Deposit to ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime61.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsxs)("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.jsxs)("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           Select,
           {
             items: [{ value: "USD", label: "USD" }],
@@ -2834,9 +2968,9 @@ var CardDepositStep = ({
             className: "w-auto"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-baseline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "input",
             {
               type: "text",
@@ -2853,7 +2987,7 @@ var CardDepositStep = ({
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
         "div",
         {
           className: cn(
@@ -2865,18 +2999,18 @@ var CardDepositStep = ({
           role: "button",
           tabIndex: 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: "Provider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "Auto-picked for you" })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: "Provider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "Auto-picked for you" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "agg-type-label-strong text-agg-foreground", children: "Swapped" }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ChevronRightIcon, { className: "h-4 w-4 text-agg-foreground" })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "agg-type-label-strong text-agg-foreground", children: "Swapped" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ChevronRightIcon, { className: "h-4 w-4 text-agg-foreground" })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         Button,
         {
           variant: "primary",
@@ -2892,7 +3026,7 @@ var CardDepositStep = ({
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/shared/constants.ts
 var USDC = {
@@ -2939,7 +3073,7 @@ var getTokensForNetwork = (networkValue) => {
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var CryptoTransferStep = ({
   venue,
   onBack,
@@ -2948,8 +3082,8 @@ var CryptoTransferStep = ({
   var _a, _b, _c, _d, _e;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
   const defaultNetwork = (_c = (_b = SUPPORTED_NETWORKS[0]) == null ? void 0 : _b.value) != null ? _c : "";
-  const [selectedNetwork, setSelectedNetwork] = (0, import_react3.useState)(defaultNetwork);
-  const tokenItems = (0, import_react3.useMemo)(() => {
+  const [selectedNetwork, setSelectedNetwork] = (0, import_react4.useState)(defaultNetwork);
+  const tokenItems = (0, import_react4.useMemo)(() => {
     const tokens = getTokensForNetwork(selectedNetwork);
     return tokens.map((t) => ({
       value: t.value,
@@ -2957,8 +3091,8 @@ var CryptoTransferStep = ({
       iconUrl: t.iconUrl
     }));
   }, [selectedNetwork]);
-  const [selectedToken, setSelectedToken] = (0, import_react3.useState)((_e = (_d = tokenItems[0]) == null ? void 0 : _d.value) != null ? _e : "");
-  const networkItems = (0, import_react3.useMemo)(
+  const [selectedToken, setSelectedToken] = (0, import_react4.useState)((_e = (_d = tokenItems[0]) == null ? void 0 : _d.value) != null ? _e : "");
+  const networkItems = (0, import_react4.useMemo)(
     () => SUPPORTED_NETWORKS.map((n) => ({
       value: n.value,
       label: n.label,
@@ -2966,40 +3100,40 @@ var CryptoTransferStep = ({
     })),
     []
   );
-  const handleNetworkChange = (0, import_react3.useCallback)((networkValue) => {
+  const handleNetworkChange = (0, import_react4.useCallback)((networkValue) => {
     var _a2, _b2;
     setSelectedNetwork(networkValue);
     const tokens = getTokensForNetwork(networkValue);
     setSelectedToken((_b2 = (_a2 = tokens[0]) == null ? void 0 : _a2.value) != null ? _b2 : "");
   }, []);
   const depositAddress = "82nbtQamxV3KPZtyRMXjrQ4xwQJMRcXn2PYmpfQyq5UK";
-  const handleCopyAddress = (0, import_react3.useCallback)(() => {
+  const handleCopyAddress = (0, import_react4.useCallback)(() => {
     void navigator.clipboard.writeText(depositAddress);
   }, [depositAddress]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       Modal.Header,
       {
         title: `Deposit to ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime62.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsxs)("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported token" }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex gap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported token" }),
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               Select,
               {
                 items: tokenItems,
@@ -3009,9 +3143,9 @@ var CryptoTransferStep = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported network" }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported network" }),
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               Select,
               {
                 items: networkItems,
@@ -3022,9 +3156,9 @@ var CryptoTransferStep = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Your deposit address" }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Your deposit address" }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
             "div",
             {
               className: cn(
@@ -3033,15 +3167,15 @@ var CryptoTransferStep = ({
                 "h-10 px-3"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                   "button",
                   {
                     type: "button",
                     className: "shrink-0 text-agg-muted-foreground transition-colors hover:text-agg-foreground",
                     onClick: handleCopyAddress,
                     "aria-label": "Copy deposit address",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CopyIcon, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CopyIcon, { className: "h-4 w-4" })
                   }
                 )
               ]
@@ -3049,33 +3183,33 @@ var CryptoTransferStep = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { variant: "secondary", size: "large", className: "w-full", onClick: onDone, children: "Done" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "secondary", size: "large", className: "w-full", onClick: onDone, children: "Done" })
     ] }) })
   ] });
 };
 
 // src/deposit/steps/kalshi-deposit.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var KalshiStepCard = ({
   step,
   title,
   description,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
     "Step ",
     step
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
   ] }),
   children
 ] });
-var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Modal.Header, { title: "", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Modal.Header, { title: "", hideBorder: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       VenueLogo,
       {
         venue: "kalshi",
@@ -3083,23 +3217,23 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_j
         className: "h-[60px] w-[60px] rounded-lg"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Fund Your Kalshi Account" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Fund Your Kalshi Account" }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         KalshiStepCard,
         {
           step: 1,
           title: "Open Kalshi Deposit Page",
           description: "Sign in to your Kalshi account and go to Deposit (Add Funds) from your account menu.",
-          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             Button,
             {
               variant: "secondary",
               size: "small",
-              suffix: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              suffix: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
               onClick: () => {
                 window.open(depositUrl, "_blank", "noopener,noreferrer");
               },
@@ -3108,7 +3242,7 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_j
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         KalshiStepCard,
         {
           step: 2,
@@ -3116,7 +3250,7 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_j
           description: "Select a deposit method: Bank transfer (ACH), Debit card, Wire, or USDC (crypto)."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         KalshiStepCard,
         {
           step: 3,
@@ -3125,12 +3259,12 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_j
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
   ] }) })
 ] });
 
 // src/deposit/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var DepositModal = ({
   open,
   onOpenChange,
@@ -3142,8 +3276,8 @@ var DepositModal = ({
   onDoneKalshi,
   kalshiDepositUrl = KALSHI_DEPOSIT_URL_DEFAULT
 }) => {
-  const [step, setStep] = (0, import_react4.useState)("venues");
-  const [selectedVenue, setSelectedVenue] = (0, import_react4.useState)(null);
+  const [step, setStep] = (0, import_react5.useState)("venues");
+  const [selectedVenue, setSelectedVenue] = (0, import_react5.useState)(null);
   const hasAnyShortfall = venues.some((v) => v.shortfall != null && v.shortfall > 0);
   const handleSelectVenue = (venueSlug) => {
     onSelectVenue(venueSlug);
@@ -3195,8 +3329,8 @@ var DepositModal = ({
     }
     onOpenChange(isOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
-    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
+    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       VenueSelectionStep,
       {
         venues,
@@ -3204,7 +3338,7 @@ var DepositModal = ({
         onSelectVenue: handleSelectVenue
       }
     ) : null,
-    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       DepositMethodStep,
       {
         venue: selectedVenue,
@@ -3212,7 +3346,7 @@ var DepositModal = ({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "card-deposit" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    step === "card-deposit" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       CardDepositStep,
       {
         venue: selectedVenue,
@@ -3220,7 +3354,7 @@ var DepositModal = ({
         onContinue: handleContinueCardDeposit
       }
     ) : null,
-    step === "crypto-transfer" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    step === "crypto-transfer" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       CryptoTransferStep,
       {
         venue: selectedVenue,
@@ -3228,25 +3362,25 @@ var DepositModal = ({
         onDone: handleDoneCryptoTransfer
       }
     ) : null,
-    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(KalshiDepositStep, { depositUrl: kalshiDepositUrl, onDone: handleDoneKalshi }) : null
+    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(KalshiDepositStep, { depositUrl: kalshiDepositUrl, onDone: handleDoneKalshi }) : null
   ] }) });
 };
 DepositModal.displayName = "DepositModal";
 
 // src/withdraw/index.tsx
-var import_react6 = require("react");
+var import_react7 = 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_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime68 = 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_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       className: cn(
@@ -3270,20 +3404,20 @@ var VenueRow2 = ({ venue, onSelect }) => {
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", 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: [
             "Balance ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
-        isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "agg-type-label text-agg-muted-foreground", children: (_b = venue.disabledReason) != null ? _b : "Unavailable" }) }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        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)(
           Button,
           {
             variant: "secondary",
             size: "small",
-            suffix: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ChevronRightIcon, {}),
+            suffix: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChevronRightIcon, {}),
             onClick: (e) => {
               e.stopPropagation();
               onSelect(venue.venue);
@@ -3298,22 +3432,22 @@ var VenueRow2 = ({ venue, onSelect }) => {
 var VenueSelectionStep2 = ({
   venues,
   onSelectVenue
-}) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Modal.Header, { title: "Withdraw", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to withdraw funds from:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VenueRow2, { venue, onSelect: onSelectVenue }, venue.venue)) })
+}) => /* @__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)) })
   ] }) })
 ] });
 
 // src/withdraw/steps/withdraw-method.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var WithdrawMethodCard = ({
   icon,
   title,
   description,
   onContinue
-}) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
   "div",
   {
     className: cn(
@@ -3332,17 +3466,17 @@ var WithdrawMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__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_runtime66.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         Button,
         {
           variant: "secondary",
           size: "small",
-          suffix: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ChevronRightIcon, {}),
+          suffix: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChevronRightIcon, {}),
           onClick: (e) => {
             e.stopPropagation();
             onContinue();
@@ -3360,47 +3494,47 @@ var WithdrawMethodStep = ({
 }) => {
   var _a;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Modal.Header,
       {
         title: `Withdraw from ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime66.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__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: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           WithdrawMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           WithdrawMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BankIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime69.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")
@@ -3412,8 +3546,8 @@ var WithdrawMethodStep = ({
 };
 
 // src/withdraw/steps/withdraw-amount.tsx
-var import_react5 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var WithdrawAmountStep = ({
   venue,
   method,
@@ -3421,50 +3555,50 @@ var WithdrawAmountStep = ({
   onContinue
 }) => {
   var _a;
-  const [rawAmount, setRawAmount] = (0, import_react5.useState)("");
+  const [rawAmount, setRawAmount] = (0, import_react6.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_react5.useCallback)((e) => {
+  const handleAmountChange = (0, import_react6.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_react5.useCallback)(() => {
+  const handleMax = (0, import_react6.useCallback)(() => {
     setRawAmount(venue.balance.toString());
   }, [venue.balance]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       Modal.Header,
       {
         title: `Withdraw to ${methodLabel}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime70.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_runtime67.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime67.jsxs)("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__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: [
             displayName,
             " balance: ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "button",
           {
             type: "button",
@@ -3474,10 +3608,10 @@ var WithdrawAmountStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      /* @__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)(
             "input",
             {
               type: "text",
@@ -3493,9 +3627,9 @@ var WithdrawAmountStep = ({
             }
           )
         ] }),
-        exceedsBalance ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
+        exceedsBalance ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
         Button,
         {
           variant: "primary",
@@ -3511,30 +3645,30 @@ var WithdrawAmountStep = ({
 };
 
 // src/withdraw/steps/kalshi-withdraw.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var KalshiStepCard2 = ({
   step,
   title,
   description,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-agg-secondary-hover p-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", 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: [
     "Step ",
     step
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
+  /* @__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 })
   ] }),
   children
 ] });
 var KalshiWithdrawStep = ({
   withdrawUrl,
   onDone
-}) => /* @__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 items-center gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+}) => /* @__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)(
       VenueLogo,
       {
         venue: "kalshi",
@@ -3542,23 +3676,23 @@ var KalshiWithdrawStep = ({
         className: "h-[60px] w-[60px] rounded-lg"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Withdraw from Kalshi" }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.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 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_runtime68.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime68.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
             Button,
             {
               variant: "secondary",
               size: "small",
-              suffix: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              suffix: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
               onClick: () => {
                 window.open(withdrawUrl, "_blank", "noopener,noreferrer");
               },
@@ -3567,7 +3701,7 @@ var KalshiWithdrawStep = ({
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         KalshiStepCard2,
         {
           step: 2,
@@ -3575,7 +3709,7 @@ var KalshiWithdrawStep = ({
           description: "Select a withdrawal method: Bank transfer (ACH), Wire, or USDC (crypto)."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         KalshiStepCard2,
         {
           step: 3,
@@ -3584,12 +3718,12 @@ var KalshiWithdrawStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
   ] }) })
 ] });
 
 // src/withdraw/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var WithdrawModal = ({
   open,
   onOpenChange,
@@ -3601,9 +3735,9 @@ var WithdrawModal = ({
   onDoneKalshi,
   kalshiWithdrawUrl = KALSHI_WITHDRAW_URL_DEFAULT
 }) => {
-  const [step, setStep] = (0, import_react6.useState)("venues");
-  const [selectedVenue, setSelectedVenue] = (0, import_react6.useState)(null);
-  const [selectedMethod, setSelectedMethod] = (0, import_react6.useState)(null);
+  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 handleSelectVenue = (venueSlug) => {
     onSelectVenue(venueSlug);
     if (venueSlug === KALSHI_VENUE2) {
@@ -3653,9 +3787,9 @@ var WithdrawModal = ({
     }
     onOpenChange(isOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
-    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(VenueSelectionStep2, { venues, onSelectVenue: handleSelectVenue }) : null,
-    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  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)(
       WithdrawMethodStep,
       {
         venue: selectedVenue,
@@ -3663,7 +3797,7 @@ var WithdrawModal = ({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       WithdrawAmountStep,
       {
         venue: selectedVenue,
@@ -3672,14 +3806,14 @@ var WithdrawModal = ({
         onContinue: handleContinueWithdraw
       }
     ) : null,
-    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
+    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
   ] }) });
 };
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-var import_react11 = require("react");
-var import_hooks10 = require("@agg-market/hooks");
+var import_react12 = require("react");
+var import_hooks11 = require("@agg-market/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -3701,31 +3835,31 @@ var ONCHAIN_VENUES = [
 ];
 
 // src/onboarding/steps/how-it-works.tsx
-var import_react7 = require("react");
-var import_hooks5 = require("@agg-market/hooks");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_hooks6 = require("@agg-market/hooks");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  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" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks5.useLabels)();
-  const scrollRef = (0, import_react7.useRef)(null);
-  const [showTopGradient, setShowTopGradient] = (0, import_react7.useState)(false);
-  const [showBottomGradient, setShowBottomGradient] = (0, import_react7.useState)(true);
-  const handleScroll = (0, import_react7.useCallback)(() => {
+  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 el = scrollRef.current;
     if (!el)
       return;
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  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)(
         "div",
         {
           ref: scrollRef,
@@ -3735,7 +3869,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_runtime70.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
               "div",
               {
                 className: cn(
@@ -3744,11 +3878,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__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 })
                   ] }),
-                  icon ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  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
                 ]
               },
               featureKey
@@ -3756,7 +3890,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "div",
         {
           className: cn(
@@ -3767,7 +3901,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "div",
         {
           className: cn(
@@ -3779,26 +3913,26 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime73.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_react8 = require("react");
-var import_hooks6 = require("@agg-market/hooks");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_hooks7 = require("@agg-market/hooks");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks6.useLabels)();
-  const [username, setUsername] = (0, import_react8.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react8.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react8.useState)();
-  const fileInputRef = (0, import_react8.useRef)(null);
-  const handleAvatarClick = (0, import_react8.useCallback)(() => {
+  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)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react8.useCallback)((e) => {
+  const handleFileChange = (0, import_react9.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file)
@@ -3811,18 +3945,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react8.useCallback)(() => {
+  const handleContinue = (0, import_react9.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  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)(
           "button",
           {
             type: "button",
@@ -3838,17 +3972,17 @@ var ProfileSetupStep = ({ onContinue }) => {
               "overflow-hidden"
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-            children: avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-              "img",
+            children: avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+              RemoteImage,
               {
                 src: avatarPreview,
                 alt: labels.onboarding.profileSetup.profilePreviewAlt,
                 className: "h-full w-full object-cover"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -3860,8 +3994,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -3869,7 +4003,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -3893,16 +4027,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime74.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_hooks7 = require("@agg-market/hooks");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_hooks8 = require("@agg-market/hooks");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  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)) });
 };
 var VenueCard = ({
   logos,
@@ -3913,8 +4047,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks7.useLabels)();
-  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  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)(
     Button,
     {
       variant: "tertiary",
@@ -3924,18 +4058,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime72.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     "div",
     {
       className: cn(
@@ -3943,23 +4077,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__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_runtime72.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.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 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_runtime72.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__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 }),
             mobileAction
           ] })
         ] })
@@ -3974,15 +4108,15 @@ var ConnectAccountsStep = ({
   connectedOnchain = false,
   connectedKalshi = false
 }) => {
-  const labels = (0, import_hooks7.useLabels)();
+  const labels = (0, import_hooks8.useLabels)();
   const canContinue = connectedOnchain || connectedKalshi;
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  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)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(OnchainVenueLogos, {}),
+          logos: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(OnchainVenueLogos, {}),
           title: labels.onboarding.connectAccounts.onchainTitle,
           mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
             ONCHAIN_VENUES.length - 1
@@ -3993,10 +4127,10 @@ var ConnectAccountsStep = ({
           connected: connectedOnchain
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          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)(
             VenueLogo,
             {
               venue: "kalshi",
@@ -4014,7 +4148,7 @@ var ConnectAccountsStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       Button,
       {
         variant: "primary",
@@ -4030,25 +4164,25 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_react9 = require("react");
-var import_hooks8 = require("@agg-market/hooks");
+var import_react10 = require("react");
+var import_hooks9 = require("@agg-market/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks8.useLabels)();
-  const [apiKeyId, setApiKeyId] = (0, import_react9.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react9.useState)("");
-  const [verifying, setVerifying] = (0, import_react9.useState)(false);
-  const [error, setError] = (0, import_react9.useState)();
+  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 canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = (0, import_react9.useCallback)(() => {
+  const handleCancel = (0, import_react10.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = (0, import_react9.useCallback)(() => __async(void 0, null, function* () {
+  const handleVerify = (0, import_react10.useCallback)(() => __async(void 0, null, function* () {
     if (!canVerify || verifying)
       return;
     setVerifying(true);
@@ -4078,7 +4212,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = (0, import_react9.useCallback)(
+  const handleOpenChange = (0, import_react10.useCallback)(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -4090,15 +4224,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -4109,8 +4243,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__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)(
             VenueLogo,
             {
               venue: "kalshi",
@@ -4119,54 +4253,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.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 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_runtime73.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.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: "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_runtime73.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("p", { children: [
+              /* @__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: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.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.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_runtime73.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              /* @__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)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -4174,7 +4308,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -4194,8 +4328,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -4203,7 +4337,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -4225,42 +4359,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+          /* @__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)(
                 "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_runtime73.jsx)(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime73.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__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 })
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            /* @__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)(
                 Button,
                 {
                   variant: "primary",
@@ -4281,22 +4415,22 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react10 = require("react");
-var import_hooks9 = require("@agg-market/hooks");
+var import_react11 = require("react");
+var import_hooks10 = require("@agg-market/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks9.useLabels)();
-  const [connecting, setConnecting] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)();
-  const handleCancel = (0, import_react10.useCallback)(() => {
+  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)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react10.useCallback)(() => __async(void 0, null, function* () {
+  const handleConnect = (0, import_react11.useCallback)(() => __async(void 0, null, function* () {
     if (connecting)
       return;
     setConnecting(true);
@@ -4312,7 +4446,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react10.useCallback)(
+  const handleOpenChange = (0, import_react11.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -4322,15 +4456,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -4341,26 +4475,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime74.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.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_runtime74.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_runtime74.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_runtime74.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_runtime74.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__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] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__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 })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -4371,7 +4505,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -4390,7 +4524,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -4403,68 +4537,68 @@ var OnboardingModal = ({
   connectedKalshi = false
 }) => {
   var _a;
-  const labels = (0, import_hooks10.useLabels)();
-  const [step, setStep] = (0, import_react11.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = (0, import_hooks11.useLabels)();
+  const [step, setStep] = (0, import_react12.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_react11.useState)(false);
-  const [kalshiConnected, setKalshiConnected] = (0, import_react11.useState)(false);
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react11.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react11.useState)(false);
-  (0, import_react11.useEffect)(() => {
+  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)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react11.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react12.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react11.useCallback)(
+  const handleProfileContinue = (0, import_react12.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react11.useCallback)(() => {
+  const handleConnectContinue = (0, import_react12.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react11.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react12.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react11.useCallback)(() => __async(void 0, null, function* () {
+  const handleOnchainConnect = (0, import_react12.useCallback)(() => __async(void 0, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = (0, import_react11.useCallback)(() => {
+  const handleOpenKalshiModal = (0, import_react12.useCallback)(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = (0, import_react11.useCallback)(
+  const handleKalshiVerify = (0, import_react12.useCallback)(
     (credentials) => __async(void 0, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
     }),
     [onConnectKalshi]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  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)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__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)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -4478,7 +4612,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -4486,7 +4620,7 @@ var OnboardingModal = ({
         onConnect: handleOnchainConnect
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       ConnectKalshiModal,
       {
         open: kalshiModalOpen,
@@ -4499,7 +4633,7 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
@@ -4512,9 +4646,9 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react12 = require("react");
-var import_hooks11 = require("@agg-market/hooks");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_hooks12 = require("@agg-market/hooks");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile,
@@ -4523,13 +4657,13 @@ var AboutTab = ({
   onDraftAvatarChange,
   draftAvatarPreview
 }) => {
-  const labels = (0, import_hooks11.useLabels)();
-  const fileInputRef = (0, import_react12.useRef)(null);
-  const handleAvatarClick = (0, import_react12.useCallback)(() => {
+  const labels = (0, import_hooks12.useLabels)();
+  const fileInputRef = (0, import_react13.useRef)(null);
+  const handleAvatarClick = (0, import_react13.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react12.useCallback)(
+  const handleFileChange = (0, import_react13.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -4545,9 +4679,9 @@ var AboutTab = ({
     [onDraftAvatarChange]
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex justify-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  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)(
         "button",
         {
           type: "button",
@@ -4563,17 +4697,17 @@ var AboutTab = ({
             "overflow-hidden"
           ),
           "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-          children: resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-            "img",
+          children: resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+            RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         "input",
         {
           ref: fileInputRef,
@@ -4585,8 +4719,8 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         "label",
         {
           htmlFor: "profile-username",
@@ -4594,7 +4728,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         "input",
         {
           id: "profile-username",
@@ -4616,12 +4750,12 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Delete your profile" }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.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.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_runtime76.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         "button",
         {
           type: "button",
@@ -4643,9 +4777,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
-var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+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)(
   "div",
   {
     className: cn(
@@ -4657,7 +4791,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_run
     children
   }
 );
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "button",
   {
     type: "button",
@@ -4666,7 +4800,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime7
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "button",
   {
     type: "button",
@@ -4691,19 +4825,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_runtime77.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SectionTitle, { children: "Exchanges" }),
-      exchanges.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
+  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) => {
         var _a;
         const displayName = (_a = venueLogoLabels[account.venue]) != null ? _a : account.venue;
-        return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(VenueLogo, { venue: account.venue, size: "small" }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
-              account.verified ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        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)(
                 Icon,
                 {
                   name: "check-badge",
@@ -4713,39 +4847,39 @@ var AccountsWalletsTab = ({
               ) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
         ] }, account.venue);
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SectionTitle, { children: "Social Accounts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
+    /* @__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)" })
           ] }),
-          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
+          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#5865F2]", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { name: "discord", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Discord" })
+        /* @__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" })
           ] }),
-          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ConnectTextButton, { onClick: onConnectDiscord })
+          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ConnectTextButton, { onClick: onConnectDiscord })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#26A5E4]", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { name: "telegram", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Telegram" })
+        /* @__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" })
           ] }),
-          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ConnectTextButton, { onClick: onConnectTelegram })
+          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ConnectTextButton, { onClick: onConnectTelegram })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+    /* @__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)(
         "button",
         {
           type: "button",
@@ -4757,11 +4891,11 @@ var AccountsWalletsTab = ({
             "cursor-pointer hover:bg-agg-secondary-hover"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { name: "email", size: "small", color: "currentColor" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime77.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.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_runtime77.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
           ]
         }
       )
@@ -4771,7 +4905,7 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/index.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -4791,15 +4925,15 @@ var ProfileModal = ({
   onDisconnectTelegram,
   onConnectEmail
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react13.useState)(PROFILE_TAB_KEYS.ABOUT);
-  const [draftUsername, setDraftUsername] = (0, import_react13.useState)(username != null ? username : "");
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react13.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react13.useState)();
-  const [isSaving, setIsSaving] = (0, import_react13.useState)(false);
-  (0, import_react13.useEffect)(() => {
+  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)(() => {
     setDraftUsername(username != null ? username : "");
   }, [username]);
-  const handleOpenChange = (0, import_react13.useCallback)(
+  const handleOpenChange = (0, import_react14.useCallback)(
     (isOpen) => {
       if (!isOpen) {
         setActiveTab(PROFILE_TAB_KEYS.ABOUT);
@@ -4820,7 +4954,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react13.useCallback)(
+  const handleDraftAvatarChange = (0, import_react14.useCallback)(
     (file, preview) => {
       setDraftAvatarFile(file);
       setDraftAvatarPreview(preview);
@@ -4828,7 +4962,7 @@ var ProfileModal = ({
     []
   );
   const hasChanges = draftUsername !== (username != null ? username : "") || draftAvatarFile !== void 0;
-  const handleSave = (0, import_react13.useCallback)(() => {
+  const handleSave = (0, import_react14.useCallback)(() => {
     setIsSaving(true);
     onSave({
       username: draftUsername || void 0,
@@ -4840,16 +4974,16 @@ var ProfileModal = ({
       onOpenChange(false);
     }, 500);
   }, [draftUsername, draftAvatarFile, draftAvatarPreview, onSave, onOpenChange]);
-  const handleCancel = (0, import_react13.useCallback)(() => {
+  const handleCancel = (0, import_react14.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Modal.Header, { title: "Edit Profile" }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
+  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) => {
           const isActive = activeTab === tab.value;
-          return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
             "button",
             {
               type: "button",
@@ -4862,14 +4996,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_runtime78.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "whitespace-nowrap", children: tab.label })
+                /* @__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 })
               ]
             },
             tab.value
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "nav",
           {
             className: cn(
@@ -4884,7 +5018,7 @@ var ProfileModal = ({
             "aria-label": "Profile sections",
             children: PROFILE_TAB_ITEMS.map((tab) => {
               const isActive = activeTab === tab.value;
-              return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -4899,9 +5033,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_runtime78.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                    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 })
                   ]
                 },
                 tab.value
@@ -4910,8 +5044,8 @@ var ProfileModal = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "min-w-0 flex-1", children: [
-        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__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)(
           AboutTab,
           {
             username,
@@ -4924,7 +5058,7 @@ var ProfileModal = ({
             draftAvatarPreview
           }
         ) : null,
-        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           AccountsWalletsTab,
           {
             exchanges,
@@ -4942,9 +5076,9 @@ var ProfileModal = ({
         ) : null
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Modal.Footer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__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)(
         Button,
         {
           variant: "primary",