@solana/connector 0.1.10 → 0.2.0

package/dist/{chunk-ATYK5OKR.js → chunk-EM4KNOKG.js}

@@ -1,35 +1,309 @@
 'use strict';
 
-var chunk6AJJJG5B_js = require('./chunk-6AJJJG5B.js');
-var chunk64LV76OK_js = require('./chunk-64LV76OK.js');
-var React = require('react');
+var chunkBZ2VBJCZ_js = require('./chunk-BZ2VBJCZ.js');
+var chunkSITQ4JWM_js = require('./chunk-SITQ4JWM.js');
+var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var addresses = require('@solana/addresses');
 var keys = require('@solana/keys');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React2__default = /*#__PURE__*/_interopDefault(React2);
 
-var WalletConnectContext = React.createContext(null);
+var logger = chunkSITQ4JWM_js.createLogger("ErrorBoundary");
+var ErrorLogger = class {
+  static log(error, errorInfo, context) {
+    if (process.env.NODE_ENV === "development" && logger.error(error.message, {
+      error,
+      errorInfo,
+      context
+    }), process.env.NODE_ENV === "production" && typeof window < "u")
+      try {
+        let gtag = window.gtag;
+        typeof gtag == "function" && gtag("event", "exception", {
+          description: error.message,
+          fatal: false,
+          custom_map: { error_type: "wallet_error", ...context }
+        });
+      } catch {
+      }
+  }
+};
+function classifyError(error) {
+  if (chunkSITQ4JWM_js.isConnectorError(error)) {
+    let typeMapping = {
+      WALLET_NOT_CONNECTED: chunkSITQ4JWM_js.WalletErrorType.CONNECTION_FAILED,
+      WALLET_NOT_FOUND: chunkSITQ4JWM_js.WalletErrorType.WALLET_NOT_FOUND,
+      CONNECTION_FAILED: chunkSITQ4JWM_js.WalletErrorType.CONNECTION_FAILED,
+      USER_REJECTED: chunkSITQ4JWM_js.WalletErrorType.USER_REJECTED,
+      RPC_ERROR: chunkSITQ4JWM_js.WalletErrorType.NETWORK_ERROR,
+      NETWORK_TIMEOUT: chunkSITQ4JWM_js.WalletErrorType.NETWORK_ERROR,
+      SIGNING_FAILED: chunkSITQ4JWM_js.WalletErrorType.TRANSACTION_FAILED,
+      SEND_FAILED: chunkSITQ4JWM_js.WalletErrorType.TRANSACTION_FAILED
+    };
+    return {
+      ...error,
+      type: typeMapping[error.code] || chunkSITQ4JWM_js.WalletErrorType.UNKNOWN_ERROR,
+      recoverable: error.recoverable,
+      context: error.context
+    };
+  }
+  let walletError = error;
+  if (walletError.type) return walletError;
+  let type = chunkSITQ4JWM_js.WalletErrorType.UNKNOWN_ERROR, recoverable = false;
+  return error.message.includes("User rejected") || error.message.includes("User denied") ? (type = chunkSITQ4JWM_js.WalletErrorType.USER_REJECTED, recoverable = true) : error.message.includes("Insufficient funds") ? (type = chunkSITQ4JWM_js.WalletErrorType.INSUFFICIENT_FUNDS, recoverable = false) : error.message.includes("Network") || error.message.includes("fetch") ? (type = chunkSITQ4JWM_js.WalletErrorType.NETWORK_ERROR, recoverable = true) : error.message.includes("Wallet not found") || error.message.includes("not installed") ? (type = chunkSITQ4JWM_js.WalletErrorType.WALLET_NOT_FOUND, recoverable = true) : (error.message.includes("Failed to connect") || error.message.includes("Connection")) && (type = chunkSITQ4JWM_js.WalletErrorType.CONNECTION_FAILED, recoverable = true), {
+    ...error,
+    type,
+    recoverable,
+    context: { originalMessage: error.message }
+  };
+}
+var ConnectorErrorBoundary = class extends React2.Component {
+  constructor(props) {
+    super(props);
+    chunkSITQ4JWM_js.__publicField(this, "retryTimeouts", /* @__PURE__ */ new Set());
+    chunkSITQ4JWM_js.__publicField(this, "retry", () => {
+      let { maxRetries = 3 } = this.props;
+      this.state.retryCount >= maxRetries || this.setState((prevState) => ({
+        hasError: false,
+        error: null,
+        errorInfo: null,
+        retryCount: prevState.retryCount + 1
+      }));
+    });
+    this.state = {
+      hasError: false,
+      error: null,
+      errorInfo: null,
+      errorId: "",
+      retryCount: 0
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: true,
+      error,
+      errorId: `error_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo }), ErrorLogger.log(error, errorInfo, {
+      retryCount: this.state.retryCount,
+      errorId: this.state.errorId,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }), this.props.onError?.(error, errorInfo);
+  }
+  componentWillUnmount() {
+    this.retryTimeouts.forEach((timeout) => clearTimeout(timeout));
+  }
+  render() {
+    if (this.state.hasError && this.state.error) {
+      let walletError = classifyError(this.state.error);
+      return this.props.fallback ? this.props.fallback(walletError, this.retry) : /* @__PURE__ */ jsxRuntime.jsx(DefaultErrorFallback, { error: walletError, onRetry: this.retry });
+    }
+    return this.props.children;
+  }
+};
+function DefaultErrorFallback({ error, onRetry }) {
+  let [isPending, startTransition] = React2.useTransition(), [isRetrying, setIsRetrying] = React2.useState(false), handleRetry = React2.useCallback(() => {
+    setIsRetrying(true), startTransition(() => {
+      setTimeout(() => {
+        onRetry(), setIsRetrying(false);
+      }, 500);
+    });
+  }, [onRetry]), { title, message, actionText, showRetry } = React2.useMemo(() => {
+    switch (error.type) {
+      case chunkSITQ4JWM_js.WalletErrorType.USER_REJECTED:
+        return {
+          title: "Transaction Cancelled",
+          message: "You cancelled the transaction. No problem!",
+          actionText: "Try Again",
+          showRetry: true
+        };
+      case chunkSITQ4JWM_js.WalletErrorType.WALLET_NOT_FOUND:
+        return {
+          title: "Wallet Not Found",
+          message: "Please install a supported Solana wallet to continue.",
+          actionText: "Check Wallets",
+          showRetry: true
+        };
+      case chunkSITQ4JWM_js.WalletErrorType.NETWORK_ERROR:
+        return {
+          title: "Network Error",
+          message: "Having trouble connecting. Please check your internet connection.",
+          actionText: "Retry",
+          showRetry: true
+        };
+      case chunkSITQ4JWM_js.WalletErrorType.INSUFFICIENT_FUNDS:
+        return {
+          title: "Insufficient Funds",
+          message: "You don't have enough SOL for this transaction.",
+          actionText: "Add Funds",
+          showRetry: false
+        };
+      default:
+        return {
+          title: "Something went wrong",
+          message: "An unexpected error occurred. Please try again.",
+          actionText: "Retry",
+          showRetry: error.recoverable
+        };
+    }
+  }, [error.type, error.recoverable]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "2rem",
+        textAlign: "center",
+        borderRadius: "12px",
+        border: "1px solid #e5e7eb",
+        backgroundColor: "#fafafa",
+        maxWidth: "400px",
+        margin: "0 auto"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              width: "48px",
+              height: "48px",
+              borderRadius: "50%",
+              backgroundColor: "#fee2e2",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              marginBottom: "1rem"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "#dc2626", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "h3",
+          {
+            style: {
+              margin: "0 0 0.5rem 0",
+              fontSize: "1.125rem",
+              fontWeight: "600",
+              color: "#111827"
+            },
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            style: {
+              margin: "0 0 1.5rem 0",
+              fontSize: "0.875rem",
+              color: "#6b7280",
+              lineHeight: "1.5"
+            },
+            children: message
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.75rem", flexWrap: "wrap" }, children: [
+          showRetry && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: handleRetry,
+              disabled: isPending || isRetrying,
+              style: {
+                padding: "0.5rem 1rem",
+                backgroundColor: "#3b82f6",
+                color: "white",
+                border: "none",
+                borderRadius: "6px",
+                fontSize: "0.875rem",
+                fontWeight: "500",
+                cursor: isPending || isRetrying ? "wait" : "pointer",
+                opacity: isPending || isRetrying ? 0.7 : 1,
+                transition: "all 0.2s"
+              },
+              children: isRetrying ? "Retrying..." : actionText
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => window.location.reload(),
+              style: {
+                padding: "0.5rem 1rem",
+                backgroundColor: "transparent",
+                color: "#6b7280",
+                border: "1px solid #d1d5db",
+                borderRadius: "6px",
+                fontSize: "0.875rem",
+                fontWeight: "500",
+                cursor: "pointer",
+                transition: "all 0.2s"
+              },
+              children: "Refresh Page"
+            }
+          )
+        ] }),
+        process.env.NODE_ENV === "development" && /* @__PURE__ */ jsxRuntime.jsxs(
+          "details",
+          {
+            style: {
+              marginTop: "1rem",
+              fontSize: "0.75rem",
+              color: "#6b7280",
+              width: "100%"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("summary", { style: { cursor: "pointer", marginBottom: "0.5rem" }, children: "Error Details" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "pre",
+                {
+                  style: {
+                    whiteSpace: "pre-wrap",
+                    wordBreak: "break-all",
+                    backgroundColor: "#f3f4f6",
+                    padding: "0.5rem",
+                    borderRadius: "4px",
+                    overflow: "auto",
+                    maxHeight: "200px"
+                  },
+                  children: error.message
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function withErrorBoundary(Component2, errorBoundaryProps) {
+  let WrappedComponent = (props) => /* @__PURE__ */ jsxRuntime.jsx(ConnectorErrorBoundary, { ...errorBoundaryProps, children: /* @__PURE__ */ jsxRuntime.jsx(Component2, { ...props }) });
+  return WrappedComponent.displayName = `withErrorBoundary(${Component2.displayName || Component2.name})`, WrappedComponent;
+}
+var WalletConnectContext = React2.createContext(null);
 function WalletConnectProvider({ children }) {
-  let [uri, setUriState] = React.useState(null), isMountedRef = React.useRef(false), pendingUriRef = React.useRef(null);
-  React.useEffect(() => (isMountedRef.current = true, pendingUriRef.current !== null && (setUriState(pendingUriRef.current), pendingUriRef.current = null), () => {
+  let [uri, setUriState] = React2.useState(null), isMountedRef = React2.useRef(false), pendingUriRef = React2.useRef(null);
+  React2.useEffect(() => (isMountedRef.current = true, pendingUriRef.current !== null && (setUriState(pendingUriRef.current), pendingUriRef.current = null), () => {
     isMountedRef.current = false;
   }), []);
-  let setUri = React.useCallback((newUri) => {
+  let setUri = React2.useCallback((newUri) => {
     if (!isMountedRef.current) {
       pendingUriRef.current = newUri;
       return;
     }
     setUriState(newUri);
-  }, []), clearUri = React.useCallback(() => {
+  }, []), clearUri = React2.useCallback(() => {
     pendingUriRef.current = null, isMountedRef.current && setUriState(null);
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(WalletConnectContext.Provider, { value: { uri, setUri, clearUri }, children });
 }
 function useWalletConnectUri() {
-  let context = React.useContext(WalletConnectContext);
+  let context = React2.useContext(WalletConnectContext);
   return context || {
     uri: null,
     setUri: () => {
@@ -38,22 +312,22 @@ function useWalletConnectUri() {
     }
   };
 }
-var logger = chunk64LV76OK_js.createLogger("ConnectorProvider");
-chunk6AJJJG5B_js.installPolyfills();
-var ConnectorContext = React.createContext(null);
+var logger2 = chunkSITQ4JWM_js.createLogger("ConnectorProvider");
+chunkBZ2VBJCZ_js.installPolyfills();
+var ConnectorContext = React2.createContext(null);
 ConnectorContext.displayName = "ConnectorContext";
 function ConnectorProviderInternal({
   children,
   config,
   mobile
 }) {
-  let clientRef = React.useRef(null), client = React__default.default.useCallback(() => {
+  let clientRef = React2.useRef(null), client = React2__default.default.useCallback(() => {
     if (!clientRef.current)
       try {
-        clientRef.current = new chunk6AJJJG5B_js.ConnectorClient(config), typeof window < "u" && (window.__connectorClient = clientRef.current), config?.debug && logger.info("Client initialized successfully");
+        clientRef.current = new chunkBZ2VBJCZ_js.ConnectorClient(config), typeof window < "u" && (window.__connectorClient = clientRef.current), config?.debug && logger2.info("Client initialized successfully");
       } catch (error) {
         let err = error;
-        logger.error("Failed to initialize client", { error: err });
+        logger2.error("Failed to initialize client", { error: err });
         let extendedConfig = config;
         return extendedConfig?.errorBoundary?.onError && extendedConfig.errorBoundary.onError(err, {
           componentStack: "client-initialization",
@@ -62,7 +336,7 @@ function ConnectorProviderInternal({
       }
     return clientRef.current;
   }, [config])();
-  return React__default.default.useEffect(() => {
+  return React2__default.default.useEffect(() => {
     let currentClient = clientRef.current;
     if (currentClient) {
       let privateClient = currentClient;
@@ -71,7 +345,7 @@ function ConnectorProviderInternal({
     return () => {
       typeof window < "u" && (window.__connectorClient = void 0), currentClient && typeof currentClient.destroy == "function" && currentClient.destroy();
     };
-  }, []), React__default.default.useEffect(() => {
+  }, []), React2__default.default.useEffect(() => {
     if (!mobile) return;
     let cancelled = false;
     return (async () => {
@@ -110,7 +384,7 @@ function ConnectorProvider({
 }) {
   let errorBoundaryConfig = config?.errorBoundary;
   return errorBoundaryConfig?.enabled ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6AJJJG5B_js.ConnectorErrorBoundary,
+    ConnectorErrorBoundary,
     {
       maxRetries: errorBoundaryConfig.maxRetries ?? 3,
       onError: errorBoundaryConfig.onError,
@@ -120,38 +394,58 @@ function ConnectorProvider({
   ) : /* @__PURE__ */ jsxRuntime.jsx(ConnectorProviderInternal, { config, mobile, children });
 }
 function useConnector() {
-  let client = React.useContext(ConnectorContext);
+  let client = React2.useContext(ConnectorContext);
   if (!client)
     throw new Error(
       "useConnector must be used within ConnectorProvider. Wrap your app with <ConnectorProvider> or <UnifiedProvider> to use connector hooks."
     );
-  let { uri: walletConnectUri, clearUri: clearWalletConnectUri } = useWalletConnectUri(), state = React.useSyncExternalStore(
-    React__default.default.useCallback((cb) => client.subscribe(cb), [client]),
-    React__default.default.useCallback(() => client.getSnapshot(), [client]),
-    React__default.default.useCallback(() => client.getSnapshot(), [client])
-  ), methods = React.useMemo(
+  let { uri: walletConnectUri, clearUri: clearWalletConnectUri } = useWalletConnectUri(), state = React2.useSyncExternalStore(
+    React2__default.default.useCallback((cb) => client.subscribe(cb), [client]),
+    React2__default.default.useCallback(() => client.getSnapshot(), [client]),
+    React2__default.default.useCallback(() => client.getSnapshot(), [client])
+  ), methods = React2.useMemo(
     () => ({
+      // Legacy (kept for backwards compatibility)
       select: client.select.bind(client),
       disconnect: client.disconnect.bind(client),
-      selectAccount: client.selectAccount.bind(client)
+      selectAccount: client.selectAccount.bind(client),
+      // vNext
+      connectWallet: client.connectWallet.bind(client),
+      disconnectWallet: client.disconnectWallet.bind(client)
     }),
     [client]
-  );
-  return React.useMemo(
+  ), vNextFields = React2.useMemo(() => {
+    let walletStatus = state.wallet, isConnected2 = walletStatus.status === "connected", isConnecting2 = walletStatus.status === "connecting", isError = walletStatus.status === "error", connectorId = null, account = null, sessionAccounts = [], walletError = null;
+    walletStatus.status === "connected" ? (connectorId = walletStatus.session.connectorId, account = walletStatus.session.selectedAccount.address, sessionAccounts = walletStatus.session.accounts) : walletStatus.status === "connecting" ? connectorId = walletStatus.connectorId : walletStatus.status === "error" && (walletError = walletStatus.error, connectorId = walletStatus.connectorId ?? null);
+    let connector = connectorId ? state.connectors.find((c) => c.id === connectorId) ?? null : null;
+    return {
+      walletStatus,
+      isConnected: isConnected2,
+      isConnecting: isConnecting2,
+      isError,
+      walletError,
+      account,
+      sessionAccounts,
+      connectorId,
+      connector
+    };
+  }, [state.wallet, state.connectors]);
+  return React2.useMemo(
     () => ({
       ...state,
       ...methods,
+      ...vNextFields,
       walletConnectUri,
       clearWalletConnectUri
     }),
-    [state, methods, walletConnectUri, clearWalletConnectUri]
+    [state, methods, vNextFields, walletConnectUri, clearWalletConnectUri]
   );
 }
 function useConnectorClient() {
-  return React.useContext(ConnectorContext);
+  return React2.useContext(ConnectorContext);
 }
 function AppProviderInner({ children, connectorConfig, mobile, providers = [] }) {
-  let { setUri, clearUri } = useWalletConnectUri(), enhancedConfig = React.useMemo(() => {
+  let { setUri, clearUri } = useWalletConnectUri(), enhancedConfig = React2.useMemo(() => {
     if (!connectorConfig?.walletConnect?.enabled)
       return connectorConfig;
     let wcConfig = connectorConfig.walletConnect;
@@ -176,18 +470,104 @@ function AppProvider(props) {
   return props.connectorConfig?.walletConnect?.enabled ? /* @__PURE__ */ jsxRuntime.jsx(WalletConnectProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(AppProviderInner, { ...props }) }) : /* @__PURE__ */ jsxRuntime.jsx(AppProviderInner, { ...props });
 }
 var UnifiedProvider = AppProvider;
+function useWallet() {
+  let client = React2.useContext(ConnectorContext);
+  if (!client)
+    throw new Error(
+      "useWallet must be used within ConnectorProvider. Wrap your app with <ConnectorProvider> or <UnifiedProvider> to use wallet hooks."
+    );
+  let walletStatus = React2.useSyncExternalStore(
+    React2.useCallback((cb) => client.subscribe(cb), [client]),
+    React2.useCallback(() => client.getSnapshot().wallet, [client]),
+    React2.useCallback(() => client.getSnapshot().wallet, [client])
+  );
+  return React2.useMemo(() => {
+    let status = walletStatus.status, isConnected2 = status === "connected", isConnecting2 = status === "connecting", isError = status === "error", connectorId = null, account = null, accounts = [], session = null, error = null;
+    return walletStatus.status === "connected" ? (connectorId = walletStatus.session.connectorId, account = walletStatus.session.selectedAccount.address, accounts = walletStatus.session.accounts, session = walletStatus.session) : walletStatus.status === "connecting" ? connectorId = walletStatus.connectorId : walletStatus.status === "error" && (error = walletStatus.error, connectorId = walletStatus.connectorId ?? null), {
+      status,
+      walletStatus,
+      isConnected: isConnected2,
+      isConnecting: isConnecting2,
+      isError,
+      error,
+      connectorId,
+      account,
+      accounts,
+      session
+    };
+  }, [walletStatus]);
+}
+function useWalletConnectors() {
+  let client = React2.useContext(ConnectorContext);
+  if (!client)
+    throw new Error(
+      "useWalletConnectors must be used within ConnectorProvider. Wrap your app with <ConnectorProvider> or <UnifiedProvider> to use wallet hooks."
+    );
+  return React2.useSyncExternalStore(
+    React2.useCallback((cb) => client.subscribe(cb), [client]),
+    React2.useCallback(() => client.getSnapshot().connectors, [client]),
+    React2.useCallback(() => client.getSnapshot().connectors, [client])
+  );
+}
+function useConnectWallet() {
+  let client = React2.useContext(ConnectorContext), [isConnecting2, setIsConnecting] = React2.useState(false), [error, setError] = React2.useState(null);
+  if (!client)
+    throw new Error(
+      "useConnectWallet must be used within ConnectorProvider. Wrap your app with <ConnectorProvider> or <UnifiedProvider> to use wallet hooks."
+    );
+  let connect = React2.useCallback(
+    async (connectorId, options) => {
+      setIsConnecting(true), setError(null);
+      try {
+        await client.connectWallet(connectorId, options);
+      } catch (e) {
+        let connectError = e instanceof Error ? e : new Error(String(e));
+        throw setError(connectError), connectError;
+      } finally {
+        setIsConnecting(false);
+      }
+    },
+    [client]
+  ), resetError = React2.useCallback(() => {
+    setError(null);
+  }, []);
+  return {
+    connect,
+    isConnecting: isConnecting2,
+    error,
+    resetError
+  };
+}
+function useDisconnectWallet() {
+  let client = React2.useContext(ConnectorContext), [isDisconnecting, setIsDisconnecting] = React2.useState(false);
+  if (!client)
+    throw new Error(
+      "useDisconnectWallet must be used within ConnectorProvider. Wrap your app with <ConnectorProvider> or <UnifiedProvider> to use wallet hooks."
+    );
+  return {
+    disconnect: React2.useCallback(async () => {
+      setIsDisconnecting(true);
+      try {
+        await client.disconnectWallet();
+      } finally {
+        setIsDisconnecting(false);
+      }
+    }, [client]),
+    isDisconnecting
+  };
+}
 function useCluster() {
   let { cluster, clusters } = useConnector(), client = useConnectorClient();
   if (!client)
     throw new Error("useCluster must be used within ConnectorProvider");
-  let setCluster = React.useMemo(
+  let setCluster = React2.useMemo(
     () => async (id) => {
       await client.setCluster(id);
     },
     [client]
   );
-  return React.useMemo(() => {
-    let isMainnet = cluster ? chunk6AJJJG5B_js.isMainnetCluster(cluster) : false, isDevnet = cluster ? chunk6AJJJG5B_js.isDevnetCluster(cluster) : false, isTestnet = cluster ? chunk6AJJJG5B_js.isTestnetCluster(cluster) : false, isLocal = cluster ? chunk6AJJJG5B_js.isLocalCluster(cluster) : false, explorerUrl = cluster ? chunk6AJJJG5B_js.getClusterExplorerUrl(cluster) : "", type = cluster ? chunk6AJJJG5B_js.getClusterType(cluster) : null;
+  return React2.useMemo(() => {
+    let isMainnet = cluster ? chunkBZ2VBJCZ_js.isMainnetCluster(cluster) : false, isDevnet = cluster ? chunkBZ2VBJCZ_js.isDevnetCluster(cluster) : false, isTestnet = cluster ? chunkBZ2VBJCZ_js.isTestnetCluster(cluster) : false, isLocal = cluster ? chunkBZ2VBJCZ_js.isLocalCluster(cluster) : false, explorerUrl = cluster ? chunkBZ2VBJCZ_js.getClusterExplorerUrl(cluster) : "", type = cluster ? chunkBZ2VBJCZ_js.getClusterType(cluster) : null;
     return {
       cluster,
       clusters,
@@ -202,10 +582,10 @@ function useCluster() {
   }, [cluster, clusters, setCluster]);
 }
 function useAccount() {
-  let { selectedAccount, accounts, connected, selectAccount } = useConnector(), [copied, setCopied] = React.useState(false), copyTimeoutRef = React__default.default.useRef(void 0), account = React.useMemo(
+  let { selectedAccount, accounts, connected, selectAccount } = useConnector(), [copied, setCopied] = React2.useState(false), copyTimeoutRef = React2__default.default.useRef(void 0), account = React2.useMemo(
     () => accounts.find((a) => a.address === selectedAccount) ?? null,
     [accounts, selectedAccount]
-  ), formatted = React.useMemo(() => selectedAccount ? chunk6AJJJG5B_js.formatAddress(selectedAccount) : "", [selectedAccount]), copy = React.useCallback(async () => selectedAccount ? (copyTimeoutRef.current && clearTimeout(copyTimeoutRef.current), await chunk6AJJJG5B_js.copyAddressToClipboard(selectedAccount, {
+  ), formatted = React2.useMemo(() => selectedAccount ? chunkBZ2VBJCZ_js.formatAddress(selectedAccount) : "", [selectedAccount]), copy = React2.useCallback(async () => selectedAccount ? (copyTimeoutRef.current && clearTimeout(copyTimeoutRef.current), await chunkBZ2VBJCZ_js.copyAddressToClipboard(selectedAccount, {
     onSuccess: () => {
       setCopied(true), copyTimeoutRef.current = setTimeout(() => setCopied(false), 2e3);
     }
@@ -214,9 +594,9 @@ function useAccount() {
     error: "empty_value" /* EMPTY_VALUE */,
     errorMessage: "No account selected"
   }, [selectedAccount]);
-  return React__default.default.useEffect(() => () => {
+  return React2__default.default.useEffect(() => () => {
     copyTimeoutRef.current && clearTimeout(copyTimeoutRef.current);
-  }, []), React.useMemo(
+  }, []), React2.useMemo(
     () => ({
       address: selectedAccount,
       account,
@@ -231,17 +611,18 @@ function useAccount() {
   );
 }
 function useWalletInfo() {
-  let { selectedWallet, wallets, connected, connecting } = useConnector(), mappedWallets = React.useMemo(
+  let { selectedWallet, wallets, connected, connecting } = useConnector(), mappedWallets = React2.useMemo(
     () => wallets.map(
       (walletInfo) => ({
         name: walletInfo.wallet.name,
+        connectorId: chunkBZ2VBJCZ_js.createConnectorId(walletInfo.wallet.name),
         icon: walletInfo.wallet.icon,
         installed: walletInfo.installed,
         connectable: walletInfo.connectable
       })
     ),
     [wallets]
-  ), selectedWalletInfo = React.useMemo(() => {
+  ), selectedWalletInfo = React2.useMemo(() => {
     if (!selectedWallet)
       return {
         name: null,
@@ -257,7 +638,7 @@ function useWalletInfo() {
       connectable: walletInfo?.connectable ?? false
     };
   }, [selectedWallet, wallets]);
-  return React.useMemo(
+  return React2.useMemo(
     () => ({
       ...selectedWalletInfo,
       connected,
@@ -268,10 +649,10 @@ function useWalletInfo() {
   );
 }
 function useTransactionSigner() {
-  let { selectedWallet, selectedAccount, accounts, cluster, connected } = useConnector(), client = useConnectorClient(), account = React.useMemo(
+  let { selectedWallet, selectedAccount, accounts, cluster, connected } = useConnector(), client = useConnectorClient(), account = React2.useMemo(
     () => accounts.find((a) => a.address === selectedAccount)?.raw ?? null,
     [accounts, selectedAccount]
-  ), signer = React.useMemo(() => !connected || !selectedWallet || !account ? null : chunk6AJJJG5B_js.createTransactionSigner({
+  ), signer = React2.useMemo(() => !connected || !selectedWallet || !account ? null : chunkBZ2VBJCZ_js.createTransactionSigner({
     wallet: selectedWallet,
     account,
     cluster: cluster ?? void 0,
@@ -280,7 +661,7 @@ function useTransactionSigner() {
         client.emitEvent(event);
       }
     } : void 0
-  }), [connected, selectedWallet, account, cluster, client]), capabilities = React.useMemo(
+  }), [connected, selectedWallet, account, cluster, client]), capabilities = React2.useMemo(
     () => signer?.getCapabilities() ?? {
       canSign: false,
       canSend: false,
@@ -299,27 +680,27 @@ function useTransactionSigner() {
 function useKitTransactionSigner() {
   let { signer: connectorSigner, ready } = useTransactionSigner();
   return {
-    signer: React.useMemo(() => connectorSigner ? chunk6AJJJG5B_js.createKitTransactionSigner(connectorSigner) : null, [connectorSigner]),
+    signer: React2.useMemo(() => connectorSigner ? chunkBZ2VBJCZ_js.createKitTransactionSigner(connectorSigner) : null, [connectorSigner]),
     ready
   };
 }
 var useGillTransactionSigner = useKitTransactionSigner;
-var logger2 = chunk64LV76OK_js.createLogger("useSolanaClient");
+var logger3 = chunkSITQ4JWM_js.createLogger("useSolanaClient");
 function useSolanaClient() {
-  let { type } = useCluster(), connectorClient = useConnectorClient(), client = React.useMemo(() => {
+  let { type } = useCluster(), connectorClient = useConnectorClient(), client = React2.useMemo(() => {
     if (!type || !connectorClient) return null;
     try {
       let rpcUrl = connectorClient.getRpcUrl();
-      return rpcUrl ? chunk64LV76OK_js.createSolanaClient({
+      return rpcUrl ? chunkSITQ4JWM_js.createSolanaClient({
         urlOrMoniker: rpcUrl
-      }) : type !== "custom" ? chunk64LV76OK_js.createSolanaClient({
+      }) : type !== "custom" ? chunkSITQ4JWM_js.createSolanaClient({
         urlOrMoniker: type
       }) : null;
     } catch (error) {
-      return logger2.error("Failed to create Solana client", { error }), null;
+      return logger3.error("Failed to create Solana client", { error }), null;
     }
   }, [type, connectorClient]);
-  return React.useMemo(
+  return React2.useMemo(
     () => ({
       client,
       ready: !!client,
@@ -330,11 +711,11 @@ function useSolanaClient() {
 }
 var useGillSolanaClient = useSolanaClient;
 function useTransactionPreparer() {
-  let { client, ready } = useSolanaClient(), prepare = React.useCallback(
+  let { client, ready } = useSolanaClient(), prepare = React2.useCallback(
     async (transaction, options = {}) => {
       if (!client)
-        throw new chunk64LV76OK_js.NetworkError("RPC_ERROR", "Solana client not available. Cannot prepare transaction.");
-      return chunk64LV76OK_js.prepareTransaction({
+        throw new chunkSITQ4JWM_js.NetworkError("RPC_ERROR", "Solana client not available. Cannot prepare transaction.");
+      return chunkSITQ4JWM_js.prepareTransaction({
         transaction,
         rpc: client.rpc,
         computeUnitLimitMultiplier: options.computeUnitLimitMultiplier,
@@ -344,7 +725,7 @@ function useTransactionPreparer() {
     },
     [client]
   );
-  return React.useMemo(
+  return React2.useMemo(
     () => ({
       prepare,
       ready
@@ -483,13 +864,13 @@ function useSharedQuery(key, queryFn, options = {}) {
     refetchOnMount = "stale",
     refetchIntervalMs = false,
     select
-  } = options, queryFnRef = React.useRef(queryFn);
+  } = options, queryFnRef = React2.useRef(queryFn);
   queryFnRef.current = queryFn;
-  let stableQueryFn = React.useCallback((signal) => queryFnRef.current(signal), []), subscribe = React.useCallback(
+  let stableQueryFn = React2.useCallback((signal) => queryFnRef.current(signal), []), subscribe = React2.useCallback(
     (onChange) => key ? subscribeSharedQuery(key, onChange, cacheTimeMs) : () => {
     },
     [key, cacheTimeMs]
-  ), emptySnapshot = React.useMemo(
+  ), emptySnapshot = React2.useMemo(
     () => ({
       data: void 0,
       error: null,
@@ -498,8 +879,8 @@ function useSharedQuery(key, queryFn, options = {}) {
       isFetching: false
     }),
     []
-  ), getSnapshot = React.useCallback(() => key ? getOrCreateEntry(key).snapshot : emptySnapshot, [key, emptySnapshot]), snapshot = React.useSyncExternalStore(subscribe, getSnapshot, getSnapshot), selectedData = React.useMemo(() => select ? select(snapshot.data) : snapshot.data, [snapshot.data, select]), prevSelectedRef = React.useRef(selectedData), stableSelectedData = React.useMemo(() => Object.is(prevSelectedRef.current, selectedData) ? prevSelectedRef.current : (prevSelectedRef.current = selectedData, selectedData), [selectedData]), fetchedKeyRef = React.useRef(null);
-  React.useEffect(() => {
+  ), getSnapshot = React2.useCallback(() => key ? getOrCreateEntry(key).snapshot : emptySnapshot, [key, emptySnapshot]), snapshot = React2.useSyncExternalStore(subscribe, getSnapshot, getSnapshot), selectedData = React2.useMemo(() => select ? select(snapshot.data) : snapshot.data, [snapshot.data, select]), prevSelectedRef = React2.useRef(selectedData), stableSelectedData = React2.useMemo(() => Object.is(prevSelectedRef.current, selectedData) ? prevSelectedRef.current : (prevSelectedRef.current = selectedData, selectedData), [selectedData]), fetchedKeyRef = React2.useRef(null);
+  React2.useEffect(() => {
     if (!key || !enabled) {
       fetchedKeyRef.current = null;
       return;
@@ -513,7 +894,7 @@ function useSharedQuery(key, queryFn, options = {}) {
       force: refetchOnMount === true
     }).catch(() => {
     })) : fetchedKeyRef.current = key;
-  }, [key, enabled, staleTimeMs, refetchOnMount, stableQueryFn]), React.useEffect(() => {
+  }, [key, enabled, staleTimeMs, refetchOnMount, stableQueryFn]), React2.useEffect(() => {
     if (!key || !enabled || refetchIntervalMs === false) return;
     let entry = getOrCreateEntry(key);
     entry.queryFn = stableQueryFn;
@@ -523,7 +904,7 @@ function useSharedQuery(key, queryFn, options = {}) {
       count <= 1 ? entry.intervalCounts.delete(refetchIntervalMs) : entry.intervalCounts.set(refetchIntervalMs, count - 1), startOrRestartInterval(key, entry);
     };
   }, [key, enabled, refetchIntervalMs, stableQueryFn]);
-  let refetch = React.useCallback(
+  let refetch = React2.useCallback(
     async (refetchOptions) => {
       if (key)
         return fetchSharedQuery(key, stableQueryFn, {
@@ -532,12 +913,12 @@ function useSharedQuery(key, queryFn, options = {}) {
         });
     },
     [key, stableQueryFn]
-  ), abort = React.useCallback(() => {
+  ), abort = React2.useCallback(() => {
     if (!key) return;
     let entry = store.get(key);
     entry?.abortController && entry.abortController.abort();
   }, [key]);
-  return React.useMemo(
+  return React2.useMemo(
     () => ({
       data: stableSelectedData,
       error: snapshot.error,
@@ -616,11 +997,11 @@ function useWalletAssets(options = {}) {
     refetchIntervalMs = false,
     client: clientOverride,
     select
-  } = options, { address, connected } = useAccount(), { client: providerClient } = useSolanaClient(), rpcClient = clientOverride ?? providerClient, key = React.useMemo(() => {
+  } = options, { address, connected } = useAccount(), { client: providerClient } = useSolanaClient(), rpcClient = clientOverride ?? providerClient, key = React2.useMemo(() => {
     if (!enabled || !connected || !address || !rpcClient) return null;
     let rpcUrl = rpcClient.urlOrMoniker instanceof URL ? rpcClient.urlOrMoniker.toString() : String(rpcClient.urlOrMoniker);
     return getWalletAssetsQueryKey(rpcUrl, address);
-  }, [enabled, connected, address, rpcClient]), queryFn = React.useCallback(
+  }, [enabled, connected, address, rpcClient]), queryFn = React2.useCallback(
     async (signal) => {
       if (!connected || !address || !rpcClient)
         return { lamports: 0n, tokenAccounts: [] };
@@ -664,7 +1045,7 @@ function useWalletAssets(options = {}) {
       select
     }
   ), isLoading = status === "loading" || status === "idle";
-  return React.useMemo(
+  return React2.useMemo(
     () => ({
       data,
       isLoading,
@@ -684,7 +1065,7 @@ function getBalanceQueryKey(rpcUrl, address) {
 }
 var LAMPORTS_PER_SOL2 = 1000000000n;
 function formatTokenAccount(account) {
-  let formatted = chunk6AJJJG5B_js.formatBigIntBalance(account.amount, account.decimals, {
+  let formatted = chunkBZ2VBJCZ_js.formatBigIntBalance(account.amount, account.decimals, {
     maxDecimals: Math.min(account.decimals, 6)
   });
   return {
@@ -728,13 +1109,13 @@ function useBalance(options = {}) {
     refetchIntervalMs: autoRefresh ? refreshInterval : false,
     client: clientOverride,
     select: selectBalance
-  }), lamports = data?.lamports ?? 0n, tokens = data?.tokens ?? [], solBalance = React.useMemo(() => Number(lamports) / Number(LAMPORTS_PER_SOL2), [lamports]), formattedSol = React.useMemo(() => chunk6AJJJG5B_js.formatLamportsToSolSafe(lamports, { maxDecimals: 4, suffix: true }), [lamports]), visibleError = updatedAt ? null : error, refetch = React.useCallback(
+  }), lamports = data?.lamports ?? 0n, tokens = data?.tokens ?? [], solBalance = React2.useMemo(() => Number(lamports) / Number(LAMPORTS_PER_SOL2), [lamports]), formattedSol = React2.useMemo(() => chunkBZ2VBJCZ_js.formatLamportsToSolSafe(lamports, { maxDecimals: 4, suffix: true }), [lamports]), visibleError = updatedAt ? null : error, refetch = React2.useCallback(
     async (opts) => {
       await sharedRefetch(opts);
     },
     [sharedRefetch]
   );
-  return React.useMemo(
+  return React2.useMemo(
     () => ({
       solBalance,
       lamports,
@@ -1109,7 +1490,7 @@ function useTransactions(options = {}) {
     // 5 minutes
     refetchOnMount = "stale",
     client: clientOverride
-  } = options, { address, connected } = useAccount(), { cluster } = useCluster(), { client: providerClient } = useSolanaClient(), connectorClient = useConnectorClient(), [paginatedTransactions, setPaginatedTransactions] = React.useState([]), [isPaginationLoading, setIsPaginationLoading] = React.useState(false), [hasMore, setHasMore] = React.useState(true), beforeSignatureRef = React.useRef(void 0), rpcClient = clientOverride ?? providerClient, connectorConfig = connectorClient?.getConfig(), imageProxy = connectorConfig?.imageProxy, programLabels = connectorConfig?.programLabels, parseTransaction = React.useCallback(
+  } = options, { address, connected } = useAccount(), { cluster } = useCluster(), { client: providerClient } = useSolanaClient(), connectorClient = useConnectorClient(), [paginatedTransactions, setPaginatedTransactions] = React2.useState([]), [isPaginationLoading, setIsPaginationLoading] = React2.useState(false), [hasMore, setHasMore] = React2.useState(true), beforeSignatureRef = React2.useRef(void 0), rpcClient = clientOverride ?? providerClient, connectorConfig = connectorClient?.getConfig(), imageProxy = connectorConfig?.imageProxy, programLabels = connectorConfig?.programLabels, parseTransaction = React2.useCallback(
     (tx, walletAddress, sig, blockTime, slot, err, explorerUrl) => {
       let { date, time } = formatDate(blockTime), baseInfo = {
         signature: sig,
@@ -1160,15 +1541,15 @@ function useTransactions(options = {}) {
       }
     },
     [programLabels]
-  ), key = React.useMemo(() => {
+  ), key = React2.useMemo(() => {
     if (!enabled || !connected || !address || !rpcClient || !cluster) return null;
     let rpcUrl = rpcClient.urlOrMoniker instanceof URL ? rpcClient.urlOrMoniker.toString() : String(rpcClient.urlOrMoniker);
     return getTransactionsQueryKey({ rpcUrl, address, clusterId: cluster.id, limit, fetchDetails });
   }, [enabled, connected, address, rpcClient, cluster, limit, fetchDetails]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     beforeSignatureRef.current = void 0, setPaginatedTransactions([]), setIsPaginationLoading(false), setHasMore(true);
   }, [key]);
-  let fetchAndEnrichTransactions = React.useCallback(
+  let fetchAndEnrichTransactions = React2.useCallback(
     async (beforeSignature, currentCluster, signal) => {
       if (!rpcClient || !address)
         return { transactions: [], hasMore: false };
@@ -1197,7 +1578,7 @@ function useTransactions(options = {}) {
             blockTimeNum,
             Number(sig.slot),
             sig.err,
-            chunk6AJJJG5B_js.getTransactionUrl(String(sig.signature), currentCluster)
+            chunkBZ2VBJCZ_js.getTransactionUrl(String(sig.signature), currentCluster)
           );
         });
       } else
@@ -1212,7 +1593,7 @@ function useTransactions(options = {}) {
             type: "unknown",
             formattedDate: date,
             formattedTime: time,
-            explorerUrl: chunk6AJJJG5B_js.getTransactionUrl(String(sig.signature), currentCluster)
+            explorerUrl: chunkBZ2VBJCZ_js.getTransactionUrl(String(sig.signature), currentCluster)
           };
         });
       let mintsToFetch = [
@@ -1226,7 +1607,7 @@ function useTransactions(options = {}) {
         throwIfAborted(signal);
         let tokenMetadata = await fetchTransactionTokenMetadata(mintsToFetch, {
           signal,
-          cluster: chunk6AJJJG5B_js.getClusterType(currentCluster)
+          cluster: chunkBZ2VBJCZ_js.getClusterType(currentCluster)
         });
         tokenMetadata.size > 0 && (newTransactions = newTransactions.map((tx) => {
           let enrichedTx = { ...tx };
@@ -1270,7 +1651,7 @@ function useTransactions(options = {}) {
       };
     },
     [rpcClient, address, limit, fetchDetails, detailsConcurrency, parseTransaction, imageProxy]
-  ), queryFn = React.useCallback(
+  ), queryFn = React2.useCallback(
     async (signal) => {
       if (!connected || !address || !rpcClient || !cluster)
         return [];
@@ -1293,10 +1674,10 @@ function useTransactions(options = {}) {
     refetchOnMount,
     refetchIntervalMs: autoRefresh ? refreshInterval : false
   });
-  React.useEffect(() => {
+  React2.useEffect(() => {
     initialTransactions && (beforeSignatureRef.current = initialTransactions.length ? initialTransactions[initialTransactions.length - 1].signature : void 0, setHasMore(initialTransactions.length === limit), setPaginatedTransactions((prev) => prev.length ? [] : prev));
   }, [initialTransactions, limit]);
-  let loadMoreFn = React.useCallback(async () => {
+  let loadMoreFn = React2.useCallback(async () => {
     if (!(!hasMore || isPaginationLoading || !cluster)) {
       setIsPaginationLoading(true);
       try {
@@ -1308,13 +1689,13 @@ function useTransactions(options = {}) {
         setIsPaginationLoading(false);
       }
     }
-  }, [hasMore, isPaginationLoading, cluster, fetchAndEnrichTransactions]), refetch = React.useCallback(
+  }, [hasMore, isPaginationLoading, cluster, fetchAndEnrichTransactions]), refetch = React2.useCallback(
     async (opts) => {
       beforeSignatureRef.current = void 0, setPaginatedTransactions([]), setHasMore(true), await sharedRefetch(opts);
     },
     [sharedRefetch]
-  ), transactions = React.useMemo(() => [...initialTransactions ?? [], ...paginatedTransactions], [initialTransactions, paginatedTransactions]), isLoading = isInitialLoading || isPaginationLoading, visibleError = updatedAt ? null : error;
-  return React.useMemo(
+  ), transactions = React2.useMemo(() => [...initialTransactions ?? [], ...paginatedTransactions], [initialTransactions, paginatedTransactions]), isLoading = isInitialLoading || isPaginationLoading, visibleError = updatedAt ? null : error;
+  return React2.useMemo(
     () => ({
       transactions,
       isLoading,
@@ -1333,10 +1714,10 @@ function getTokensQueryKey(rpcUrl, address) {
 }
 var CACHE_MAX_SIZE = 500, PRICE_CACHE_TTL = 6e4, STALE_CLEANUP_INTERVAL = 12e4, COINGECKO_DEFAULT_MAX_RETRIES = 3, COINGECKO_DEFAULT_BASE_DELAY = 1e3, COINGECKO_DEFAULT_MAX_TIMEOUT = 3e4, COINGECKO_API_BASE_URL = "https://api.coingecko.com/api/v3", LRUCache = class {
   constructor(maxSize, options) {
-    chunk64LV76OK_js.__publicField(this, "cache", /* @__PURE__ */ new Map());
-    chunk64LV76OK_js.__publicField(this, "maxSize");
-    chunk64LV76OK_js.__publicField(this, "getTtl");
-    chunk64LV76OK_js.__publicField(this, "getTimestamp");
+    chunkSITQ4JWM_js.__publicField(this, "cache", /* @__PURE__ */ new Map());
+    chunkSITQ4JWM_js.__publicField(this, "maxSize");
+    chunkSITQ4JWM_js.__publicField(this, "getTtl");
+    chunkSITQ4JWM_js.__publicField(this, "getTimestamp");
     this.maxSize = maxSize, this.getTtl = options?.getTtl, this.getTimestamp = options?.getTimestamp;
   }
   get(key) {
@@ -1506,12 +1887,12 @@ async function fetchTokenMetadataHybrid(mints, coingeckoConfig, options) {
   return didUpdatePrices && options?.onUpdate?.(), didUpdate;
 }
 function formatBalance(amount, decimals) {
-  return chunk6AJJJG5B_js.formatBigIntBalance(amount, decimals, {
+  return chunkBZ2VBJCZ_js.formatBigIntBalance(amount, decimals, {
     maxDecimals: Math.min(decimals, 6)
   });
 }
 function formatUsd(amount, decimals, usdPrice) {
-  return chunk6AJJJG5B_js.formatBigIntUsd(amount, decimals, usdPrice);
+  return chunkBZ2VBJCZ_js.formatBigIntUsd(amount, decimals, usdPrice);
 }
 function selectTokens(assets, address) {
   return {
@@ -1539,7 +1920,7 @@ function useTokens(options = {}) {
     // 5 minutes
     refetchOnMount = "stale",
     client: clientOverride
-  } = options, { address, connected } = useAccount(), { type: clusterType } = useCluster(), connectorConfig = useConnectorClient()?.getConfig(), imageProxy = connectorConfig?.imageProxy, coingeckoConfig = connectorConfig?.coingecko, selectFn = React.useCallback(
+  } = options, { address, connected } = useAccount(), { type: clusterType } = useCluster(), connectorConfig = useConnectorClient()?.getConfig(), imageProxy = connectorConfig?.imageProxy, coingeckoConfig = connectorConfig?.coingecko, selectFn = React2.useCallback(
     (assets) => selectTokens(assets, address ?? ""),
     [address]
   ), {
@@ -1557,7 +1938,7 @@ function useTokens(options = {}) {
     refetchIntervalMs: autoRefresh ? refreshInterval : false,
     client: clientOverride,
     select: selectFn
-  }), lamports = selection?.lamports ?? 0n, tokenAccounts = selection?.tokenAccounts ?? [], walletAddress = selection?.address ?? "", baseTokens = React.useMemo(() => {
+  }), lamports = selection?.lamports ?? 0n, tokenAccounts = selection?.tokenAccounts ?? [], walletAddress = selection?.address ?? "", baseTokens = React2.useMemo(() => {
     let result = [];
     includeNativeSol && walletAddress && (includeZeroBalance || lamports > 0n) && result.push({
       mint: NATIVE_SOL_MINT,
@@ -1580,13 +1961,13 @@ function useTokens(options = {}) {
         programId: account.programId
       });
     return result;
-  }, [lamports, tokenAccounts, walletAddress, includeNativeSol, includeZeroBalance]), mints = React.useMemo(() => {
+  }, [lamports, tokenAccounts, walletAddress, includeNativeSol, includeZeroBalance]), mints = React2.useMemo(() => {
     let unique = /* @__PURE__ */ new Set();
     for (let token of baseTokens)
       unique.add(token.mint);
     return [...unique].sort();
-  }, [baseTokens]), mintsKey = React.useMemo(() => mints.join(","), [mints]), [metadataVersion, setMetadataVersion] = React.useState(0);
-  React.useEffect(() => {
+  }, [baseTokens]), mintsKey = React2.useMemo(() => mints.join(","), [mints]), [metadataVersion, setMetadataVersion] = React2.useState(0);
+  React2.useEffect(() => {
     if (!fetchMetadata || !mintsKey) return;
     let isMounted = true;
     return (async () => {
@@ -1605,7 +1986,7 @@ function useTokens(options = {}) {
       isMounted = false;
     };
   }, [mintsKey, fetchMetadata, coingeckoConfig, clusterType]);
-  let tokens = React.useMemo(() => fetchMetadata ? baseTokens.map((token) => {
+  let tokens = React2.useMemo(() => fetchMetadata ? baseTokens.map((token) => {
     let meta = metadataCache.get(token.mint);
     if (!meta) return token;
     let usdPrice = (meta.coingeckoId ? priceCache.get(meta.coingeckoId) : void 0)?.price ?? meta.usdPrice;
@@ -1618,18 +1999,18 @@ function useTokens(options = {}) {
       formattedUsd: usdPrice ? formatUsd(token.amount, token.decimals, usdPrice) : void 0
     };
   }).sort(sortByValueDesc) : baseTokens.slice().sort(sortByValueDesc), [baseTokens, fetchMetadata, imageProxy, metadataVersion]), totalAccounts = tokenAccounts.length + (includeNativeSol ? 1 : 0);
-  React.useEffect(() => (startCacheCleanup(), () => stopCacheCleanup()), []);
-  let wasConnectedRef = React.useRef(connected);
-  React.useEffect(() => {
+  React2.useEffect(() => (startCacheCleanup(), () => stopCacheCleanup()), []);
+  let wasConnectedRef = React2.useRef(connected);
+  React2.useEffect(() => {
     wasConnectedRef.current && !connected && clearTokenCaches(), wasConnectedRef.current = connected;
   }, [connected]);
-  let visibleError = updatedAt ? null : error, refetch = React.useCallback(
+  let visibleError = updatedAt ? null : error, refetch = React2.useCallback(
     async (opts) => {
       await sharedRefetch(opts);
     },
     [sharedRefetch]
   );
-  return React.useMemo(
+  return React2.useMemo(
     () => ({
       tokens,
       isLoading: isFetching,
@@ -1651,7 +2032,7 @@ function DisconnectElement({
   onDisconnect,
   render
 }) {
-  let { disconnect, connecting } = useConnector(), [disconnecting, setDisconnecting] = React__default.default.useState(false), handleDisconnect = async () => {
+  let { disconnect, connecting } = useConnector(), [disconnecting, setDisconnecting] = React2__default.default.useState(false), handleDisconnect = async () => {
     setDisconnecting(true);
     try {
       await disconnect(), onDisconnect?.();
@@ -1895,7 +2276,7 @@ function ClusterElement({
   labels = {},
   render
 }) {
-  let { cluster, clusters, setCluster, isMainnet, isDevnet, isTestnet, isLocal } = useCluster(), [isOpen, setIsOpen] = React__default.default.useState(false);
+  let { cluster, clusters, setCluster, isMainnet, isDevnet, isTestnet, isLocal } = useCluster(), [isOpen, setIsOpen] = React2__default.default.useState(false);
   if (render)
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: render({ cluster, clusters, setCluster, isMainnet, isDevnet, isTestnet, isLocal }) });
   if (!cluster) return null;
@@ -2102,14 +2483,32 @@ function WalletListElement({
   variant = "list",
   showStatus = true,
   onSelect,
+  onConnect,
   render,
   renderWallet
 }) {
   let { wallets, connecting } = useWalletInfo(), { select } = useConnector(), installedWallets = wallets.filter((w) => w.installed), displayWallets = installedOnly ? installedWallets : wallets, handleSelect = async (walletName) => {
     await select(walletName), onSelect?.(walletName);
+  }, handleConnectById = async (connectorId) => {
+    let wallet = wallets.find((w) => w.connectorId === connectorId);
+    if (!wallet) {
+      let availableConnectorIds = wallets.map((w) => w.connectorId);
+      console.warn(
+        `[WalletListElement] Wallet not found for connectorId: ${connectorId}. Available connectorIds (${availableConnectorIds.length}):`,
+        availableConnectorIds
+      );
+      return;
+    }
+    await select(wallet.name), onConnect?.(connectorId);
   };
   if (render)
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: render({ wallets, installedWallets, select: handleSelect, connecting }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: render({
+      wallets,
+      installedWallets,
+      select: handleSelect,
+      connectById: handleConnectById,
+      connecting
+    }) });
   if (displayWallets.length === 0)
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -2167,28 +2566,33 @@ function WalletListElement({
       className: `ck-wallet-list-block ck-wallet-list-block--grid ${className || ""}`,
       "data-slot": "wallet-list-element",
       "data-variant": "grid",
-      children: displayWallets.map((wallet) => renderWallet ? /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: renderWallet({
-        wallet,
-        select: () => handleSelect(wallet.name),
-        connecting
-      }) }, wallet.name) : /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          className: "ck-wallet-list-item ck-wallet-list-item--grid",
-          onClick: () => handleSelect(wallet.name),
-          disabled: connecting || !wallet.installed && installedOnly,
-          "data-slot": "wallet-list-item",
-          "data-wallet": wallet.name,
-          "data-installed": wallet.installed,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-wallet-list-item-icon", "data-slot": "wallet-list-item-icon", children: wallet.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: wallet.icon, alt: wallet.name }) : walletIcon }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-wallet-list-item-name", "data-slot": "wallet-list-item-name", children: wallet.name }),
-            showStatus && !wallet.installed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-wallet-list-item-status", "data-slot": "wallet-list-item-status", children: "Not installed" })
-          ]
-        },
-        wallet.name
-      ))
+      children: displayWallets.map((wallet) => {
+        let handleWalletConnect = () => handleConnectById(wallet.connectorId);
+        return renderWallet ? /* @__PURE__ */ jsxRuntime.jsx(React2__default.default.Fragment, { children: renderWallet({
+          wallet,
+          select: handleWalletConnect,
+          connect: handleWalletConnect,
+          connecting
+        }) }, wallet.name) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ck-wallet-list-item ck-wallet-list-item--grid",
+            onClick: handleWalletConnect,
+            disabled: connecting || !wallet.installed && installedOnly,
+            "data-slot": "wallet-list-item",
+            "data-wallet": wallet.name,
+            "data-connector-id": wallet.connectorId,
+            "data-installed": wallet.installed,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-wallet-list-item-icon", "data-slot": "wallet-list-item-icon", children: wallet.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: wallet.icon, alt: wallet.name }) : walletIcon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-wallet-list-item-name", "data-slot": "wallet-list-item-name", children: wallet.name }),
+              showStatus && !wallet.installed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-wallet-list-item-status", "data-slot": "wallet-list-item-status", children: "Not installed" })
+            ]
+          },
+          wallet.name
+        );
+      })
     }
   ) : variant === "compact" ? /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2196,27 +2600,32 @@ function WalletListElement({
       className: `ck-wallet-list-block ck-wallet-list-block--compact ${className || ""}`,
       "data-slot": "wallet-list-element",
       "data-variant": "compact",
-      children: displayWallets.map((wallet) => renderWallet ? /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: renderWallet({
-        wallet,
-        select: () => handleSelect(wallet.name),
-        connecting
-      }) }, wallet.name) : /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          className: "ck-wallet-list-item ck-wallet-list-item--compact",
-          onClick: () => handleSelect(wallet.name),
-          disabled: connecting || !wallet.installed && installedOnly,
-          "data-slot": "wallet-list-item",
-          "data-wallet": wallet.name,
-          "data-installed": wallet.installed,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-wallet-list-item-icon", "data-slot": "wallet-list-item-icon", children: wallet.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: wallet.icon, alt: wallet.name }) : walletIcon }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-wallet-list-item-name", "data-slot": "wallet-list-item-name", children: wallet.name })
-          ]
-        },
-        wallet.name
-      ))
+      children: displayWallets.map((wallet) => {
+        let handleWalletConnect = () => handleConnectById(wallet.connectorId);
+        return renderWallet ? /* @__PURE__ */ jsxRuntime.jsx(React2__default.default.Fragment, { children: renderWallet({
+          wallet,
+          select: handleWalletConnect,
+          connect: handleWalletConnect,
+          connecting
+        }) }, wallet.name) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ck-wallet-list-item ck-wallet-list-item--compact",
+            onClick: handleWalletConnect,
+            disabled: connecting || !wallet.installed && installedOnly,
+            "data-slot": "wallet-list-item",
+            "data-wallet": wallet.name,
+            "data-connector-id": wallet.connectorId,
+            "data-installed": wallet.installed,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-wallet-list-item-icon", "data-slot": "wallet-list-item-icon", children: wallet.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: wallet.icon, alt: wallet.name }) : walletIcon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-wallet-list-item-name", "data-slot": "wallet-list-item-name", children: wallet.name })
+            ]
+          },
+          wallet.name
+        );
+      })
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2224,54 +2633,59 @@ function WalletListElement({
       className: `ck-wallet-list-block ck-wallet-list-block--list ${className || ""}`,
       "data-slot": "wallet-list-element",
       "data-variant": "list",
-      children: displayWallets.map((wallet) => renderWallet ? /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: renderWallet({
-        wallet,
-        select: () => handleSelect(wallet.name),
-        connecting
-      }) }, wallet.name) : /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          className: "ck-wallet-list-item ck-wallet-list-item--list",
-          onClick: () => handleSelect(wallet.name),
-          disabled: connecting || !wallet.installed && installedOnly,
-          "data-slot": "wallet-list-item",
-          "data-wallet": wallet.name,
-          "data-installed": wallet.installed,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-wallet-list-item-icon", "data-slot": "wallet-list-item-icon", children: wallet.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: wallet.icon, alt: wallet.name }) : walletIcon }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-wallet-list-item-info", "data-slot": "wallet-list-item-info", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-wallet-list-item-name", "data-slot": "wallet-list-item-name", children: wallet.name }),
-              showStatus && /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
+      children: displayWallets.map((wallet) => {
+        let handleWalletConnect = () => handleConnectById(wallet.connectorId);
+        return renderWallet ? /* @__PURE__ */ jsxRuntime.jsx(React2__default.default.Fragment, { children: renderWallet({
+          wallet,
+          select: handleWalletConnect,
+          connect: handleWalletConnect,
+          connecting
+        }) }, wallet.name) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ck-wallet-list-item ck-wallet-list-item--list",
+            onClick: handleWalletConnect,
+            disabled: connecting || !wallet.installed && installedOnly,
+            "data-slot": "wallet-list-item",
+            "data-wallet": wallet.name,
+            "data-connector-id": wallet.connectorId,
+            "data-installed": wallet.installed,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-wallet-list-item-icon", "data-slot": "wallet-list-item-icon", children: wallet.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: wallet.icon, alt: wallet.name }) : walletIcon }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-wallet-list-item-info", "data-slot": "wallet-list-item-info", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-wallet-list-item-name", "data-slot": "wallet-list-item-name", children: wallet.name }),
+                showStatus && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: "ck-wallet-list-item-status",
+                    "data-slot": "wallet-list-item-status",
+                    "data-installed": wallet.installed,
+                    children: wallet.installed ? "Detected" : "Not installed"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
                 {
-                  className: "ck-wallet-list-item-status",
-                  "data-slot": "wallet-list-item-status",
-                  "data-installed": wallet.installed,
-                  children: wallet.installed ? "Detected" : "Not installed"
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: "ck-wallet-list-item-arrow",
+                  "data-slot": "wallet-list-item-arrow",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" })
                 }
               )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: "ck-wallet-list-item-arrow",
-                "data-slot": "wallet-list-item-arrow",
-                children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" })
-              }
-            )
-          ]
-        },
-        wallet.name
-      ))
+            ]
+          },
+          wallet.name
+        );
+      })
     }
   );
 }
@@ -2308,7 +2722,7 @@ function injectStyles() {
   }
 }
 function SkeletonShine() {
-  return React__default.default.useEffect(() => {
+  return React2__default.default.useEffect(() => {
     injectStyles();
   }, []), /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-skeleton-shine", "data-slot": "skeleton-shine" });
 }
@@ -2846,6 +3260,7 @@ exports.AccountElement = AccountElement;
 exports.AppProvider = AppProvider;
 exports.BalanceElement = BalanceElement;
 exports.ClusterElement = ClusterElement;
+exports.ConnectorErrorBoundary = ConnectorErrorBoundary;
 exports.ConnectorProvider = ConnectorProvider;
 exports.DisconnectElement = DisconnectElement;
 exports.SkeletonShine = SkeletonShine;
@@ -2864,8 +3279,10 @@ exports.invalidateSharedQuery = invalidateSharedQuery;
 exports.useAccount = useAccount;
 exports.useBalance = useBalance;
 exports.useCluster = useCluster;
+exports.useConnectWallet = useConnectWallet;
 exports.useConnector = useConnector;
 exports.useConnectorClient = useConnectorClient;
+exports.useDisconnectWallet = useDisconnectWallet;
 exports.useGillSolanaClient = useGillSolanaClient;
 exports.useGillTransactionSigner = useGillTransactionSigner;
 exports.useKitTransactionSigner = useKitTransactionSigner;
@@ -2874,7 +3291,10 @@ exports.useTokens = useTokens;
 exports.useTransactionPreparer = useTransactionPreparer;
 exports.useTransactionSigner = useTransactionSigner;
 exports.useTransactions = useTransactions;
+exports.useWallet = useWallet;
 exports.useWalletConnectUri = useWalletConnectUri;
+exports.useWalletConnectors = useWalletConnectors;
 exports.useWalletInfo = useWalletInfo;
-//# sourceMappingURL=chunk-ATYK5OKR.js.map
-//# sourceMappingURL=chunk-ATYK5OKR.js.map
+exports.withErrorBoundary = withErrorBoundary;
+//# sourceMappingURL=chunk-EM4KNOKG.js.map
+//# sourceMappingURL=chunk-EM4KNOKG.js.map