@meshsdk/react 1.9.0-beta.30 → 1.9.0-beta.31

package/dist/index.cjs

@@ -24408,19 +24408,87 @@ function IconDiscord() {
       viewBox: "0 0 20 20",
       "aria-hidden": "true",
       style: {
-        color: "#ffadff",
         width: "24px",
-        height: "24px",
-        strokeWidth: "1px",
-        fill: "#5865F2"
+        height: "24px"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "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/cardano-wallet/web3-services.tsx
+// src/common/icons/icon-google.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
+function IconGoogle() {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 262 262",
+      xmlns: "http://www.w3.org/2000/svg",
+      preserveAspectRatio: "xMidYMid",
+      style: {
+        width: "24px",
+        height: "24px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "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__ */ (0, import_jsx_runtime15.jsx)(
+          "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__ */ (0, import_jsx_runtime15.jsx)(
+          "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__ */ (0, import_jsx_runtime15.jsx)(
+          "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
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function IconTwitter() {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      version: "1.1",
+      viewBox: "0 0 24 24",
+      style: {
+        width: "24px",
+        height: "24px"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Web3Services({
   options,
   setOpen,
@@ -24448,19 +24516,39 @@ function Web3Services({
     setLoading(false);
     setOpen(false);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    WalletIcon,
-    {
-      iconReactNode: IconDiscord(),
-      name: `Discord`,
-      action: () => loadWallet(),
-      loading
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      WalletIcon,
+      {
+        iconReactNode: IconGoogle(),
+        name: `Google`,
+        action: () => loadWallet(),
+        loading
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      WalletIcon,
+      {
+        iconReactNode: IconDiscord(),
+        name: `Discord`,
+        action: () => loadWallet(),
+        loading
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      WalletIcon,
+      {
+        iconReactNode: IconTwitter(),
+        name: `Twitter`,
+        action: () => loadWallet(),
+        loading
+      }
+    )
+  ] });
 }
 
 // src/cardano-wallet/screen-main.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function ScreenMain({
   injectFn,
   setOpen,
@@ -24474,8 +24562,8 @@ function ScreenMain({
 }) {
   const wallets = useWalletList({ injectFn });
   const { connect: connect2 } = useWallet();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("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__ */ (0, import_jsx_runtime18.jsx)(
       WalletIcon,
       {
         icon: wallet.icon,
@@ -24487,7 +24575,7 @@ function ScreenMain({
       },
       index
     )),
-    web3Services && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    web3Services && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Web3Services,
       {
         options: web3Services,
@@ -24495,7 +24583,7 @@ function ScreenMain({
         persist
       }
     ),
-    webauthn && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    webauthn && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       WalletIcon,
       {
         iconReactNode: IconFingerprint(),
@@ -24505,7 +24593,7 @@ function ScreenMain({
         }
       }
     ),
-    cardanoPeerConnect && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    cardanoPeerConnect && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       WalletIcon,
       {
         iconReactNode: IconMonitorSmartphone(),
@@ -24515,7 +24603,7 @@ function ScreenMain({
         }
       }
     ),
-    burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       WalletIcon,
       {
         iconReactNode: IconBookDashed(),
@@ -24525,7 +24613,7 @@ function ScreenMain({
         }
       }
     ),
-    showDownload && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    showDownload && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       WalletIcon,
       {
         iconReactNode: IconDownload(),
@@ -24544,7 +24632,7 @@ function ScreenMain({
 // src/cardano-wallet/screen-p2p.tsx
 var import_react12 = require("react");
 var import_cardano_peer_connect = __toESM(require_dist(), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function ScreenP2P({
   cardanoPeerConnect,
   setOpen
@@ -24588,9 +24676,9 @@ function ScreenP2P({
       }
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Button,
       {
         variant: "outline",
@@ -24610,10 +24698,10 @@ var import_wallet4 = require("@meshsdk/wallet");
 
 // src/common/input.tsx
 var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Input = React5.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "input",
       {
         type,
@@ -24633,11 +24721,11 @@ Input.displayName = "Input";
 var React6 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority2.cva)(
   "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__ */ (0, import_jsx_runtime19.jsx)(
+var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   LabelPrimitive.Root,
   {
     ref,
@@ -24648,7 +24736,7 @@ var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/cardano-wallet/screen-webauthn.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function ScreenWebauthn({
   url,
   networkId,
@@ -24682,10 +24770,10 @@ function ScreenWebauthn({
       createWallet(res.wallet.bech32PrivateKey);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mesh-flex mesh-flex-row mesh-flex-gap-4 mesh-items-center mesh-justify-center", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: "Connecting wallet..." }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-gap-6 mesh-w-full mesh-mx-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Label2, { htmlFor: "username", children: "Username" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mesh-flex mesh-flex-row mesh-flex-gap-4 mesh-items-center mesh-justify-center", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: "Connecting wallet..." }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-gap-6 mesh-w-full mesh-mx-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Label2, { htmlFor: "username", children: "Username" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         Input,
         {
           id: "username",
@@ -24695,11 +24783,11 @@ function ScreenWebauthn({
           onChange: (e2) => setUserName(e2.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Unique to the application you are connecting." })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Unique to the application you are connecting." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mesh-flex mesh-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Label2, { htmlFor: "password", children: "Unique Code" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mesh-grid mesh-gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mesh-flex mesh-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Label2, { htmlFor: "password", children: "Unique Code" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         Input,
         {
           id: "password",
@@ -24709,9 +24797,9 @@ function ScreenWebauthn({
           onChange: (e2) => setPassword(e2.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Additional security to derive your wallet." })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Additional security to derive your wallet." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Button,
       {
         className: "mesh-w-full",
@@ -24724,7 +24812,7 @@ function ScreenWebauthn({
 }
 
 // src/cardano-wallet/index.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var CardanoWallet = ({
   label = "Connect Wallet",
   onConnected = void 0,
@@ -24749,16 +24837,16 @@ var CardanoWallet = ({
       if (onConnected) onConnected();
     }
   }, [connected, wallet]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: isDark ? "mesh-dark" : "", children: !connected ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "outline", className: isDark ? "mesh-dark" : "", children: label }) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ConnectedButton, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: isDark ? "mesh-dark" : "", children: !connected ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "outline", className: isDark ? "mesh-dark" : "", children: label }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ConnectedButton, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       DialogContent,
       {
         className: "sm:mesh-max-w-[425px] mesh-dark",
         onOpenAutoFocus: (event) => event.preventDefault(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Header, { screen, setScreen }),
-          screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Header, { screen, setScreen }),
+          screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             ScreenMain,
             {
               injectFn,
@@ -24772,14 +24860,14 @@ var CardanoWallet = ({
               web3Services
             }
           ),
-          screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             ScreenP2P,
             {
               cardanoPeerConnect,
               setOpen
             }
           ),
-          screen == "burner" && burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          screen == "burner" && burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             ScreenBurner,
             {
               networkId: burnerWallet.networkId,
@@ -24787,7 +24875,7 @@ var CardanoWallet = ({
               setOpen
             }
           ),
-          screen == "webauthn" && webauthn && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          screen == "webauthn" && webauthn && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             ScreenWebauthn,
             {
               url: webauthn.url,
@@ -24796,7 +24884,7 @@ var CardanoWallet = ({
               setOpen
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Footer, {})
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Footer, {})
         ]
       }
     )
@@ -24806,25 +24894,25 @@ function Header({
   screen,
   setScreen
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogHeader, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
-      screen != "main" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconChevronRight, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { width: "24px" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: screens[screen].title }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { width: "24px" } })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogHeader, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
+      screen != "main" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconChevronRight, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { width: "24px" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: screens[screen].title }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { width: "24px" } })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
   ] });
 }
 function Footer() {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "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__ */ (0, import_jsx_runtime21.jsx)("span", { className: "", children: "Powered by" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "", children: "Powered by" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "svg",
           {
             width: 24,
@@ -24832,31 +24920,31 @@ function Footer() {
             enableBackground: "new 0 0 300 200",
             viewBox: "0 0 300 200",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime21.jsx)("span", { className: "", children: "Mesh SDK" })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "", children: "Mesh SDK" })
       ]
     }
   ) });
 }
 
 // src/mesh-badge/mesh-logo.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   "svg",
   {
     className: "mesh-h-16 mesh-p-2",
     fill: "currentColor",
     viewBox: "0 0 300 200",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("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
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
   "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`}`,
@@ -24868,7 +24956,7 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime23
     rel: "noopener noreferrer",
     target: "_blank",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MeshLogo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MeshLogo, {}),
       "Mesh"
     ]
   }
@@ -24882,7 +24970,7 @@ var import_transaction = require("@meshsdk/transaction");
 var import_react15 = require("react");
 
 // src/common/button-dropdown.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function ButtonDropdown({
   children,
   isDarkMode = false,
@@ -24891,7 +24979,7 @@ function ButtonDropdown({
   onMouseEnter,
   onMouseLeave
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "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`}`,
@@ -24904,21 +24992,21 @@ function ButtonDropdown({
 }
 
 // src/cardano-wallet-dropdown/menu-item.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function MenuItem({
   icon,
   label,
   action,
   active
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "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__ */ (0, import_jsx_runtime25.jsx)("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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) => {
+        icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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(" ") })
       ]
@@ -24927,8 +25015,8 @@ function MenuItem({
 }
 
 // src/cardano-wallet-dropdown/chevron-down.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   "svg",
   {
     className: "mesh-m-2 mesh-h-6",
@@ -24937,7 +25025,7 @@ var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "path",
       {
         strokeLinecap: "round",
@@ -24950,7 +25038,7 @@ var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
 );
 
 // src/cardano-wallet-dropdown/wallet-balance.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var WalletBalance = ({
   connected,
   connecting,
@@ -24958,22 +25046,22 @@ var WalletBalance = ({
   wallet
 }) => {
   const lovelace = useLovelace();
-  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
+  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
     "\u20B3",
     " ",
     parseInt((parseInt(lovelace, 10) / 1e6).toString(), 10),
     ".",
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
-  ] }) : connected && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: "Connecting..." }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
+  ] }) : connected && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: "Connecting..." }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
     label,
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDown, {})
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDown, {})
   ] });
 };
 
 // src/cardano-wallet-dropdown/index.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var CardanoWallet2 = ({
   label = "Connect Wallet",
   onConnected = void 0,
@@ -24993,20 +25081,20 @@ var CardanoWallet2 = ({
   (0, import_react15.useEffect)(() => {
     setIsDarkMode(isDark);
   }, [isDark]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       onMouseEnter: () => setHideMenuList(false),
       onMouseLeave: () => setHideMenuList(true),
       style: { width: "min-content", zIndex: 50 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           ButtonDropdown,
           {
             isDarkMode,
             hideMenuList,
             setHideMenuList,
-            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               WalletBalance,
               {
                 connected,
@@ -25017,12 +25105,12 @@ var CardanoWallet2 = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "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__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            children: !connected && wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               MenuItem,
               {
                 icon: wallet.icon,
@@ -25034,7 +25122,7 @@ var CardanoWallet2 = ({
                 active: name === wallet.id
               },
               index
-            )) }) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "No Wallet Found" }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            )) }) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "No Wallet Found" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               MenuItem,
               {
                 active: false,
@@ -25051,7 +25139,7 @@ var CardanoWallet2 = ({
 };
 
 // src/stake-button/index.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var StakeButton = ({
   label = "Stake your ADA",
   isDark = false,
@@ -25064,14 +25152,14 @@ var StakeButton = ({
   (0, import_react16.useEffect)(() => {
     setIsDarkMode(isDark);
   }, [isDark]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: connected ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: connected ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     Delegate,
     {
       poolId,
       onCheck,
       onDelegated
     }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CardanoWallet2, { label, isDark }) });
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardanoWallet2, { label, isDark }) });
 };
 var Delegate = ({
   poolId,
@@ -25139,18 +25227,18 @@ var Delegate = ({
     checkAccountStatus();
   }, [rewardAddress]);
   if (checking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Checking..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Checking..." });
   }
   if (processing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Loading..." });
   }
   if (done) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Stake Delegated" });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Stake Delegated" });
   }
   if (accountInfo?.active) {
-    return accountInfo.poolId === poolId ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Stake Delegated" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { onClick: delegateStake, children: "Begin Staking" });
+    return accountInfo.poolId === poolId ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Stake Delegated" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { onClick: delegateStake, children: "Begin Staking" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { onClick: registerAddress, children: "Begin Staking" });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { onClick: registerAddress, children: "Begin Staking" });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {