@meshsdk/react 1.9.0-beta.7 → 1.9.0-beta.71

package/dist/index.js

@@ -23432,7 +23432,7 @@ var require_dist = __commonJS({
 });
 
 // src/cardano-wallet/index.tsx
-import { useEffect as useEffect10, useState as useState12 } from "react";
+import { useEffect as useEffect10, useState as useState13 } from "react";
 
 // src/common/button.tsx
 import * as React from "react";
@@ -23613,6 +23613,9 @@ import { useContext, useEffect as useEffect2, useState as useState2 } from "reac
 // src/contexts/WalletContext.ts
 import { createContext, useCallback, useEffect, useState } from "react";
 import { BrowserWallet } from "@meshsdk/wallet";
+import {
+  Web3Wallet
+} from "@meshsdk/web3-sdk";
 var INITIAL_STATE = {
   walletName: void 0,
   walletInstance: {}
@@ -23626,11 +23629,17 @@ var useWalletStore = () => {
   const [address, setAddress] = useState("");
   const [connectedWalletInstance, setConnectedWalletInstance] = useState(INITIAL_STATE.walletInstance);
   const [connectedWalletName, setConnectedWalletName] = useState(INITIAL_STATE.walletName);
+  const [web3Services, setWeb3Services] = useState(void 0);
+  const [web3UserData, setWeb3UserData] = useState(
+    void 0
+  );
+  const [connectedBitcoinWallet, setConnectedBitcoinWallet] = useState({});
   const connectWallet = useCallback(
-    async (walletName, extensions, persist) => {
+    async (walletName, persist) => {
       setConnectingWallet(true);
       setState("CONNECTING" /* CONNECTING */);
       try {
+        const extensions = BrowserWallet.getSupportedExtensions(walletName);
         const walletInstance = await BrowserWallet.enable(
           walletName,
           extensions
@@ -23662,10 +23671,24 @@ var useWalletStore = () => {
     localStorage.removeItem(localstoragePersist);
   }, []);
   const setWallet = useCallback(
-    async (walletInstance, walletName) => {
+    async (walletInstance, walletName, persist) => {
       setConnectedWalletInstance(walletInstance);
       setConnectedWalletName(walletName);
       setState("CONNECTED" /* CONNECTED */);
+      if (persist) {
+        localStorage.setItem(
+          localstoragePersist,
+          JSON.stringify({ walletName, ...persist })
+        );
+      }
+    },
+    []
+  );
+  const setBitcoinWallet = useCallback(
+    async (walletInstance, walletName) => {
+      setConnectedBitcoinWallet(walletInstance);
+      setConnectedWalletName(walletName);
+      setState("CONNECTED" /* CONNECTED */);
     },
     []
   );
@@ -23680,27 +23703,52 @@ var useWalletStore = () => {
           address2 = await connectedWalletInstance.getChangeAddress();
         setAddress(address2);
       }
+      if (Object.keys(connectedBitcoinWallet).length > 0 && address.length === 0) {
+        let address2 = await connectedBitcoinWallet.getChangeAddress();
+        setAddress(address2);
+      }
     }
     load();
-  }, [connectedWalletInstance]);
+  }, [connectedWalletInstance, connectedBitcoinWallet]);
   useEffect(() => {
     const persist = localStorage.getItem(localstoragePersist);
     if (persistSession && persist) {
       const persist2 = JSON.parse(
         localStorage.getItem(localstoragePersist) || ""
       );
-      connectWallet(persist2.walletName);
+      if (persist2.walletName == "utxos" && web3Services) {
+        Web3Wallet.initWallet({
+          networkId: web3Services.networkId,
+          address: persist2.walletAddress,
+          fetcher: web3Services.fetcher,
+          submitter: web3Services.submitter,
+          projectId: web3Services.projectId,
+          appUrl: web3Services.appUrl
+        }).then((wallet) => {
+          setConnectedWalletInstance(wallet.cardano);
+          setConnectedWalletName(persist2.walletName);
+          setState("CONNECTED" /* CONNECTED */);
+        });
+        setWeb3UserData(persist2.user);
+      } else {
+        connectWallet(persist2.walletName);
+      }
     }
   }, [persistSession]);
   return {
     hasConnectedWallet: INITIAL_STATE.walletName !== connectedWalletName,
     connectedWalletInstance,
+    connectedBitcoinWallet,
     connectedWalletName,
     connectingWallet,
     connectWallet,
     disconnect,
     setWallet,
+    setBitcoinWallet,
     setPersist,
+    setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -23709,6 +23757,7 @@ var useWalletStore = () => {
 var WalletContext = createContext({
   hasConnectedWallet: false,
   connectedWalletInstance: INITIAL_STATE.walletInstance,
+  connectedBitcoinWallet: {},
   connectedWalletName: INITIAL_STATE.walletName,
   connectingWallet: false,
   connectWallet: async () => {
@@ -23717,8 +23766,15 @@ var WalletContext = createContext({
   },
   setWallet: async () => {
   },
+  setBitcoinWallet: async () => {
+  },
   setPersist: () => {
   },
+  setWeb3Services: () => {
+  },
+  web3UserData: void 0,
+  setWeb3UserData: () => {
+  },
   address: "",
   state: "NOT_CONNECTED" /* NOT_CONNECTED */
 });
@@ -23839,7 +23895,11 @@ var useWallet = () => {
     connectWallet,
     disconnect,
     setWallet,
+    setBitcoinWallet,
     setPersist,
+    setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -23857,7 +23917,11 @@ var useWallet = () => {
     connect: connectWallet,
     disconnect,
     setWallet,
+    setBitcoinWallet,
     setPersist,
+    setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -24034,7 +24098,7 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/cardano-wallet/connected-button.tsx
 import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function ConnectedButton() {
-  const { wallet, connected, disconnect, address } = useWallet();
+  const { name, disconnect, address } = useWallet();
   return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
     /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(Button, { variant: "outline", children: [
       address.slice(0, 6),
@@ -24042,6 +24106,7 @@ function ConnectedButton() {
       address.slice(-6)
     ] }) }),
     /* @__PURE__ */ jsxs3(DropdownMenuContent, { children: [
+      /* @__PURE__ */ jsx6(DropdownMenuLabel, { children: "Wallet" }),
       /* @__PURE__ */ jsx6(
         DropdownMenuItem,
         {
@@ -24051,6 +24116,16 @@ function ConnectedButton() {
           children: "Copy Address"
         }
       ),
+      name == "utxos" && /* @__PURE__ */ jsx6(
+        DropdownMenuItem,
+        {
+          onClick: () => {
+            window.open("https://utxos.dev/wallet", "_blank");
+          },
+          children: "Open Web3 Wallet"
+        }
+      ),
+      /* @__PURE__ */ jsx6(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsx6(
         DropdownMenuItem,
         {
@@ -24160,8 +24235,38 @@ function ScreenBurner({
   ] }) });
 }
 
+// src/cardano-wallet/screen-main.tsx
+import { BrowserWallet as BrowserWallet3 } from "@meshsdk/bitcoin";
+
+// src/common/icons/icon-bitcoin.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function IconBitcoin() {
+  return /* @__PURE__ */ jsx8(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: {
+        color: "#CC9900",
+        width: "24px",
+        height: "24px",
+        strokeWidth: "1px"
+      },
+      className: "hover:mesh-fill-white",
+      children: /* @__PURE__ */ jsx8("path", { d: "M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042.348-1.97M7.48 20.364l3.126-17.727" })
+    }
+  );
+}
+
 // src/common/icons/icon-book-dashed.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function IconBookDashed() {
   return /* @__PURE__ */ jsxs5(
     "svg",
@@ -24183,24 +24288,24 @@ function IconBookDashed() {
       },
       className: "hover:mesh-fill-white",
       children: [
-        /* @__PURE__ */ jsx8("path", { d: "M12 17h2" }),
-        /* @__PURE__ */ jsx8("path", { d: "M12 22h2" }),
-        /* @__PURE__ */ jsx8("path", { d: "M12 2h2" }),
-        /* @__PURE__ */ jsx8("path", { d: "M18 22h1a1 1 0 0 0 1-1" }),
-        /* @__PURE__ */ jsx8("path", { d: "M18 2h1a1 1 0 0 1 1 1v1" }),
-        /* @__PURE__ */ jsx8("path", { d: "M20 15v2h-2" }),
-        /* @__PURE__ */ jsx8("path", { d: "M20 8v3" }),
-        /* @__PURE__ */ jsx8("path", { d: "M4 11V9" }),
-        /* @__PURE__ */ jsx8("path", { d: "M4 19.5V15" }),
-        /* @__PURE__ */ jsx8("path", { d: "M4 5v-.5A2.5 2.5 0 0 1 6.5 2H8" }),
-        /* @__PURE__ */ jsx8("path", { d: "M8 22H6.5a1 1 0 0 1 0-5H8" })
+        /* @__PURE__ */ jsx9("path", { d: "M12 17h2" }),
+        /* @__PURE__ */ jsx9("path", { d: "M12 22h2" }),
+        /* @__PURE__ */ jsx9("path", { d: "M12 2h2" }),
+        /* @__PURE__ */ jsx9("path", { d: "M18 22h1a1 1 0 0 0 1-1" }),
+        /* @__PURE__ */ jsx9("path", { d: "M18 2h1a1 1 0 0 1 1 1v1" }),
+        /* @__PURE__ */ jsx9("path", { d: "M20 15v2h-2" }),
+        /* @__PURE__ */ jsx9("path", { d: "M20 8v3" }),
+        /* @__PURE__ */ jsx9("path", { d: "M4 11V9" }),
+        /* @__PURE__ */ jsx9("path", { d: "M4 19.5V15" }),
+        /* @__PURE__ */ jsx9("path", { d: "M4 5v-.5A2.5 2.5 0 0 1 6.5 2H8" }),
+        /* @__PURE__ */ jsx9("path", { d: "M8 22H6.5a1 1 0 0 1 0-5H8" })
       ]
     }
   );
 }
 
 // src/common/icons/icon-download.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function IconDownload() {
   return /* @__PURE__ */ jsxs6(
     "svg",
@@ -24220,18 +24325,17 @@ function IconDownload() {
         height: "24px",
         strokeWidth: "1px"
       },
-      className: "hover:mesh-fill-white",
       children: [
-        /* @__PURE__ */ jsx9("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ jsx9("polyline", { points: "7 10 12 15 17 10" }),
-        /* @__PURE__ */ jsx9("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+        /* @__PURE__ */ jsx10("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsx10("polyline", { points: "7 10 12 15 17 10" }),
+        /* @__PURE__ */ jsx10("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
       ]
     }
   );
 }
 
 // src/common/icons/icon-fingerprint.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function IconFingerprint() {
   return /* @__PURE__ */ jsxs7(
     "svg",
@@ -24253,22 +24357,22 @@ function IconFingerprint() {
       },
       className: "hover:mesh-fill-white",
       children: [
-        /* @__PURE__ */ jsx10("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
-        /* @__PURE__ */ jsx10("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
-        /* @__PURE__ */ jsx10("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
-        /* @__PURE__ */ jsx10("path", { d: "M2 12a10 10 0 0 1 18-6" }),
-        /* @__PURE__ */ jsx10("path", { d: "M2 16h.01" }),
-        /* @__PURE__ */ jsx10("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
-        /* @__PURE__ */ jsx10("path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
-        /* @__PURE__ */ jsx10("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
-        /* @__PURE__ */ jsx10("path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
+        /* @__PURE__ */ jsx11("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
+        /* @__PURE__ */ jsx11("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
+        /* @__PURE__ */ jsx11("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
+        /* @__PURE__ */ jsx11("path", { d: "M2 12a10 10 0 0 1 18-6" }),
+        /* @__PURE__ */ jsx11("path", { d: "M2 16h.01" }),
+        /* @__PURE__ */ jsx11("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
+        /* @__PURE__ */ jsx11("path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
+        /* @__PURE__ */ jsx11("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
+        /* @__PURE__ */ jsx11("path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
       ]
     }
   );
 }
 
 // src/common/icons/icon-monitor-smartphone.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function IconMonitorSmartphone() {
   return /* @__PURE__ */ jsxs8(
     "svg",
@@ -24289,10 +24393,10 @@ function IconMonitorSmartphone() {
         strokeWidth: "1px"
       },
       children: [
-        /* @__PURE__ */ jsx11("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
-        /* @__PURE__ */ jsx11("path", { d: "M10 19v-3.96 3.15" }),
-        /* @__PURE__ */ jsx11("path", { d: "M7 19h5" }),
-        /* @__PURE__ */ jsx11("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
+        /* @__PURE__ */ jsx12("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
+        /* @__PURE__ */ jsx12("path", { d: "M10 19v-3.96 3.15" }),
+        /* @__PURE__ */ jsx12("path", { d: "M7 19h5" }),
+        /* @__PURE__ */ jsx12("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
       ]
     }
   );
@@ -24301,11 +24405,11 @@ function IconMonitorSmartphone() {
 // src/common/tooltip.tsx
 import * as React4 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx13(
   TooltipPrimitive.Content,
   {
     ref,
@@ -24320,57 +24424,227 @@ var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props },
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/cardano-wallet/wallet-icon.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function WalletIcon({
   icon,
   name,
   action,
-  iconReactNode
+  iconReactNode,
+  loading = false
 }) {
   return /* @__PURE__ */ jsxs9(Tooltip, { delayDuration: 0, defaultOpen: false, children: [
-    /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
       "button",
       {
         className: "mesh-flex mesh-items-center mesh-justify-center mesh-rounded-lg mesh-w-10 mesh-h-10 mesh-bg-neutral-50 mesh-border mesh-border-zinc-700 hover:mesh-border-zinc-200 mesh-cursor-pointer",
         onClick: action,
+        disabled: loading,
         children: [
-          icon && /* @__PURE__ */ jsx13("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
-          iconReactNode && iconReactNode
+          icon && !loading && /* @__PURE__ */ jsx14("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
+          !loading && iconReactNode && iconReactNode,
+          loading && /* @__PURE__ */ jsx14("span", { className: "text-black", children: "..." })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx13(TooltipContent, { children: /* @__PURE__ */ jsx13("p", { children: name }) })
+    /* @__PURE__ */ jsx14(TooltipContent, { children: /* @__PURE__ */ jsx14("p", { children: name }) })
+  ] });
+}
+
+// src/cardano-wallet/web3-services.tsx
+import { useState as useState10 } from "react";
+import {
+  Web3Wallet as Web3Wallet2
+} from "@meshsdk/web3-sdk";
+
+// src/common/icons/icon-discord.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+function IconDiscord() {
+  return /* @__PURE__ */ jsx15(
+    "svg",
+    {
+      viewBox: "0 0 20 20",
+      "aria-hidden": "true",
+      style: {
+        width: "24px",
+        height: "24px"
+      },
+      children: /* @__PURE__ */ jsx15(
+        "path",
+        {
+          d: "M16.238 4.515a14.842 14.842 0 0 0-3.664-1.136.055.055 0 0 0-.059.027 10.35 10.35 0 0 0-.456.938 13.702 13.702 0 0 0-4.115 0 9.479 9.479 0 0 0-.464-.938.058.058 0 0 0-.058-.027c-1.266.218-2.497.6-3.664 1.136a.052.052 0 0 0-.024.02C1.4 8.023.76 11.424 1.074 14.782a.062.062 0 0 0 .024.042 14.923 14.923 0 0 0 4.494 2.272.058.058 0 0 0 .064-.02c.346-.473.654-.972.92-1.496a.057.057 0 0 0-.032-.08 9.83 9.83 0 0 1-1.404-.669.058.058 0 0 1-.029-.046.058.058 0 0 1 .023-.05c.094-.07.189-.144.279-.218a.056.056 0 0 1 .058-.008c2.946 1.345 6.135 1.345 9.046 0a.056.056 0 0 1 .059.007c.09.074.184.149.28.22a.058.058 0 0 1 .023.049.059.059 0 0 1-.028.046 9.224 9.224 0 0 1-1.405.669.058.058 0 0 0-.033.033.056.056 0 0 0 .002.047c.27.523.58 1.022.92 1.495a.056.056 0 0 0 .062.021 14.878 14.878 0 0 0 4.502-2.272.055.055 0 0 0 .016-.018.056.056 0 0 0 .008-.023c.375-3.883-.63-7.256-2.662-10.246a.046.046 0 0 0-.023-.021Zm-9.223 8.221c-.887 0-1.618-.814-1.618-1.814s.717-1.814 1.618-1.814c.908 0 1.632.821 1.618 1.814 0 1-.717 1.814-1.618 1.814Zm5.981 0c-.887 0-1.618-.814-1.618-1.814s.717-1.814 1.618-1.814c.908 0 1.632.821 1.618 1.814 0 1-.71 1.814-1.618 1.814Z",
+          fill: "#5865F2"
+        }
+      )
+    }
+  );
+}
+
+// src/common/icons/icon-google.tsx
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function IconGoogle() {
+  return /* @__PURE__ */ jsxs10(
+    "svg",
+    {
+      viewBox: "0 0 262 262",
+      xmlns: "http://www.w3.org/2000/svg",
+      preserveAspectRatio: "xMidYMid",
+      style: {
+        width: "24px",
+        height: "24px"
+      },
+      children: [
+        /* @__PURE__ */ jsx16(
+          "path",
+          {
+            d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027",
+            fill: "#4285F4"
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          "path",
+          {
+            d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1",
+            fill: "#34A853"
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          "path",
+          {
+            d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782",
+            fill: "#FBBC05"
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          "path",
+          {
+            d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251",
+            fill: "#EB4335"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/common/icons/icon-twitter.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function IconTwitter() {
+  return /* @__PURE__ */ jsx17(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1",
+      viewBox: "0 0 24 24",
+      style: {
+        width: "24px",
+        height: "24px"
+      },
+      children: /* @__PURE__ */ jsx17("path", { d: "M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z" })
+    }
+  );
+}
+
+// src/cardano-wallet/web3-services.tsx
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+function Web3Services({
+  options,
+  setOpen,
+  persist
+}) {
+  const { setWallet, setWeb3UserData } = useWallet();
+  const [loading, setLoading] = useState10(false);
+  async function loadWallet(directTo) {
+    setLoading(true);
+    const _options = {
+      networkId: 0,
+      fetcher: options.fetcher,
+      submitter: options.submitter,
+      appUrl: options.appUrl,
+      projectId: options.projectId,
+      directTo
+    };
+    const wallet = await Web3Wallet2.enable(_options);
+    const user = wallet.getUser();
+    setWeb3UserData(user);
+    setWallet(
+      wallet.cardano,
+      "utxos",
+      persist ? {
+        walletAddress: await wallet.getChangeAddress(),
+        user
+      } : void 0
+    );
+    setLoading(false);
+    setOpen(false);
+  }
+  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    /* @__PURE__ */ jsx18(
+      WalletIcon,
+      {
+        iconReactNode: IconGoogle(),
+        name: `Google`,
+        action: () => loadWallet("google"),
+        loading
+      }
+    ),
+    /* @__PURE__ */ jsx18(
+      WalletIcon,
+      {
+        iconReactNode: IconDiscord(),
+        name: `Discord`,
+        action: () => loadWallet("discord"),
+        loading
+      }
+    ),
+    /* @__PURE__ */ jsx18(
+      WalletIcon,
+      {
+        iconReactNode: IconTwitter(),
+        name: `Twitter`,
+        action: () => loadWallet("twitter"),
+        loading
+      }
+    )
   ] });
 }
 
 // src/cardano-wallet/screen-main.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function ScreenMain({
   injectFn,
-  extensions,
   setOpen,
   setScreen,
   persist,
   cardanoPeerConnect,
   burnerWallet,
-  webauthn
+  webauthn,
+  showDownload,
+  web3Services
 }) {
   const wallets = useWalletList({ injectFn });
-  const { connect: connect2 } = useWallet();
-  return /* @__PURE__ */ jsx14(TooltipProvider, { children: /* @__PURE__ */ jsxs10("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-5 mesh-place-items-center mesh-gap-y-8", children: [
-    wallets.map((wallet, index) => /* @__PURE__ */ jsx14(
+  const { connect: connect2, setBitcoinWallet } = useWallet();
+  return /* @__PURE__ */ jsx19(TooltipProvider, { children: /* @__PURE__ */ jsxs12("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-5 mesh-place-items-center mesh-gap-y-8", children: [
+    wallets.map((wallet, index) => /* @__PURE__ */ jsx19(
       WalletIcon,
       {
         icon: wallet.icon,
         name: wallet.name,
         action: () => {
-          connect2(wallet.id, extensions, persist);
+          connect2(wallet.id, persist);
           setOpen(false);
         }
       },
       index
     )),
-    webauthn && /* @__PURE__ */ jsx14(
+    web3Services && /* @__PURE__ */ jsx19(
+      Web3Services,
+      {
+        options: web3Services,
+        setOpen,
+        persist
+      }
+    ),
+    webauthn && /* @__PURE__ */ jsx19(
       WalletIcon,
       {
         iconReactNode: IconFingerprint(),
@@ -24380,7 +24654,7 @@ function ScreenMain({
         }
       }
     ),
-    cardanoPeerConnect && /* @__PURE__ */ jsx14(
+    cardanoPeerConnect && /* @__PURE__ */ jsx19(
       WalletIcon,
       {
         iconReactNode: IconMonitorSmartphone(),
@@ -24390,7 +24664,7 @@ function ScreenMain({
         }
       }
     ),
-    burnerWallet && /* @__PURE__ */ jsx14(
+    burnerWallet && /* @__PURE__ */ jsx19(
       WalletIcon,
       {
         iconReactNode: IconBookDashed(),
@@ -24400,7 +24674,7 @@ function ScreenMain({
         }
       }
     ),
-    /* @__PURE__ */ jsx14(
+    showDownload && /* @__PURE__ */ jsx19(
       WalletIcon,
       {
         iconReactNode: IconDownload(),
@@ -24412,22 +24686,36 @@ function ScreenMain({
           );
         }
       }
+    ),
+    /* @__PURE__ */ jsx19(
+      WalletIcon,
+      {
+        iconReactNode: IconBitcoin(),
+        name: "Bitcoin",
+        action: async () => {
+          const wallet = await BrowserWallet3.enable(
+            "Mesh SDK want to connect"
+          );
+          setBitcoinWallet(wallet, "Bitcoin");
+          setOpen(false);
+        }
+      }
     )
   ] }) });
 }
 
 // src/cardano-wallet/screen-p2p.tsx
 var import_cardano_peer_connect = __toESM(require_dist(), 1);
-import { useEffect as useEffect9, useRef as useRef2, useState as useState10 } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useEffect as useEffect9, useRef as useRef2, useState as useState11 } from "react";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function ScreenP2P({
   cardanoPeerConnect,
   setOpen
 }) {
   const dAppConnect = useRef2(null);
   const qrCodeField = useRef2(null);
-  const [address, setAddress] = useState10("");
-  const [copied, setCopied] = useState10(false);
+  const [address, setAddress] = useState11("");
+  const [copied, setCopied] = useState11(false);
   const { connect: connect2 } = useWallet();
   useEffect9(() => {
     if (cardanoPeerConnect) {
@@ -24463,9 +24751,9 @@ function ScreenP2P({
       }
     }
   }, []);
-  return /* @__PURE__ */ jsxs11("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
-    /* @__PURE__ */ jsx15("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs13("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
+    /* @__PURE__ */ jsx20("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
+    /* @__PURE__ */ jsx20(
       Button,
       {
         variant: "outline",
@@ -24480,15 +24768,15 @@ function ScreenP2P({
 }
 
 // src/cardano-wallet/screen-webauthn.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { connect, MeshWallet as MeshWallet2 } from "@meshsdk/wallet";
 
 // src/common/input.tsx
 import * as React5 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Input = React5.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx21(
       "input",
       {
         type,
@@ -24508,11 +24796,11 @@ Input.displayName = "Input";
 import * as React6 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var labelVariants = cva2(
   "mesh-text-sm mesh-font-medium mesh-leading-none peer-disabled:mesh-cursor-not-allowed peer-disabled:mesh-opacity-70"
 );
-var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   LabelPrimitive.Root,
   {
     ref,
@@ -24523,16 +24811,16 @@ var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/cardano-wallet/screen-webauthn.tsx
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 function ScreenWebauthn({
   url,
   networkId,
   provider,
   setOpen
 }) {
-  const [loading, setLoading] = useState11(false);
-  const [userName, setUserName] = useState11("");
-  const [password, setPassword] = useState11("");
+  const [loading, setLoading] = useState12(false);
+  const [userName, setUserName] = useState12("");
+  const [password, setPassword] = useState12("");
   const { setWallet } = useWallet();
   function createWallet(root) {
     setTimeout(() => {
@@ -24557,10 +24845,10 @@ function ScreenWebauthn({
       createWallet(res.wallet.bech32PrivateKey);
     }
   }
-  return /* @__PURE__ */ jsx18("div", { className: "mesh-flex mesh-flex-row mesh-flex-gap-4 mesh-items-center mesh-justify-center", children: loading ? /* @__PURE__ */ jsx18(Fragment3, { children: "Connecting wallet..." }) : /* @__PURE__ */ jsx18(Fragment3, { children: /* @__PURE__ */ jsxs12("div", { className: "mesh-flex mesh-flex-col mesh-gap-6 mesh-w-full mesh-mx-8", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "mesh-grid mesh-gap-2", children: [
-      /* @__PURE__ */ jsx18(Label2, { htmlFor: "username", children: "Username" }),
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx23("div", { className: "mesh-flex mesh-flex-row mesh-flex-gap-4 mesh-items-center mesh-justify-center", children: loading ? /* @__PURE__ */ jsx23(Fragment4, { children: "Connecting wallet..." }) : /* @__PURE__ */ jsx23(Fragment4, { children: /* @__PURE__ */ jsxs14("div", { className: "mesh-flex mesh-flex-col mesh-gap-6 mesh-w-full mesh-mx-8", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "mesh-grid mesh-gap-2", children: [
+      /* @__PURE__ */ jsx23(Label2, { htmlFor: "username", children: "Username" }),
+      /* @__PURE__ */ jsx23(
         Input,
         {
           id: "username",
@@ -24570,11 +24858,11 @@ function ScreenWebauthn({
           onChange: (e2) => setUserName(e2.target.value)
         }
       ),
-      /* @__PURE__ */ jsx18("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Unique to the application you are connecting." })
+      /* @__PURE__ */ jsx23("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Unique to the application you are connecting." })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "mesh-grid mesh-gap-2", children: [
-      /* @__PURE__ */ jsx18("div", { className: "mesh-flex mesh-items-center", children: /* @__PURE__ */ jsx18(Label2, { htmlFor: "password", children: "Unique Code" }) }),
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs14("div", { className: "mesh-grid mesh-gap-2", children: [
+      /* @__PURE__ */ jsx23("div", { className: "mesh-flex mesh-items-center", children: /* @__PURE__ */ jsx23(Label2, { htmlFor: "password", children: "Unique Code" }) }),
+      /* @__PURE__ */ jsx23(
         Input,
         {
           id: "password",
@@ -24584,9 +24872,9 @@ function ScreenWebauthn({
           onChange: (e2) => setPassword(e2.target.value)
         }
       ),
-      /* @__PURE__ */ jsx18("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Additional security to derive your wallet." })
+      /* @__PURE__ */ jsx23("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Additional security to derive your wallet." })
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx23(
       Button,
       {
         className: "mesh-w-full",
@@ -24599,59 +24887,62 @@ function ScreenWebauthn({
 }
 
 // src/cardano-wallet/index.tsx
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 var CardanoWallet = ({
   label = "Connect Wallet",
   onConnected = void 0,
   isDark = false,
   persist = false,
-  extensions = [],
   injectFn = void 0,
   cardanoPeerConnect = void 0,
   burnerWallet = void 0,
-  webauthn = void 0
+  webauthn = void 0,
+  showDownload = true,
+  web3Services = void 0
 }) => {
-  const [open, setOpen] = useState12(false);
-  const [screen, setScreen] = useState12("main");
-  const { wallet, connected, setPersist } = useWallet();
+  const [open, setOpen] = useState13(false);
+  const [screen, setScreen] = useState13("main");
+  const { wallet, connected, setPersist, setWeb3Services } = useWallet();
   useEffect10(() => {
     setPersist(persist);
-  }, [persist]);
+    if (web3Services) setWeb3Services(web3Services);
+  }, []);
   useEffect10(() => {
     if (connected) {
       if (onConnected) onConnected();
     }
   }, [connected, wallet]);
-  return /* @__PURE__ */ jsxs13(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx19("div", { className: isDark ? "mesh-dark" : "", children: !connected ? /* @__PURE__ */ jsx19(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx19(Button, { variant: "outline", children: label }) }) : /* @__PURE__ */ jsx19(ConnectedButton, {}) }),
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx24("div", { className: isDark ? "mesh-dark" : "", children: !connected ? /* @__PURE__ */ jsx24(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(Button, { variant: "outline", className: isDark ? "mesh-dark" : "", children: label }) }) : /* @__PURE__ */ jsx24(ConnectedButton, {}) }),
+    /* @__PURE__ */ jsxs15(
       DialogContent,
       {
         className: "sm:mesh-max-w-[425px] mesh-dark",
         onOpenAutoFocus: (event) => event.preventDefault(),
         children: [
-          /* @__PURE__ */ jsx19(Header, { screen, setScreen }),
-          screen == "main" && /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx24(Header, { screen, setScreen }),
+          screen == "main" && /* @__PURE__ */ jsx24(
             ScreenMain,
             {
               injectFn,
-              extensions,
               setOpen,
               setScreen,
               persist,
               cardanoPeerConnect: cardanoPeerConnect != void 0,
               burnerWallet: burnerWallet != void 0,
-              webauthn: webauthn != void 0
+              webauthn: webauthn != void 0,
+              showDownload,
+              web3Services
             }
           ),
-          screen == "p2p" && /* @__PURE__ */ jsx19(
+          screen == "p2p" && /* @__PURE__ */ jsx24(
             ScreenP2P,
             {
               cardanoPeerConnect,
               setOpen
             }
           ),
-          screen == "burner" && burnerWallet && /* @__PURE__ */ jsx19(
+          screen == "burner" && burnerWallet && /* @__PURE__ */ jsx24(
             ScreenBurner,
             {
               networkId: burnerWallet.networkId,
@@ -24659,7 +24950,7 @@ var CardanoWallet = ({
               setOpen
             }
           ),
-          screen == "webauthn" && webauthn && /* @__PURE__ */ jsx19(
+          screen == "webauthn" && webauthn && /* @__PURE__ */ jsx24(
             ScreenWebauthn,
             {
               url: webauthn.url,
@@ -24668,7 +24959,7 @@ var CardanoWallet = ({
               setOpen
             }
           ),
-          /* @__PURE__ */ jsx19(Footer, {})
+          /* @__PURE__ */ jsx24(Footer, {})
         ]
       }
     )
@@ -24678,25 +24969,25 @@ function Header({
   screen,
   setScreen
 }) {
-  return /* @__PURE__ */ jsxs13(DialogHeader, { children: [
-    /* @__PURE__ */ jsxs13(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
-      screen != "main" ? /* @__PURE__ */ jsx19("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ jsx19(IconChevronRight, {}) }) : /* @__PURE__ */ jsx19("span", { style: { width: "24px" } }),
-      /* @__PURE__ */ jsx19("span", { children: screens[screen].title }),
-      /* @__PURE__ */ jsx19("span", { style: { width: "24px" } })
+  return /* @__PURE__ */ jsxs15(DialogHeader, { children: [
+    /* @__PURE__ */ jsxs15(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
+      screen != "main" ? /* @__PURE__ */ jsx24("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ jsx24(IconChevronRight, {}) }) : /* @__PURE__ */ jsx24("span", { style: { width: "24px" } }),
+      /* @__PURE__ */ jsx24("span", { children: screens[screen].title }),
+      /* @__PURE__ */ jsx24("span", { style: { width: "24px" } })
     ] }),
-    /* @__PURE__ */ jsx19(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
+    /* @__PURE__ */ jsx24(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
   ] });
 }
 function Footer() {
-  return /* @__PURE__ */ jsx19(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx24(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ jsxs15(
     "a",
     {
       href: "https://meshjs.dev/",
       target: "_blank",
       className: "mesh-grow mesh-flex mesh-gap-1 mesh-items-center mesh-justify-center mesh-text-zinc-500 hover:mesh-text-white mesh-fill-zinc-500 hover:mesh-fill-white",
       children: [
-        /* @__PURE__ */ jsx19("span", { className: "", children: "Powered by" }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx24("span", { className: "", children: "Powered by" }),
+        /* @__PURE__ */ jsx24(
           "svg",
           {
             width: 24,
@@ -24704,31 +24995,31 @@ function Footer() {
             enableBackground: "new 0 0 300 200",
             viewBox: "0 0 300 200",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsx19("path", { d: "m289 127-45-60-45-60c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-37 49.3c-2 2.7-6 2.7-8 0l-37-49.3c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-45 60-45 60c-1.3 1.8-1.3 4.2 0 6l45 60c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l45-60c1.3-1.8 1.3-4.2 0-6zm-90-103.3 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-90 0 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-53 152.6-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0z" })
+            children: /* @__PURE__ */ jsx24("path", { d: "m289 127-45-60-45-60c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-37 49.3c-2 2.7-6 2.7-8 0l-37-49.3c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-45 60-45 60c-1.3 1.8-1.3 4.2 0 6l45 60c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l45-60c1.3-1.8 1.3-4.2 0-6zm-90-103.3 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-90 0 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-53 152.6-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0z" })
           }
         ),
-        /* @__PURE__ */ jsx19("span", { className: "", children: "Mesh SDK" })
+        /* @__PURE__ */ jsx24("span", { className: "", children: "Mesh SDK" })
       ]
     }
   ) });
 }
 
 // src/mesh-badge/mesh-logo.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-var MeshLogo = () => /* @__PURE__ */ jsx20(
+import { jsx as jsx25 } from "react/jsx-runtime";
+var MeshLogo = () => /* @__PURE__ */ jsx25(
   "svg",
   {
     className: "mesh-h-16 mesh-p-2",
     fill: "currentColor",
     viewBox: "0 0 300 200",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx20("path", { d: "m289 127-45-60-45-60c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-37 49.3c-2 2.7-6 2.7-8 0l-37-49.3c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-45 60-45 60c-1.3 1.8-1.3 4.2 0 6l45 60c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l45-60c1.3-1.8 1.3-4.2 0-6zm-90-103.3 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-90 0 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-53 152.6-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0z" })
+    children: /* @__PURE__ */ jsx25("path", { d: "m289 127-45-60-45-60c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-37 49.3c-2 2.7-6 2.7-8 0l-37-49.3c-.9-1.3-2.4-2-4-2s-3.1.7-4 2l-45 60-45 60c-1.3 1.8-1.3 4.2 0 6l45 60c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l37-49.3c2-2.7 6-2.7 8 0l37 49.3c.9 1.3 2.4 2 4 2s3.1-.7 4-2l45-60c1.3-1.8 1.3-4.2 0-6zm-90-103.3 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-90 0 32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0l-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0zm-53 152.6-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0zm90 0-32.5-43.3c-1.3-1.8-1.3-4.2 0-6l32.5-43.3c2-2.7 6-2.7 8 0l32.5 43.3c1.3 1.8 1.3 4.2 0 6l-32.5 43.3c-2 2.7-6 2.7-8 0z" })
   }
 );
 
 // src/mesh-badge/index.tsx
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
-var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ jsxs14(
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ jsxs16(
   "a",
   {
     className: `mesh-flex mesh-max-w-fit mesh-flex-col mesh-items-center mesh-rounded-md mesh-border mesh-border-solid mesh-border-current mesh-p-1 mesh-text-xl mesh-font-semibold mesh-no-underline ${isDark ? `mesh-bg-neutral-950	mesh-text-neutral-50` : `mesh-bg-neutral-50	mesh-text-neutral-950`}`,
@@ -24740,295 +25031,15 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ jsxs14(
     rel: "noopener noreferrer",
     target: "_blank",
     children: [
-      /* @__PURE__ */ jsx21(MeshLogo, {}),
+      /* @__PURE__ */ jsx26(MeshLogo, {}),
       "Mesh"
     ]
   }
 );
-
-// src/stake-button/index.tsx
-import { useEffect as useEffect12, useState as useState14 } from "react";
-import { Transaction } from "@meshsdk/transaction";
-
-// src/cardano-wallet-dropdown/index.tsx
-import { useEffect as useEffect11, useState as useState13 } from "react";
-
-// src/common/button-dropdown.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-function ButtonDropdown({
-  children,
-  isDarkMode = false,
-  hideMenuList = false,
-  setHideMenuList,
-  onMouseEnter,
-  onMouseLeave
-}) {
-  return /* @__PURE__ */ jsx22(
-    "button",
-    {
-      className: `mesh-mr-menu-list mesh-flex mesh-w-60 mesh-items-center mesh-justify-center mesh-rounded-t-md mesh-border mesh-px-4 mesh-py-2 mesh-text-lg mesh-font-normal mesh-shadow-sm ${isDarkMode ? `mesh-bg-neutral-950	mesh-text-neutral-50` : `mesh-bg-neutral-50	mesh-text-neutral-950`}`,
-      onClick: () => setHideMenuList && setHideMenuList(!hideMenuList),
-      onMouseEnter,
-      onMouseLeave,
-      children
-    }
-  );
-}
-
-// src/cardano-wallet-dropdown/menu-item.tsx
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
-function MenuItem({
-  icon,
-  label,
-  action,
-  active
-}) {
-  return /* @__PURE__ */ jsxs15(
-    "div",
-    {
-      className: "mesh-flex mesh-cursor-pointer mesh-items-center mesh-px-4 mesh-py-2 mesh-opacity-80 hover:mesh-opacity-100 mesh-h-16",
-      onClick: action,
-      children: [
-        icon && /* @__PURE__ */ jsx23("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
-        /* @__PURE__ */ jsx23("span", { className: "mesh-mr-menu-item mesh-text-xl mesh-font-normal mesh-text-neutral-700 hover:mesh-text-black", children: label.split(" ").map((word) => {
-          return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-        }).join(" ") })
-      ]
-    }
-  );
-}
-
-// src/cardano-wallet-dropdown/chevron-down.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-var ChevronDown = () => /* @__PURE__ */ jsx24(
-  "svg",
-  {
-    className: "mesh-m-2 mesh-h-6",
-    fill: "none",
-    "aria-hidden": "true",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx24(
-      "path",
-      {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "2",
-        d: "M19 9l-7 7-7-7"
-      }
-    )
-  }
-);
-
-// src/cardano-wallet-dropdown/wallet-balance.tsx
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
-var WalletBalance = ({
-  connected,
-  connecting,
-  label,
-  wallet
-}) => {
-  const lovelace = useLovelace();
-  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-    /* @__PURE__ */ jsx25("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
-    "\u20B3",
-    " ",
-    parseInt((parseInt(lovelace, 10) / 1e6).toString(), 10),
-    ".",
-    /* @__PURE__ */ jsx25("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
-  ] }) : connected && wallet?.icon ? /* @__PURE__ */ jsx25(Fragment4, { children: /* @__PURE__ */ jsx25("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ jsx25(Fragment4, { children: "Connecting..." }) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-    label,
-    " ",
-    /* @__PURE__ */ jsx25(ChevronDown, {})
-  ] });
-};
-
-// src/cardano-wallet-dropdown/index.tsx
-import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
-var CardanoWallet2 = ({
-  label = "Connect Wallet",
-  onConnected = void 0,
-  isDark = false,
-  extensions = [],
-  cardanoPeerConnect = void 0
-}) => {
-  const [isDarkMode, setIsDarkMode] = useState13(false);
-  const [hideMenuList, setHideMenuList] = useState13(true);
-  const { connect: connect2, connecting, connected, disconnect, name } = useWallet();
-  const wallets = useWalletList();
-  useEffect11(() => {
-    if (connected && onConnected) {
-      onConnected();
-    }
-  }, [connected]);
-  useEffect11(() => {
-    setIsDarkMode(isDark);
-  }, [isDark]);
-  return /* @__PURE__ */ jsxs17(
-    "div",
-    {
-      onMouseEnter: () => setHideMenuList(false),
-      onMouseLeave: () => setHideMenuList(true),
-      style: { width: "min-content", zIndex: 50 },
-      children: [
-        /* @__PURE__ */ jsx26(
-          ButtonDropdown,
-          {
-            isDarkMode,
-            hideMenuList,
-            setHideMenuList,
-            children: /* @__PURE__ */ jsx26(
-              WalletBalance,
-              {
-                connected,
-                connecting,
-                label,
-                wallet: wallets.find((wallet) => wallet.id === name)
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx26(
-          "div",
-          {
-            className: `mesh-mr-menu-list mesh-absolute mesh-w-60 mesh-rounded-b-md mesh-border mesh-text-center mesh-shadow-sm mesh-backdrop-blur ${hideMenuList && "mesh-hidden"} ${isDarkMode ? `mesh-bg-neutral-950	mesh-text-neutral-50` : `mesh-bg-neutral-50	mesh-text-neutral-950`}`,
-            style: { zIndex: 50 },
-            children: !connected && wallets.length > 0 ? /* @__PURE__ */ jsx26(Fragment5, { children: wallets.map((wallet, index) => /* @__PURE__ */ jsx26(
-              MenuItem,
-              {
-                icon: wallet.icon,
-                label: wallet.name,
-                action: () => {
-                  connect2(wallet.id, extensions);
-                  setHideMenuList(!hideMenuList);
-                },
-                active: name === wallet.id
-              },
-              index
-            )) }) : wallets.length === 0 ? /* @__PURE__ */ jsx26("span", { children: "No Wallet Found" }) : /* @__PURE__ */ jsx26(Fragment5, { children: /* @__PURE__ */ jsx26(
-              MenuItem,
-              {
-                active: false,
-                label: "disconnect",
-                action: disconnect,
-                icon: void 0
-              }
-            ) })
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/stake-button/index.tsx
-import { Fragment as Fragment6, jsx as jsx27 } from "react/jsx-runtime";
-var StakeButton = ({
-  label = "Stake your ADA",
-  isDark = false,
-  poolId,
-  onCheck,
-  onDelegated = void 0
-}) => {
-  const [isDarkMode, setIsDarkMode] = useState14(false);
-  const { connected } = useWallet();
-  useEffect12(() => {
-    setIsDarkMode(isDark);
-  }, [isDark]);
-  return /* @__PURE__ */ jsx27(Fragment6, { children: connected ? /* @__PURE__ */ jsx27(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ jsx27(
-    Delegate,
-    {
-      poolId,
-      onCheck,
-      onDelegated
-    }
-  ) }) : /* @__PURE__ */ jsx27(CardanoWallet2, { label, isDark }) });
-};
-var Delegate = ({
-  poolId,
-  onCheck,
-  onDelegated
-}) => {
-  const { wallet } = useWallet();
-  const rewardAddress = useRewardAddress();
-  const [_, setError] = useState14();
-  const [checking, setChecking] = useState14(false);
-  const [accountInfo, setAccountInfo] = useState14();
-  const [processing, setProcessing] = useState14(false);
-  const [done, setDone] = useState14(false);
-  const checkAccountStatus = async () => {
-    try {
-      setChecking(true);
-      if (rewardAddress) {
-        const info = await onCheck(rewardAddress);
-        setAccountInfo(info);
-      }
-      setChecking(false);
-    } catch (error) {
-      setError(error);
-    }
-  };
-  const registerAddress = async () => {
-    setProcessing(true);
-    setDone(false);
-    try {
-      if (rewardAddress) {
-        const tx = new Transaction({ initiator: wallet }).registerStake(rewardAddress).delegateStake(rewardAddress, poolId);
-        const unsignedTx = await tx.build();
-        const signedTx = await wallet.signTx(unsignedTx);
-        await wallet.submitTx(signedTx);
-        if (onDelegated) {
-          onDelegated();
-        }
-        setDone(true);
-      }
-    } catch (error) {
-      setError(error);
-    }
-    setProcessing(false);
-  };
-  const delegateStake = async () => {
-    setProcessing(true);
-    setDone(false);
-    try {
-      if (rewardAddress) {
-        const tx = new Transaction({ initiator: wallet }).delegateStake(rewardAddress, poolId);
-        const unsignedTx = await tx.build();
-        const signedTx = await wallet.signTx(unsignedTx);
-        await wallet.submitTx(signedTx);
-        if (onDelegated) {
-          onDelegated();
-        }
-        setDone(true);
-      }
-    } catch (error) {
-      setError(error);
-    }
-    setProcessing(false);
-  };
-  useEffect12(() => {
-    checkAccountStatus();
-  }, [rewardAddress]);
-  if (checking) {
-    return /* @__PURE__ */ jsx27("span", { children: "Checking..." });
-  }
-  if (processing) {
-    return /* @__PURE__ */ jsx27("span", { children: "Loading..." });
-  }
-  if (done) {
-    return /* @__PURE__ */ jsx27("span", { children: "Stake Delegated" });
-  }
-  if (accountInfo?.active) {
-    return accountInfo.poolId === poolId ? /* @__PURE__ */ jsx27("span", { children: "Stake Delegated" }) : /* @__PURE__ */ jsx27("span", { onClick: delegateStake, children: "Begin Staking" });
-  }
-  return /* @__PURE__ */ jsx27("span", { onClick: registerAddress, children: "Begin Staking" });
-};
 export {
   CardanoWallet,
   MeshBadge,
   MeshProvider,
-  StakeButton,
   WalletContext,
   useAddress,
   useAssets,