@agg-market/ui 4.0.0 → 6.0.0

package/dist/user-profile-page.js

@@ -1,3081 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/pages/user-profile/index.tsx
-var user_profile_exports = {};
-__export(user_profile_exports, {
-  UserProfilePage: () => UserProfilePage
-});
-module.exports = __toCommonJS(user_profile_exports);
-
-// src/shared/utils.ts
-var cn = (...values) => values.filter(Boolean).join(" ");
-var getMotionClassName = (enabled, ...values) => {
-  if (!enabled)
-    return void 0;
-  return cn(...values);
-};
-var getScrollBehavior = (enabled) => {
-  return enabled ? "smooth" : "auto";
-};
-
-// src/pages/user-profile/components/balance-display.tsx
-var import_react = require("react");
-
-// src/primitives/icon/types.ts
-var getIconA11yProps = (title) => ({
-  role: title ? "img" : "presentation",
-  "aria-hidden": title ? void 0 : true
-});
-
-// src/primitives/icon/svg/arrow-trend-up.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ArrowTrendUpIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M2 11.5L6.5 7L9.5 10L14 5.5",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M10.5 5.5H14V9",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-ArrowTrendUpIcon.displayName = "ArrowTrendUpIcon";
-
-// src/primitives/icon/svg/arrows-to-dot.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ArrowsToDotIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "path",
-          {
-            d: "M8 6.66667C8.73667 6.66667 9.33333 7.26333 9.33333 8C9.33333 8.73667 8.73667 9.33333 8 9.33333C7.26333 9.33333 6.66667 8.73667 6.66667 8C6.66667 7.26333 7.26333 6.66667 8 6.66667ZM5.27867 7.05733L3.39267 5.17133C3.132 4.91067 2.71067 4.91067 2.45 5.17133C2.18933 5.432 2.18933 5.854 2.45 6.114L3.67467 7.33333H0.666667C0.298 7.33333 0 7.632 0 8C0 8.368 0.298 8.66667 0.666667 8.66667H3.662L2.44867 9.88667C2.18867 10.148 2.19 10.5693 2.45133 10.8293C2.71267 11.0893 3.13467 11.088 3.394 10.8267L5.27933 8.93133C5.79467 8.41467 5.79467 7.574 5.27933 7.05667L5.27867 7.05733ZM7.068 5.278C7.56133 5.79267 8.45 5.79267 8.94267 5.278L10.828 3.392C11.0887 3.13133 11.0887 2.70933 10.828 2.44933C10.5673 2.18867 10.146 2.18867 9.88533 2.44933L8.66667 3.674V0.666667C8.66667 0.298667 8.36867 0 8 0C7.63133 0 7.33333 0.298667 7.33333 0.666667V3.662L6.11333 2.44867C5.852 2.18867 5.43067 2.19 5.17067 2.45133C4.91067 2.71267 4.912 3.13467 5.17333 3.394L7.068 5.278ZM8.94267 10.7213C8.42667 10.2053 7.58533 10.2053 7.06867 10.72L5.17267 12.606C4.91133 12.866 4.91 13.2873 5.17 13.5487C5.42933 13.8093 5.85067 13.8113 6.11267 13.5513L7.33267 12.3307V15.3333C7.33267 15.702 7.63067 16 7.99933 16C8.368 16 8.666 15.702 8.666 15.3333V12.3307L9.88467 13.55C10.1453 13.8107 10.5667 13.8107 10.8273 13.55C11.088 13.2893 11.088 12.868 10.8273 12.6073L8.94267 10.7213ZM15.3333 7.33333H12.3307L13.55 6.114C13.8107 5.854 13.8107 5.432 13.55 5.17133C13.2893 4.91067 12.868 4.91067 12.6073 5.17133L10.7213 7.05733C10.2053 7.574 10.2047 8.41467 10.72 8.93133L12.606 10.8273C12.866 11.088 13.2873 11.09 13.5487 10.83C13.81 10.57 13.8113 10.1487 13.5513 9.88733L12.3307 8.66733H15.3333C15.702 8.66733 16 8.36867 16 8.00067C16 7.63267 15.702 7.334 15.3333 7.334V7.33333Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-ArrowsToDotIcon.displayName = "ArrowsToDotIcon";
-
-// src/primitives/icon/svg/bank.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var BankIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: "M23 22H1C0.448 22 0 22.448 0 23C0 23.552 0.448 24 1 24H23C23.552 24 24 23.552 24 23C24 22.448 23.552 22 23 22ZM2 21H4V11H2V21ZM6 21H8V11H6V21ZM10 21H14V11H10V21ZM16 21H18V11H16V21ZM20 21H22V11H20V21ZM12 0.334C11.826 0.123 11.569 0 11.297 0H12.703C12.431 0 12.174 0.123 12 0.334ZM0.392 8.613C0.144 9.02 0 9.495 0 10C0 10 0 10 1 10H23C24 10 24 10 24 10C24 9.495 23.856 9.02 23.608 8.613L13.406 0.668C13.016 0.244 12.528 0 12 0C11.472 0 10.984 0.244 10.594 0.668L0.392 8.613ZM12 2.156L21.445 9H2.555L12 2.156ZM12 5C10.895 5 10 5.895 10 7C10 8.105 10.895 9 12 9C13.105 9 14 8.105 14 7C14 5.895 13.105 5 12 5ZM12 8C11.448 8 11 7.552 11 7C11 6.448 11.448 6 12 6C12.552 6 13 6.448 13 7C13 7.552 12.552 8 12 8Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-BankIcon.displayName = "BankIcon";
-
-// src/primitives/icon/svg/best-prices.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var BestPricesIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      width: "28",
-      height: "28",
-      viewBox: "0 0 28 28",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", { clipPath: "url(#clip0_best_prices)", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          "path",
-          {
-            d: "M12.8333 27.4167C12.8333 27.7387 12.572 28 12.25 28H5.25C2.3555 28 0 25.6445 0 22.75V5.25117C0 2.35667 2.35433 0 5.25 0H18.0833C20.9778 0 23.3333 2.35433 23.3333 5.24883V8.74883C23.3333 9.07083 23.0732 9.33217 22.75 9.33217C22.4268 9.33217 22.1667 9.07083 22.1667 8.74883V5.24883C22.1667 2.99717 20.3338 1.1655 18.0833 1.1655H5.25C2.99833 1.1655 1.16667 2.99833 1.16667 5.25V22.7488C1.16667 25.0005 2.9995 26.8322 5.25 26.8322H12.25C12.572 26.8322 12.8333 27.0947 12.8333 27.4167ZM27.8297 27.8297C27.7153 27.944 27.566 28 27.4167 28C27.2673 28 27.118 27.9428 27.0037 27.8297L23.0102 23.8362C21.6837 24.9748 19.964 25.6667 18.0822 25.6667C13.9008 25.6667 10.4988 22.2647 10.4988 18.0833C10.4988 13.902 13.9008 10.5 18.0822 10.5C22.2635 10.5 25.6655 13.902 25.6655 18.0833C25.6655 19.964 24.9725 21.6837 23.835 23.0113L27.8285 27.0048C28.056 27.2323 28.0572 27.6022 27.8297 27.8297ZM24.5 18.0833C24.5 14.546 21.6218 11.6667 18.0833 11.6667C14.5448 11.6667 11.6667 14.546 11.6667 18.0833C11.6667 21.6207 14.5448 24.5 18.0833 24.5C21.6218 24.5 24.5 21.6207 24.5 18.0833ZM7.58333 5.83333H5.25C4.928 5.83333 4.66667 6.09467 4.66667 6.41667C4.66667 6.73867 4.928 7 5.25 7H7.58333C7.90533 7 8.16667 6.73867 8.16667 6.41667C8.16667 6.09467 7.90533 5.83333 7.58333 5.83333ZM7.58333 17.5H5.25C4.928 17.5 4.66667 17.7613 4.66667 18.0833C4.66667 18.4053 4.928 18.6667 5.25 18.6667H7.58333C7.90533 18.6667 8.16667 18.4053 8.16667 18.0833C8.16667 17.7613 7.90533 17.5 7.58333 17.5ZM11.0833 5.83333C10.7613 5.83333 10.5 6.09467 10.5 6.41667C10.5 6.73867 10.7613 7 11.0833 7H18.0833C18.4053 7 18.6667 6.73867 18.6667 6.41667C18.6667 6.09467 18.4053 5.83333 18.0833 5.83333H11.0833ZM7.58333 11.6667H5.25C4.928 11.6667 4.66667 11.928 4.66667 12.25C4.66667 12.572 4.928 12.8333 5.25 12.8333H7.58333C7.90533 12.8333 8.16667 12.572 8.16667 12.25C8.16667 11.928 7.90533 11.6667 7.58333 11.6667ZM21.1668 16.4862L18.0098 19.5405C17.6167 19.9255 16.9762 19.9302 16.583 19.5452L14.9928 17.976C14.7642 17.7497 14.3943 17.752 14.168 17.9807C13.9417 18.2105 13.944 18.5803 14.1738 18.8055L15.7652 20.377C16.1875 20.79 16.7417 20.9965 17.2958 20.9965C17.85 20.9965 18.4053 20.7888 18.8253 20.3747L21.9788 17.325C22.2098 17.101 22.2168 16.7312 21.9928 16.5002C21.77 16.2692 21.399 16.2645 21.1668 16.4862Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("clipPath", { id: "clip0_best_prices", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-BestPricesIcon.displayName = "BestPricesIcon";
-
-// src/primitives/icon/svg/bolt.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var BoltIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { clipPath: "url(#bolt-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "path",
-          {
-            d: "M11.7372 24C11.4922 24 11.2432 23.946 11.0022 23.835C10.2162 23.472 9.83423 22.637 10.0722 21.805L11.8272 16H6.50123C5.70223 16 4.97023 15.632 4.49423 14.99C4.01823 14.348 3.87723 13.541 4.10823 12.776L7.13023 1.788C7.45523 0.714 8.41723 0 9.52623 0H13.8992C14.5872 0 15.2322 0.338 15.6242 0.903C16.0162 1.468 16.1062 2.191 15.8652 2.835L13.7052 9H17.5002C18.4422 9 19.2682 9.497 19.7092 10.33C20.1502 11.163 20.0982 12.124 19.5692 12.904L13.1592 23.216C12.8202 23.725 12.2912 24 11.7372 24ZM9.52723 1C8.86123 1 8.28423 1.428 8.09123 2.066L5.06923 13.054C4.92723 13.525 5.01123 14.009 5.29723 14.394C5.58323 14.779 6.02223 15 6.50223 15H12.5012C12.6592 15 12.8082 15.075 12.9022 15.202C12.9962 15.329 13.0252 15.493 12.9792 15.644L11.0322 22.086C10.9102 22.514 11.1532 22.802 11.4232 22.926C11.6922 23.05 12.0692 23.05 12.3192 22.673L18.7312 12.358C19.0592 11.874 19.0912 11.297 18.8262 10.797C18.5612 10.297 18.0662 9.999 17.5002 9.999H13.0002C12.8382 9.999 12.6862 9.92 12.5922 9.788C12.4982 9.656 12.4742 9.487 12.5282 9.333L14.9252 2.493C15.0572 2.14 15.0112 1.772 14.8022 1.472C14.5942 1.171 14.2642 0.999 13.8992 0.999H9.52623L9.52723 1Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("clipPath", { id: "bolt-clip", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-BoltIcon.displayName = "BoltIcon";
-
-// src/primitives/icon/svg/check-circle.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var CheckCircleIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", { clipPath: "url(#clip0_check_circle)", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "path",
-          {
-            d: "M12 0C5.383 0 0 5.383 0 12C0 18.617 5.383 24 12 24C18.617 24 24 18.617 24 12C24 5.383 18.617 0 12 0ZM18.2 10.512L13.774 14.857C12.991 15.625 11.983 16.008 10.974 16.008C9.976 16.008 8.978 15.632 8.198 14.879L6.299 13.012C5.905 12.625 5.9 11.992 6.287 11.598C6.673 11.203 7.308 11.198 7.701 11.586L9.594 13.447C10.37 14.197 11.595 14.193 12.375 13.429L16.8 9.085C17.193 8.697 17.824 8.704 18.214 9.098C18.601 9.492 18.595 10.125 18.2 10.512Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("clipPath", { id: "clip0_check_circle", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-CheckCircleIcon.displayName = "CheckCircleIcon";
-
-// src/primitives/icon/svg/chevron-down.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ChevronDownIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 14 14",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "path",
-          {
-            d: "M3.25 5.25L7 9L10.75 5.25",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-ChevronDownIcon.displayName = "ChevronDownIcon";
-
-// src/primitives/icon/svg/chevron-left.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var ChevronLeftIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "path",
-          {
-            d: "M10.5999 12.6786C10.5061 12.5856 10.4317 12.475 10.381 12.3531C10.3302 12.2313 10.3041 12.1006 10.3041 11.9686C10.3041 11.8366 10.3302 11.7058 10.381 11.584C10.4317 11.4621 10.5061 11.3515 10.5999 11.2586L15.1899 6.67857C15.2836 6.5856 15.358 6.475 15.4088 6.35314C15.4595 6.23128 15.4857 6.10058 15.4857 5.96857C15.4857 5.83655 15.4595 5.70585 15.4088 5.58399C15.358 5.46213 15.2836 5.35153 15.1899 5.25857C15.0025 5.07231 14.749 4.96777 14.4849 4.96777C14.2207 4.96777 13.9672 5.07231 13.7799 5.25857L9.18986 9.84857C8.62806 10.4111 8.3125 11.1736 8.3125 11.9686C8.3125 12.7636 8.62806 13.5261 9.18986 14.0886L13.7799 18.6786C13.9661 18.8633 14.2175 18.9675 14.4799 18.9686C14.6115 18.9693 14.7419 18.9441 14.8638 18.8943C14.9856 18.8446 15.0964 18.7712 15.1899 18.6786C15.2836 18.5856 15.358 18.475 15.4088 18.3531C15.4595 18.2313 15.4857 18.1006 15.4857 17.9686C15.4857 17.8366 15.4595 17.7058 15.4088 17.584C15.358 17.4621 15.2836 17.3515 15.1899 17.2586L10.5999 12.6786Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-ChevronLeftIcon.displayName = "ChevronLeftIcon";
-
-// src/primitives/icon/svg/chevron-right.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var ChevronRightIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "path",
-          {
-            d: "M10.2665 6.56563L7.20654 3.50563C7.08163 3.38146 6.91266 3.31177 6.73653 3.31177C6.56041 3.31177 6.39144 3.38146 6.26653 3.50563C6.20405 3.5676 6.15445 3.64134 6.12061 3.72258C6.08676 3.80382 6.06934 3.89095 6.06934 3.97896C6.06934 4.06697 6.08676 4.15411 6.12061 4.23535C6.15445 4.31659 6.20405 4.39032 6.26653 4.4523L9.3332 7.50563C9.39569 7.5676 9.44528 7.64134 9.47913 7.72258C9.51298 7.80382 9.5304 7.89095 9.5304 7.97896C9.5304 8.06697 9.51298 8.15411 9.47913 8.23535C9.44528 8.31659 9.39569 8.39032 9.3332 8.4523L6.26653 11.5056C6.141 11.6303 6.07012 11.7997 6.0695 11.9766C6.06887 12.1535 6.13855 12.3234 6.2632 12.449C6.38785 12.5745 6.55727 12.6454 6.73418 12.646C6.91109 12.6466 7.081 12.5769 7.20654 12.4523L10.2665 9.3923C10.6411 9.0173 10.8514 8.50896 10.8514 7.97896C10.8514 7.44896 10.6411 6.94063 10.2665 6.56563Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-ChevronRightIcon.displayName = "ChevronRightIcon";
-
-// src/primitives/icon/svg/chevron-up.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var ChevronUpIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 14 14",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "path",
-          {
-            d: "M3.25 8.75L7 5L10.75 8.75",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-ChevronUpIcon.displayName = "ChevronUpIcon";
-
-// src/primitives/icon/svg/close.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var CloseIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          "path",
-          {
-            d: "M12 4L4 12M4 4l8 8",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-CloseIcon.displayName = "CloseIcon";
-
-// src/primitives/icon/svg/copy.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var CopyIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("g", { clipPath: "url(#clip0_copy)", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "path",
-          {
-            d: "M10 13.3333H3.33333C2.4496 13.3323 1.60237 12.9807 0.97748 12.3559C0.352588 11.731 0.00105857 10.8837 0 10L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L10 0C10.8837 0.00105857 11.731 0.352588 12.3559 0.97748C12.9807 1.60237 13.3323 2.4496 13.3333 3.33333V10C13.3323 10.8837 12.9807 11.731 12.3559 12.3559C11.731 12.9807 10.8837 13.3323 10 13.3333ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V10C1.33333 10.5304 1.54405 11.0391 1.91912 11.4142C2.29419 11.7893 2.8029 12 3.33333 12H10C10.5304 12 11.0391 11.7893 11.4142 11.4142C11.7893 11.0391 12 10.5304 12 10V3.33333C12 2.8029 11.7893 2.29419 11.4142 1.91912C11.0391 1.54405 10.5304 1.33333 10 1.33333H3.33333ZM16 12.6667V4C16 3.82319 15.9298 3.65362 15.8047 3.5286C15.6797 3.40357 15.5101 3.33333 15.3333 3.33333C15.1565 3.33333 14.987 3.40357 14.8619 3.5286C14.7369 3.65362 14.6667 3.82319 14.6667 4V12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667H4C3.82319 14.6667 3.65362 14.7369 3.5286 14.8619C3.40357 14.987 3.33333 15.1565 3.33333 15.3333C3.33333 15.5101 3.40357 15.6797 3.5286 15.8047C3.65362 15.9298 3.82319 16 4 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("clipPath", { id: "clip0_copy", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-CopyIcon.displayName = "CopyIcon";
-
-// src/primitives/icon/svg/create-account.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var CreateAccountIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      width: "28",
-      height: "28",
-      viewBox: "0 0 28 28",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("g", { clipPath: "url(#clip0_create_account)", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "path",
-          {
-            d: "M22.1667 4.66667V0.583333C22.1667 0.261333 22.428 0 22.75 0C23.072 0 23.3333 0.261333 23.3333 0.583333V4.66667H27.4167C27.7387 4.66667 28 4.928 28 5.25C28 5.572 27.7387 5.83333 27.4167 5.83333H23.3333V9.91667C23.3333 10.2387 23.072 10.5 22.75 10.5C22.428 10.5 22.1667 10.2387 22.1667 9.91667V5.83333H18.0833C17.7613 5.83333 17.5 5.572 17.5 5.25C17.5 4.928 17.7613 4.66667 18.0833 4.66667H22.1667ZM18.6667 11.6667C18.6667 14.2403 16.5737 16.3333 14 16.3333C11.4263 16.3333 9.33333 14.2403 9.33333 11.6667C9.33333 9.093 11.4263 7 14 7C16.5737 7 18.6667 9.093 18.6667 11.6667ZM17.5 11.6667C17.5 9.737 15.9297 8.16667 14 8.16667C12.0703 8.16667 10.5 9.737 10.5 11.6667C10.5 13.5963 12.0703 15.1667 14 15.1667C15.9297 15.1667 17.5 13.5963 17.5 11.6667ZM27.3922 9.90617C27.7958 11.2292 28 12.6058 28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C15.4548 0 16.8898 0.221667 18.2607 0.660333C18.5675 0.758333 18.7367 1.08617 18.6387 1.393C18.5395 1.69983 18.2105 1.87017 17.9048 1.771C16.6483 1.36967 15.3335 1.1655 13.9988 1.1655C6.92417 1.16667 1.16667 6.92417 1.16667 14C1.16667 18.5197 3.521 22.4933 7.063 24.78C7.5005 21.3383 10.4417 18.6667 14 18.6667C17.5583 18.6667 20.4995 21.3383 20.937 24.78C24.4778 22.4933 26.8333 18.5197 26.8333 14C26.8333 12.7213 26.6467 11.459 26.2757 10.2468C26.1823 9.93883 26.355 9.61217 26.6642 9.51883C26.9722 9.422 27.2977 9.59933 27.3922 9.90617ZM14 26.8333C16.0918 26.8333 18.0623 26.32 19.8088 25.4287C19.6805 22.3253 17.1348 19.8333 14 19.8333C10.8652 19.8333 8.31833 22.3242 8.19117 25.4287C9.93767 26.32 11.9082 26.8333 14 26.8333Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("clipPath", { id: "clip0_create_account", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-CreateAccountIcon.displayName = "CreateAccountIcon";
-
-// src/primitives/icon/svg/credit-card.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var CreditCardIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          "path",
-          {
-            d: "M19.5 3H4.5C2.019 3 0 5.019 0 7.5V16.5C0 18.981 2.019 21 4.5 21H19.5C21.981 21 24 18.981 24 16.5V7.5C24 5.019 21.981 3 19.5 3ZM1 8H23V10H1V8ZM4.5 4H19.5C21.258 4 22.704 5.308 22.949 7H1.051C1.296 5.308 2.742 4 4.5 4ZM19.5 20H4.5C2.57 20 1 18.43 1 16.5V11H23V16.5C23 18.43 21.43 20 19.5 20ZM5 14C3.897 14 3 14.897 3 16C3 17.103 3.897 18 5 18C6.103 18 7 17.103 7 16C7 14.897 6.103 14 5 14ZM5 17C4.449 17 4 16.552 4 16C4 15.448 4.449 15 5 15C5.551 15 6 15.448 6 16C6 16.552 5.551 17 5 17Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-CreditCardIcon.displayName = "CreditCardIcon";
-
-// src/primitives/icon/svg/disconnect.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var DisconnectIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "path",
-          {
-            d: "M6.5 3H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.5",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "path",
-          {
-            d: "M9.5 5.5 12 8m0 0-2.5 2.5M12 8H6",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-DisconnectIcon.displayName = "DisconnectIcon";
-
-// src/primitives/icon/svg/dots-horizontal.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var DotsHorizontalIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "3.5", cy: "8", r: "1.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "12.5", cy: "8", r: "1.25", fill: "currentColor" })
-      ]
-    })
-  );
-};
-DotsHorizontalIcon.displayName = "DotsHorizontalIcon";
-
-// src/primitives/icon/svg/document.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var DocumentIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("g", { clipPath: "url(#document-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          "path",
-          {
-            d: "M11.3335 9.33335C11.3335 9.51016 11.2633 9.67973 11.1382 9.80475C11.0132 9.92978 10.8436 10 10.6668 10H5.3335C5.15669 10 4.98712 9.92978 4.86209 9.80475C4.73707 9.67973 4.66683 9.51016 4.66683 9.33335C4.66683 9.15654 4.73707 8.98697 4.86209 8.86194C4.98712 8.73692 5.15669 8.66668 5.3335 8.66668H10.6668C10.8436 8.66668 11.0132 8.73692 11.1382 8.86194C11.2633 8.98697 11.3335 9.15654 11.3335 9.33335ZM8.66683 11.3333H5.3335C5.15669 11.3333 4.98712 11.4036 4.86209 11.5286C4.73707 11.6536 4.66683 11.8232 4.66683 12C4.66683 12.1768 4.73707 12.3464 4.86209 12.4714C4.98712 12.5964 5.15669 12.6667 5.3335 12.6667H8.66683C8.84364 12.6667 9.01321 12.5964 9.13823 12.4714C9.26326 12.3464 9.3335 12.1768 9.3335 12C9.3335 11.8232 9.26326 11.6536 9.13823 11.5286C9.01321 11.4036 8.84364 11.3333 8.66683 11.3333ZM14.6668 6.99002V12.6667C14.6658 13.5504 14.3142 14.3976 13.6894 15.0225C13.0645 15.6474 12.2172 15.999 11.3335 16H4.66683C3.7831 15.999 2.93587 15.6474 2.31098 15.0225C1.68608 14.3976 1.33455 13.5504 1.3335 12.6667V3.33335C1.33455 2.44962 1.68608 1.60239 2.31098 0.977495C2.93587 0.352603 3.7831 0.00107394 4.66683 1.53658e-05H7.67683C8.28991 -0.00156258 8.89722 0.118407 9.46365 0.352988C10.0301 0.587569 10.5444 0.932107 10.9768 1.36668L13.2995 3.69068C13.7343 4.12284 14.0791 4.63699 14.3138 5.20333C14.5485 5.76968 14.6685 6.37696 14.6668 6.99002ZM10.0342 2.30935C9.82435 2.10612 9.58879 1.9313 9.3335 1.78935V4.66668C9.3335 4.84349 9.40373 5.01306 9.52876 5.13809C9.65378 5.26311 9.82335 5.33335 10.0002 5.33335H12.8775C12.7355 5.07814 12.5604 4.84278 12.3568 4.63335L10.0342 2.30935ZM13.3335 6.99002C13.3335 6.88002 13.3122 6.77468 13.3022 6.66668H10.0002C9.46973 6.66668 8.96102 6.45597 8.58595 6.0809C8.21088 5.70582 8.00016 5.19711 8.00016 4.66668V1.36468C7.89216 1.35468 7.78616 1.33335 7.67683 1.33335H4.66683C4.1364 1.33335 3.62769 1.54406 3.25262 1.91914C2.87754 2.29421 2.66683 2.80292 2.66683 3.33335V12.6667C2.66683 13.1971 2.87754 13.7058 3.25262 14.0809C3.62769 14.456 4.1364 14.6667 4.66683 14.6667H11.3335C11.8639 14.6667 12.3726 14.456 12.7477 14.0809C13.1228 13.7058 13.3335 13.1971 13.3335 12.6667V6.99002Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("clipPath", { id: "document-clip", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-DocumentIcon.displayName = "DocumentIcon";
-
-// src/primitives/icon/svg/download.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var DownloadIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          "path",
-          {
-            d: "M8 2.5v7m0 0 2.5-2.5M8 9.5 5.5 7",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M2.5 12.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-      ]
-    })
-  );
-};
-DownloadIcon.displayName = "DownloadIcon";
-
-// src/primitives/icon/svg/external-link.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var ExternalLinkIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 14 14",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("g", { clipPath: "url(#clip0_422_235)", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          "path",
-          {
-            d: "M11.6667 6.41667V11.0833C11.6667 12.6916 10.3582 14 8.75 14H2.91667C1.30842 14 0 12.6916 0 11.0833V5.25C0 3.64175 1.30842 2.33333 2.91667 2.33333H7.58333C7.90533 2.33333 8.16667 2.59467 8.16667 2.91667C8.16667 3.23867 7.90533 3.5 7.58333 3.5H2.91667C1.95183 3.5 1.16667 4.28517 1.16667 5.25V11.0833C1.16667 12.0482 1.95183 12.8333 2.91667 12.8333H8.75C9.71483 12.8333 10.5 12.0482 10.5 11.0833V6.41667C10.5 6.09467 10.7613 5.83333 11.0833 5.83333C11.4053 5.83333 11.6667 6.09467 11.6667 6.41667ZM12.25 0H8.16667C7.84467 0 7.58333 0.261333 7.58333 0.583333C7.58333 0.905333 7.84467 1.16667 8.16667 1.16667H12.0085L4.83758 8.33758C4.6095 8.56567 4.6095 8.93433 4.83758 9.16242C4.95133 9.27617 5.10067 9.33333 5.25 9.33333C5.39933 9.33333 5.54867 9.27617 5.66242 9.16242L12.8333 1.9915V5.83333C12.8333 6.15533 13.0947 6.41667 13.4167 6.41667C13.7387 6.41667 14 6.15533 14 5.83333V1.75C14 0.785167 13.2148 0 12.25 0Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("clipPath", { id: "clip0_422_235", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-ExternalLinkIcon.displayName = "ExternalLinkIcon";
-
-// src/primitives/icon/svg/info.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var InfoIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 12 12",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("g", { clipPath: "url(#info_clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            "path",
-            {
-              d: "M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456726 3.7039C0.00259972 4.80026 -0.11622 6.00666 0.115291 7.17054C0.346802 8.33443 0.918247 9.40353 1.75736 10.2426C2.59648 11.0818 3.66558 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0892 10.3295 10.3201 10.9888 9.33342C11.6481 8.34673 12 7.18669 12 6C11.9983 4.40923 11.3656 2.88411 10.2407 1.75926C9.1159 0.634414 7.59077 0.00172054 6 0ZM6 11C5.0111 11 4.0444 10.7068 3.22215 10.1573C2.39991 9.60794 1.75904 8.82705 1.38061 7.91342C1.00217 6.99979 0.90315 5.99445 1.09608 5.02455C1.289 4.05464 1.76521 3.16373 2.46447 2.46447C3.16373 1.7652 4.05465 1.289 5.02455 1.09607C5.99446 0.903148 6.99979 1.00216 7.91342 1.3806C8.82705 1.75904 9.60794 2.3999 10.1574 3.22215C10.7068 4.04439 11 5.01109 11 6C10.9985 7.32564 10.4713 8.59656 9.53393 9.53393C8.59656 10.4713 7.32564 10.9985 6 11Z",
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            "path",
-            {
-              d: "M6 5H5.5C5.36739 5 5.24021 5.05268 5.14645 5.14645C5.05268 5.24021 5 5.36739 5 5.5C5 5.63261 5.05268 5.75979 5.14645 5.85355C5.24021 5.94732 5.36739 6 5.5 6H6V9C6 9.13261 6.05268 9.25979 6.14645 9.35355C6.24021 9.44732 6.36739 9.5 6.5 9.5C6.63261 9.5 6.75979 9.44732 6.85355 9.35355C6.94732 9.25979 7 9.13261 7 9V6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5Z",
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            "path",
-            {
-              d: "M6 4C6.41421 4 6.75 3.66421 6.75 3.25C6.75 2.83579 6.41421 2.5 6 2.5C5.58579 2.5 5.25 2.83579 5.25 3.25C5.25 3.66421 5.58579 4 6 4Z",
-              fill: "currentColor"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-InfoIcon.displayName = "InfoIcon";
-
-// src/primitives/icon/icon.constants.ts
-var iconSizeClasses = {
-  small: "h-4 w-4",
-  medium: "h-6 w-6",
-  large: "h-8 w-8"
-};
-
-// src/primitives/icon/svg/check-badge.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var CheckBadgeIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          "path",
-          {
-            d: "M15.4173 6.57883L13.9833 5.14283V3.9975C13.9833 2.89683 13.0886 2.00083 11.9893 2.00083H10.8453L9.4113 0.5655C8.6573 -0.1885 7.34397 -0.1885 6.59063 0.5655L5.15663 2.00083H4.01263C2.91263 2.00083 2.01863 2.89617 2.01863 3.9975V5.14283L0.583965 6.57883C-0.192702 7.3575 -0.192702 8.6235 0.583965 9.40217L2.01796 10.8382V11.9835C2.01796 13.0842 2.91263 13.9802 4.01196 13.9802H5.15596L6.58997 15.4155C6.96663 15.7922 7.46797 16.0002 8.00063 16.0002C8.5333 16.0002 9.03397 15.7922 9.41063 15.4155L10.8446 13.9802H11.9886C13.0886 13.9802 13.9826 13.0848 13.9826 11.9835V10.8382L15.4173 9.40217C16.194 8.6235 16.194 7.3575 15.4173 6.57883ZM12.136 6.8075L8.76663 10.1375C8.3573 10.5442 7.81797 10.7482 7.2793 10.7482C6.74063 10.7482 6.20396 10.5448 5.7933 10.1395L4.06063 8.4735C3.7993 8.21417 3.79663 7.79283 4.05596 7.53083C4.31596 7.27017 4.73663 7.26683 4.9993 7.52617L6.7313 9.1915C7.0333 9.49083 7.52463 9.4915 7.8273 9.1915L11.1973 5.86083C11.46 5.60083 11.8813 5.6035 12.1406 5.8655C12.4 6.1275 12.3973 6.54817 12.136 6.8075Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-CheckBadgeIcon.displayName = "CheckBadgeIcon";
-
-// src/primitives/icon/svg/discord.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var DiscordIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 20 20",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          "path",
-          {
-            d: "M16.3546 4.49236C15.1858 3.95607 13.9329 3.56111 12.6227 3.33499C12.599 3.3304 12.5754 3.34186 12.5624 3.36325C12.4012 3.64973 12.2224 4.02406 12.0979 4.31742C10.6884 4.10657 9.28659 4.10657 7.90615 4.31742C7.78162 4.01719 7.59598 3.64973 7.43479 3.36325C7.42181 3.34186 7.39812 3.33117 7.37444 3.33499C6.06504 3.56035 4.81218 3.95531 3.64258 4.49236C3.63265 4.49618 3.62348 4.50382 3.61813 4.51298C1.24151 8.06379 0.589865 11.5275 0.909193 14.9484C0.910721 14.9653 0.919888 14.9813 0.932875 14.9912C2.50125 16.1433 4.01997 16.8423 5.51119 17.3052C5.53487 17.3128 5.56008 17.3037 5.57536 17.2838C5.9283 16.8025 6.24228 16.2945 6.51195 15.7605C6.52799 15.7292 6.51271 15.6918 6.47986 15.6795C5.98101 15.4901 5.5066 15.2594 5.04976 14.9981C5.01386 14.9767 5.0108 14.9255 5.04365 14.9003C5.13991 14.8285 5.23617 14.7536 5.32784 14.678C5.34465 14.6643 5.36756 14.6612 5.38743 14.6704C8.38819 16.0401 11.6365 16.0401 14.6013 14.6704C14.6212 14.6612 14.6441 14.6635 14.6617 14.678C14.7534 14.7536 14.8496 14.8293 14.9466 14.9011C14.9803 14.9255 14.978 14.9775 14.9413 14.9989C14.4845 15.2655 14.01 15.4916 13.5104 15.6795C13.4776 15.6918 13.4638 15.73 13.4791 15.7613C13.7541 16.2945 14.0689 16.8025 14.4149 17.2838C14.4295 17.3044 14.4554 17.3128 14.4791 17.306C15.9772 16.8423 17.4967 16.1433 19.0643 14.992C19.078 14.9821 19.0865 14.9668 19.088 14.95C19.4699 10.995 18.4478 7.55959 16.3775 4.51451C16.3737 4.50382 16.3645 4.49618 16.3546 4.49236ZM6.96038 12.8659C6.05664 12.8659 5.31256 12.0363 5.31256 11.018C5.31256 9.99962 6.04213 9.16998 6.96038 9.16998C7.88552 9.16998 8.62272 10.0065 8.60821 11.018C8.60821 12.0371 7.87788 12.8659 6.96038 12.8659ZM13.0528 12.8659C12.1498 12.8659 11.405 12.0363 11.405 11.018C11.405 9.99962 12.1346 9.16998 13.0528 9.16998C13.978 9.16998 14.7152 10.0065 14.7007 11.018C14.7007 12.0371 13.978 12.8659 13.0528 12.8659Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-DiscordIcon.displayName = "DiscordIcon";
-
-// src/primitives/icon/svg/email.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var EmailIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 20 20",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          "path",
-          {
-            d: "M3.33333 3.33398H16.6667C17.5833 3.33398 18.3333 4.08398 18.3333 5.00065V15.0007C18.3333 15.9173 17.5833 16.6673 16.6667 16.6673H3.33333C2.41667 16.6673 1.66667 15.9173 1.66667 15.0007V5.00065C1.66667 4.08398 2.41667 3.33398 3.33333 3.33398Z",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          "path",
-          {
-            d: "M18.3333 5L10 10.8333L1.66667 5",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-EmailIcon.displayName = "EmailIcon";
-
-// src/primitives/icon/svg/link-accounts.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var LinkAccountsIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      width: "28",
-      height: "28",
-      viewBox: "0 0 28 28",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          "path",
-          {
-            d: "M28 18.0835C28 22.2648 24.598 25.6668 20.4167 25.6668H14.5833C10.402 25.6668 7 22.2648 7 18.0835C7 13.9022 10.402 10.5002 14.5833 10.5002H16.9167C17.2387 10.5002 17.5 10.7615 17.5 11.0835C17.5 11.4055 17.2387 11.6668 16.9167 11.6668H14.5833C11.0448 11.6668 8.16667 14.5462 8.16667 18.0835C8.16667 21.6208 11.0448 24.5002 14.5833 24.5002H20.4167C23.9552 24.5002 26.8333 21.6208 26.8333 18.0835C26.8333 15.7992 25.6037 13.67 23.625 12.5243C23.3462 12.3633 23.2505 12.0063 23.4127 11.7275C23.5725 11.4487 23.9283 11.3507 24.2095 11.514C26.5475 12.8662 28.0012 15.3827 28.0012 18.0823L28 18.0835ZM4.375 15.476C2.39517 14.3315 1.16667 12.2012 1.16667 9.91683C1.16667 6.3795 4.04483 3.50016 7.58333 3.50016H13.4167C16.9552 3.50016 19.8333 6.3795 19.8333 9.91683C19.8333 13.4542 16.9552 16.3335 13.4167 16.3335H11.0833C10.7613 16.3335 10.5 16.5948 10.5 16.9168C10.5 17.2388 10.7613 17.5002 11.0833 17.5002H13.4167C17.598 17.5002 21 14.0982 21 9.91683C21 5.7355 17.598 2.3335 13.4167 2.3335H7.58333C3.402 2.3335 0 5.7355 0 9.91683C0 12.6153 1.4525 15.133 3.79167 16.4852C4.0705 16.6462 4.4275 16.5517 4.5885 16.2717C4.75067 15.994 4.655 15.6358 4.37617 15.4748L4.375 15.476Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-LinkAccountsIcon.displayName = "LinkAccountsIcon";
-
-// src/primitives/icon/svg/pencil.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var PencilIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          "path",
-          {
-            d: "M15.2353 0.706709C14.7821 0.254173 14.1678 0 13.5273 0C12.8869 0 12.2726 0.254173 11.8193 0.706709L0.976677 11.5494C0.666178 11.8581 0.419985 12.2254 0.252342 12.6299C0.0846994 13.0344 -0.00106532 13.4682 9.98748e-06 13.906V15.2747C9.98748e-06 15.4515 0.0702479 15.6211 0.195272 15.7461C0.320296 15.8711 0.489866 15.9414 0.666677 15.9414H2.03534C2.47318 15.9426 2.90692 15.857 3.31145 15.6895C3.71597 15.5219 4.08325 15.2758 4.39201 14.9654L15.2353 4.12204C15.6877 3.66884 15.9417 3.05469 15.9417 2.41438C15.9417 1.77406 15.6877 1.15991 15.2353 0.706709ZM3.44934 14.0227C3.07335 14.3962 2.56532 14.6065 2.03534 14.608H1.33334V13.906C1.33267 13.6433 1.38411 13.3831 1.4847 13.1403C1.58529 12.8976 1.73302 12.6773 1.91934 12.492L10.148 4.26338L11.6813 5.79671L3.44934 14.0227ZM14.292 3.17938L12.6213 4.85071L11.088 3.32071L12.7593 1.64938C12.86 1.54891 12.9795 1.46927 13.111 1.41498C13.2424 1.3607 13.3833 1.33284 13.5255 1.33299C13.6678 1.33314 13.8086 1.36131 13.9399 1.41588C14.0712 1.47045 14.1905 1.55036 14.291 1.65104C14.3915 1.75172 14.4711 1.8712 14.5254 2.00266C14.5797 2.13413 14.6076 2.27499 14.6074 2.41722C14.6072 2.55945 14.5791 2.70025 14.5245 2.8316C14.4699 2.96294 14.39 3.08225 14.2893 3.18271L14.292 3.17938Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-PencilIcon.displayName = "PencilIcon";
-
-// src/primitives/icon/svg/play-square.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var PlaySquareIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          "path",
-          {
-            d: "M12.6667 16H3.33333C2.4496 15.9989 1.60237 15.6474 0.97748 15.0225C0.352588 14.3976 0.00105857 13.5504 0 12.6667L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L12.6667 0C13.5504 0.00105857 14.3976 0.352588 15.0225 0.97748C15.6474 1.60237 15.9989 2.4496 16 3.33333V12.6667C15.9989 13.5504 15.6474 14.3976 15.0225 15.0225C14.3976 15.6474 13.5504 15.9989 12.6667 16ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V12.6667C1.33333 13.1971 1.54405 13.7058 1.91912 14.0809C2.29419 14.456 2.8029 14.6667 3.33333 14.6667H12.6667C13.1971 14.6667 13.7058 14.456 14.0809 14.0809C14.456 13.7058 14.6667 13.1971 14.6667 12.6667V3.33333C14.6667 2.8029 14.456 2.29419 14.0809 1.91912C13.7058 1.54405 13.1971 1.33333 12.6667 1.33333H3.33333ZM6.228 11.3367C5.95008 11.3357 5.67734 11.2615 5.43733 11.1213C5.20023 10.9856 5.00344 10.7894 4.86709 10.5526C4.73074 10.3159 4.65973 10.0472 4.66133 9.774V6.226C4.66111 5.95276 4.73274 5.68427 4.86905 5.44746C5.00537 5.21066 5.20156 5.01386 5.43794 4.87683C5.67433 4.73979 5.9426 4.66733 6.21584 4.66672C6.48907 4.6661 6.75767 4.73736 6.99467 4.87333L10.5133 6.63C10.7577 6.76194 10.9624 6.95685 11.1062 7.19452C11.2499 7.4322 11.3274 7.70399 11.3308 7.98172C11.3341 8.25946 11.2631 8.53303 11.1251 8.77408C10.9871 9.01514 10.7872 9.2149 10.546 9.35267L6.962 11.144C6.73847 11.2715 6.48533 11.3379 6.228 11.3367ZM6.21133 6.00333C6.17459 6.00332 6.13849 6.01298 6.10667 6.03133C6.07209 6.05056 6.0434 6.07884 6.02367 6.11313C6.00394 6.14743 5.99391 6.18644 5.99467 6.226V9.774C5.99489 9.81297 6.00525 9.85121 6.02473 9.88497C6.0442 9.91872 6.07212 9.94683 6.10574 9.96653C6.13936 9.98624 6.17753 9.99686 6.2165 9.99735C6.25547 9.99784 6.29389 9.98818 6.328 9.96933L9.912 8.17733C9.93869 8.15646 9.95992 8.12941 9.97385 8.09852C9.98779 8.06764 9.99401 8.03383 9.992 8C9.99284 7.96035 9.98277 7.92123 9.96291 7.8869C9.94304 7.85258 9.91413 7.82436 9.87933 7.80533L6.36333 6.04867C6.31749 6.02054 6.26509 6.00492 6.21133 6.00333Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-PlaySquareIcon.displayName = "PlaySquareIcon";
-
-// src/primitives/icon/svg/profile.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var ProfileIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 21 28",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          "path",
-          {
-            d: "M10.5 14C14.3605 14 17.5 10.8605 17.5 7C17.5 3.1395 14.3605 0 10.5 0C6.6395 0 3.5 3.1395 3.5 7C3.5 10.8605 6.6395 14 10.5 14ZM10.5 1.16667C13.7165 1.16667 16.3333 3.7835 16.3333 7C16.3333 10.2165 13.7165 12.8333 10.5 12.8333C7.2835 12.8333 4.66667 10.2165 4.66667 7C4.66667 3.7835 7.2835 1.16667 10.5 1.16667ZM21 26.8333V27.4167C21 27.7387 20.7387 28 20.4167 28C20.0947 28 19.8333 27.7387 19.8333 27.4167V26.8333C19.8333 21.6872 15.6462 17.5 10.5 17.5C5.35383 17.5 1.16667 21.6872 1.16667 26.8333V27.4167C1.16667 27.7387 0.905333 28 0.583333 28C0.261333 28 0 27.7387 0 27.4167V26.8333C0 21.0443 4.711 16.3333 10.5 16.3333C16.289 16.3333 21 21.0443 21 26.8333Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-ProfileIcon.displayName = "ProfileIcon";
-
-// src/primitives/icon/svg/revenue-alt.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var RevenueAltIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 20 20",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          "path",
-          {
-            d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          "path",
-          {
-            d: "M10 5.5V14.5M12.5 7.4C12.5 6.55 11.38 5.86 10 5.86C8.62 5.86 7.5 6.55 7.5 7.4C7.5 8.25 8.62 8.94 10 8.94C11.38 8.94 12.5 9.63 12.5 10.48C12.5 11.33 11.38 12.02 10 12.02C8.62 12.02 7.5 11.33 7.5 10.48",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-RevenueAltIcon.displayName = "RevenueAltIcon";
-
-// src/primitives/icon/svg/search.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var SearchIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          "path",
-          {
-            d: "M7.3335 12.3333C10.0949 12.3333 12.3335 10.0947 12.3335 7.33329C12.3335 4.57187 10.0949 2.33329 7.3335 2.33329C4.57208 2.33329 2.3335 4.57187 2.3335 7.33329C2.3335 10.0947 4.57208 12.3333 7.3335 12.3333Z",
-            stroke: "currentColor",
-            strokeWidth: "1.3",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          "path",
-          {
-            d: "M13.6668 13.6666L11.1667 11.1666",
-            stroke: "currentColor",
-            strokeWidth: "1.3",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-SearchIcon.displayName = "SearchIcon";
-
-// src/primitives/icon/svg/shield-trust.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var ShieldTrustIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-          "path",
-          {
-            d: "M8 1.25L13.5 3.25V7.08C13.5 10.09 11.62 12.74 8 14.75C4.38 12.74 2.5 10.09 2.5 7.08V3.25L8 1.25Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-          "path",
-          {
-            d: "M5.5 8.2L7.2 9.9L10.8 6.3",
-            stroke: "white",
-            strokeWidth: "1.4",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-ShieldTrustIcon.displayName = "ShieldTrustIcon";
-
-// src/primitives/icon/svg/stay-in-control.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var StayInControlIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      width: "28",
-      height: "28",
-      viewBox: "0 0 28 28",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.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",
-              fill: "currentColor"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-StayInControlIcon.displayName = "StayInControlIcon";
-
-// src/primitives/icon/svg/telegram.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var TelegramIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 20 20",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M9.99992 0.833984C4.93763 0.833984 0.833252 4.93836 0.833252 10.0007C0.833252 15.0629 4.93763 19.1673 9.99992 19.1673C15.0622 19.1673 19.1666 15.0629 19.1666 10.0007C19.1666 4.93836 15.0622 0.833984 9.99992 0.833984ZM14.2487 7.06808C14.1112 8.51718 13.5112 12.1296 13.2062 13.7896C13.0762 14.4846 12.8212 14.7146 12.5737 14.7396C12.0362 14.7846 11.6312 14.3846 11.1162 14.0446C10.3162 13.5146 9.86117 13.1896 9.08367 12.6746C8.18367 12.0746 8.77367 11.7446 9.29117 11.2096C9.42867 11.0671 11.7662 8.93464 11.8112 8.73964C11.8168 8.71424 11.8218 8.62214 11.7668 8.57464C11.7118 8.52714 11.6318 8.54464 11.5718 8.55964C11.4868 8.57964 10.1018 9.49464 7.41617 11.3046C7.04867 11.5546 6.71617 11.6771 6.41867 11.6721C6.08867 11.6671 5.45617 11.4846 4.98117 11.3296C4.40117 11.1396 3.94117 11.0396 3.98117 10.7196C4.00117 10.5521 4.23117 10.3821 4.67117 10.2071C7.55617 8.95214 9.44367 8.14214 10.3337 7.77714C13.0812 6.63964 13.6462 6.44464 14.0162 6.43964C14.0962 6.43964 14.2787 6.45964 14.3962 6.55714C14.4937 6.63714 14.5212 6.74464 14.5337 6.81964C14.5212 6.87464 14.5387 7.04964 14.5262 7.06808H14.2487Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-TelegramIcon.displayName = "TelegramIcon";
-
-// src/primitives/icon/svg/triangle-down.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var TriangleDownIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 8 8",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.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",
-              fill: "currentColor"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-TriangleDownIcon.displayName = "TriangleDownIcon";
-
-// src/primitives/icon/svg/triangle-up-filled.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var TriangleUpFilledIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 8 8",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.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",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
-
-// src/primitives/icon/svg/triangle-up.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var TriangleUpIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 8 8",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.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",
-              fill: "currentColor"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-TriangleUpIcon.displayName = "TriangleUpIcon";
-
-// src/primitives/icon/svg/twitter.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var TwitterIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 20 20",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          "path",
-          {
-            d: "M15.2708 1.66602H18.0834L11.9402 8.68539L19.1666 18.2386H13.51L9.07638 12.446L4.00874 18.2386H1.19152L7.76096 10.7288L0.833252 1.66602H6.63346L10.637 6.96053L15.2708 1.66602ZM14.283 16.5573H15.8406L5.78478 3.25949H4.11186L14.283 16.5573Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-TwitterIcon.displayName = "TwitterIcon";
-
-// src/primitives/icon/svg/upload.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var UploadIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          "path",
-          {
-            d: "M8 13.5v-7m0 0 2.5 2.5M8 6.5 5.5 9",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-      ]
-    })
-  );
-};
-UploadIcon.displayName = "UploadIcon";
-
-// src/primitives/icon/svg/wallet-avatar.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-function WalletAvatarIcon(_a) {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      fill: "none",
-      className,
-      viewBox: "0 0 16 16"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
-      ]
-    })
-  );
-}
-WalletAvatarIcon.displayName = "WalletAvatarIcon";
-
-// src/primitives/icon/svg/wallet.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var WalletIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          "path",
-          {
-            d: "M19.5 6H5.25C4.836 6 4.5 5.664 4.5 5.25C4.5 4.836 4.836 4.5 5.25 4.5H19.5C19.914 4.5 20.25 4.164 20.25 3.75C20.25 2.508 19.242 1.5 18 1.5H4.5C2.843 1.5 1.5 2.843 1.5 4.5V19.5C1.5 21.157 2.843 22.5 4.5 22.5H19.5C21.157 22.5 22.5 21.157 22.5 19.5V9C22.5 7.343 21.157 6 19.5 6ZM2.5 4.5C2.5 3.395 3.395 2.5 4.5 2.5H18C18.552 2.5 19.026 2.834 19.199 3.318C19.176 3.312 19.153 3.5 18 3.5H5.25C4.284 3.5 3.5 4.284 3.5 5.25C3.5 5.388 3.519 5.522 3.555 5.649C2.936 5.369 2.5 4.972 2.5 4.5ZM21.5 19.5C21.5 20.605 20.605 21.5 19.5 21.5H4.5C3.395 21.5 2.5 20.605 2.5 19.5V7.04C3.09 7.336 3.771 7 5.25 7H19.5C20.605 7 21.5 7.895 21.5 9V12H18C16.343 12 15 13.343 15 15C15 16.657 16.343 18 18 18H21.5V19.5ZM21.5 17H18C16.895 17 16 16.105 16 15C16 13.895 16.895 13 18 13H21.5V17ZM18 15.75C18.414 15.75 18.75 15.414 18.75 15C18.75 14.586 18.414 14.25 18 14.25C17.586 14.25 17.25 14.586 17.25 15C17.25 15.414 17.586 15.75 18 15.75Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-WalletIcon.displayName = "WalletIcon";
-
-// src/primitives/icon/svg/warning-filled.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var WarningFilledIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime40.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",
-            fill: "currentColor"
-          }
-        )
-      ]
-    })
-  );
-};
-WarningFilledIcon.displayName = "WarningFilledIcon";
-
-// src/primitives/icon/svg/warning.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var WarningIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      width: "14",
-      height: "14",
-      viewBox: "0 0 14 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-          "path",
-          {
-            d: "M6.41665 8.16675V4.66675C6.41665 4.34591 6.67915 4.08341 6.99998 4.08341C7.32082 4.08341 7.58332 4.34591 7.58332 4.66675V8.16675C7.58332 8.48758 7.32082 8.75008 6.99998 8.75008C6.67915 8.75008 6.41665 8.48758 6.41665 8.16675ZM6.99998 9.33341C6.51582 9.33341 6.12498 9.72425 6.12498 10.2084C6.12498 10.6926 6.51582 11.0834 6.99998 11.0834C7.48415 11.0834 7.87498 10.6926 7.87498 10.2084C7.87498 9.72425 7.48415 9.33341 6.99998 9.33341ZM13.755 12.1801C13.3467 12.9676 12.4892 13.4167 11.4158 13.4167H2.58998C1.51082 13.4167 0.659151 12.9676 0.250818 12.1801C-0.163348 11.3867 -0.0466818 10.3717 0.542485 9.52008L5.23248 2.10008C5.64665 1.50508 6.29998 1.16675 6.99998 1.16675C7.69999 1.16675 8.35332 1.50508 8.74998 2.08258L13.4633 9.53175C14.0525 10.3834 14.1633 11.3926 13.7492 12.1801H13.755ZM12.5008 10.1851C12.5008 10.1851 12.4892 10.1734 12.4892 10.1617L7.78165 2.72425C7.61248 2.48508 7.32082 2.33341 6.99998 2.33341C6.67915 2.33341 6.38749 2.48508 6.20665 2.74758L1.51082 10.1617C1.14915 10.6751 1.06748 11.2351 1.27748 11.6376C1.48165 12.0342 1.94832 12.2501 2.58415 12.2501H11.4042C12.04 12.2501 12.5067 12.0342 12.7108 11.6376C12.9208 11.2351 12.8392 10.6751 12.495 10.1851H12.5008Z",
-            fill: "currentColor"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
-      ]
-    })
-  );
-};
-WarningIcon.displayName = "WarningIcon";
-
-// src/primitives/icon/registry.ts
-var iconRegistry = {
-  "arrow-trend-up": ArrowTrendUpIcon,
-  "arrows-to-dot": ArrowsToDotIcon,
-  bank: BankIcon,
-  "best-prices": BestPricesIcon,
-  bolt: BoltIcon,
-  "check-badge": CheckBadgeIcon,
-  "check-circle": CheckCircleIcon,
-  "chevron-down": ChevronDownIcon,
-  "chevron-left": ChevronLeftIcon,
-  "chevron-right": ChevronRightIcon,
-  "chevron-up": ChevronUpIcon,
-  close: CloseIcon,
-  copy: CopyIcon,
-  "create-account": CreateAccountIcon,
-  "credit-card": CreditCardIcon,
-  discord: DiscordIcon,
-  disconnect: DisconnectIcon,
-  document: DocumentIcon,
-  download: DownloadIcon,
-  "dots-horizontal": DotsHorizontalIcon,
-  email: EmailIcon,
-  "external-link": ExternalLinkIcon,
-  info: InfoIcon,
-  "link-accounts": LinkAccountsIcon,
-  pencil: PencilIcon,
-  "play-square": PlaySquareIcon,
-  profile: ProfileIcon,
-  "revenue-alt": RevenueAltIcon,
-  search: SearchIcon,
-  "shield-trust": ShieldTrustIcon,
-  "stay-in-control": StayInControlIcon,
-  telegram: TelegramIcon,
-  "triangle-down": TriangleDownIcon,
-  "triangle-up": TriangleUpIcon,
-  "triangle-up-filled": TriangleUpFilledIcon,
-  twitter: TwitterIcon,
-  upload: UploadIcon,
-  wallet: WalletIcon,
-  "wallet-avatar": WalletAvatarIcon,
-  "warning-filled": WarningFilledIcon,
-  warning: WarningIcon
-};
-var iconNames = Object.keys(iconRegistry);
-
-// src/primitives/icon/icon.utils.ts
-var resolveIconStyle = (color, style) => {
-  if (!color)
-    return style;
-  return __spreadProps(__spreadValues({}, style), {
-    color
-  });
-};
-
-// src/primitives/icon/index.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var Icon = (_a) => {
-  var _b = _a, {
-    name,
-    color,
-    size = "medium",
-    className = "text-agg-primary",
-    style
-  } = _b, props = __objRest(_b, [
-    "name",
-    "color",
-    "size",
-    "className",
-    "style"
-  ]);
-  const Component = iconRegistry[name];
-  const resolvedStyle = resolveIconStyle(color, style);
-  const resolvedClassName = cn(iconSizeClasses[size], className);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    Component,
-    __spreadValues({
-      color,
-      className: cn("group/agg-icon", resolvedClassName),
-      style: resolvedStyle
-    }, props)
-  );
-};
-Icon.displayName = "Icon";
-
-// src/pages/user-profile/user-profile.constants.ts
-var USER_PROFILE_TAB_POSITIONS = "positions";
-var USER_PROFILE_TAB_ACTIVITY = "activity";
-var USER_PROFILE_TIME_RANGES = ["1D", "1W", "1M", "All"];
-var USER_PROFILE_POSITION_FILTERS = [
-  { value: "active", label: "Active" },
-  { value: "closed", label: "Closed" }
-];
-
-// src/pages/user-profile/components/balance-display.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var BalanceDisplay = ({
-  balance,
-  defaultTimeRange = "All",
-  onTimeRangeChange,
-  className
-}) => {
-  var _a, _b;
-  const [activeRange, setActiveRange] = (0, import_react.useState)(defaultTimeRange);
-  const currentBalance = balance == null ? void 0 : balance[activeRange];
-  const handleRangeChange = (range) => {
-    setActiveRange(range);
-    onTimeRangeChange == null ? void 0 : onTimeRangeChange(range);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-    "div",
-    {
-      className: cn(
-        "flex items-end justify-between overflow-clip rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-end gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "agg-type-display text-agg-foreground", children: (_a = currentBalance == null ? void 0 : currentBalance.totalLabel) != null ? _a : "$0.00" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-muted-foreground", children: "Profit/Loss" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              "span",
-              {
-                className: cn(
-                  "font-agg-sans text-agg-base leading-6 font-agg-bold",
-                  (currentBalance == null ? void 0 : currentBalance.isPositive) ? "text-agg-success" : "text-agg-error"
-                ),
-                children: (_b = currentBalance == null ? void 0 : currentBalance.changePercentLabel) != null ? _b : "0%"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              Icon,
-              {
-                name: "triangle-up-filled",
-                size: "small",
-                className: cn(
-                  (currentBalance == null ? void 0 : currentBalance.isPositive) ? "text-agg-success" : "rotate-180 text-agg-error"
-                )
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex w-[100px] items-center justify-between", children: USER_PROFILE_TIME_RANGES.map((range) => {
-          const isActive = range === activeRange;
-          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleRangeChange(range),
-              className: cn(
-                "cursor-pointer bg-transparent font-agg-sans text-agg-sm leading-agg-5",
-                isActive ? "font-agg-bold text-agg-foreground" : "font-agg-normal text-agg-muted-foreground hover:text-agg-foreground"
-              ),
-              children: range
-            },
-            range
-          );
-        }) })
-      ]
-    }
-  );
-};
-BalanceDisplay.displayName = "BalanceDisplay";
-
-// src/primitives/button/index.tsx
-var import_hooks = require("@agg-market/hooks");
-
-// src/primitives/button/button.constants.ts
-var sizeClasses = {
-  small: cn("h-8 px-4 gap-1.5", "text-agg-sm leading-agg-5"),
-  medium: cn("h-9 px-5 gap-1.5", "text-agg-sm leading-agg-5"),
-  large: cn("h-10 px-6 gap-2", "text-agg-base leading-agg-6")
-};
-var iconSizeClasses2 = {
-  small: iconSizeClasses.small,
-  medium: iconSizeClasses.small,
-  large: iconSizeClasses.small
-};
-var iconSlotClasses = {
-  small: "[&_svg]:h-4 [&_svg]:w-4",
-  medium: "[&_svg]:h-4 [&_svg]:w-4",
-  large: "[&_svg]:h-4 [&_svg]:w-4"
-};
-var variantClasses = {
-  primary: cn(
-    "bg-agg-primary text-agg-on-primary",
-    "hover:bg-agg-primary-hover",
-    "disabled:bg-agg-separator disabled:text-agg-on-primary",
-    "focus-visible:ring-agg-primary-hover"
-  ),
-  secondary: cn(
-    "border border-agg-separator bg-agg-secondary text-agg-foreground",
-    "hover:bg-agg-secondary-hover",
-    "disabled:bg-agg-secondary disabled:text-agg-muted-foreground disabled:border-agg-separator",
-    "focus-visible:ring-agg-separator"
-  ),
-  tertiary: cn(
-    "bg-transparent text-agg-primary",
-    "hover:text-agg-primary-hover",
-    "disabled:bg-transparent disabled:text-agg-muted-foreground",
-    "focus-visible:ring-agg-separator",
-    "px-0! py-0! h-fit!"
-  )
-};
-var baseButtonClasses = cn(
-  "cursor-pointer disabled:cursor-not-allowed",
-  "inline-flex items-center justify-center rounded-agg-full font-agg-sans font-agg-bold text-center",
-  "whitespace-nowrap",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
-);
-
-// src/primitives/button/index.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var Button = (_a) => {
-  var _b = _a, {
-    children,
-    variant = "primary",
-    size = "medium",
-    isLoading = false,
-    disabled,
-    prefix,
-    suffix,
-    type = "button",
-    className,
-    "aria-label": ariaLabel
-  } = _b, other = __objRest(_b, [
-    "children",
-    "variant",
-    "size",
-    "isLoading",
-    "disabled",
-    "prefix",
-    "suffix",
-    "type",
-    "className",
-    "aria-label"
-  ]);
-  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
-  const isDisabled = disabled || isLoading;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    "button",
-    __spreadProps(__spreadValues({
-      type,
-      className: cn(
-        "group/agg-button",
-        baseButtonClasses,
-        getMotionClassName(enableAnimations, "transition-colors duration-200 ease-in-out"),
-        sizeClasses[size],
-        iconSlotClasses[size],
-        variantClasses[variant],
-        className
-      ),
-      disabled: isDisabled,
-      "aria-busy": isLoading,
-      "aria-label": ariaLabel
-    }, other), {
-      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        "span",
-        {
-          className: cn(
-            "inline-block rounded-agg-full border-2 border-current border-r-transparent",
-            getMotionClassName(enableAnimations, "animate-spin"),
-            iconSizeClasses2[size]
-          ),
-          "aria-hidden": "true"
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-        prefix != null ? prefix : null,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children }),
-        suffix != null ? suffix : null
-      ] })
-    })
-  );
-};
-Button.displayName = "Button";
-
-// src/primitives/venue-logo/index.tsx
-var import_hooks2 = require("@agg-market/hooks");
-
-// src/primitives/venue-logo/logo-props.ts
-var DEFAULT_MONOCHROME_COLOR = "currentColor";
-var resolveLogoPrimaryColor = ({
-  brandColor,
-  isColor = true,
-  color
-}) => {
-  if (typeof color === "string" && color.trim())
-    return color;
-  if (!isColor)
-    return DEFAULT_MONOCHROME_COLOR;
-  return brandColor;
-};
-
-// src/primitives/venue-logo/svg/logo-kalshi.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var KALSHI_GREEN = "#18C590";
-var LogoKalshiIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: KALSHI_GREEN,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          "path",
-          {
-            d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoKalshiIcon.displayName = "LogoKalshiIcon";
-
-// src/primitives/venue-logo/svg/logo-opinion.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var OPINION_BLACK = "#000000";
-var LogoOpinionIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: OPINION_BLACK,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          "path",
-          {
-            d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoOpinionIcon.displayName = "LogoOpinionIcon";
-
-// src/primitives/venue-logo/svg/logo-polymarket.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var POLYMARKET_BLUE = "#2E5CFF";
-var LogoPolymarketIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: POLYMARKET_BLUE,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-          "path",
-          {
-            d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
-
-// src/primitives/venue-logo/svg/logo-probable.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var PROBABLE_ORANGE = "#F05923";
-var LogoProbableIcon = (_a) => {
-  var _b = _a, {
-    title,
-    className,
-    isColor = true,
-    color
-  } = _b, props = __objRest(_b, [
-    "title",
-    "className",
-    "isColor",
-    "color"
-  ]);
-  const primaryColor = resolveLogoPrimaryColor({
-    brandColor: PROBABLE_ORANGE,
-    isColor,
-    color
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          "path",
-          {
-            d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
-            fill: primaryColor
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          "path",
-          {
-            d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
-            fill: primaryColor
-          }
-        )
-      ]
-    })
-  );
-};
-LogoProbableIcon.displayName = "LogoProbableIcon";
-
-// src/primitives/venue-logo/venue-logo.constants.ts
-var venueLogoRegistry = {
-  kalshi: LogoKalshiIcon,
-  polymarket: LogoPolymarketIcon,
-  opinion: LogoOpinionIcon,
-  probable: LogoProbableIcon
-};
-var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
-var venueLogoUrlRegistry = {
-  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
-  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
-  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
-  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
-};
-var venueLogoNames = Object.keys(venueLogoRegistry);
-var sizeClasses2 = {
-  small: "h-4 w-4",
-  medium: "h-6 w-6",
-  large: "h-8 w-8"
-};
-
-// src/primitives/venue-logo/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var VenueLogo = ({
-  venue,
-  variant = "icon",
-  isColor = true,
-  isMonochromatic = false,
-  color,
-  size = "medium",
-  className,
-  ariaLabel,
-  title
-}) => {
-  const labels = (0, import_hooks2.useLabels)();
-  const sizeClass = sizeClasses2[size];
-  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
-  if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      "img",
-      {
-        src: venueLogoUrlRegistry[venue],
-        alt: resolvedLabel,
-        title,
-        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
-      }
-    );
-  }
-  const Component = venueLogoRegistry[venue];
-  const resolvedIsColor = isMonochromatic ? false : isColor;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-    Component,
-    {
-      className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
-      isColor: resolvedIsColor,
-      color,
-      "aria-label": resolvedLabel,
-      title
-    }
-  );
-};
-VenueLogo.displayName = "VenueLogo";
-
-// src/pages/user-profile/components/balances-card.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var BalancesCard = ({
-  venueBalances = [],
-  onDeposit,
-  onWithdraw,
-  className
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-    "div",
-    {
-      className: cn(
-        "flex flex-col gap-4 rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { className: "agg-type-body-large-strong text-agg-foreground", children: "Balances" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "relative min-h-0 flex-1 overflow-clip", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex max-h-full flex-col gap-3 overflow-y-auto pr-1", children: venueBalances.map((balance, idx) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(VenueLogo, { venue: balance.venue, size: "small" }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground capitalize", children: balance.venue })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-bold text-agg-foreground", children: balance.balanceLabel })
-          ] }, `${balance.venue}-${idx}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            "div",
-            {
-              "aria-hidden": true,
-              className: "pointer-events-none absolute bottom-0 left-0 h-10 w-full bg-gradient-to-b from-transparent to-white"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-3", children: [
-          onDeposit ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { variant: "primary", size: "small", onClick: onDeposit, className: "flex-1", children: "Deposit" }) : null,
-          onWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { variant: "secondary", size: "small", onClick: onWithdraw, className: "flex-1", children: "Withdraw" }) : null
-        ] })
-      ]
-    }
-  );
-};
-BalancesCard.displayName = "BalancesCard";
-
-// src/pages/user-profile/components/positions-activity.tsx
-var import_react4 = require("react");
-
-// src/primitives/tabs/index.tsx
-var import_react3 = require("react");
-var import_hooks4 = require("@agg-market/hooks");
-
-// src/primitives/select/index.tsx
-var import_react2 = require("react");
-var import_hooks3 = require("@agg-market/hooks");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var Select = ({
-  items,
-  value,
-  onChange,
-  ariaLabel,
-  className,
-  disabled = false
-}) => {
-  var _a;
-  const labels = (0, import_hooks3.useLabels)();
-  const { enableAnimations } = (0, import_hooks3.useSdkUiConfig)();
-  const hasEnabledItems = items.some((item) => !item.disabled);
-  const hasAnyIcon = items.some((item) => item.iconUrl);
-  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
-  const containerRef = (0, import_react2.useRef)(null);
-  const close = (0, import_react2.useCallback)(() => setIsOpen(false), []);
-  (0, import_react2.useEffect)(() => {
-    if (!isOpen)
-      return;
-    const handlePointerDown = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e == null ? void 0 : e.target)) {
-        close();
-      }
-    };
-    document.addEventListener("mousedown", handlePointerDown);
-    return () => document.removeEventListener("mousedown", handlePointerDown);
-  }, [isOpen, close]);
-  (0, import_react2.useEffect)(() => {
-    if (!isOpen)
-      return;
-    const handleKey = (e) => {
-      if ((e == null ? void 0 : e.key) === "Escape")
-        close();
-    };
-    document.addEventListener("keydown", handleKey);
-    return () => document.removeEventListener("keydown", handleKey);
-  }, [isOpen, close]);
-  const isDisabled = disabled || !hasEnabledItems;
-  const selectedItem = items.find((item) => item.value === value);
-  if (!hasAnyIcon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-        "select",
-        {
-          "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
-          className: cn(
-            "w-full appearance-none rounded-agg-md border border-agg-separator bg-agg-secondary px-4 py-2 pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
-            getMotionClassName(
-              enableAnimations,
-              "transition-[border-color,box-shadow] duration-200 ease-in-out"
-            ),
-            "focus:border-agg-primary focus:ring-2 focus:ring-agg-primary/15",
-            "disabled:cursor-not-allowed disabled:opacity-60"
-          ),
-          disabled: isDisabled,
-          value,
-          onChange: (event) => onChange(event.target.value),
-          children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-    "div",
-    {
-      ref: containerRef,
-      className: cn("group/agg-select", "relative inline-flex w-full", className),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-          "button",
-          {
-            type: "button",
-            "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
-            "aria-expanded": isOpen,
-            "aria-haspopup": "listbox",
-            disabled: isDisabled,
-            className: cn(
-              "w-full rounded-agg-md border border-agg-separator bg-agg-secondary px-4 py-2 pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
-              "flex items-center gap-2 text-left",
-              getMotionClassName(
-                enableAnimations,
-                "transition-[border-color,box-shadow] duration-200 ease-in-out"
-              ),
-              "focus:border-agg-primary focus:ring-2 focus:ring-agg-primary/15",
-              "disabled:cursor-not-allowed disabled:opacity-60"
-            ),
-            onClick: () => setIsOpen((prev) => !prev),
-            children: [
-              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                "img",
-                {
-                  src: selectedItem.iconUrl,
-                  alt: "",
-                  className: "h-4 w-4 shrink-0 rounded-sm object-contain"
-                }
-              ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
-        isOpen ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          "div",
-          {
-            role: "listbox",
-            "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
-            className: "absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
-            children: items.map((item) => {
-              const isSelected = item.value === value;
-              return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  role: "option",
-                  "aria-selected": isSelected,
-                  disabled: item.disabled,
-                  className: cn(
-                    "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-primary" : "font-agg-normal text-agg-foreground",
-                    item.disabled && "cursor-not-allowed opacity-60"
-                  ),
-                  onClick: () => {
-                    if (!item.disabled) {
-                      onChange(item.value);
-                      close();
-                    }
-                  },
-                  children: [
-                    item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                      "img",
-                      {
-                        src: item.iconUrl,
-                        alt: "",
-                        className: "h-4 w-4 shrink-0 rounded-sm object-contain"
-                      }
-                    ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate", children: item.label })
-                  ]
-                },
-                item.value
-              );
-            })
-          }
-        ) : null
-      ]
-    }
-  );
-};
-Select.displayName = "Select";
-
-// src/primitives/tabs/tabs.utils.ts
-var findNextEnabledIndex = (items, startIndex, direction) => {
-  var _a;
-  if (items.length === 0)
-    return -1;
-  for (let step = 1; step <= items.length; step += 1) {
-    const nextIndex = (startIndex + direction * step + items.length) % items.length;
-    if (!((_a = items[nextIndex]) == null ? void 0 : _a.disabled))
-      return nextIndex;
-  }
-  return -1;
-};
-var findEdgeEnabledIndex = (items, direction) => {
-  var _a;
-  if (direction === 1) {
-    return items.findIndex((item) => !item.disabled);
-  }
-  for (let index = items.length - 1; index >= 0; index -= 1) {
-    if (!((_a = items[index]) == null ? void 0 : _a.disabled))
-      return index;
-  }
-  return -1;
-};
-
-// src/primitives/tabs/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var mobileTabsMediaQuery = "(max-width: 512px)";
-var getTabButtonClassName = ({
-  enableAnimations,
-  isBarVariant,
-  isActive,
-  isDisabled,
-  size
-}) => {
-  const isSmall = size === "s";
-  return cn(
-    "cursor-pointer disabled:cursor-not-allowed",
-    "relative inline-flex h-full shrink-0 items-center justify-center gap-2 font-agg-sans",
-    isBarVariant ? "hover:text-agg-foreground hover:bg-agg-secondary-hover" : "hover:text-agg-foreground hover:font-bold",
-    getMotionClassName(
-      enableAnimations,
-      "transition-[colors] duration-300 ease-in-out motion-reduce:transition-none"
-    ),
-    isBarVariant ? cn(
-      "min-w-20 overflow-hidden border-r border-agg-separator last:border-r-0",
-      isSmall ? "px-3 text-agg-sm leading-agg-5" : "px-4 text-agg-base leading-agg-6"
-    ) : cn(isSmall ? "px-4 text-agg-sm leading-agg-5" : "px-5 text-agg-base leading-agg-6"),
-    isBarVariant && isActive && "font-agg-bold text-agg-primary",
-    isBarVariant && !isActive && "font-agg-normal text-agg-foreground",
-    !isBarVariant && isActive && "font-agg-bold text-agg-primary",
-    !isBarVariant && !isActive && "font-agg-normal text-agg-foreground",
-    isDisabled && "cursor-not-allowed opacity-60"
-  );
-};
-var Tabs = ({
-  items,
-  value,
-  onChange,
-  variant = "bar",
-  size = "m",
-  overflowBehavior,
-  ariaLabel,
-  className,
-  classNames
-}) => {
-  const labels = (0, import_hooks4.useLabels)();
-  const { enableAnimations } = (0, import_hooks4.useSdkUiConfig)();
-  const buttonRefs = (0, import_react3.useRef)([]);
-  const dragStateRef = (0, import_react3.useRef)({
-    isPointerDown: false,
-    isDragging: false,
-    pointerId: null,
-    startClientX: 0,
-    startClientY: 0,
-    startScrollLeft: 0
-  });
-  const suppressClickRef = (0, import_react3.useRef)(false);
-  const resolvedAriaLabel = ariaLabel != null ? ariaLabel : labels.common.tabsAria;
-  const [isMobileViewport, setIsMobileViewport] = (0, import_react3.useState)(false);
-  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react3.useState)(false);
-  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react3.useState)({
-    transform: "translateX(0px)",
-    width: 0,
-    opacity: 0
-  });
-  const [scrollAffordanceState, setScrollAffordanceState] = (0, import_react3.useState)({
-    showStart: false,
-    showEnd: false
-  });
-  const tabListRef = (0, import_react3.useRef)(null);
-  const isBarVariant = variant === "bar";
-  const resolvedOverflowBehavior = (0, import_react3.useMemo)(() => {
-    if (overflowBehavior)
-      return overflowBehavior;
-    if (!isBarVariant)
-      return "scroll";
-    return isMobileViewport ? "select" : "scroll";
-  }, [isBarVariant, isMobileViewport, overflowBehavior]);
-  const shouldUseOverflowScroll = resolvedOverflowBehavior === "scroll";
-  const shouldUseOverflowSelect = resolvedOverflowBehavior === "select";
-  (0, import_react3.useEffect)(() => {
-    if (typeof window === "undefined")
-      return;
-    const mediaQueryList = window.matchMedia(mobileTabsMediaQuery);
-    const handleMediaQueryChange = (event) => {
-      setIsMobileViewport(event.matches);
-    };
-    handleMediaQueryChange(mediaQueryList);
-    if (typeof mediaQueryList.addEventListener === "function") {
-      mediaQueryList.addEventListener("change", handleMediaQueryChange);
-      return () => {
-        mediaQueryList.removeEventListener("change", handleMediaQueryChange);
-      };
-    }
-    mediaQueryList.addListener(handleMediaQueryChange);
-    return () => {
-      mediaQueryList.removeListener(handleMediaQueryChange);
-    };
-  }, []);
-  const updateScrollAffordances = (0, import_react3.useCallback)(() => {
-    if (!shouldUseOverflowScroll) {
-      setScrollAffordanceState({
-        showStart: false,
-        showEnd: false
-      });
-      return;
-    }
-    const tabListElement = tabListRef.current;
-    if (!tabListElement)
-      return;
-    const maxScrollLeft = tabListElement.scrollWidth - tabListElement.clientWidth;
-    setScrollAffordanceState({
-      showStart: tabListElement.scrollLeft > 4,
-      showEnd: maxScrollLeft - tabListElement.scrollLeft > 4
-    });
-  }, [shouldUseOverflowScroll]);
-  const renderedItems = items;
-  const selectItems = (0, import_react3.useMemo)(() => {
-    return items.map((item) => ({
-      value: item.value,
-      label: item.label,
-      disabled: item.disabled
-    }));
-  }, [items]);
-  const isSelectDisabled = !items.some((item) => !item.disabled);
-  const handleSelect = (nextValue) => {
-    if (nextValue === value)
-      return;
-    onChange(nextValue);
-  };
-  const handleMoveFocus = (index) => {
-    var _a;
-    if (index < 0)
-      return;
-    const nextItem = renderedItems[index];
-    if (!nextItem)
-      return;
-    handleSelect(nextItem.value);
-    (_a = buttonRefs.current[index]) == null ? void 0 : _a.focus();
-  };
-  const handleKeyDown = (event, index) => {
-    switch (event == null ? void 0 : event.key) {
-      case "ArrowRight": {
-        event == null ? void 0 : event.preventDefault();
-        handleMoveFocus(findNextEnabledIndex(renderedItems, index, 1));
-        return;
-      }
-      case "ArrowLeft": {
-        event == null ? void 0 : event.preventDefault();
-        handleMoveFocus(findNextEnabledIndex(renderedItems, index, -1));
-        return;
-      }
-      case "Home": {
-        event == null ? void 0 : event.preventDefault();
-        handleMoveFocus(findEdgeEnabledIndex(renderedItems, 1));
-        return;
-      }
-      case "End": {
-        event == null ? void 0 : event.preventDefault();
-        handleMoveFocus(findEdgeEnabledIndex(renderedItems, -1));
-        return;
-      }
-      default:
-        return;
-    }
-  };
-  const tabListClassName = cn(
-    "inline-flex items-stretch bg-agg-secondary",
-    shouldUseOverflowScroll ? cn(
-      "overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-      getMotionClassName(enableAnimations, "scroll-smooth")
-    ) : "overflow-x-auto",
-    isBarVariant ? "h-8 rounded-agg-sm border border-agg-separator" : "h-12 border-b border-agg-separator -mb-[1px]",
-    shouldUseOverflowScroll && "select-none",
-    shouldUseOverflowScroll && !isBarVariant && "snap-x snap-mandatory",
-    shouldUseOverflowScroll && (isDraggingTabs ? "cursor-grabbing" : "cursor-grab")
-  );
-  const handleTabListWheel = (event) => {
-    if (!shouldUseOverflowScroll)
-      return;
-    const tabListElement = event.currentTarget;
-    if (tabListElement.scrollWidth <= tabListElement.clientWidth)
-      return;
-    if (Math.abs(event.deltaX) > Math.abs(event.deltaY))
-      return;
-    event.preventDefault();
-    tabListElement.scrollLeft += event.deltaY;
-  };
-  const handleTabListPointerDown = (event) => {
-    if (!shouldUseOverflowScroll)
-      return;
-    if (event.pointerType !== "mouse")
-      return;
-    if (event.button !== 0)
-      return;
-    const tabListElement = tabListRef.current;
-    if (!tabListElement)
-      return;
-    if (tabListElement.scrollWidth <= tabListElement.clientWidth)
-      return;
-    dragStateRef.current = {
-      isPointerDown: true,
-      isDragging: false,
-      pointerId: event.pointerId,
-      startClientX: event.clientX,
-      startClientY: event.clientY,
-      startScrollLeft: tabListElement.scrollLeft
-    };
-  };
-  const handleTabListPointerMove = (event) => {
-    if (!shouldUseOverflowScroll)
-      return;
-    const dragState = dragStateRef.current;
-    const tabListElement = tabListRef.current;
-    if (!dragState.isPointerDown)
-      return;
-    if (dragState.pointerId !== event.pointerId)
-      return;
-    if (!tabListElement)
-      return;
-    const deltaX = event.clientX - dragState.startClientX;
-    const deltaY = event.clientY - dragState.startClientY;
-    const horizontalDistance = Math.abs(deltaX);
-    const verticalDistance = Math.abs(deltaY);
-    const hasExceededDragThreshold = horizontalDistance > 10 && horizontalDistance > verticalDistance;
-    if (hasExceededDragThreshold && !dragState.isDragging) {
-      dragState.isDragging = true;
-      setIsDraggingTabs(true);
-      tabListElement.setPointerCapture(event.pointerId);
-    }
-    if (!dragState.isDragging)
-      return;
-    event.preventDefault();
-    tabListElement.scrollLeft = dragState.startScrollLeft - deltaX;
-  };
-  const handleEndTabListDrag = (event) => {
-    const dragState = dragStateRef.current;
-    const tabListElement = tabListRef.current;
-    if (!dragState.isPointerDown)
-      return;
-    if (dragState.pointerId !== event.pointerId)
-      return;
-    if (tabListElement == null ? void 0 : tabListElement.hasPointerCapture(event.pointerId)) {
-      tabListElement.releasePointerCapture(event.pointerId);
-    }
-    if (dragState.isDragging) {
-      suppressClickRef.current = true;
-      window.setTimeout(() => {
-        suppressClickRef.current = false;
-      }, 0);
-    }
-    dragStateRef.current = {
-      isPointerDown: false,
-      isDragging: false,
-      pointerId: null,
-      startClientX: 0,
-      startClientY: 0,
-      startScrollLeft: 0
-    };
-    setIsDraggingTabs(false);
-  };
-  const handleTabListClickCapture = (event) => {
-    if (!suppressClickRef.current)
-      return;
-    event == null ? void 0 : event.preventDefault();
-    event == null ? void 0 : event.stopPropagation();
-    suppressClickRef.current = false;
-  };
-  const updateActiveUnderline = (0, import_react3.useCallback)(() => {
-    if (isBarVariant) {
-      setActiveUnderlineStyle({
-        transform: "translateX(0px)",
-        width: 0,
-        opacity: 0
-      });
-      return;
-    }
-    const activeIndex = renderedItems.findIndex((item) => item.value === value);
-    const activeButton = activeIndex >= 0 ? buttonRefs.current[activeIndex] : null;
-    if (!activeButton || !tabListRef.current) {
-      setActiveUnderlineStyle((currentStyle) => __spreadProps(__spreadValues({}, currentStyle), {
-        opacity: 0
-      }));
-      return;
-    }
-    setActiveUnderlineStyle({
-      transform: `translateX(${activeButton.offsetLeft}px)`,
-      width: activeButton.offsetWidth,
-      opacity: 1
-    });
-  }, [isBarVariant, renderedItems, value]);
-  (0, import_react3.useLayoutEffect)(() => {
-    updateActiveUnderline();
-  }, [updateActiveUnderline]);
-  (0, import_react3.useEffect)(() => {
-    if (isBarVariant || !shouldUseOverflowScroll)
-      return;
-    const tabListElement = tabListRef.current;
-    if (!tabListElement)
-      return;
-    const handleScroll = () => {
-      updateActiveUnderline();
-      updateScrollAffordances();
-    };
-    tabListElement.addEventListener("scroll", handleScroll, { passive: true });
-    updateScrollAffordances();
-    return () => {
-      tabListElement.removeEventListener("scroll", handleScroll);
-    };
-  }, [isBarVariant, shouldUseOverflowScroll, updateActiveUnderline, updateScrollAffordances]);
-  (0, import_react3.useEffect)(() => {
-    if (!shouldUseOverflowScroll)
-      return;
-    updateScrollAffordances();
-  }, [renderedItems, shouldUseOverflowScroll, updateScrollAffordances, value]);
-  (0, import_react3.useEffect)(() => {
-    if (isBarVariant && !shouldUseOverflowScroll)
-      return;
-    if (typeof ResizeObserver === "undefined")
-      return;
-    const tabListElement = tabListRef.current;
-    if (!tabListElement)
-      return;
-    const resizeObserver = new ResizeObserver(() => {
-      updateActiveUnderline();
-      updateScrollAffordances();
-    });
-    resizeObserver.observe(tabListElement);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [isBarVariant, shouldUseOverflowScroll, updateActiveUnderline, updateScrollAffordances]);
-  (0, import_react3.useEffect)(() => {
-    if (!shouldUseOverflowScroll)
-      return;
-    const tabListElement = tabListRef.current;
-    if (!tabListElement)
-      return;
-    const activeIndex = renderedItems.findIndex((item) => item.value === value);
-    const activeButton = activeIndex >= 0 ? buttonRefs.current[activeIndex] : null;
-    if (!activeButton)
-      return;
-    if (tabListElement.scrollWidth - tabListElement.clientWidth <= 1)
-      return;
-    const currentScrollLeft = tabListElement.scrollLeft;
-    const currentScrollRight = currentScrollLeft + tabListElement.clientWidth;
-    const activeButtonLeft = activeButton.offsetLeft;
-    const activeButtonRight = activeButtonLeft + activeButton.offsetWidth;
-    let nextScrollLeft = currentScrollLeft;
-    if (activeButtonLeft < currentScrollLeft) {
-      nextScrollLeft = activeButtonLeft;
-    } else if (activeButtonRight > currentScrollRight) {
-      nextScrollLeft = activeButtonRight - tabListElement.clientWidth;
-    }
-    if (Math.abs(nextScrollLeft - currentScrollLeft) < 1)
-      return;
-    tabListElement.scrollTo({
-      left: Math.max(0, nextScrollLeft),
-      behavior: getScrollBehavior(enableAnimations)
-    });
-  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
-  if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-      Select,
-      {
-        ariaLabel,
-        className: "w-full",
-        disabled: isSelectDisabled,
-        items: selectItems,
-        onChange: handleSelect,
-        value
-      }
-    ) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-    "div",
-    {
-      className: cn(
-        "group/agg-tabs",
-        "relative max-w-full items-stretch font-agg-sans bg-agg-secondary",
-        "inline-flex",
-        className,
-        classNames == null ? void 0 : classNames.root
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-          "div",
-          {
-            ref: tabListRef,
-            role: "tablist",
-            "aria-label": resolvedAriaLabel,
-            className: cn("relative", tabListClassName, classNames == null ? void 0 : classNames.tabList),
-            onClickCapture: handleTabListClickCapture,
-            onPointerCancel: handleEndTabListDrag,
-            onPointerDown: handleTabListPointerDown,
-            onPointerMove: handleTabListPointerMove,
-            onPointerUp: handleEndTabListDrag,
-            onWheel: handleTabListWheel,
-            children: [
-              renderedItems.map((item, index) => {
-                const isActive = item.value === value;
-                return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-                  "button",
-                  {
-                    ref: (buttonElement) => {
-                      buttonRefs.current[index] = buttonElement;
-                    },
-                    type: "button",
-                    role: "tab",
-                    tabIndex: isActive ? 0 : -1,
-                    "aria-selected": isActive,
-                    "aria-label": item.label,
-                    disabled: item.disabled,
-                    onClick: (e) => {
-                      e.preventDefault();
-                      e.stopPropagation();
-                      handleSelect(item.value);
-                    },
-                    onKeyDown: (event) => handleKeyDown(event, index),
-                    className: cn(
-                      getTabButtonClassName({
-                        enableAnimations,
-                        isBarVariant,
-                        isActive,
-                        isDisabled: !!item.disabled,
-                        size
-                      }),
-                      shouldUseOverflowScroll && !isBarVariant && "snap-start"
-                    ),
-                    children: [
-                      isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                        "span",
-                        {
-                          "aria-hidden": true,
-                          className: cn(
-                            "pointer-events-none absolute inset-px origin-bottom rounded-[2px] bg-agg-secondary-hover",
-                            getMotionClassName(
-                              enableAnimations,
-                              "transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none"
-                            ),
-                            isActive ? "scale-y-100 opacity-100" : "scale-y-0 opacity-0"
-                          )
-                        }
-                      ) }) : null,
-                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center", children: item.icon }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "relative z-10 truncate whitespace-nowrap [&::first-letter]:uppercase", children: item.label })
-                    ]
-                  },
-                  item.value
-                );
-              }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                "span",
-                {
-                  "aria-hidden": true,
-                  className: cn(
-                    "pointer-events-none absolute bottom-0 left-0 rounded-t-agg-sm bg-agg-primary",
-                    getMotionClassName(
-                      enableAnimations,
-                      "transition-[transform,width,opacity] duration-300 ease-in-out"
-                    ),
-                    "h-[3px]"
-                  ),
-                  style: activeUnderlineStyle
-                }
-              ) : null
-            ]
-          }
-        ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-            "span",
-            {
-              "aria-hidden": true,
-              className: cn(
-                "pointer-events-none absolute top-0 bottom-0 left-8 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
-                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                scrollAffordanceState.showStart ? "opacity-100" : "opacity-0"
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-            "span",
-            {
-              "aria-hidden": true,
-              className: cn(
-                "pointer-events-none absolute top-0 right-8 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
-                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                scrollAffordanceState.showEnd ? "opacity-100" : "opacity-0"
-              )
-            }
-          )
-        ] }) : null
-      ]
-    }
-  );
-};
-Tabs.displayName = "Tabs";
-
-// src/pages/user-profile/components/activity-row.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var ActivityRow = ({ activity, onClick }) => {
-  const handleClick = () => {
-    onClick == null ? void 0 : onClick(activity);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        "flex w-full items-center gap-6 rounded-agg-sm p-0 text-left",
-        "hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:bg-agg-secondary-hover",
-        "cursor-pointer"
-      ),
-      onClick: handleClick,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: activity.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-              "img",
-              {
-                src: activity.thumbnailSrc,
-                alt: "",
-                className: "h-[60px] w-[60px] shrink-0 rounded-agg-sm object-cover"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: activity.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: activity.outcomeLabel }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: activity.sharesLabel })
-              ] })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex w-[120px] shrink-0 flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "font-agg-sans font-agg-bold text-black", children: activity.amountLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "font-agg-sans font-agg-normal text-agg-muted-foreground", children: activity.timeLabel })
-        ] })
-      ]
-    }
-  );
-};
-ActivityRow.displayName = "ActivityRow";
-
-// src/pages/user-profile/components/empty-state.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var EmptyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-  "svg",
-  {
-    width: "40",
-    height: "40",
-    viewBox: "0 0 40 40",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "text-agg-muted-foreground",
-    "aria-hidden": true,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-        "path",
-        {
-          d: "M33.3333 5H6.66667C5.74619 5 5 5.74619 5 6.66667V33.3333C5 34.2538 5.74619 35 6.66667 35H33.3333C34.2538 35 35 34.2538 35 33.3333V6.66667C35 5.74619 34.2538 5 33.3333 5Z",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-        "path",
-        {
-          d: "M14.1667 16.6667C15.5474 16.6667 16.6667 15.5474 16.6667 14.1667C16.6667 12.786 15.5474 11.6667 14.1667 11.6667C12.786 11.6667 11.6667 12.786 11.6667 14.1667C11.6667 15.5474 12.786 16.6667 14.1667 16.6667Z",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-        "path",
-        {
-          d: "M35 25L26.6667 16.6667L6.66667 36.6667",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
-var EmptyState = ({ title, description, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-    "div",
-    {
-      className: cn("flex flex-col items-center justify-center gap-8 p-10", className),
-      role: "status",
-      "aria-live": "polite",
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center text-agg-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal", children: description }) : null
-        ] })
-      ] })
-    }
-  );
-};
-EmptyState.displayName = "EmptyState";
-
-// src/pages/user-profile/components/position-row.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var PositionRow = ({ position, onClick }) => {
-  const handleClick = () => {
-    onClick == null ? void 0 : onClick(position);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        "flex w-full items-center gap-6 rounded-agg-sm p-0 text-left",
-        "hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:bg-agg-secondary-hover",
-        "cursor-pointer"
-      ),
-      onClick: handleClick,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(VenueLogo, { venue: position.venue, size: "small", className: "shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              "img",
-              {
-                src: position.thumbnailSrc,
-                alt: "",
-                className: "h-[60px] w-[60px] shrink-0 rounded-agg-sm object-cover"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: position.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: position.outcomeLabel }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: position.sharesLabel })
-              ] })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.averageLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.currentLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-6 shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex w-[140px] flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "font-agg-sans font-agg-bold text-black", children: position.valueLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              "p",
-              {
-                className: cn(
-                  "font-agg-sans font-agg-normal",
-                  position.isPnlPositive ? "text-[#00c853]" : "text-[#e5455f]"
-                ),
-                children: position.pnlLabel
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "chevron-right", size: "small", className: "shrink-0 text-agg-muted-foreground" })
-        ] })
-      ]
-    }
-  );
-};
-PositionRow.displayName = "PositionRow";
-
-// src/pages/user-profile/components/positions-activity.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var tabItems = [
-  { value: USER_PROFILE_TAB_POSITIONS, label: "Positions" },
-  { value: USER_PROFILE_TAB_ACTIVITY, label: "Activity" }
-];
-var PositionsActivity = ({
-  activePositions = [],
-  closedPositions = [],
-  activities = [],
-  onPositionClick,
-  onActivityClick,
-  className
-}) => {
-  const [activeTab, setActiveTab] = (0, import_react4.useState)(USER_PROFILE_TAB_POSITIONS);
-  const [positionFilter, setPositionFilter] = (0, import_react4.useState)("active");
-  const [searchValue, setSearchValue] = (0, import_react4.useState)("");
-  const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
-  const filteredPositions = (0, import_react4.useMemo)(() => {
-    const positions = positionFilter === "active" ? activePositions : closedPositions;
-    if (!searchValue.trim())
-      return positions;
-    const query = searchValue.toLowerCase();
-    return positions.filter((p) => p.title.toLowerCase().includes(query));
-  }, [activePositions, closedPositions, positionFilter, searchValue]);
-  const filteredActivities = (0, import_react4.useMemo)(() => {
-    if (!searchValue.trim())
-      return activities;
-    const query = searchValue.toLowerCase();
-    return activities.filter((a) => a.title.toLowerCase().includes(query));
-  }, [activities, searchValue]);
-  const handleSearchChange = (event) => {
-    setSearchValue(event.target.value);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-    "div",
-    {
-      className: cn(
-        "flex flex-col items-start overflow-clip rounded-agg-md border border-agg-separator bg-agg-secondary",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-          Tabs,
-          {
-            items: tabItems,
-            value: activeTab,
-            onChange: setActiveTab,
-            variant: "underline",
-            className: "w-full [&>div]:w-full"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex w-full flex-col gap-6 p-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-start gap-5", children: [
-            isPositionsTab ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex h-10 w-[270px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
-              const isActive = filter.value === positionFilter;
-              return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-1 items-stretch", children: [
-                idx > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setPositionFilter(filter.value),
-                    className: cn(
-                      "flex flex-1 items-center justify-center px-4 py-3 font-agg-sans text-agg-base leading-agg-6 cursor-pointer",
-                      isActive ? "bg-agg-secondary-hover font-agg-bold text-agg-primary" : "bg-agg-secondary font-agg-normal text-agg-foreground hover:bg-agg-secondary-hover"
-                    ),
-                    children: filter.label
-                  }
-                )
-              ] }, filter.value);
-            }) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex h-10 w-full items-center gap-3 rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5 focus-within:border-2 focus-within:border-agg-primary", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                "input",
-                {
-                  value: searchValue,
-                  onChange: handleSearchChange,
-                  placeholder: "Search...",
-                  className: cn(
-                    "h-6 w-full min-w-0 border-0 bg-transparent p-0",
-                    "font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground",
-                    "placeholder:text-agg-muted-foreground",
-                    "outline-none focus:outline-none"
-                  )
-                }
-              )
-            ] }) })
-          ] }),
-          isPositionsTab && filteredPositions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-6 px-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Average" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Current" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "w-[184px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Value" })
-          ] }) : null,
-          !isPositionsTab && filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-6 px-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Type" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Amount" })
-          ] }) : null,
-          isPositionsTab ? filteredPositions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex flex-col gap-4", children: filteredPositions.map((position) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PositionRow, { position, onClick: onPositionClick }, position.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            EmptyState,
-            {
-              title: "No positions yet",
-              description: "Your open trades will appear here once you place an order."
-            }
-          ) : filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex flex-col gap-4", children: filteredActivities.map((activity) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ActivityRow, { activity, onClick: onActivityClick }, activity.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            EmptyState,
-            {
-              title: "No activity yet",
-              description: "Your trading activity will appear here."
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-PositionsActivity.displayName = "PositionsActivity";
-
-// src/pages/user-profile/components/default-avatar.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var DefaultAvatar = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "120",
-      height: "120",
-      viewBox: "0 0 120 120",
-      fill: "none",
-      className: cn("shrink-0", className),
-      "aria-hidden": true,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { clipPath: "url(#clip0_default_avatar)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-            "path",
-            {
-              d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-            "path",
-            {
-              d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
-              fill: "black",
-              fillOpacity: "0.1"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-            "path",
-            {
-              d: "M73.7338 64.1259C80.4187 59.6756 84.8276 52.0804 84.8276 43.4487C84.8276 29.7376 73.7111 18.6211 60 18.6211C46.2890 18.6211 35.1724 29.7376 35.1724 43.4487C35.1724 52.0804 39.5814 59.6756 46.2662 64.1259C46.2662 64.1259 46.2683 64.1280 46.2704 64.1280C46.2683 64.1280 46.2683 64.1259 46.2683 64.1259C30.2669 68.9487 17.8076 81.9356 13.7959 98.2742L13.7980 98.2763C14.4518 99.0645 15.1304 99.8342 15.8235 100.589C15.9911 100.774 16.1669 100.949 16.3387 101.129C16.8724 101.696 17.4124 102.255 17.9669 102.801C18.1966 103.027 18.4304 103.244 18.6642 103.465C19.1773 103.954 19.6966 104.436 20.2262 104.905C20.4890 105.137 20.7559 105.367 21.0207 105.594C21.5400 106.039 22.0656 106.476 22.6014 106.902C22.8828 107.127 23.1662 107.349 23.4497 107.570C23.9918 107.988 24.5421 108.394 25.0987 108.791C25.3862 108.996 25.6697 109.205 25.9614 109.405C26.5490 109.811 27.1469 110.200 27.7490 110.585C28.0200 110.756 28.2849 110.934 28.5580 111.104C29.2531 111.532 29.9607 111.942 30.6745 112.343C30.8628 112.449 31.0469 112.562 31.2373 112.666C32.1600 113.171 33.0973 113.655 34.0490 114.112C34.0718 114.122 34.0966 114.133 34.1193 114.143C35.0276 114.578 35.9504 114.989 36.8835 115.378C37.1731 115.500 37.4690 115.608 37.7607 115.724C38.4352 115.993 39.1097 116.258 39.7966 116.502C40.1607 116.632 40.5290 116.750 40.8952 116.874C41.5200 117.085 42.1490 117.290 42.7821 117.478C43.1835 117.598 43.5869 117.710 43.9924 117.822C44.6049 117.991 45.2214 118.153 45.8442 118.304C46.2642 118.405 46.6862 118.502 47.1104 118.596C47.7331 118.732 48.3580 118.856 48.9869 118.972C49.4131 119.051 49.8373 119.131 50.2676 119.200C50.9173 119.305 51.5711 119.394 52.2269 119.479C52.6407 119.533 53.0524 119.593 53.4683 119.636C54.1924 119.715 54.9228 119.771 55.6531 119.822C56.0069 119.847 56.3566 119.885 56.7104 119.903C57.8007 119.965 58.8952 120 60 120C61.1049 120 62.1993 119.965 63.2897 119.907C63.6435 119.889 63.9952 119.851 64.3469 119.827C65.0793 119.775 65.8097 119.719 66.5318 119.640C66.9476 119.595 67.3593 119.537 67.7731 119.483C68.4290 119.398 69.0828 119.309 69.7324 119.204C70.1607 119.134 70.5869 119.055 71.0131 118.976C71.6421 118.860 72.2690 118.736 72.8897 118.600C73.3138 118.507 73.7359 118.409 74.1559 118.308C74.7766 118.157 75.3931 117.996 76.0076 117.826C76.4111 117.714 76.8166 117.602 77.2180 117.482C77.8531 117.292 78.4800 117.087 79.1049 116.878C79.4711 116.754 79.8414 116.636 80.2035 116.506C80.8883 116.260 81.5649 115.997 82.2393 115.728C82.5311 115.612 82.8269 115.502 83.1166 115.382C84.0456 114.994 84.9642 114.586 85.8683 114.151C85.8952 114.139 85.9242 114.127 85.9511 114.114C86.9028 113.657 87.8400 113.173 88.7628 112.668C88.9531 112.565 89.1373 112.451 89.3256 112.345C90.0393 111.944 90.7469 111.534 91.4421 111.106C91.7152 110.938 91.9821 110.760 92.2511 110.587C92.8531 110.202 93.4511 109.811 94.0387 109.407C94.3283 109.207 94.6138 109.000 94.9014 108.793C95.4580 108.394 96.0083 107.988 96.5504 107.572C96.8359 107.353 97.1173 107.129 97.3987 106.904C97.9324 106.478 98.4600 106.041 98.9793 105.596C99.2462 105.369 99.5131 105.139 99.7738 104.907C100.303 104.438 100.823 103.956 101.336 103.467C101.568 103.246 101.803 103.027 102.033 102.803C102.588 102.257 103.130 101.698 103.661 101.131C103.831 100.949 104.007 100.774 104.177 100.591C104.870 99.8363 105.548 99.0666 106.202 98.2783L106.204 98.2763C102.195 81.9356 89.7352 68.9487 73.7338 64.1259Z",
-              fill: "black",
-              fillOpacity: "0.1"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "120", height: "120", fill: "white" }) }) })
-      ]
-    }
-  );
-};
-DefaultAvatar.displayName = "DefaultAvatar";
-
-// src/pages/user-profile/components/user-info-card.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var UserInfoCard = ({
-  user,
-  onEditProfile,
-  className
-}) => {
-  var _a, _b, _c;
-  const evmExchanges = ((_a = user.connectedExchanges) != null ? _a : []).filter((ex) => ex.venue !== "kalshi");
-  const totalExchangeCount = (_c = (_b = user.connectedExchanges) == null ? void 0 : _b.length) != null ? _c : 0;
-  const hasEvmExchanges = evmExchanges.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    "div",
-    {
-      className: cn(
-        "flex flex-col items-start rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
-        className
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-full items-start gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          "img",
-          {
-            src: user.avatarUrl,
-            alt: user.username,
-            className: "h-[120px] w-[120px] rounded-full object-cover"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DefaultAvatar, { className: "h-[120px] w-[120px]" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: user.username }),
-              user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex items-center gap-2", children: user.socialLinks.map((social) => {
-                const iconName = social.platform === "twitter" ? "twitter" : social.platform === "discord" ? "discord" : "telegram";
-                return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                  "span",
-                  {
-                    className: "flex size-8 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: iconName, size: "small", className: "text-agg-foreground" })
-                  },
-                  social.platform
-                );
-              }) }) : null
-            ] }),
-            onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-              "button",
-              {
-                type: "button",
-                onClick: onEditProfile,
-                className: "flex shrink-0 cursor-pointer items-center gap-1.5 bg-transparent text-agg-primary hover:opacity-80",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
-                ]
-              }
-            ) : null
-          ] }),
-          totalExchangeCount > 0 || user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            hasEvmExchanges ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex items-center", children: evmExchanges.map((exchange, idx) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                "div",
-                {
-                  className: cn(
-                    "relative flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]",
-                    idx > 0 && "-ml-2"
-                  ),
-                  style: { zIndex: evmExchanges.length - idx },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(VenueLogo, { venue: exchange.venue, size: "small", className: "h-5 w-5" })
-                },
-                `${exchange.venue}-${idx}`
-              )) }),
-              user.displayAddress ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.displayAddress }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-muted-foreground", children: [
-                  totalExchangeCount,
-                  " exchange",
-                  totalExchangeCount !== 1 ? "s" : ""
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: "info", size: "small", className: "text-agg-muted-foreground" })
-              ] })
-            ] }) : null,
-            user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-3", children: [
-              user.socialHandleVenue ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(VenueLogo, { venue: user.socialHandleVenue, size: "small", className: "h-5 w-5" }) }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.socialHandle })
-            ] }) : null
-          ] }) : null
-        ] })
-      ] })
-    }
-  );
-};
-UserInfoCard.displayName = "UserInfoCard";
-
-// src/pages/user-profile/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var UserProfilePage = ({
-  user,
-  venueBalances,
-  balance,
-  defaultTimeRange,
-  onTimeRangeChange,
-  activePositions,
-  closedPositions,
-  activities,
-  onEditProfile,
-  onDeposit,
-  onWithdraw,
-  onPositionClick,
-  onActivityClick,
-  classNames
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "box-border w-full overflow-x-hidden p-10", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
-    "section",
-    {
-      className: cn(
-        "flex w-full flex-col gap-10 rounded-agg-xl border border-agg-separator bg-agg-secondary p-10 overflow-clip",
-        classNames == null ? void 0 : classNames.root
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("flex items-stretch gap-6", classNames == null ? void 0 : classNames.topRow), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.leftColumn), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              UserInfoCard,
-              {
-                user,
-                onEditProfile,
-                className: classNames == null ? void 0 : classNames.userInfoCard
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              BalanceDisplay,
-              {
-                balance,
-                defaultTimeRange,
-                onTimeRangeChange,
-                className: classNames == null ? void 0 : classNames.balanceDisplay
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "relative w-[465px] shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-            BalancesCard,
-            {
-              venueBalances,
-              onDeposit,
-              onWithdraw,
-              className: cn("absolute inset-0", classNames == null ? void 0 : classNames.balancesCard)
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-          PositionsActivity,
-          {
-            activePositions,
-            closedPositions,
-            activities,
-            onPositionClick,
-            onActivityClick,
-            className: classNames == null ? void 0 : classNames.positionsActivity
-          }
-        )
-      ]
-    }
-  ) });
-};
-UserProfilePage.displayName = "UserProfilePage";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  UserProfilePage
-});