@vechain/vechain-kit 2.0.0-rc.2 → 2.0.0-rc.3

package/dist/index.js

@@ -1,6 +1,6 @@
-import { SubdomainClaimer__factory, IReverseRegistrar__factory, SimpleAccountFactory__factory, SimpleAccount__factory, NodeManagement__factory, VeBetterPassport__factory, XAllocationVoting__factory, X2EarnApps__factory, XAllocationVotingGovernor__factory, ERC20__factory, B3TR__factory, IERC20__factory, IVechainEnergyOracleV1__factory, IVOT3__factory, VoterRewards__factory, XAllocationPool__factory, GalaxyMember__factory, MockENS__factory, IB3TR__factory } from './chunk-FOSPSOWT.js';
-import { VECHAIN_KIT_MIXPANEL_PROJECT_TOKEN, ENV, TIME, humanAddress, TOKEN_LOGO_COMPONENTS, TOKEN_LOGOS, DEFAULT_PRIVY_ECOSYSTEM_APPS, executeCallClause, getConfig, convertUriToUrl, ENS_TEXT_RECORDS, getPicassoImage, VECHAIN_PRIVY_APP_ID, compareAddresses, resolveMediaTypeFromMimeType, humanDomain, isRejectionError, isValidAddress, humanNumber, VECHAIN_KIT_COOKIES_CONFIG, VECHAIN_KIT_STORAGE_KEYS, CURRENCY_SYMBOLS, uploadBlobToIPFS, randomTransactionUser, executeMultipleClausesCall, VECHAIN_KIT_TERMS_CONFIG, isValidUrl, notFoundImage } from './chunk-R722OBPE.js';
-export { CURRENCY_SYMBOLS, ENS_TEXT_RECORDS, LegalDocumentSource, LegalDocumentType, NFTMediaType, VePassportUserStatus, buildCallClauses, executeCallClause, executeMultipleClausesCall, getConfig } from './chunk-R722OBPE.js';
+import { SubdomainClaimer__factory, IReverseRegistrar__factory, SimpleAccountFactory__factory, SimpleAccount__factory, NodeManagement__factory, VeBetterPassport__factory, XAllocationVoting__factory, X2EarnApps__factory, XAllocationVotingGovernor__factory, ERC20__factory, B3TR__factory, IERC20__factory, IVechainEnergyOracleV1__factory, VOT3__factory, VoterRewards__factory, XAllocationPool__factory, GalaxyMember__factory, MockENS__factory, IB3TR__factory, IVOT3__factory } from './chunk-FOSPSOWT.js';
+import { VECHAIN_KIT_MIXPANEL_PROJECT_TOKEN, ENV, TIME, humanAddress, TOKEN_LOGO_COMPONENTS, TOKEN_LOGOS, DEFAULT_PRIVY_ECOSYSTEM_APPS, executeCallClause, getConfig, convertUriToUrl, ENS_TEXT_RECORDS, getPicassoImage, VECHAIN_PRIVY_APP_ID, compareAddresses, resolveMediaTypeFromMimeType, humanDomain, isRejectionError, isValidAddress, humanNumber, VECHAIN_KIT_COOKIES_CONFIG, VECHAIN_KIT_STORAGE_KEYS, CURRENCY_SYMBOLS, uploadBlobToIPFS, randomTransactionUser, executeMultipleClausesCall, VECHAIN_KIT_TERMS_CONFIG, isValidUrl, notFoundImage } from './chunk-SNDIAFF7.js';
+export { CURRENCY_SYMBOLS, ENS_TEXT_RECORDS, LegalDocumentSource, LegalDocumentType, NFTMediaType, VePassportUserStatus, buildCallClauses, executeCallClause, executeMultipleClausesCall, getConfig } from './chunk-SNDIAFF7.js';
 import { VechainLogo, VechainLogoLight, VechainLogoDark, VeWorldLogoLight, VeWorldLogoDark, VechainEnergy, SimpleAccountFactoryABI, SimpleAccountABI, PrivyLogo } from './chunk-Z4FE6MMP.js';
 import './chunk-PZ5AY32C.js';
 import i18n from 'i18next';
@@ -12,9 +12,10 @@ import { useThor, useWallet as useWallet$1, useWalletModal, DAppKitProvider } fr
 export { WalletButton as DAppKitWalletButton, useWallet as useDAppKitWallet, useWalletModal as useDAppKitWalletModal, useThor } from '@vechain/dapp-kit-react';
 import React10, { createContext, useEffect, useState, useRef, useCallback, useMemo, useContext, Fragment as Fragment$1 } from 'react';
 import { useQuery, useQueryClient, useQueries, useInfiniteQuery, QueryClient, QueryClientContext, QueryClientProvider } from '@tanstack/react-query';
+import { hashFn } from 'wagmi/query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { motion } from 'framer-motion';
-import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, InputGroup, InputLeftElement, Icon, Input, InputRightElement, HStack, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, useDisclosure, GridItem, ModalHeader, ModalCloseButton, ModalBody, ModalFooter, Tag, Heading, Grid, useColorModeValue, Card, CardBody, Alert, AlertIcon, CardHeader, Center, CardFooter, Divider, Container, FormControl, Select, FormLabel, Textarea, Circle, AlertTitle, AlertDescription, Popover, PopoverTrigger, PopoverContent, PopoverBody, PopoverFooter, Spinner, Skeleton, Checkbox, useSteps, PinInput, PinInputField, Stack, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ColorModeScript, ChakraProvider, Flex, ListItem, Wrap, WrapItem } from '@chakra-ui/react';
+import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, theme, extendTheme, createStandaloneToast, IconButton, VStack, Text, InputGroup, InputLeftElement, Icon, Input, InputRightElement, HStack, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, useDisclosure, GridItem, ModalHeader, ModalCloseButton, ModalBody, ModalFooter, Tag, Heading, Grid, useColorModeValue, Card, CardBody, Alert, AlertIcon, CardHeader, Center, CardFooter, Divider, Container, FormControl, Select, FormLabel, Textarea, Circle, AlertTitle, AlertDescription, Popover, PopoverTrigger, PopoverContent, PopoverBody, PopoverFooter, Spinner, Skeleton, Checkbox, useSteps, PinInput, PinInputField, Stack, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ColorModeScript, ChakraProvider, Flex, ListItem, Wrap, WrapItem } from '@chakra-ui/react';
 import { IoChevronBack, IoCheckmarkOutline, IoCopyOutline, IoWalletOutline, IoCloseCircle, IoCogSharp, IoShieldOutline, IoSettingsOutline, IoOpenOutline, IoTrashBin, IoLanguage, IoChevronUp, IoChevronDown, IoCloseOutline, IoTrashOutline } from 'react-icons/io5';
 import { FaRegAddressCard, FaExternalLinkAlt, FaGlobe, FaEnvelope, FaArrowRight, FaTelegramPlane, FaChevronDown, FaEdit, FaGoogle, FaTwitter, FaPhone, FaSpotify, FaApple, FaInstagram, FaTiktok, FaGithub, FaLinkedin, FaTelegram, FaDiscord as FaDiscord$1, FaWallet, FaPlus } from 'react-icons/fa';
 import { HiOutlineWallet, HiOutlineShieldCheck } from 'react-icons/hi2';
@@ -50,6 +51,8 @@ import { BiBell, BiArchive } from 'react-icons/bi';
 import { GoLinkExternal, GoPlus } from 'react-icons/go';
 import { ThorClient, signerUtils, ProviderInternalBaseWallet, VeChainProvider } from '@vechain/sdk-network';
 export { ThorClient } from '@vechain/sdk-network';
+import { CacheProvider, Global, css } from '@emotion/react';
+import createCache from '@emotion/cache';
 import { modalAnatomy, cardAnatomy, popoverAnatomy } from '@chakra-ui/anatomy';
 
 // src/languages/en.json
@@ -4055,6 +4058,15 @@ var languageNames = {
   zh: "\u4E2D\u6587",
   ja: "\u65E5\u672C\u8A9E"
 };
+var bcp47LanguageCodes = {
+  en: "en-US",
+  de: "de-DE",
+  it: "it-IT",
+  fr: "fr-FR",
+  es: "es-ES",
+  zh: "zh-CN",
+  ja: "ja-JP"
+};
 var customLanguageDetector = {
   lookup: (options) => {
     const propLanguage = options?.languages?.[0];
@@ -4124,6 +4136,7 @@ function getOrCreateQueryClient() {
     internalQueryClient = new QueryClient({
       defaultOptions: {
         queries: {
+          queryKeyHashFn: hashFn,
           retry: 0,
           staleTime: 3e4,
           refetchOnWindowFocus: true,
@@ -4804,7 +4817,7 @@ var AddressDisplay = ({
 
 // package.json
 var package_default = {
-  version: "2.0.0-rc.2"};
+  version: "2.0.0-rc.3"};
 var VersionFooter = ({ ...props }) => {
   const { darkMode: isDark } = useVeChainKitConfig();
   return /* @__PURE__ */ jsxs(
@@ -4975,32 +4988,28 @@ var convertToSelectedCurrency = (amountUsd, currency, exchangeRates) => {
       return amountUsd;
   }
 };
-var formatCurrencyValue = (value, currency, options, locale = "en-US") => {
+var formatCurrencyValue = (value, lng = "en", options) => {
   const defaultOptions = {
     style: "currency",
-    currency,
     minimumFractionDigits: 2,
     maximumFractionDigits: 2,
+    currency: options?.currency ?? "usd",
     ...options
   };
-  return new Intl.NumberFormat(locale, defaultOptions).format(value);
+  return new Intl.NumberFormat(bcp47LanguageCodes[lng], defaultOptions).format(value);
 };
-var formatCompactCurrency = (value, currency, locale) => {
+var formatCompactCurrency = (value, options) => {
   return formatCurrencyValue(
     value,
-    currency,
+    i18n_default.resolvedLanguage,
     {
       notation: "compact",
-      compactDisplay: "short"
-    },
-    locale
+      compactDisplay: "short",
+      currency: options?.currency ?? "usd",
+      ...options
+    }
   );
 };
-var amountFormatter = new Intl.NumberFormat("de-DE", {
-  notation: "compact",
-  compactDisplay: "short",
-  maximumFractionDigits: 2
-});
 var AssetButton = ({
   symbol,
   amount,
@@ -5056,7 +5065,12 @@ var AssetButton = ({
           /* @__PURE__ */ jsx(Text, { children: symbol })
         ] }),
         /* @__PURE__ */ jsxs(VStack, { align: "flex-end", spacing: 0, children: [
-          /* @__PURE__ */ jsx(Text, { children: amountFormatter.format(amount) }),
+          /* @__PURE__ */ jsxs(Text, { children: [
+            amount.toLocaleString(void 0, {
+              maximumFractionDigits: 2
+            }),
+            " "
+          ] }),
           /* @__PURE__ */ jsx(
             Text,
             {
@@ -5065,8 +5079,7 @@ var AssetButton = ({
               "data-testid": `${symbol}-balance`,
               children: formatCompactCurrency(
                 currencyValue,
-                currentCurrency,
-                "de-DE"
+                { currency: currentCurrency }
               )
             }
           )
@@ -6335,7 +6348,7 @@ var useTotalBalance = ({ address = "" }) => {
   const formattedBalance = useMemo(() => {
     return formatCompactCurrency(
       totalBalanceInCurrency,
-      currentCurrency
+      { currency: currentCurrency }
     );
   }, [totalBalanceInCurrency, currentCurrency]);
   return {
@@ -9525,6 +9538,7 @@ var SendTokenContent = ({
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
   const { currentCurrency } = useCurrency();
+  const { exchangeRates } = useTokenPrices();
   const [selectedToken, setSelectedToken] = useState(
     preselectedToken ?? null
   );
@@ -9547,6 +9561,19 @@ var SendTokenContent = ({
     mode: "onChange"
   });
   const { toAddressOrDomain, amount } = watch();
+  const formattedValue = useMemo(() => {
+    if (selectedToken) {
+      return formatCompactCurrency(
+        convertToSelectedCurrency(
+          Number(amount) * selectedToken.priceUsd,
+          currentCurrency,
+          exchangeRates
+        ),
+        { currency: currentCurrency }
+      );
+    }
+    return "";
+  }, [amount, selectedToken, currentCurrency, exchangeRates]);
   useEffect(() => {
     if (selectedToken && amount) {
       Analytics.send.flow("amount", {
@@ -9641,6 +9668,7 @@ var SendTokenContent = ({
         resolvedAddress: resolvedDomainData?.address,
         amount: data.amount,
         selectedToken,
+        formattedTotalAmount: formattedValue,
         setCurrentContent
       }
     });
@@ -9809,10 +9837,7 @@ var SendTokenContent = ({
                   /* @__PURE__ */ jsxs(Text, { opacity: 0.5, children: [
                     "\u2248",
                     " ",
-                    formatCompactCurrency(
-                      Number(amount) * selectedToken.priceUsd,
-                      currentCurrency
-                    )
+                    formattedValue
                   ] }),
                   /* @__PURE__ */ jsx(
                     Text,
@@ -9931,18 +9956,14 @@ var SendTokenContent = ({
     ) })
   ] });
 };
-var summaryFormatter = new Intl.NumberFormat("de-DE", {
-  notation: "standard",
-  minimumFractionDigits: 2,
-  maximumFractionDigits: 2
-});
 var SendTokenSummaryContent = ({
   setCurrentContent,
   toAddressOrDomain,
   resolvedDomain,
   resolvedAddress,
   amount,
-  selectedToken
+  selectedToken,
+  formattedTotalAmount
 }) => {
   const { t } = useTranslation();
   const { account, connection, connectedWallet } = useWallet();
@@ -9954,7 +9975,6 @@ var SendTokenSummaryContent = ({
     3
   );
   const { open: openUpgradeSmartAccountModal } = useUpgradeSmartAccountModal();
-  const { currentCurrency } = useCurrency();
   const toImageSrc = useMemo(() => {
     if (avatar) {
       return avatar;
@@ -10173,7 +10193,10 @@ var SendTokenSummaryContent = ({
                     textAlign: "left",
                     "data-testid": "send-summary-amount",
                     children: [
-                      summaryFormatter.format(Number(amount)),
+                      Number(amount).toLocaleString(void 0, {
+                        minimumFractionDigits: 2,
+                        maximumFractionDigits: 2
+                      }),
                       " ",
                       selectedToken.symbol
                     ]
@@ -10182,10 +10205,7 @@ var SendTokenSummaryContent = ({
                 /* @__PURE__ */ jsxs(Text, { opacity: 0.5, children: [
                   "\u2248",
                   " ",
-                  formatCompactCurrency(
-                    Number(amount) * selectedToken.priceUsd,
-                    currentCurrency
-                  )
+                  formattedTotalAmount
                 ] })
               ] })
             ]
@@ -14068,7 +14088,8 @@ var DEFAULT_APPS = [
     tweets: [],
     ve_world: {
       banner: "https://i.ibb.co/cgJBj83/vbd.png"
-    }
+    },
+    categories: []
   },
   {
     name: "vet.domains",
@@ -14082,7 +14103,8 @@ var DEFAULT_APPS = [
     tweets: [],
     ve_world: {
       banner: "https://vet.domains/assets/walletconnect.png"
-    }
+    },
+    categories: []
   }
   // {
   //     name: 'VeChain Kit',
@@ -16963,6 +16985,14 @@ var useAppHubApps = () => {
   });
 };
 var getCallClauseQueryKey = ({
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  abi: abi9,
+  address,
+  method: method13
+}) => ["callClause", address, method13];
+var getCallClauseQueryKeyWithArgs = ({
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  abi: abi9,
   address,
   method: method13,
   args
@@ -16970,7 +17000,7 @@ var getCallClauseQueryKey = ({
   "callClause",
   address,
   method13,
-  ...args ? [args] : []
+  ...args?.length ? [args] : []
 ];
 var useCallClause = ({
   address,
@@ -16981,7 +17011,8 @@ var useCallClause = ({
 }) => {
   const thor = useThor();
   return useQuery({
-    queryKey: getCallClauseQueryKey({
+    queryKey: getCallClauseQueryKeyWithArgs({
+      abi: abi9,
       address,
       method: method13,
       args
@@ -17229,7 +17260,8 @@ var useGetAccountAddress = (ownerAddress) => {
 
 // src/hooks/thor/smartAccounts/useGetAccountVersion.ts
 var abi = SimpleAccountFactory__factory.abi;
-var getAccountVersionQueryKey = (accountAddress, ownerAddress, networkType) => getCallClauseQueryKey({
+var getAccountVersionQueryKey = (accountAddress, ownerAddress, networkType) => getCallClauseQueryKeyWithArgs({
+  abi,
   address: getConfig(networkType).accountFactoryAddress,
   method: "getAccountVersion",
   args: [accountAddress, ownerAddress]
@@ -17835,7 +17867,8 @@ var useGalaxyMemberTokensInfo = (owner, size = 10) => {
 // src/hooks/thor/contracts/NodeManagement/useGetUserNodes.ts
 var contractAbi = NodeManagement__factory.abi;
 var method3 = "getUserNodes";
-var getUserNodesQueryKey = (networkType, user) => getCallClauseQueryKey({
+var getUserNodesQueryKey = (networkType, user) => getCallClauseQueryKeyWithArgs({
+  abi: contractAbi,
   address: getConfig(networkType).nodeManagementContractAddress,
   method: method3,
   args: [user]
@@ -17897,7 +17930,7 @@ var useGetTokenUsdPrice = (token) => {
   });
 };
 var getVot3Balance = async (thor, network, address) => {
-  const res = await thor.contracts.load(getConfig(network).vot3ContractAddress, IVOT3__factory.abi).read.balanceOf(address);
+  const res = await thor.contracts.load(getConfig(network).vot3ContractAddress, VOT3__factory.abi).read.balanceOf(address);
   if (!res) throw new Error("Reverted");
   const original = res[0].toString();
   const scaled = formatEther$1(original);
@@ -17917,7 +17950,7 @@ var useGetVot3Balance = (address) => {
   const thor = useThor();
   const { network } = useVeChainKitConfig();
   return useQuery({
-    queryKey: getVot3BalanceQueryKey(address),
+    queryKey: getVot3BalanceQueryKey(address || ""),
     queryFn: async () => getVot3Balance(thor, network.type, address),
     enabled: !!thor && !!address && !!network.type
   });
@@ -17926,7 +17959,8 @@ var contractAbi2 = VeBetterPassport__factory.abi;
 var method4 = "isPerson";
 var getIsPersonQueryKey = (networkType, user) => {
   const veBetterPassportContractAddress = getConfig(networkType).veBetterPassportContractAddress;
-  return getCallClauseQueryKey({
+  return getCallClauseQueryKeyWithArgs({
+    abi: contractAbi2,
     address: veBetterPassportContractAddress,
     method: method4,
     args: [user]
@@ -17955,7 +17989,8 @@ var contractAbi3 = VeBetterPassport__factory.abi;
 var method5 = "isPersonAtTimepoint";
 var getIsPersonAtTimepointQueryKey = (networkType, user, timepoint) => {
   const veBetterPassportContractAddress = getConfig(networkType).veBetterPassportContractAddress;
-  return getCallClauseQueryKey({
+  return getCallClauseQueryKeyWithArgs({
+    abi: contractAbi3,
     address: veBetterPassportContractAddress,
     method: method5,
     args: [user, Number(timepoint)]
@@ -17985,7 +18020,8 @@ var useIsPersonAtTimepoint = (user, timepoint, customEnabled = true) => {
 var contractAbi4 = VeBetterPassport__factory.abi;
 var method6 = "signaledCounter";
 var getUserBotSignalsQueryKey = (networkType, userAddress) => {
-  return getCallClauseQueryKey({
+  return getCallClauseQueryKeyWithArgs({
+    abi: contractAbi4,
     address: getConfig(networkType).veBetterPassportContractAddress,
     method: method6,
     args: [userAddress]
@@ -18083,7 +18119,7 @@ var useRoundReward = (address, roundId) => {
       enabled: !!address && !!roundId && !!network.type,
       select: (data) => ({
         roundId,
-        rewards: formatEther(data[0])
+        rewards: formatEther(BigInt(data[0]))
       })
     }
   });
@@ -18372,7 +18408,8 @@ var useMostVotedAppsInRound = (roundId) => {
 // src/hooks/thor/contracts/X2EarnApps/useXAppsMetadataBaseUri.ts
 var abi5 = X2EarnApps__factory.abi;
 var method8 = "baseURI";
-var getXAppsMetadataBaseUriQueryKey = (network) => getCallClauseQueryKey({
+var getXAppsMetadataBaseUriQueryKey = (network) => getCallClauseQueryKeyWithArgs({
+  abi: abi5,
   method: method8,
   address: getConfig(network).x2EarnAppsContractAddress,
   args: []
@@ -18540,7 +18577,8 @@ var RoundState = {
 };
 var abi6 = XAllocationVoting__factory.abi;
 var method9 = "state";
-var getAllocationsRoundStateQueryKey = (roundId, network) => getCallClauseQueryKey({
+var getAllocationsRoundStateQueryKey = (roundId, network) => getCallClauseQueryKeyWithArgs({
+  abi: abi6,
   method: method9,
   address: getConfig(network).xAllocationVotingContractAddress,
   args: [BigInt(roundId || 0)]
@@ -18562,7 +18600,8 @@ var useAllocationsRoundState = (roundId) => {
 // src/hooks/thor/contracts/XAllocationVoting/useCurrentAllocationsRoundId.ts
 var abi7 = XAllocationVoting__factory.abi;
 var method10 = "currentRoundId";
-var getCurrentAllocationsRoundIdQueryKey = (network) => getCallClauseQueryKey({
+var getCurrentAllocationsRoundIdQueryKey = (network) => getCallClauseQueryKeyWithArgs({
+  abi: abi7,
   method: method10,
   address: getConfig(network).xAllocationVotingContractAddress,
   args: []
@@ -18584,7 +18623,8 @@ var useCurrentAllocationsRoundId = () => {
 // src/hooks/thor/contracts/XAllocationVoting/useHasVotedInRound.ts
 var method11 = "hasVoted";
 var abi8 = XAllocationVoting__factory.abi;
-var getHasVotedInRoundQueryKey = (roundId, address, networkType) => getCallClauseQueryKey({
+var getHasVotedInRoundQueryKey = (roundId, address, networkType) => getCallClauseQueryKeyWithArgs({
+  abi: abi8,
   address: getConfig(networkType).xAllocationVotingContractAddress,
   method: method11,
   args: [BigInt(roundId || 0), address]
@@ -18726,7 +18766,8 @@ var useAllocationsRound = (roundId) => {
 };
 var contractAbi5 = XAllocationVotingGovernor__factory.abi;
 var method12 = "getAppVotes";
-var getXAppVotesQueryKey = (networkType, roundId, appId) => getCallClauseQueryKey({
+var getXAppVotesQueryKey = (networkType, roundId, appId) => getCallClauseQueryKeyWithArgs({
+  abi: contractAbi5,
   address: getConfig(networkType).xAllocationVotingContractAddress,
   method: method12,
   args: [BigInt(roundId || 0), appId]
@@ -18743,7 +18784,7 @@ var useXAppVotes = (roundId, appId) => {
     args: [BigInt(roundId || 0), appId],
     queryOptions: {
       enabled: !!roundId && !!appId && !!network.type,
-      select: (res) => formatEther(res[0])
+      select: (res) => formatEther(BigInt(res[0]))
     }
   });
 };
@@ -20650,8 +20691,8 @@ var VeChainKitProvider = (props) => {
                   "--vdk-color-light-primary-hover": "#f8f8f8",
                   "--vdk-color-light-primary-active": "#f0f0f0",
                   "--vdk-color-light-secondary": "white",
-                  // Font settings
-                  "--vdk-font-family": "var(--chakra-fonts-body)",
+                  // Font settings - using system fonts instead of Chakra variables
+                  "--vdk-font-family": 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
                   "--vdk-font-size-medium": "14px",
                   "--vdk-font-size-large": "16px",
                   "--vdk-font-weight-medium": "500"
@@ -20956,25 +20997,89 @@ var themeConfig = {
     Button: buttonTheme,
     Popover: popoverTheme
   },
-  cssVarPrefix: "vechainKit"
+  cssVarPrefix: "vechain-kit",
+  // consistent naming across all components
+  // COMPLETELY disable global styles to prevent any conflicts
+  styles: {
+    global: () => ({})
+    // empty object = no global styles injected
+  },
+  // only defining the semantic tokens we need, scoped to our components
+  semanticTokens: {
+    colors: {
+      "chakra-body-text": {
+        _light: "#1A202C",
+        _dark: "#F7FAFC"
+      },
+      "chakra-body-bg": {
+        _light: "#FFFFFF",
+        _dark: "#1A202C"
+      },
+      "chakra-border-color": {
+        _light: "#E2E8F0",
+        _dark: "#2D3748"
+      },
+      "chakra-placeholder-color": {
+        _light: "#A0AEC0",
+        _dark: "#718096"
+      }
+    }
+  },
+  // minimal foundations to prevent global style injection
+  fonts: theme.fonts,
+  colors: theme.colors,
+  space: theme.space
 };
 var VechainKitTheme = extendTheme(themeConfig);
+VechainKitTheme.styles.global = () => ({});
+if (VechainKitTheme.__cssVars) {
+  VechainKitTheme.__cssVars.global = () => ({});
+}
 var { ToastContainer } = createStandaloneToast();
+var createVeChainKitCache = () => {
+  return createCache({
+    key: "vechain-kit",
+    // consistent with our layer and class names
+    prepend: true
+    // CSS layers will be handled via Global component injection
+  });
+};
+var LayerSetup = () => {
+  return /* @__PURE__ */ jsx(
+    Global,
+    {
+      styles: css`
+                /* define CSS layers with proper priority order */
+                @layer vechain-kit, host-app;
+
+                /* All vechain-kit styles go in the vechain-kit layer */
+                @layer vechain-kit {
+                    /* scope all Chakra styles to vechain-kit-root */
+                    .vechain-kit-root {
+                        /* vechain-kit styles are contained here */
+                    }
+                }
+            `
+    }
+  );
+};
 var EnsureChakraProvider = ({
   children,
   theme
 }) => {
-  try {
-    const chakraVars = document.documentElement.style.getPropertyValue(
-      "--chakra-colors-transparent"
-    );
-    if (chakraVars) {
-      return /* @__PURE__ */ jsx(ChakraProvider, { theme, resetCSS: false, children });
-    }
-  } catch (e) {
-    console.error(e);
-  }
-  return /* @__PURE__ */ jsx(ChakraProvider, { theme, resetCSS: true, children });
+  const cache = useMemo(() => createVeChainKitCache(), []);
+  return /* @__PURE__ */ jsxs(CacheProvider, { value: cache, children: [
+    /* @__PURE__ */ jsx(LayerSetup, {}),
+    /* @__PURE__ */ jsx(
+      ChakraProvider,
+      {
+        theme,
+        resetCSS: false,
+        portalZIndex: void 0,
+        children: /* @__PURE__ */ jsx("div", { className: "vechain-kit-root", children })
+      }
+    )
+  ] });
 };
 var EnsureColorModeScript = ({ darkMode }) => {
   try {
@@ -21010,11 +21115,6 @@ var VechainKitThemeProvider = ({
   ] });
 };
 
-// src/index.ts
-BigInt.prototype.toJSON = function() {
-  return { $bigint: this.toString() };
-};
-
-export { AccessAndSecurityContent, AccessAndSecurityModalProvider, AccountAvatar, AccountCustomizationModalProvider, AccountDetailsButton, AccountMainContent, AccountModal, AccountModalProvider, AccountSelector, ActionButton, AddressDisplay, AddressDisplayCard, AppearanceSettingsContent, AssetButton, AssetsContent, BalanceSection, BaseModal, BridgeContent, ChangeCurrencyContent, ChooseNameContent, ChooseNameModalProvider, ChooseNameSearchContent, ChooseNameSummaryContent, ConnectModal, ConnectModalProvider, ConnectPopover, ConnectionButton, CrossAppConnectionSecurityCard, CustomizationContent, CustomizationSummaryContent, DappKitButton, DisconnectConfirmContent, DomainRequiredAlert, EcosystemButton, EcosystemModal, EmailLoginButton, EmbeddedWalletContent, ExchangeWarningAlert, ExploreEcosystemModalProvider, FAQContent, FAQModalProvider, FadeInView, FadeInViewFromBottom, FadeInViewFromLeft, FadeInViewFromRight, FeatureAnnouncementCard, GeneralSettingsContent, LanguageSettingsContent, LegalDocumentItem, LegalDocumentsModal, LegalDocumentsProvider, LocalStorageKey, LoginLoadingModal, LoginWithGoogleButton, MAX_IMAGE_SIZE, MainContent, ManageCustomTokenContent, ModalBackButton, ModalFAQButton, ModalNotificationButton, NotificationsModalProvider, PRICE_FEED_IDS, PasskeyLoginButton, PrivyButton, PrivyWalletProvider, ProfileCard, ProfileContent, ProfileModalProvider, QuickActionsSection, ReceiveModalProvider, ReceiveTokenContent, RoundState, ScrollToTopWrapper, SelectTokenContent, SendTokenContent, SendTokenModalProvider, SendTokenSummaryContent, SettingsContent, ShareButtons, SocialIcons, StickyFooterContainer, StickyHeaderContainer, SwapTokenContent, TermsAndPrivacyContent, TransactionButtonAndStatus, TransactionModal, TransactionModalContent, TransactionModalProvider, TransactionToast, TransactionToastProvider, UpgradeSmartAccountContent, UpgradeSmartAccountModal, UpgradeSmartAccountModalProvider, VeChainKitContext, VeChainKitProvider, VeChainLoginButton, VeChainWithPrivyLoginButton, VechainKitThemeProvider, VersionFooter, WalletButton, WalletModalProvider, compressImages, currentBlockQueryKey, fetchAppHubApps, fetchPrivyAppInfo, fetchPrivyStatus, fetchVechainDomain, getAccountAddress, getAccountAddressQueryKey, getAccountBalance, getAccountBalanceQueryKey, getAccountImplementationAddress, getAccountImplementationAddressQueryKey, getAccountVersionQueryKey, getAllEventLogs, getAllocationsRoundStateQueryKey, getAllocationsRoundsEvents, getAllocationsRoundsEventsQueryKey, getAppHubAppsQueryKey, getAvatar, getAvatarLegacy, getAvatarLegacyQueryKey, getAvatarOfAddressQueryKey, getAvatarQueryKey, getB3trBalance, getB3trBalanceQueryKey, getCallClauseQueryKey, getChainId, getChainIdQueryKey, getCurrentAccountImplementationVersion, getCurrentAccountImplementationVersionQueryKey, getCurrentAllocationsRoundIdQueryKey, getCustomTokenBalance, getCustomTokenBalanceQueryKey, getCustomTokenInfo, getDomainsOfAddress, getDomainsOfAddressQueryKey, getEnsRecordExistsQueryKey, getErc20Balance, getErc20BalanceQueryKey, getEventLogs, getHasV1SmartAccount, getHasV1SmartAccountQueryKey, getHasVotedInRoundQueryKey, getIpfsImage, getIpfsImageQueryKey, getIpfsMetadata, getIpfsMetadataQueryKey, getIsDeployed, getIsDeployedQueryKey, getIsDomainProtectedQueryKey, getIsPersonAtTimepointQueryKey, getIsPersonQueryKey, getPrivyAppInfoQueryKey, getResolverAddressQueryKey, getRoundRewardQueryKey, getRoundXApps, getRoundXAppsQueryKey, getSmartAccount, getSmartAccountQueryKey, getTextRecords, getTextRecordsQueryKey, getTokenInfo, getTokenUsdPrice, getTokenUsdPriceQueryKey, getTokensInfoByOwnerQueryKey, getUpgradeRequired, getUpgradeRequiredForAccount, getUpgradeRequiredForAccountQueryKey, getUpgradeRequiredQueryKey, getUserBotSignalsQueryKey, getUserNodesQueryKey, getUserVotesInRound, getUserVotesInRoundQueryKey, getVeDelegateBalance, getVeDelegateBalanceQueryKey, getVechainDomainQueryKey, getVersion, getVersionQueryKey, getVot3Balance, getVot3BalanceQueryKey, getVotesInRoundQueryKey, getXAppMetadata, getXAppMetadataQueryKey, getXAppRoundEarnings, getXAppRoundEarningsQueryKey, getXAppTotalEarningsQueryKey, getXAppVotesQueryKey, getXApps, getXAppsMetadataBaseUriQueryKey, getXAppsQueryKey, getXAppsSharesQueryKey, imageCompressionOptions, txReceiptQueryKey, useAccessAndSecurityModal, useAccountBalance, useAccountCustomizationModal, useAccountImplementationAddress, useAccountModal, useAllocationsRound, useAllocationsRoundState, useAllocationsRoundsEvents, useAppHubApps, useBuildTransaction, useCallClause, useChooseNameModal, useClaimVeWorldSubdomain, useClaimVetDomain, useConnectModal, useCrossAppConnectionCache, useCurrency, useCurrentAccountImplementationVersion, useCurrentAllocationsRound, useCurrentAllocationsRoundId, useCurrentBlock, useCustomTokens, useEcosystemShortcuts, useEnsRecordExists, useExploreEcosystemModal, useFAQModal, useFeatureAnnouncement, useFetchAppInfo, useFetchPrivyStatus, useGalaxyMemberTokensInfo, useGetAccountAddress, useGetAccountVersion, useGetAvatar, useGetAvatarLegacy, useGetAvatarOfAddress, useGetB3trBalance, useGetChainId, useGetCustomTokenBalances, useGetCustomTokenInfo, useGetDomainsOfAddress, useGetErc20Balance, useGetNodeUrl, useGetResolverAddress, useGetTextRecords, useGetTokenUsdPrice, useGetUserNode, useGetUserNodes, useGetVeDelegateBalance, useGetVot3Balance, useHasV1SmartAccount, useHasVotedInRound, useIpfsImage, useIpfsImageList, useIpfsMetadata, useIpfsMetadatas, useIsDomainProtected, useIsPWA, useIsPerson, useIsPersonAtTimepoint, useIsSmartAccountDeployed, useIsUserPerson, useLegalDocuments, useLocalStorage, useLoginModalContent, useLoginWithOAuth2 as useLoginWithOAuth, useLoginWithPasskey, useLoginWithVeChain, useMostVotedAppsInRound, useMultipleXAppRoundEarnings, useNotificationAlerts, useNotifications, useNotificationsModal, usePrivyWalletProvider, useProfileModal, useReceiveModal, useRefreshBalances, useRefreshFactoryQueries, useRefreshMetadata, useRefreshSmartAccountQueries, useRoundReward, useRoundXApps, useScrollToTop, useSendTokenModal, useSendTransaction, useSignMessage2 as useSignMessage, useSignTypedData2 as useSignTypedData, useSingleImageUpload, useSmartAccount, useSmartAccountVersion, useSyncableLocalStorage, useTokenBalances, useTokenBalances2, useTokenPrices, useTokenPrices2, useTokensWithValues, useTotalBalance, useTransactionModal, useTransactionToast, useTransferERC20, useTransferVET, useTxReceipt, useUnsetDomain, useUpdateTextRecord, useUpgradeRequired, useUpgradeRequiredForAccount, useUpgradeSmartAccount, useUpgradeSmartAccountModal, useUploadImages, useUserBotSignals, useUserVotesInRound, useVeChainKitConfig, useVechainDomain, useVotesInRound, useVotingRewards, useWallet, useWalletMetadata, useWalletModal2 as useWalletModal, useXApp, useXAppMetadata, useXAppRoundEarnings, useXAppTotalEarnings, useXAppVotes, useXApps, useXAppsMetadataBaseUri, useXAppsShares };
+export { AccessAndSecurityContent, AccessAndSecurityModalProvider, AccountAvatar, AccountCustomizationModalProvider, AccountDetailsButton, AccountMainContent, AccountModal, AccountModalProvider, AccountSelector, ActionButton, AddressDisplay, AddressDisplayCard, AppearanceSettingsContent, AssetButton, AssetsContent, BalanceSection, BaseModal, BridgeContent, ChangeCurrencyContent, ChooseNameContent, ChooseNameModalProvider, ChooseNameSearchContent, ChooseNameSummaryContent, ConnectModal, ConnectModalProvider, ConnectPopover, ConnectionButton, CrossAppConnectionSecurityCard, CustomizationContent, CustomizationSummaryContent, DappKitButton, DisconnectConfirmContent, DomainRequiredAlert, EcosystemButton, EcosystemModal, EmailLoginButton, EmbeddedWalletContent, ExchangeWarningAlert, ExploreEcosystemModalProvider, FAQContent, FAQModalProvider, FadeInView, FadeInViewFromBottom, FadeInViewFromLeft, FadeInViewFromRight, FeatureAnnouncementCard, GeneralSettingsContent, LanguageSettingsContent, LegalDocumentItem, LegalDocumentsModal, LegalDocumentsProvider, LocalStorageKey, LoginLoadingModal, LoginWithGoogleButton, MAX_IMAGE_SIZE, MainContent, ManageCustomTokenContent, ModalBackButton, ModalFAQButton, ModalNotificationButton, NotificationsModalProvider, PRICE_FEED_IDS, PasskeyLoginButton, PrivyButton, PrivyWalletProvider, ProfileCard, ProfileContent, ProfileModalProvider, QuickActionsSection, ReceiveModalProvider, ReceiveTokenContent, RoundState, ScrollToTopWrapper, SelectTokenContent, SendTokenContent, SendTokenModalProvider, SendTokenSummaryContent, SettingsContent, ShareButtons, SocialIcons, StickyFooterContainer, StickyHeaderContainer, SwapTokenContent, TermsAndPrivacyContent, TransactionButtonAndStatus, TransactionModal, TransactionModalContent, TransactionModalProvider, TransactionToast, TransactionToastProvider, UpgradeSmartAccountContent, UpgradeSmartAccountModal, UpgradeSmartAccountModalProvider, VeChainKitContext, VeChainKitProvider, VeChainLoginButton, VeChainWithPrivyLoginButton, VechainKitThemeProvider, VersionFooter, WalletButton, WalletModalProvider, compressImages, currentBlockQueryKey, fetchAppHubApps, fetchPrivyAppInfo, fetchPrivyStatus, fetchVechainDomain, getAccountAddress, getAccountAddressQueryKey, getAccountBalance, getAccountBalanceQueryKey, getAccountImplementationAddress, getAccountImplementationAddressQueryKey, getAccountVersionQueryKey, getAllEventLogs, getAllocationsRoundStateQueryKey, getAllocationsRoundsEvents, getAllocationsRoundsEventsQueryKey, getAppHubAppsQueryKey, getAvatar, getAvatarLegacy, getAvatarLegacyQueryKey, getAvatarOfAddressQueryKey, getAvatarQueryKey, getB3trBalance, getB3trBalanceQueryKey, getCallClauseQueryKey, getCallClauseQueryKeyWithArgs, getChainId, getChainIdQueryKey, getCurrentAccountImplementationVersion, getCurrentAccountImplementationVersionQueryKey, getCurrentAllocationsRoundIdQueryKey, getCustomTokenBalance, getCustomTokenBalanceQueryKey, getCustomTokenInfo, getDomainsOfAddress, getDomainsOfAddressQueryKey, getEnsRecordExistsQueryKey, getErc20Balance, getErc20BalanceQueryKey, getEventLogs, getHasV1SmartAccount, getHasV1SmartAccountQueryKey, getHasVotedInRoundQueryKey, getIpfsImage, getIpfsImageQueryKey, getIpfsMetadata, getIpfsMetadataQueryKey, getIsDeployed, getIsDeployedQueryKey, getIsDomainProtectedQueryKey, getIsPersonAtTimepointQueryKey, getIsPersonQueryKey, getPrivyAppInfoQueryKey, getResolverAddressQueryKey, getRoundRewardQueryKey, getRoundXApps, getRoundXAppsQueryKey, getSmartAccount, getSmartAccountQueryKey, getTextRecords, getTextRecordsQueryKey, getTokenInfo, getTokenUsdPrice, getTokenUsdPriceQueryKey, getTokensInfoByOwnerQueryKey, getUpgradeRequired, getUpgradeRequiredForAccount, getUpgradeRequiredForAccountQueryKey, getUpgradeRequiredQueryKey, getUserBotSignalsQueryKey, getUserNodesQueryKey, getUserVotesInRound, getUserVotesInRoundQueryKey, getVeDelegateBalance, getVeDelegateBalanceQueryKey, getVechainDomainQueryKey, getVersion, getVersionQueryKey, getVot3Balance, getVot3BalanceQueryKey, getVotesInRoundQueryKey, getXAppMetadata, getXAppMetadataQueryKey, getXAppRoundEarnings, getXAppRoundEarningsQueryKey, getXAppTotalEarningsQueryKey, getXAppVotesQueryKey, getXApps, getXAppsMetadataBaseUriQueryKey, getXAppsQueryKey, getXAppsSharesQueryKey, imageCompressionOptions, txReceiptQueryKey, useAccessAndSecurityModal, useAccountBalance, useAccountCustomizationModal, useAccountImplementationAddress, useAccountModal, useAllocationsRound, useAllocationsRoundState, useAllocationsRoundsEvents, useAppHubApps, useBuildTransaction, useCallClause, useChooseNameModal, useClaimVeWorldSubdomain, useClaimVetDomain, useConnectModal, useCrossAppConnectionCache, useCurrency, useCurrentAccountImplementationVersion, useCurrentAllocationsRound, useCurrentAllocationsRoundId, useCurrentBlock, useCustomTokens, useEcosystemShortcuts, useEnsRecordExists, useExploreEcosystemModal, useFAQModal, useFeatureAnnouncement, useFetchAppInfo, useFetchPrivyStatus, useGalaxyMemberTokensInfo, useGetAccountAddress, useGetAccountVersion, useGetAvatar, useGetAvatarLegacy, useGetAvatarOfAddress, useGetB3trBalance, useGetChainId, useGetCustomTokenBalances, useGetCustomTokenInfo, useGetDomainsOfAddress, useGetErc20Balance, useGetNodeUrl, useGetResolverAddress, useGetTextRecords, useGetTokenUsdPrice, useGetUserNode, useGetUserNodes, useGetVeDelegateBalance, useGetVot3Balance, useHasV1SmartAccount, useHasVotedInRound, useIpfsImage, useIpfsImageList, useIpfsMetadata, useIpfsMetadatas, useIsDomainProtected, useIsPWA, useIsPerson, useIsPersonAtTimepoint, useIsSmartAccountDeployed, useIsUserPerson, useLegalDocuments, useLocalStorage, useLoginModalContent, useLoginWithOAuth2 as useLoginWithOAuth, useLoginWithPasskey, useLoginWithVeChain, useMostVotedAppsInRound, useMultipleXAppRoundEarnings, useNotificationAlerts, useNotifications, useNotificationsModal, usePrivyWalletProvider, useProfileModal, useReceiveModal, useRefreshBalances, useRefreshFactoryQueries, useRefreshMetadata, useRefreshSmartAccountQueries, useRoundReward, useRoundXApps, useScrollToTop, useSendTokenModal, useSendTransaction, useSignMessage2 as useSignMessage, useSignTypedData2 as useSignTypedData, useSingleImageUpload, useSmartAccount, useSmartAccountVersion, useSyncableLocalStorage, useTokenBalances, useTokenBalances2, useTokenPrices, useTokenPrices2, useTokensWithValues, useTotalBalance, useTransactionModal, useTransactionToast, useTransferERC20, useTransferVET, useTxReceipt, useUnsetDomain, useUpdateTextRecord, useUpgradeRequired, useUpgradeRequiredForAccount, useUpgradeSmartAccount, useUpgradeSmartAccountModal, useUploadImages, useUserBotSignals, useUserVotesInRound, useVeChainKitConfig, useVechainDomain, useVotesInRound, useVotingRewards, useWallet, useWalletMetadata, useWalletModal2 as useWalletModal, useXApp, useXAppMetadata, useXAppRoundEarnings, useXAppTotalEarnings, useXAppVotes, useXApps, useXAppsMetadataBaseUri, useXAppsShares };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map