@agg-market/ui 0.0.6 → 2.0.0

package/dist/{chunk-HM3CGN32.mjs → chunk-5GDNWQZS.mjs}

@@ -1,13 +1,13 @@
 import {
   Modal
-} from "./chunk-VIP7HSOU.mjs";
+} from "./chunk-5K7VXAYM.mjs";
 import {
   Select
-} from "./chunk-ZDF7QP4G.mjs";
+} from "./chunk-YJA5VQW6.mjs";
 import {
   VenueLogo,
   venueLogoLabels
-} from "./chunk-BLSHXIAH.mjs";
+} from "./chunk-D7JTOGYP.mjs";
 import {
   BoltIcon,
   ChevronLeftIcon,
@@ -16,10 +16,10 @@ import {
   CreditCardIcon,
   ExternalLinkIcon,
   WarningFilledIcon
-} from "./chunk-F236MLT6.mjs";
+} from "./chunk-PZTHM6WG.mjs";
 import {
   Button
-} from "./chunk-PGSPYQOW.mjs";
+} from "./chunk-KAGYJ4XT.mjs";
 import {
   cn,
   formatAmountDisplay,
@@ -58,17 +58,17 @@ var VenueRow = ({ venue, onSelect }) => {
         }
       },
       children: [
-        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(VenueLogo, { venue: venue.venue, size: "xl", className: "rounded-lg" }) }),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-base font-bold text-foreground leading-6", children: displayName }),
-          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground leading-5", children: [
+          /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
+          /* @__PURE__ */ jsxs("p", { className: "agg-type-label text-agg-muted-foreground", children: [
             "Balance ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
         hasShortfall ? /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex items-center gap-1.5 shrink-0", children: [
-          /* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-4 w-4 text-warning" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold text-warning whitespace-nowrap", children: [
+          /* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-4 w-4 text-agg-warning" }),
+          /* @__PURE__ */ jsxs("span", { className: "agg-type-label-strong whitespace-nowrap text-agg-warning", children: [
             "Short ",
             formatCompactUsd(venue.shortfall)
           ] })
@@ -77,7 +77,7 @@ var VenueRow = ({ venue, onSelect }) => {
           Button,
           {
             variant: "secondary",
-            size: "s",
+            size: "small",
             suffix: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
             onClick: (e) => {
               e.stopPropagation();
@@ -97,7 +97,7 @@ var VenueSelectionStep = ({
 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(Modal.Header, { title: "Deposit", hideBorder: true }),
   /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-    !hasAnyShortfall ? /* @__PURE__ */ jsx("p", { className: "text-base text-foreground leading-6", children: "Choose where to deposit funds:" }) : null,
+    !hasAnyShortfall ? /* @__PURE__ */ jsx("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to deposit funds:" }) : null,
     /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ jsx(VenueRow, { venue, onSelect: onSelectVenue }, venue.venue)) })
   ] }) })
 ] });
@@ -130,14 +130,14 @@ var DepositMethodCard = ({
     children: [
       /* @__PURE__ */ jsx2("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
       /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx2("p", { className: "text-base font-bold text-foreground leading-6", children: title }),
-        /* @__PURE__ */ jsx2("p", { className: "text-sm text-muted-foreground leading-5", children: description })
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
       /* @__PURE__ */ jsx2("div", { className: "shrink-0", children: /* @__PURE__ */ jsx2(
         Button,
         {
           variant: "secondary",
-          size: "s",
+          size: "small",
           suffix: /* @__PURE__ */ jsx2(ChevronRightIcon, {}),
           onClick: (e) => {
             e.stopPropagation();
@@ -166,7 +166,7 @@ var DepositMethodStep = ({
           "button",
           {
             type: "button",
-            className: "flex items-center justify-center text-foreground hover:text-foreground/80 transition-colors hover:cursor-pointer mr-2",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
             children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { className: "h-6 w-6" })
@@ -176,8 +176,8 @@ var DepositMethodStep = ({
     ),
     /* @__PURE__ */ jsx2(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx2(VenueLogo, { venue: venue.venue, size: "xs", className: "rounded-sm" }),
-        /* @__PURE__ */ jsxs2("p", { className: "text-sm text-muted-foreground leading-5", children: [
+        /* @__PURE__ */ jsx2(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ jsxs2("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
@@ -187,7 +187,7 @@ var DepositMethodStep = ({
         /* @__PURE__ */ jsx2(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ jsx2(BoltIcon, { className: "h-6 w-6 text-foreground" }),
+            icon: /* @__PURE__ */ jsx2(BoltIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Transfer Crypto",
             description: "Send USDC from your blockchain wallet.",
             onContinue: () => onSelectMethod("crypto")
@@ -196,7 +196,7 @@ var DepositMethodStep = ({
         /* @__PURE__ */ jsx2(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ jsx2(CreditCardIcon, { className: "h-6 w-6 text-foreground" }),
+            icon: /* @__PURE__ */ jsx2(CreditCardIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Deposit with Card",
             description: "Buy USDC instantly with a debit or credit card.",
             onContinue: () => onSelectMethod("card")
@@ -236,7 +236,7 @@ var CardDepositStep = ({
           "button",
           {
             type: "button",
-            className: "flex items-center justify-center text-foreground hover:text-foreground/80 transition-colors hover:cursor-pointer mr-2",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
             children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-6 w-6" })
@@ -246,8 +246,8 @@ var CardDepositStep = ({
     ),
     /* @__PURE__ */ jsx3(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
       /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx3(VenueLogo, { venue: venue.venue, size: "xs", className: "rounded-sm" }),
-        /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground leading-5", children: [
+        /* @__PURE__ */ jsx3(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ jsxs3("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
@@ -266,7 +266,7 @@ var CardDepositStep = ({
           }
         ) }),
         /* @__PURE__ */ jsx3("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ jsx3("span", { className: "text-3xl sm:text-4xl font-bold text-foreground leading-none", children: "$" }),
+          /* @__PURE__ */ jsx3("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
           /* @__PURE__ */ jsx3(
             "input",
             {
@@ -274,8 +274,8 @@ var CardDepositStep = ({
               inputMode: "decimal",
               "aria-label": "Amount",
               className: cn(
-                "w-full bg-transparent text-3xl sm:text-4xl font-bold leading-none outline-none",
-                isValid ? "text-foreground" : "text-muted-foreground"
+                "agg-type-display w-full bg-transparent outline-none",
+                isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
               ),
               placeholder: "0",
               value: rawAmount ? formatAmountDisplay(rawAmount) : "",
@@ -297,12 +297,12 @@ var CardDepositStep = ({
           tabIndex: 0,
           children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx3("p", { className: "text-base font-bold text-foreground leading-6", children: "Provider" }),
-              /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground leading-5", children: "Auto-picked for you" })
+              /* @__PURE__ */ jsx3("p", { className: "agg-type-body-strong text-agg-foreground", children: "Provider" }),
+              /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-muted-foreground", children: "Auto-picked for you" })
             ] }),
             /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 shrink-0", children: [
-              /* @__PURE__ */ jsx3("span", { className: "text-sm font-bold text-foreground", children: "Swapped" }),
-              /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4 text-foreground" })
+              /* @__PURE__ */ jsx3("span", { className: "agg-type-label-strong text-agg-foreground", children: "Swapped" }),
+              /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4 text-agg-foreground" })
             ] })
           ]
         }
@@ -311,7 +311,7 @@ var CardDepositStep = ({
         Button,
         {
           variant: "primary",
-          size: "xl",
+          size: "large",
           className: "w-full",
           disabled: !isValid,
           onClick: () => onContinue(numericAmount),
@@ -417,7 +417,7 @@ var CryptoTransferStep = ({
           "button",
           {
             type: "button",
-            className: "flex items-center justify-center text-foreground hover:text-foreground/80 transition-colors hover:cursor-pointer mr-2",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
             children: /* @__PURE__ */ jsx4(ChevronLeftIcon, { className: "h-6 w-6" })
@@ -429,7 +429,7 @@ var CryptoTransferStep = ({
       /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-5", children: [
         /* @__PURE__ */ jsxs4("div", { className: "flex gap-6", children: [
           /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx4("p", { className: "text-sm font-bold text-foreground leading-5", children: "Supported token" }),
+            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported token" }),
             /* @__PURE__ */ jsx4(
               Select,
               {
@@ -441,7 +441,7 @@ var CryptoTransferStep = ({
             )
           ] }),
           /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx4("p", { className: "text-sm font-bold text-foreground leading-5", children: "Supported network" }),
+            /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported network" }),
             /* @__PURE__ */ jsx4(
               Select,
               {
@@ -454,7 +454,7 @@ var CryptoTransferStep = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx4("p", { className: "text-sm font-bold text-foreground leading-5", children: "Your deposit address" }),
+          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: "Your deposit address" }),
           /* @__PURE__ */ jsxs4(
             "div",
             {
@@ -464,12 +464,12 @@ var CryptoTransferStep = ({
                 "h-10 px-3"
               ),
               children: [
-                /* @__PURE__ */ jsx4("p", { className: "flex-1 min-w-0 text-base text-foreground leading-6 truncate", children: depositAddress }),
+                /* @__PURE__ */ jsx4("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
                 /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
-                    className: "shrink-0 text-muted-foreground hover:text-foreground transition-colors",
+                    className: "shrink-0 text-agg-muted-foreground transition-colors hover:text-agg-foreground",
                     onClick: handleCopyAddress,
                     "aria-label": "Copy deposit address",
                     children: /* @__PURE__ */ jsx4(CopyIcon, { className: "h-4 w-4" })
@@ -480,7 +480,7 @@ var CryptoTransferStep = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "xl", className: "w-full", onClick: onDone, children: "Done" })
+      /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "large", className: "w-full", onClick: onDone, children: "Done" })
     ] }) })
   ] });
 };
@@ -493,13 +493,13 @@ var KalshiStepCard = ({
   description,
   children
 }) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
-  /* @__PURE__ */ jsxs5("p", { className: "text-xs font-bold uppercase leading-4 text-muted-foreground", children: [
+  /* @__PURE__ */ jsxs5("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
     "Step ",
     step
   ] }),
   /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx5("p", { className: "text-sm font-bold text-foreground leading-5", children: title }),
-    /* @__PURE__ */ jsx5("p", { className: "text-sm text-foreground leading-5", children: description })
+    /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
+    /* @__PURE__ */ jsx5("p", { className: "agg-type-label text-agg-foreground", children: description })
   ] }),
   children
 ] });
@@ -510,13 +510,13 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ jsxs5(Fragme
       VenueLogo,
       {
         venue: "kalshi",
-        size: "xl",
+        size: "large",
         className: "h-[60px] w-[60px] rounded-lg"
       }
     ),
     /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ jsx5("h2", { className: "text-2xl font-bold text-foreground leading-8", children: "Fund Your Kalshi Account" }),
-      /* @__PURE__ */ jsx5("p", { className: "text-base text-foreground leading-6", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
+      /* @__PURE__ */ jsx5("h2", { className: "agg-type-heading text-agg-foreground", children: "Fund Your Kalshi Account" }),
+      /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
     ] }),
     /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col gap-4", children: [
       /* @__PURE__ */ jsx5(
@@ -529,7 +529,7 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ jsxs5(Fragme
             Button,
             {
               variant: "secondary",
-              size: "s",
+              size: "small",
               suffix: /* @__PURE__ */ jsx5(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
               onClick: () => {
                 window.open(depositUrl, "_blank", "noopener,noreferrer");
@@ -556,7 +556,7 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ jsxs5(Fragme
         }
       )
     ] }),
-    /* @__PURE__ */ jsx5(Button, { variant: "secondary", size: "l", onClick: onDone, children: "Done" })
+    /* @__PURE__ */ jsx5(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
   ] }) })
 ] });
 

package/dist/{chunk-VIP7HSOU.mjs → chunk-5K7VXAYM.mjs}

@@ -45,6 +45,7 @@ var ModalContainer = ({
       Dialog.Content,
       {
         className: cn(
+          "group/agg-modal",
           "fixed inset-0 z-agg-modal",
           "flex items-center justify-center p-4",
           "sm:p-5",
@@ -97,6 +98,7 @@ var ModalHeader = ({
     "div",
     {
       className: cn(
+        "group/agg-modal-header",
         "flex flex-col",
         "sticky top-0 z-20",
         "bg-agg-secondary",
@@ -172,6 +174,7 @@ var ModalBody = ({ children, classNames }) => {
     "div",
     {
       className: cn(
+        "group/agg-modal-body",
         "grow overflow-y-auto",
         "px-4 py-6",
         "sm:p-8",
@@ -192,6 +195,7 @@ var ModalFooter = ({
     "div",
     {
       className: cn(
+        "group/agg-modal-footer",
         "sticky bottom-0",
         "bg-agg-secondary",
         "flex h-[73px] w-full flex-row items-center justify-between gap-3",

package/dist/{chunk-BJNHDIDW.mjs → chunk-6425RRBI.mjs}

@@ -1,12 +1,12 @@
 import {
   EventList
-} from "./chunk-MXBPDNMC.mjs";
+} from "./chunk-BEDUFOIG.mjs";
 import {
   Tabs
-} from "./chunk-LWTQD345.mjs";
+} from "./chunk-S3H63TQ5.mjs";
 import {
   Icon
-} from "./chunk-F236MLT6.mjs";
+} from "./chunk-PZTHM6WG.mjs";
 import {
   cn
 } from "./chunk-GJ4U5NCE.mjs";
@@ -191,7 +191,7 @@ var HomePage = ({
           Icon,
           {
             name: tab.iconName,
-            size: "m",
+            size: "medium",
             color: isActive ? "var(--agg-color-primary)" : "var(--agg-color-foreground)"
           }
         ) : void 0,

package/dist/{chunk-O2XH4A3G.mjs → chunk-7NISYVSJ.mjs}

@@ -1,15 +1,15 @@
 import {
   Tabs
-} from "./chunk-LWTQD345.mjs";
+} from "./chunk-S3H63TQ5.mjs";
 import {
   VenueLogo
-} from "./chunk-BLSHXIAH.mjs";
+} from "./chunk-D7JTOGYP.mjs";
 import {
   Icon
-} from "./chunk-F236MLT6.mjs";
+} from "./chunk-PZTHM6WG.mjs";
 import {
   Button
-} from "./chunk-PGSPYQOW.mjs";
+} from "./chunk-KAGYJ4XT.mjs";
 import {
   cn
 } from "./chunk-GJ4U5NCE.mjs";
@@ -50,7 +50,7 @@ var BalanceDisplay = ({
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-agg-sans text-[30px] leading-[36px] font-agg-bold text-agg-foreground", children: (_a = currentBalance == null ? void 0 : currentBalance.totalLabel) != null ? _a : "$0.00" }),
+          /* @__PURE__ */ jsx("span", { className: "agg-type-display text-agg-foreground", children: (_a = currentBalance == null ? void 0 : currentBalance.totalLabel) != null ? _a : "$0.00" }),
           /* @__PURE__ */ jsx("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-muted-foreground", children: "Profit/Loss" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx(
@@ -67,7 +67,7 @@ var BalanceDisplay = ({
               Icon,
               {
                 name: "triangle-up-filled",
-                size: "xxs",
+                size: "small",
                 className: cn(
                   (currentBalance == null ? void 0 : currentBalance.isPositive) ? "text-agg-success" : "rotate-180 text-agg-error"
                 )
@@ -113,11 +113,11 @@ var BalancesCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx2("h3", { className: "font-agg-sans text-[18px] leading-7 font-agg-bold text-agg-foreground", children: "Balances" }),
+        /* @__PURE__ */ jsx2("h3", { className: "agg-type-body-large-strong text-agg-foreground", children: "Balances" }),
         /* @__PURE__ */ jsxs2("div", { className: "relative min-h-0 flex-1 overflow-clip", children: [
           /* @__PURE__ */ jsx2("div", { className: "flex max-h-full flex-col gap-3 overflow-y-auto pr-1", children: venueBalances.map((balance, idx) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx2(VenueLogo, { venue: balance.venue, size: "s" }),
+              /* @__PURE__ */ jsx2(VenueLogo, { venue: balance.venue, size: "small" }),
               /* @__PURE__ */ jsx2("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground capitalize", children: balance.venue })
             ] }),
             /* @__PURE__ */ jsx2("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-bold text-agg-foreground", children: balance.balanceLabel })
@@ -131,8 +131,8 @@ var BalancesCard = ({
           )
         ] }),
         /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
-          onDeposit ? /* @__PURE__ */ jsx2(Button, { variant: "primary", size: "s", onClick: onDeposit, className: "flex-1", children: "Deposit" }) : null,
-          onWithdraw ? /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "s", onClick: onWithdraw, className: "flex-1", children: "Withdraw" }) : null
+          onDeposit ? /* @__PURE__ */ jsx2(Button, { variant: "primary", size: "small", onClick: onDeposit, className: "flex-1", children: "Deposit" }) : null,
+          onWithdraw ? /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", onClick: onWithdraw, className: "flex-1", children: "Withdraw" }) : null
         ] })
       ]
     }
@@ -162,7 +162,7 @@ var ActivityRow = ({ activity, onClick }) => {
       children: [
         /* @__PURE__ */ jsx3("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__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ jsx3(VenueLogo, { venue: activity.venue, size: "s", className: "shrink-0" }),
+          /* @__PURE__ */ jsx3(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
           /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
             /* @__PURE__ */ jsx3(
               "img",
@@ -274,7 +274,7 @@ var PositionRow = ({ position, onClick }) => {
       onClick: handleClick,
       children: [
         /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ jsx5(VenueLogo, { venue: position.venue, size: "s", className: "shrink-0" }),
+          /* @__PURE__ */ jsx5(VenueLogo, { venue: position.venue, size: "small", className: "shrink-0" }),
           /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
             /* @__PURE__ */ jsx5(
               "img",
@@ -293,8 +293,8 @@ var PositionRow = ({ position, onClick }) => {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx5("p", { className: "w-[120px] shrink-0 font-agg-sans text-[20px] leading-7 font-agg-normal text-agg-foreground", children: position.averageLabel }),
-        /* @__PURE__ */ jsx5("p", { className: "w-[120px] shrink-0 font-agg-sans text-[20px] leading-7 font-agg-normal text-agg-foreground", children: position.currentLabel }),
+        /* @__PURE__ */ jsx5("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.averageLabel }),
+        /* @__PURE__ */ jsx5("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.currentLabel }),
         /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-6 shrink-0", children: [
           /* @__PURE__ */ jsxs5("div", { className: "flex w-[140px] flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
             /* @__PURE__ */ jsx5("p", { className: "font-agg-sans font-agg-bold text-black", children: position.valueLabel }),
@@ -309,7 +309,7 @@ var PositionRow = ({ position, onClick }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx5(Icon, { name: "chevron-right", size: "s", className: "shrink-0 text-agg-muted-foreground" })
+          /* @__PURE__ */ jsx5(Icon, { name: "chevron-right", size: "small", className: "shrink-0 text-agg-muted-foreground" })
         ] })
       ]
     }
@@ -390,7 +390,7 @@ var PositionsActivity = ({
               ] }, filter.value);
             }) }) : null,
             /* @__PURE__ */ jsx6("label", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ jsxs6("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__ */ jsx6(Icon, { name: "search", size: "s", className: "shrink-0 text-agg-muted-foreground" }),
+              /* @__PURE__ */ jsx6(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
               /* @__PURE__ */ jsx6(
                 "input",
                 {
@@ -514,14 +514,14 @@ var UserInfoCard = ({
         /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
           /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx8("h2", { className: "font-agg-sans text-[24px] leading-8 font-agg-bold text-agg-foreground", children: user.username }),
+              /* @__PURE__ */ jsx8("h2", { className: "agg-type-heading text-agg-foreground", children: user.username }),
               user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ jsx8("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__ */ jsx8(
                   "span",
                   {
                     className: "flex size-8 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary",
-                    children: /* @__PURE__ */ jsx8(Icon, { name: iconName, size: "s", className: "text-agg-foreground" })
+                    children: /* @__PURE__ */ jsx8(Icon, { name: iconName, size: "small", className: "text-agg-foreground" })
                   },
                   social.platform
                 );
@@ -534,7 +534,7 @@ var UserInfoCard = ({
                 onClick: onEditProfile,
                 className: "flex shrink-0 cursor-pointer items-center gap-1.5 bg-transparent text-agg-primary hover:opacity-80",
                 children: [
-                  /* @__PURE__ */ jsx8(Icon, { name: "pencil", size: "s", className: "text-agg-primary" }),
+                  /* @__PURE__ */ jsx8(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
                   /* @__PURE__ */ jsx8("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
                 ]
               }
@@ -550,7 +550,7 @@ var UserInfoCard = ({
                     idx > 0 && "-ml-2"
                   ),
                   style: { zIndex: evmExchanges.length - idx },
-                  children: /* @__PURE__ */ jsx8(VenueLogo, { venue: exchange.venue, size: "s", className: "h-5 w-5" })
+                  children: /* @__PURE__ */ jsx8(VenueLogo, { venue: exchange.venue, size: "small", className: "h-5 w-5" })
                 },
                 `${exchange.venue}-${idx}`
               )) }),
@@ -561,11 +561,11 @@ var UserInfoCard = ({
                   " exchange",
                   totalExchangeCount !== 1 ? "s" : ""
                 ] }),
-                /* @__PURE__ */ jsx8(Icon, { name: "info", size: "xs", className: "text-agg-muted-foreground" })
+                /* @__PURE__ */ jsx8(Icon, { name: "info", size: "small", className: "text-agg-muted-foreground" })
               ] })
             ] }) : null,
             user.socialHandle ? /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
-              user.socialHandleVenue ? /* @__PURE__ */ jsx8("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]", children: /* @__PURE__ */ jsx8(VenueLogo, { venue: user.socialHandleVenue, size: "s", className: "h-5 w-5" }) }) : null,
+              user.socialHandleVenue ? /* @__PURE__ */ jsx8("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]", children: /* @__PURE__ */ jsx8(VenueLogo, { venue: user.socialHandleVenue, size: "small", className: "h-5 w-5" }) }) : null,
               /* @__PURE__ */ jsx8("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.socialHandle })
             ] }) : null
           ] }) : null