@multiversx/sdk-dapp-liquidity 0.2.0-alpha.1

package/reactjs/components/Connect/BridgeAccountDisplay.mjs

@@ -0,0 +1,84 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { faPowerOff } from "@fortawesome/free-solid-svg-icons/faPowerOff";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import "../../../index-DSnomXRI.mjs";
+import { a as useDisconnect } from "../../../react-CSQpf1zk.mjs";
+import "viem";
+import "viem/chains";
+import "react";
+import { SwitchChainButton } from "./SwitchChainButton.mjs";
+import { useAccount } from "../../hooks/useAccount.mjs";
+import "tailwind-merge";
+import "../base/MxCard/MxCard.mjs";
+import { MxLink } from "../base/MxLink/MxLink.mjs";
+import "../base/MxSearch/MxSearch.mjs";
+import "@fortawesome/free-solid-svg-icons/faClose";
+import "@headlessui/react";
+import "react-dom";
+import "react-popper";
+import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
+import { CopyButton } from "../CopyButton/CopyButton.mjs";
+import { TrimAddress } from "../TrimAddress/TrimAddress.mjs";
+const BridgeAccountDisplay = ({
+  activeChain,
+  disabled
+}) => {
+  var _a;
+  const account = useAccount();
+  const { disconnect } = useDisconnect();
+  const handleDisconnect = async (e) => {
+    try {
+      e.preventDefault();
+      await disconnect();
+    } catch (error) {
+      console.error("Failed to disconnect:", error);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    account.address && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("img", { src: activeChain == null ? void 0 : activeChain.svgUrl, alt: "", className: "liq-w-6" }),
+      /* @__PURE__ */ jsx("span", { className: "liq-truncate liq-text-gray-400", children: activeChain == null ? void 0 : activeChain.networkName }),
+      /* @__PURE__ */ jsx("span", { className: "liq-ml-[-5px]", children: ":" }),
+      /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
+        /* @__PURE__ */ jsx(
+          MxLink,
+          {
+            to: `${(_a = activeChain == null ? void 0 : activeChain.blockExplorerUrls) == null ? void 0 : _a[0]}/address/${account.address}`,
+            target: "_blank",
+            showExternalIcon: false,
+            className: "!liq-relative",
+            children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]", children: /* @__PURE__ */ jsx(TrimAddress, { address: account.address }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(CopyButton, { text: account.address, className: "liq-text-sm" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",
+          onClick: handleDisconnect,
+          children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faPowerOff })
+        }
+      ) })
+    ] }),
+    !account.address && /* @__PURE__ */ jsx(
+      SwitchChainButton,
+      {
+        disabled,
+        className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
+        children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            " ",
+            account.isConnecting ? "Connecting..." : "Connect",
+            " "
+          ] }),
+          /* @__PURE__ */ jsx("img", { src: activeChain == null ? void 0 : activeChain.svgUrl, alt: "", className: "liq-w-4" }),
+          /* @__PURE__ */ jsx("div", { className: "liq-truncate md:liq-text-clip", children: activeChain == null ? void 0 : activeChain.networkName })
+        ] }) })
+      }
+    )
+  ] });
+};
+export {
+  BridgeAccountDisplay
+};

package/reactjs/components/Connect/BridgeConnectButton.d.ts

@@ -0,0 +1,7 @@
+import { ChainDTO } from '../../../dto/Chain.dto';
+
+export declare const BridgeConnectButton: ({ activeChain, disabled, className }: {
+    activeChain?: ChainDTO;
+    disabled?: boolean;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/Connect/BridgeConnectButton.js

@@ -0,0 +1,26 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactjs_components_Connect_CustomConnectButton = require("./CustomConnectButton.js");
+const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
+const BridgeConnectButton = ({
+  activeChain,
+  disabled,
+  className
+}) => {
+  const account = reactjs_hooks_useAccount.useAccount();
+  return /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_Connect_CustomConnectButton.CustomConnectButton, { className, disabled, children: account.isConnected ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: [
+    !account.isConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-ml-2 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) }),
+    activeChain && /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: activeChain.svgUrl,
+        alt: "",
+        className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-p-1"
+      }
+    ),
+    activeChain == null ? void 0 : activeChain.networkName
+  ] }) });
+};
+exports.BridgeConnectButton = BridgeConnectButton;

package/reactjs/components/Connect/BridgeConnectButton.mjs

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CustomConnectButton } from "./CustomConnectButton.mjs";
+import { useAccount } from "../../hooks/useAccount.mjs";
+const BridgeConnectButton = ({
+  activeChain,
+  disabled,
+  className
+}) => {
+  const account = useAccount();
+  return /* @__PURE__ */ jsx(CustomConnectButton, { className, disabled, children: account.isConnected ? null : /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: [
+    !account.isConnected && /* @__PURE__ */ jsx("div", { className: "liq-ml-2 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) }),
+    activeChain && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: activeChain.svgUrl,
+        alt: "",
+        className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-p-1"
+      }
+    ),
+    activeChain == null ? void 0 : activeChain.networkName
+  ] }) });
+};
+export {
+  BridgeConnectButton
+};

package/reactjs/components/Connect/CustomConnectButton.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+export declare const CustomConnectButton: ({ disabled, className, children }: {
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/Connect/CustomConnectButton.js

@@ -0,0 +1,42 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("../../../index-cvy2-uZ_.js");
+require("viem");
+require("viem/chains");
+const index = require("../../../index-DZHiA1sX.js");
+const wagmi = require("wagmi");
+const CustomConnectButton = ({
+  disabled,
+  className,
+  children
+}) => {
+  const { open } = index.useAppKit();
+  const { isConnected, isConnecting } = wagmi.useAccount();
+  const { disconnect } = wagmi.useDisconnect();
+  const baseStyle = "liq-font-bold liq-text-inherit liq-rounded-lg";
+  if (isConnected) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => disconnect(),
+        className: `${baseStyle} ${className}`,
+        disabled,
+        children: children || "Disconnect"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: () => open({
+        view: "Connect"
+      }),
+      className: `${baseStyle} ${className}`,
+      disabled,
+      children: children || (isConnecting ? "Trying to connect..." : "Connect")
+    }
+  );
+};
+exports.CustomConnectButton = CustomConnectButton;

package/reactjs/components/Connect/CustomConnectButton.mjs

@@ -0,0 +1,41 @@
+import { jsx } from "react/jsx-runtime";
+import "../../../index-DSnomXRI.mjs";
+import "viem";
+import "viem/chains";
+import { u as useAppKit } from "../../../index-BXwpbIDQ.mjs";
+import { useAccount, useDisconnect } from "wagmi";
+const CustomConnectButton = ({
+  disabled,
+  className,
+  children
+}) => {
+  const { open } = useAppKit();
+  const { isConnected, isConnecting } = useAccount();
+  const { disconnect } = useDisconnect();
+  const baseStyle = "liq-font-bold liq-text-inherit liq-rounded-lg";
+  if (isConnected) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => disconnect(),
+        className: `${baseStyle} ${className}`,
+        disabled,
+        children: children || "Disconnect"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: () => open({
+        view: "Connect"
+      }),
+      className: `${baseStyle} ${className}`,
+      disabled,
+      children: children || (isConnecting ? "Trying to connect..." : "Connect")
+    }
+  );
+};
+export {
+  CustomConnectButton
+};

package/reactjs/components/Connect/MvxAccountDisplay.d.ts

@@ -0,0 +1,9 @@
+export declare const MvxAccountDisplay: ({ accountExplorerUrl, chainIcon, accountAddress, username, showTag, onDisconnect, onConnect }: {
+    accountExplorerUrl: string;
+    chainIcon: string;
+    accountAddress?: string;
+    username?: string;
+    showTag?: boolean;
+    onDisconnect?: () => void;
+    onConnect?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/Connect/MvxAccountDisplay.js

@@ -0,0 +1,75 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const faPowerOff = require("@fortawesome/free-solid-svg-icons/faPowerOff");
+const reactFontawesome = require("@fortawesome/react-fontawesome");
+const reactjs_components_AccountAddress_AccountAddress = require("../AccountAddress/AccountAddress.js");
+const reactjs_components_base_MxLink_MxLink = require("../base/MxLink/MxLink.js");
+const reactjs_components_CopyButton_CopyButton = require("../CopyButton/CopyButton.js");
+const MvxAccountDisplay = ({
+  accountExplorerUrl,
+  chainIcon,
+  accountAddress,
+  username,
+  showTag,
+  onDisconnect,
+  onConnect
+}) => {
+  const handleConnect = async (e) => {
+    e.preventDefault();
+    onConnect == null ? void 0 : onConnect();
+  };
+  const handleDisconnect = async (e) => {
+    e.preventDefault();
+    onDisconnect == null ? void 0 : onDisconnect();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    accountAddress && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("img", { src: chainIcon, alt: "", className: "liq-w-6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-truncate liq-text-gray-400", children: "MultiversX:" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactjs_components_base_MxLink_MxLink.MxLink,
+          {
+            to: `${accountExplorerUrl}`,
+            target: "_blank",
+            showExternalIcon: false,
+            className: "!liq-relative",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              reactjs_components_AccountAddress_AccountAddress.AccountAddress,
+              {
+                address: accountAddress,
+                username,
+                showTag
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_CopyButton_CopyButton.CopyButton, { text: accountAddress, className: "liq-text-sm" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",
+          onClick: handleDisconnect,
+          children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: faPowerOff.faPowerOff })
+        }
+      ) })
+    ] }),
+    !accountAddress && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
+        onClick: handleConnect,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Connect " }),
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src: chainIcon, alt: "", className: "liq-w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: "MultiversX" })
+        ] })
+      }
+    )
+  ] });
+};
+exports.MvxAccountDisplay = MvxAccountDisplay;

package/reactjs/components/Connect/MvxAccountDisplay.mjs

@@ -0,0 +1,74 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { faPowerOff } from "@fortawesome/free-solid-svg-icons/faPowerOff";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { AccountAddress } from "../AccountAddress/AccountAddress.mjs";
+import { MxLink } from "../base/MxLink/MxLink.mjs";
+import { CopyButton } from "../CopyButton/CopyButton.mjs";
+const MvxAccountDisplay = ({
+  accountExplorerUrl,
+  chainIcon,
+  accountAddress,
+  username,
+  showTag,
+  onDisconnect,
+  onConnect
+}) => {
+  const handleConnect = async (e) => {
+    e.preventDefault();
+    onConnect == null ? void 0 : onConnect();
+  };
+  const handleDisconnect = async (e) => {
+    e.preventDefault();
+    onDisconnect == null ? void 0 : onDisconnect();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    accountAddress && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("img", { src: chainIcon, alt: "", className: "liq-w-6" }),
+      /* @__PURE__ */ jsx("span", { className: "liq-truncate liq-text-gray-400", children: "MultiversX:" }),
+      /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
+        /* @__PURE__ */ jsx(
+          MxLink,
+          {
+            to: `${accountExplorerUrl}`,
+            target: "_blank",
+            showExternalIcon: false,
+            className: "!liq-relative",
+            children: /* @__PURE__ */ jsx(
+              AccountAddress,
+              {
+                address: accountAddress,
+                username,
+                showTag
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(CopyButton, { text: accountAddress, className: "liq-text-sm" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",
+          onClick: handleDisconnect,
+          children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faPowerOff })
+        }
+      ) })
+    ] }),
+    !accountAddress && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
+        onClick: handleConnect,
+        children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+          /* @__PURE__ */ jsx("div", { children: "Connect " }),
+          /* @__PURE__ */ jsx("img", { src: chainIcon, alt: "", className: "liq-w-4" }),
+          /* @__PURE__ */ jsx("div", { children: "MultiversX" })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  MvxAccountDisplay
+};

package/reactjs/components/Connect/MvxConnectButton.d.ts

@@ -0,0 +1,11 @@
+import { ChainDTO } from '../../../dto/Chain.dto';
+
+interface ConnectButtonProps {
+    mvxAccountAddress?: string;
+    chain?: ChainDTO;
+    disabled?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+export declare const MvxConnectButton: ({ mvxAccountAddress, chain, disabled, className, onClick }: ConnectButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/reactjs/components/Connect/MvxConnectButton.js

@@ -0,0 +1,43 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
+const reactjs_components_base_MxButton_MxButton = require("../base/MxButton/MxButton.js");
+const MvxConnectButton = ({
+  mvxAccountAddress,
+  chain,
+  disabled,
+  className = "",
+  onClick
+}) => {
+  if (mvxAccountAddress) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactjs_components_base_MxButton_MxButton.MxButton,
+    {
+      type: "button",
+      variant: "neutral-850",
+      className: reactjs_utils_mxClsx.mxClsx(
+        "liq-w-full liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",
+        className
+      ),
+      disabled,
+      onClick,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Connect " }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: (chain == null ? void 0 : chain.svgUrl) ?? "",
+            alt: "",
+            className: "liq-h-[1.5rem] liq-w-[1.5rem]"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: "MultiversX" })
+      ] })
+    }
+  );
+};
+exports.MvxConnectButton = MvxConnectButton;

package/reactjs/components/Connect/MvxConnectButton.mjs

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { mxClsx } from "../../utils/mxClsx.mjs";
+import { MxButton } from "../base/MxButton/MxButton.mjs";
+const MvxConnectButton = ({
+  mvxAccountAddress,
+  chain,
+  disabled,
+  className = "",
+  onClick
+}) => {
+  if (mvxAccountAddress) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    MxButton,
+    {
+      type: "button",
+      variant: "neutral-850",
+      className: mxClsx(
+        "liq-w-full liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",
+        className
+      ),
+      disabled,
+      onClick,
+      children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+        /* @__PURE__ */ jsx("div", { children: "Connect " }),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: (chain == null ? void 0 : chain.svgUrl) ?? "",
+            alt: "",
+            className: "liq-h-[1.5rem] liq-w-[1.5rem]"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { children: "MultiversX" })
+      ] })
+    }
+  );
+};
+export {
+  MvxConnectButton
+};

package/reactjs/components/Connect/SwitchChainButton.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+export declare const SwitchChainButton: ({ children, className, disabled }: {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/Connect/SwitchChainButton.js

@@ -0,0 +1,33 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("../../../index-cvy2-uZ_.js");
+const react = require("../../../react-CNXJSTCv.js");
+require("viem");
+require("viem/chains");
+const index = require("../../../index-DZHiA1sX.js");
+const SwitchChainButton = ({
+  children,
+  className,
+  disabled
+}) => {
+  const { open } = index.useAppKit();
+  const { isConnected } = react.useAppKitAccount();
+  const baseStyle = `liq-font-bold liq-text-white liq-rounded-lg ${disabled ? "liq-cursor-not-allowed" : "liq-cursor-pointer"}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        open({
+          view: isConnected ? "Networks" : "Connect"
+        });
+      },
+      className: `${baseStyle} ${className}`,
+      disabled,
+      children
+    }
+  );
+};
+exports.SwitchChainButton = SwitchChainButton;

package/reactjs/components/Connect/SwitchChainButton.mjs

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import "../../../index-DSnomXRI.mjs";
+import { u as useAppKitAccount } from "../../../react-CSQpf1zk.mjs";
+import "viem";
+import "viem/chains";
+import { u as useAppKit } from "../../../index-BXwpbIDQ.mjs";
+const SwitchChainButton = ({
+  children,
+  className,
+  disabled
+}) => {
+  const { open } = useAppKit();
+  const { isConnected } = useAppKitAccount();
+  const baseStyle = `liq-font-bold liq-text-white liq-rounded-lg ${disabled ? "liq-cursor-not-allowed" : "liq-cursor-pointer"}`;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        open({
+          view: isConnected ? "Networks" : "Connect"
+        });
+      },
+      className: `${baseStyle} ${className}`,
+      disabled,
+      children
+    }
+  );
+};
+export {
+  SwitchChainButton
+};

package/reactjs/components/Connect/index.d.ts

@@ -0,0 +1,6 @@
+export * from './BridgeConnectButton';
+export * from './CustomConnectButton';
+export * from './MvxConnectButton';
+export * from './SwitchChainButton';
+export * from './BridgeAccountDisplay';
+export * from './MvxAccountDisplay';

package/reactjs/components/Connect/index.js

@@ -0,0 +1,15 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactjs_components_Connect_BridgeConnectButton = require("./BridgeConnectButton.js");
+const reactjs_components_Connect_CustomConnectButton = require("./CustomConnectButton.js");
+const reactjs_components_Connect_MvxConnectButton = require("./MvxConnectButton.js");
+const reactjs_components_Connect_SwitchChainButton = require("./SwitchChainButton.js");
+const reactjs_components_Connect_BridgeAccountDisplay = require("./BridgeAccountDisplay.js");
+const reactjs_components_Connect_MvxAccountDisplay = require("./MvxAccountDisplay.js");
+exports.BridgeConnectButton = reactjs_components_Connect_BridgeConnectButton.BridgeConnectButton;
+exports.CustomConnectButton = reactjs_components_Connect_CustomConnectButton.CustomConnectButton;
+exports.MvxConnectButton = reactjs_components_Connect_MvxConnectButton.MvxConnectButton;
+exports.SwitchChainButton = reactjs_components_Connect_SwitchChainButton.SwitchChainButton;
+exports.BridgeAccountDisplay = reactjs_components_Connect_BridgeAccountDisplay.BridgeAccountDisplay;
+exports.MvxAccountDisplay = reactjs_components_Connect_MvxAccountDisplay.MvxAccountDisplay;

package/reactjs/components/Connect/index.mjs

@@ -0,0 +1,14 @@
+import { BridgeConnectButton } from "./BridgeConnectButton.mjs";
+import { CustomConnectButton } from "./CustomConnectButton.mjs";
+import { MvxConnectButton } from "./MvxConnectButton.mjs";
+import { SwitchChainButton } from "./SwitchChainButton.mjs";
+import { BridgeAccountDisplay } from "./BridgeAccountDisplay.mjs";
+import { MvxAccountDisplay } from "./MvxAccountDisplay.mjs";
+export {
+  BridgeAccountDisplay,
+  BridgeConnectButton,
+  CustomConnectButton,
+  MvxAccountDisplay,
+  MvxConnectButton,
+  SwitchChainButton
+};

package/reactjs/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,6 @@
+interface CopyButtonType {
+    text: string;
+    className?: string;
+}
+export declare const CopyButton: ({ text, className }: CopyButtonType) => import("react/jsx-runtime").JSX.Element;
+export {};