@meshsdk/react 1.7.23 → 1.7.24

package/dist/index.cjs

@@ -47,7 +47,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/cardano-wallet/index.tsx
-var import_react10 = require("react");
+var import_react12 = require("react");
 
 // src/common/button.tsx
 var React3 = __toESM(require("react"), 1);
@@ -2784,142 +2784,10 @@ var DialogDescription = React4.forwardRef(({ className, ...props }, ref) => /* @
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-// src/common/dropdown-menu.tsx
-var React5 = __toESM(require("react"), 1);
-var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_react_icons2 = require("@radix-ui/react-icons");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "mesh-flex mesh-cursor-default mesh-select-none mesh-items-center mesh-rounded-sm mesh-px-2 mesh-py-1.5 mesh-text-sm mesh-outline-none focus:mesh-bg-zinc-100 data-[state=open]:mesh-bg-zinc-100 dark:focus:mesh-bg-zinc-800 dark:data-[state=open]:mesh-bg-zinc-800",
-      inset && "mesh-pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons2.ChevronRightIcon, { className: "mesh-ml-auto mesh-h-4 mesh-w-4" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    className: cn(
-      "mesh-z-50 mesh-min-w-[8rem] mesh-overflow-hidden mesh-rounded-md mesh-border mesh-border-zinc-200 mesh-bg-white mesh-p-1 mesh-text-zinc-950 mesh-shadow-lg data-[state=open]:mesh-animate-in data-[state=closed]:mesh-animate-out data-[state=closed]:mesh-fade-out-0 data-[state=open]:mesh-fade-in-0 data-[state=closed]:mesh-zoom-out-95 data-[state=open]:mesh-zoom-in-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 dark:mesh-border-zinc-800 dark:mesh-bg-zinc-950 dark:mesh-text-zinc-50",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  DropdownMenuPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "mesh-z-50 mesh-min-w-[8rem] mesh-overflow-hidden mesh-rounded-md mesh-border mesh-border-zinc-200 mesh-bg-white mesh-p-1 mesh-text-zinc-950 mesh-shadow-md dark:mesh-border-zinc-800 dark:mesh-bg-zinc-950 dark:mesh-text-zinc-50",
-      "data-[state=open]:mesh-animate-in data-[state=closed]:mesh-animate-out data-[state=closed]:mesh-fade-out-0 data-[state=open]:mesh-fade-in-0 data-[state=closed]:mesh-zoom-out-95 data-[state=open]:mesh-zoom-in-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
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  DropdownMenuPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "mesh-relative mesh-flex mesh-cursor-default mesh-select-none mesh-items-center mesh-rounded-sm mesh-px-2 mesh-py-1.5 mesh-text-sm mesh-outline-none mesh-transition-colors focus:mesh-bg-zinc-100 focus:mesh-text-zinc-900 data-[disabled]:mesh-pointer-events-none data-[disabled]:mesh-opacity-50 dark:focus:mesh-bg-zinc-800 dark:focus:mesh-text-zinc-50",
-      inset && "mesh-pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "mesh-relative mesh-flex mesh-cursor-default mesh-select-none mesh-items-center mesh-rounded-sm mesh-py-1.5 mesh-pl-8 mesh-pr-2 mesh-text-sm mesh-outline-none mesh-transition-colors focus:mesh-bg-zinc-100 focus:mesh-text-zinc-900 data-[disabled]:mesh-pointer-events-none data-[disabled]:mesh-opacity-50 dark:focus:mesh-bg-zinc-800 dark:focus:mesh-text-zinc-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mesh-absolute mesh-left-2 mesh-flex mesh-h-3.5 mesh-w-3.5 mesh-items-center mesh-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons2.CheckIcon, { className: "mesh-h-4 mesh-w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    className: cn(
-      "mesh-relative mesh-flex mesh-cursor-default mesh-select-none mesh-items-center mesh-rounded-sm mesh-py-1.5 mesh-pl-8 mesh-pr-2 mesh-text-sm mesh-outline-none mesh-transition-colors focus:mesh-bg-zinc-100 focus:mesh-text-zinc-900 data-[disabled]:mesh-pointer-events-none data-[disabled]:mesh-opacity-50 dark:focus:mesh-bg-zinc-800 dark:focus:mesh-text-zinc-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mesh-absolute mesh-left-2 mesh-flex mesh-h-3.5 mesh-w-3.5 mesh-items-center mesh-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons2.DotFilledIcon, { className: "mesh-h-4 mesh-w-4 mesh-fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  DropdownMenuPrimitive.Label,
-  {
-    ref,
-    className: cn(
-      "mesh-px-2 mesh-py-1.5 mesh-text-sm mesh-font-semibold",
-      inset && "mesh-pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mesh-mx-1 mesh-my-1 mesh-h-px mesh-bg-zinc-100 dark:mesh-bg-zinc-800", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "span",
-    {
-      className: cn("mesh-ml-auto mesh-text-xs mesh-tracking-widest mesh-opacity-60", className),
-      ...props
-    }
-  );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-
 // src/common/icons/icon-chevron-right.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function IconChevronRight() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2938,59 +2806,7 @@ function IconChevronRight() {
         strokeWidth: "1px"
       },
       className: "hover:mesh-fill-white",
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m15 18-6-6 6-6" })
-    }
-  );
-}
-
-// src/common/icons/icon-monitor-smartphone.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function IconMonitorSmartphone() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)("path", { d: "M10 19v-3.96 3.15" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7 19h5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
-      ]
-    }
-  );
-}
-
-// src/common/icons/wallet-icon.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function WalletIcon({
-  icon,
-  name,
-  action,
-  iconReactNode
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.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,
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
-        iconReactNode && iconReactNode
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m15 18-6-6 6-6" })
     }
   );
 }
@@ -3052,10 +2868,10 @@ var WalletContext = (0, import_react.createContext)({
 });
 
 // src/contexts/index.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var MeshProvider = (props) => {
   const store = useWalletStore();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(WalletContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WalletContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: props.children }) });
 };
 
 // src/hooks/useAddress.ts
@@ -3215,74 +3031,144 @@ var useWalletSubmit = () => {
   };
 };
 
-// src/cardano-wallet/index.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var CardanoWallet = ({
-  label = "Connect Wallet",
-  onConnected = void 0,
-  isDark = false,
-  metamask = void 0,
-  extensions = [],
-  cardanoPeerConnect = void 0
+// src/cardano-wallet/connected-button.tsx
+var import_react10 = require("react");
+
+// src/common/dropdown-menu.tsx
+var React5 = __toESM(require("react"), 1);
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+var import_react_icons2 = require("@radix-ui/react-icons");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "mesh-flex mesh-cursor-default mesh-select-none mesh-items-center mesh-rounded-sm mesh-px-2 mesh-py-1.5 mesh-text-sm mesh-outline-none focus:mesh-bg-zinc-100 data-[state=open]:mesh-bg-zinc-100 dark:focus:mesh-bg-zinc-800 dark:data-[state=open]:mesh-bg-zinc-800",
+      inset && "mesh-pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons2.ChevronRightIcon, { className: "mesh-ml-auto mesh-h-4 mesh-w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "mesh-z-50 mesh-min-w-[8rem] mesh-overflow-hidden mesh-rounded-md mesh-border mesh-border-zinc-200 mesh-bg-white mesh-p-1 mesh-text-zinc-950 mesh-shadow-lg data-[state=open]:mesh-animate-in data-[state=closed]:mesh-animate-out data-[state=closed]:mesh-fade-out-0 data-[state=open]:mesh-fade-in-0 data-[state=closed]:mesh-zoom-out-95 data-[state=open]:mesh-zoom-in-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 dark:mesh-border-zinc-800 dark:mesh-bg-zinc-950 dark:mesh-text-zinc-50",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "mesh-z-50 mesh-min-w-[8rem] mesh-overflow-hidden mesh-rounded-md mesh-border mesh-border-zinc-200 mesh-bg-white mesh-p-1 mesh-text-zinc-950 mesh-shadow-md dark:mesh-border-zinc-800 dark:mesh-bg-zinc-950 dark:mesh-text-zinc-50",
+      "data-[state=open]:mesh-animate-in data-[state=closed]:mesh-animate-out data-[state=closed]:mesh-fade-out-0 data-[state=open]:mesh-fade-in-0 data-[state=closed]:mesh-zoom-out-95 data-[state=open]:mesh-zoom-in-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
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "mesh-relative mesh-flex mesh-cursor-default mesh-select-none mesh-items-center mesh-rounded-sm mesh-px-2 mesh-py-1.5 mesh-text-sm mesh-outline-none mesh-transition-colors focus:mesh-bg-zinc-100 focus:mesh-text-zinc-900 data-[disabled]:mesh-pointer-events-none data-[disabled]:mesh-opacity-50 dark:focus:mesh-bg-zinc-800 dark:focus:mesh-text-zinc-50",
+      inset && "mesh-pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "mesh-relative mesh-flex mesh-cursor-default mesh-select-none mesh-items-center mesh-rounded-sm mesh-py-1.5 mesh-pl-8 mesh-pr-2 mesh-text-sm mesh-outline-none mesh-transition-colors focus:mesh-bg-zinc-100 focus:mesh-text-zinc-900 data-[disabled]:mesh-pointer-events-none data-[disabled]:mesh-opacity-50 dark:focus:mesh-bg-zinc-800 dark:focus:mesh-text-zinc-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mesh-absolute mesh-left-2 mesh-flex mesh-h-3.5 mesh-w-3.5 mesh-items-center mesh-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons2.CheckIcon, { className: "mesh-h-4 mesh-w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "mesh-relative mesh-flex mesh-cursor-default mesh-select-none mesh-items-center mesh-rounded-sm mesh-py-1.5 mesh-pl-8 mesh-pr-2 mesh-text-sm mesh-outline-none mesh-transition-colors focus:mesh-bg-zinc-100 focus:mesh-text-zinc-900 data-[disabled]:mesh-pointer-events-none data-[disabled]:mesh-opacity-50 dark:focus:mesh-bg-zinc-800 dark:focus:mesh-text-zinc-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mesh-absolute mesh-left-2 mesh-flex mesh-h-3.5 mesh-w-3.5 mesh-items-center mesh-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons2.DotFilledIcon, { className: "mesh-h-4 mesh-w-4 mesh-fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "mesh-px-2 mesh-py-1.5 mesh-text-sm mesh-font-semibold",
+      inset && "mesh-pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mesh-mx-1 mesh-my-1 mesh-h-px mesh-bg-zinc-100 dark:mesh-bg-zinc-800", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
 }) => {
-  const [open, setOpen] = (0, import_react10.useState)(false);
-  const [screen, setScreen] = (0, import_react10.useState)("main");
-  const { wallet, connected } = useWallet();
-  (0, import_react10.useEffect)(() => {
-    if (connected && wallet) {
-      if (onConnected) onConnected();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "span",
+    {
+      className: cn("mesh-ml-auto mesh-text-xs mesh-tracking-widest mesh-opacity-60", className),
+      ...props
     }
-  }, [connected, wallet]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
-    !connected ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "outline", className: "mesh-text-white", children: label }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ConnectedDropdown, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogContent, { className: "sm:mesh-max-w-[425px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
-          screen != "main" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconChevronRight, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { width: "24px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
-            screen == "main" && "Connect Wallet",
-            screen == "p2p" && "P2P Connect"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { width: "24px" } })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogDescription, { children: screen == "p2p" && "Use wallet that supports CIP-45, scan this QR code to connect." })
-      ] }),
-      screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        MainScreen,
-        {
-          metamask,
-          extensions,
-          setOpen,
-          setScreen
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsx)("span", { className: "", children: "Powered by" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              "svg",
-              {
-                width: 24,
-                height: 24,
-                enableBackground: "new 0 0 300 200",
-                viewBox: "0 0 300 200",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsx)("span", { className: "", children: "Mesh SDK" })
-          ]
-        }
-      ) })
-    ] })
-  ] });
+  );
 };
-function ConnectedDropdown() {
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/cardano-wallet/connected-button.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ConnectedButton() {
   const { wallet, connected, disconnect } = useWallet();
   const [address, setAddress] = (0, import_react10.useState)("");
   (0, import_react10.useEffect)(() => {
@@ -3295,16 +3181,16 @@ function ConnectedDropdown() {
       afterConnectedWallet();
     }
   }, [connected, wallet]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Button, { variant: "outline", className: "mesh-text-white", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenuTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { variant: "outline", className: "mesh-text-white", children: [
       address.slice(0, 6),
       "...",
       address.slice(-6)
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DropdownMenuContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuLabel, { children: "Wallet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenuContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenuLabel, { children: "Wallet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         DropdownMenuItem,
         {
           onClick: () => {
@@ -3313,7 +3199,7 @@ function ConnectedDropdown() {
           children: "Copy Address"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         DropdownMenuItem,
         {
           onClick: () => {
@@ -3325,16 +3211,103 @@ function ConnectedDropdown() {
     ] })
   ] });
 }
-function MainScreen({
+
+// src/common/icons/icon-download.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function IconDownload() {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "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__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "7 10 12 15 17 10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+      ]
+    }
+  );
+}
+
+// src/common/icons/icon-monitor-smartphone.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function IconMonitorSmartphone() {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.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_runtime9.jsx)("path", { d: "M10 19v-3.96 3.15" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M7 19h5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
+      ]
+    }
+  );
+}
+
+// src/common/icons/wallet-icon.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function WalletIcon({
+  icon,
+  name,
+  action,
+  iconReactNode
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: icon, alt: name, className: "mesh-w-8 mesh-h-8" }),
+        iconReactNode && iconReactNode
+      ]
+    }
+  );
+}
+
+// src/cardano-wallet/screen-main.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function ScreenMain({
   metamask,
   extensions,
   setOpen,
-  setScreen
+  setScreen,
+  cardanoPeerConnect
 }) {
   const wallets = useWalletList({ metamask });
   const { connect } = useWallet();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-4 mesh-place-items-center", children: [
-    wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-4 mesh-place-items-center", children: [
+    wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       WalletIcon,
       {
         icon: wallet.icon,
@@ -3346,7 +3319,7 @@ function MainScreen({
       },
       index
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    cardanoPeerConnect && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       WalletIcon,
       {
         iconReactNode: IconMonitorSmartphone(),
@@ -3355,26 +3328,191 @@ function MainScreen({
           setScreen("p2p");
         }
       }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      WalletIcon,
+      {
+        iconReactNode: IconDownload(),
+        name: `Download`,
+        action: () => {
+          window.open(
+            "https://developers.cardano.org/showcase/?tags=wallet",
+            "_blank"
+          );
+        }
+      }
     )
   ] });
 }
 
+// src/cardano-wallet/screen-p2p.tsx
+var import_react11 = require("react");
+
+// src/common/cardano-peer-connect/index.ts
+var cjsCardanopeerconnect = __toESM(require("@fabianbormann/cardano-peer-connect"), 1);
+var cardanopeerconnect = cjsCardanopeerconnect;
+var exportedCardanopeerconnect = cardanopeerconnect?.default || cardanopeerconnect;
+var DAppPeerConnect = exportedCardanopeerconnect.DAppPeerConnect;
+
+// src/cardano-wallet/screen-p2p.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function ScreenP2P({
+  cardanoPeerConnect
+}) {
+  const dAppConnect = (0, import_react11.useRef)(null);
+  const qrCodeField = (0, import_react11.useRef)(null);
+  const [address, setAddress] = (0, import_react11.useState)("");
+  const [copied, setCopied] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
+    if (cardanoPeerConnect) {
+      if (dAppConnect.current === null) {
+        dAppConnect.current = new DAppPeerConnect({
+          dAppInfo: {
+            name: cardanoPeerConnect.dAppInfo.name,
+            url: cardanoPeerConnect.dAppInfo.url
+          },
+          announce: cardanoPeerConnect.announce,
+          onApiInject: (name, address2) => {
+            console.log("onApiInject", name, address2);
+          },
+          onApiEject: (name, address2) => {
+            console.log("onApiEject", name, address2);
+          },
+          onConnect: (address2, walletInfo) => {
+            console.log("Connected to wallet", address2, walletInfo);
+          },
+          onDisconnect: () => {
+            console.log("Disconnected from wallet");
+          },
+          verifyConnection: (walletInfo, callback) => {
+            console.log("verifyConnection", walletInfo);
+            callback(true, true);
+          },
+          useWalletDiscovery: true
+        });
+        if (dAppConnect.current) {
+          const address2 = dAppConnect.current.getAddress();
+          setAddress(address2);
+          console.log("address", address2);
+          if (qrCodeField.current !== null) {
+            dAppConnect.current.generateQRCode(qrCodeField.current);
+          }
+        }
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mesh-flex mesh-flex-col mesh-items-center mesh-justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { marginTop: 16, marginBottom: 16 }, ref: qrCodeField }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Button,
+      {
+        variant: "outline",
+        className: "mesh-text-white",
+        onClick: () => {
+          navigator.clipboard.writeText(address);
+          setCopied(true);
+        },
+        children: copied ? "Copied" : "Copy Address"
+      }
+    )
+  ] });
+}
+
+// src/cardano-wallet/index.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var CardanoWallet = ({
+  label = "Connect Wallet",
+  onConnected = void 0,
+  isDark = false,
+  metamask = void 0,
+  extensions = [],
+  cardanoPeerConnect = void 0
+}) => {
+  const [open, setOpen] = (0, import_react12.useState)(false);
+  const [screen, setScreen] = (0, import_react12.useState)("main");
+  const { wallet, connected } = useWallet();
+  (0, import_react12.useEffect)(() => {
+    if (connected && wallet) {
+      if (onConnected) onConnected();
+    }
+  }, [connected, wallet]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
+    !connected ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { variant: "outline", className: "mesh-text-white", children: label }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ConnectedButton, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogContent, { className: "sm:mesh-max-w-[425px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Header, { screen, setScreen }),
+      screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ScreenMain,
+        {
+          metamask,
+          extensions,
+          setOpen,
+          setScreen,
+          cardanoPeerConnect
+        }
+      ),
+      screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ScreenP2P, { cardanoPeerConnect }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Footer, {})
+    ] })
+  ] });
+};
+function Header({
+  screen,
+  setScreen
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogHeader, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogTitle, { className: "mesh-flex mesh-justify-between", children: [
+      screen != "main" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: () => setScreen("main"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconChevronRight, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { width: "24px" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+        screen == "main" && "Connect Wallet",
+        screen == "p2p" && "P2P Connect"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { width: "24px" } })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogDescription, { children: screen == "p2p" && "Use wallet that supports CIP-45, scan this QR code to connect." })
+  ] });
+}
+function Footer() {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogFooter, { className: "mesh-justify-center mesh-text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)("span", { className: "", children: "Powered by" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "svg",
+          {
+            width: 24,
+            height: 24,
+            enableBackground: "new 0 0 300 200",
+            viewBox: "0 0 300 200",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)("span", { className: "", children: "Mesh SDK" })
+      ]
+    }
+  ) });
+}
+
 // src/mesh-badge/mesh-logo.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime10.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_runtime14.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_runtime11 = require("react/jsx-runtime");
-var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime15.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`}`,
@@ -3386,21 +3524,21 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime11
     rel: "noopener noreferrer",
     target: "_blank",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MeshLogo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MeshLogo, {}),
       "Mesh"
     ]
   }
 );
 
 // src/stake-button/index.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var import_transaction = require("@meshsdk/transaction");
 
 // src/cardano-wallet-dropdown/index.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 
 // src/common/button-dropdown.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function ButtonDropdown({
   children,
   isDarkMode = false,
@@ -3409,7 +3547,7 @@ function ButtonDropdown({
   onMouseEnter,
   onMouseLeave
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.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`}`,
@@ -3422,21 +3560,21 @@ function ButtonDropdown({
 }
 
 // src/cardano-wallet-dropdown/menu-item.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function MenuItem({
   icon,
   label,
   action,
   active
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime13.jsx)("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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(" ") })
       ]
@@ -3445,8 +3583,8 @@ function MenuItem({
 }
 
 // src/cardano-wallet-dropdown/chevron-down.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "svg",
   {
     className: "mesh-m-2 mesh-h-6",
@@ -3455,7 +3593,7 @@ var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "path",
       {
         strokeLinecap: "round",
@@ -3468,7 +3606,7 @@ var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
 );
 
 // src/cardano-wallet-dropdown/wallet-balance.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var WalletBalance = ({
   connected,
   connecting,
@@ -3476,22 +3614,22 @@ var WalletBalance = ({
   wallet
 }) => {
   const lovelace = useLovelace();
-  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
+  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
     "\u20B3",
     " ",
     parseInt((parseInt(lovelace, 10) / 1e6).toString(), 10),
     ".",
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
-  ] }) : connected && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: "Connecting..." }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
+  ] }) : connected && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: "Connecting..." }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
     label,
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronDown, {})
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronDown, {})
   ] });
 };
 
 // src/cardano-wallet-dropdown/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var CardanoWallet2 = ({
   label = "Connect Wallet",
   onConnected = void 0,
@@ -3500,32 +3638,32 @@ var CardanoWallet2 = ({
   extensions = [],
   cardanoPeerConnect = void 0
 }) => {
-  const [isDarkMode, setIsDarkMode] = (0, import_react11.useState)(false);
-  const [hideMenuList, setHideMenuList] = (0, import_react11.useState)(true);
+  const [isDarkMode, setIsDarkMode] = (0, import_react13.useState)(false);
+  const [hideMenuList, setHideMenuList] = (0, import_react13.useState)(true);
   const { connect, connecting, connected, disconnect, name } = useWallet();
   const wallets = useWalletList({ metamask });
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (connected && onConnected) {
       onConnected();
     }
   }, [connected]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setIsDarkMode(isDark);
   }, [isDark]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       onMouseEnter: () => setHideMenuList(false),
       onMouseLeave: () => setHideMenuList(true),
       style: { width: "min-content", zIndex: 50 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           ButtonDropdown,
           {
             isDarkMode,
             hideMenuList,
             setHideMenuList,
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               WalletBalance,
               {
                 connected,
@@ -3536,12 +3674,12 @@ var CardanoWallet2 = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: !connected && wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               MenuItem,
               {
                 icon: wallet.icon,
@@ -3553,7 +3691,7 @@ var CardanoWallet2 = ({
                 active: name === wallet.id
               },
               index
-            )) }) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "No Wallet Found" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            )) }) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "No Wallet Found" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               MenuItem,
               {
                 active: false,
@@ -3570,7 +3708,7 @@ var CardanoWallet2 = ({
 };
 
 // src/stake-button/index.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var StakeButton = ({
   label = "Stake your ADA",
   isDark = false,
@@ -3578,19 +3716,19 @@ var StakeButton = ({
   onCheck,
   onDelegated = void 0
 }) => {
-  const [isDarkMode, setIsDarkMode] = (0, import_react12.useState)(false);
+  const [isDarkMode, setIsDarkMode] = (0, import_react14.useState)(false);
   const { connected } = useWallet();
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setIsDarkMode(isDark);
   }, [isDark]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: connected ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: connected ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Delegate,
     {
       poolId,
       onCheck,
       onDelegated
     }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardanoWallet2, { label, isDark }) });
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardanoWallet2, { label, isDark }) });
 };
 var Delegate = ({
   poolId,
@@ -3599,11 +3737,11 @@ var Delegate = ({
 }) => {
   const { wallet } = useWallet();
   const rewardAddress = useRewardAddress();
-  const [_, setError] = (0, import_react12.useState)();
-  const [checking, setChecking] = (0, import_react12.useState)(false);
-  const [accountInfo, setAccountInfo] = (0, import_react12.useState)();
-  const [processing, setProcessing] = (0, import_react12.useState)(false);
-  const [done, setDone] = (0, import_react12.useState)(false);
+  const [_, setError] = (0, import_react14.useState)();
+  const [checking, setChecking] = (0, import_react14.useState)(false);
+  const [accountInfo, setAccountInfo] = (0, import_react14.useState)();
+  const [processing, setProcessing] = (0, import_react14.useState)(false);
+  const [done, setDone] = (0, import_react14.useState)(false);
   const checkAccountStatus = async () => {
     try {
       setChecking(true);
@@ -3654,22 +3792,22 @@ var Delegate = ({
     }
     setProcessing(false);
   };
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     checkAccountStatus();
   }, [rewardAddress]);
   if (checking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Checking..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Checking..." });
   }
   if (processing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Loading..." });
   }
   if (done) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Stake Delegated" });
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Stake Delegated" });
   }
   if (accountInfo?.active) {
-    return accountInfo.poolId === poolId ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Stake Delegated" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { onClick: delegateStake, children: "Begin Staking" });
+    return accountInfo.poolId === poolId ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Stake Delegated" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { onClick: delegateStake, children: "Begin Staking" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { onClick: registerAddress, children: "Begin Staking" });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { onClick: registerAddress, children: "Begin Staking" });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {