@bze/bze-ui-kit 1.0.9 → 1.0.10

package/dist/index.js

@@ -324,6 +324,7 @@ __export(index_exports, {
   useSigningClient: () => useSigningClient,
   useToast: () => useToast,
   useValidatorLogos: () => useValidatorLogos,
+  useWalletHealthCheck: () => useWalletHealthCheck,
   validateBZEBech32Address: () => validateBZEBech32Address,
   validateBech32Address: () => validateBech32Address,
   validateEndpoints: () => validateEndpoints,
@@ -3644,13 +3645,41 @@ var useSigningClient = ({ chainName }) => {
   };
 };
 
-// src/hooks/usePrices.ts
+// src/hooks/useWalletHealthCheck.ts
 var import_react5 = require("react");
+var import_react6 = require("@interchain-kit/react");
+var import_core = require("@interchain-kit/core");
+var SIGNING_CLIENT_TIMEOUT_MS = 5e3;
+var useWalletHealthCheck = (chainName) => {
+  const { status, getSigningClient, disconnect } = (0, import_react6.useChain)(chainName != null ? chainName : getChainName());
+  (0, import_react5.useEffect)(() => {
+    if (status !== import_core.WalletState.Connected) return;
+    const validate = async () => {
+      try {
+        const client = await Promise.race([
+          getSigningClient(),
+          new Promise(
+            (resolve) => setTimeout(() => resolve(null), SIGNING_CLIENT_TIMEOUT_MS)
+          )
+        ]);
+        if (!client) {
+          disconnect();
+        }
+      } catch (e) {
+        disconnect();
+      }
+    };
+    validate();
+  }, []);
+};
+
+// src/hooks/usePrices.ts
+var import_react7 = require("react");
 function useAssetPrice(denom) {
   const { usdPricesMap, marketsDataMap, isLoadingPrices } = useAssetsContext();
-  const usdDenom = (0, import_react5.useMemo)(() => getUSDCDenom(), []);
-  const bzeDenom = (0, import_react5.useMemo)(() => getChainNativeAssetDenom(), []);
-  const change = (0, import_react5.useMemo)(() => {
+  const usdDenom = (0, import_react7.useMemo)(() => getUSDCDenom(), []);
+  const bzeDenom = (0, import_react7.useMemo)(() => getChainNativeAssetDenom(), []);
+  const change = (0, import_react7.useMemo)(() => {
     const marketData = marketsDataMap.get(createMarketId(denom, usdDenom));
     if (marketData) {
       return marketData.change;
@@ -3661,20 +3690,20 @@ function useAssetPrice(denom) {
     }
     return 0;
   }, [marketsDataMap, denom, usdDenom, bzeDenom]);
-  const price = (0, import_react5.useMemo)(() => {
+  const price = (0, import_react7.useMemo)(() => {
     const zeroBN = toBigNumber(0);
     if (denom === "") return zeroBN;
     if (denom === usdDenom) return toBigNumber(1);
     return usdPricesMap.get(denom) || zeroBN;
   }, [usdPricesMap, denom, usdDenom]);
-  const totalUsdValue = (0, import_react5.useCallback)((amount) => {
+  const totalUsdValue = (0, import_react7.useCallback)((amount) => {
     return price.multipliedBy(amount);
   }, [price]);
-  const uAmountUsdValue = (0, import_react5.useCallback)((amount, decimals) => {
+  const uAmountUsdValue = (0, import_react7.useCallback)((amount, decimals) => {
     return totalUsdValue(uAmountToBigNumberAmount(amount, decimals));
   }, [totalUsdValue]);
-  const isUSDC = (0, import_react5.useMemo)(() => denom === usdDenom, [denom, usdDenom]);
-  const hasPrice = (0, import_react5.useMemo)(() => price.gt(0), [price]);
+  const isUSDC = (0, import_react7.useMemo)(() => denom === usdDenom, [denom, usdDenom]);
+  const hasPrice = (0, import_react7.useMemo)(() => price.gt(0), [price]);
   return {
     price,
     change,
@@ -3687,36 +3716,36 @@ function useAssetPrice(denom) {
 }
 
 // src/hooks/useSettings.ts
-var import_react6 = require("react");
+var import_react8 = require("react");
 function useSettings() {
-  const [settings, setSettingsState] = (0, import_react6.useState)(DEFAULT_SETTINGS);
-  const [isLoaded, setIsLoaded] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  const [settings, setSettingsState] = (0, import_react8.useState)(DEFAULT_SETTINGS);
+  const [isLoaded, setIsLoaded] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
     setSettingsState(getSettings());
     setIsLoaded(true);
   }, []);
-  const saveSettings = (0, import_react6.useCallback)((newSettings) => {
+  const saveSettings = (0, import_react8.useCallback)((newSettings) => {
     setSettings(newSettings);
     setSettingsState(newSettings);
     return true;
   }, []);
-  const updateEndpoints = (0, import_react6.useCallback)((endpoints) => {
+  const updateEndpoints = (0, import_react8.useCallback)((endpoints) => {
     const newSettings = __spreadProps(__spreadValues({}, settings), { endpoints });
     return saveSettings(newSettings);
   }, [settings, saveSettings]);
-  const updatePreferredFeeDenom = (0, import_react6.useCallback)((preferredFeeDenom) => {
+  const updatePreferredFeeDenom = (0, import_react8.useCallback)((preferredFeeDenom) => {
     const newSettings = __spreadProps(__spreadValues({}, settings), { preferredFeeDenom });
     return saveSettings(newSettings);
   }, [settings, saveSettings]);
-  const resetToDefaults = (0, import_react6.useCallback)(() => {
+  const resetToDefaults = (0, import_react8.useCallback)(() => {
     saveSettings(DEFAULT_SETTINGS);
     return true;
   }, [saveSettings]);
-  const getEndpoints = (0, import_react6.useCallback)(() => {
+  const getEndpoints = (0, import_react8.useCallback)(() => {
     return settings.endpoints;
   }, [settings.endpoints]);
-  const defaultSettings = (0, import_react6.useMemo)(() => DEFAULT_SETTINGS, []);
-  const feeDenom = (0, import_react6.useMemo)(() => settings.preferredFeeDenom || getChainNativeAssetDenom(), [settings.preferredFeeDenom]);
+  const defaultSettings = (0, import_react8.useMemo)(() => DEFAULT_SETTINGS, []);
+  const feeDenom = (0, import_react8.useMemo)(() => settings.preferredFeeDenom || getChainNativeAssetDenom(), [settings.preferredFeeDenom]);
   return {
     settings,
     isLoaded,
@@ -3732,14 +3761,14 @@ function useSettings() {
 
 // src/hooks/useBalances.ts
 var import_bignumber8 = __toESM(require("bignumber.js"));
-var import_react7 = require("react");
+var import_react9 = require("react");
 function useBalances() {
   const { balancesMap, isLoading, assetsMap, usdPricesMap } = useAssetsContext();
-  const balances = (0, import_react7.useMemo)(() => Array.from(balancesMap.values()), [balancesMap]);
-  const getBalanceByDenom = (0, import_react7.useCallback)((denom) => {
+  const balances = (0, import_react9.useMemo)(() => Array.from(balancesMap.values()), [balancesMap]);
+  const getBalanceByDenom = (0, import_react9.useCallback)((denom) => {
     return balancesMap.get(denom) || { denom, amount: (0, import_bignumber8.default)(0) };
   }, [balancesMap]);
-  const assetsBalances = (0, import_react7.useMemo)(() => {
+  const assetsBalances = (0, import_react9.useMemo)(() => {
     const result = [];
     balances.map((bal) => {
       const asset = assetsMap.get(bal.denom);
@@ -3769,14 +3798,14 @@ function useBalances() {
 }
 function useBalance(denom) {
   const { balancesMap, isLoading } = useAssetsContext();
-  const balance = (0, import_react7.useMemo)(
+  const balance = (0, import_react9.useMemo)(
     () => balancesMap.get(denom) || {
       denom,
       amount: (0, import_bignumber8.default)(0)
     },
     [balancesMap, denom]
   );
-  const hasAmount = (0, import_react7.useCallback)((amount) => {
+  const hasAmount = (0, import_react9.useCallback)((amount) => {
     return balance.amount.gte(amount);
   }, [balance]);
   return {
@@ -3787,7 +3816,7 @@ function useBalance(denom) {
 }
 
 // src/hooks/useEpochs.ts
-var import_react8 = require("react");
+var import_react10 = require("react");
 var import_bignumber9 = __toESM(require("bignumber.js"));
 var EPOCH_HOUR2 = "hour";
 var EPOCH_DAY2 = "day";
@@ -3807,28 +3836,28 @@ function getEpochDurationByIdentifier2(identifier) {
 }
 function useEpochs() {
   const { epochs, isLoading, updateEpochs } = useAssetsContext();
-  const getCurrentEpoch2 = (0, import_react8.useCallback)((identifier) => {
+  const getCurrentEpoch2 = (0, import_react10.useCallback)((identifier) => {
     return epochs.get(identifier);
   }, [epochs]);
-  const hourEpochInfo = (0, import_react8.useMemo)(() => {
+  const hourEpochInfo = (0, import_react10.useMemo)(() => {
     return epochs.get(EPOCH_HOUR2);
   }, [epochs]);
-  const dayEpochInfo = (0, import_react8.useMemo)(() => {
+  const dayEpochInfo = (0, import_react10.useMemo)(() => {
     return epochs.get(EPOCH_DAY2);
   }, [epochs]);
-  const weekEpochInfo = (0, import_react8.useMemo)(() => {
+  const weekEpochInfo = (0, import_react10.useMemo)(() => {
     return epochs.get(EPOCH_WEEK2);
   }, [epochs]);
-  const getHourEpochInfo2 = (0, import_react8.useCallback)(() => {
+  const getHourEpochInfo2 = (0, import_react10.useCallback)(() => {
     return epochs.get(EPOCH_HOUR2);
   }, [epochs]);
-  const getDayEpochInfo = (0, import_react8.useCallback)(() => {
+  const getDayEpochInfo = (0, import_react10.useCallback)(() => {
     return epochs.get(EPOCH_DAY2);
   }, [epochs]);
-  const getWeekEpochInfo2 = (0, import_react8.useCallback)(() => {
+  const getWeekEpochInfo2 = (0, import_react10.useCallback)(() => {
     return epochs.get(EPOCH_WEEK2);
   }, [epochs]);
-  const getPeriodicEpochEndTime2 = (0, import_react8.useCallback)((identifier, modWeek = 1) => {
+  const getPeriodicEpochEndTime2 = (0, import_react10.useCallback)((identifier, modWeek = 1) => {
     const epoch = epochs.get(identifier);
     if (!epoch || !epoch.current_epoch_start_time) {
       return void 0;
@@ -3843,13 +3872,13 @@ function useEpochs() {
     startAt.setTime(startAt.getTime() + duration + duration * remainingEpochs);
     return startAt;
   }, [epochs]);
-  const getCurrentWeekEpochEndTime2 = (0, import_react8.useCallback)(() => {
+  const getCurrentWeekEpochEndTime2 = (0, import_react10.useCallback)(() => {
     return getPeriodicEpochEndTime2(EPOCH_WEEK2);
   }, [getPeriodicEpochEndTime2]);
-  const getPeriodicWeekEpochEndTime2 = (0, import_react8.useCallback)((modWeek = 1) => {
+  const getPeriodicWeekEpochEndTime2 = (0, import_react10.useCallback)((modWeek = 1) => {
     return getPeriodicEpochEndTime2(EPOCH_WEEK2, modWeek);
   }, [getPeriodicEpochEndTime2]);
-  const epochsList = (0, import_react8.useMemo)(() => Array.from(epochs.values()), [epochs]);
+  const epochsList = (0, import_react10.useMemo)(() => Array.from(epochs.values()), [epochs]);
   return {
     epochs: epochsList,
     epochsMap: epochs,
@@ -3876,22 +3905,22 @@ function useEpochsManager() {
 }
 
 // src/hooks/useLiquidityPools.ts
-var import_react9 = require("react");
+var import_react11 = require("react");
 var import_bignumber10 = __toESM(require("bignumber.js"));
 function useLiquidityPools() {
   const { poolsMap, poolsDataMap, updateLiquidityPools, isLoading, assetsMap } = useAssetsContext();
-  const pools = (0, import_react9.useMemo)(() => {
+  const pools = (0, import_react11.useMemo)(() => {
     return Array.from(poolsMap.values());
   }, [poolsMap]);
   const getPoolByLpDenom = (lpDenom) => {
     const poolId = poolIdFromPoolDenom(lpDenom);
     return poolsMap.get(poolId);
   };
-  const getDenomsPool = (0, import_react9.useCallback)((denomA, denomB) => {
+  const getDenomsPool = (0, import_react11.useCallback)((denomA, denomB) => {
     const poolId = createPoolId(denomA, denomB);
     return poolsMap.get(poolId);
   }, [poolsMap]);
-  const liquidAssets = (0, import_react9.useMemo)(() => {
+  const liquidAssets = (0, import_react11.useMemo)(() => {
     if (!assetsMap || assetsMap.size === 0) return [];
     const result = /* @__PURE__ */ new Map();
     pools.forEach((pool) => {
@@ -3914,12 +3943,12 @@ function useLiquidityPools() {
 }
 function useAssetLiquidityPools(denom) {
   const { poolsMap, poolsDataMap, isLoading } = useAssetsContext();
-  const assetPools = (0, import_react9.useMemo)(() => {
+  const assetPools = (0, import_react11.useMemo)(() => {
     return Array.from(poolsMap.values()).filter(
       (pool) => pool.base === denom || pool.quote === denom
     );
   }, [poolsMap, denom]);
-  const assetPoolsData = (0, import_react9.useMemo)(() => {
+  const assetPoolsData = (0, import_react11.useMemo)(() => {
     const newMap = /* @__PURE__ */ new Map();
     if (isLoading || denom === "") return newMap;
     assetPools.forEach((pool) => {
@@ -3930,7 +3959,7 @@ function useAssetLiquidityPools(denom) {
     });
     return newMap;
   }, [assetPools, poolsDataMap, isLoading, denom]);
-  const asset24HoursVolume = (0, import_react9.useMemo)(() => {
+  const asset24HoursVolume = (0, import_react11.useMemo)(() => {
     let volume = (0, import_bignumber10.default)(0);
     if (isLoading || denom === "") return volume;
     assetPoolsData.forEach((poolData) => {
@@ -3952,47 +3981,47 @@ function useAssetLiquidityPools(denom) {
 }
 function useLiquidityPool(poolId) {
   const { balancesMap, assetsMap, poolsMap, poolsDataMap, isLoading } = useAssetsContext();
-  const pool = (0, import_react9.useMemo)(() => poolsMap.get(poolId), [poolsMap, poolId]);
-  const poolData = (0, import_react9.useMemo)(() => poolsDataMap.get(poolId), [poolsDataMap, poolId]);
-  const userShares = (0, import_react9.useMemo)(() => {
+  const pool = (0, import_react11.useMemo)(() => poolsMap.get(poolId), [poolsMap, poolId]);
+  const poolData = (0, import_react11.useMemo)(() => poolsDataMap.get(poolId), [poolsDataMap, poolId]);
+  const userShares = (0, import_react11.useMemo)(() => {
     if (!pool) return toBigNumber(0);
     const balance = balancesMap.get(pool.lp_denom);
     if (!balance) return toBigNumber(0);
     return toBigNumber(balance.amount);
   }, [balancesMap, pool]);
-  const totalShares = (0, import_react9.useMemo)(() => {
+  const totalShares = (0, import_react11.useMemo)(() => {
     if (!assetsMap || !pool) return toBigNumber(0);
     const sharesAsset = assetsMap.get(pool.lp_denom);
     if (!sharesAsset) return toBigNumber(0);
     return toBigNumber((sharesAsset == null ? void 0 : sharesAsset.supply) || 0);
   }, [assetsMap, pool]);
-  const userSharesPercentage = (0, import_react9.useMemo)(() => {
+  const userSharesPercentage = (0, import_react11.useMemo)(() => {
     if (!userShares || !totalShares || totalShares.isZero()) {
       return toBigNumber(0);
     }
     return userShares.dividedBy(totalShares).multipliedBy(100).toFixed(2);
   }, [userShares, totalShares]);
-  const userReserveBase = (0, import_react9.useMemo)(() => {
+  const userReserveBase = (0, import_react11.useMemo)(() => {
     if (!pool || !userShares || !totalShares || totalShares.isZero()) {
       return toBigNumber(0);
     }
     const reserveBase = toBigNumber(pool.reserve_base);
     return userShares.dividedBy(totalShares).multipliedBy(reserveBase);
   }, [pool, userShares, totalShares]);
-  const userReserveQuote = (0, import_react9.useMemo)(() => {
+  const userReserveQuote = (0, import_react11.useMemo)(() => {
     if (!pool || !userShares || !totalShares || totalShares.isZero()) {
       return toBigNumber(0);
     }
     const reserveQuote = toBigNumber(pool.reserve_quote);
     return userShares.dividedBy(totalShares).multipliedBy(reserveQuote);
   }, [pool, userShares, totalShares]);
-  const calculateOppositeAmount = (0, import_react9.useCallback)((amount, isBase) => {
+  const calculateOppositeAmount = (0, import_react11.useCallback)((amount, isBase) => {
     if (!pool) {
       return toBigNumber(0);
     }
     return calculatePoolOppositeAmount(pool, amount, isBase);
   }, [pool]);
-  const calculateSharesFromAmounts = (0, import_react9.useCallback)((baseAmount, quoteAmount) => {
+  const calculateSharesFromAmounts = (0, import_react11.useCallback)((baseAmount, quoteAmount) => {
     if (!pool || !totalShares) {
       return toBigNumber(0);
     }
@@ -4027,11 +4056,11 @@ function useLiquidityPool(poolId) {
 }
 
 // src/hooks/useAssetsValue.ts
-var import_react10 = require("react");
+var import_react12 = require("react");
 var import_bignumber11 = __toESM(require("bignumber.js"));
 function useAssetsValue() {
   const { assetsMap, usdPricesMap, balancesMap, isLoading: isLoadingPrices } = useAssetsContext();
-  const totalUsdValue = (0, import_react10.useCallback)((prettyBalances) => {
+  const totalUsdValue = (0, import_react12.useCallback)((prettyBalances) => {
     let usdValue = (0, import_bignumber11.default)(0);
     prettyBalances.map((denomBalance) => {
       const assetPrice = usdPricesMap.get(denomBalance.denom);
@@ -4041,7 +4070,7 @@ function useAssetsValue() {
     });
     return usdValue;
   }, [usdPricesMap]);
-  const walletTotalUsdValue = (0, import_react10.useMemo)(() => {
+  const walletTotalUsdValue = (0, import_react12.useMemo)(() => {
     let total = toBigNumber(0);
     balancesMap.forEach((balance, denom) => {
       const price = usdPricesMap.get(denom);
@@ -4052,14 +4081,14 @@ function useAssetsValue() {
     });
     return total;
   }, [balancesMap, usdPricesMap, assetsMap]);
-  const denomUsdValue = (0, import_react10.useCallback)((denom, uAmount) => {
+  const denomUsdValue = (0, import_react12.useCallback)((denom, uAmount) => {
     const price = usdPricesMap.get(denom);
     if (!price || !price.gt(0)) return toBigNumber(0);
     const asset = assetsMap.get(denom);
     if (!asset) return toBigNumber(0);
     return price.multipliedBy(uAmountToBigNumberAmount(uAmount, asset.decimals));
   }, [usdPricesMap, assetsMap]);
-  const compareValues = (0, import_react10.useCallback)((a, b) => {
+  const compareValues = (0, import_react12.useCallback)((a, b) => {
     var _a2;
     let aValue = (0, import_bignumber11.default)(0);
     const aPrice = usdPricesMap.get(a.denom);
@@ -4083,13 +4112,13 @@ function useAssetsValue() {
 }
 
 // src/hooks/useFeeTokens.ts
-var import_react11 = require("react");
+var import_react13 = require("react");
 var MIN_LIQUIDITY_FOR_FEE_TOKEN = 5e10;
 function useFeeTokens() {
   const { pools, isLoading: poolsLoading } = useLiquidityPools();
   const { assetsMap, isLoading: assetsLoading } = useAssetsContext();
   const nativeDenom = getChainNativeAssetDenom();
-  const feeTokens = (0, import_react11.useMemo)(() => {
+  const feeTokens = (0, import_react13.useMemo)(() => {
     if (poolsLoading || assetsLoading) {
       return [];
     }
@@ -4119,17 +4148,17 @@ function useFeeTokens() {
 }
 
 // src/hooks/useMarkets.ts
-var import_react12 = require("react");
+var import_react14 = require("react");
 var import_bignumber12 = __toESM(require("bignumber.js"));
 function useMarkets() {
   const { marketsMap, marketsDataMap, updateMarkets, isLoading } = useAssetsContext();
-  const markets = (0, import_react12.useMemo)(() => {
+  const markets = (0, import_react14.useMemo)(() => {
     return Array.from(marketsMap.values());
   }, [marketsMap]);
-  const marketsData = (0, import_react12.useMemo)(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
-  const marketExists = (0, import_react12.useCallback)((marketId) => marketsMap.has(marketId), [marketsMap]);
-  const getMarketData = (0, import_react12.useCallback)((marketId) => marketsDataMap.get(marketId), [marketsDataMap]);
-  const getMarket = (0, import_react12.useCallback)((marketId) => marketsMap.get(marketId), [marketsMap]);
+  const marketsData = (0, import_react14.useMemo)(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
+  const marketExists = (0, import_react14.useCallback)((marketId) => marketsMap.has(marketId), [marketsMap]);
+  const getMarketData = (0, import_react14.useCallback)((marketId) => marketsDataMap.get(marketId), [marketsDataMap]);
+  const getMarket = (0, import_react14.useCallback)((marketId) => marketsMap.get(marketId), [marketsMap]);
   return {
     markets,
     marketsData,
@@ -4144,9 +4173,9 @@ function useMarkets() {
 }
 function useAssetMarkets(denom) {
   const { isLoading, marketsMap, marketsDataMap } = useAssetsContext();
-  const markets = (0, import_react12.useMemo)(() => Array.from(marketsMap.values()), [marketsMap]);
-  const marketsData = (0, import_react12.useMemo)(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
-  const assetMarkets = (0, import_react12.useMemo)(() => {
+  const markets = (0, import_react14.useMemo)(() => Array.from(marketsMap.values()), [marketsMap]);
+  const marketsData = (0, import_react14.useMemo)(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
+  const assetMarkets = (0, import_react14.useMemo)(() => {
     const baseMatches = [];
     const quoteMatches = [];
     for (const market of markets) {
@@ -4155,7 +4184,7 @@ function useAssetMarkets(denom) {
     }
     return [...baseMatches, ...quoteMatches];
   }, [markets, denom]);
-  const assetMarketsData = (0, import_react12.useMemo)(() => {
+  const assetMarketsData = (0, import_react14.useMemo)(() => {
     const baseMatches = [];
     const quoteMatches = [];
     for (const market of marketsData) {
@@ -4164,7 +4193,7 @@ function useAssetMarkets(denom) {
     }
     return [...baseMatches, ...quoteMatches];
   }, [marketsData, denom]);
-  const asset24hTradedVolume = (0, import_react12.useMemo)(() => {
+  const asset24hTradedVolume = (0, import_react14.useMemo)(() => {
     return assetMarketsData.reduce((acc, market) => {
       if (denom === market.base) {
         return acc.plus(market.base_volume || 0);
@@ -4183,8 +4212,8 @@ function useAssetMarkets(denom) {
 }
 function useMarket(marketId) {
   const { marketsMap, marketsDataMap, isLoading, assetsMap } = useAssetsContext();
-  const market = (0, import_react12.useMemo)(() => marketsMap.get(marketId), [marketsMap, marketId]);
-  const marketSymbol = (0, import_react12.useMemo)(() => {
+  const market = (0, import_react14.useMemo)(() => marketsMap.get(marketId), [marketsMap, marketId]);
+  const marketSymbol = (0, import_react14.useMemo)(() => {
     var _a2, _b2;
     if (isLoading) return "";
     if (!market) return "";
@@ -4198,9 +4227,9 @@ function useMarket(marketId) {
     }
     return `${base}/${quote}`;
   }, [market, isLoading, assetsMap]);
-  const marketData = (0, import_react12.useMemo)(() => marketsDataMap.get(marketId), [marketsDataMap, marketId]);
-  const marketExists = (0, import_react12.useMemo)(() => !!market, [market]);
-  const volume24h = (0, import_react12.useMemo)(() => {
+  const marketData = (0, import_react14.useMemo)(() => marketsDataMap.get(marketId), [marketsDataMap, marketId]);
+  const marketExists = (0, import_react14.useMemo)(() => !!market, [market]);
+  const volume24h = (0, import_react14.useMemo)(() => {
     if (!marketData || !market) return toBigNumber(0);
     const quoteAsset = assetsMap.get(market.quote);
     if (!quoteAsset) return toBigNumber(0);
@@ -4225,30 +4254,30 @@ function useMarketsManager() {
 }
 
 // src/hooks/useToast.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 
 // src/components/toaster.tsx
-var import_react13 = require("@chakra-ui/react");
+var import_react15 = require("@chakra-ui/react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var toaster = (0, import_react13.createToaster)({
+var toaster = (0, import_react15.createToaster)({
   placement: "top-end",
   pauseOnPageIdle: true
 });
 var Toaster = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.Toaster, { toaster, insetInline: { mdDown: "4" }, children: (toast) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react13.Toast.Root, { width: { md: "sm" }, children: [
-    toast.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.Spinner, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.Toast.Indicator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react13.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
-      toast.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.Toast.Title, { children: toast.title }),
-      toast.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.Toast.Description, { children: toast.description })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react15.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react15.Toaster, { toaster, insetInline: { mdDown: "4" }, children: (toast) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react15.Toast.Root, { width: { md: "sm" }, children: [
+    toast.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react15.Spinner, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react15.Toast.Indicator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react15.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+      toast.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react15.Toast.Title, { children: toast.title }),
+      toast.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react15.Toast.Description, { children: toast.description })
     ] }),
-    toast.action && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.Toast.ActionTrigger, { children: toast.action.label }),
-    toast.closable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react13.Toast.CloseTrigger, {})
+    toast.action && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react15.Toast.ActionTrigger, { children: toast.action.label }),
+    toast.closable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react15.Toast.CloseTrigger, {})
   ] }) }) });
 };
 
 // src/hooks/useToast.tsx
 var useToast = () => {
-  const clickableSuccess = (0, import_react14.useCallback)((title, actionFn, actionLabel, description, duration = 5e3) => {
+  const clickableSuccess = (0, import_react16.useCallback)((title, actionFn, actionLabel, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -4261,7 +4290,7 @@ var useToast = () => {
       }
     });
   }, []);
-  const success = (0, import_react14.useCallback)((title, description, duration = 5e3) => {
+  const success = (0, import_react16.useCallback)((title, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -4270,7 +4299,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const error = (0, import_react14.useCallback)((title, description, duration = 8e3) => {
+  const error = (0, import_react16.useCallback)((title, description, duration = 8e3) => {
     toaster.create({
       title,
       description,
@@ -4279,7 +4308,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const warning = (0, import_react14.useCallback)((title, description, duration = 6e3) => {
+  const warning = (0, import_react16.useCallback)((title, description, duration = 6e3) => {
     toaster.create({
       title,
       description,
@@ -4288,7 +4317,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const info = (0, import_react14.useCallback)((title, description, duration = 5e3) => {
+  const info = (0, import_react16.useCallback)((title, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -4297,7 +4326,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const loading = (0, import_react14.useCallback)((title, description) => {
+  const loading = (0, import_react16.useCallback)((title, description) => {
     return toaster.create({
       title,
       description,
@@ -4305,10 +4334,10 @@ var useToast = () => {
       closable: false
     });
   }, []);
-  const dismiss = (0, import_react14.useCallback)((id) => {
+  const dismiss = (0, import_react16.useCallback)((id) => {
     toaster.dismiss(id);
   }, []);
-  const toast = (0, import_react14.useMemo)(() => ({
+  const toast = (0, import_react16.useMemo)(() => ({
     clickableSuccess,
     success,
     error,
@@ -4322,9 +4351,9 @@ var useToast = () => {
 
 // src/hooks/useTx.tsx
 var import_tx13 = require("@bze/bzejs/cosmos/tx/v1beta1/tx");
-var import_react15 = require("@interchain-kit/react");
+var import_react17 = require("@interchain-kit/react");
 var import_bignumber13 = __toESM(require("bignumber.js"));
-var import_react16 = require("react");
+var import_react18 = require("react");
 var TxStatus = /* @__PURE__ */ ((TxStatus2) => {
   TxStatus2["Failed"] = "Transaction Failed";
   TxStatus2["Successful"] = "Transaction Successful";
@@ -4357,21 +4386,21 @@ var useIBCTx = (chainName) => {
   };
 };
 var useTx = (chainName) => {
-  const { address, disconnect } = (0, import_react15.useChain)(chainName);
+  const { address, disconnect } = (0, import_react17.useChain)(chainName);
   const { toast } = useToast();
   const { signingClient, isSigningClientReady, signingClientError } = useSigningClient({ chainName });
-  const [progressTrack, setProgressTrack] = (0, import_react16.useState)("");
+  const [progressTrack, setProgressTrack] = (0, import_react18.useState)("");
   const { getDenomsPool } = useLiquidityPools();
   const { feeDenom } = useSettings();
-  const defaultChainName = (0, import_react16.useMemo)(() => getChainName(), []);
-  const canUseClient = (0, import_react16.useCallback)(async () => {
+  const defaultChainName = (0, import_react18.useMemo)(() => getChainName(), []);
+  const canUseClient = (0, import_react18.useCallback)(async () => {
     if (!isSigningClientReady) {
       console.error("waiting for signing client to be ready", signingClientError);
       await sleep(1e3);
     }
     return isSigningClientReady;
   }, [isSigningClientReady, signingClientError]);
-  const simulateFee = (0, import_react16.useCallback)(async (messages, memo) => {
+  const simulateFee = (0, import_react18.useCallback)(async (messages, memo) => {
     var _a2;
     const gasPrice = 0.02;
     const nativeDenom = getChainNativeAssetDenom();
@@ -4416,7 +4445,7 @@ var useTx = (chainName) => {
       gas: gasAmount.multipliedBy(1.5).toFixed(0)
     };
   }, [signingClient, address, feeDenom, getDenomsPool]);
-  const getFee = (0, import_react16.useCallback)(async (messages, options) => {
+  const getFee = (0, import_react18.useCallback)(async (messages, options) => {
     try {
       if (options == null ? void 0 : options.fee) {
         return options.fee;
@@ -4429,7 +4458,7 @@ var useTx = (chainName) => {
       return defaultFee;
     }
   }, [simulateFee]);
-  const tx = (0, import_react16.useCallback)(async (msgs, options) => {
+  const tx = (0, import_react18.useCallback)(async (msgs, options) => {
     var _a2;
     if (!address) {
       toast.error("Transaction Failed" /* Failed */, "Please connect the wallet");
@@ -4488,16 +4517,16 @@ var useTx = (chainName) => {
 };
 
 // src/hooks/useValidatorLogos.ts
-var import_react17 = require("react");
+var import_react19 = require("react");
 var KEYBASE_API_URL = "https://keybase.io/_/api/1.0/user/lookup.json";
 var LOGOS_STORAGE_KEY = "validator_logos";
 var LOGOS_TTL = 24 * 60 * 60 * 1e3;
 var useValidatorLogos = (validators) => {
-  const [logos, setLogos] = (0, import_react17.useState)({});
-  const [isLoading, setIsLoading] = (0, import_react17.useState)(false);
-  const fetchedRef = (0, import_react17.useRef)(false);
-  const validatorCountRef = (0, import_react17.useRef)(0);
-  const fetchLogos = (0, import_react17.useCallback)(async (identities) => {
+  const [logos, setLogos] = (0, import_react19.useState)({});
+  const [isLoading, setIsLoading] = (0, import_react19.useState)(false);
+  const fetchedRef = (0, import_react19.useRef)(false);
+  const validatorCountRef = (0, import_react19.useRef)(0);
+  const fetchLogos = (0, import_react19.useCallback)(async (identities) => {
     if (identities.length === 0) return {};
     let cached = null;
     try {
@@ -4560,7 +4589,7 @@ var useValidatorLogos = (validators) => {
     }
     return result;
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!validators || validators.length === 0) return;
     if (fetchedRef.current && validatorCountRef.current === validators.length) return;
     const identities = validators.map((v) => {
@@ -4583,8 +4612,8 @@ var useValidatorLogos = (validators) => {
 };
 
 // src/components/highlight.tsx
-var import_react18 = require("@chakra-ui/react");
-var import_react19 = require("react");
+var import_react20 = require("@chakra-ui/react");
+var import_react21 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var HighlightText = (_a2) => {
   var _b2 = _a2, {
@@ -4600,14 +4629,14 @@ var HighlightText = (_a2) => {
     "highlightIntensity",
     "children"
   ]);
-  const [isHighlighted, setIsHighlighted] = (0, import_react19.useState)(false);
-  const isMountedRef = (0, import_react19.useRef)(false);
-  const timeoutRef = (0, import_react19.useRef)(void 0);
+  const [isHighlighted, setIsHighlighted] = (0, import_react21.useState)(false);
+  const isMountedRef = (0, import_react21.useRef)(false);
+  const timeoutRef = (0, import_react21.useRef)(void 0);
   const childrenString = String(children);
-  const previousValueRef = (0, import_react19.useRef)(childrenString);
+  const previousValueRef = (0, import_react21.useRef)(childrenString);
   const highlightOpacity = highlightIntensity === "subtle" ? "15" : "50";
   const boxShadowStrength = highlightIntensity === "subtle" ? "10" : "25";
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!isMountedRef.current) {
       isMountedRef.current = true;
       if (highlightOnMount) {
@@ -4636,7 +4665,7 @@ var HighlightText = (_a2) => {
     };
   }, [childrenString, duration, highlightOnMount]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react18.Text,
+    import_react20.Text,
     __spreadProps(__spreadValues({}, textProps), {
       transition: `all ${duration}ms ease-out`,
       bg: isHighlighted ? `${highlightColor}/${highlightOpacity}` : "transparent",
@@ -4651,12 +4680,12 @@ var HighlightText = (_a2) => {
 };
 
 // src/components/sidebar/sidebar.tsx
-var import_react20 = require("@chakra-ui/react");
+var import_react22 = require("@chakra-ui/react");
 var import_lu2 = require("react-icons/lu");
-var import_react21 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Sidebar = ({ children, trigger, ariaLabel }) => {
-  const [isOpen, setIsOpen] = (0, import_react21.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
   const handleTriggerClick = () => {
     setIsOpen(true);
   };
@@ -4665,7 +4694,7 @@ var Sidebar = ({ children, trigger, ariaLabel }) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { onClick: handleTriggerClick, style: { cursor: "pointer" }, children: trigger }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react20.Portal, { children: [
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react22.Portal, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
@@ -4733,13 +4762,13 @@ var Sidebar = ({ children, trigger, ariaLabel }) => {
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                    import_react20.IconButton,
+                    import_react22.IconButton,
                     {
                       "aria-label": "Close sidebar",
                       variant: "ghost",
                       size: "sm",
                       onClick: handleClose,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react20.Icon, { size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lu2.LuX, {}) })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react22.Icon, { size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lu2.LuX, {}) })
                     }
                   )
                 ]
@@ -4766,10 +4795,10 @@ var Sidebar = ({ children, trigger, ariaLabel }) => {
 };
 
 // src/components/sidebar/settings-sidebar.tsx
-var import_react22 = require("@chakra-ui/react");
-var import_react23 = require("@chakra-ui/react");
+var import_react24 = require("@chakra-ui/react");
+var import_react25 = require("@chakra-ui/react");
 var import_next_themes = require("next-themes");
-var import_react24 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var SettingsSidebarContent = ({ accentColor = "blue" }) => {
   const { setTheme, resolvedTheme } = (0, import_next_themes.useTheme)();
@@ -4777,19 +4806,19 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
   const { settings, isLoaded, updateEndpoints, updatePreferredFeeDenom, defaultSettings } = useSettings();
   const { connectionType } = useConnectionType();
   const { feeTokens, isLoading: feeTokensLoading } = useFeeTokens();
-  const [restEndpoint, setRestEndpoint] = (0, import_react24.useState)("");
-  const [rpcEndpoint, setRpcEndpoint] = (0, import_react24.useState)("");
-  const [isValidating, setIsValidating] = (0, import_react24.useState)(false);
-  const [validationResults, setValidationResults] = (0, import_react24.useState)({});
-  const [preferredFeeDenom, setPreferredFeeDenom] = (0, import_react24.useState)(void 0);
-  (0, import_react24.useEffect)(() => {
+  const [restEndpoint, setRestEndpoint] = (0, import_react26.useState)("");
+  const [rpcEndpoint, setRpcEndpoint] = (0, import_react26.useState)("");
+  const [isValidating, setIsValidating] = (0, import_react26.useState)(false);
+  const [validationResults, setValidationResults] = (0, import_react26.useState)({});
+  const [preferredFeeDenom, setPreferredFeeDenom] = (0, import_react26.useState)(void 0);
+  (0, import_react26.useEffect)(() => {
     if (isLoaded) {
       setRestEndpoint(settings.endpoints.restEndpoint);
       setRpcEndpoint(settings.endpoints.rpcEndpoint);
       setPreferredFeeDenom(settings.preferredFeeDenom || getChainNativeAssetDenom());
     }
   }, [isLoaded, settings]);
-  const handleValidateEndpoints = (0, import_react24.useCallback)(async (rest, rpc) => {
+  const handleValidateEndpoints = (0, import_react26.useCallback)(async (rest, rpc) => {
     setIsValidating(true);
     setValidationResults({});
     try {
@@ -4809,7 +4838,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       setTimeout(() => setValidationResults({}), 1e4);
     }
   }, []);
-  const handleSaveSettings = (0, import_react24.useCallback)(async (rest, rpc, feeDenom) => {
+  const handleSaveSettings = (0, import_react26.useCallback)(async (rest, rpc, feeDenom) => {
     setValidationResults({});
     const results = await validateEndpoints(rest, rpc);
     if (!results.isValid) {
@@ -4829,13 +4858,13 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       toast.success("Success!", "Settings have been saved.");
     }
   }, []);
-  const handleResetToDefaults = (0, import_react24.useCallback)(() => {
+  const handleResetToDefaults = (0, import_react26.useCallback)(() => {
     setRestEndpoint(defaultSettings.endpoints.restEndpoint);
     setRpcEndpoint(defaultSettings.endpoints.rpcEndpoint);
     setPreferredFeeDenom(defaultSettings.preferredFeeDenom);
     setValidationResults({});
   }, []);
-  const connectionStatusText = (0, import_react24.useMemo)(() => {
+  const connectionStatusText = (0, import_react26.useMemo)(() => {
     switch (connectionType) {
       case CONNECTION_TYPE_NONE:
         return "Failed";
@@ -4845,7 +4874,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         return "Connected";
     }
   }, [connectionType]);
-  const connectionStatusBadgeColor = (0, import_react24.useMemo)(() => {
+  const connectionStatusBadgeColor = (0, import_react26.useMemo)(() => {
     switch (connectionType) {
       case CONNECTION_TYPE_NONE:
         return "red";
@@ -4855,24 +4884,24 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         return "green";
     }
   }, [connectionType]);
-  const feeTokensCollection = (0, import_react24.useMemo)(() => (0, import_react22.createListCollection)({
+  const feeTokensCollection = (0, import_react26.useMemo)(() => (0, import_react24.createListCollection)({
     items: feeTokens.map((token) => ({
       label: token.ticker || token.name,
       value: token.denom,
       name: token.ticker || token.name
     }))
   }), [feeTokens]);
-  const handleFeeTokenChange = (0, import_react24.useCallback)((denom) => {
+  const handleFeeTokenChange = (0, import_react26.useCallback)((denom) => {
     setPreferredFeeDenom(denom || void 0);
   }, []);
   const hasUnsavedChanges = restEndpoint !== settings.endpoints.restEndpoint || rpcEndpoint !== settings.endpoints.rpcEndpoint || preferredFeeDenom !== settings.preferredFeeDenom;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.VStack, { gap: "6", align: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Appearance" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.VStack, { gap: "3", align: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.HStack, { justify: "space-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", children: "Dark Mode" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.VStack, { gap: "6", align: "stretch", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Appearance" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.VStack, { gap: "3", align: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.HStack, { justify: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", children: "Dark Mode" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          import_react22.Switch.Root,
+          import_react24.Switch.Root,
           {
             checked: resolvedTheme === "dark",
             onCheckedChange: (details) => {
@@ -4880,19 +4909,19 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
               setTheme(newTheme);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Switch.HiddenInput, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Switch.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Switch.Thumb, {}) })
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Switch.HiddenInput, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Switch.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Switch.Thumb, {}) })
             ]
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Fee Token Preference" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.VStack, { gap: "3", align: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Fee Token Preference" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.VStack, { gap: "3", align: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.Box, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          import_react23.Select.Root,
+          import_react25.Select.Root,
           {
             collection: feeTokensCollection,
             size: "sm",
@@ -4900,35 +4929,35 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
             onValueChange: (details) => handleFeeTokenChange(details.value[0] || ""),
             disabled: feeTokensLoading,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.Label, { children: "Preferred Fee Token" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.HiddenSelect, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react23.Select.Control, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.ValueText, { placeholder: "Native Token (default)" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.IndicatorGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.Indicator, {}) })
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.Label, { children: "Preferred Fee Token" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.HiddenSelect, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react25.Select.Control, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.ValueText, { placeholder: "Native Token (default)" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.IndicatorGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.Indicator, {}) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.Content, { children: feeTokensCollection.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react23.Select.Item, { item, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { children: item.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.Select.ItemIndicator, {})
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.Content, { children: feeTokensCollection.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react25.Select.Item, { item, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { children: item.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react25.Select.ItemIndicator, {})
               ] }, item.value)) }) }) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "xs", color: "fg.muted", mt: "2", children: "Select your preferred token for paying transaction fees. Only tokens with liquidity pools paired with the native token are available." })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "xs", color: "fg.muted", mt: "2", children: "Select your preferred token for paying transaction fees. Only tokens with liquidity pools paired with the native token are available." })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "BeeZee Endpoints" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.VStack, { gap: "4", align: "stretch", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.HStack, { gap: "2", align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", mb: "1", children: "Status: " }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Badge, { colorPalette: connectionStatusBadgeColor, children: connectionStatusText })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "BeeZee Endpoints" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.VStack, { gap: "4", align: "stretch", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.HStack, { gap: "2", align: "center", justify: "space-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", mb: "1", children: "Status: " }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Badge, { colorPalette: connectionStatusBadgeColor, children: connectionStatusText })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", mb: "1", children: "REST Endpoint" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "xs", color: "fg.muted", mb: "2", children: "Note: Endpoint must have CORS enabled to work in browser" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", mb: "1", children: "REST Endpoint" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "xs", color: "fg.muted", mb: "2", children: "Note: Endpoint must have CORS enabled to work in browser" }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_react22.Input,
+            import_react24.Input,
             {
               size: "sm",
               placeholder: "https://rest.getbze.com",
@@ -4937,7 +4966,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
             }
           ),
           validationResults.rest && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_react22.Box,
+            import_react24.Box,
             {
               mt: "2",
               p: "3",
@@ -4947,15 +4976,15 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
               borderWidth: "1px",
               borderColor: validationResults.rest.isValid ? "green.500/30" : "red.500/30",
               borderRadius: "md",
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", color: validationResults.rest.isValid ? "green.700" : "red.700", _dark: { color: validationResults.rest.isValid ? "green.300" : "red.300" }, children: validationResults.rest.error || "REST endpoint is valid" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", color: validationResults.rest.isValid ? "green.700" : "red.700", _dark: { color: validationResults.rest.isValid ? "green.300" : "red.300" }, children: validationResults.rest.error || "REST endpoint is valid" })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", mb: "1", children: "RPC Endpoint" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "xs", color: "fg.muted", mb: "2", children: "Note: Must support WebSocket (WS/WSS) connections" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", mb: "1", children: "RPC Endpoint" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "xs", color: "fg.muted", mb: "2", children: "Note: Must support WebSocket (WS/WSS) connections" }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_react22.Input,
+            import_react24.Input,
             {
               size: "sm",
               placeholder: "wss://rpc.getbze.com",
@@ -4964,7 +4993,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
             }
           ),
           validationResults.rpc && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_react22.Box,
+            import_react24.Box,
             {
               mt: "2",
               p: "3",
@@ -4974,12 +5003,12 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
               borderWidth: "1px",
               borderColor: validationResults.rpc.isValid ? "green.500/30" : "red.500/30",
               borderRadius: "md",
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Text, { fontSize: "sm", color: validationResults.rpc.isValid ? "green.700" : "red.700", _dark: { color: validationResults.rpc.isValid ? "green.300" : "red.300" }, children: validationResults.rpc.error || "RPC endpoint is valid" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Text, { fontSize: "sm", color: validationResults.rpc.isValid ? "green.700" : "red.700", _dark: { color: validationResults.rpc.isValid ? "green.300" : "red.300" }, children: validationResults.rpc.error || "RPC endpoint is valid" })
             }
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_react22.Button,
+          import_react24.Button,
           {
             size: "sm",
             variant: "outline",
@@ -4991,9 +5020,9 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.VStack, { gap: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react24.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react24.VStack, { gap: "3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_react22.Button,
+        import_react24.Button,
         {
           size: "sm",
           width: "full",
@@ -5004,7 +5033,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_react22.Button,
+        import_react24.Button,
         {
           size: "sm",
           width: "full",
@@ -5019,11 +5048,11 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
 
 // src/components/sidebar/wallet-sidebar.tsx
 var import_styles = require("@interchain-kit/react/styles.css");
-var import_react25 = require("@interchain-kit/react");
-var import_react26 = require("@chakra-ui/react");
+var import_react27 = require("@interchain-kit/react");
+var import_react28 = require("@chakra-ui/react");
 var import_lu3 = require("react-icons/lu");
-var import_react27 = require("react");
-var import_core = require("@interchain-kit/core");
+var import_react29 = require("react");
+var import_core2 = require("@interchain-kit/core");
 var import_bignumber14 = __toESM(require("bignumber.js"));
 var import_bzejs4 = require("@bze/bzejs");
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -5043,16 +5072,16 @@ var validateAmount = (amount, coin2, onError) => {
   }
 };
 var BalanceItem = ({ asset, onClick, accentColor }) => {
-  const [showSendButton, setShowSendButton] = (0, import_react27.useState)(false);
-  const formattedBalanceAmount = (0, import_react27.useMemo)(() => {
+  const [showSendButton, setShowSendButton] = (0, import_react29.useState)(false);
+  const formattedBalanceAmount = (0, import_react29.useMemo)(() => {
     var _a2;
     return prettyAmount(uAmountToBigNumberAmount(asset.amount, (_a2 = asset.decimals) != null ? _a2 : 0));
   }, [asset.amount, asset.decimals]);
-  const formattedBalanceUSDValue = (0, import_react27.useMemo)(() => {
+  const formattedBalanceUSDValue = (0, import_react29.useMemo)(() => {
     return shortNumberFormat(asset.USDValue);
   }, [asset.USDValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    import_react26.Box,
+    import_react28.Box,
     {
       p: "3",
       bgGradient: "to-br",
@@ -5070,10 +5099,10 @@ var BalanceItem = ({ asset, onClick, accentColor }) => {
       onMouseLeave: () => setShowSendButton(false),
       onMouseEnter: () => setShowSendButton(true),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { justify: "space-between", mb: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { justify: "space-between", mb: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react26.Image,
+              import_react28.Image,
               {
                 src: asset.logo,
                 alt: asset.ticker,
@@ -5082,13 +5111,13 @@ var BalanceItem = ({ asset, onClick, accentColor }) => {
                 borderRadius: "full"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "sm", fontWeight: "medium", children: asset.ticker }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "xs", color: "fg.muted", children: asset.name }),
-            isIbcDenom(asset.denom) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Badge, { size: "xs", colorPalette: accentColor, children: "IBC" })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "sm", fontWeight: "medium", children: asset.ticker }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "xs", color: "fg.muted", children: asset.name }),
+            isIbcDenom(asset.denom) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Badge, { size: "xs", colorPalette: accentColor, children: "IBC" })
           ] }),
-          showSendButton && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.HStack, { justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Button, { size: "2xs", variant: "outline", onClick, children: "Send" }) })
+          showSendButton && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.HStack, { justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Button, { size: "2xs", variant: "outline", onClick, children: "Send" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { justify: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { justify: "space-between", children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HighlightText, { fontSize: "sm", fontFamily: "mono", children: formattedBalanceAmount }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(HighlightText, { fontSize: "sm", color: "fg.muted", children: [
             "$",
@@ -5100,18 +5129,18 @@ var BalanceItem = ({ asset, onClick, accentColor }) => {
   );
 };
 var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
-  const [isLoading, setIsLoading] = (0, import_react27.useState)(false);
-  const [selectedCoin, setSelectedCoin] = (0, import_react27.useState)();
-  const [sendAmount, setSendAmount] = (0, import_react27.useState)("");
-  const [sendAmountError, setSendAmountError] = (0, import_react27.useState)("");
-  const [recipient, setRecipient] = (0, import_react27.useState)("");
-  const [recipientError, setRecipientError] = (0, import_react27.useState)("");
-  const [memo, setMemo] = (0, import_react27.useState)("");
-  const [memoError, setMemoError] = (0, import_react27.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react29.useState)(false);
+  const [selectedCoin, setSelectedCoin] = (0, import_react29.useState)();
+  const [sendAmount, setSendAmount] = (0, import_react29.useState)("");
+  const [sendAmountError, setSendAmountError] = (0, import_react29.useState)("");
+  const [recipient, setRecipient] = (0, import_react29.useState)("");
+  const [recipientError, setRecipientError] = (0, import_react29.useState)("");
+  const [memo, setMemo] = (0, import_react29.useState)("");
+  const [memoError, setMemoError] = (0, import_react29.useState)("");
   const { toast } = useToast();
-  const { status, address } = (0, import_react25.useChain)(getChainName());
+  const { status, address } = (0, import_react27.useChain)(getChainName());
   const { tx } = useSDKTx(getChainName());
-  const coinsCollection = (0, import_react26.createListCollection)({
+  const coinsCollection = (0, import_react28.createListCollection)({
     items: balances.map((item) => {
       var _a2;
       return {
@@ -5121,22 +5150,22 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       };
     })
   });
-  const isValidForm = (0, import_react27.useMemo)(() => {
+  const isValidForm = (0, import_react29.useMemo)(() => {
     return selectedCoin && memoError === "" && recipientError === "" && sendAmountError === "" && sendAmount !== "" && recipient !== "";
   }, [selectedCoin, memoError, recipientError, sendAmountError, sendAmount, recipient]);
-  const resetSendForm = (0, import_react27.useCallback)(() => {
+  const resetSendForm = (0, import_react29.useCallback)(() => {
     setSelectedCoin(void 0);
     setSendAmount("");
     setRecipient("");
     setMemo("");
   }, []);
-  const handleSend = (0, import_react27.useCallback)(async () => {
+  const handleSend = (0, import_react29.useCallback)(async () => {
     var _a2, _b2;
     if (!isValidForm) {
       toast.error("Can not send coins!", "Please check the input data.");
       return;
     }
-    if (status !== import_core.WalletState.Connected) {
+    if (status !== import_core2.WalletState.Connected) {
       toast.error("Wallet not connected!", "Please connect your wallet first.");
       return;
     }
@@ -5155,11 +5184,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
     setIsLoading(false);
     onClose();
   }, [address, memo, onClose, recipient, selectedCoin, sendAmount, status]);
-  const handleCancel = (0, import_react27.useCallback)(() => {
+  const handleCancel = (0, import_react29.useCallback)(() => {
     resetSendForm();
     onClose();
   }, [onClose, resetSendForm]);
-  const onRecipientChange = (0, import_react27.useCallback)((recipient2) => {
+  const onRecipientChange = (0, import_react29.useCallback)((recipient2) => {
     setRecipient(recipient2);
     if (recipient2.length === 0) {
       setRecipientError("");
@@ -5172,11 +5201,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       setRecipientError(validate.message);
     }
   }, []);
-  const onAmountChange = (0, import_react27.useCallback)((amount) => {
+  const onAmountChange = (0, import_react29.useCallback)((amount) => {
     setSendAmount(sanitizeNumberInput(amount));
     setSendAmountError("");
   }, []);
-  const onCoinSelectChange = (0, import_react27.useCallback)((ticker) => {
+  const onCoinSelectChange = (0, import_react29.useCallback)((ticker) => {
     if (ticker === "") return;
     const selectedCoin2 = balances.find((item) => item.ticker === ticker);
     if (selectedCoin2) {
@@ -5184,13 +5213,13 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       validateAmount(sendAmount, selectedCoin2, setSendAmountError);
     }
   }, [sendAmount, balances]);
-  const setMaxAmount = (0, import_react27.useCallback)(() => {
+  const setMaxAmount = (0, import_react29.useCallback)(() => {
     if (!selectedCoin) return;
     const maxAmount = uAmountToBigNumberAmount(selectedCoin.amount, selectedCoin.decimals);
     onAmountChange(maxAmount.toString());
     validateAmount(maxAmount.toString(), selectedCoin, setSendAmountError);
   }, [selectedCoin, onAmountChange]);
-  const onMemoChange = (0, import_react27.useCallback)((memo2) => {
+  const onMemoChange = (0, import_react29.useCallback)((memo2) => {
     setMemo(memo2);
     if (memo2.length > 256) {
       setMemoError("Memo must be less than or equal to 256 characters");
@@ -5198,16 +5227,16 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       setMemoError("");
     }
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (selectedTicker !== "") {
       onCoinSelectChange(selectedTicker);
     }
   }, [onCoinSelectChange, selectedTicker]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.VStack, { gap: "4", align: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "sm", fontWeight: "medium", children: "Send Coins" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.VStack, { gap: "4", align: "stretch", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "sm", fontWeight: "medium", children: "Send Coins" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react26.Button,
+        import_react28.Button,
         {
           size: "xs",
           variant: "ghost",
@@ -5217,25 +5246,25 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Box, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        import_react26.Select.Root,
+        import_react28.Select.Root,
         {
           collection: coinsCollection,
           size: "sm",
           value: (selectedCoin == null ? void 0 : selectedCoin.ticker) ? [selectedCoin.ticker] : [],
           onValueChange: (details) => onCoinSelectChange(details.value[0] || ""),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.Label, { children: "Coin" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.HiddenSelect, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Select.Control, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.ValueText, { placeholder: "Select coin" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.IndicatorGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.Indicator, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.Label, { children: "Coin" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.HiddenSelect, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Select.Control, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.ValueText, { placeholder: "Select coin" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.IndicatorGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.Indicator, {}) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.Content, { children: coinsCollection.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Select.Item, { item, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { gap: "2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.Content, { children: coinsCollection.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Select.Item, { item, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { gap: "2", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                  import_react26.Image,
+                  import_react28.Image,
                   {
                     src: item.logo,
                     alt: item.value,
@@ -5244,15 +5273,15 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
                     borderRadius: "full"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { children: item.label })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { children: item.label })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.ItemIndicator, {})
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Select.ItemIndicator, {})
             ] }, item.value)) }) }) })
           ]
         }
       ),
       selectedCoin && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react26.Box,
+        import_react28.Box,
         {
           mt: "2",
           p: "3",
@@ -5262,15 +5291,15 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
           borderRadius: "md",
           borderWidth: "1px",
           borderColor: `${accentColor}.500/30`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { justify: "space-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "xs", color: "fg.muted", children: "Available:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.VStack, { gap: "0", align: "end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Text, { fontSize: "sm", fontWeight: "medium", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { justify: "space-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "xs", color: "fg.muted", children: "Available:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.VStack, { gap: "0", align: "end", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Text, { fontSize: "sm", fontWeight: "medium", children: [
                 uAmountToAmount(selectedCoin.amount, selectedCoin.decimals),
                 " ",
                 selectedCoin.ticker
               ] }),
-              selectedCoin.USDValue.gt(0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Text, { fontSize: "xs", color: "fg.muted", children: [
+              selectedCoin.USDValue.gt(0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Text, { fontSize: "xs", color: "fg.muted", children: [
                 "\u2248 $",
                 shortNumberFormat(selectedCoin.USDValue)
               ] })
@@ -5279,11 +5308,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Field.Root, { invalid: sendAmountError !== "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Field.Label, { children: "Amount" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Group, { attached: true, w: "full", maxW: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Field.Root, { invalid: sendAmountError !== "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Field.Label, { children: "Amount" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Group, { attached: true, w: "full", maxW: "sm", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_react26.Input,
+          import_react28.Input,
           {
             size: "sm",
             placeholder: "Amount to send",
@@ -5292,14 +5321,14 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
             onBlur: () => validateAmount(sendAmount, selectedCoin, setSendAmountError)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Button, { variant: "outline", size: "sm", onClick: setMaxAmount, disabled: isLoading, children: "Max" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Button, { variant: "outline", size: "sm", onClick: setMaxAmount, disabled: isLoading, children: "Max" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Field.ErrorText, { children: sendAmountError })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Field.ErrorText, { children: sendAmountError })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Field.Root, { invalid: recipientError !== "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Field.Label, { children: "Recipient Address" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Field.Root, { invalid: recipientError !== "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Field.Label, { children: "Recipient Address" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react26.Input,
+        import_react28.Input,
         {
           size: "sm",
           placeholder: "bze...2a1b",
@@ -5307,20 +5336,20 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
           onChange: (e) => onRecipientChange(e.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Field.ErrorText, { children: recipientError })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Field.ErrorText, { children: recipientError })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Field.Root, { invalid: memoError !== "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Field.Label, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Field.Root, { invalid: memoError !== "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Field.Label, { children: [
         "Memo",
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_react26.Field.RequiredIndicator,
+          import_react28.Field.RequiredIndicator,
           {
-            fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Badge, { size: "xs", variant: "surface", children: "Optional" })
+            fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Badge, { size: "xs", variant: "surface", children: "Optional" })
           }
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react26.Textarea,
+        import_react28.Textarea,
         {
           size: "sm",
           placeholder: "Transaction memo",
@@ -5330,11 +5359,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
           resize: "none"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Field.ErrorText, { children: memoError })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Field.ErrorText, { children: memoError })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { gap: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { gap: "2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react26.Button,
+        import_react28.Button,
         {
           size: "sm",
           flex: "1",
@@ -5347,7 +5376,7 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react26.Button,
+        import_react28.Button,
         {
           size: "sm",
           flex: "1",
@@ -5361,25 +5390,25 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
   ] });
 };
 var WalletSidebarContent = ({ accentColor = "blue" }) => {
-  const [viewState, setViewState] = (0, import_react27.useState)("balances");
-  const [isDisconnecting, setIsDisconnecting] = (0, import_react27.useState)(false);
-  const [showCopiedTooltip, setShowCopiedTooltip] = (0, import_react27.useState)(false);
-  const [clickedBalance, setClickedBalance] = (0, import_react27.useState)("");
-  const copyButtonRef = (0, import_react27.useRef)(null);
+  const [viewState, setViewState] = (0, import_react29.useState)("balances");
+  const [isDisconnecting, setIsDisconnecting] = (0, import_react29.useState)(false);
+  const [showCopiedTooltip, setShowCopiedTooltip] = (0, import_react29.useState)(false);
+  const [clickedBalance, setClickedBalance] = (0, import_react29.useState)("");
+  const copyButtonRef = (0, import_react29.useRef)(null);
   const {
     status,
     username,
     address,
     disconnect,
     connect
-  } = (0, import_react25.useChain)(getChainName());
+  } = (0, import_react27.useChain)(getChainName());
   const { assetsBalances, isLoading: assetsLoading } = useBalances();
-  const balancesWithoutLps = (0, import_react27.useMemo)(() => {
+  const balancesWithoutLps = (0, import_react29.useMemo)(() => {
     if (assetsLoading) return [];
     return assetsBalances.filter((asset) => !isLpDenom(asset.denom));
   }, [assetsLoading, assetsBalances]);
   const nativeDenom = getChainNativeAssetDenom();
-  const sortedBalances = (0, import_react27.useMemo)(() => {
+  const sortedBalances = (0, import_react29.useMemo)(() => {
     return balancesWithoutLps.sort((a, b) => {
       if (a.denom === nativeDenom) return -1;
       if (b.denom === nativeDenom) return 1;
@@ -5395,21 +5424,21 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       return 0;
     });
   }, [balancesWithoutLps]);
-  const walletAddress = (0, import_react27.useMemo)(() => stringTruncateFromCenter(address != null ? address : "", 16), [address]);
+  const walletAddress = (0, import_react29.useMemo)(() => stringTruncateFromCenter(address != null ? address : "", 16), [address]);
   const handleCopyAddress = () => {
     navigator.clipboard.writeText(address);
     setShowCopiedTooltip(true);
     setTimeout(() => setShowCopiedTooltip(false), 2e3);
   };
-  const handleCancel = (0, import_react27.useCallback)(() => {
+  const handleCancel = (0, import_react29.useCallback)(() => {
     setViewState("balances");
     setClickedBalance("");
   }, []);
-  const onBalanceClick = (0, import_react27.useCallback)((ticker) => {
+  const onBalanceClick = (0, import_react29.useCallback)((ticker) => {
     setClickedBalance(ticker);
     setViewState("send");
   }, []);
-  const handleDisconnectAll = (0, import_react27.useCallback)(async () => {
+  const handleDisconnectAll = (0, import_react29.useCallback)(async () => {
     setIsDisconnecting(true);
     try {
       console.log("Disconnected from all chains");
@@ -5420,16 +5449,16 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       setIsDisconnecting(false);
     }
   }, [disconnect]);
-  const renderBalancesView = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.VStack, { gap: "6", align: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Balances" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.VStack, { gap: "2", align: "stretch", children: sortedBalances.map((bal) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BalanceItem, { asset: bal, onClick: () => onBalanceClick(bal.ticker), accentColor }, bal.denom)) })
+  const renderBalancesView = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.VStack, { gap: "6", align: "stretch", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Balances" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.VStack, { gap: "2", align: "stretch", children: sortedBalances.map((bal) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BalanceItem, { asset: bal, onClick: () => onBalanceClick(bal.ticker), accentColor }, bal.denom)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Quick Actions" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.VStack, { gap: "2", align: "stretch", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Quick Actions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.VStack, { gap: "2", align: "stretch", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_react26.Button,
+          import_react28.Button,
           {
             size: "sm",
             variant: "outline",
@@ -5440,7 +5469,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          import_react26.Button,
+          import_react28.Button,
           {
             size: "sm",
             variant: "outline",
@@ -5453,7 +5482,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          import_react26.Button,
+          import_react28.Button,
           {
             size: "sm",
             variant: "outline",
@@ -5467,8 +5496,8 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react26.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_react28.Button,
       {
         size: "sm",
         width: "full",
@@ -5481,27 +5510,27 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       }
     ) })
   ] });
-  const statusColor = (0, import_react27.useMemo)(() => {
+  const statusColor = (0, import_react29.useMemo)(() => {
     switch (status) {
-      case import_core.WalletState.Connected:
+      case import_core2.WalletState.Connected:
         return "green";
-      case import_core.WalletState.Connecting:
+      case import_core2.WalletState.Connecting:
         return "yellow";
-      case import_core.WalletState.Disconnected:
+      case import_core2.WalletState.Disconnected:
         return "red";
       default:
         return "gray";
     }
   }, [status]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.VStack, { gap: "6", align: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.InterchainWalletModal, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { justify: "space-between", mb: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "sm", fontWeight: "medium", children: "Wallet Status" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Badge, { colorPalette: statusColor, size: "sm", children: status })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.VStack, { gap: "6", align: "stretch", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react27.InterchainWalletModal, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { justify: "space-between", mb: "3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "sm", fontWeight: "medium", children: "Wallet Status" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Badge, { colorPalette: statusColor, size: "sm", children: status })
       ] }),
-      status === import_core.WalletState.Connected && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        import_react26.Box,
+      status === import_core2.WalletState.Connected && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        import_react28.Box,
         {
           p: "3",
           bgGradient: "to-br",
@@ -5511,12 +5540,12 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
           borderWidth: "1px",
           borderColor: `${accentColor}.500/20`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "xs", color: "fg.muted", mb: "1", children: username != null ? username : "Address" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { justify: "space-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { fontSize: "sm", fontFamily: "mono", children: walletAddress }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Box, { position: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "xs", color: "fg.muted", mb: "1", children: username != null ? username : "Address" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.HStack, { justify: "space-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Text, { fontSize: "sm", fontFamily: "mono", children: walletAddress }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react28.Box, { position: "relative", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                  import_react26.Button,
+                  import_react28.Button,
                   {
                     ref: copyButtonRef,
                     size: "xs",
@@ -5526,7 +5555,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
                   }
                 ),
                 showCopiedTooltip && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                  import_react26.Box,
+                  import_react28.Box,
                   {
                     position: "absolute",
                     top: "-35px",
@@ -5551,8 +5580,8 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
           ]
         }
       ),
-      status !== import_core.WalletState.Connected && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react26.Button,
+      status !== import_core2.WalletState.Connected && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react28.Button,
         {
           size: "sm",
           variant: "solid",
@@ -5562,14 +5591,14 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Separator, {}),
-    status === import_core.WalletState.Connected && viewState === "balances" && renderBalancesView(),
-    status === import_core.WalletState.Connected && viewState === "send" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SendForm, { balances: sortedBalances, onClose: handleCancel, selectedTicker: clickedBalance, accentColor })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react28.Separator, {}),
+    status === import_core2.WalletState.Connected && viewState === "balances" && renderBalancesView(),
+    status === import_core2.WalletState.Connected && viewState === "send" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SendForm, { balances: sortedBalances, onClose: handleCancel, selectedTicker: clickedBalance, accentColor })
   ] });
 };
 
 // src/components/settings-toggle.tsx
-var import_react28 = require("@chakra-ui/react");
+var import_react30 = require("@chakra-ui/react");
 var import_lu4 = require("react-icons/lu");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function SettingsToggle({ accentColor }) {
@@ -5577,21 +5606,21 @@ function SettingsToggle({ accentColor }) {
     Sidebar,
     {
       ariaLabel: "Settings",
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react28.Button, { variant: "subtle", size: { base: "sm", md: "md" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lu4.LuSettings, {}) }),
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react30.Button, { variant: "subtle", size: { base: "sm", md: "md" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lu4.LuSettings, {}) }),
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SettingsSidebarContent, { accentColor })
     }
   );
 }
 
 // src/components/testnet-banner.tsx
-var import_react29 = require("@chakra-ui/react");
+var import_react31 = require("@chakra-ui/react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var TestnetBanner = () => {
   if (!isTestnetChain()) {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_react29.Box,
+    import_react31.Box,
     {
       position: "fixed",
       bottom: "0",
@@ -5605,7 +5634,7 @@ var TestnetBanner = () => {
       fontSize: "xs",
       fontWeight: "bold",
       letterSpacing: "wide",
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react29.Text, { children: "YOU ARE ON TESTNET" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react31.Text, { children: "YOU ARE ON TESTNET" })
     }
   );
 };
@@ -5876,6 +5905,7 @@ var TestnetBanner = () => {
   useSigningClient,
   useToast,
   useValidatorLogos,
+  useWalletHealthCheck,
   validateBZEBech32Address,
   validateBech32Address,
   validateEndpoints,