@meshsdk/react 1.7.24 → 1.7.26

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/cardano-wallet/index.tsx
-import { useEffect as useEffect9, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState12 } from "react";
 
 // src/common/button.tsx
 import * as React3 from "react";
@@ -2770,16 +2770,14 @@ import { useContext, useEffect, useState as useState2 } from "react";
 import { createContext, useCallback as useCallback2, useState } from "react";
 import { BrowserWallet } from "@meshsdk/wallet";
 var INITIAL_STATE = {
-  walletName: "",
+  walletName: void 0,
   walletInstance: {}
 };
 var useWalletStore = () => {
   const [error, setError] = useState(void 0);
   const [connectingWallet, setConnectingWallet] = useState(false);
   const [connectedWalletInstance, setConnectedWalletInstance] = useState(INITIAL_STATE.walletInstance);
-  const [connectedWalletName, setConnectedWalletName] = useState(
-    INITIAL_STATE.walletName
-  );
+  const [connectedWalletName, setConnectedWalletName] = useState(INITIAL_STATE.walletName);
   const connectWallet = useCallback2(
     async (walletName, extensions) => {
       setConnectingWallet(true);
@@ -2802,6 +2800,13 @@ var useWalletStore = () => {
     setConnectedWalletName(INITIAL_STATE.walletName);
     setConnectedWalletInstance(INITIAL_STATE.walletInstance);
   }, []);
+  const setWallet = useCallback2(
+    async (walletInstance, walletName) => {
+      setConnectedWalletInstance(walletInstance);
+      setConnectedWalletName(walletName);
+    },
+    []
+  );
   return {
     hasConnectedWallet: INITIAL_STATE.walletName !== connectedWalletName,
     connectedWalletInstance,
@@ -2809,6 +2814,7 @@ var useWalletStore = () => {
     connectingWallet,
     connectWallet,
     disconnect,
+    setWallet,
     error
   };
 };
@@ -2816,7 +2822,13 @@ var WalletContext = createContext({
   hasConnectedWallet: false,
   connectedWalletInstance: INITIAL_STATE.walletInstance,
   connectedWalletName: INITIAL_STATE.walletName,
-  connectingWallet: false
+  connectingWallet: false,
+  connectWallet: async () => {
+  },
+  disconnect: () => {
+  },
+  setWallet: async () => {
+  }
 });
 
 // src/contexts/index.tsx
@@ -2829,7 +2841,7 @@ var MeshProvider = (props) => {
 // src/hooks/useAddress.ts
 var useAddress = (accountId = 0) => {
   const [address, setAddress] = useState2();
-  const { hasConnectedWallet, connectedWalletName, connectedWalletInstance } = useContext(WalletContext);
+  const { hasConnectedWallet, connectedWalletInstance } = useContext(WalletContext);
   useEffect(() => {
     if (hasConnectedWallet) {
       connectedWalletInstance.getUsedAddresses().then((addresses) => {
@@ -2838,7 +2850,7 @@ var useAddress = (accountId = 0) => {
         }
       });
     }
-  }, [accountId, connectedWalletName]);
+  }, [accountId, hasConnectedWallet, connectedWalletInstance]);
   return address;
 };
 
@@ -2846,12 +2858,12 @@ var useAddress = (accountId = 0) => {
 import { useContext as useContext2, useEffect as useEffect2, useState as useState3 } from "react";
 var useAssets = () => {
   const [assets, setAssets] = useState3();
-  const { hasConnectedWallet, connectedWalletName, connectedWalletInstance } = useContext2(WalletContext);
+  const { hasConnectedWallet, connectedWalletInstance } = useContext2(WalletContext);
   useEffect2(() => {
     if (hasConnectedWallet) {
       connectedWalletInstance.getAssets().then(setAssets);
     }
-  }, [connectedWalletName]);
+  }, [hasConnectedWallet, connectedWalletInstance]);
   return assets;
 };
 
@@ -2879,12 +2891,12 @@ var useLovelace = () => {
   const hasFetchedLovelace = useRef(false);
   useEffect4(() => {
     async function getLovelace() {
-      setLovelace(await connectedWalletInstance.getLovelace());
-    }
-    if (hasConnectedWallet && !hasFetchedLovelace.current) {
-      getLovelace();
-      hasFetchedLovelace.current = true;
+      if (hasConnectedWallet && !hasFetchedLovelace.current) {
+        setLovelace(await connectedWalletInstance.getLovelace());
+        hasFetchedLovelace.current = true;
+      }
     }
+    getLovelace();
   }, [hasConnectedWallet, connectedWalletInstance]);
   const _lovelace = useMemo(() => {
     return lovelace;
@@ -2896,14 +2908,14 @@ var useLovelace = () => {
 import { useContext as useContext4, useEffect as useEffect5, useState as useState6 } from "react";
 var useNetwork = () => {
   const [networkId, setNetworkId] = useState6();
-  const { hasConnectedWallet, connectedWalletName, connectedWalletInstance } = useContext4(WalletContext);
+  const { hasConnectedWallet, connectedWalletInstance } = useContext4(WalletContext);
   useEffect5(() => {
     if (hasConnectedWallet) {
       connectedWalletInstance.getNetworkId().then(setNetworkId);
     } else {
       setNetworkId(void 0);
     }
-  }, [connectedWalletName]);
+  }, [hasConnectedWallet, connectedWalletInstance]);
   return networkId;
 };
 
@@ -2911,7 +2923,7 @@ var useNetwork = () => {
 import { useContext as useContext5, useEffect as useEffect6, useState as useState7 } from "react";
 var useRewardAddress = (accountId = 0) => {
   const [rewardAddress, setRewardAddress] = useState7();
-  const { hasConnectedWallet, connectedWalletName, connectedWalletInstance } = useContext5(WalletContext);
+  const { hasConnectedWallet, connectedWalletInstance } = useContext5(WalletContext);
   useEffect6(() => {
     if (hasConnectedWallet) {
       connectedWalletInstance.getRewardAddresses().then((addresses) => {
@@ -2920,7 +2932,7 @@ var useRewardAddress = (accountId = 0) => {
         }
       });
     }
-  }, [accountId, connectedWalletName]);
+  }, [accountId, hasConnectedWallet, connectedWalletInstance]);
   return rewardAddress;
 };
 
@@ -2934,6 +2946,7 @@ var useWallet = () => {
     connectingWallet,
     connectWallet,
     disconnect,
+    setWallet,
     error
   } = useContext6(WalletContext);
   if (connectWallet === void 0 || disconnect === void 0) {
@@ -2948,6 +2961,7 @@ var useWallet = () => {
     wallet: connectedWalletInstance,
     connect: connectWallet,
     disconnect,
+    setWallet,
     error
   };
 };
@@ -2961,10 +2975,10 @@ var useWalletSubmit = () => {
   const { hasConnectedWallet, connectedWalletInstance } = useContext7(WalletContext);
   const submitTx = useCallback3(async (signedTx) => {
     setSubmitting(true);
+    setError(void 0);
     try {
       if (hasConnectedWallet) {
         const txHash = await connectedWalletInstance.submitTx(signedTx);
-        setError(void 0);
         setResult(txHash);
       }
       throw new Error(
@@ -3168,10 +3182,143 @@ function ConnectedButton() {
   ] });
 }
 
+// src/cardano-wallet/data.ts
+var screens = {
+  main: {
+    title: "Connect Wallet"
+  },
+  p2p: {
+    title: "Peer Connect (CIP45)",
+    subtitle: "Use wallet that supports CIP-45, scan this QR code to connect."
+  },
+  burner: {
+    title: "Burner Wallet",
+    subtitle: "Instantly create a new burner wallet. No seed phrase required, keys are generated on your device."
+  }
+};
+
+// src/cardano-wallet/screen-burner.tsx
+import { useEffect as useEffect8, useState as useState10 } from "react";
+import { MeshWallet } from "@meshsdk/wallet";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var localstoragekey = "mesh-burnerwallet";
+function ScreenBurner({
+  networkId,
+  provider,
+  setOpen
+}) {
+  const [loading, setLoading] = useState10(false);
+  const [hasKeyInStorage, setHasKeyInStorage] = useState10(false);
+  const { setWallet } = useWallet();
+  function getKeyFromStorage() {
+    return localStorage.getItem(localstoragekey);
+  }
+  useEffect8(() => {
+    const key = getKeyFromStorage();
+    if (key) {
+      setHasKeyInStorage(true);
+    }
+  }, []);
+  function createWallet(key) {
+    setTimeout(() => {
+      const wallet = new MeshWallet({
+        networkId,
+        fetcher: provider,
+        submitter: provider,
+        key: {
+          type: "root",
+          bech32: key
+        }
+      });
+      if (!hasKeyInStorage) {
+        localStorage.setItem(localstoragekey, key);
+      }
+      setWallet(wallet, screens.burner.title);
+      setLoading(false);
+      setOpen(false);
+    }, 500);
+  }
+  function handleRestoreWallet() {
+    setLoading(true);
+    const key = getKeyFromStorage();
+    createWallet(key);
+  }
+  function handleCreateWallet() {
+    setLoading(true);
+    const key = MeshWallet.brew(true);
+    createWallet(key);
+  }
+  return /* @__PURE__ */ jsx8("div", { className: "mesh-flex mesh-flex-row mesh-flex-gap-4 mesh-items-center mesh-justify-center", children: loading ? /* @__PURE__ */ jsx8(Fragment3, { children: "Setting up wallet..." }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    hasKeyInStorage && /* @__PURE__ */ jsx8(
+      Button,
+      {
+        variant: "outline",
+        className: "mesh-text-white",
+        onClick: () => {
+          handleRestoreWallet();
+        },
+        disabled: loading,
+        children: "Restore wallet"
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      Button,
+      {
+        variant: "outline",
+        className: "mesh-text-white",
+        onClick: () => {
+          handleCreateWallet();
+        },
+        disabled: loading,
+        children: "Create wallet"
+      }
+    )
+  ] }) });
+}
+
+// src/common/icons/icon-book-dashed.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function IconBookDashed() {
+  return /* @__PURE__ */ jsxs5(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "gray",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: {
+        color: "#ffadff",
+        width: "24px",
+        height: "24px",
+        strokeWidth: "1px"
+      },
+      className: "hover:mesh-fill-white",
+      children: [
+        /* @__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 jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function IconDownload() {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs6(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3191,18 +3338,18 @@ function IconDownload() {
       },
       className: "hover:mesh-fill-white",
       children: [
-        /* @__PURE__ */ jsx8("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ jsx8("polyline", { points: "7 10 12 15 17 10" }),
-        /* @__PURE__ */ jsx8("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-monitor-smartphone.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function IconMonitorSmartphone() {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs7(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3221,49 +3368,74 @@ function IconMonitorSmartphone() {
         strokeWidth: "1px"
       },
       children: [
-        /* @__PURE__ */ jsx9("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
-        /* @__PURE__ */ jsx9("path", { d: "M10 19v-3.96 3.15" }),
-        /* @__PURE__ */ jsx9("path", { d: "M7 19h5" }),
-        /* @__PURE__ */ jsx9("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
+        /* @__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" })
       ]
     }
   );
 }
 
-// src/common/icons/wallet-icon.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+// src/common/tooltip.tsx
+import * as React6 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx12(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "mesh-z-50 mesh-overflow-hidden mesh-rounded-md mesh-bg-primary mesh-px-3 mesh-py-1.5 mesh-text-xs mesh-text-primary-foreground mesh-animate-in mesh-fade-in-0 mesh-zoom-in-95 data-[state=closed]:mesh-animate-out data-[state=closed]:mesh-fade-out-0 data-[state=closed]:mesh-zoom-out-95 data-[side=bottom]:mesh-slide-in-from-top-2 data-[side=left]:mesh-slide-in-from-right-2 data-[side=right]:mesh-slide-in-from-left-2 data-[side=top]:mesh-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/cardano-wallet/wallet-icon.tsx
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function WalletIcon({
   icon,
   name,
   action,
   iconReactNode
 }) {
-  return /* @__PURE__ */ jsxs6(
-    "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,
-      children: [
-        icon && /* @__PURE__ */ jsx10("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
-        iconReactNode && iconReactNode
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs8(Tooltip, { delayDuration: 0, defaultOpen: false, children: [
+    /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(
+      "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,
+        children: [
+          icon && /* @__PURE__ */ jsx13("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
+          iconReactNode && iconReactNode
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx13(TooltipContent, { children: /* @__PURE__ */ jsx13("p", { children: name }) })
+  ] });
 }
 
 // src/cardano-wallet/screen-main.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function ScreenMain({
   metamask,
   extensions,
   setOpen,
   setScreen,
-  cardanoPeerConnect
+  cardanoPeerConnect,
+  burnerWallet
 }) {
   const wallets = useWalletList({ metamask });
   const { connect } = useWallet();
-  return /* @__PURE__ */ jsxs7("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-4 mesh-place-items-center", children: [
-    wallets.map((wallet, index) => /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx14(TooltipProvider, { children: /* @__PURE__ */ jsxs9("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-4 mesh-place-items-center", children: [
+    wallets.map((wallet, index) => /* @__PURE__ */ jsx14(
       WalletIcon,
       {
         icon: wallet.icon,
@@ -3275,17 +3447,27 @@ function ScreenMain({
       },
       index
     )),
-    cardanoPeerConnect && /* @__PURE__ */ jsx11(
+    cardanoPeerConnect && /* @__PURE__ */ jsx14(
       WalletIcon,
       {
         iconReactNode: IconMonitorSmartphone(),
-        name: `P2P`,
+        name: screens.p2p.title,
         action: () => {
           setScreen("p2p");
         }
       }
     ),
-    /* @__PURE__ */ jsx11(
+    burnerWallet && /* @__PURE__ */ jsx14(
+      WalletIcon,
+      {
+        iconReactNode: IconBookDashed(),
+        name: screens.burner.title,
+        action: () => {
+          setScreen("burner");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx14(
       WalletIcon,
       {
         iconReactNode: IconDownload(),
@@ -3298,11 +3480,11 @@ function ScreenMain({
         }
       }
     )
-  ] });
+  ] }) });
 }
 
 // src/cardano-wallet/screen-p2p.tsx
-import { useEffect as useEffect8, useRef as useRef2, useState as useState10 } from "react";
+import { useEffect as useEffect9, useRef as useRef2, useState as useState11 } from "react";
 
 // src/common/cardano-peer-connect/index.ts
 import * as cjsCardanopeerconnect from "@fabianbormann/cardano-peer-connect";
@@ -3311,15 +3493,15 @@ var exportedCardanopeerconnect = cardanopeerconnect?.default || cardanopeerconne
 var DAppPeerConnect = exportedCardanopeerconnect.DAppPeerConnect;
 
 // src/cardano-wallet/screen-p2p.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function ScreenP2P({
   cardanoPeerConnect
 }) {
   const dAppConnect = useRef2(null);
   const qrCodeField = useRef2(null);
-  const [address, setAddress] = useState10("");
-  const [copied, setCopied] = useState10(false);
-  useEffect8(() => {
+  const [address, setAddress] = useState11("");
+  const [copied, setCopied] = useState11(false);
+  useEffect9(() => {
     if (cardanoPeerConnect) {
       if (dAppConnect.current === null) {
         dAppConnect.current = new DAppPeerConnect({
@@ -3357,9 +3539,9 @@ function ScreenP2P({
       }
     }
   }, []);
-  return /* @__PURE__ */ jsxs8("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
-    /* @__PURE__ */ jsx12("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs10("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(
       Button,
       {
         variant: "outline",
@@ -3375,68 +3557,82 @@ function ScreenP2P({
 }
 
 // src/cardano-wallet/index.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var CardanoWallet = ({
   label = "Connect Wallet",
   onConnected = void 0,
   isDark = false,
-  metamask = void 0,
   extensions = [],
-  cardanoPeerConnect = void 0
+  metamask = void 0,
+  cardanoPeerConnect = void 0,
+  burnerWallet = void 0
 }) => {
-  const [open, setOpen] = useState11(false);
-  const [screen, setScreen] = useState11("main");
+  const [open, setOpen] = useState12(false);
+  const [screen, setScreen] = useState12("main");
   const { wallet, connected } = useWallet();
-  useEffect9(() => {
+  useEffect10(() => {
     if (connected && wallet) {
       if (onConnected) onConnected();
     }
   }, [connected, wallet]);
-  return /* @__PURE__ */ jsxs9(Dialog, { open, onOpenChange: setOpen, children: [
-    !connected ? /* @__PURE__ */ jsx13(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx13(Button, { variant: "outline", className: "mesh-text-white", children: label }) }) : /* @__PURE__ */ jsx13(ConnectedButton, {}),
-    /* @__PURE__ */ jsxs9(DialogContent, { className: "sm:mesh-max-w-[425px]", children: [
-      /* @__PURE__ */ jsx13(Header, { screen, setScreen }),
-      screen == "main" && /* @__PURE__ */ jsx13(
-        ScreenMain,
-        {
-          metamask,
-          extensions,
-          setOpen,
-          setScreen,
-          cardanoPeerConnect
-        }
-      ),
-      screen == "p2p" && /* @__PURE__ */ jsx13(ScreenP2P, { cardanoPeerConnect }),
-      /* @__PURE__ */ jsx13(Footer, {})
-    ] })
+  return /* @__PURE__ */ jsxs11(Dialog, { open, onOpenChange: setOpen, children: [
+    !connected ? /* @__PURE__ */ jsx16(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx16(Button, { variant: "outline", className: "mesh-text-white", children: label }) }) : /* @__PURE__ */ jsx16(ConnectedButton, {}),
+    /* @__PURE__ */ jsxs11(
+      DialogContent,
+      {
+        className: "sm:mesh-max-w-[425px]",
+        onOpenAutoFocus: (event) => event.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx16(Header, { screen, setScreen }),
+          screen == "main" && /* @__PURE__ */ jsx16(
+            ScreenMain,
+            {
+              metamask,
+              extensions,
+              setOpen,
+              setScreen,
+              cardanoPeerConnect: cardanoPeerConnect != void 0,
+              burnerWallet: burnerWallet != void 0
+            }
+          ),
+          screen == "p2p" && /* @__PURE__ */ jsx16(ScreenP2P, { cardanoPeerConnect }),
+          screen == "burner" && burnerWallet && /* @__PURE__ */ jsx16(
+            ScreenBurner,
+            {
+              networkId: burnerWallet.networkId,
+              provider: burnerWallet.provider,
+              setOpen
+            }
+          ),
+          /* @__PURE__ */ jsx16(Footer, {})
+        ]
+      }
+    )
   ] });
 };
 function Header({
   screen,
   setScreen
 }) {
-  return /* @__PURE__ */ jsxs9(DialogHeader, { children: [
-    /* @__PURE__ */ jsxs9(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
-      screen != "main" ? /* @__PURE__ */ jsx13("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ jsx13(IconChevronRight, {}) }) : /* @__PURE__ */ jsx13("span", { style: { width: "24px" } }),
-      /* @__PURE__ */ jsxs9("span", { children: [
-        screen == "main" && "Connect Wallet",
-        screen == "p2p" && "P2P Connect"
-      ] }),
-      /* @__PURE__ */ jsx13("span", { style: { width: "24px" } })
+  return /* @__PURE__ */ jsxs11(DialogHeader, { children: [
+    /* @__PURE__ */ jsxs11(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
+      screen != "main" ? /* @__PURE__ */ jsx16("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ jsx16(IconChevronRight, {}) }) : /* @__PURE__ */ jsx16("span", { style: { width: "24px" } }),
+      /* @__PURE__ */ jsx16("span", { children: screens[screen].title }),
+      /* @__PURE__ */ jsx16("span", { style: { width: "24px" } })
     ] }),
-    /* @__PURE__ */ jsx13(DialogDescription, { children: screen == "p2p" && "Use wallet that supports CIP-45, scan this QR code to connect." })
+    /* @__PURE__ */ jsx16(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
   ] });
 }
 function Footer() {
-  return /* @__PURE__ */ jsx13(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx16(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ jsxs11(
     "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__ */ jsx13("span", { className: "", children: "Powered by" }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx16("span", { className: "", children: "Powered by" }),
+        /* @__PURE__ */ jsx16(
           "svg",
           {
             width: 24,
@@ -3444,31 +3640,31 @@ function Footer() {
             enableBackground: "new 0 0 300 200",
             viewBox: "0 0 300 200",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsx13("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__ */ jsx16("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__ */ jsx13("span", { className: "", children: "Mesh SDK" })
+        /* @__PURE__ */ jsx16("span", { className: "", children: "Mesh SDK" })
       ]
     }
   ) });
 }
 
 // src/mesh-badge/mesh-logo.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var MeshLogo = () => /* @__PURE__ */ jsx14(
+import { jsx as jsx17 } from "react/jsx-runtime";
+var MeshLogo = () => /* @__PURE__ */ jsx17(
   "svg",
   {
     className: "mesh-h-16 mesh-p-2",
     fill: "currentColor",
     viewBox: "0 0 300 200",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx14("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__ */ jsx17("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 jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ jsxs10(
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ jsxs12(
   "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`}`,
@@ -3480,21 +3676,21 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ jsxs10(
     rel: "noopener noreferrer",
     target: "_blank",
     children: [
-      /* @__PURE__ */ jsx15(MeshLogo, {}),
+      /* @__PURE__ */ jsx18(MeshLogo, {}),
       "Mesh"
     ]
   }
 );
 
 // src/stake-button/index.tsx
-import { useEffect as useEffect11, useState as useState13 } from "react";
+import { useEffect as useEffect12, useState as useState14 } from "react";
 import { Transaction } from "@meshsdk/transaction";
 
 // src/cardano-wallet-dropdown/index.tsx
-import { useEffect as useEffect10, useState as useState12 } from "react";
+import { useEffect as useEffect11, useState as useState13 } from "react";
 
 // src/common/button-dropdown.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ButtonDropdown({
   children,
   isDarkMode = false,
@@ -3503,7 +3699,7 @@ function ButtonDropdown({
   onMouseEnter,
   onMouseLeave
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "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`}`,
@@ -3516,21 +3712,21 @@ function ButtonDropdown({
 }
 
 // src/cardano-wallet-dropdown/menu-item.tsx
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function MenuItem({
   icon,
   label,
   action,
   active
 }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     "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__ */ jsx17("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
-        /* @__PURE__ */ jsx17("span", { className: "mesh-mr-menu-item mesh-text-xl mesh-font-normal mesh-text-gray-700 hover:mesh-text-black", children: label.split(" ").map((word) => {
+        icon && /* @__PURE__ */ jsx20("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
+        /* @__PURE__ */ jsx20("span", { className: "mesh-mr-menu-item mesh-text-xl mesh-font-normal mesh-text-gray-700 hover:mesh-text-black", children: label.split(" ").map((word) => {
           return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
         }).join(" ") })
       ]
@@ -3539,8 +3735,8 @@ function MenuItem({
 }
 
 // src/cardano-wallet-dropdown/chevron-down.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var ChevronDown = () => /* @__PURE__ */ jsx18(
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ChevronDown = () => /* @__PURE__ */ jsx21(
   "svg",
   {
     className: "mesh-m-2 mesh-h-6",
@@ -3549,7 +3745,7 @@ var ChevronDown = () => /* @__PURE__ */ jsx18(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx18(
+    children: /* @__PURE__ */ jsx21(
       "path",
       {
         strokeLinecap: "round",
@@ -3562,7 +3758,7 @@ var ChevronDown = () => /* @__PURE__ */ jsx18(
 );
 
 // src/cardano-wallet-dropdown/wallet-balance.tsx
-import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 var WalletBalance = ({
   connected,
   connecting,
@@ -3570,22 +3766,22 @@ var WalletBalance = ({
   wallet
 }) => {
   const lovelace = useLovelace();
-  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
-    /* @__PURE__ */ jsx19("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
+  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
+    /* @__PURE__ */ jsx22("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
     "\u20B3",
     " ",
     parseInt((parseInt(lovelace, 10) / 1e6).toString(), 10),
     ".",
-    /* @__PURE__ */ jsx19("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
-  ] }) : connected && wallet?.icon ? /* @__PURE__ */ jsx19(Fragment3, { children: /* @__PURE__ */ jsx19("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ jsx19(Fragment3, { children: "Connecting..." }) : /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    /* @__PURE__ */ jsx22("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
+  ] }) : connected && wallet?.icon ? /* @__PURE__ */ jsx22(Fragment4, { children: /* @__PURE__ */ jsx22("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ jsx22(Fragment4, { children: "Connecting..." }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
     label,
     " ",
-    /* @__PURE__ */ jsx19(ChevronDown, {})
+    /* @__PURE__ */ jsx22(ChevronDown, {})
   ] });
 };
 
 // src/cardano-wallet-dropdown/index.tsx
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 var CardanoWallet2 = ({
   label = "Connect Wallet",
   onConnected = void 0,
@@ -3594,32 +3790,32 @@ var CardanoWallet2 = ({
   extensions = [],
   cardanoPeerConnect = void 0
 }) => {
-  const [isDarkMode, setIsDarkMode] = useState12(false);
-  const [hideMenuList, setHideMenuList] = useState12(true);
+  const [isDarkMode, setIsDarkMode] = useState13(false);
+  const [hideMenuList, setHideMenuList] = useState13(true);
   const { connect, connecting, connected, disconnect, name } = useWallet();
   const wallets = useWalletList({ metamask });
-  useEffect10(() => {
+  useEffect11(() => {
     if (connected && onConnected) {
       onConnected();
     }
   }, [connected]);
-  useEffect10(() => {
+  useEffect11(() => {
     setIsDarkMode(isDark);
   }, [isDark]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       onMouseEnter: () => setHideMenuList(false),
       onMouseLeave: () => setHideMenuList(true),
       style: { width: "min-content", zIndex: 50 },
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx23(
           ButtonDropdown,
           {
             isDarkMode,
             hideMenuList,
             setHideMenuList,
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx23(
               WalletBalance,
               {
                 connected,
@@ -3630,12 +3826,12 @@ var CardanoWallet2 = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx23(
           "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__ */ jsx20(Fragment4, { children: wallets.map((wallet, index) => /* @__PURE__ */ jsx20(
+            children: !connected && wallets.length > 0 ? /* @__PURE__ */ jsx23(Fragment5, { children: wallets.map((wallet, index) => /* @__PURE__ */ jsx23(
               MenuItem,
               {
                 icon: wallet.icon,
@@ -3647,7 +3843,7 @@ var CardanoWallet2 = ({
                 active: name === wallet.id
               },
               index
-            )) }) : wallets.length === 0 ? /* @__PURE__ */ jsx20("span", { children: "No Wallet Found" }) : /* @__PURE__ */ jsx20(Fragment4, { children: /* @__PURE__ */ jsx20(
+            )) }) : wallets.length === 0 ? /* @__PURE__ */ jsx23("span", { children: "No Wallet Found" }) : /* @__PURE__ */ jsx23(Fragment5, { children: /* @__PURE__ */ jsx23(
               MenuItem,
               {
                 active: false,
@@ -3664,7 +3860,7 @@ var CardanoWallet2 = ({
 };
 
 // src/stake-button/index.tsx
-import { Fragment as Fragment5, jsx as jsx21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx24 } from "react/jsx-runtime";
 var StakeButton = ({
   label = "Stake your ADA",
   isDark = false,
@@ -3672,19 +3868,19 @@ var StakeButton = ({
   onCheck,
   onDelegated = void 0
 }) => {
-  const [isDarkMode, setIsDarkMode] = useState13(false);
+  const [isDarkMode, setIsDarkMode] = useState14(false);
   const { connected } = useWallet();
-  useEffect11(() => {
+  useEffect12(() => {
     setIsDarkMode(isDark);
   }, [isDark]);
-  return /* @__PURE__ */ jsx21(Fragment5, { children: connected ? /* @__PURE__ */ jsx21(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx24(Fragment6, { children: connected ? /* @__PURE__ */ jsx24(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ jsx24(
     Delegate,
     {
       poolId,
       onCheck,
       onDelegated
     }
-  ) }) : /* @__PURE__ */ jsx21(CardanoWallet2, { label, isDark }) });
+  ) }) : /* @__PURE__ */ jsx24(CardanoWallet2, { label, isDark }) });
 };
 var Delegate = ({
   poolId,
@@ -3693,11 +3889,11 @@ var Delegate = ({
 }) => {
   const { wallet } = useWallet();
   const rewardAddress = useRewardAddress();
-  const [_, setError] = useState13();
-  const [checking, setChecking] = useState13(false);
-  const [accountInfo, setAccountInfo] = useState13();
-  const [processing, setProcessing] = useState13(false);
-  const [done, setDone] = useState13(false);
+  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);
@@ -3748,22 +3944,22 @@ var Delegate = ({
     }
     setProcessing(false);
   };
-  useEffect11(() => {
+  useEffect12(() => {
     checkAccountStatus();
   }, [rewardAddress]);
   if (checking) {
-    return /* @__PURE__ */ jsx21("span", { children: "Checking..." });
+    return /* @__PURE__ */ jsx24("span", { children: "Checking..." });
   }
   if (processing) {
-    return /* @__PURE__ */ jsx21("span", { children: "Loading..." });
+    return /* @__PURE__ */ jsx24("span", { children: "Loading..." });
   }
   if (done) {
-    return /* @__PURE__ */ jsx21("span", { children: "Stake Delegated" });
+    return /* @__PURE__ */ jsx24("span", { children: "Stake Delegated" });
   }
   if (accountInfo?.active) {
-    return accountInfo.poolId === poolId ? /* @__PURE__ */ jsx21("span", { children: "Stake Delegated" }) : /* @__PURE__ */ jsx21("span", { onClick: delegateStake, children: "Begin Staking" });
+    return accountInfo.poolId === poolId ? /* @__PURE__ */ jsx24("span", { children: "Stake Delegated" }) : /* @__PURE__ */ jsx24("span", { onClick: delegateStake, children: "Begin Staking" });
   }
-  return /* @__PURE__ */ jsx21("span", { onClick: registerAddress, children: "Begin Staking" });
+  return /* @__PURE__ */ jsx24("span", { onClick: registerAddress, children: "Begin Staking" });
 };
 export {
   CardanoWallet,