@meshsdk/react 1.9.0-beta.97 → 2.0.0-beta.1

package/dist/index.cjs

@@ -30,8 +30,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  CardanoBrowserWallet: () => import_wallet6.CardanoBrowserWallet,
+  CardanoHeadlessWallet: () => import_wallet6.CardanoHeadlessWallet,
   CardanoWallet: () => CardanoWallet,
   MeshBadge: () => MeshBadge,
+  MeshCardanoBrowserWallet: () => import_wallet6.MeshCardanoBrowserWallet,
+  MeshCardanoHeadlessWallet: () => import_wallet6.MeshCardanoHeadlessWallet,
   MeshProvider: () => MeshProvider,
   WalletContext: () => WalletContext,
   useAddress: () => useAddress,
@@ -46,7 +50,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/cardano-wallet/index.tsx
-var import_react14 = require("react");
+var import_react13 = require("react");
 
 // src/common/button.tsx
 var React = __toESM(require("react"), 1);
@@ -227,7 +231,6 @@ var import_react2 = require("react");
 // src/contexts/WalletContext.ts
 var import_react = require("react");
 var import_wallet = require("@meshsdk/wallet");
-var import_web3_sdk = require("@meshsdk/web3-sdk");
 var INITIAL_STATE = {
   walletName: void 0,
   walletInstance: {}
@@ -250,8 +253,8 @@ var useWalletStore = () => {
       setConnectingWallet(true);
       setState("CONNECTING" /* CONNECTING */);
       try {
-        const extensions = import_wallet.BrowserWallet.getSupportedExtensions(walletName);
-        const walletInstance = await import_wallet.BrowserWallet.enable(
+        const extensions = globalThis?.cardano?.[walletName]?.supportedExtensions ?? [];
+        const walletInstance = await import_wallet.MeshCardanoBrowserWallet.enable(
           walletName,
           extensions
         );
@@ -283,7 +286,8 @@ var useWalletStore = () => {
   }, []);
   const setWallet = (0, import_react.useCallback)(
     async (walletInstance, walletName, persist) => {
-      setConnectedWalletInstance(walletInstance);
+      const wrapped = walletInstance instanceof import_wallet.MeshCardanoBrowserWallet ? walletInstance : new import_wallet.MeshCardanoBrowserWallet(walletInstance);
+      setConnectedWalletInstance(wrapped);
       setConnectedWalletName(walletName);
       setState("CONNECTED" /* CONNECTED */);
       if (persist) {
@@ -301,39 +305,33 @@ var useWalletStore = () => {
   (0, import_react.useEffect)(() => {
     async function load() {
       if (Object.keys(connectedWalletInstance).length > 0 && address.length === 0) {
-        let address2 = (await connectedWalletInstance.getUnusedAddresses())[0];
+        let address2 = (await connectedWalletInstance.getUnusedAddressesBech32())[0];
         if (!address2)
-          address2 = await connectedWalletInstance.getChangeAddress();
+          address2 = await connectedWalletInstance.getChangeAddressBech32();
         setAddress(address2);
       }
     }
     load();
   }, [connectedWalletInstance]);
   (0, import_react.useEffect)(() => {
-    const persist = localStorage.getItem(localstoragePersist);
-    if (persistSession && persist) {
-      const persist2 = JSON.parse(
-        localStorage.getItem(localstoragePersist) || ""
-      );
-      if (persist2.walletName == "utxos" && web3Services) {
-        import_web3_sdk.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);
+    const persistData = localStorage.getItem(localstoragePersist);
+    if (persistSession && persistData) {
+      try {
+        const persist = JSON.parse(persistData);
+        if (!persist || typeof persist.walletName !== "string") {
+          throw new Error("Invalid persist data structure");
+        }
+        if (persist.walletName === "utxos") {
+          localStorage.removeItem(localstoragePersist);
+        } else {
+          connectWallet(persist.walletName);
+        }
+      } catch (error2) {
+        console.error("Failed to restore wallet session:", error2);
+        localStorage.removeItem(localstoragePersist);
       }
     }
-  }, [persistSession]);
+  }, [persistSession, connectWallet]);
   return {
     hasConnectedWallet: INITIAL_STATE.walletName !== connectedWalletName,
     connectedWalletInstance,
@@ -375,9 +373,9 @@ var WalletContext = (0, import_react.createContext)({
 
 // src/contexts/index.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var MeshProvider = (props) => {
+var MeshProvider = ({ children }) => {
   const store = useWalletStore();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WalletContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WalletContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children }) });
 };
 
 // src/hooks/useAddress.ts
@@ -386,7 +384,7 @@ var useAddress = (accountId = 0) => {
   const { hasConnectedWallet, connectedWalletInstance } = (0, import_react2.useContext)(WalletContext);
   (0, import_react2.useEffect)(() => {
     if (hasConnectedWallet) {
-      connectedWalletInstance.getUsedAddresses().then((addresses) => {
+      connectedWalletInstance.getUsedAddressesBech32().then((addresses) => {
         if (addresses[accountId]) {
           setAddress(addresses[accountId]);
         }
@@ -398,12 +396,21 @@ var useAddress = (accountId = 0) => {
 
 // src/hooks/useAssets.ts
 var import_react3 = require("react");
+var import_common = require("@meshsdk/common");
 var useAssets = () => {
   const [assets, setAssets] = (0, import_react3.useState)();
   const { hasConnectedWallet, connectedWalletInstance } = (0, import_react3.useContext)(WalletContext);
   (0, import_react3.useEffect)(() => {
     if (hasConnectedWallet) {
-      connectedWalletInstance.getAssets().then(setAssets);
+      connectedWalletInstance.getBalanceMesh().then((balance) => {
+        const derived = balance.filter((v) => v.unit !== "lovelace").map((v) => {
+          const policyId = v.unit.slice(0, import_common.POLICY_ID_LENGTH);
+          const assetName = v.unit.slice(import_common.POLICY_ID_LENGTH);
+          const fingerprint = (0, import_common.resolveFingerprint)(policyId, assetName);
+          return { unit: v.unit, policyId, assetName, fingerprint, quantity: v.quantity };
+        });
+        setAssets(derived);
+      });
     }
   }, [hasConnectedWallet, connectedWalletInstance]);
   return assets;
@@ -418,7 +425,10 @@ var useWalletList = ({
   const [wallets, setWallets] = (0, import_react4.useState)([]);
   (0, import_react4.useEffect)(() => {
     async function get() {
-      setWallets(await import_wallet2.BrowserWallet.getAvailableWallets({ injectFn }));
+      if (injectFn) {
+        await injectFn();
+      }
+      setWallets(import_wallet2.MeshCardanoBrowserWallet.getInstalledWallets());
     }
     get();
   }, []);
@@ -434,7 +444,9 @@ var useLovelace = () => {
   (0, import_react5.useEffect)(() => {
     async function getLovelace() {
       if (hasConnectedWallet && !hasFetchedLovelace.current) {
-        setLovelace(await connectedWalletInstance.getLovelace());
+        const balance = await connectedWalletInstance.getBalanceMesh();
+        const lovelaceAmount = balance.find((v) => v.unit === "lovelace")?.quantity ?? "0";
+        setLovelace(lovelaceAmount);
         hasFetchedLovelace.current = true;
       }
     }
@@ -468,7 +480,7 @@ var useRewardAddress = (accountId = 0) => {
   const { hasConnectedWallet, connectedWalletInstance } = (0, import_react7.useContext)(WalletContext);
   (0, import_react7.useEffect)(() => {
     if (hasConnectedWallet) {
-      connectedWalletInstance.getRewardAddresses().then((addresses) => {
+      connectedWalletInstance.getRewardAddressesBech32().then((addresses) => {
         if (addresses[accountId]) {
           setRewardAddress(addresses[accountId]);
         }
@@ -530,19 +542,21 @@ var useWalletSubmit = () => {
   const submitTx = (0, import_react9.useCallback)(async (signedTx) => {
     setSubmitting(true);
     setError(void 0);
+    setResult(void 0);
     try {
-      if (hasConnectedWallet) {
-        const txHash = await connectedWalletInstance.submitTx(signedTx);
-        setResult(txHash);
+      if (!hasConnectedWallet) {
+        throw new Error(
+          "Please make sure to connect a wallet before calling useWalletSubmit"
+        );
       }
-      throw new Error(
-        "Please make sure to connect a wallet before calling useWalletSubmit"
-      );
+      const txHash = await connectedWalletInstance.submitTx(signedTx);
+      setResult(txHash);
     } catch (error2) {
       setError(error2);
+    } finally {
+      setSubmitting(false);
     }
-    setSubmitting(false);
-  }, []);
+  }, [hasConnectedWallet, connectedWalletInstance]);
   return {
     error,
     result,
@@ -736,11 +750,8 @@ 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."
+    title: "Connect Wallet",
+    subtitle: void 0
   },
   burner: {
     title: "Burner Wallet",
@@ -754,6 +765,7 @@ var screens = {
 
 // src/cardano-wallet/screen-burner.tsx
 var import_react10 = require("react");
+var import_common2 = require("@meshsdk/common");
 var import_wallet3 = require("@meshsdk/wallet");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var localstoragekey = "mesh-burnerwallet";
@@ -774,34 +786,45 @@ function ScreenBurner({
       setHasKeyInStorage(true);
     }
   }, []);
-  function createWallet(key) {
-    setTimeout(() => {
-      const wallet = new import_wallet3.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);
+  async function createWalletFromMnemonic(mnemonic) {
+    const wallet = await import_wallet3.MeshCardanoHeadlessWallet.fromMnemonic({
+      mnemonic,
+      networkId,
+      walletAddressType: import_wallet3.AddressType.Base,
+      fetcher: provider,
+      submitter: provider
+    });
+    if (!hasKeyInStorage) {
+      localStorage.setItem(localstoragekey, mnemonic.join(" "));
+    }
+    setWallet(wallet, screens.burner.title);
+    setLoading(false);
+    setOpen(false);
   }
-  function handleRestoreWallet() {
+  async function handleRestoreWallet() {
     setLoading(true);
-    const key = getKeyFromStorage();
-    createWallet(key);
+    const stored = getKeyFromStorage();
+    if (stored) {
+      if (stored.includes(" ")) {
+        await createWalletFromMnemonic(stored.split(" "));
+      } else {
+        const wallet = await import_wallet3.MeshCardanoHeadlessWallet.fromBip32Root({
+          bech32: stored,
+          networkId,
+          walletAddressType: import_wallet3.AddressType.Base,
+          fetcher: provider,
+          submitter: provider
+        });
+        setWallet(wallet, screens.burner.title);
+        setLoading(false);
+        setOpen(false);
+      }
+    }
   }
-  function handleCreateWallet() {
+  async function handleCreateWallet() {
     setLoading(true);
-    const key = import_wallet3.MeshWallet.brew(true);
-    createWallet(key);
+    const mnemonic = (0, import_common2.generateMnemonic)(256).split(" ");
+    await createWalletFromMnemonic(mnemonic);
   }
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mesh-flex mesh-flex-row mesh-flex-gap-4 mesh-items-center mesh-justify-center", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: "Setting up wallet..." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
     hasKeyInStorage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -935,45 +958,14 @@ function IconFingerprint() {
   );
 }
 
-// src/common/icons/icon-monitor-smartphone.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function IconMonitorSmartphone() {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "black",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      style: {
-        color: "#ffadff",
-        width: "56px",
-        height: "56px",
-        strokeWidth: "1px"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M10 19v-3.96 3.15" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M7 19h5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
-      ]
-    }
-  );
-}
-
 // src/common/tooltip.tsx
 var React4 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("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__ */ (0, import_jsx_runtime12.jsx)(
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -988,7 +980,7 @@ var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props },
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/cardano-wallet/wallet-icon.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function WalletIcon({
   icon,
   name,
@@ -996,32 +988,33 @@ function WalletIcon({
   iconReactNode,
   loading = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { delayDuration: 0, defaultOpen: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Tooltip, { delayDuration: 0, defaultOpen: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "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 && !loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
+          icon && !loading && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
           !loading && iconReactNode && iconReactNode,
-          loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-black", children: "..." })
+          loading && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-black", children: "..." })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: name }) })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: name }) })
   ] });
 }
 
 // src/cardano-wallet/web3-services.tsx
 var import_react11 = require("react");
-var import_web3_sdk2 = require("@meshsdk/web3-sdk");
+var import_wallet4 = require("@meshsdk/wallet");
+var import_sdk = require("@utxos/sdk");
 
 // src/common/icons/icon-discord.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function IconDiscord() {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "svg",
     {
       viewBox: "0 0 20 20",
@@ -1030,7 +1023,7 @@ function IconDiscord() {
         width: "24px",
         height: "24px"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.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",
@@ -1042,9 +1035,9 @@ function IconDiscord() {
 }
 
 // src/common/icons/icon-google.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function IconGoogle() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "svg",
     {
       viewBox: "0 0 262 262",
@@ -1055,28 +1048,28 @@ function IconGoogle() {
         height: "24px"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.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)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.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)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.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)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.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",
@@ -1089,9 +1082,9 @@ function IconGoogle() {
 }
 
 // src/common/icons/icon-twitter.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function IconTwitter() {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1101,13 +1094,13 @@ function IconTwitter() {
         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" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.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");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Web3Services({
   options,
   setOpen,
@@ -1125,22 +1118,24 @@ function Web3Services({
       projectId: options.projectId,
       directTo
     };
-    const wallet = await import_web3_sdk2.Web3Wallet.enable(_options);
+    const wallet = await import_sdk.Web3Wallet.enable(_options);
     const user = wallet.getUser();
     setWeb3UserData(user);
+    const wrapped = new import_wallet4.MeshCardanoBrowserWallet(wallet.cardano);
+    const walletAddress = await wrapped.getChangeAddressBech32();
     setWallet(
-      wallet.cardano,
+      wrapped,
       "utxos",
       persist ? {
-        walletAddress: await wallet.getChangeAddress(),
+        walletAddress,
         user
       } : void 0
     );
     setLoading(false);
     setOpen(false);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       WalletIcon,
       {
         iconReactNode: IconGoogle(),
@@ -1149,7 +1144,7 @@ function Web3Services({
         loading
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       WalletIcon,
       {
         iconReactNode: IconDiscord(),
@@ -1158,7 +1153,7 @@ function Web3Services({
         loading
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       WalletIcon,
       {
         iconReactNode: IconTwitter(),
@@ -1171,34 +1166,33 @@ function Web3Services({
 }
 
 // src/cardano-wallet/screen-main.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function ScreenMain({
   injectFn,
   setOpen,
   setScreen,
   persist,
-  cardanoPeerConnect,
   burnerWallet,
   webauthn,
   showDownload,
   web3Services
 }) {
   const wallets = useWalletList({ injectFn });
-  const { connect: connect2 } = useWallet();
-  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)(
+  const { connect } = useWallet();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
       WalletIcon,
       {
         icon: wallet.icon,
         name: wallet.name,
         action: () => {
-          connect2(wallet.id, persist);
+          connect(wallet.id, persist);
           setOpen(false);
         }
       },
       index
     )),
-    web3Services && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    web3Services && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Web3Services,
       {
         options: web3Services,
@@ -1206,7 +1200,7 @@ function ScreenMain({
         persist
       }
     ),
-    webauthn && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    webauthn && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       WalletIcon,
       {
         iconReactNode: IconFingerprint(),
@@ -1216,17 +1210,7 @@ function ScreenMain({
         }
       }
     ),
-    cardanoPeerConnect && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      WalletIcon,
-      {
-        iconReactNode: IconMonitorSmartphone(),
-        name: screens.p2p.title,
-        action: () => {
-          setScreen("p2p");
-        }
-      }
-    ),
-    burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       WalletIcon,
       {
         iconReactNode: IconBookDashed(),
@@ -1236,7 +1220,7 @@ function ScreenMain({
         }
       }
     ),
-    showDownload && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    showDownload && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       WalletIcon,
       {
         iconReactNode: IconDownload(),
@@ -1252,79 +1236,16 @@ function ScreenMain({
   ] }) });
 }
 
-// src/cardano-wallet/screen-p2p.tsx
-var import_react12 = require("react");
-var import_cardano_peer_connect = require("@fabianbormann/cardano-peer-connect");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function ScreenP2P({
-  cardanoPeerConnect,
-  setOpen
-}) {
-  const dAppConnect = (0, import_react12.useRef)(null);
-  const qrCodeField = (0, import_react12.useRef)(null);
-  const [address, setAddress] = (0, import_react12.useState)("");
-  const [copied, setCopied] = (0, import_react12.useState)(false);
-  const { connect: connect2 } = useWallet();
-  (0, import_react12.useEffect)(() => {
-    if (cardanoPeerConnect) {
-      if (dAppConnect.current === null) {
-        dAppConnect.current = new import_cardano_peer_connect.DAppPeerConnect({
-          dAppInfo: {
-            name: cardanoPeerConnect.dAppInfo.name,
-            url: cardanoPeerConnect.dAppInfo.url
-          },
-          announce: cardanoPeerConnect.announce,
-          onApiInject: async (name, address2) => {
-            await connect2(name);
-            setOpen(false);
-          },
-          onApiEject: (name, address2) => {
-          },
-          onConnect: (address2, walletInfo) => {
-          },
-          onDisconnect: () => {
-          },
-          verifyConnection: (walletInfo, callback) => {
-            callback(true, true);
-          },
-          useWalletDiscovery: true
-        });
-        if (dAppConnect.current) {
-          const address2 = dAppConnect.current.getAddress();
-          setAddress(address2);
-          if (qrCodeField.current !== null) {
-            dAppConnect.current.generateQRCode(qrCodeField.current);
-          }
-        }
-      }
-    }
-  }, []);
-  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",
-        onClick: () => {
-          navigator.clipboard.writeText(address);
-          setCopied(true);
-        },
-        children: copied ? "Copied" : "Copy Address"
-      }
-    )
-  ] });
-}
-
 // src/cardano-wallet/screen-webauthn.tsx
-var import_react13 = require("react");
-var import_wallet4 = require("@meshsdk/wallet");
+var import_react12 = require("react");
+var import_wallet5 = require("@meshsdk/wallet");
 
 // src/common/input.tsx
 var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Input = React5.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "input",
       {
         type,
@@ -1344,11 +1265,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_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime19 = 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_runtime21.jsx)(
+var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   LabelPrimitive.Root,
   {
     ref,
@@ -1359,44 +1280,46 @@ var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/cardano-wallet/screen-webauthn.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ScreenWebauthn({
   url,
   networkId,
   provider,
   setOpen
 }) {
-  const [loading, setLoading] = (0, import_react13.useState)(false);
-  const [userName, setUserName] = (0, import_react13.useState)("");
-  const [password, setPassword] = (0, import_react13.useState)("");
+  const [loading, setLoading] = (0, import_react12.useState)(false);
+  const [userName, setUserName] = (0, import_react12.useState)("");
+  const [password, setPassword] = (0, import_react12.useState)("");
   const { setWallet } = useWallet();
-  function createWallet(root) {
-    setTimeout(() => {
-      const wallet = new import_wallet4.MeshWallet({
-        networkId,
-        fetcher: provider,
-        submitter: provider,
-        key: {
-          type: "root",
-          bech32: root
-        }
-      });
-      setWallet(wallet, screens.webauthn.title);
-      setLoading(false);
-      setOpen(false);
-    }, 500);
+  async function createWallet(root) {
+    const wallet = await import_wallet5.MeshCardanoHeadlessWallet.fromBip32Root({
+      bech32: root,
+      networkId,
+      walletAddressType: import_wallet5.AddressType.Base,
+      fetcher: provider,
+      submitter: provider
+    });
+    setWallet(wallet, screens.webauthn.title);
+    setLoading(false);
+    setOpen(false);
   }
   async function handleConnect() {
     setLoading(true);
-    const res = await (0, import_wallet4.connect)({ username: userName, password, serverUrl: url });
-    if (res.success && res.wallet) {
-      createWallet(res.wallet.bech32PrivateKey);
+    const connectModule = await import("@meshsdk/wallet");
+    if (typeof connectModule.connect === "function") {
+      const res = await connectModule.connect({ username: userName, password, serverUrl: url });
+      if (res.success && res.wallet) {
+        await createWallet(res.wallet.bech32PrivateKey);
+      }
+    } else {
+      console.error("WebAuthn connect is not available in this version of @meshsdk/wallet");
+      setLoading(false);
     }
   }
-  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)(
+  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)(
         Input,
         {
           id: "username",
@@ -1406,11 +1329,11 @@ function ScreenWebauthn({
           onChange: (e) => setUserName(e.target.value)
         }
       ),
-      /* @__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.jsx)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Unique to the application you are connecting." })
     ] }),
-    /* @__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)(
+    /* @__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)(
         Input,
         {
           id: "password",
@@ -1420,9 +1343,9 @@ function ScreenWebauthn({
           onChange: (e) => setPassword(e.target.value)
         }
       ),
-      /* @__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)("p", { className: "mesh-text-gray-500 mesh-text-xs", children: "Additional security to derive your wallet." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Button,
       {
         className: "mesh-w-full",
@@ -1435,62 +1358,53 @@ function ScreenWebauthn({
 }
 
 // src/cardano-wallet/index.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var CardanoWallet = ({
   label = "Connect Wallet",
   onConnected = void 0,
   isDark = false,
   persist = false,
   injectFn = void 0,
-  cardanoPeerConnect = void 0,
   burnerWallet = void 0,
   webauthn = void 0,
   showDownload = true,
   web3Services = void 0
 }) => {
-  const [open, setOpen] = (0, import_react14.useState)(false);
-  const [screen, setScreen] = (0, import_react14.useState)("main");
+  const [open, setOpen] = (0, import_react13.useState)(false);
+  const [screen, setScreen] = (0, import_react13.useState)("main");
   const { wallet, connected, setPersist, setWeb3Services } = useWallet();
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setPersist(persist);
     if (web3Services) setWeb3Services(web3Services);
-  }, []);
-  (0, import_react14.useEffect)(() => {
+  }, [persist, web3Services, setPersist, setWeb3Services]);
+  (0, import_react13.useEffect)(() => {
     if (connected) {
       if (onConnected) onConnected();
     }
   }, [connected, wallet]);
-  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)(
+  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)(
       DialogContent,
       {
         className: "sm:mesh-max-w-[425px] mesh-dark",
         onOpenAutoFocus: (event) => event.preventDefault(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Header, { screen, setScreen }),
-          screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Header, { screen, setScreen }),
+          screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             ScreenMain,
             {
               injectFn,
               setOpen,
               setScreen,
               persist,
-              cardanoPeerConnect: cardanoPeerConnect != void 0,
               burnerWallet: burnerWallet != void 0,
               webauthn: webauthn != void 0,
               showDownload,
               web3Services
             }
           ),
-          screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-            ScreenP2P,
-            {
-              cardanoPeerConnect,
-              setOpen
-            }
-          ),
-          screen == "burner" && burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          screen == "burner" && burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             ScreenBurner,
             {
               networkId: burnerWallet.networkId,
@@ -1498,7 +1412,7 @@ var CardanoWallet = ({
               setOpen
             }
           ),
-          screen == "webauthn" && webauthn && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          screen == "webauthn" && webauthn && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             ScreenWebauthn,
             {
               url: webauthn.url,
@@ -1507,7 +1421,7 @@ var CardanoWallet = ({
               setOpen
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Footer, {})
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Footer, {})
         ]
       }
     )
@@ -1517,25 +1431,33 @@ function Header({
   screen,
   setScreen
 }) {
-  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", { className: "mesh-text-white", children: screens[screen].title }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { width: "24px" } })
+  const screenData = screens[screen];
+  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"),
+          "aria-label": "Back to wallet selection",
+          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", { className: "mesh-text-white", children: screenData.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { width: "24px" } })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogDescription, { children: screens[screen].subtitle && screens[screen].subtitle })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogDescription, { children: screenData.subtitle && screenData.subtitle })
   ] });
 }
 function Footer() {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime23.jsx)("span", { className: "", children: "Powered by" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "", children: "Powered by" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "svg",
           {
             width: 24,
@@ -1543,31 +1465,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_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" })
+            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" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "", children: "Mesh SDK" })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "", children: "Mesh SDK" })
       ]
     }
   ) });
 }
 
 // src/mesh-badge/mesh-logo.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime22.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_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" })
+    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" })
   }
 );
 
 // src/mesh-badge/index.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime23.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`}`,
@@ -1579,15 +1501,22 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime25
     rel: "noopener noreferrer",
     target: "_blank",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MeshLogo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MeshLogo, {}),
       "Mesh"
     ]
   }
 );
+
+// src/index.ts
+var import_wallet6 = require("@meshsdk/wallet");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CardanoBrowserWallet,
+  CardanoHeadlessWallet,
   CardanoWallet,
   MeshBadge,
+  MeshCardanoBrowserWallet,
+  MeshCardanoHeadlessWallet,
   MeshProvider,
   WalletContext,
   useAddress,