@bze/bze-ui-kit 0.4.0 → 0.4.2

package/dist/index.js

@@ -183,6 +183,8 @@ __export(index_exports, {
   getCurrentEpoch: () => getCurrentEpoch,
   getCurrentWeekEpochEndTime: () => getCurrentWeekEpochEndTime,
   getDefaultTxMemo: () => getDefaultTxMemo,
+  getDelegatorDelegations: () => getDelegatorDelegations,
+  getDelegatorValidators: () => getDelegatorValidators,
   getDenomType: () => getDenomType,
   getDistributionParams: () => getDistributionParams,
   getEcosystemApps: () => getEcosystemApps,
@@ -239,8 +241,10 @@ __export(index_exports, {
   getStakingRewards: () => getStakingRewards,
   getTradingViewIntervals: () => getTradingViewIntervals,
   getUSDCDenom: () => getUSDCDenom,
+  getValidatorDelegatorRewards: () => getValidatorDelegatorRewards,
   getValidatorPageUrl: () => getValidatorPageUrl,
   getValidatorSupportedDenoms: () => getValidatorSupportedDenoms,
+  getValidators: () => getValidators,
   getWalletChainsNames: () => getWalletChainsNames,
   getWeekEpochInfo: () => getWeekEpochInfo,
   intlDateFormat: () => intlDateFormat,
@@ -306,6 +310,7 @@ __export(index_exports, {
   useSettings: () => useSettings,
   useSigningClient: () => useSigningClient,
   useToast: () => useToast,
+  useValidatorLogos: () => useValidatorLogos,
   validateBZEBech32Address: () => validateBZEBech32Address,
   validateBech32Address: () => validateBech32Address,
   validateEndpoints: () => validateEndpoints,
@@ -2880,6 +2885,7 @@ async function mapPendingUnlock(pending) {
 // src/query/staking.ts
 var import_pagination5 = require("@bze/bzejs/cosmos/base/query/v1beta1/pagination");
 var import_bignumber7 = __toESM(require("bignumber.js"));
+var import_staking = require("@bze/bzejs/cosmos/staking/v1beta1/staking");
 var getAddressDelegations = async (address) => {
   try {
     const client = await getRestClient();
@@ -3046,6 +3052,65 @@ var getStakingPool = async () => {
     };
   }
 };
+var getValidators = async (status = import_staking.BondStatus.BOND_STATUS_BONDED) => {
+  try {
+    const client = await getRestClient();
+    const statusStr = status === import_staking.BondStatus.BOND_STATUS_BONDED ? "BOND_STATUS_BONDED" : status === import_staking.BondStatus.BOND_STATUS_UNBONDING ? "BOND_STATUS_UNBONDING" : status === import_staking.BondStatus.BOND_STATUS_UNBONDED ? "BOND_STATUS_UNBONDED" : "";
+    const resp = await client.cosmos.staking.v1beta1.validators({
+      status: statusStr,
+      pagination: import_pagination5.PageRequest.fromPartial({
+        limit: BigInt(500)
+      })
+    });
+    return resp.validators;
+  } catch (e) {
+    console.error("failed to get validators", e);
+    return [];
+  }
+};
+var getDelegatorValidators = async (address) => {
+  try {
+    const client = await getRestClient();
+    const resp = await client.cosmos.staking.v1beta1.delegatorValidators({
+      delegatorAddr: address,
+      pagination: import_pagination5.PageRequest.fromPartial({
+        limit: BigInt(500)
+      })
+    });
+    return resp.validators;
+  } catch (e) {
+    console.error("failed to get delegator validators", e);
+    return [];
+  }
+};
+var getDelegatorDelegations = async (address) => {
+  try {
+    const client = await getRestClient();
+    const resp = await client.cosmos.staking.v1beta1.delegatorDelegations({
+      delegatorAddr: address,
+      pagination: import_pagination5.PageRequest.fromPartial({
+        limit: BigInt(1e3)
+      })
+    });
+    return resp.delegation_responses;
+  } catch (e) {
+    console.error("failed to get delegator delegations", e);
+    return [];
+  }
+};
+var getValidatorDelegatorRewards = async (address, validatorAddress) => {
+  try {
+    const client = await getRestClient();
+    const resp = await client.cosmos.distribution.v1beta1.delegationRewards({
+      delegatorAddress: address,
+      validatorAddress
+    });
+    return resp.rewards;
+  } catch (e) {
+    console.error("failed to get validator delegator rewards", e);
+    return [];
+  }
+};
 
 // src/query/aggregator.ts
 var getAllTickersUrl = () => {
@@ -4120,9 +4185,104 @@ var useTx = (chainName, isCosmos, isIBC) => {
   };
 };
 
+// src/hooks/useValidatorLogos.ts
+var import_react17 = 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) => {
+    if (identities.length === 0) return {};
+    let cached = null;
+    try {
+      const raw = typeof window !== "undefined" ? localStorage.getItem(LOGOS_STORAGE_KEY) : null;
+      if (raw) {
+        const parsed = JSON.parse(raw);
+        if (parsed && typeof parsed === "object" && parsed.data && (!parsed.expiry || Date.now() < parsed.expiry)) {
+          cached = parsed.data;
+        }
+      }
+    } catch (e) {
+    }
+    if (cached) {
+      const allCached = identities.every(
+        (v) => v.operatorAddress in cached
+      );
+      if (allCached) {
+        return cached;
+      }
+    }
+    const result = cached != null ? cached : {};
+    const toFetch = identities.filter((v) => !(v.operatorAddress in result));
+    if (toFetch.length === 0) return result;
+    const chunkSize = 20;
+    for (let i = 0; i < toFetch.length; i += chunkSize) {
+      const chunk = toFetch.slice(i, i + chunkSize);
+      const chunkResults = await Promise.all(
+        chunk.map(async ({ operatorAddress, identity }) => {
+          var _a2, _b2, _c, _d, _e;
+          if (!identity) {
+            return { operatorAddress, url: "" };
+          }
+          try {
+            const resp = await fetch(
+              `${KEYBASE_API_URL}?key_suffix=${encodeURIComponent(identity)}&fields=pictures`
+            );
+            const data = await resp.json();
+            const url = (_e = (_d = (_c = (_b2 = (_a2 = data == null ? void 0 : data.them) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.pictures) == null ? void 0 : _c.primary) == null ? void 0 : _d.url) != null ? _e : "";
+            return { operatorAddress, url };
+          } catch (e) {
+            return { operatorAddress, url: "" };
+          }
+        })
+      );
+      for (const { operatorAddress, url } of chunkResults) {
+        result[operatorAddress] = url;
+      }
+      if (i + chunkSize < toFetch.length) {
+        await new Promise((resolve) => setTimeout(resolve, 500));
+      }
+    }
+    try {
+      if (typeof window !== "undefined") {
+        localStorage.setItem(LOGOS_STORAGE_KEY, JSON.stringify({
+          data: result,
+          expiry: Date.now() + LOGOS_TTL
+        }));
+      }
+    } catch (e) {
+    }
+    return result;
+  }, []);
+  (0, import_react17.useEffect)(() => {
+    if (!validators || validators.length === 0) return;
+    if (fetchedRef.current && validatorCountRef.current === validators.length) return;
+    const identities = validators.map((v) => {
+      var _a2, _b2;
+      return {
+        operatorAddress: v.operator_address,
+        identity: (_b2 = (_a2 = v.description) == null ? void 0 : _a2.identity) != null ? _b2 : ""
+      };
+    });
+    setIsLoading(true);
+    fetchedRef.current = true;
+    validatorCountRef.current = validators.length;
+    fetchLogos(identities).then((result) => {
+      setLogos(result);
+    }).catch(console.error).finally(() => {
+      setIsLoading(false);
+    });
+  }, [validators, fetchLogos]);
+  return { logos, isLoading };
+};
+
 // src/components/highlight.tsx
-var import_react17 = require("@chakra-ui/react");
-var import_react18 = require("react");
+var import_react18 = require("@chakra-ui/react");
+var import_react19 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var HighlightText = (_a2) => {
   var _b2 = _a2, {
@@ -4138,14 +4298,14 @@ var HighlightText = (_a2) => {
     "highlightIntensity",
     "children"
   ]);
-  const [isHighlighted, setIsHighlighted] = (0, import_react18.useState)(false);
-  const isMountedRef = (0, import_react18.useRef)(false);
-  const timeoutRef = (0, import_react18.useRef)(void 0);
+  const [isHighlighted, setIsHighlighted] = (0, import_react19.useState)(false);
+  const isMountedRef = (0, import_react19.useRef)(false);
+  const timeoutRef = (0, import_react19.useRef)(void 0);
   const childrenString = String(children);
-  const previousValueRef = (0, import_react18.useRef)(childrenString);
+  const previousValueRef = (0, import_react19.useRef)(childrenString);
   const highlightOpacity = highlightIntensity === "subtle" ? "15" : "50";
   const boxShadowStrength = highlightIntensity === "subtle" ? "10" : "25";
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!isMountedRef.current) {
       isMountedRef.current = true;
       if (highlightOnMount) {
@@ -4174,7 +4334,7 @@ var HighlightText = (_a2) => {
     };
   }, [childrenString, duration, highlightOnMount]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react17.Text,
+    import_react18.Text,
     __spreadProps(__spreadValues({}, textProps), {
       transition: `all ${duration}ms ease-out`,
       bg: isHighlighted ? `${highlightColor}/${highlightOpacity}` : "transparent",
@@ -4189,12 +4349,12 @@ var HighlightText = (_a2) => {
 };
 
 // src/components/sidebar/sidebar.tsx
-var import_react19 = require("@chakra-ui/react");
+var import_react20 = require("@chakra-ui/react");
 var import_lu2 = require("react-icons/lu");
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Sidebar = ({ children, trigger, ariaLabel }) => {
-  const [isOpen, setIsOpen] = (0, import_react20.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react21.useState)(false);
   const handleTriggerClick = () => {
     setIsOpen(true);
   };
@@ -4203,7 +4363,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_react19.Portal, { children: [
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react20.Portal, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
@@ -4271,13 +4431,13 @@ var Sidebar = ({ children, trigger, ariaLabel }) => {
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                    import_react19.IconButton,
+                    import_react20.IconButton,
                     {
                       "aria-label": "Close sidebar",
                       variant: "ghost",
                       size: "sm",
                       onClick: handleClose,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react19.Icon, { size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lu2.LuX, {}) })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react20.Icon, { size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lu2.LuX, {}) })
                     }
                   )
                 ]
@@ -4304,10 +4464,10 @@ var Sidebar = ({ children, trigger, ariaLabel }) => {
 };
 
 // src/components/sidebar/settings-sidebar.tsx
-var import_react21 = require("@chakra-ui/react");
 var import_react22 = require("@chakra-ui/react");
+var import_react23 = require("@chakra-ui/react");
 var import_next_themes = require("next-themes");
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var SettingsSidebarContent = ({ accentColor = "blue" }) => {
   const { setTheme, resolvedTheme } = (0, import_next_themes.useTheme)();
@@ -4315,19 +4475,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_react23.useState)("");
-  const [rpcEndpoint, setRpcEndpoint] = (0, import_react23.useState)("");
-  const [isValidating, setIsValidating] = (0, import_react23.useState)(false);
-  const [validationResults, setValidationResults] = (0, import_react23.useState)({});
-  const [preferredFeeDenom, setPreferredFeeDenom] = (0, import_react23.useState)(void 0);
-  (0, import_react23.useEffect)(() => {
+  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)(() => {
     if (isLoaded) {
       setRestEndpoint(settings.endpoints.restEndpoint);
       setRpcEndpoint(settings.endpoints.rpcEndpoint);
       setPreferredFeeDenom(settings.preferredFeeDenom || getChainNativeAssetDenom());
     }
   }, [isLoaded, settings]);
-  const handleValidateEndpoints = (0, import_react23.useCallback)(async (rest, rpc) => {
+  const handleValidateEndpoints = (0, import_react24.useCallback)(async (rest, rpc) => {
     setIsValidating(true);
     setValidationResults({});
     try {
@@ -4347,7 +4507,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       setTimeout(() => setValidationResults({}), 1e4);
     }
   }, []);
-  const handleSaveSettings = (0, import_react23.useCallback)(async (rest, rpc, feeDenom) => {
+  const handleSaveSettings = (0, import_react24.useCallback)(async (rest, rpc, feeDenom) => {
     setValidationResults({});
     const results = await validateEndpoints(rest, rpc);
     if (!results.isValid) {
@@ -4367,13 +4527,13 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       toast.success("Success!", "Settings have been saved.");
     }
   }, []);
-  const handleResetToDefaults = (0, import_react23.useCallback)(() => {
+  const handleResetToDefaults = (0, import_react24.useCallback)(() => {
     setRestEndpoint(defaultSettings.endpoints.restEndpoint);
     setRpcEndpoint(defaultSettings.endpoints.rpcEndpoint);
     setPreferredFeeDenom(defaultSettings.preferredFeeDenom);
     setValidationResults({});
   }, []);
-  const connectionStatusText = (0, import_react23.useMemo)(() => {
+  const connectionStatusText = (0, import_react24.useMemo)(() => {
     switch (connectionType) {
       case CONNECTION_TYPE_NONE:
         return "Failed";
@@ -4383,7 +4543,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         return "Connected";
     }
   }, [connectionType]);
-  const connectionStatusBadgeColor = (0, import_react23.useMemo)(() => {
+  const connectionStatusBadgeColor = (0, import_react24.useMemo)(() => {
     switch (connectionType) {
       case CONNECTION_TYPE_NONE:
         return "red";
@@ -4393,24 +4553,24 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         return "green";
     }
   }, [connectionType]);
-  const feeTokensCollection = (0, import_react23.useMemo)(() => (0, import_react21.createListCollection)({
+  const feeTokensCollection = (0, import_react24.useMemo)(() => (0, import_react22.createListCollection)({
     items: feeTokens.map((token) => ({
       label: token.ticker || token.name,
       value: token.denom,
       name: token.ticker || token.name
     }))
   }), [feeTokens]);
-  const handleFeeTokenChange = (0, import_react23.useCallback)((denom) => {
+  const handleFeeTokenChange = (0, import_react24.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_react21.VStack, { gap: "6", align: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Appearance" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.VStack, { gap: "3", align: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.HStack, { justify: "space-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { fontSize: "sm", children: "Dark Mode" }),
+  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" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          import_react21.Switch.Root,
+          import_react22.Switch.Root,
           {
             checked: resolvedTheme === "dark",
             onCheckedChange: (details) => {
@@ -4418,19 +4578,19 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
               setTheme(newTheme);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Switch.HiddenInput, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Switch.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Switch.Thumb, {}) })
+              /* @__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_react21.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Fee Token Preference" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.VStack, { gap: "3", align: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.Box, { children: [
+    /* @__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.jsxs)(
-          import_react22.Select.Root,
+          import_react23.Select.Root,
           {
             collection: feeTokensCollection,
             size: "sm",
@@ -4438,35 +4598,35 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
             onValueChange: (details) => handleFeeTokenChange(details.value[0] || ""),
             disabled: feeTokensLoading,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.Label, { children: "Preferred Fee Token" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.HiddenSelect, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.Select.Control, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.ValueText, { placeholder: "Native Token (default)" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.IndicatorGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.Indicator, {}) })
+              /* @__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_react22.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.Content, { children: feeTokensCollection.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react22.Select.Item, { item, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { children: item.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react22.Select.ItemIndicator, {})
+              /* @__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, {})
               ] }, item.value)) }) }) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.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.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_react21.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "BeeZee Endpoints" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.VStack, { gap: "4", align: "stretch", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.HStack, { gap: "2", align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { fontSize: "sm", mb: "1", children: "Status: " }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Badge, { colorPalette: connectionStatusBadgeColor, children: connectionStatusText })
+    /* @__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.jsxs)(import_react21.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { fontSize: "sm", mb: "1", children: "REST Endpoint" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.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_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.jsx)(
-            import_react21.Input,
+            import_react22.Input,
             {
               size: "sm",
               placeholder: "https://rest.getbze.com",
@@ -4475,7 +4635,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
             }
           ),
           validationResults.rest && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_react21.Box,
+            import_react22.Box,
             {
               mt: "2",
               p: "3",
@@ -4485,15 +4645,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_react21.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_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" })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { fontSize: "sm", mb: "1", children: "RPC Endpoint" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Text, { fontSize: "xs", color: "fg.muted", mb: "2", children: "Note: Must support WebSocket (WS/WSS) connections" }),
+        /* @__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.jsx)(
-            import_react21.Input,
+            import_react22.Input,
             {
               size: "sm",
               placeholder: "wss://rpc.getbze.com",
@@ -4502,7 +4662,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
             }
           ),
           validationResults.rpc && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_react21.Box,
+            import_react22.Box,
             {
               mt: "2",
               p: "3",
@@ -4512,12 +4672,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_react21.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_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" })
             }
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_react21.Button,
+          import_react22.Button,
           {
             size: "sm",
             variant: "outline",
@@ -4529,9 +4689,9 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react21.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react21.VStack, { gap: "3", children: [
+    /* @__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_react21.Button,
+        import_react22.Button,
         {
           size: "sm",
           width: "full",
@@ -4542,7 +4702,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_react21.Button,
+        import_react22.Button,
         {
           size: "sm",
           width: "full",
@@ -4557,10 +4717,10 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
 
 // src/components/sidebar/wallet-sidebar.tsx
 var import_styles = require("@interchain-kit/react/styles.css");
-var import_react24 = require("@interchain-kit/react");
-var import_react25 = require("@chakra-ui/react");
+var import_react25 = require("@interchain-kit/react");
+var import_react26 = require("@chakra-ui/react");
 var import_lu3 = require("react-icons/lu");
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_core = require("@interchain-kit/core");
 var import_bignumber14 = __toESM(require("bignumber.js"));
 var import_bzejs5 = require("@bze/bzejs");
@@ -4581,16 +4741,16 @@ var validateAmount = (amount, coin, onError) => {
   }
 };
 var BalanceItem = ({ asset, onClick, accentColor }) => {
-  const [showSendButton, setShowSendButton] = (0, import_react26.useState)(false);
-  const formattedBalanceAmount = (0, import_react26.useMemo)(() => {
+  const [showSendButton, setShowSendButton] = (0, import_react27.useState)(false);
+  const formattedBalanceAmount = (0, import_react27.useMemo)(() => {
     var _a2;
     return prettyAmount(uAmountToBigNumberAmount(asset.amount, (_a2 = asset.decimals) != null ? _a2 : 0));
   }, [asset.amount, asset.decimals]);
-  const formattedBalanceUSDValue = (0, import_react26.useMemo)(() => {
+  const formattedBalanceUSDValue = (0, import_react27.useMemo)(() => {
     return shortNumberFormat(asset.USDValue);
   }, [asset.USDValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    import_react25.Box,
+    import_react26.Box,
     {
       p: "3",
       bgGradient: "to-br",
@@ -4608,10 +4768,10 @@ var BalanceItem = ({ asset, onClick, accentColor }) => {
       onMouseLeave: () => setShowSendButton(false),
       onMouseEnter: () => setShowSendButton(true),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { justify: "space-between", mb: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { 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.jsx)(
-              import_react25.Image,
+              import_react26.Image,
               {
                 src: asset.logo,
                 alt: asset.ticker,
@@ -4620,13 +4780,13 @@ var BalanceItem = ({ asset, onClick, accentColor }) => {
                 borderRadius: "full"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "sm", fontWeight: "medium", children: asset.ticker }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "xs", color: "fg.muted", children: asset.name }),
-            isIbcDenom(asset.denom) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Badge, { size: "xs", colorPalette: accentColor, children: "IBC" })
+            /* @__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" })
           ] }),
-          showSendButton && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.HStack, { justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Button, { size: "2xs", variant: "outline", onClick, children: "Send" }) })
+          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" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { justify: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.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: [
             "$",
@@ -4638,18 +4798,18 @@ var BalanceItem = ({ asset, onClick, accentColor }) => {
   );
 };
 var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
-  const [isLoading, setIsLoading] = (0, import_react26.useState)(false);
-  const [selectedCoin, setSelectedCoin] = (0, import_react26.useState)();
-  const [sendAmount, setSendAmount] = (0, import_react26.useState)("");
-  const [sendAmountError, setSendAmountError] = (0, import_react26.useState)("");
-  const [recipient, setRecipient] = (0, import_react26.useState)("");
-  const [recipientError, setRecipientError] = (0, import_react26.useState)("");
-  const [memo, setMemo] = (0, import_react26.useState)("");
-  const [memoError, setMemoError] = (0, import_react26.useState)("");
+  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 { toast } = useToast();
-  const { status, address } = (0, import_react24.useChain)(getChainName());
+  const { status, address } = (0, import_react25.useChain)(getChainName());
   const { tx } = useSDKTx(getChainName());
-  const coinsCollection = (0, import_react25.createListCollection)({
+  const coinsCollection = (0, import_react26.createListCollection)({
     items: balances.map((item) => {
       var _a2;
       return {
@@ -4659,16 +4819,16 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       };
     })
   });
-  const isValidForm = (0, import_react26.useMemo)(() => {
+  const isValidForm = (0, import_react27.useMemo)(() => {
     return selectedCoin && memoError === "" && recipientError === "" && sendAmountError === "" && sendAmount !== "" && recipient !== "";
   }, [selectedCoin, memoError, recipientError, sendAmountError, sendAmount, recipient]);
-  const resetSendForm = (0, import_react26.useCallback)(() => {
+  const resetSendForm = (0, import_react27.useCallback)(() => {
     setSelectedCoin(void 0);
     setSendAmount("");
     setRecipient("");
     setMemo("");
   }, []);
-  const handleSend = (0, import_react26.useCallback)(async () => {
+  const handleSend = (0, import_react27.useCallback)(async () => {
     var _a2, _b2;
     if (!isValidForm) {
       toast.error("Can not send coins!", "Please check the input data.");
@@ -4693,11 +4853,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
     setIsLoading(false);
     onClose();
   }, [address, memo, onClose, recipient, selectedCoin, sendAmount, status]);
-  const handleCancel = (0, import_react26.useCallback)(() => {
+  const handleCancel = (0, import_react27.useCallback)(() => {
     resetSendForm();
     onClose();
   }, [onClose, resetSendForm]);
-  const onRecipientChange = (0, import_react26.useCallback)((recipient2) => {
+  const onRecipientChange = (0, import_react27.useCallback)((recipient2) => {
     setRecipient(recipient2);
     if (recipient2.length === 0) {
       setRecipientError("");
@@ -4710,11 +4870,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       setRecipientError(validate.message);
     }
   }, []);
-  const onAmountChange = (0, import_react26.useCallback)((amount) => {
+  const onAmountChange = (0, import_react27.useCallback)((amount) => {
     setSendAmount(sanitizeNumberInput(amount));
     setSendAmountError("");
   }, []);
-  const onCoinSelectChange = (0, import_react26.useCallback)((ticker) => {
+  const onCoinSelectChange = (0, import_react27.useCallback)((ticker) => {
     if (ticker === "") return;
     const selectedCoin2 = balances.find((item) => item.ticker === ticker);
     if (selectedCoin2) {
@@ -4722,13 +4882,13 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       validateAmount(sendAmount, selectedCoin2, setSendAmountError);
     }
   }, [sendAmount, balances]);
-  const setMaxAmount = (0, import_react26.useCallback)(() => {
+  const setMaxAmount = (0, import_react27.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_react26.useCallback)((memo2) => {
+  const onMemoChange = (0, import_react27.useCallback)((memo2) => {
     setMemo(memo2);
     if (memo2.length > 256) {
       setMemoError("Memo must be less than or equal to 256 characters");
@@ -4736,16 +4896,16 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       setMemoError("");
     }
   }, []);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (selectedTicker !== "") {
       onCoinSelectChange(selectedTicker);
     }
   }, [onCoinSelectChange, selectedTicker]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.VStack, { gap: "4", align: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "sm", fontWeight: "medium", children: "Send Coins" }),
+  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" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react25.Button,
+        import_react26.Button,
         {
           size: "xs",
           variant: "ghost",
@@ -4755,25 +4915,25 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Box, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        import_react25.Select.Root,
+        import_react26.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_react25.Select.Label, { children: "Coin" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Select.HiddenSelect, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Select.Control, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Select.ValueText, { placeholder: "Select coin" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Select.IndicatorGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Select.Indicator, {}) })
+            /* @__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_react25.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Select.Content, { children: coinsCollection.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Select.Item, { item, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { gap: "2", children: [
+            /* @__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_react25.Image,
+                  import_react26.Image,
                   {
                     src: item.logo,
                     alt: item.value,
@@ -4782,15 +4942,15 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
                     borderRadius: "full"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { children: item.label })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Text, { children: item.label })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Select.ItemIndicator, {})
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Select.ItemIndicator, {})
             ] }, item.value)) }) }) })
           ]
         }
       ),
       selectedCoin && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react25.Box,
+        import_react26.Box,
         {
           mt: "2",
           p: "3",
@@ -4800,15 +4960,15 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
           borderRadius: "md",
           borderWidth: "1px",
           borderColor: `${accentColor}.500/30`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { justify: "space-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "xs", color: "fg.muted", children: "Available:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.VStack, { gap: "0", align: "end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Text, { fontSize: "sm", fontWeight: "medium", children: [
+          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: [
                 uAmountToAmount(selectedCoin.amount, selectedCoin.decimals),
                 " ",
                 selectedCoin.ticker
               ] }),
-              selectedCoin.USDValue.gt(0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Text, { fontSize: "xs", color: "fg.muted", children: [
+              selectedCoin.USDValue.gt(0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.Text, { fontSize: "xs", color: "fg.muted", children: [
                 "\u2248 $",
                 shortNumberFormat(selectedCoin.USDValue)
               ] })
@@ -4817,11 +4977,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Field.Root, { invalid: sendAmountError !== "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Field.Label, { children: "Amount" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Group, { attached: true, w: "full", maxW: "sm", children: [
+    /* @__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_react25.Input,
+          import_react26.Input,
           {
             size: "sm",
             placeholder: "Amount to send",
@@ -4830,14 +4990,14 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
             onBlur: () => validateAmount(sendAmount, selectedCoin, setSendAmountError)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Button, { variant: "outline", size: "sm", onClick: setMaxAmount, disabled: isLoading, children: "Max" })
+        /* @__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_react25.Field.ErrorText, { children: sendAmountError })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Field.ErrorText, { children: sendAmountError })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Field.Root, { invalid: recipientError !== "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Field.Label, { children: "Recipient Address" }),
+    /* @__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_react25.Input,
+        import_react26.Input,
         {
           size: "sm",
           placeholder: "bze...2a1b",
@@ -4845,20 +5005,20 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
           onChange: (e) => onRecipientChange(e.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Field.ErrorText, { children: recipientError })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Field.ErrorText, { children: recipientError })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Field.Root, { invalid: memoError !== "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Field.Label, { children: [
+    /* @__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: [
         "Memo",
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_react25.Field.RequiredIndicator,
+          import_react26.Field.RequiredIndicator,
           {
-            fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Badge, { size: "xs", variant: "surface", children: "Optional" })
+            fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Badge, { size: "xs", variant: "surface", children: "Optional" })
           }
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react25.Textarea,
+        import_react26.Textarea,
         {
           size: "sm",
           placeholder: "Transaction memo",
@@ -4868,11 +5028,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
           resize: "none"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Field.ErrorText, { children: memoError })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Field.ErrorText, { children: memoError })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { gap: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.HStack, { gap: "2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react25.Button,
+        import_react26.Button,
         {
           size: "sm",
           flex: "1",
@@ -4885,7 +5045,7 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react25.Button,
+        import_react26.Button,
         {
           size: "sm",
           flex: "1",
@@ -4899,25 +5059,25 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
   ] });
 };
 var WalletSidebarContent = ({ accentColor = "blue" }) => {
-  const [viewState, setViewState] = (0, import_react26.useState)("balances");
-  const [isDisconnecting, setIsDisconnecting] = (0, import_react26.useState)(false);
-  const [showCopiedTooltip, setShowCopiedTooltip] = (0, import_react26.useState)(false);
-  const [clickedBalance, setClickedBalance] = (0, import_react26.useState)("");
-  const copyButtonRef = (0, import_react26.useRef)(null);
+  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 {
     status,
     username,
     address,
     disconnect,
     connect
-  } = (0, import_react24.useChain)(getChainName());
+  } = (0, import_react25.useChain)(getChainName());
   const { assetsBalances, isLoading: assetsLoading } = useBalances();
-  const balancesWithoutLps = (0, import_react26.useMemo)(() => {
+  const balancesWithoutLps = (0, import_react27.useMemo)(() => {
     if (assetsLoading) return [];
     return assetsBalances.filter((asset) => !isLpDenom(asset.denom));
   }, [assetsLoading, assetsBalances]);
   const nativeDenom = getChainNativeAssetDenom();
-  const sortedBalances = (0, import_react26.useMemo)(() => {
+  const sortedBalances = (0, import_react27.useMemo)(() => {
     return balancesWithoutLps.sort((a, b) => {
       if (a.denom === nativeDenom) return -1;
       if (b.denom === nativeDenom) return 1;
@@ -4933,21 +5093,21 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       return 0;
     });
   }, [balancesWithoutLps]);
-  const walletAddress = (0, import_react26.useMemo)(() => stringTruncateFromCenter(address != null ? address : "", 16), [address]);
+  const walletAddress = (0, import_react27.useMemo)(() => stringTruncateFromCenter(address != null ? address : "", 16), [address]);
   const handleCopyAddress = () => {
     navigator.clipboard.writeText(address);
     setShowCopiedTooltip(true);
     setTimeout(() => setShowCopiedTooltip(false), 2e3);
   };
-  const handleCancel = (0, import_react26.useCallback)(() => {
+  const handleCancel = (0, import_react27.useCallback)(() => {
     setViewState("balances");
     setClickedBalance("");
   }, []);
-  const onBalanceClick = (0, import_react26.useCallback)((ticker) => {
+  const onBalanceClick = (0, import_react27.useCallback)((ticker) => {
     setClickedBalance(ticker);
     setViewState("send");
   }, []);
-  const handleDisconnectAll = (0, import_react26.useCallback)(async () => {
+  const handleDisconnectAll = (0, import_react27.useCallback)(async () => {
     setIsDisconnecting(true);
     try {
       console.log("Disconnected from all chains");
@@ -4958,16 +5118,16 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       setIsDisconnecting(false);
     }
   }, [disconnect]);
-  const renderBalancesView = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.VStack, { gap: "6", align: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Balances" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.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_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)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "sm", fontWeight: "medium", mb: "3", children: "Quick Actions" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.VStack, { gap: "2", 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: "Quick Actions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react26.VStack, { gap: "2", align: "stretch", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_react25.Button,
+          import_react26.Button,
           {
             size: "sm",
             variant: "outline",
@@ -4978,7 +5138,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          import_react25.Button,
+          import_react26.Button,
           {
             size: "sm",
             variant: "outline",
@@ -4991,7 +5151,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          import_react25.Button,
+          import_react26.Button,
           {
             size: "sm",
             variant: "outline",
@@ -5005,8 +5165,8 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react25.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react26.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_react26.Button,
       {
         size: "sm",
         width: "full",
@@ -5019,7 +5179,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       }
     ) })
   ] });
-  const statusColor = (0, import_react26.useMemo)(() => {
+  const statusColor = (0, import_react27.useMemo)(() => {
     switch (status) {
       case import_core.WalletState.Connected:
         return "green";
@@ -5031,15 +5191,15 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
         return "gray";
     }
   }, [status]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.VStack, { gap: "6", align: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react24.InterchainWalletModal, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { justify: "space-between", mb: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "sm", fontWeight: "medium", children: "Wallet Status" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Badge, { colorPalette: statusColor, size: "sm", children: 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 })
       ] }),
       status === import_core.WalletState.Connected && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        import_react25.Box,
+        import_react26.Box,
         {
           p: "3",
           bgGradient: "to-br",
@@ -5049,12 +5209,12 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
           borderWidth: "1px",
           borderColor: `${accentColor}.500/20`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "xs", color: "fg.muted", mb: "1", children: username != null ? username : "Address" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.HStack, { justify: "space-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Text, { fontSize: "sm", fontFamily: "mono", children: walletAddress }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react25.Box, { position: "relative", 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_react25.Button,
+                  import_react26.Button,
                   {
                     ref: copyButtonRef,
                     size: "xs",
@@ -5064,7 +5224,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
                   }
                 ),
                 showCopiedTooltip && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                  import_react25.Box,
+                  import_react26.Box,
                   {
                     position: "absolute",
                     top: "-35px",
@@ -5090,7 +5250,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
         }
       ),
       status !== import_core.WalletState.Connected && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react25.Button,
+        import_react26.Button,
         {
           size: "sm",
           variant: "solid",
@@ -5100,14 +5260,14 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react25.Separator, {}),
+    /* @__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 })
   ] });
 };
 
 // src/components/settings-toggle.tsx
-var import_react27 = require("@chakra-ui/react");
+var import_react28 = require("@chakra-ui/react");
 var import_lu4 = require("react-icons/lu");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function SettingsToggle({ accentColor }) {
@@ -5115,21 +5275,21 @@ function SettingsToggle({ accentColor }) {
     Sidebar,
     {
       ariaLabel: "Settings",
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react27.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_react28.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_react28 = require("@chakra-ui/react");
+var import_react29 = 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_react28.Box,
+    import_react29.Box,
     {
       position: "fixed",
       bottom: "0",
@@ -5143,7 +5303,7 @@ var TestnetBanner = () => {
       fontSize: "xs",
       fontWeight: "bold",
       letterSpacing: "wide",
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react28.Text, { children: "YOU ARE ON TESTNET" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react29.Text, { children: "YOU ARE ON TESTNET" })
     }
   );
 };
@@ -5273,6 +5433,8 @@ var TestnetBanner = () => {
   getCurrentEpoch,
   getCurrentWeekEpochEndTime,
   getDefaultTxMemo,
+  getDelegatorDelegations,
+  getDelegatorValidators,
   getDenomType,
   getDistributionParams,
   getEcosystemApps,
@@ -5329,8 +5491,10 @@ var TestnetBanner = () => {
   getStakingRewards,
   getTradingViewIntervals,
   getUSDCDenom,
+  getValidatorDelegatorRewards,
   getValidatorPageUrl,
   getValidatorSupportedDenoms,
+  getValidators,
   getWalletChainsNames,
   getWeekEpochInfo,
   intlDateFormat,
@@ -5396,6 +5560,7 @@ var TestnetBanner = () => {
   useSettings,
   useSigningClient,
   useToast,
+  useValidatorLogos,
   validateBZEBech32Address,
   validateBech32Address,
   validateEndpoints,