@agg-build/ui 2.8.0 → 4.0.0

package/dist/{chunk-AKLGQ6AB.mjs → chunk-JTSLZARU.mjs}

@@ -12,7 +12,6 @@ import {
   CloseIcon,
   CopyButton,
   CreditCardIcon,
-  CurrencyInput,
   ExternalLinkIcon,
   Icon,
   LoadingIcon,
@@ -2483,28 +2482,22 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/profile/index.tsx
-import { useState as useState5, useEffect as useEffect6, useCallback as useCallback3, useMemo as useMemo4 } from "react";
-import { useAggClient, useAggAuthState as useAggAuthState2, useAggLabels as useAggLabels2, useVenueKeyStatus } from "@agg-build/hooks";
+import { useState as useState4, useEffect as useEffect5, useCallback as useCallback3, useMemo as useMemo3 } from "react";
+import { useAggClient, useAggAuthState as useAggAuthState2, useVenueKeyStatus } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
   PROFILE_ACCOUNTS: "profile-accounts",
-  TRADING_ACCESS: "trading-access",
-  BALANCE_MANAGEMENT: "balance-management"
+  TRADING_ACCESS: "trading-access"
 };
-var getProfileTabItems = (balanceManagementLabel) => [
+var getProfileTabItems = () => [
   {
     value: PROFILE_TAB_KEYS.PROFILE_ACCOUNTS,
     label: "Profile & accounts",
     icon: "profile-about-tab"
   },
-  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" },
-  {
-    value: PROFILE_TAB_KEYS.BALANCE_MANAGEMENT,
-    label: balanceManagementLabel,
-    icon: "bolt"
-  }
+  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" }
 ];
 
 // src/profile/tabs/about-tab.tsx
@@ -2916,187 +2909,8 @@ var TradingAccessTab = ({
 };
 TradingAccessTab.displayName = "TradingAccessTab";
 
-// src/profile/tabs/balance-management-tab.tsx
-import { useEffect as useEffect5, useMemo as useMemo3, useState as useState4 } from "react";
-import { useAggLabels, useBalanceRefillPolicies } from "@agg-build/hooks";
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
-var CHAIN_IDS_BY_NETWORK = {
-  mainnet: 1,
-  bnb: 56,
-  polygon: 137,
-  base: 8453,
-  arbitrum: 42161,
-  solana: 792703809,
-  hyperliquid: 1337
-};
-var NETWORK_BY_CHAIN_ID = Object.fromEntries(
-  Object.entries(CHAIN_IDS_BY_NETWORK).map(([network, chainId]) => [chainId, network])
-);
-var networkItems = SUPPORTED_NETWORKS.filter(
-  (network) => network.value in CHAIN_IDS_BY_NETWORK
-).map((network) => ({
-  value: network.value,
-  label: network.label,
-  iconUrl: network.iconUrl
-}));
-var dollarsToRaw = (amount) => String(Math.round(amount * 1e6));
-var rawToDollars = (amount) => Number(amount) / 1e6;
-var BalanceManagementTab = ({ enabled }) => {
-  const labels = useAggLabels().balanceRefill;
-  const { policies, isLoading, isError, createPolicy, updatePolicy } = useBalanceRefillPolicies({
-    enabled
-  });
-  const policy = policies[0];
-  const [network, setNetwork] = useState4("polygon");
-  const [minimum, setMinimum] = useState4(100);
-  const [refillAmount, setRefillAmount] = useState4(50);
-  const [dailyCap, setDailyCap] = useState4(200);
-  const [maximumFee, setMaximumFee] = useState4(2);
-  const [feedback, setFeedback] = useState4(null);
-  useEffect5(() => {
-    var _a;
-    if (!policy) return;
-    setNetwork((_a = NETWORK_BY_CHAIN_ID[policy.targetChainId]) != null ? _a : "polygon");
-    setMinimum(rawToDollars(policy.minimumRaw));
-    setRefillAmount(rawToDollars(policy.refillAmountRaw));
-    setDailyCap(rawToDollars(policy.dailyCapRaw));
-    setMaximumFee(rawToDollars(policy.maxFeeRaw));
-  }, [policy]);
-  const validationError = useMemo3(() => {
-    if (minimum <= 0 || refillAmount <= 0 || dailyCap <= 0 || maximumFee <= 0) {
-      return labels.saveError;
-    }
-    if (dailyCap < Math.max(minimum, refillAmount) + maximumFee) {
-      return labels.saveError;
-    }
-    return null;
-  }, [dailyCap, labels.saveError, maximumFee, minimum, refillAmount]);
-  const isPending = createPolicy.isPending || updatePolicy.isPending;
-  const handleSave = () => __async(null, null, function* () {
-    if (validationError) {
-      setFeedback(validationError);
-      return;
-    }
-    setFeedback(null);
-    const params = {
-      minimumRaw: dollarsToRaw(minimum),
-      refillAmountRaw: dollarsToRaw(refillAmount),
-      dailyCapRaw: dollarsToRaw(dailyCap),
-      maxFeeRaw: dollarsToRaw(maximumFee)
-    };
-    try {
-      if (policy) {
-        yield updatePolicy.mutateAsync({ policyId: policy.id, params });
-      } else {
-        yield createPolicy.mutateAsync(__spreadProps(__spreadValues({}, params), {
-          targetChainId: CHAIN_IDS_BY_NETWORK[network],
-          targetTokenSymbol: "USDC"
-        }));
-      }
-      setFeedback(labels.saved);
-    } catch (e) {
-      setFeedback(labels.saveError);
-    }
-  });
-  const handleStatus = () => __async(null, null, function* () {
-    if (!policy) return;
-    try {
-      yield updatePolicy.mutateAsync({
-        policyId: policy.id,
-        params: { status: policy.status === "enabled" ? "paused" : "enabled" }
-      });
-      setFeedback(labels.saved);
-    } catch (e) {
-      setFeedback(labels.saveError);
-    }
-  });
-  if (isLoading)
-    return /* @__PURE__ */ jsx20("p", { className: "text-agg-sm text-agg-secondary-foreground", children: labels.loading });
-  if (isError)
-    return /* @__PURE__ */ jsx20("p", { role: "alert", className: "text-agg-sm text-agg-error", children: labels.loadError });
-  const latestAttempt = policy == null ? void 0 : policy.latestAttempt;
-  return /* @__PURE__ */ jsxs20("section", { className: "agg-balance-management-tab flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx20("h2", { className: "text-agg-lg font-agg-semibold text-agg-foreground", children: labels.title }),
-      /* @__PURE__ */ jsx20("p", { className: "text-agg-sm text-agg-secondary-foreground", children: labels.description })
-    ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "rounded-agg-lg border border-agg-separator p-5 flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs20("label", { className: "flex flex-col gap-2 text-agg-sm text-agg-foreground", children: [
-        /* @__PURE__ */ jsx20("span", { children: labels.networkLabel }),
-        /* @__PURE__ */ jsx20(
-          Select,
-          {
-            items: networkItems,
-            value: network,
-            onChange: (value) => setNetwork(value),
-            ariaLabel: labels.networkLabel,
-            disabled: Boolean(policy)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx20("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-        [labels.minimumLabel, minimum, setMinimum],
-        [labels.refillAmountLabel, refillAmount, setRefillAmount],
-        [labels.dailyCapLabel, dailyCap, setDailyCap],
-        [labels.maximumFeeLabel, maximumFee, setMaximumFee]
-      ].map(([label, value, onChange]) => /* @__PURE__ */ jsxs20(
-        "label",
-        {
-          className: "flex flex-col gap-2 rounded-agg-md bg-agg-secondary px-4 py-3 text-agg-sm text-agg-foreground",
-          children: [
-            /* @__PURE__ */ jsx20("span", { children: label }),
-            /* @__PURE__ */ jsx20(
-              CurrencyInput,
-              {
-                value,
-                onChange,
-                min: 0.01,
-                decimalPlaces: 2,
-                ariaLabel: label,
-                classNames: { input: "w-full text-agg-base font-agg-semibold" }
-              }
-            )
-          ]
-        },
-        label
-      )) }),
-      /* @__PURE__ */ jsx20("p", { className: "text-agg-xs text-agg-secondary-foreground", children: labels.consent }),
-      policy ? /* @__PURE__ */ jsx20("p", { className: "text-agg-sm text-agg-secondary-foreground", children: policy.status === "enabled" ? labels.activeLabel : labels.pausedLabel }) : null,
-      latestAttempt ? /* @__PURE__ */ jsxs20("p", { className: "text-agg-sm text-agg-secondary-foreground", children: [
-        labels.lastRefill,
-        ": ",
-        labels.statuses[latestAttempt.status]
-      ] }) : null,
-      feedback ? /* @__PURE__ */ jsx20("p", { role: feedback === labels.saveError ? "alert" : "status", className: "text-agg-sm", children: feedback }) : null,
-      /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap gap-3", children: [
-        /* @__PURE__ */ jsx20(
-          Button,
-          {
-            variant: "primary",
-            size: "large",
-            isLoading: isPending,
-            disabled: Boolean(validationError),
-            onClick: () => void handleSave(),
-            children: policy ? labels.saveAction : labels.enableAction
-          }
-        ),
-        policy ? /* @__PURE__ */ jsx20(
-          Button,
-          {
-            variant: "secondary",
-            size: "large",
-            isLoading: isPending,
-            onClick: () => void handleStatus(),
-            children: policy.status === "enabled" ? labels.pauseAction : labels.resumeAction
-          }
-        ) : null
-      ] })
-    ] })
-  ] });
-};
-
 // src/profile/index.tsx
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -3121,30 +2935,26 @@ var ProfileModal = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const client = useAggClient();
-  const labels = useAggLabels2();
   const { user } = useAggAuthState2();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = useState5(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
-  const profileTabItems = useMemo4(
-    () => getProfileTabItems(labels.balanceRefill.tabLabel),
-    [labels.balanceRefill.tabLabel]
-  );
+  const [activeTab, setActiveTab] = useState4(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const profileTabItems = useMemo3(() => getProfileTabItems(), []);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = useState5(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = useState5();
-  const [draftAvatarPreview, setDraftAvatarPreview] = useState5();
-  const [isSaving, setIsSaving] = useState5(false);
-  const [avatarTypeError, setAvatarTypeError] = useState5(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState5(false);
+  const [draftUsername, setDraftUsername] = useState4(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = useState4();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState4();
+  const [isSaving, setIsSaving] = useState4(false);
+  const [avatarTypeError, setAvatarTypeError] = useState4(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState4(false);
   const { data: kalshiStatus, refetch: refetchKalshiStatus } = useVenueKeyStatus(
     Venue.kalshi,
     open
   );
-  useEffect6(() => {
+  useEffect5(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (open) return;
     setIsConnectKalshiModalOpen(false);
   }, [open]);
@@ -3268,7 +3078,7 @@ var ProfileModal = ({
     yield refetchKalshiStatus();
     onDisconnectExchange == null ? void 0 : onDisconnectExchange(Venue.kalshi);
   }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = useMemo4(() => {
+  const resolvedVenueAccounts = useMemo3(() => {
     var _a2;
     const nonKalshiAccounts = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.filter((account) => account.venue !== "kalshi");
     if (!kalshiStatus) return user == null ? void 0 : user.venueAccounts;
@@ -3437,7 +3247,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet, surfaceError]
   );
-  const providerActionMap = useMemo4(
+  const providerActionMap = useMemo3(
     () => ({
       twitter: {
         connect: () => {
@@ -3479,7 +3289,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = useMemo4(() => {
+  const resolvedWallets = useMemo3(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
@@ -3498,8 +3308,8 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ jsxs21(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxs20(
       Modal.Container,
       {
         maxWidth: "800px",
@@ -3508,8 +3318,8 @@ var ProfileModal = ({
           container: cn("agg-profile-modal", "min-h-[37.5rem]")
         },
         children: [
-          /* @__PURE__ */ jsx21(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-          /* @__PURE__ */ jsx21("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+          /* @__PURE__ */ jsx20("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx20(
             Tabs,
             {
               className: "w-full [&>div]:w-full",
@@ -3518,14 +3328,14 @@ var ProfileModal = ({
               items: profileTabItems.map((tab) => ({
                 value: tab.value,
                 label: tab.label,
-                icon: /* @__PURE__ */ jsx21(Icon, { name: tab.icon, size: "small" })
+                icon: /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small" })
               })),
               value: activeTab,
               onChange: (val) => setActiveTab(val)
             }
           ) }),
-          /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs21("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-            /* @__PURE__ */ jsx21("div", { className: "shrink-0", children: /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs20("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+            /* @__PURE__ */ jsx20("div", { className: "shrink-0", children: /* @__PURE__ */ jsx20(
               "nav",
               {
                 className: cn(
@@ -3541,7 +3351,7 @@ var ProfileModal = ({
                 "aria-label": "Profile sections",
                 children: profileTabItems.map((tab) => {
                   const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ jsxs21(
+                  return /* @__PURE__ */ jsxs20(
                     "button",
                     {
                       type: "button",
@@ -3557,9 +3367,9 @@ var ProfileModal = ({
                         isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                       ),
                       children: [
-                        isActive ? /* @__PURE__ */ jsx21("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ jsx21(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ jsx21("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                        isActive ? /* @__PURE__ */ jsx20("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                        /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                        /* @__PURE__ */ jsx20("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                       ]
                     },
                     tab.value
@@ -3567,9 +3377,9 @@ var ProfileModal = ({
                 })
               }
             ) }),
-            /* @__PURE__ */ jsxs21("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs21("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsxs20("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs20("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                /* @__PURE__ */ jsx20(
                   AboutTab,
                   {
                     username: username != null ? username : user == null ? void 0 : user.username,
@@ -3583,7 +3393,7 @@ var ProfileModal = ({
                     avatarError: avatarTypeError
                   }
                 ),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx20(
                   AccountsWalletsTab,
                   {
                     socialAccounts: resolvedSocialAccounts,
@@ -3602,7 +3412,7 @@ var ProfileModal = ({
                   }
                 )
               ] }) : null,
-              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx21(
+              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx20(
                 TradingAccessTab,
                 {
                   venueAccounts: resolvedVenueAccounts,
@@ -3610,22 +3420,12 @@ var ProfileModal = ({
                   onDisconnectKalshi: handleDisconnectKalshi,
                   onKycError
                 }
-              ) : null,
-              activeTab === PROFILE_TAB_KEYS.BALANCE_MANAGEMENT ? /* @__PURE__ */ jsx21(BalanceManagementTab, { enabled: open }) : null
+              ) : null
             ] })
           ] }) }),
-          activeTab === PROFILE_TAB_KEYS.BALANCE_MANAGEMENT ? null : /* @__PURE__ */ jsxs21(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-            /* @__PURE__ */ jsx21(
-              Button,
-              {
-                variant: "secondary",
-                size: "large",
-                onClick: handleCancel,
-                className: "min-w-[120px]",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsxs20(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+            /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+            /* @__PURE__ */ jsx20(
               Button,
               {
                 variant: "primary",
@@ -3640,7 +3440,7 @@ var ProfileModal = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20(
       ConnectKalshiModal,
       {
         open: open && isConnectKalshiModalOpen,
@@ -3655,7 +3455,7 @@ ProfileModal.displayName = "ProfileModal";
 // src/geo-block-modal/index.tsx
 import { useLabels as useLabels17 } from "@agg-build/hooks";
 import { useCallback as useCallback4 } from "react";
-import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 var GeoBlockModal = ({
   open,
   onOpenChange,
@@ -3667,19 +3467,19 @@ var GeoBlockModal = ({
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs22(
+      children: /* @__PURE__ */ jsxs21(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx21(
               Modal.Header,
               {
                 title: "",
@@ -3691,19 +3491,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx22(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ jsx21(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ jsx22("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ jsx22("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ jsx21("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx21(
                 Button,
                 {
                   variant: "secondary",