@algobright/solana-connector 0.1.2 → 0.1.4

package/dist/{Button.module-HQNNX6IB.module.css → Button.module-QCTUNBHA.module.css}

@@ -3,6 +3,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  min-height: fit-content;
   gap: 0.5rem;
   white-space: nowrap;
   font-weight: 500;

package/dist/ConnectButton.d.mts

@@ -1,13 +1,37 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ConnectButtonProps {
+    /** * The visual theme for the button and modals.
+     * @default 'light'
+     */
     theme?: 'light' | 'dark';
+    /** * Custom Tailwind or CSS class for the main button element.
+     * If not passed, standard kit styling is applied.
+     */
     CN_ConnectButton?: string;
+    /** * Custom CSS class for the dropdown menu.
+     * If not passed, it defaults to the standard dropdown layout.
+     */
     CN_DropdownMenu?: string;
+    /** * Custom CSS class for the connection modal.
+     * This modal displays all wallet options and the QR code for mobile linking.
+     */
     CN_Modal?: string;
+    /** * Initial text shown when the wallet is disconnected.
+     * @default "Connect Wallet"
+     */
     connectText?: string;
+    /** * Text displayed while the wallet is in the 'connecting' state.
+     * @default "Connecting..."
+     */
     connectingText?: string;
+    /** * If true, fetches and displays the native SOL balance.
+     * @default false
+     */
     showSolBalance?: boolean;
+    /** * If provided, displays a specific SPL token balance (e.g., USDC).
+     * If null/undefined, only SOL or no balance is shown.
+     */
     showDefaultToken?: {
         address: string;
         symbol: string;

package/dist/ConnectButton.d.ts

@@ -1,13 +1,37 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ConnectButtonProps {
+    /** * The visual theme for the button and modals.
+     * @default 'light'
+     */
     theme?: 'light' | 'dark';
+    /** * Custom Tailwind or CSS class for the main button element.
+     * If not passed, standard kit styling is applied.
+     */
     CN_ConnectButton?: string;
+    /** * Custom CSS class for the dropdown menu.
+     * If not passed, it defaults to the standard dropdown layout.
+     */
     CN_DropdownMenu?: string;
+    /** * Custom CSS class for the connection modal.
+     * This modal displays all wallet options and the QR code for mobile linking.
+     */
     CN_Modal?: string;
+    /** * Initial text shown when the wallet is disconnected.
+     * @default "Connect Wallet"
+     */
     connectText?: string;
+    /** * Text displayed while the wallet is in the 'connecting' state.
+     * @default "Connecting..."
+     */
     connectingText?: string;
+    /** * If true, fetches and displays the native SOL balance.
+     * @default false
+     */
     showSolBalance?: boolean;
+    /** * If provided, displays a specific SPL token balance (e.g., USDC).
+     * If null/undefined, only SOL or no balance is shown.
+     */
     showDefaultToken?: {
         address: string;
         symbol: string;

package/dist/ConnectButton.js

@@ -36,16 +36,16 @@ __export(ConnectButton_exports, {
 module.exports = __toCommonJS(ConnectButton_exports);
 
 // src/components/ConnectButton/ConnectButton.tsx
-var import_react6 = require("react");
-var import_ConnectButton = __toESM(require("./ConnectButton.module-O3M32YJK.module.css"));
+var import_react10 = require("react");
+var import_ConnectButton = __toESM(require("./ConnectButton.module-AR6WQXQS.module.css"));
 var import_connector4 = require("@solana/connector");
 
 // src/components/shared/Button/Button.tsx
-var React = __toESM(require("react"));
+var import_react = require("react");
 var import_button = require("@base-ui/react/button");
-var import_Button = __toESM(require("./Button.module-HQNNX6IB.module.css"));
+var import_Button = __toESM(require("./Button.module-QCTUNBHA.module.css"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var Button = React.forwardRef(
+var Button = (0, import_react.forwardRef)(
   ({ className, variant = "default", size = "default", ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_button.Button,
@@ -79,21 +79,21 @@ var Spinner_default2 = Spinner_default;
 // src/components/WalletModal/WalletModal.tsx
 var import_connector = require("@solana/connector");
 var import_lucide_react3 = require("lucide-react");
-var import_react3 = require("react");
+var import_react6 = require("react");
 var import_WalletModal = __toESM(require("./WalletModal.module-ZRTJGOQY.module.css"));
 
 // src/components/shared/Dialog/Dialog.tsx
-var React2 = __toESM(require("react"));
 var import_dialog = require("@base-ui/react/dialog");
 var import_lucide_react = require("lucide-react");
 var import_Dialog = __toESM(require("./Dialog.module-AYJTMDAD.module.css"));
 var import_clsx = __toESM(require("clsx"));
+var import_react2 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Dialog = import_dialog.Dialog.Root;
 var DialogTrigger = import_dialog.Dialog.Trigger;
 var DialogPortal = import_dialog.Dialog.Portal;
 var DialogClose = import_dialog.Dialog.Close;
-var DialogBackdrop = React2.forwardRef(
+var DialogBackdrop = (0, import_react2.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_dialog.Dialog.Backdrop,
     {
@@ -104,7 +104,7 @@ var DialogBackdrop = React2.forwardRef(
   )
 );
 DialogBackdrop.displayName = "DialogBackdrop";
-var DialogContent = React2.forwardRef(
+var DialogContent = (0, import_react2.forwardRef)(
   ({ className, children, theme, showCloseButton = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DialogPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogBackdrop, { "data-theme": theme }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -127,7 +127,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${import_Dialog.default.footer} ${className || ""}`, ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React2.forwardRef(
+var DialogTitle = (0, import_react2.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_dialog.Dialog.Title,
     {
@@ -138,7 +138,7 @@ var DialogTitle = React2.forwardRef(
   )
 );
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var DialogDescription = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
   import_dialog.Dialog.Description,
   {
     ref,
@@ -149,7 +149,7 @@ var DialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = "DialogDescription";
 
 // src/components/shared/CustomQRCode/CustomQRCode.tsx
-var import_react = require("react");
+var import_react3 = require("react");
 var import_qrcode = __toESM(require("qrcode"));
 var import_CustomQRCode = __toESM(require("./CustomQRCode.module-JW3JU3FX.module.css"));
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -171,7 +171,7 @@ function QRCodeSVG({
 }) {
   const logoSize = clearArea ? 76 : 0;
   const size = sizeProp - 10 * 2;
-  const dots = (0, import_react.useMemo)(() => {
+  const dots = (0, import_react3.useMemo)(() => {
     const dots2 = [];
     const matrix = generateMatrix(value, ecl);
     const cellSize = size / matrix.length;
@@ -402,12 +402,12 @@ var CustomQRCode_default = CustomQRCode;
 var import_si = require("react-icons/si");
 
 // src/components/shared/Collapsible/Collapsible.tsx
-var React3 = __toESM(require("react"));
 var import_collapsible = require("@base-ui/react/collapsible");
 var import_Collapsible = __toESM(require("./Collapsible.module-F4VIL5FH.module.css"));
+var import_react4 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Collapsible = import_collapsible.Collapsible.Root;
-var CollapsibleTrigger = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var CollapsibleTrigger = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   import_collapsible.Collapsible.Trigger,
   {
     ref,
@@ -416,7 +416,7 @@ var CollapsibleTrigger = React3.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 CollapsibleTrigger.displayName = "CollapsibleTrigger";
-var CollapsibleContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var CollapsibleContent = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   import_collapsible.Collapsible.Panel,
   {
     ref,
@@ -427,7 +427,7 @@ var CollapsibleContent = React3.forwardRef(({ className, ...props }, ref) => /*
 CollapsibleContent.displayName = "CollapsibleContent";
 
 // src/components/shared/Avatar/Avatar.tsx
-var import_react2 = require("react");
+var import_react5 = require("react");
 var import_Avatar = __toESM(require("./Avatar.module-AACAT34D.module.css"));
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -438,7 +438,7 @@ function Avatar({
   alt,
   theme = "light"
 }) {
-  const [hasError, setHasError] = (0, import_react2.useState)(false);
+  const [hasError, setHasError] = (0, import_react5.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: import_Avatar.default.avatar, "data-theme": theme, children: src && !hasError ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "img",
     {
@@ -463,29 +463,27 @@ function WalletModal(props) {
     CN_Modal,
     theme = "light",
     open,
-    onOpenChange,
-    walletConnectUri,
-    onClearWalletConnectUri
+    onOpenChange
   } = props;
-  const { walletStatus: { status }, isConnecting, connectorId, connectors, connectWallet, disconnectWallet } = (0, import_connector.useConnector)();
-  const [connectingConnectorId, setConnectingConnectorId] = (0, import_react3.useState)(null);
-  const [isOtherWalletsOpen, setIsOtherWalletsOpen] = (0, import_react3.useState)(false);
-  const [errorConnectorId, setErrorConnectorId] = (0, import_react3.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react3.useState)(null);
-  const [copied, setCopied] = (0, import_react3.useState)(false);
-  const isClient = (0, import_react3.useSyncExternalStore)(
+  const { walletConnectUri, clearWalletConnectUri, walletStatus: { status }, isConnecting, connectorId, connectors, connectWallet, disconnectWallet } = (0, import_connector.useConnector)();
+  const [connectingConnectorId, setConnectingConnectorId] = (0, import_react6.useState)(null);
+  const [isOtherWalletsOpen, setIsOtherWalletsOpen] = (0, import_react6.useState)(false);
+  const [errorConnectorId, setErrorConnectorId] = (0, import_react6.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react6.useState)(null);
+  const [copied, setCopied] = (0, import_react6.useState)(false);
+  const isClient = (0, import_react6.useSyncExternalStore)(
     () => () => {
     },
     () => true,
     () => false
   );
-  const recentlyConnectedConnectorId = (0, import_react3.useSyncExternalStore)(
+  const recentlyConnectedConnectorId = (0, import_react6.useSyncExternalStore)(
     () => () => {
     },
     () => localStorage.getItem("recentlyConnectedConnectorId"),
     () => null
   );
-  (0, import_react3.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (status === "connected" && connectorId) {
       localStorage.setItem("recentlyConnectedConnectorId", connectorId);
     }
@@ -493,7 +491,7 @@ function WalletModal(props) {
   const walletConnectConnector = (_a = connectors.find((c) => c.name === "WalletConnect")) != null ? _a : null;
   const isWalletConnectFlow = !!walletConnectConnector && (connectingConnectorId === walletConnectConnector.id || status === "connecting" && connectorId === walletConnectConnector.id) || !!walletConnectUri;
   function cancelConnection() {
-    onClearWalletConnectUri == null ? void 0 : onClearWalletConnectUri();
+    clearWalletConnectUri == null ? void 0 : clearWalletConnectUri();
     setConnectingConnectorId(null);
     disconnectWallet().catch(() => {
     });
@@ -507,7 +505,7 @@ function WalletModal(props) {
     setConnectingConnectorId(connector.id);
     try {
       if (connector.name === "WalletConnect") {
-        onClearWalletConnectUri == null ? void 0 : onClearWalletConnectUri();
+        clearWalletConnectUri == null ? void 0 : clearWalletConnectUri();
       }
       await connectWallet(connector.id);
       localStorage.setItem("recentlyConnectedConnectorId", connector.id);
@@ -845,14 +843,14 @@ var WalletModal_default2 = WalletModal_default;
 var import_clsx4 = __toESM(require("clsx"));
 
 // src/components/shared/Menu/Menu.tsx
-var React4 = __toESM(require("react"));
 var import_menu = require("@base-ui/react/menu");
 var import_Menu = __toESM(require("./Menu.module-6ATSLATI.module.css"));
+var import_react7 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Menu = import_menu.Menu.Root;
 var MenuPortal = import_menu.Menu.Portal;
 var MenuGroup = import_menu.Menu.Group;
-var MenuTrigger = React4.forwardRef(
+var MenuTrigger = (0, import_react7.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_menu.Menu.Trigger,
     {
@@ -863,11 +861,11 @@ var MenuTrigger = React4.forwardRef(
   )
 );
 MenuTrigger.displayName = "MenuTrigger";
-var MenuPositioner = React4.forwardRef(
+var MenuPositioner = (0, import_react7.forwardRef)(
   ({ sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_menu.Menu.Positioner, { ref, sideOffset, ...props })
 );
 MenuPositioner.displayName = "MenuPositioner";
-var MenuPopup = React4.forwardRef(
+var MenuPopup = (0, import_react7.forwardRef)(
   ({ className, theme, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_menu.Menu.Popup,
     {
@@ -879,7 +877,7 @@ var MenuPopup = React4.forwardRef(
   )
 );
 MenuPopup.displayName = "MenuPopup";
-var MenuItem = React4.forwardRef(
+var MenuItem = (0, import_react7.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_menu.Menu.Item,
     {
@@ -890,11 +888,11 @@ var MenuItem = React4.forwardRef(
   )
 );
 MenuItem.displayName = "MenuItem";
-var MenuSeparator = React4.forwardRef(
+var MenuSeparator = (0, import_react7.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_menu.Menu.Separator, { ref, className: `${import_Menu.default.separator} ${className || ""}`, ...props })
 );
 MenuSeparator.displayName = "MenuSeparator";
-var MenuGroupLabel = React4.forwardRef(
+var MenuGroupLabel = (0, import_react7.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_menu.Menu.GroupLabel, { ref, className: `${import_Menu.default.groupLabel} ${className || ""}`, ...props })
 );
 MenuGroupLabel.displayName = "MenuGroupLabel";
@@ -903,10 +901,10 @@ MenuGroupLabel.displayName = "MenuGroupLabel";
 var import_lucide_react5 = require("lucide-react");
 
 // src/components/WalletDropdown/WalletDropdown.tsx
-var import_react4 = require("react");
+var import_react8 = require("react");
 var import_kit2 = require("@solana/kit");
 var import_WalletDropdown = __toESM(require("./WalletDropdown.module-DOK7CUOQ.module.css"));
-var import_react5 = require("motion/react");
+var import_react9 = require("motion/react");
 var import_lucide_react4 = require("lucide-react");
 var import_connector3 = require("@solana/connector");
 var import_clsx3 = require("clsx");
@@ -945,7 +943,10 @@ async function getTokenBalance(client, pubkey, mintAddress) {
     const pubkeyAddress = (0, import_connector2.address)(pubkey);
     const mintPubkey = (0, import_connector2.address)(mintAddress);
     const rpc = (0, import_kit.createSolanaRpc)(rpcUrl);
-    const mintInfo = await rpc.getAccountInfo(mintPubkey).send();
+    const mintInfo = await rpc.getAccountInfo(
+      mintPubkey,
+      { encoding: "base64" }
+    ).send();
     const ownerProgram = (_a = mintInfo.value) == null ? void 0 : _a.owner;
     if (!ownerProgram) {
       throw new Error("Failed to fetch mint account info");
@@ -961,7 +962,6 @@ async function getTokenBalance(client, pubkey, mintAddress) {
       balance = parseFloat(tokenBalance.value.uiAmountString);
     }
   } catch (error) {
-    console.error("Error fetching token balance:", error);
   } finally {
     return balance;
   }
@@ -978,23 +978,24 @@ var networkColor = {
 function WalletDropdown(props) {
   const client = (0, import_connector3.useConnectorClient)();
   const {
-    CN_ConnectButton,
-    selectedAccount,
-    walletIcon,
-    walletName,
-    theme,
-    allowNetworkSwitch,
-    showSolBalance,
+    CN_DropdownMenu,
+    theme = "light",
+    allowNetworkSwitch = true,
+    showSolBalance = true,
     showDefaultToken
   } = props;
-  const [view, setView] = (0, import_react4.useState)("wallet");
-  const [copied, setCopied] = (0, import_react4.useState)(false);
-  const fetchingSolBalance = (0, import_react4.useRef)(false);
-  const [isFetchingBalance, setIsFetchingBalance] = (0, import_react4.useState)(false);
-  const fetchingDefaultToken = (0, import_react4.useRef)(false);
-  const [isFetchingDefaultTokenBalance, setIsFetchingDefaultTokenBalance] = (0, import_react4.useState)(false);
-  const [solBalance, setSolBalance] = (0, import_react4.useState)(null);
-  const [defaultTokenBalance, setDefaultTokenBalance] = (0, import_react4.useState)(null);
+  const [view, setView] = (0, import_react8.useState)("wallet");
+  const [copied, setCopied] = (0, import_react8.useState)(false);
+  const { account, connector } = (0, import_connector3.useConnector)();
+  const fetchingSolBalance = (0, import_react8.useRef)(false);
+  const [isFetchingBalance, setIsFetchingBalance] = (0, import_react8.useState)(false);
+  const fetchingDefaultToken = (0, import_react8.useRef)(false);
+  const [isFetchingDefaultTokenBalance, setIsFetchingDefaultTokenBalance] = (0, import_react8.useState)(false);
+  const [solBalance, setSolBalance] = (0, import_react8.useState)(null);
+  const [defaultTokenBalance, setDefaultTokenBalance] = (0, import_react8.useState)(null);
+  const selectedAccount = account || "";
+  const walletName = (connector == null ? void 0 : connector.name) || "Unknown Wallet";
+  const walletIcon = (connector == null ? void 0 : connector.icon) || void 0;
   const shortAddress = `${selectedAccount.slice(0, 4)}...${selectedAccount.slice(-4)}`;
   async function handleCopy() {
     try {
@@ -1029,7 +1030,7 @@ function WalletDropdown(props) {
     setIsFetchingDefaultTokenBalance(false);
     fetchingDefaultToken.current = false;
   }
-  (0, import_react4.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (showSolBalance && selectedAccount && client) {
       fetchSolBalance();
     }
@@ -1039,13 +1040,13 @@ function WalletDropdown(props) {
   }, [selectedAccount, client, showSolBalance, showDefaultToken]);
   if (view === "wallet") {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      import_react5.motion.div,
+      import_react9.motion.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: { duration: 0.2 },
-        className: (0, import_clsx3.clsx)(import_WalletDropdown.default.WalletDropdown, CN_ConnectButton),
+        className: (0, import_clsx3.clsx)(import_WalletDropdown.default.WalletDropdown, CN_DropdownMenu),
         "data-theme": theme,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: import_WalletDropdown.default.Header, children: [
@@ -1184,13 +1185,13 @@ function WalletDropdown(props) {
   }
   if (view === "network") {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      import_react5.motion.div,
+      import_react9.motion.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: { duration: 0.2 },
-        className: (0, import_clsx3.clsx)(import_WalletDropdown.default.WalletDropdown, CN_ConnectButton),
+        className: (0, import_clsx3.clsx)(import_WalletDropdown.default.WalletDropdown, CN_DropdownMenu),
         "data-theme": theme,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: import_WalletDropdown.default.NetworkHeader, children: [
@@ -1213,7 +1214,7 @@ function WalletDropdown(props) {
             {
               render: ({ cluster, clusters, setCluster }) => {
                 const currentClusterId = (cluster == null ? void 0 : cluster.id) || "solana:mainnet";
-                return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: import_WalletDropdown.default.networkOptions, children: clusters.map((network, index) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: import_WalletDropdown.default.networkOptions, children: clusters.map((network) => {
                   const isSelected = currentClusterId === network.id;
                   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                     "div",
@@ -1270,7 +1271,7 @@ function ConnectButton(props) {
     showSolBalance = false,
     showDefaultToken
   } = props;
-  const [isModalOpen, setIsModalOpen] = (0, import_react6.useState)(false);
+  const [isModalOpen, setIsModalOpen] = (0, import_react10.useState)(false);
   const { isConnected, isConnecting, account, connector, walletConnectUri, clearWalletConnectUri } = (0, import_connector4.useConnector)();
   if (isConnected && account && connector) {
     const shortAddress = `${account.slice(0, 4)}...${account.slice(-4)}`;
@@ -1302,10 +1303,7 @@ function ConnectButton(props) {
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuPositioner, { sideOffset: 8, align: "end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuPopup, { theme, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         WalletDropdown_default2,
         {
-          CN_ConnectButton: CN_DropdownMenu,
-          selectedAccount: account,
-          walletIcon,
-          walletName: connector.name,
+          CN_DropdownMenu,
           allowNetworkSwitch: true,
           theme,
           showSolBalance,
@@ -1340,9 +1338,7 @@ function ConnectButton(props) {
       {
         theme,
         open: isModalOpen,
-        onOpenChange,
-        walletConnectUri,
-        onClearWalletConnectUri: clearWalletConnectUri
+        onOpenChange
       }
     )
   ] });