@agg-build/ui 1.2.11 → 1.2.12

package/dist/modals.js

@@ -452,6 +452,13 @@ var ModalFooter = ({
 Modal.Footer = ModalFooter;
 Modal.displayName = "Modal";
 
+// src/notifications/deposit-notification-events.ts
+var AGG_DEPOSIT_NOTIFICATION_EVENT = "agg:deposit-notification";
+var dispatchAggDepositNotification = (detail) => {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new CustomEvent(AGG_DEPOSIT_NOTIFICATION_EVENT, { detail }));
+};
+
 // src/shared/constants.ts
 var USDC = {
   value: "USDC",
@@ -1287,6 +1294,7 @@ var Button = (_a) => {
     suffix,
     type = "button",
     className,
+    classNames,
     "aria-label": ariaLabel
   } = _b, other = __objRest(_b, [
     "children",
@@ -1298,6 +1306,7 @@ var Button = (_a) => {
     "suffix",
     "type",
     "className",
+    "classNames",
     "aria-label"
   ]);
   const {
@@ -1308,7 +1317,12 @@ var Button = (_a) => {
     "button",
     __spreadProps(__spreadValues({
       type,
-      className: getButtonClassName({ className, enableAnimations, size, variant }),
+      className: getButtonClassName({
+        className: cn(classNames == null ? void 0 : classNames.root, className),
+        enableAnimations,
+        size,
+        variant
+      }),
       disabled: isDisabled,
       "aria-busy": isLoading,
       "aria-label": ariaLabel
@@ -1329,7 +1343,11 @@ var Button = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "span",
           {
-            className: cn("group/span-agg-button agg-button-label", "whitespace-nowrap truncate"),
+            className: cn(
+              "group/span-agg-button agg-button-label",
+              "whitespace-nowrap truncate",
+              classNames == null ? void 0 : classNames.label
+            ),
             children
           }
         ),
@@ -1341,9 +1359,9 @@ var Button = (_a) => {
 Button.displayName = "Button";
 
 // src/primitives/select/index.tsx
+var import_hooks13 = require("@agg-build/hooks");
 var import_react2 = require("react");
 var import_react_dom = require("react-dom");
-var import_hooks13 = require("@agg-build/hooks");
 
 // src/primitives/icon/svg/apple.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -3226,11 +3244,142 @@ var SolanaIcon = (_a) => {
 };
 SolanaIcon.displayName = "SolanaIcon";
 
-// src/primitives/icon/svg/sparkles-filled.tsx
+// src/primitives/icon/svg/sort-end-date.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var SparklesFilledIcon = (_a) => {
+var SortEndDateIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("g", { clipPath: "url(#sort-end-date-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          "path",
+          {
+            d: "M16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 7.82319 0.0702379 7.65362 0.195262 7.5286C0.320286 7.40357 0.489856 7.33333 0.666667 7.33333C0.843478 7.33333 1.01305 7.40357 1.13807 7.5286C1.2631 7.65362 1.33333 7.82319 1.33333 8C1.33333 9.31854 1.72433 10.6075 2.45687 11.7038C3.18941 12.8001 4.2306 13.6546 5.44878 14.1592C6.66695 14.6638 8.0074 14.7958 9.3006 14.5386C10.5938 14.2813 11.7817 13.6464 12.714 12.714C13.6464 11.7817 14.2813 10.5938 14.5386 9.3006C14.7958 8.0074 14.6638 6.66695 14.1592 5.44878C13.6546 4.2306 12.8001 3.18941 11.7038 2.45687C10.6075 1.72433 9.31854 1.33333 8 1.33333C7.82319 1.33333 7.65362 1.2631 7.5286 1.13807C7.40357 1.01305 7.33333 0.843478 7.33333 0.666667C7.33333 0.489856 7.40357 0.320286 7.5286 0.195262C7.65362 0.0702379 7.82319 0 8 0C10.121 0.00229405 12.1545 0.845885 13.6543 2.34568C15.1541 3.84547 15.9977 5.87897 16 8ZM6.85133 7.33333H5.33333C5.15652 7.33333 4.98695 7.40357 4.86193 7.5286C4.7369 7.65362 4.66667 7.82319 4.66667 8C4.66667 8.17681 4.7369 8.34638 4.86193 8.4714C4.98695 8.59643 5.15652 8.66667 5.33333 8.66667H6.85133C6.95314 8.84349 7.09429 8.99449 7.26384 9.108C7.43339 9.2215 7.62679 9.29445 7.82906 9.3212C8.03134 9.34795 8.23705 9.32778 8.43028 9.26226C8.6235 9.19673 8.79905 9.0876 8.94333 8.94333C9.0876 8.79905 9.19673 8.6235 9.26226 8.43028C9.32778 8.23705 9.34795 8.03134 9.3212 7.82906C9.29445 7.62679 9.2215 7.43339 9.108 7.26384C8.99449 7.09429 8.84349 6.95314 8.66667 6.85133V4.66667C8.66667 4.48986 8.59643 4.32029 8.4714 4.19526C8.34638 4.07024 8.17681 4 8 4C7.82319 4 7.65362 4.07024 7.5286 4.19526C7.40357 4.32029 7.33333 4.48986 7.33333 4.66667V6.85133C7.13362 6.96752 6.96752 7.13362 6.85133 7.33333ZM1.218 5.856C1.34985 5.856 1.47875 5.8169 1.58838 5.74365C1.69801 5.67039 1.78346 5.56627 1.83392 5.44446C1.88438 5.32264 1.89758 5.18859 1.87186 5.05927C1.84613 4.92995 1.78264 4.81116 1.6894 4.71793C1.59617 4.62469 1.47738 4.5612 1.34806 4.53548C1.21874 4.50975 1.0847 4.52296 0.962878 4.57341C0.84106 4.62387 0.736941 4.70932 0.663687 4.81895C0.590433 4.92859 0.551333 5.05748 0.551333 5.18933C0.551333 5.36614 0.621571 5.53571 0.746595 5.66074C0.87162 5.78576 1.04119 5.856 1.218 5.856ZM2.814 3.47133C2.94585 3.47133 3.07475 3.43223 3.18438 3.35898C3.29401 3.28573 3.37946 3.18161 3.42992 3.05979C3.48038 2.93797 3.49358 2.80393 3.46786 2.67461C3.44213 2.54529 3.37864 2.4265 3.2854 2.33326C3.19217 2.24003 3.07338 2.17653 2.94406 2.15081C2.81474 2.12509 2.6807 2.13829 2.55888 2.18875C2.43706 2.23921 2.33294 2.32465 2.25969 2.43429C2.18643 2.54392 2.14733 2.67281 2.14733 2.80467C2.14733 2.98148 2.21757 3.15105 2.3426 3.27607C2.46762 3.4011 2.63719 3.47133 2.814 3.47133ZM5.186 1.894C5.31785 1.894 5.44675 1.8549 5.55638 1.78165C5.66601 1.70839 5.75146 1.60427 5.80192 1.48246C5.85238 1.36064 5.86558 1.22659 5.83986 1.09727C5.81413 0.967952 5.75064 0.849164 5.6574 0.755929C5.56417 0.662694 5.44538 0.5992 5.31606 0.573476C5.18674 0.547753 5.0527 0.560955 4.93088 0.611414C4.80906 0.661872 4.70494 0.74732 4.63169 0.856953C4.55843 0.966586 4.51933 1.09548 4.51933 1.22733C4.51933 1.40414 4.58957 1.57371 4.7146 1.69874C4.83962 1.82376 5.00919 1.894 5.186 1.894Z",
+            fill: "currentColor"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("clipPath", { id: "sort-end-date-clip", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+SortEndDateIcon.displayName = "SortEndDateIcon";
+
+// src/primitives/icon/svg/sort-top-arbitrage.tsx
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var SortTopArbitrageIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { clipPath: "url(#sort-top-arbitrage-clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            "path",
+            {
+              d: "M15.4314 6.314L14.9067 5.6C14.5432 5.10529 14.0686 4.7028 13.5211 4.42491C12.9737 4.14701 12.3687 4.00148 11.7547 4H4.25541C3.65409 4.00157 3.06116 4.14118 2.52231 4.40806C1.98346 4.67494 1.51308 5.06197 1.14741 5.53933L0.600079 6.25533C0.155734 6.84154 -0.0531817 7.57279 0.0144266 8.30525C0.0820349 9.03772 0.421273 9.71837 0.965413 10.2133L6.29208 15.3513C6.75993 15.7686 7.36522 15.9986 7.99208 15.9973C8.63223 15.9961 9.24941 15.7587 9.72541 15.3307L15.0161 10.242C15.5633 9.7574 15.9094 9.08556 15.9863 8.35863C16.0632 7.63171 15.8652 6.90233 15.4314 6.314ZM13.8314 6.38533L14.3561 7.10133C14.4088 7.1746 14.4552 7.25221 14.4947 7.33333H11.3007C11.2525 7.01408 11.1693 6.7011 11.0527 6.4L10.6261 5.33333H11.7547C12.159 5.3341 12.5575 5.42967 12.9182 5.61237C13.2788 5.79508 13.5916 6.05982 13.8314 6.38533ZM7.99341 13.392L6.14741 9.212C6.08065 9.0352 6.03021 8.85266 5.99675 8.66667H9.96475C9.93678 8.81325 9.89755 8.95745 9.84741 9.098L7.99341 13.392ZM6.06675 7.33333C6.09463 7.21381 6.12958 7.09605 6.17141 6.98067L6.82741 5.33333H9.19008L9.81475 6.89533C9.86959 7.03796 9.91415 7.18434 9.94808 7.33333H6.06675ZM2.20741 6.34733C2.44845 6.0329 2.75844 5.77797 3.11349 5.60217C3.46855 5.42638 3.85922 5.3344 4.25541 5.33333H5.38875L4.93341 6.486C4.82356 6.75949 4.74159 7.04338 4.68875 7.33333H1.49675C1.54247 7.2391 1.59764 7.14976 1.66141 7.06667L2.20741 6.34733ZM1.87408 9.236C1.70016 9.07824 1.56353 8.88377 1.47408 8.66667H4.65541C4.69963 9.02585 4.78623 9.37853 4.91341 9.71733L6.79808 13.984L1.87408 9.236ZM9.18075 14.0093L11.0834 9.6C11.1938 9.29824 11.2708 8.98525 11.3127 8.66667H14.5334C14.439 8.89552 14.2949 9.10049 14.1114 9.26667L9.18075 14.0093Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            "path",
+            {
+              d: "M8.00065 2.66667C8.17746 2.66667 8.34703 2.59643 8.47206 2.4714C8.59708 2.34638 8.66732 2.17681 8.66732 2V0.666667C8.66732 0.489856 8.59708 0.320286 8.47206 0.195262C8.34703 0.0702379 8.17746 0 8.00065 0C7.82384 0 7.65427 0.0702379 7.52925 0.195262C7.40422 0.320286 7.33398 0.489856 7.33398 0.666667V2C7.33398 2.17681 7.40422 2.34638 7.52925 2.4714C7.65427 2.59643 7.82384 2.66667 8.00065 2.66667Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            "path",
+            {
+              d: "M11.0357 2.6C11.1144 2.63958 11.2002 2.66316 11.288 2.66939C11.3759 2.67561 11.4642 2.66436 11.5477 2.63628C11.6312 2.6082 11.7083 2.56384 11.7745 2.50578C11.8408 2.44772 11.8949 2.3771 11.9337 2.298L12.6004 0.964671C12.6794 0.806425 12.6923 0.623264 12.6363 0.455481C12.5803 0.287699 12.4599 0.149038 12.3017 0.0700039C12.1434 -0.00903065 11.9603 -0.0219652 11.7925 0.0340457C11.6247 0.0900565 11.4861 0.210425 11.407 0.368671L10.7404 1.702C10.7005 1.78031 10.6766 1.86572 10.6699 1.95331C10.6632 2.0409 10.6739 2.12895 10.7013 2.2124C10.7288 2.29585 10.7724 2.37305 10.8298 2.43957C10.8872 2.50609 10.9572 2.56061 11.0357 2.6Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            "path",
+            {
+              d: "M4.06955 2.298C4.14858 2.45669 4.28742 2.57748 4.45552 2.63381C4.62361 2.69013 4.8072 2.67737 4.96588 2.59834C5.12457 2.5193 5.24536 2.38047 5.30169 2.21237C5.35801 2.04428 5.34525 1.86069 5.26622 1.702L4.59955 0.368671C4.56042 0.290315 4.50623 0.220435 4.44009 0.16302C4.37395 0.105605 4.29715 0.0617794 4.21407 0.0340457C4.04629 -0.0219652 3.86313 -0.00903065 3.70488 0.0700039C3.54664 0.149038 3.42627 0.287699 3.37026 0.455481C3.31425 0.623264 3.32718 0.806425 3.40622 0.964671L4.06955 2.298Z",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("clipPath", { id: "sort-top-arbitrage-clip", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+SortTopArbitrageIcon.displayName = "SortTopArbitrageIcon";
+
+// src/primitives/icon/svg/sort-volume-24hr.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var SortVolume24hrIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("g", { clipPath: "url(#sort-volume-24hr-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          "path",
+          {
+            d: "M14.0002 4H10.0002C9.6315 4 9.3335 4.298 9.3335 4.66667C9.3335 5.03533 9.6315 5.33333 10.0002 5.33333H13.7242L9.3495 9.708C8.9735 10.084 8.3615 10.084 7.98483 9.708L6.29217 8.01533C5.39617 7.11933 3.93817 7.11933 3.04217 8.01533L0.1955 10.862C-0.0651667 11.1227 -0.0651667 11.544 0.1955 11.8047C0.3255 11.9347 0.496167 12 0.666833 12C0.8375 12 1.00817 11.9347 1.13817 11.8047L3.98483 8.958C4.3495 8.59333 4.98483 8.59333 5.3495 8.958L7.04217 10.6507C7.93817 11.5467 9.39617 11.5467 10.2922 10.6507L14.6675 6.276V10C14.6675 10.3687 14.9655 10.6667 15.3342 10.6667C15.7028 10.6667 16.0008 10.3687 16.0008 10V6C16.0008 4.89733 15.1028 4 14.0002 4Z",
+            fill: "currentColor"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("clipPath", { id: "sort-volume-24hr-clip", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+SortVolume24hrIcon.displayName = "SortVolume24hrIcon";
+
+// src/primitives/icon/svg/sort-volume.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var SortVolumeIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("g", { clipPath: "url(#sort-volume-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          "path",
+          {
+            d: "M13.6667 10.6667H11.3333V8.33333C11.3333 7.04666 10.2867 6 9 6H7C5.71333 6 4.66667 7.04666 4.66667 8.33333V8.66666H2.33333C1.04667 8.66666 0 9.71333 0 11V13.6667C0 14.9533 1.04667 16 2.33333 16H13.6667C14.9533 16 16 14.9533 16 13.6667V13C16 11.7133 14.9533 10.6667 13.6667 10.6667ZM6 8.33333C6 7.782 6.44867 7.33333 7 7.33333H9C9.55133 7.33333 10 7.782 10 8.33333V14.6667H6V8.33333ZM1.33333 13.6667V11C1.33333 10.4487 1.782 9.99999 2.33333 9.99999H4.66667V14.6667H2.33333C1.782 14.6667 1.33333 14.218 1.33333 13.6667ZM14.6667 13.6667C14.6667 14.218 14.218 14.6667 13.6667 14.6667H11.3333V12H13.6667C14.218 12 14.6667 12.4487 14.6667 13V13.6667ZM5.36067 1.90466C5.42467 1.73 5.59133 1.61333 5.778 1.61333H7.112L7.584 0.288662C7.64867 0.114662 7.81467 -0.000671387 8.00067 -0.000671387C8.18667 -0.000671387 8.35267 0.114662 8.41733 0.288662L8.88933 1.61333H10.2233C10.41 1.61333 10.5767 1.73 10.6407 1.90533C10.7047 2.08066 10.652 2.27733 10.5093 2.398L9.458 3.25466L9.89267 4.57933C9.952 4.75866 9.892 4.95599 9.742 5.07133C9.592 5.18666 9.386 5.19466 9.228 5.09199L8.004 4.29466L6.80067 5.09999C6.726 5.14999 6.63933 5.17533 6.55333 5.17533C6.45933 5.17533 6.36533 5.14533 6.28667 5.08666C6.13533 4.97333 6.07267 4.77733 6.12933 4.59733L6.54733 3.25666L5.49067 2.39666C5.34867 2.276 5.296 2.07933 5.36067 1.90466Z",
+            fill: "currentColor"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("clipPath", { id: "sort-volume-clip", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+SortVolumeIcon.displayName = "SortVolumeIcon";
+
+// src/primitives/icon/svg/sparkles-filled.tsx
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var SparklesFilledIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -3241,15 +3390,15 @@ var SparklesFilledIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           "path",
           {
             d: "M13.0001 15.9999C12.8668 16 12.7366 15.9602 12.6262 15.8856C12.5158 15.8109 12.4303 15.705 12.3807 15.5813L11.8181 14.1726L10.4074 13.5786C10.2864 13.5252 10.1839 13.4372 10.1127 13.3256C10.0416 13.2141 10.0049 13.0841 10.0074 12.9518C10.0099 12.8196 10.0514 12.691 10.1267 12.5823C10.202 12.4735 10.3078 12.3894 10.4307 12.3406L11.8227 11.8133L12.3807 10.4186C12.4321 10.2967 12.5182 10.1927 12.6284 10.1195C12.7385 10.0464 12.8678 10.0074 13.0001 10.0074C13.1323 10.0074 13.2616 10.0464 13.3718 10.1195C13.482 10.1927 13.5681 10.2967 13.6194 10.4186L14.1801 11.8186L15.5801 12.3793C15.7022 12.4303 15.8065 12.5164 15.8799 12.6266C15.9532 12.7368 15.9923 12.8662 15.9923 12.9986C15.9923 13.131 15.9532 13.2604 15.8799 13.3706C15.8065 13.4808 15.7022 13.5668 15.5801 13.6179L14.1801 14.1786L13.6194 15.5786C13.5703 15.7028 13.4849 15.8093 13.3745 15.8845C13.2641 15.9596 13.1336 15.9998 13.0001 15.9999ZM6.66674 13.9999C6.37872 14.0034 6.09733 13.9135 5.86467 13.7437C5.63201 13.5739 5.46059 13.3333 5.37607 13.0579L4.30007 9.69326L0.92474 8.56393C0.652316 8.47287 0.415886 8.29758 0.249599 8.06337C0.0833117 7.82916 -0.00422421 7.54815 -0.000366007 7.26094C0.0034922 6.97372 0.0985448 6.69517 0.271063 6.46551C0.443581 6.23585 0.684635 6.06697 0.959407 5.98326L4.30807 4.9606L5.43607 1.59126C5.51994 1.31451 5.69343 1.07349 5.92924 0.906102C6.16505 0.738716 6.44981 0.654464 6.73874 0.666597C7.02681 0.666987 7.307 0.76066 7.53738 0.933596C7.76776 1.10653 7.93594 1.34943 8.01674 1.62593L9.03807 4.96926L12.3914 6.0426C12.6619 6.13332 12.897 6.30672 13.0636 6.53831C13.2302 6.7699 13.3198 7.04798 13.3198 7.33326C13.3198 7.61855 13.2302 7.89662 13.0636 8.12822C12.897 8.35981 12.6619 8.53321 12.3914 8.62393L9.03207 9.6986L7.95741 13.0579C7.87289 13.3333 7.70147 13.5739 7.46881 13.7437C7.23615 13.9135 6.95476 14.0034 6.66674 13.9999ZM13.6667 4.6666C13.5181 4.66659 13.3738 4.61693 13.2566 4.52549C13.1394 4.43406 13.0562 4.30609 13.0201 4.16193L12.7821 3.2086L11.8267 2.95193C11.6832 2.91335 11.5566 2.82788 11.4672 2.70911C11.3777 2.59033 11.3306 2.44507 11.3332 2.29641C11.3358 2.14776 11.388 2.00424 11.4815 1.88867C11.5751 1.7731 11.7046 1.69212 11.8494 1.6586L12.7827 1.44193L13.0201 0.504597C13.0562 0.360445 13.1395 0.232498 13.2566 0.141076C13.3738 0.0496542 13.5181 0 13.6667 0C13.8154 0 13.9597 0.0496542 14.0769 0.141076C14.194 0.232498 14.2773 0.360445 14.3134 0.504597L14.5494 1.44993L15.4947 1.6866C15.6389 1.72272 15.7668 1.80598 15.8583 1.92314C15.9497 2.0403 15.9993 2.18465 15.9993 2.33326C15.9993 2.48187 15.9497 2.62622 15.8583 2.74338C15.7668 2.86055 15.6389 2.9438 15.4947 2.97993L14.5494 3.2166L14.3134 4.16193C14.2773 4.30609 14.194 4.43406 14.0769 4.52549C13.9597 4.61693 13.8154 4.66659 13.6667 4.6666Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
             "linearGradient",
             {
               id: "paint0_linear_2028_8371",
@@ -3259,12 +3408,12 @@ var SparklesFilledIcon = (_a) => {
               y2: "7.99997",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { stopColor: "currentColor" }),
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("stop", { offset: "1", stopColor: "currentColor" })
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("stop", { stopColor: "currentColor" }),
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("stop", { offset: "1", stopColor: "currentColor" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("rect", { width: "16", height: "16", fill: "white" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("rect", { width: "16", height: "16", fill: "white" }) })
         ] })
       ]
     })
@@ -3273,10 +3422,10 @@ var SparklesFilledIcon = (_a) => {
 SparklesFilledIcon.displayName = "SparklesFilledIcon";
 
 // src/primitives/icon/svg/spinner.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var SpinnerIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "26",
@@ -3287,8 +3436,8 @@ var SpinnerIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           "path",
           {
             d: "M13 1C10.5371 1 8.13377 1.75785 6.11636 3.17068C4.09894 4.58352 2.56512 6.58289 1.72308 8.89742C0.88105 11.212 0.771596 13.7295 1.40958 16.1084C2.04756 18.4873 3.40208 20.6122 5.28926 22.1948C7.17645 23.7774 9.5049 24.741 11.9585 24.9547C14.4122 25.1685 16.8722 24.6221 19.0046 23.3896C21.137 22.1572 22.8386 20.2985 23.8783 18.0658C24.918 15.8331 25.2456 13.3345 24.8165 10.9092",
@@ -3304,10 +3453,10 @@ var SpinnerIcon = (_a) => {
 SpinnerIcon.displayName = "SpinnerIcon";
 
 // src/primitives/icon/svg/stay-in-control.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var StayInControlIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -3318,16 +3467,16 @@ var StayInControlIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime73.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.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",
@@ -3335,7 +3484,7 @@ var StayInControlIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -3343,10 +3492,10 @@ var StayInControlIcon = (_a) => {
 StayInControlIcon.displayName = "StayInControlIcon";
 
 // src/primitives/icon/svg/success-check.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var SuccessCheckIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "24",
@@ -3357,8 +3506,8 @@ var SuccessCheckIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           "path",
           {
             d: "M7.74919 20.6626C7.06793 20.6629 6.41457 20.3921 5.93325 19.91L0.443061 14.4219C-0.147687 13.8309 -0.147687 12.873 0.443061 12.2821C1.034 11.6913 1.99191 11.6913 2.58284 12.2821L7.74919 17.4484L21.4172 3.78046C22.0081 3.18972 22.966 3.18972 23.5569 3.78046C24.1477 4.3714 24.1477 5.32931 23.5569 5.92024L9.56513 19.91C9.08381 20.3921 8.43045 20.6629 7.74919 20.6626Z",
@@ -3372,10 +3521,10 @@ var SuccessCheckIcon = (_a) => {
 SuccessCheckIcon.displayName = "SuccessCheckIcon";
 
 // src/primitives/icon/svg/telegram.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var TelegramIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -3383,8 +3532,8 @@ var TelegramIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -3393,7 +3542,7 @@ var TelegramIcon = (_a) => {
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
       ]
     })
   );
@@ -3401,10 +3550,10 @@ var TelegramIcon = (_a) => {
 TelegramIcon.displayName = "TelegramIcon";
 
 // src/primitives/icon/svg/triangle-down.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var TriangleDownIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3412,16 +3561,16 @@ var TriangleDownIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime80.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",
@@ -3429,7 +3578,7 @@ var TriangleDownIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -3437,10 +3586,10 @@ var TriangleDownIcon = (_a) => {
 TriangleDownIcon.displayName = "TriangleDownIcon";
 
 // src/primitives/icon/svg/triangle-up.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var TriangleUpIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3448,16 +3597,16 @@ var TriangleUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime77.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime81.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",
@@ -3465,7 +3614,7 @@ var TriangleUpIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -3473,10 +3622,10 @@ var TriangleUpIcon = (_a) => {
 TriangleUpIcon.displayName = "TriangleUpIcon";
 
 // src/primitives/icon/svg/triangle-up-filled.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var TriangleUpFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3484,8 +3633,8 @@ var TriangleUpFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime82.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",
@@ -3499,10 +3648,10 @@ var TriangleUpFilledIcon = (_a) => {
 TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
 
 // src/primitives/icon/svg/twitter.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var TwitterIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -3510,8 +3659,8 @@ var TwitterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           "path",
           {
             d: "M18.325 2H21.7002L14.3283 10.4233L23 21.8871H16.2121L10.8918 14.936L4.81058 21.8871H1.42992L9.31325 12.8753L1 2H7.96025L12.7645 8.35342L18.325 2ZM17.1398 19.8695H19.0088L6.94183 3.91217H4.93433L17.1398 19.8695Z",
@@ -3525,10 +3674,10 @@ var TwitterIcon = (_a) => {
 TwitterIcon.displayName = "TwitterIcon";
 
 // src/primitives/icon/svg/upload.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var UploadIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3536,16 +3685,16 @@ var UploadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("g", { clipPath: "url(#upload-clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("g", { clipPath: "url(#upload-clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "path",
             {
               d: "M7.33755 1.71857L7.33288 12.0106C7.33288 12.1874 7.40312 12.357 7.52814 12.482C7.65317 12.607 7.82274 12.6772 7.99955 12.6772C8.17636 12.6772 8.34593 12.607 8.47095 12.482C8.59598 12.357 8.66621 12.1874 8.66621 12.0106L8.67088 1.7299L10.6122 3.6719C10.7372 3.79688 10.9068 3.86709 11.0835 3.86709C11.2603 3.86709 11.4299 3.79688 11.5549 3.6719C11.6799 3.54689 11.7501 3.37735 11.7501 3.20057C11.7501 3.02379 11.6799 2.85426 11.5549 2.72924L9.41421 0.585904C9.22848 0.400051 9.00795 0.252617 8.76521 0.152028C8.52248 0.0514383 8.2623 -0.000335693 7.99955 -0.000335693C7.7368 -0.000335693 7.47662 0.0514383 7.23388 0.152028C6.99115 0.252617 6.77061 0.400051 6.58488 0.585904L4.44421 2.72724C4.31923 2.85226 4.24902 3.02179 4.24902 3.19857C4.24902 3.37535 4.31923 3.54489 4.44421 3.6699C4.56923 3.79488 4.73877 3.86509 4.91555 3.86509C5.09232 3.86509 5.26186 3.79488 5.38688 3.6699L7.33755 1.71857Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "path",
             {
               d: "M14.6667 11.3333V14C14.6667 14.1768 14.5964 14.3464 14.4714 14.4714C14.3464 14.5964 14.1768 14.6667 14 14.6667H2C1.82319 14.6667 1.65362 14.5964 1.5286 14.4714C1.40357 14.3464 1.33333 14.1768 1.33333 14V11.3333C1.33333 11.1565 1.2631 10.9869 1.13807 10.8619C1.01305 10.7369 0.843478 10.6667 0.666667 10.6667C0.489856 10.6667 0.320286 10.7369 0.195262 10.8619C0.0702379 10.9869 0 11.1565 0 11.3333L0 14C0 14.5304 0.210714 15.0391 0.585786 15.4142C0.960859 15.7893 1.46957 16 2 16H14C14.5304 16 15.0391 15.7893 15.4142 15.4142C15.7893 15.0391 16 14.5304 16 14V11.3333C16 11.1565 15.9298 10.9869 15.8047 10.8619C15.6797 10.7369 15.5101 10.6667 15.3333 10.6667C15.1565 10.6667 14.987 10.7369 14.8619 10.8619C14.7369 10.9869 14.6667 11.1565 14.6667 11.3333Z",
@@ -3553,7 +3702,7 @@ var UploadIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("clipPath", { id: "upload-clip", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("clipPath", { id: "upload-clip", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3561,10 +3710,10 @@ var UploadIcon = (_a) => {
 UploadIcon.displayName = "UploadIcon";
 
 // src/primitives/icon/svg/user-trust.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var UserTrustIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -3573,15 +3722,15 @@ var UserTrustIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "path",
           {
             d: "M22.5 30C14.2275 30 7.5 23.2725 7.5 15C7.5 6.7275 14.2275 0 22.5 0C30.7725 0 37.5 6.7275 37.5 15C37.5 23.2725 30.7725 30 22.5 30ZM22.5 2.5C15.6075 2.5 10 8.1075 10 15C10 21.8925 15.6075 27.5 22.5 27.5C29.3925 27.5 35 21.8925 35 15C35 8.1075 29.3925 2.5 22.5 2.5ZM2.5 58.75V57.5C2.5 46.9175 10.7675 38.1475 21.3225 37.535C22.0125 37.495 22.5375 36.905 22.4975 36.215C22.4575 35.5275 21.87 34.96 21.1775 35.04C9.3025 35.7275 0 45.5925 0 57.5V58.75C0 59.44 0.56 60 1.25 60C1.94 60 2.5 59.44 2.5 58.75ZM43.75 60C34.79 60 27.5 52.71 27.5 43.75C27.5 34.79 34.79 27.5 43.75 27.5C52.71 27.5 60 34.79 60 43.75C60 52.71 52.71 60 43.75 60ZM43.75 30C36.1675 30 30 36.17 30 43.75C30 51.33 36.1675 57.5 43.75 57.5C51.3325 57.5 57.5 51.33 57.5 43.75C57.5 36.17 51.3325 30 43.75 30ZM45.3375 48.66L52.095 42.125C52.59 41.645 52.605 40.8525 52.125 40.3575C51.6475 39.8625 50.8575 39.85 50.3575 40.3275L43.5925 46.8725C42.7525 47.7 41.38 47.705 40.535 46.8825L37.1275 43.52C36.6375 43.035 35.845 43.04 35.36 43.53C34.875 44.0225 34.88 44.815 35.3725 45.2975L38.7825 48.665C39.6875 49.55 40.875 49.9925 42.0625 49.9925C43.25 49.9925 44.4375 49.5475 45.3375 48.66Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
       ]
     })
   );
@@ -3589,10 +3738,10 @@ var UserTrustIcon = (_a) => {
 UserTrustIcon.displayName = "UserTrustIcon";
 
 // src/primitives/icon/svg/usdc.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var UsdcIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 32 32",
@@ -3600,16 +3749,16 @@ var UsdcIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "path",
           {
             d: "M20.4 18.6c0-2.2-1.3-3-3.9-3.3-1.9-.3-2.3-.8-2.3-1.7s.7-1.5 2.1-1.5c1.2 0 1.9.4 2.2 1.4.1.2.2.3.4.3h1c.2 0 .4-.2.4-.4-.2-1.3-1.1-2.4-2.6-2.7v-1.5c0-.2-.2-.4-.5-.4h-.9c-.2 0-.4.2-.5.4v1.5c-1.7.3-2.8 1.4-2.8 2.9 0 2.1 1.3 2.8 3.9 3.2 1.7.3 2.3.8 2.3 1.8s-.9 1.7-2.2 1.7c-1.7 0-2.3-.7-2.5-1.6-.1-.2-.2-.3-.4-.3h-1c-.2 0-.4.2-.4.4.3 1.6 1.3 2.6 3.1 2.9v1.5c0 .2.2.4.5.4h.9c.2 0 .4-.2.5-.4v-1.5c1.7-.3 2.8-1.5 2.8-3.1z",
             fill: "#fff"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "path",
           {
             d: "M13.1 25.2c-4.6-1.6-7-6.7-5.3-11.3 1-2.7 3.1-4.5 5.7-5.3.2-.1.4-.3.4-.5v-.9c0-.2-.2-.4-.4-.4h-.1c-5.3 1.6-8.3 7.3-6.7 12.6 1 3.3 3.5 5.8 6.8 6.8.2.1.5-.1.5-.3v-.9c-.1-.3-.2-.5-.5-.6l-.4-.2zM19.3 6.8c-.2-.1-.5.1-.5.3v.9c0 .2.2.5.4.6 4.6 1.6 7 6.7 5.3 11.3-1 2.7-3.1 4.5-5.7 5.3-.2.1-.4.3-.4.5v.9c0 .2.2.4.4.4h.1c5.3-1.6 8.3-7.3 6.7-12.6-1-3.3-3.5-5.8-6.8-6.8l.5.2z",
@@ -3623,10 +3772,10 @@ var UsdcIcon = (_a) => {
 UsdcIcon.displayName = "UsdcIcon";
 
 // src/primitives/icon/svg/wallet.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var WalletIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -3634,8 +3783,8 @@ var WalletIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           "path",
           {
             d: "M21.5 6H4.5C3.354 6 2.279 5.433 1.628 4.501C2.262 3.594 3.313 3 4.5 3H23.5C23.776 3 24 2.776 24 2.5C24 2.224 23.776 2 23.5 2H4.5C2.015 2 0 4.015 0 6.5V17.5C0 19.985 2.015 22 4.5 22H21.5C22.881 22 24 20.881 24 19.5V8.5C24 7.119 22.881 6 21.5 6ZM23 19.5C23 20.327 22.327 21 21.5 21H4.5C2.57 21 1 19.43 1 17.5V6.5C1 6.152 1.051 5.816 1.146 5.499C1.992 6.441 3.21 7 4.5 7H21.5C22.327 7 23 7.673 23 8.5V19.5ZM21 14C21 14.552 20.552 15 20 15C19.448 15 19 14.552 19 14C19 13.448 19.448 13 20 13C20.552 13 21 13.448 21 14Z",
@@ -3649,10 +3798,10 @@ var WalletIcon = (_a) => {
 WalletIcon.displayName = "WalletIcon";
 
 // src/primitives/icon/svg/wallet-avatar.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function WalletAvatarIcon(_a) {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       fill: "none",
@@ -3660,9 +3809,9 @@ function WalletAvatarIcon(_a) {
       viewBox: "0 0 16 16"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime88.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
       ]
     })
   );
@@ -3670,10 +3819,10 @@ function WalletAvatarIcon(_a) {
 WalletAvatarIcon.displayName = "WalletAvatarIcon";
 
 // src/primitives/icon/svg/wallet-filled.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var WalletFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -3681,8 +3830,8 @@ var WalletFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           "path",
           {
             d: "M12.25 3.50008H2.91667C2.41558 3.50008 1.94133 3.28308 1.61292 2.91733C1.93375 2.55916 2.39983 2.33341 2.91667 2.33341H13.4167C13.7392 2.33341 14 2.07208 14 1.75008C14 1.42808 13.7392 1.16675 13.4167 1.16675H2.91667C1.30608 1.16675 0 2.47283 0 4.08342V9.91675C0 11.5273 1.30608 12.8334 2.91667 12.8334H12.25C13.2166 12.8334 14 12.05 14 11.0834V5.25008C14 4.2835 13.2166 3.50008 12.25 3.50008ZM12.8333 11.0834C12.8333 11.4048 12.572 11.6667 12.25 11.6667H2.91667C1.95183 11.6667 1.16667 10.8816 1.16667 9.91675V4.08225C1.66483 4.455 2.27733 4.66675 2.91667 4.66675H12.25C12.572 4.66675 12.8333 4.92866 12.8333 5.25008V11.0834ZM11.6667 8.16675C11.6667 8.48875 11.4053 8.75008 11.0833 8.75008C10.7613 8.75008 10.5 8.48875 10.5 8.16675C10.5 7.84475 10.7613 7.58342 11.0833 7.58342C11.4053 7.58342 11.6667 7.84475 11.6667 8.16675Z",
@@ -3696,10 +3845,10 @@ var WalletFilledIcon = (_a) => {
 WalletFilledIcon.displayName = "WalletFilledIcon";
 
 // src/primitives/icon/svg/paper-plane.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var PaperPlaneIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -3707,15 +3856,15 @@ var PaperPlaneIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "path",
           {
             d: "M23.149 0.854808C22.43 0.135808 21.42 -0.152192 20.441 0.0858076L4.21901 4.30981C2.13901 4.59681 0.532009 6.10881 0.125009 8.16081C-0.184991 9.72081 0.349009 11.3698 1.56401 12.5848L3.00101 13.9388V18.5008C3.00101 19.1868 3.27901 19.8088 3.72801 20.2608C3.73001 20.2628 3.73101 20.2658 3.73301 20.2688C3.73501 20.2718 3.73801 20.2718 3.74101 20.2738C4.19301 20.7228 4.81501 21.0008 5.50101 21.0008H10.075L11.456 22.4768C12.438 23.4588 13.757 23.9978 15.059 23.9978C15.525 23.9978 15.989 23.9288 16.434 23.7868C18.218 23.2178 19.478 21.7408 19.713 19.9878L23.91 3.60081C24.154 2.60181 23.87 1.57681 23.15 0.855808L23.149 0.854808ZM2.26001 11.8668C1.29301 10.8988 0.861009 9.58681 1.10501 8.35481C1.42801 6.72781 2.70401 5.52881 4.41401 5.28881L20.686 1.05681C20.83 1.02181 20.976 1.00481 21.12 1.00481C21.441 1.00481 21.753 1.09781 22.035 1.25981L4.15001 19.1438C4.05601 18.9478 4.00001 18.7318 4.00001 18.5008V13.7228C4.00001 13.5848 3.94301 13.4528 3.84301 13.3588L2.26001 11.8668ZM22.939 3.35781L18.731 19.7958C18.538 21.2188 17.541 22.3828 16.128 22.8328C14.789 23.2588 13.232 22.8408 12.172 21.7808L10.654 20.1588C10.559 20.0578 10.427 20.0008 10.289 20.0008H5.50001C5.26901 20.0008 5.05301 19.9438 4.85701 19.8508L22.746 1.96181C22.984 2.37781 23.058 2.87381 22.939 3.35781Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
       ]
     })
   );
@@ -3723,10 +3872,10 @@ var PaperPlaneIcon = (_a) => {
 PaperPlaneIcon.displayName = "PaperPlaneIcon";
 
 // src/primitives/icon/svg/warning.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var WarningIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "14",
@@ -3737,8 +3886,8 @@ var WarningIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           "path",
           {
             d: "M6.41665 8.1665V4.6665C6.41665 4.34567 6.67915 4.08317 6.99998 4.08317C7.32082 4.08317 7.58332 4.34567 7.58332 4.6665V8.1665C7.58332 8.48734 7.32082 8.74984 6.99998 8.74984C6.67915 8.74984 6.41665 8.48734 6.41665 8.1665ZM6.99998 9.33317C6.51582 9.33317 6.12498 9.724 6.12498 10.2082C6.12498 10.6923 6.51582 11.0832 6.99998 11.0832C7.48415 11.0832 7.87498 10.6923 7.87498 10.2082C7.87498 9.724 7.48415 9.33317 6.99998 9.33317ZM13.755 12.1798C13.3467 12.9673 12.4892 13.4165 11.4158 13.4165H2.58998C1.51082 13.4165 0.659151 12.9673 0.250818 12.1798C-0.163348 11.3865 -0.0466818 10.3715 0.542485 9.51984L5.23248 2.09984C5.64665 1.50484 6.29998 1.1665 6.99998 1.1665C7.69999 1.1665 8.35332 1.50484 8.74998 2.08234L13.4633 9.5315C14.0525 10.3832 14.1633 11.3923 13.7492 12.1798H13.755ZM12.5008 10.1848C12.5008 10.1848 12.4892 10.1732 12.4892 10.1615L7.78165 2.724C7.61248 2.48484 7.32082 2.33317 6.99998 2.33317C6.67915 2.33317 6.38749 2.48484 6.20665 2.74734L1.51082 10.1615C1.14915 10.6748 1.06748 11.2348 1.27748 11.6373C1.48165 12.034 1.94832 12.2498 2.58415 12.2498H11.4042C12.04 12.2498 12.5067 12.034 12.7108 11.6373C12.9208 11.2348 12.8392 10.6748 12.495 10.1848H12.5008Z",
@@ -3752,10 +3901,10 @@ var WarningIcon = (_a) => {
 WarningIcon.displayName = "WarningIcon";
 
 // src/primitives/icon/svg/warning-filled.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var WarningFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3763,8 +3912,8 @@ var WarningFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime92.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",
@@ -3837,6 +3986,10 @@ var iconRegistry = {
   search: SearchIcon,
   "shield-trust": ShieldTrustIcon,
   solana: SolanaIcon,
+  "sort-end-date": SortEndDateIcon,
+  "sort-top-arbitrage": SortTopArbitrageIcon,
+  "sort-volume": SortVolumeIcon,
+  "sort-volume-24hr": SortVolume24hrIcon,
   "sparkles-filled": SparklesFilledIcon,
   spinner: SpinnerIcon,
   "stay-in-control": StayInControlIcon,
@@ -3868,7 +4021,7 @@ var resolveIconStyle = (color, style) => {
 };
 
 // src/primitives/icon/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var Icon = (_a) => {
   var _b = _a, {
     name,
@@ -3892,7 +4045,7 @@ var Icon = (_a) => {
   }
   const resolvedStyle = resolveIconStyle(color, style);
   const resolvedClassName = cn(iconSizeClasses[size], className);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     Component,
     __spreadValues({
       color,
@@ -3909,12 +4062,12 @@ var import_react = require("react");
 
 // src/primitives/skeleton/skeleton-block.tsx
 var import_hooks11 = require("@agg-build/hooks");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var SkeletonBlock = ({ className }) => {
   const {
     features: { enableAnimations }
   } = (0, import_hooks11.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     "div",
     {
       "aria-hidden": true,
@@ -3943,7 +4096,7 @@ var resolveRemoteImageStatusFromSrc = (src) => {
 };
 
 // src/primitives/remote-image/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var RemoteImage = ({
   src,
   alt,
@@ -3977,7 +4130,7 @@ var RemoteImage = ({
     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_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
     "div",
     {
       className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
@@ -3994,14 +4147,14 @@ var RemoteImage = ({
       "aria-label": ariaLabel,
       title,
       children: [
-        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
-        status === "error" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
+        status === "error" && /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime91.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               Icon,
               {
                 name: "image",
@@ -4012,7 +4165,7 @@ var RemoteImage = ({
             )
           }
         ),
-        isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           "img",
           {
             src,
@@ -4048,7 +4201,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -4062,6 +4215,8 @@ var Select = ({
   ariaLabel,
   className,
   triggerClassName,
+  contentClassName,
+  itemClassName,
   disabled = SELECT_DEFAULT_IS_DISABLED
 }) => {
   var _a;
@@ -4121,7 +4276,7 @@ var Select = ({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, handleClose]);
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "div",
     {
       ref: portalRef,
@@ -4135,10 +4290,15 @@ var Select = ({
         width: menuRect.width,
         zIndex: SELECT_DROPDOWN_Z
       },
-      className: "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
+      className: cn(
+        "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
+        contentClassName
+      ),
       children: items.map((item) => {
         const isSelected = item.value === value;
-        return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+        const isHidden = item.hidden === true;
+        if (isHidden) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "button",
           {
             type: "button",
@@ -4149,8 +4309,10 @@ var Select = ({
               "agg-select-item",
               "relative flex w-full items-center gap-2 px-4 py-2 text-left text-agg-sm leading-agg-5 outline-none",
               "hover:bg-agg-secondary-hover focus-visible:bg-agg-secondary-hover",
-              isSelected ? "font-agg-bold text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground",
-              item.disabled && "cursor-not-allowed opacity-60"
+              isSelected ? "font-agg-bold bg-agg-secondary-hover" : "font-agg-normal",
+              isSelected ? "text-agg-foreground" : "text-agg-foreground",
+              item.disabled && "cursor-not-allowed opacity-60",
+              itemClassName
             ),
             onClick: () => {
               if (item.disabled) {
@@ -4160,8 +4322,17 @@ var Select = ({
               handleClose();
             },
             children: [
-              isSelected ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: item.icon }) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+              isSelected ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full",
+                    isSelected ? "text-agg-foreground" : "text-agg-muted-foreground"
+                  ),
+                  children: item.icon
+                }
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -4169,7 +4340,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -4177,13 +4348,13 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     "div",
     {
       ref: containerRef,
       className: cn("group/agg-select", "relative inline-flex w-full", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "button",
           {
             type: "button",
@@ -4200,12 +4371,13 @@ var Select = ({
                 enableAnimations,
                 "transition-[border-color,box-shadow] duration-200 ease-in-out"
               ),
+              isOpen && "border-agg-primary ring-2 ring-agg-primary/15",
               "focus:border-agg-primary focus:ring-2 focus:ring-agg-primary/15",
               "disabled:cursor-not-allowed disabled:opacity-60"
             ),
             onClick: () => setIsOpen((previousValue) => !previousValue),
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -4213,11 +4385,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Icon, { name: "chevron-down-thin", size: "small", color: "currentColor" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          Icon,
+          {
+            name: isOpen ? "chevron-up" : "chevron-down-thin",
+            size: "small",
+            color: "currentColor"
+          }
+        ) }),
         isOpen && typeof document !== "undefined" && listbox ? (0, import_react_dom.createPortal)(listbox, resolveSelectPortalContainer(containerRef.current)) : null
       ]
     }
@@ -4226,7 +4405,7 @@ var Select = ({
 Select.displayName = "Select";
 
 // src/deposit/steps/card-deposit.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var CardDepositStep = ({
   amount,
   currency,
@@ -4252,33 +4431,33 @@ var CardDepositStep = ({
   const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
   const isValid = numericAmount > 0 && !isBelowMin;
   const formattedMin = minAmount != null ? `$${minAmount}` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Modal.Header,
       {
         title: labels.deposit.cardFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime93.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime93.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
-            formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime97.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
+            formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-3 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex gap-3 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
               "div",
               {
                 className: cn(
@@ -4286,7 +4465,7 @@ var CardDepositStep = ({
                   isBelowMin ? "border-agg-primary border-2" : "border-agg-separator"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                     "input",
                     {
                       type: "text",
@@ -4302,11 +4481,11 @@ var CardDepositStep = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
               Select,
               {
                 items: [{ value: currency, label: currency }],
@@ -4318,8 +4497,8 @@ var CardDepositStep = ({
             ) })
           ] })
         ] }),
-        isBelowMin && formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        isBelowMin && formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             Icon,
             {
               name: "warning",
@@ -4327,12 +4506,12 @@ var CardDepositStep = ({
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
         ] }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           Select,
           {
             items: networkOptions,
@@ -4343,7 +4522,7 @@ var CardDepositStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Button,
         {
           variant: "secondary",
@@ -4363,7 +4542,7 @@ var import_hooks15 = require("@agg-build/hooks");
 
 // src/primitives/copy-button/index.tsx
 var import_react4 = require("react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var CopyButton = ({
   value,
   label,
@@ -4395,7 +4574,7 @@ var CopyButton = ({
   }, [onCopy, resetMs, value]);
   const showLabel = label !== void 0 || copiedLabel !== void 0;
   const visibleLabel = isCopied ? copiedLabel != null ? copiedLabel : label : label;
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     "button",
     {
       type: "button",
@@ -4408,8 +4587,8 @@ var CopyButton = ({
         className
       ),
       children: [
-        isCopied ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CheckCircleIcon, { className: iconClassName }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CopyIcon, { className: iconClassName }),
-        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "agg-type-label-strong", children: visibleLabel }) : null
+        isCopied ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CheckCircleIcon, { className: iconClassName }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CopyIcon, { className: iconClassName }),
+        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "agg-type-label-strong", children: visibleLabel }) : null
       ]
     }
   );
@@ -4417,7 +4596,7 @@ var CopyButton = ({
 CopyButton.displayName = "CopyButton";
 
 // src/deposit/steps/card-payment-pending.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var CardPaymentPendingStep = ({
   providerName,
   walletAddress,
@@ -4426,28 +4605,28 @@ var CardPaymentPendingStep = ({
   onChooseAnotherProvider
 }) => {
   const labels = (0, import_hooks15.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
       ] }),
-      walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             CopyButton,
             {
               value: walletAddress,
@@ -4457,11 +4636,11 @@ var CardPaymentPendingStep = ({
           )
         ] })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-start justify-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-start justify-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "button",
         {
           type: "button",
@@ -4496,7 +4675,7 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
@@ -4507,7 +4686,7 @@ var LoadingIcon = ({
   const {
     features: { enableAnimations }
   } = (0, import_hooks16.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "span",
     {
       role: "status",
@@ -4520,7 +4699,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -4528,8 +4707,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -4541,7 +4720,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               "circle",
               {
                 cx: "22",
@@ -4555,8 +4734,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -4568,7 +4747,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               "circle",
               {
                 cx: "22",
@@ -4580,8 +4759,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -4590,7 +4769,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -4611,20 +4790,20 @@ var LoadingIcon = ({
 LoadingIcon.displayName = "LoadingIcon";
 
 // src/deposit/steps/card-provider.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var CardProviderItem = ({ provider, onSelect }) => {
   const labels = (0, import_hooks17.useLabels)();
   const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "button",
     {
       type: "button",
       className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
       onClick: () => onSelect(provider.id),
-      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
-          badgeText ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "span",
             {
               className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
@@ -4632,16 +4811,16 @@ var CardProviderItem = ({ provider, onSelect }) => {
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "text-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
               labels.deposit.cardFlow.feeLabel,
               " ",
               provider.fee
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
         ] })
       ] })
     }
@@ -4660,40 +4839,40 @@ var CardProviderStep = ({
   onRetry
 }) => {
   const labels = (0, import_hooks17.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       Modal.Header,
       {
         title: labels.deposit.cardFlow.selectProviderTitle,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime101.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": labels.deposit.back,
-            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime97.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.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_runtime101.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
           "$",
           amount,
           " ",
           currency
         ] })
       ] }),
-      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(LoadingIcon, { variant: "prominent" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
-      ] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LoadingIcon, { variant: "prominent" }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
+      ] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           Icon,
           {
             name: "quotes-warning",
@@ -4702,13 +4881,13 @@ var CardProviderStep = ({
             color: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
         ] }),
-        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
-      ] }) : providers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
+      ] }) : providers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           CardProviderItem,
           {
             provider,
@@ -4716,7 +4895,7 @@ var CardProviderStep = ({
           },
           provider.id
         )),
-        sessionError ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
+        sessionError ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
       ] })
     ] }) })
   ] });
@@ -4724,10 +4903,10 @@ var CardProviderStep = ({
 
 // src/deposit/steps/card-purchase-success.tsx
 var import_hooks18 = require("@agg-build/hooks");
-var import_jsx_runtime98 = require("react/jsx-runtime");
-var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
+var import_jsx_runtime102 = require("react/jsx-runtime");
+var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
 var CardPurchaseSuccessStep = ({
   summary,
@@ -4735,35 +4914,35 @@ var CardPurchaseSuccessStep = ({
   onClose
 }) => {
   const labels = (0, import_hooks18.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           SummaryRow,
           {
             label: labels.deposit.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
     ] })
   ] }) });
 };
@@ -4809,7 +4988,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -4826,22 +5005,22 @@ var Tooltip = ({
   } = (0, import_hooks19.useSdkUiConfig)();
   const trigger = (0, import_react5.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
       }
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, ariaLabel]);
   const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
   const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
   const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -4863,7 +5042,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -4872,8 +5051,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -4895,8 +5074,8 @@ var Tooltip = ({
 Tooltip.displayName = "Tooltip";
 
 // src/shared/transfer-fee-summary.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
-var separator = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var separator = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
 var normalizeFeeLabel = (label) => label.replace(/\s*~\s*$/, "");
 var TransferFeeSummary = ({
   estimate,
@@ -4907,43 +5086,43 @@ var TransferFeeSummary = ({
   const labels = (0, import_hooks20.useLabels)();
   if (!estimate) return null;
   if (view === "deposit") {
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
-      minDeposit ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
+      minDeposit ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
         labels.deposit.sendCrypto.minDepositPrefix,
         " ",
         minDeposit
       ] }) : null,
       minDeposit ? separator : null,
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
         normalizeFeeLabel(labels.deposit.walletFlow.feePrefix),
         ": ",
         estimate.estimatedFees
       ] }),
       eta ? separator : null,
-      eta ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: eta }) : null
+      eta ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: eta }) : null
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
       labels.withdraw.walletFlow.estimatedFees,
       ": ",
       estimate.estimatedFees
     ] }),
     separator,
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
         labels.withdraw.walletFlow.networkReserve,
         ": ",
         estimate.networkReserve
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         Tooltip,
         {
           "aria-label": labels.withdraw.walletFlow.networkReserveTooltipAria,
           size: "medium",
-          content: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineTwo })
+          content: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineTwo })
           ] }),
           classNames: {
             content: "min-w-96 max-w-none!",
@@ -4954,7 +5133,7 @@ var TransferFeeSummary = ({
       )
     ] }),
     separator,
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
       labels.withdraw.walletFlow.youReceive,
       ": ",
       estimate.youReceive
@@ -4964,21 +5143,21 @@ var TransferFeeSummary = ({
 
 // src/deposit/components/DepositQRCode.tsx
 var import_qrcode = require("qrcode.react");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function DepositQRCode({
   depositAddress,
   networkLogoUrl,
   networkLogo,
   size = 160
 }) {
-  const logoOverlay = networkLogo ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  const logoOverlay = networkLogo ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     "div",
     {
       className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
       style: { width: 32, height: 32, backgroundColor: "#FFFFFF", padding: 2 },
       children: networkLogo
     }
-  ) : networkLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  ) : networkLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     "img",
     {
       src: networkLogoUrl,
@@ -4989,7 +5168,7 @@ function DepositQRCode({
       style: { backgroundColor: "#FFFFFF", padding: 2 }
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     "div",
     {
       className: "inline-flex items-center justify-center rounded-xl border",
@@ -4998,8 +5177,8 @@ function DepositQRCode({
         borderColor: "#E5E7EB",
         backgroundColor: "#FFFFFF"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_qrcode.QRCodeSVG, { value: depositAddress, size, level: "H" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_qrcode.QRCodeSVG, { value: depositAddress, size, level: "H" }),
         logoOverlay
       ] })
     }
@@ -5008,27 +5187,27 @@ function DepositQRCode({
 DepositQRCode.displayName = "DepositQRCode";
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var CryptoAddressLoadingState = () => {
   const labels = (0, import_hooks21.useLabels)();
   const sendCryptoLabels = labels.deposit.sendCrypto;
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     "div",
     {
       className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
       role: "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           "span",
           {
             className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
         ] })
       ]
     }
@@ -5064,29 +5243,29 @@ var CryptoTransferStep = ({
     selectedToken,
     selectedNetwork
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       Modal.Header,
       {
         title: labels.deposit.sendCrypto.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime106.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_runtime102.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.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_runtime102.jsxs)("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime106.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_runtime106.jsxs)("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             Select,
             {
               items: tokenOptions,
@@ -5096,9 +5275,9 @@ var CryptoTransferStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             Select,
             {
               items: networkOptions,
@@ -5109,7 +5288,7 @@ var CryptoTransferStep = ({
           )
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         DepositQRCode,
         {
           depositAddress,
@@ -5117,11 +5296,11 @@ var CryptoTransferStep = ({
           networkLogo
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
-          isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
+          isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             CopyButton,
             {
               value: depositAddress,
@@ -5133,7 +5312,7 @@ var CryptoTransferStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           TransferFeeSummary,
           {
             estimate: transferFeeEstimate,
@@ -5143,11 +5322,11 @@ var CryptoTransferStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         Button,
         {
           variant: "secondary",
@@ -5163,7 +5342,7 @@ var CryptoTransferStep = ({
 
 // src/deposit/steps/deposit-method.tsx
 var import_hooks22 = require("@agg-build/hooks");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var DepositMethodCard = ({
   icon,
   title,
@@ -5172,7 +5351,7 @@ var DepositMethodCard = ({
   highlighted = false,
   disabled = false,
   onContinue
-}) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
   "div",
   {
     className: cn(
@@ -5194,13 +5373,13 @@ var DepositMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime103.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime107.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_runtime107.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      value ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
+      value ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
     ]
   }
 );
@@ -5216,31 +5395,31 @@ var DepositMethodStep = ({
   onSelectMethod
 }) => {
   const labels = (0, import_hooks22.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime103.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime107.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_runtime107.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
         labels.deposit.balancePrefix,
         " ",
         formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        showWalletMethod ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        showWalletMethod ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.walletTitle(walletLabel),
             description: labels.deposit.methods.walletDescription,
-            value: isWalletBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
+            value: isWalletBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
             highlighted: highlightedMethod === "wallet",
             disabled: !depositAddressesReady,
             onContinue: () => onSelectMethod("wallet")
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.cryptoTitle,
             description: labels.deposit.methods.cryptoDescription,
             highlighted: highlightedMethod === "crypto",
@@ -5248,10 +5427,10 @@ var DepositMethodStep = ({
             onContinue: () => onSelectMethod("crypto")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.cardTitle,
             description: labels.deposit.methods.cardDescription,
             highlighted: highlightedMethod === "card",
@@ -5265,7 +5444,7 @@ var DepositMethodStep = ({
 
 // src/deposit/steps/wallet-form.tsx
 var import_hooks23 = require("@agg-build/hooks");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var WalletFormStep = ({
   walletLabel,
   walletBalance,
@@ -5290,38 +5469,38 @@ var WalletFormStep = ({
 }) => {
   const labels = (0, import_hooks23.useLabels)();
   const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       Modal.Header,
       {
         title: labels.deposit.walletFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime108.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_runtime104.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime104.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_runtime104.jsxs)("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.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_runtime108.jsxs)("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           labels.deposit.balanceLabel,
           " ",
-          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
+          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex gap-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               Select,
               {
                 items: tokenOptions,
@@ -5331,9 +5510,9 @@ var WalletFormStep = ({
               }
             )
           ] }),
-          networkOptions.length >= 1 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          networkOptions.length >= 1 ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               Select,
               {
                 items: networkOptions,
@@ -5344,9 +5523,9 @@ var WalletFormStep = ({
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
             "div",
             {
               className: cn(
@@ -5355,7 +5534,7 @@ var WalletFormStep = ({
                 "h-10 px-3"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                   "input",
                   {
                     type: "text",
@@ -5367,7 +5546,7 @@ var WalletFormStep = ({
                     onChange: (event) => onAmountChange(event.target.value)
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                   "button",
                   {
                     type: "button",
@@ -5381,8 +5560,8 @@ var WalletFormStep = ({
             }
           )
         ] }),
-        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
-        formErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
+        formErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
           "div",
           {
             className: cn(
@@ -5390,13 +5569,13 @@ var WalletFormStep = ({
               formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-label", children: formErrorMessage })
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label", children: formErrorMessage })
             ]
           }
         ) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
         Button,
         {
           variant: isConfirmEnabled ? "primary" : "secondary",
@@ -5416,7 +5595,7 @@ var WalletFormStep = ({
 // src/deposit/steps/wallet-processing.tsx
 var import_hooks24 = require("@agg-build/hooks");
 var import_react6 = require("react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var WalletProcessingStep = ({
   steps,
   errorMessage,
@@ -5429,14 +5608,14 @@ var WalletProcessingStep = ({
       onComplete();
     }
   }, [steps, onComplete]);
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.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_runtime105.jsxs)("div", { className: "flex flex-col gap-5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.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_runtime109.jsxs)("div", { className: "flex flex-col gap-5", children: [
       steps.map((step) => {
         const isComplete = step.status === "complete";
         const isActive = step.status === "active";
-        return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-3", children: [
-          isComplete ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex items-center gap-3", children: [
+          isComplete ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
             "span",
             {
               className: [
@@ -5446,7 +5625,7 @@ var WalletProcessingStep = ({
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
             "p",
             {
               className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
@@ -5455,17 +5634,17 @@ var WalletProcessingStep = ({
           )
         ] }, step.id);
       }),
-      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
+      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
     ] }) })
   ] });
 };
 
 // src/deposit/steps/wallet-success.tsx
 var import_hooks25 = require("@agg-build/hooks");
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
+var import_jsx_runtime110 = require("react/jsx-runtime");
+var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
 var WalletSuccessStep = ({
   summary,
@@ -5473,42 +5652,42 @@ var WalletSuccessStep = ({
   onClose
 }) => {
   const labels = (0, import_hooks25.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           SummaryRow2,
           {
             label: labels.deposit.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
     ] })
   ] }) });
 };
 
 // src/deposit/index.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
 var DEFAULT_WALLET_CHAIN_ID = "1";
 var DEFAULT_WALLET_TOKEN = "USDC";
@@ -5558,7 +5737,7 @@ function isControlledDepositModalProps(props) {
 }
 function DepositModalSelfDriven({ open, onOpenChange }) {
   const depositProps = (0, import_deposit.useDepositFlow)({ open, onOpenChange });
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DepositModalControlled, __spreadValues({}, depositProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(DepositModalControlled, __spreadValues({}, depositProps));
 }
 function DepositModalControlled({
   open,
@@ -5601,6 +5780,8 @@ function DepositModalControlled({
   );
   const [highlightedMethod, setHighlightedMethod] = (0, import_react7.useState)(defaultMethod);
   const walletSubmitInFlightRef = (0, import_react7.useRef)(false);
+  const walletDepositAttemptIdRef = (0, import_react7.useRef)(0);
+  const notifiedWalletDepositStatusesRef = (0, import_react7.useRef)(/* @__PURE__ */ new Set());
   const [isWalletSubmitting, setIsWalletSubmitting] = (0, import_react7.useState)(false);
   const [cardProviders, setCardProviders] = (0, import_react7.useState)([]);
   const [quotesLoading, setQuotesLoading] = (0, import_react7.useState)(false);
@@ -5703,19 +5884,42 @@ function DepositModalControlled({
     fromWallet: walletFlow.walletLabel,
     gasFee: ""
   }, walletFlow.successSummary);
+  const handleWalletDepositNotification = (0, import_react7.useCallback)(
+    (status, errorMessage) => {
+      if (notifiedWalletDepositStatusesRef.current.has(status)) return;
+      notifiedWalletDepositStatusesRef.current.add(status);
+      dispatchAggDepositNotification({
+        id: `wallet-${walletDepositAttemptIdRef.current}`,
+        status,
+        amount: walletFlow.amount,
+        tokenSymbol: walletToken || DEFAULT_WALLET_TOKEN,
+        errorMessage
+      });
+    },
+    [walletFlow.amount, walletToken]
+  );
   (0, import_react7.useEffect)(() => {
     if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
+      handleWalletDepositNotification("completed");
       setStep("wallet-success");
     }
-  }, [isWalletSubmitting, step, walletFlow.transactionStatus]);
+  }, [handleWalletDepositNotification, isWalletSubmitting, step, walletFlow.transactionStatus]);
   (0, import_react7.useEffect)(() => {
     if (!onCancelWalletDeposit) return;
     if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "error") {
       walletSubmitInFlightRef.current = false;
+      handleWalletDepositNotification("failed", walletFlow.transactionErrorMessage);
       onCancelWalletDeposit();
       setStep("wallet-form");
     }
-  }, [isWalletSubmitting, onCancelWalletDeposit, step, walletFlow.transactionStatus]);
+  }, [
+    handleWalletDepositNotification,
+    isWalletSubmitting,
+    onCancelWalletDeposit,
+    step,
+    walletFlow.transactionErrorMessage,
+    walletFlow.transactionStatus
+  ]);
   const cardTokenOptions = withTokenIcons(
     mergeSelectOptionsUnique(cardFlow == null ? void 0 : cardFlow.tokenOptions, DEFAULT_CURRENCY_OPTIONS)
   );
@@ -5839,6 +6043,8 @@ function DepositModalControlled({
       setSendChainId("");
       setSendToken("");
       walletSubmitInFlightRef.current = false;
+      walletDepositAttemptIdRef.current = 0;
+      notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
       setIsWalletSubmitting(false);
       setCardProviders([]);
       setQuotesLoading(false);
@@ -5851,8 +6057,8 @@ function DepositModalControlled({
     onOpenChange(isOpen);
   };
   const depositModalMaxWidth = step === "method" ? "600px" : "480px";
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
-    step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
+    step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       DepositMethodStep,
       {
         balance: walletFlow.balance,
@@ -5866,7 +6072,7 @@ function DepositModalControlled({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       WalletFormStep,
       {
         walletLabel: walletFlow.walletLabel,
@@ -5895,6 +6101,8 @@ function DepositModalControlled({
           var _a2, _b2;
           if (walletSubmitInFlightRef.current) return;
           walletSubmitInFlightRef.current = true;
+          walletDepositAttemptIdRef.current += 1;
+          notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
           setIsWalletSubmitting(true);
           setStep("wallet-processing");
           const walletChainIdNum = walletChainId ? Number(walletChainId) : void 0;
@@ -5930,7 +6138,7 @@ function DepositModalControlled({
         })
       }
     ) : null,
-    step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       WalletProcessingStep,
       {
         steps: processingSteps,
@@ -5938,7 +6146,7 @@ function DepositModalControlled({
         onComplete: () => setStep("wallet-success")
       }
     ) : null,
-    step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       WalletSuccessStep,
       {
         summary: resolvedSuccessSummary,
@@ -5946,7 +6154,7 @@ function DepositModalControlled({
         onClose: () => handleOpenChange(false)
       }
     ) : null,
-    step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       CardDepositStep,
       {
         amount: cardFlow.amount,
@@ -5968,7 +6176,7 @@ function DepositModalControlled({
         onContinue: handleContinueCardDeposit
       }
     ) : null,
-    step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       CardProviderStep,
       {
         amount: cardFlow.amount,
@@ -5983,7 +6191,7 @@ function DepositModalControlled({
         onRetry: handleRetryQuotes
       }
     ) : null,
-    step === "card-payment-pending" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    step === "card-payment-pending" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       CardPaymentPendingStep,
       {
         providerName: pendingProviderName,
@@ -5993,7 +6201,7 @@ function DepositModalControlled({
         onChooseAnotherProvider: handleChooseAnotherProvider
       }
     ) : null,
-    step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       CardPurchaseSuccessStep,
       {
         summary: (_g = pendingCardPurchaseSummary != null ? pendingCardPurchaseSummary : cardFlow == null ? void 0 : cardFlow.purchaseSummary) != null ? _g : {
@@ -6005,7 +6213,7 @@ function DepositModalControlled({
         onDone: handleDoneCardPurchase
       }
     ) : null,
-    step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       CryptoTransferStep,
       {
         tokenOptions: sendTokenOptions,
@@ -6032,9 +6240,9 @@ function DepositModalControlled({
 }
 var DepositModal = (props) => {
   if (!isControlledDepositModalProps(props)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DepositModalSelfDriven, __spreadValues({}, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(DepositModalSelfDriven, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DepositModalControlled, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(DepositModalControlled, __spreadValues({}, props));
 };
 DepositModal.displayName = "DepositModal";
 
@@ -6044,21 +6252,21 @@ var import_withdraw = require("@agg-build/hooks/withdraw");
 
 // src/withdraw/steps/withdraw-method.tsx
 var import_hooks27 = require("@agg-build/hooks");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var WithdrawMethodStep = ({
   balance,
   onSelectMethod
 }) => {
   const labels = (0, import_hooks27.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.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_runtime108.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.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_runtime112.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
         labels.withdraw.balancePrefix,
         " ",
         formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
         "div",
         {
           className: cn(
@@ -6075,12 +6283,12 @@ var WithdrawMethodStep = ({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
           ]
         }
       )
@@ -6090,7 +6298,7 @@ var WithdrawMethodStep = ({
 
 // src/withdraw/steps/withdraw-amount.tsx
 var import_hooks28 = require("@agg-build/hooks");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var WithdrawAmountStep = ({
   amount,
   destinationWallet,
@@ -6122,29 +6330,29 @@ var WithdrawAmountStep = ({
     selectedNetwork
   });
   const shouldShowWithdrawEstimate = Boolean(withdrawEstimate);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       Modal.Header,
       {
         title: labels.withdraw.walletFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime113.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": labels.withdraw.back,
-            children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime109.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_runtime109.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime113.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_runtime113.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
             "input",
             {
               type: "text",
@@ -6160,17 +6368,17 @@ var WithdrawAmountStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
               labels.withdraw.balancePrefix,
               " ",
               balanceDisplay
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               "input",
               {
                 type: "text",
@@ -6185,8 +6393,8 @@ var WithdrawAmountStep = ({
                 onChange: (e) => onAmountChange(e.target.value)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
-            onMaxClick ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
+            onMaxClick ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               "button",
               {
                 type: "button",
@@ -6197,10 +6405,10 @@ var WithdrawAmountStep = ({
             ) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               Select,
               {
                 items: tokenOptions,
@@ -6210,9 +6418,9 @@ var WithdrawAmountStep = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               Select,
               {
                 items: networkOptions,
@@ -6223,9 +6431,9 @@ var WithdrawAmountStep = ({
             )
           ] })
         ] }),
-        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null
+        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         Button,
         {
           variant: isValid && !isConfirming ? "primary" : "secondary",
@@ -6236,32 +6444,32 @@ var WithdrawAmountStep = ({
           children: isConfirming ? labels.common.loading : labels.withdraw.walletFlow.confirm
         }
       ),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
+      error ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
     ] }) })
   ] });
 };
 
 // src/withdraw/steps/withdraw-success.tsx
 var import_hooks29 = require("@agg-build/hooks");
-var import_jsx_runtime110 = require("react/jsx-runtime");
-var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground", children: value })
+var import_jsx_runtime114 = require("react/jsx-runtime");
+var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground", children: value })
 ] });
-var WithdrawCloseButton = ({ onClose, label }) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+var WithdrawCloseButton = ({ onClose, label }) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
   "button",
   {
     type: "button",
     className: "absolute right-8 top-7 flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
     onClick: onClose,
     "aria-label": label,
-    children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(CloseIcon, { className: "h-6 w-6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CloseIcon, { className: "h-6 w-6" })
   }
 );
 var LoadingGlyph = ({
   className,
   enableAnimations
-}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
   "span",
   {
     "aria-hidden": "true",
@@ -6294,26 +6502,26 @@ var WithdrawLoadingStep = ({
   const walletFlowLabels = labels.withdraw.walletFlow;
   const activeIndex = loadingActiveIndexFor(lifecycleState);
   const loadingSteps = getLoadingSteps(walletFlowLabels);
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Modal.Body, { classNames: { root: "px-8 py-7" }, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: walletFlowLabels.successTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Modal.Body, { classNames: { root: "px-8 py-7" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: walletFlowLabels.successTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
         "button",
         {
           type: "button",
           className: "flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
           onClick: onClose,
           "aria-label": labels.common.close,
-          children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(CloseIcon, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CloseIcon, { className: "h-6 w-6" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex flex-col gap-5", role: "status", "aria-live": "polite", children: loadingSteps.map((step, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "flex flex-col gap-5", role: "status", "aria-live": "polite", children: loadingSteps.map((step, index) => {
       const isComplete = index < activeIndex;
       const isActive = index === activeIndex;
       const textClassName = isActive || isComplete ? "text-agg-foreground" : "text-agg-muted-foreground";
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center gap-3", children: [
-        isComplete ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex items-center gap-3", children: [
+        isComplete ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           Icon,
           {
             name: "check-circle",
@@ -6322,24 +6530,24 @@ var WithdrawLoadingStep = ({
             "aria-hidden": "true"
           }
         ) : null,
-        isActive ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        isActive ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           LoadingGlyph,
           {
             enableAnimations,
             className: "h-4 w-4 shrink-0 text-agg-primary"
           }
         ) : null,
-        !isComplete && !isActive ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        !isComplete && !isActive ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           "span",
           {
             "aria-hidden": "true",
             className: "h-4 w-4 shrink-0 rounded-full border border-agg-separator"
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: cn("min-w-0 flex-1 text-agg-base leading-agg-6", textClassName), children: step.label })
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: cn("min-w-0 flex-1 text-agg-base leading-agg-6", textClassName), children: step.label })
       ] }, step.id);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: walletFlowLabels.loadingDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: walletFlowLabels.loadingDescription })
   ] }) }) });
 };
 var resultCopyFor = ({
@@ -6382,10 +6590,10 @@ var WithdrawSuccessStep = ({
     labels: walletFlowLabels
   });
   const isFailed = resultStatus === "failed";
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(WithdrawCloseButton, { onClose, label: labels.common.close }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(WithdrawCloseButton, { onClose, label: labels.common.close }),
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
         "div",
         {
           className: cn(
@@ -6393,12 +6601,12 @@ var WithdrawSuccessStep = ({
             isFailed ? "bg-agg-error/15" : "bg-agg-success/15"
           ),
           "aria-hidden": "true",
-          children: isFailed ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
+          children: isFailed ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           "p",
           {
             className: "max-w-[400px] text-agg-base leading-agg-6",
@@ -6407,35 +6615,35 @@ var WithdrawSuccessStep = ({
           }
         )
       ] }),
-      !isFailed ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex w-full max-w-[400px] flex-col rounded-agg-lg border border-agg-separator bg-agg-secondary px-3 py-1 text-left", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      !isFailed ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex w-full max-w-[400px] flex-col rounded-agg-lg border border-agg-separator bg-agg-secondary px-3 py-1 text-left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           SummaryRow3,
           {
             label: walletFlowLabels.summary.requestedWithdrawal,
             value: requestedWithdrawal
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           SummaryRow3,
           {
             label: walletFlowLabels.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet })
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet })
       ] }) : null,
-      isFailed ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: walletFlowLabels.close }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "primary", size: "large", className: "w-[123px]", onClick: onRetry, children: walletFlowLabels.retry })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
+      isFailed ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: walletFlowLabels.close }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { variant: "primary", size: "large", className: "w-[123px]", onClick: onRetry, children: walletFlowLabels.retry })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
     ] })
   ] }) });
 };
 
 // src/withdraw/index.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var DEFAULT_TOKEN_DECIMALS = 6;
 var TOKEN_DECIMALS_BY_SYMBOL = {
   BNB: 18,
@@ -6516,7 +6724,7 @@ function WithdrawModalSelfDriven({
   onOpenChange
 }) {
   const withdrawProps = (0, import_withdraw.useWithdrawFlow)({ open, onOpenChange });
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(WithdrawModalControlled, __spreadValues({}, withdrawProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(WithdrawModalControlled, __spreadValues({}, withdrawProps));
 }
 function WithdrawModalControlled({
   open,
@@ -6613,15 +6821,15 @@ function WithdrawModalControlled({
     tokenSymbol: withdrawFlow.selectedToken,
     chainId: withdrawFlow.selectedNetwork
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": "Withdraw", children: [
-    flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": "Withdraw", children: [
+    flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       WithdrawMethodStep,
       {
         balance: withdrawFlow.balance,
         onSelectMethod: () => setFlowState({ status: "form", formStep: "withdraw-amount" })
       }
     ) : null,
-    flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       WithdrawAmountStep,
       {
         amount: withdrawFlow.amount,
@@ -6642,14 +6850,14 @@ function WithdrawModalControlled({
         onContinue: handleConfirm
       }
     ) : null,
-    flowState.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    flowState.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       WithdrawLoadingStep,
       {
         lifecycleState: withdrawalLifecycleState,
         onClose: () => handleOpenChange(false)
       }
     ) : null,
-    flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       WithdrawSuccessStep,
       {
         summary: terminalSummary,
@@ -6666,9 +6874,9 @@ function WithdrawModalControlled({
 }
 var WithdrawModal = (props) => {
   if (isControlledWithdrawModalProps(props)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(WithdrawModalControlled, __spreadValues({}, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(WithdrawModalControlled, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(WithdrawModalSelfDriven, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(WithdrawModalSelfDriven, __spreadValues({}, props));
 };
 WithdrawModal.displayName = "WithdrawModal";
 
@@ -6695,12 +6903,12 @@ var ONCHAIN_VENUES = [import_sdk10.Venue.polymarket, import_sdk10.Venue.opinion,
 // src/onboarding/steps/how-it-works.tsx
 var import_react9 = require("react");
 var import_hooks30 = require("@agg-build/hooks");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
   const labels = (0, import_hooks30.useLabels)();
@@ -6713,10 +6921,10 @@ var HowItWorksStep = ({ onContinue, icons }) => {
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
         "div",
         {
           ref: scrollRef,
@@ -6726,7 +6934,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_runtime112.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
               "div",
               {
                 className: cn(
@@ -6735,11 +6943,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -6747,7 +6955,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
         "div",
         {
           className: cn(
@@ -6758,7 +6966,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
         "div",
         {
           className: cn(
@@ -6770,7 +6978,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
   ] });
 };
 HowItWorksStep.displayName = "HowItWorksStep";
@@ -6800,7 +7008,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -6826,7 +7034,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -6841,7 +7049,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     Component,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -6855,8 +7063,8 @@ var VenueLogo = ({
 VenueLogo.displayName = "VenueLogo";
 
 // src/primitives/tabs/index.tsx
-var import_react10 = require("react");
 var import_hooks32 = require("@agg-build/hooks");
+var import_react10 = require("react");
 
 // src/primitives/tabs/tabs.constants.ts
 var MOBILE_TABS_MEDIA_QUERY = "(max-width: 736px)";
@@ -6883,7 +7091,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -7216,7 +7424,7 @@ var Tabs = ({
     });
   }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       Select,
       {
         ariaLabel,
@@ -7228,7 +7436,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
     "div",
     {
       className: cn(
@@ -7239,7 +7447,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -7257,7 +7465,7 @@ var Tabs = ({
                 var _a;
                 const isActive = item.value === value;
                 const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
-                return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -7292,11 +7500,11 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
                         "span",
                         {
                           className: cn(
-                            "agg-tab-label truncate whitespace-nowrap [&::first-letter]:uppercase text-agg"
+                            "agg-tab-label truncate whitespace-nowrap first-letter:uppercase text-agg"
                           ),
                           "data-text": item.label,
                           children: [
@@ -7310,7 +7518,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -7329,8 +7537,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7342,7 +7550,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7354,7 +7562,20 @@ var Tabs = ({
               )
             }
           )
-        ] }) : null
+        ] }) : null,
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "agg-tab-scroll-end",
+              "pointer-events-none absolute top-0 right-0 bottom-0 z-10 w-[120px] overflow-hidden rounded-r-[8px] bg-linear-to-l from-agg-secondary from-[20%] via-agg-secondary/85 to-transparent",
+              getMotionClassName(enableAnimations, "transition-opacity duration-200"),
+              scrollAffordanceState.showEnd ? "opacity-100" : "opacity-0"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "absolute inset-y-0 right-3 inline-flex items-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" }) })
+          }
+        ) : null
       ]
     }
   );
@@ -7364,14 +7585,14 @@ Tabs.displayName = "Tabs";
 // src/primitives/toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
 var import_react11 = require("react");
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var ToastContext = (0, import_react11.createContext)(null);
 function useOptionalToast() {
   return (0, import_react11.useContext)(ToastContext);
 }
 
 // src/onboarding/steps/profile-setup.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
   const labels = (0, import_hooks33.useLabels)();
   const [username, setUsername] = (0, import_react12.useState)("");
@@ -7401,11 +7622,11 @@ var ProfileSetupStep = ({ onContinue }) => {
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
           "button",
           {
             type: "button",
@@ -7421,13 +7642,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                 "svg",
                 {
                   "aria-hidden": true,
                   viewBox: "0 0 80 80",
                   className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                     "circle",
                     {
                       cx: "40",
@@ -7441,18 +7662,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -7464,8 +7685,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -7473,7 +7694,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -7497,7 +7718,7 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
   ] });
 };
 ProfileSetupStep.displayName = "ProfileSetupStep";
@@ -7505,9 +7726,9 @@ ProfileSetupStep.displayName = "ProfileSetupStep";
 // src/onboarding/steps/connect-accounts.tsx
 var import_sdk11 = require("@agg-build/sdk");
 var import_hooks34 = require("@agg-build/hooks");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -7519,7 +7740,7 @@ var VenueCard = ({
   connected = false
 }) => {
   const labels = (0, import_hooks34.useLabels)();
-  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Button,
     {
       variant: "tertiary",
@@ -7529,18 +7750,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime121.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_runtime117.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
     "div",
     {
       className: cn(
@@ -7548,23 +7769,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -7581,13 +7802,13 @@ var ConnectAccountsStep = ({
 }) => {
   const labels = (0, import_hooks34.useLabels)();
   const canContinue = connectedOnchain || connectedKalshi;
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(OnchainVenueLogos, {}),
+          logos: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(OnchainVenueLogos, {}),
           title: labels.onboarding.connectAccounts.onchainTitle,
           mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
             ONCHAIN_VENUES.length - 1
@@ -7598,10 +7819,10 @@ var ConnectAccountsStep = ({
           connected: connectedOnchain
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+          logos: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
             VenueLogo,
             {
               venue: import_sdk11.Venue.kalshi,
@@ -7619,7 +7840,7 @@ var ConnectAccountsStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       Button,
       {
         variant: "primary",
@@ -7639,7 +7860,7 @@ var import_sdk12 = require("@agg-build/sdk");
 var import_react13 = require("react");
 var import_hooks35 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
@@ -7695,15 +7916,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -7714,8 +7935,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             VenueLogo,
             {
               venue: import_sdk12.Venue.kalshi,
@@ -7724,54 +7945,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime118.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_runtime118.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_runtime122.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.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_runtime118.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime118.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_runtime118.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_runtime122.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.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_runtime118.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -7779,7 +8000,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -7799,8 +8020,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -7808,7 +8029,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -7830,42 +8051,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime118.jsx)(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime118.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -7889,7 +8110,7 @@ ConnectKalshiModal.displayName = "ConnectKalshiModal";
 var import_react14 = require("react");
 var import_hooks36 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
@@ -7926,15 +8147,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -7945,26 +8166,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime119.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_runtime123.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime119.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_runtime119.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_runtime119.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_runtime119.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.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_runtime123.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_runtime123.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -7975,7 +8196,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -7994,7 +8215,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -8056,19 +8277,19 @@ var OnboardingModal = ({
     }),
     [onConnectKalshi]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime120.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_runtime120.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime124.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_runtime124.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -8082,7 +8303,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -8090,7 +8311,7 @@ var OnboardingModal = ({
         onConnect: handleOnchainConnect
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       ConnectKalshiModal,
       {
         open: kalshiModalOpen,
@@ -8103,28 +8324,27 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-var import_sdk13 = require("@agg-build/sdk");
 var import_react18 = require("react");
 var import_hooks40 = require("@agg-build/hooks");
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
-  ABOUT: "about",
-  ACCOUNTS_WALLETS: "accounts-wallets"
+  PROFILE_ACCOUNTS: "profile-accounts",
+  TRADING_ACCESS: "trading-access"
 };
 var PROFILE_TAB_ITEMS = [
-  { value: PROFILE_TAB_KEYS.ABOUT, label: "About", icon: "profile-about-tab" },
   {
-    value: PROFILE_TAB_KEYS.ACCOUNTS_WALLETS,
-    label: "Accounts & wallets",
-    icon: "profile-accounts-wallets-tab"
-  }
+    value: PROFILE_TAB_KEYS.PROFILE_ACCOUNTS,
+    label: "Profile & accounts",
+    icon: "profile-about-tab"
+  },
+  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" }
 ];
 
 // src/profile/tabs/about-tab.tsx
 var import_react16 = require("react");
 var import_hooks38 = require("@agg-build/hooks");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -8156,70 +8376,68 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-profile-about flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-profile-avatar-section flex w-full flex-col items-stretch sm:items-start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
-        "button",
-        {
-          type: "button",
-          onClick: handleAvatarClick,
-          className: cn(
-            "agg-profile-avatar-trigger",
-            "group relative flex items-center justify-center self-start",
-            "h-[80px] w-[80px]",
-            "rounded-agg-full",
-            "bg-agg-secondary-hover",
-            !hasAvatarPreview && "hover:bg-agg-tertiary",
-            "transition-colors cursor-pointer",
-            "overflow-hidden"
-          ),
-          "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-          children: [
-            !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-              "svg",
-              {
-                "aria-hidden": true,
-                viewBox: "0 0 80 80",
-                className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-                  "circle",
-                  {
-                    cx: "40",
-                    cy: "40",
-                    r: "39.5",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "1",
-                    strokeDasharray: "8 8"
-                  }
-                )
-              }
-            ) : null,
-            resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-              RemoteImage,
-              {
-                src: resolvedPreview,
-                alt: labels.onboarding.profileSetup.profilePreviewAlt,
-                className: "h-full w-full object-cover"
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-        "input",
-        {
-          ref: fileInputRef,
-          type: "file",
-          accept: "image/*",
-          onChange: handleFileChange,
-          className: "hidden",
-          "aria-hidden": "true"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "agg-form-section flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: handleAvatarClick,
+        className: cn(
+          "agg-profile-avatar-trigger",
+          "group relative flex items-center justify-center self-start",
+          "h-[80px] w-[80px]",
+          "rounded-agg-full",
+          "bg-agg-secondary-hover",
+          !hasAvatarPreview && "hover:bg-agg-tertiary",
+          "transition-colors cursor-pointer",
+          "overflow-hidden"
+        ),
+        "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+        children: [
+          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            "svg",
+            {
+              "aria-hidden": true,
+              viewBox: "0 0 80 80",
+              className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
+              children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                "circle",
+                {
+                  cx: "40",
+                  cy: "40",
+                  r: "39.5",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1",
+                  strokeDasharray: "8 8"
+                }
+              )
+            }
+          ) : null,
+          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            RemoteImage,
+            {
+              src: resolvedPreview,
+              alt: labels.onboarding.profileSetup.profilePreviewAlt,
+              className: "h-full w-full object-cover"
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept: "image/*",
+        onChange: handleFileChange,
+        className: "hidden",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         "label",
         {
           htmlFor: "profile-username",
@@ -8227,7 +8445,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         "input",
         {
           id: "profile-username",
@@ -8236,7 +8454,7 @@ var AboutTab = ({
           value: draftUsername,
           onChange: (e) => onDraftUsernameChange(e.target.value),
           className: cn(
-            "w-full px-4 py-3",
+            "h-10 w-full px-3 py-2.5",
             "rounded-agg-sm",
             "border border-agg-separator",
             "bg-agg-secondary text-agg-foreground",
@@ -8249,28 +8467,34 @@ var AboutTab = ({
         }
       )
     ] })
-  ] });
+  ] }) });
 };
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_react17 = require("react");
-var import_hooks39 = require("@agg-build/hooks");
-var import_jsx_runtime122 = require("react/jsx-runtime");
-var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var import_jsx_runtime126 = require("react/jsx-runtime");
+var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
   "div",
   {
     className: cn(
-      "flex items-center justify-between",
+      "flex h-12 items-center justify-between",
       "rounded-agg-lg border border-agg-separator bg-agg-secondary",
-      "px-5 py-3",
+      "px-5",
       className
     ),
     children
   }
 );
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var AccountIdentity = ({
+  icon,
+  label,
+  iconClassName
+}) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
+] });
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
   "button",
   {
     type: "button",
@@ -8279,7 +8503,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime1
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
   "button",
   {
     type: "button",
@@ -8288,8 +8512,145 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
     children: "Disconnect"
   }
 );
-var TRADING_ACCESS_VENUES = ["kalshi", "polymarket", "opinion", "predict"];
+var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var ConnectedAccountRow = ({
+  icon,
+  label,
+  connectedLabel,
+  connected,
+  iconClassName,
+  onConnect,
+  onDisconnect
+}) => {
+  const displayLabel = connected ? connectedLabel != null ? connectedLabel : label : label;
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(VerifiedBadge, {}) : null
+    ] }),
+    connected ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ConnectTextButton, { onClick: onConnect })
+  ] });
+};
+var AccountsWalletsTab = ({
+  socialAccounts,
+  email,
+  wallets = [],
+  onConnectTwitter,
+  onDisconnectTwitter,
+  onConnectGoogle,
+  onDisconnectGoogle,
+  onConnectApple,
+  onDisconnectApple,
+  onDisconnectWallet,
+  onConnectEmail
+}) => {
+  const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
+  const google = socialAccounts == null ? void 0 : socialAccounts.google;
+  const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
+  const hasEmail = Boolean(email);
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          ConnectedAccountRow,
+          {
+            icon: "google",
+            iconClassName: "text-agg-foreground",
+            label: "Google",
+            connected: google == null ? void 0 : google.connected,
+            connectedLabel: google == null ? void 0 : google.handle,
+            onConnect: onConnectGoogle,
+            onDisconnect: onDisconnectGoogle
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          ConnectedAccountRow,
+          {
+            icon: "apple",
+            iconClassName: "text-agg-foreground",
+            label: "Apple",
+            connected: apple == null ? void 0 : apple.connected,
+            connectedLabel: apple == null ? void 0 : apple.handle,
+            onConnect: onConnectApple,
+            onDisconnect: onDisconnectApple
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          ConnectedAccountRow,
+          {
+            icon: "twitter",
+            iconClassName: "text-agg-foreground",
+            label: "X (Twitter)",
+            connected: twitter == null ? void 0 : twitter.connected,
+            connectedLabel: twitter == null ? void 0 : twitter.handle,
+            onConnect: onConnectTwitter,
+            onDisconnect: onDisconnectTwitter
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          ConnectedAccountRow,
+          {
+            icon: "email",
+            iconClassName: "text-agg-foreground",
+            label: "Email address",
+            connected: hasEmail,
+            connectedLabel: email != null ? email : void 0,
+            onConnect: onConnectEmail
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex flex-col gap-2", children: wallets.length > 0 ? wallets.map((wallet) => {
+        var _a;
+        return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+            AccountIdentity,
+            {
+              icon: "wallet",
+              iconClassName: "text-agg-foreground",
+              label: (_a = wallet.displayAddress) != null ? _a : wallet.address
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(VerifiedBadge, {})
+        ] }) }, `${wallet.chain}:${wallet.address}`);
+      }) : null })
+    ] })
+  ] });
+};
+AccountsWalletsTab.displayName = "AccountsWalletsTab";
+
+// src/profile/tabs/trading-access-tab.tsx
+var import_hooks39 = require("@agg-build/hooks");
+var import_react17 = require("react");
+var import_jsx_runtime127 = require("react/jsx-runtime");
+var TRADING_ACCESS_VENUES = [
+  "kalshi",
+  "polymarket",
+  "opinion",
+  "probable",
+  "limitless",
+  "predict",
+  "myriad",
+  "hyperliquid"
+];
+var UNAVAILABLE_VENUES = /* @__PURE__ */ new Set([]);
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex h-12 items-center justify-between gap-4",
+      "rounded-agg-lg border border-agg-separator bg-agg-secondary",
+      "px-5"
+    ),
+    children
+  }
+);
 var VerifyIdentityButton = ({ onError }) => {
+  const labels = (0, import_hooks39.useLabels)();
   const client = (0, import_hooks39.useAggClient)();
   const [isInitiating, setIsInitiating] = (0, import_react17.useState)(false);
   const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react17.useState)(false);
@@ -8312,148 +8673,64 @@ var VerifyIdentityButton = ({ onError }) => {
     });
   }, [isReady, isInitiating, client, onError]);
   (0, import_react17.useEffect)(() => {
-    if (isTimedOut && isInitiating) {
-      setIsInitiating(false);
-      setNeedsDepositAddress(false);
-      onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
-    }
+    if (!isTimedOut || !isInitiating) return;
+    setIsInitiating(false);
+    setNeedsDepositAddress(false);
+    onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
   }, [isTimedOut, isInitiating, onError]);
   const handleClick = (0, import_react17.useCallback)(() => {
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     "button",
     {
       type: "button",
       disabled: isInitiating,
       onClick: handleClick,
       className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-60",
-      children: isInitiating ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : "Verify Identity"
+      children: isInitiating ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : labels.trading.kycVerify
     }
   );
 };
-var TradingAccessSection = ({
+var AvailableStatus = () => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
+  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
+] });
+var TradingAccessTab = ({
   venueAccounts,
   onKycError
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SectionTitle, { children: "Trading access" }),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "flex flex-col gap-2", children: TRADING_ACCESS_VENUES.map((venue) => {
+  const labels = (0, import_hooks39.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SectionTitle2, { children: "Venues" }),
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-col gap-3", children: TRADING_ACCESS_VENUES.map((venue) => {
       var _a;
-      const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((va) => va.venue === venue);
+      const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
       const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
+      const isUnavailable = UNAVAILABLE_VENUES.has(venue);
       const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
-      return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(AccountRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName })
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(AccessRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        isKalshi && !isVerified ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "KYC required" }),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(VerifyIdentityButton, { onError: onKycError })
-        ] }) : isKalshi && isVerified ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "Verified" }),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
-              Icon,
-              {
-                name: "check-badge",
-                size: "small",
-                color: "var(--agg-color-primary, #536dfe)"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
-          ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
-        ] })
+        isKalshi && !isVerified ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.kycRequired }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(VerifyIdentityButton, { onError: onKycError })
+        ] }) : isKalshi && isVerified ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.verified }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AvailableStatus, {})
+        ] }) : isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.venueUnavailableInRegion }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
 };
-var AccountsWalletsTab = ({
-  exchanges: _exchanges,
-  socialAccounts,
-  email,
-  venueAccounts,
-  onKycError,
-  onDisconnectExchange: _onDisconnectExchange,
-  onConnectTwitter,
-  onDisconnectTwitter,
-  onConnectGoogle,
-  onDisconnectGoogle,
-  onConnectApple,
-  onDisconnectApple,
-  onConnectDiscord: _onConnectDiscord,
-  onDisconnectDiscord: _onDisconnectDiscord,
-  onConnectTelegram: _onConnectTelegram,
-  onDisconnectTelegram: _onDisconnectTelegram,
-  onConnectEmail
-}) => {
-  const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
-  const google = socialAccounts == null ? void 0 : socialAccounts.google;
-  const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TradingAccessSection, { venueAccounts, onKycError }),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SectionTitle, { children: "Social Accounts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "google", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Google" })
-          ] }),
-          (google == null ? void 0 : google.connected) ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DisconnectTextButton, { onClick: onDisconnectGoogle }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ConnectTextButton, { onClick: onConnectGoogle })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "apple", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Apple" })
-          ] }),
-          (apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DisconnectTextButton, { onClick: onDisconnectApple }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ConnectTextButton, { onClick: onConnectApple })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
-        "button",
-        {
-          type: "button",
-          onClick: onConnectEmail,
-          className: cn(
-            "flex items-center justify-between",
-            "rounded-agg-lg border border-agg-separator bg-agg-secondary",
-            "px-5 py-3",
-            "cursor-pointer hover:bg-agg-secondary-hover"
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon, { name: "email", size: "small", color: "currentColor" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime122.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_runtime122.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-AccountsWalletsTab.displayName = "AccountsWalletsTab";
+TradingAccessTab.displayName = "TradingAccessTab";
 
 // src/profile/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
-var EVM_WALLET_VENUES = [import_sdk13.Venue.polymarket, import_sdk13.Venue.predict, import_sdk13.Venue.opinion];
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -8461,21 +8738,15 @@ var ProfileModal = ({
   avatarPreview,
   onSave,
   onDeleteProfile,
-  exchanges,
   socialAccounts,
   wallets,
   email,
-  onDisconnectExchange: onDisconnectExchangeProp,
   onConnectTwitter,
   onDisconnectTwitter,
   onConnectGoogle,
   onDisconnectGoogle,
   onConnectApple,
   onDisconnectApple,
-  onConnectDiscord,
-  onDisconnectDiscord,
-  onConnectTelegram,
-  onDisconnectTelegram,
   onDisconnectWallet,
   onConnectEmail,
   onKycError
@@ -8484,7 +8755,7 @@ var ProfileModal = ({
   const client = (0, import_hooks40.useAggClient)();
   const { user, startAuth } = (0, import_hooks40.useAggAuthState)();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = (0, import_react18.useState)(PROFILE_TAB_KEYS.ABOUT);
+  const [activeTab, setActiveTab] = (0, import_react18.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
   const [draftUsername, setDraftUsername] = (0, import_react18.useState)(resolvedInitialUsername);
   const [draftAvatarFile, setDraftAvatarFile] = (0, import_react18.useState)();
@@ -8499,7 +8770,7 @@ var ProfileModal = ({
     (isOpen) => {
       var _a2;
       if (!isOpen) {
-        setActiveTab(PROFILE_TAB_KEYS.ABOUT);
+        setActiveTab(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
         setIsSaving(false);
         setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
         setDraftAvatarFile(void 0);
@@ -8753,30 +9024,7 @@ var ProfileModal = ({
       };
     })) != null ? _b2 : [];
   }, [user == null ? void 0 : user.wallets, wallets]);
-  const resolvedExchanges = (0, import_react18.useMemo)(() => {
-    var _a2, _b2;
-    if (exchanges !== void 0) return exchanges;
-    const walletAccount = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.find(
-      (a) => a.provider.toLowerCase() === "wallet"
-    );
-    if (!walletAccount) return [];
-    const addr = walletAccount.providerAccountId;
-    const displayAddress = (_b2 = shortenAddress(addr)) != null ? _b2 : addr;
-    return EVM_WALLET_VENUES.map((venue) => ({ venue, displayAddress, verified: false }));
-  }, [exchanges, user == null ? void 0 : user.accounts]);
-  const handleDisconnectExchange = (0, import_react18.useCallback)(
-    (venue) => __async(null, null, function* () {
-      if (exchanges !== void 0) {
-        onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
-        return;
-      }
-      yield client.disconnectAccount("wallet");
-      yield client.getCurrentUser();
-      onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
-    }),
-    [client, exchanges, onDisconnectExchangeProp]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     Modal.Container,
     {
       maxWidth: "800px",
@@ -8785,8 +9033,8 @@ var ProfileModal = ({
         container: cn("agg-profile-modal", "min-h-[37.5rem]")
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           Tabs,
           {
             className: "w-full [&>div]:w-full",
@@ -8795,14 +9043,14 @@ var ProfileModal = ({
             items: PROFILE_TAB_ITEMS.map((tab) => ({
               value: tab.value,
               label: tab.label,
-              icon: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: tab.icon, size: "small" })
+              icon: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: tab.icon, size: "small" })
             })),
             value: activeTab,
             onChange: (val) => setActiveTab(val)
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
             "nav",
             {
               className: cn(
@@ -8818,7 +9066,7 @@ var ProfileModal = ({
               "aria-label": "Profile sections",
               children: PROFILE_TAB_ITEMS.map((tab) => {
                 const isActive = activeTab === tab.value;
-                return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -8834,9 +9082,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_runtime123.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                      isActive ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                     ]
                   },
                   tab.value
@@ -8844,54 +9092,47 @@ var ProfileModal = ({
               })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-            activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-              AboutTab,
-              {
-                username: username != null ? username : user == null ? void 0 : user.username,
-                avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
-                onDeleteProfile,
-                draftUsername,
-                onDraftUsernameChange: setDraftUsername,
-                draftAvatarFile,
-                onDraftAvatarChange: handleDraftAvatarChange,
-                draftAvatarPreview,
-                avatarError: avatarTypeError
-              }
-            ) : null,
-            activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-              AccountsWalletsTab,
-              {
-                exchanges: resolvedExchanges,
-                venueAccounts: user == null ? void 0 : user.venueAccounts,
-                onKycError,
-                socialAccounts: resolvedSocialAccounts,
-                wallets: resolvedWallets,
-                email: resolvedEmail,
-                onDisconnectExchange: (venue) => {
-                  void handleDisconnectExchange(venue);
-                },
-                onConnectTwitter: providerActionMap.twitter.connect,
-                onDisconnectTwitter: providerActionMap.twitter.disconnect,
-                onConnectGoogle: providerActionMap.google.connect,
-                onDisconnectGoogle: providerActionMap.google.disconnect,
-                onConnectApple: providerActionMap.apple.connect,
-                onDisconnectApple: providerActionMap.apple.disconnect,
-                onConnectDiscord,
-                onDisconnectDiscord,
-                onConnectTelegram,
-                onDisconnectTelegram,
-                onDisconnectWallet: (wallet) => {
-                  void handleDisconnectWallet(wallet);
-                },
-                onConnectEmail: providerActionMap.email.connect
-              }
-            ) : null
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+            activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                AboutTab,
+                {
+                  username: username != null ? username : user == null ? void 0 : user.username,
+                  avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
+                  onDeleteProfile,
+                  draftUsername,
+                  onDraftUsernameChange: setDraftUsername,
+                  draftAvatarFile,
+                  onDraftAvatarChange: handleDraftAvatarChange,
+                  draftAvatarPreview,
+                  avatarError: avatarTypeError
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                AccountsWalletsTab,
+                {
+                  socialAccounts: resolvedSocialAccounts,
+                  wallets: resolvedWallets,
+                  email: resolvedEmail,
+                  onConnectTwitter: providerActionMap.twitter.connect,
+                  onDisconnectTwitter: providerActionMap.twitter.disconnect,
+                  onConnectGoogle: providerActionMap.google.connect,
+                  onDisconnectGoogle: providerActionMap.google.disconnect,
+                  onConnectApple: providerActionMap.apple.connect,
+                  onDisconnectApple: providerActionMap.apple.disconnect,
+                  onDisconnectWallet: (wallet) => {
+                    void handleDisconnectWallet(wallet);
+                  },
+                  onConnectEmail: providerActionMap.email.connect
+                }
+              )
+            ] }) : null,
+            activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(TradingAccessTab, { venueAccounts: user == null ? void 0 : user.venueAccounts, onKycError }) : null
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
             Button,
             {
               variant: "primary",
@@ -8899,7 +9140,7 @@ var ProfileModal = ({
               disabled: !hasChanges,
               isLoading: isSaving,
               onClick: handleSave,
-              children: "Save Changes"
+              children: "Save changes"
             }
           )
         ] })
@@ -8912,7 +9153,7 @@ ProfileModal.displayName = "ProfileModal";
 // src/geo-block-modal/index.tsx
 var import_hooks41 = require("@agg-build/hooks");
 var import_react19 = require("react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
   onOpenChange,
@@ -8924,19 +9165,19 @@ var GeoBlockModal = ({
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
               Modal.Header,
               {
                 title: "",
@@ -8948,19 +9189,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -8981,7 +9222,7 @@ GeoBlockModal.displayName = "GeoBlockModal";
 
 // src/geo-block-banner/index.tsx
 var import_hooks42 = require("@agg-build/hooks");
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
@@ -8989,18 +9230,18 @@ var GeoBlockBanner = ({
 }) => {
   const labels = (0, import_hooks42.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
     "div",
     {
       className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
       role: "status",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
           message,
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
           labels.trading.geoBlockMessageSuffix
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
       ]
     }
   );