@mysten/dapp-kit 0.0.0-experimental-20230928204256

package/dist/esm/components/AccountDropdownMenu.css.css

@@ -0,0 +1,41 @@
+/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfdHJpZ2dlckJ1dHRvbl9fZGl2MnFsMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7CiAgcGFkZGluZy1sZWZ0OiAyNHB4OwogIHBhZGRpbmctcmlnaHQ6IDI0cHg7CiAgcGFkZGluZy10b3A6IDE2cHg7CiAgcGFkZGluZy1ib3R0b206IDE2cHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBib3gtc2hhZG93OiAwcHggNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGNvbG9yOiAjMTgyNDM1Owp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVDb250ZW50X19kaXYycWwxIHsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBtYXJnaW4tdG9wOiA0cHg7CiAgcGFkZGluZzogOHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDhweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zd2l0Y2hBY2NvdW50QnV0dG9uX19kaXYycWwyIHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X2Rpc2Nvbm5lY3RCdXR0b25fX2RpdjJxbDMgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfc2VwYXJhdG9yX19kaXYycWw0IHsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjNGNkY4Owp9 */
+.AccountDropdownMenu_triggerButton__div2ql0 {
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  padding-left: 24px;
+  padding-right: 24px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  border-radius: 12px;
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+  background-color: white;
+  color: #182435;
+}
+.AccountDropdownMenu_menuContent__div2ql1 {
+  width: 180px;
+  max-height: 200px;
+  border-radius: 12px;
+  margin-top: 4px;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  background-color: white;
+}
+.AccountDropdownMenu_switchAccountButton__div2ql2 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.AccountDropdownMenu_disconnectButton__div2ql3 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.AccountDropdownMenu_separator__div2ql4 {
+  height: 1px;
+  background-color: #F3F6F8;
+}
+/*# sourceMappingURL=AccountDropdownMenu.css.css.map */

package/dist/esm/components/AccountDropdownMenu.css.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfdHJpZ2dlckJ1dHRvbl9fZGl2MnFsMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7CiAgcGFkZGluZy1sZWZ0OiAyNHB4OwogIHBhZGRpbmctcmlnaHQ6IDI0cHg7CiAgcGFkZGluZy10b3A6IDE2cHg7CiAgcGFkZGluZy1ib3R0b206IDE2cHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBib3gtc2hhZG93OiAwcHggNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGNvbG9yOiAjMTgyNDM1Owp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVDb250ZW50X19kaXYycWwxIHsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBtYXJnaW4tdG9wOiA0cHg7CiAgcGFkZGluZzogOHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDhweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zd2l0Y2hBY2NvdW50QnV0dG9uX19kaXYycWwyIHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X2Rpc2Nvbm5lY3RCdXR0b25fX2RpdjJxbDMgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfc2VwYXJhdG9yX19kaXYycWw0IHsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjNGNkY4Owp9"],
+  "sourcesContent": [".AccountDropdownMenu_triggerButton__div2ql0 {\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n  border-radius: 12px;\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  background-color: white;\n  color: #182435;\n}\n.AccountDropdownMenu_menuContent__div2ql1 {\n  width: 180px;\n  max-height: 200px;\n  border-radius: 12px;\n  margin-top: 4px;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  background-color: white;\n}\n.AccountDropdownMenu_switchAccountButton__div2ql2 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.AccountDropdownMenu_disconnectButton__div2ql3 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.AccountDropdownMenu_separator__div2ql4 {\n  height: 1px;\n  background-color: #F3F6F8;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;",
+  "names": []
+}

package/dist/esm/components/AccountDropdownMenu.css.d.ts

@@ -0,0 +1,5 @@
+export declare const triggerButton: string;
+export declare const menuContent: string;
+export declare const switchAccountButton: string;
+export declare const disconnectButton: string;
+export declare const separator: string;

package/dist/esm/components/AccountDropdownMenu.css.js

@@ -0,0 +1,14 @@
+// src/components/AccountDropdownMenu.css.ts
+var disconnectButton = "AccountDropdownMenu_disconnectButton__div2ql3";
+var menuContent = "AccountDropdownMenu_menuContent__div2ql1";
+var separator = "AccountDropdownMenu_separator__div2ql4";
+var switchAccountButton = "AccountDropdownMenu_switchAccountButton__div2ql2";
+var triggerButton = "AccountDropdownMenu_triggerButton__div2ql0";
+export {
+  disconnectButton,
+  menuContent,
+  separator,
+  switchAccountButton,
+  triggerButton
+};
+//# sourceMappingURL=AccountDropdownMenu.css.js.map

package/dist/esm/components/AccountDropdownMenu.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AccountDropdownMenu.css.ts"],
+  "sourcesContent": ["import 'src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfdHJpZ2dlckJ1dHRvbl9fZGl2MnFsMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7CiAgcGFkZGluZy1sZWZ0OiAyNHB4OwogIHBhZGRpbmctcmlnaHQ6IDI0cHg7CiAgcGFkZGluZy10b3A6IDE2cHg7CiAgcGFkZGluZy1ib3R0b206IDE2cHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBib3gtc2hhZG93OiAwcHggNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGNvbG9yOiAjMTgyNDM1Owp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVDb250ZW50X19kaXYycWwxIHsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBtYXJnaW4tdG9wOiA0cHg7CiAgcGFkZGluZzogOHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDhweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zd2l0Y2hBY2NvdW50QnV0dG9uX19kaXYycWwyIHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X2Rpc2Nvbm5lY3RCdXR0b25fX2RpdjJxbDMgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfc2VwYXJhdG9yX19kaXYycWw0IHsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjNGNkY4Owp9';\nexport var disconnectButton = 'AccountDropdownMenu_disconnectButton__div2ql3';\nexport var menuContent = 'AccountDropdownMenu_menuContent__div2ql1';\nexport var separator = 'AccountDropdownMenu_separator__div2ql4';\nexport var switchAccountButton = 'AccountDropdownMenu_switchAccountButton__div2ql2';\nexport var triggerButton = 'AccountDropdownMenu_triggerButton__div2ql0';"],
+  "mappings": ";AACO,IAAI,mBAAmB;AACvB,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,sBAAsB;AAC1B,IAAI,gBAAgB;",
+  "names": []
+}

package/dist/esm/components/AccountDropdownMenu.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfdHJpZ2dlckJ1dHRvbl9fZGl2MnFsMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7CiAgcGFkZGluZy1sZWZ0OiAyNHB4OwogIHBhZGRpbmctcmlnaHQ6IDI0cHg7CiAgcGFkZGluZy10b3A6IDE2cHg7CiAgcGFkZGluZy1ib3R0b206IDE2cHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBib3gtc2hhZG93OiAwcHggNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGNvbG9yOiAjMTgyNDM1Owp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVDb250ZW50X19kaXYycWwxIHsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBtYXJnaW4tdG9wOiA0cHg7CiAgcGFkZGluZzogOHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDhweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zd2l0Y2hBY2NvdW50QnV0dG9uX19kaXYycWwyIHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X2Rpc2Nvbm5lY3RCdXR0b25fX2RpdjJxbDMgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfc2VwYXJhdG9yX19kaXYycWw0IHsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjNGNkY4Owp9"],
+  "sourcesContent": [".AccountDropdownMenu_triggerButton__div2ql0 {\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n  border-radius: 12px;\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  background-color: white;\n  color: #182435;\n}\n.AccountDropdownMenu_menuContent__div2ql1 {\n  width: 180px;\n  max-height: 200px;\n  border-radius: 12px;\n  margin-top: 4px;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  background-color: white;\n}\n.AccountDropdownMenu_switchAccountButton__div2ql2 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.AccountDropdownMenu_disconnectButton__div2ql3 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.AccountDropdownMenu_separator__div2ql4 {\n  height: 1px;\n  background-color: #F3F6F8;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;",
+  "names": []
+}

package/dist/esm/components/AccountDropdownMenu.d.ts

@@ -0,0 +1,6 @@
+import type { WalletAccount } from '@mysten/wallet-standard';
+type AccountDropdownMenuProps = {
+    currentAccount: WalletAccount;
+};
+export declare function AccountDropdownMenu({ currentAccount }: AccountDropdownMenuProps): import("react/jsx-runtime.js").JSX.Element;
+export {};

package/dist/esm/components/AccountDropdownMenu.js

@@ -0,0 +1,185 @@
+// src/components/AccountDropdownMenu.tsx
+import { formatAddress } from "@mysten/sui.js/utils";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+
+// src/hooks/wallet/useWalletStore.ts
+import { useContext } from "react";
+import { useStore } from "zustand";
+
+// src/contexts/walletContext.ts
+import { createContext } from "react";
+var WalletContext = createContext(null);
+
+// src/hooks/wallet/useWalletStore.ts
+function useWalletStore(selector) {
+  const store = useContext(WalletContext);
+  if (!store) {
+    throw new Error(
+      "Could not find WalletContext. Ensure that you have set up the WalletProvider."
+    );
+  }
+  return useStore(store, selector);
+}
+
+// src/hooks/wallet/useAccounts.ts
+function useAccounts() {
+  return useWalletStore((state) => state.accounts);
+}
+
+// src/hooks/wallet/useDisconnectWallet.ts
+import { useMutation } from "@tanstack/react-query";
+
+// src/constants/walletMutationKeys.ts
+var walletMutationKeys = {
+  all: { baseScope: "wallet" },
+  connectWallet: formMutationKeyFn("connect-wallet"),
+  disconnectWallet: formMutationKeyFn("disconnect-wallet"),
+  signPersonalMessage: formMutationKeyFn("sign-personal-message"),
+  signTransactionBlock: formMutationKeyFn("sign-transaction-block"),
+  signAndExecuteTransactionBlock: formMutationKeyFn("sign-and-execute-transaction-block"),
+  switchAccount: formMutationKeyFn("switch-account")
+};
+function formMutationKeyFn(baseEntity) {
+  return function mutationKeyFn(additionalKeys = []) {
+    return [{ ...walletMutationKeys.all, baseEntity }, ...additionalKeys];
+  };
+}
+
+// src/errors/walletErrors.ts
+var WalletNotConnectedError = class extends Error {
+};
+var WalletAccountNotFoundError = class extends Error {
+};
+
+// src/hooks/wallet/useCurrentWallet.ts
+function useCurrentWallet() {
+  return useWalletStore((state) => state.currentWallet);
+}
+
+// src/hooks/wallet/useDisconnectWallet.ts
+function useDisconnectWallet({
+  mutationKey,
+  ...mutationOptions
+} = {}) {
+  const currentWallet = useCurrentWallet();
+  const setWalletDisconnected = useWalletStore((state) => state.setWalletDisconnected);
+  return useMutation({
+    mutationKey: walletMutationKeys.disconnectWallet(mutationKey),
+    mutationFn: async () => {
+      if (!currentWallet) {
+        throw new WalletNotConnectedError("No wallet is connected.");
+      }
+      try {
+        await currentWallet.features["standard:disconnect"]?.disconnect();
+      } catch (error) {
+        console.error("Failed to disconnect the application from the current wallet.", error);
+      }
+      setWalletDisconnected();
+    },
+    ...mutationOptions
+  });
+}
+
+// src/hooks/wallet/useSwitchAccount.ts
+import { useMutation as useMutation2 } from "@tanstack/react-query";
+function useSwitchAccount({
+  mutationKey,
+  ...mutationOptions
+} = {}) {
+  const currentWallet = useCurrentWallet();
+  const setAccountSwitched = useWalletStore((state) => state.setAccountSwitched);
+  return useMutation2({
+    mutationKey: walletMutationKeys.switchAccount(mutationKey),
+    mutationFn: async ({ account }) => {
+      if (!currentWallet) {
+        throw new WalletNotConnectedError("No wallet is connected.");
+      }
+      const accountToSelect = currentWallet.accounts.find(
+        (walletAccount) => walletAccount.address === account.address
+      );
+      if (!accountToSelect) {
+        throw new WalletAccountNotFoundError(
+          `No account with address ${account.address} is connected to ${currentWallet.name}.`
+        );
+      }
+      setAccountSwitched(accountToSelect);
+    },
+    ...mutationOptions
+  });
+}
+
+// src/components/AccountDropdownMenu.css.ts
+var disconnectButton = "AccountDropdownMenu_disconnectButton__div2ql3";
+var menuContent = "AccountDropdownMenu_menuContent__div2ql1";
+var separator = "AccountDropdownMenu_separator__div2ql4";
+var switchAccountButton = "AccountDropdownMenu_switchAccountButton__div2ql2";
+var triggerButton = "AccountDropdownMenu_triggerButton__div2ql0";
+
+// src/components/icons/CheckIcon.tsx
+import { jsx } from "react/jsx-runtime";
+function CheckIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "#007195",
+      d: "m11.726 5.048-4.73 5.156-1.722-1.879a.72.72 0 0 0-.529-.23.722.722 0 0 0-.525.24.858.858 0 0 0-.22.573.86.86 0 0 0 .211.576l2.255 2.458c.14.153.332.24.53.24.2 0 .391-.087.532-.24l5.261-5.735A.86.86 0 0 0 13 5.63a.858.858 0 0 0-.22-.572.722.722 0 0 0-.525-.24.72.72 0 0 0-.529.23Z"
+    }
+  ) });
+}
+
+// src/components/icons/ChevronIcon.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ChevronIcon(props) {
+  return /* @__PURE__ */ jsx2("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", ...props, children: /* @__PURE__ */ jsx2(
+    "path",
+    {
+      stroke: "#A0B6C3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      d: "m4 6 4 4 4-4"
+    }
+  ) });
+}
+
+// src/components/AccountDropdownMenu.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function AccountDropdownMenu({ currentAccount }) {
+  const { mutate: disconnectWallet } = useDisconnectWallet();
+  const { mutate: switchAccount } = useSwitchAccount();
+  const accounts = useAccounts();
+  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { modal: false, children: [
+    /* @__PURE__ */ jsxs(DropdownMenu.Trigger, { className: triggerButton, children: [
+      formatAddress(currentAccount.address),
+      /* @__PURE__ */ jsx3(ChevronIcon, {})
+    ] }),
+    /* @__PURE__ */ jsx3(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(DropdownMenu.Content, { className: menuContent, children: [
+      accounts.map((account) => /* @__PURE__ */ jsx3(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: switchAccountButton,
+          onClick: () => switchAccount({ account }),
+          children: [
+            formatAddress(account.address),
+            currentAccount.address === account.address ? /* @__PURE__ */ jsx3(CheckIcon, {}) : null
+          ]
+        }
+      ) }, account.address)),
+      /* @__PURE__ */ jsx3(DropdownMenu.Separator, { className: separator }),
+      /* @__PURE__ */ jsx3(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsx3(
+        "button",
+        {
+          className: disconnectButton,
+          type: "button",
+          onClick: () => disconnectWallet(),
+          children: "Disconnect"
+        }
+      ) })
+    ] }) })
+  ] });
+}
+export {
+  AccountDropdownMenu
+};
+//# sourceMappingURL=AccountDropdownMenu.js.map

package/dist/esm/components/AccountDropdownMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AccountDropdownMenu.tsx", "../../../src/hooks/wallet/useWalletStore.ts", "../../../src/contexts/walletContext.ts", "../../../src/hooks/wallet/useAccounts.ts", "../../../src/hooks/wallet/useDisconnectWallet.ts", "../../../src/constants/walletMutationKeys.ts", "../../../src/errors/walletErrors.ts", "../../../src/hooks/wallet/useCurrentWallet.ts", "../../../src/hooks/wallet/useSwitchAccount.ts", "../../../src/components/AccountDropdownMenu.css.ts", "../../../src/components/icons/CheckIcon.tsx", "../../../src/components/icons/ChevronIcon.tsx"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { formatAddress } from '@mysten/sui.js/utils';\nimport type { WalletAccount } from '@mysten/wallet-standard';\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\n\nimport { useAccounts } from '../hooks/wallet/useAccounts.js';\nimport { useDisconnectWallet } from '../hooks/wallet/useDisconnectWallet.js';\nimport { useSwitchAccount } from '../hooks/wallet/useSwitchAccount.js';\nimport * as styles from './AccountDropdownMenu.css.js';\nimport { CheckIcon } from './icons/CheckIcon.js';\nimport { ChevronIcon } from './icons/ChevronIcon.js';\n\ntype AccountDropdownMenuProps = {\n\tcurrentAccount: WalletAccount;\n};\n\nexport function AccountDropdownMenu({ currentAccount }: AccountDropdownMenuProps) {\n\tconst { mutate: disconnectWallet } = useDisconnectWallet();\n\tconst { mutate: switchAccount } = useSwitchAccount();\n\tconst accounts = useAccounts();\n\n\treturn (\n\t\t<DropdownMenu.Root modal={false}>\n\t\t\t<DropdownMenu.Trigger className={styles.triggerButton}>\n\t\t\t\t{formatAddress(currentAccount.address)}\n\t\t\t\t<ChevronIcon />\n\t\t\t</DropdownMenu.Trigger>\n\t\t\t<DropdownMenu.Portal>\n\t\t\t\t<DropdownMenu.Content className={styles.menuContent}>\n\t\t\t\t\t{accounts.map((account) => (\n\t\t\t\t\t\t<DropdownMenu.Item key={account.address} asChild>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName={styles.switchAccountButton}\n\t\t\t\t\t\t\t\tonClick={() => switchAccount({ account })}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{formatAddress(account.address)}\n\t\t\t\t\t\t\t\t{currentAccount.address === account.address ? <CheckIcon /> : null}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t\t))}\n\t\t\t\t\t<DropdownMenu.Separator className={styles.separator} />\n\t\t\t\t\t<DropdownMenu.Item asChild>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName={styles.disconnectButton}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={() => disconnectWallet()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tDisconnect\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t</DropdownMenu.Content>\n\t\t\t</DropdownMenu.Portal>\n\t\t</DropdownMenu.Root>\n\t);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n\tconst store = useContext(WalletContext);\n\tif (!store) {\n\t\tthrow new Error(\n\t\t\t'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n\t\t);\n\t}\n\treturn useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves a list of connected accounts authorized by the dApp.\n */\nexport function useAccounts() {\n\treturn useWalletStore((state) => state.accounts);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { UseMutationOptions } from '@tanstack/react-query';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { walletMutationKeys } from '../../constants/walletMutationKeys.js';\nimport { WalletNotConnectedError } from '../../errors/walletErrors.js';\nimport { useCurrentWallet } from './useCurrentWallet.js';\nimport { useWalletStore } from './useWalletStore.js';\n\ntype UseDisconnectWalletMutationOptions = Omit<\n\tUseMutationOptions<void, Error, void, unknown>,\n\t'mutationFn'\n>;\n\n/**\n * Mutation hook for disconnecting from an active wallet connection, if currently connected.\n */\nexport function useDisconnectWallet({\n\tmutationKey,\n\t...mutationOptions\n}: UseDisconnectWalletMutationOptions = {}) {\n\tconst currentWallet = useCurrentWallet();\n\tconst setWalletDisconnected = useWalletStore((state) => state.setWalletDisconnected);\n\n\treturn useMutation({\n\t\tmutationKey: walletMutationKeys.disconnectWallet(mutationKey),\n\t\tmutationFn: async () => {\n\t\t\tif (!currentWallet) {\n\t\t\t\tthrow new WalletNotConnectedError('No wallet is connected.');\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\t// Wallets aren't required to implement the disconnect feature, so we'll\n\t\t\t\t// optionally call the disconnect feature if it exists and reset the UI\n\t\t\t\t// state on the frontend at a minimum.\n\t\t\t\tawait currentWallet.features['standard:disconnect']?.disconnect();\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Failed to disconnect the application from the current wallet.', error);\n\t\t\t}\n\n\t\t\tsetWalletDisconnected();\n\t\t},\n\t\t...mutationOptions,\n\t});\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { MutationKey } from '@tanstack/react-query';\n\nexport const walletMutationKeys = {\n\tall: { baseScope: 'wallet' },\n\tconnectWallet: formMutationKeyFn('connect-wallet'),\n\tdisconnectWallet: formMutationKeyFn('disconnect-wallet'),\n\tsignPersonalMessage: formMutationKeyFn('sign-personal-message'),\n\tsignTransactionBlock: formMutationKeyFn('sign-transaction-block'),\n\tsignAndExecuteTransactionBlock: formMutationKeyFn('sign-and-execute-transaction-block'),\n\tswitchAccount: formMutationKeyFn('switch-account'),\n};\n\nfunction formMutationKeyFn(baseEntity: string) {\n\treturn function mutationKeyFn(additionalKeys: MutationKey = []) {\n\t\treturn [{ ...walletMutationKeys.all, baseEntity }, ...additionalKeys];\n\t};\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * An error that is instantiated when someone attempts to perform an action that requires an active wallet connection.\n */\nexport class WalletNotConnectedError extends Error {}\n\n/**\n * An error that is instantiated when someone attempts to perform an action that requires a selected wallet account.\n * This is more of an edge case stemming from the fact that wallets don't technically require you to authorize any\n * accounts when connecting a wallet.\n */\nexport class WalletNoAccountSelectedError extends Error {}\n\n/**\n * An error that is instantiated when someone attempts to perform an action that isn't supported by a wallet.\n */\nexport class WalletFeatureNotSupportedError extends Error {}\n\n/**\n * An error that is instantiated when a wallet account can't be found for a specific wallet.\n */\nexport class WalletAccountNotFoundError extends Error {}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves the wallet that is currently connected to the dApp, if one exists.\n */\nexport function useCurrentWallet() {\n\treturn useWalletStore((state) => state.currentWallet);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletAccount } from '@mysten/wallet-standard';\nimport type { UseMutationOptions } from '@tanstack/react-query';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { walletMutationKeys } from '../../constants/walletMutationKeys.js';\nimport { WalletAccountNotFoundError, WalletNotConnectedError } from '../../errors/walletErrors.js';\nimport { useCurrentWallet } from './useCurrentWallet.js';\nimport { useWalletStore } from './useWalletStore.js';\n\ntype SwitchAccountArgs = {\n\taccount: WalletAccount;\n};\n\ntype SwitchAccountResult = void;\n\ntype UseSwitchAccountMutationOptions = Omit<\n\tUseMutationOptions<\n\t\tSwitchAccountResult,\n\t\tWalletNotConnectedError | WalletAccountNotFoundError | Error,\n\t\tSwitchAccountArgs,\n\t\tunknown\n\t>,\n\t'mutationFn'\n>;\n\n/**\n * Mutation hook for switching to a specific wallet account.\n */\nexport function useSwitchAccount({\n\tmutationKey,\n\t...mutationOptions\n}: UseSwitchAccountMutationOptions = {}) {\n\tconst currentWallet = useCurrentWallet();\n\tconst setAccountSwitched = useWalletStore((state) => state.setAccountSwitched);\n\n\treturn useMutation({\n\t\tmutationKey: walletMutationKeys.switchAccount(mutationKey),\n\t\tmutationFn: async ({ account }) => {\n\t\t\tif (!currentWallet) {\n\t\t\t\tthrow new WalletNotConnectedError('No wallet is connected.');\n\t\t\t}\n\n\t\t\tconst accountToSelect = currentWallet.accounts.find(\n\t\t\t\t(walletAccount) => walletAccount.address === account.address,\n\t\t\t);\n\t\t\tif (!accountToSelect) {\n\t\t\t\tthrow new WalletAccountNotFoundError(\n\t\t\t\t\t`No account with address ${account.address} is connected to ${currentWallet.name}.`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tsetAccountSwitched(accountToSelect);\n\t\t},\n\t\t...mutationOptions,\n\t});\n}\n", "import 'src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfdHJpZ2dlckJ1dHRvbl9fZGl2MnFsMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7CiAgcGFkZGluZy1sZWZ0OiAyNHB4OwogIHBhZGRpbmctcmlnaHQ6IDI0cHg7CiAgcGFkZGluZy10b3A6IDE2cHg7CiAgcGFkZGluZy1ib3R0b206IDE2cHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBib3gtc2hhZG93OiAwcHggNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGNvbG9yOiAjMTgyNDM1Owp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVDb250ZW50X19kaXYycWwxIHsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBtYXJnaW4tdG9wOiA0cHg7CiAgcGFkZGluZzogOHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDhweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zd2l0Y2hBY2NvdW50QnV0dG9uX19kaXYycWwyIHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X2Rpc2Nvbm5lY3RCdXR0b25fX2RpdjJxbDMgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfc2VwYXJhdG9yX19kaXYycWw0IHsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjNGNkY4Owp9';\nexport var disconnectButton = 'AccountDropdownMenu_disconnectButton__div2ql3';\nexport var menuContent = 'AccountDropdownMenu_menuContent__div2ql1';\nexport var separator = 'AccountDropdownMenu_separator__div2ql4';\nexport var switchAccountButton = 'AccountDropdownMenu_switchAccountButton__div2ql2';\nexport var triggerButton = 'AccountDropdownMenu_triggerButton__div2ql0';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function CheckIcon(props: ComponentProps<'svg'>) {\n\treturn (\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={16} height={16} fill=\"none\" {...props}>\n\t\t\t<path\n\t\t\t\tfill=\"#007195\"\n\t\t\t\td=\"m11.726 5.048-4.73 5.156-1.722-1.879a.72.72 0 0 0-.529-.23.722.722 0 0 0-.525.24.858.858 0 0 0-.22.573.86.86 0 0 0 .211.576l2.255 2.458c.14.153.332.24.53.24.2 0 .391-.087.532-.24l5.261-5.735A.86.86 0 0 0 13 5.63a.858.858 0 0 0-.22-.572.722.722 0 0 0-.525-.24.72.72 0 0 0-.529.23Z\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function ChevronIcon(props: ComponentProps<'svg'>) {\n\treturn (\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width={16} height={16} fill=\"none\" {...props}>\n\t\t\t<path\n\t\t\t\tstroke=\"#A0B6C3\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeWidth={1.5}\n\t\t\t\td=\"m4 6 4 4 4-4\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["useMutation", "useMutation", "jsx", "jsx"]
+}

package/dist/esm/components/ConnectButton.css

@@ -0,0 +1,250 @@
+/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfdHJpZ2dlckJ1dHRvbl9fZGl2MnFsMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7CiAgcGFkZGluZy1sZWZ0OiAyNHB4OwogIHBhZGRpbmctcmlnaHQ6IDI0cHg7CiAgcGFkZGluZy10b3A6IDE2cHg7CiAgcGFkZGluZy1ib3R0b206IDE2cHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBib3gtc2hhZG93OiAwcHggNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGNvbG9yOiAjMTgyNDM1Owp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVDb250ZW50X19kaXYycWwxIHsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBtYXJnaW4tdG9wOiA0cHg7CiAgcGFkZGluZzogOHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDhweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zd2l0Y2hBY2NvdW50QnV0dG9uX19kaXYycWwyIHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X2Rpc2Nvbm5lY3RCdXR0b25fX2RpdjJxbDMgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfc2VwYXJhdG9yX19kaXYycWw0IHsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjNGNkY4Owp9 */
+.AccountDropdownMenu_triggerButton__div2ql0 {
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  padding-left: 24px;
+  padding-right: 24px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  border-radius: 12px;
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+  background-color: white;
+  color: #182435;
+}
+.AccountDropdownMenu_menuContent__div2ql1 {
+  width: 180px;
+  max-height: 200px;
+  border-radius: 12px;
+  margin-top: 4px;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  background-color: white;
+}
+.AccountDropdownMenu_switchAccountButton__div2ql2 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.AccountDropdownMenu_disconnectButton__div2ql3 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.AccountDropdownMenu_separator__div2ql4 {
+  height: 1px;
+  background-color: #F3F6F8;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VVXW/aMBR951dYmiq10tI5aYAQXtZ1Qpq0PU1aHysnviTegh3ZptBO/Pc5jgOEJMAQH/GNc3zuvedc7p8E55DqH4KS4kW8gizI28tL9h69zzD6O0IoIemfTIo1p14qCiFjJLOE3AYhepig8QP6hAJ8czc3O0uhmGaCx2jJtkCrEOMKdIxwdf3uMU5hG6NZ85qPdqP7FgHNdAHueN8eXxJKGc+8ApYGKCq33YdSwTVw7R4LBlhvcqZhgGYitBarGPmTCh+h+rBmJVmWHy378kCIMlWa0hnQAuy26tejTBqa9jBDY73i1Z3fa6XZ8s1zvGOkSpKCl4DeANgdVR+WhdjEKGeU1rFESArSk4SytTqwWTHu5VAzHOPX3MbIdh+LxofYhlGdx2iKcV8ZNznR39TjMykK0F/WpiLclfRhoKQfFtNFtIjmhzY1vE6xXxlsTEATxkE61NCi7uvGBYcWUoDLQyHNwaYafhdZQWGugf7qOWHcPqHuTEdypr0ZyFbCk6GEcRCFj1/rdmw9lRNa0TJEUWg+fmC+rDvwR+Te9771xqkIT7sZ1Lm21R6E7agT4mlYi/KghybYlvRVScd5pbvB1PHUn4VdqGprC2da+3bvMpIoI/06bUu1aaxLsleMaSEUtGCjM7B7zUxr5FZFTux7UvnKv+5Gj77xwl8EPVaxHvnOlH5qzZ7Z8cg6JFp51HkvCF3sP+ZFRsqm6eeJHGuf9Gn/mtkzzOO8EXuoPDOdV7786TzqqCV9xt+NPq+AMoJUKg0TRDhFt0eFm07M7L+zT16e/t0sDOu5veHgfIxv6oDVyrhZ1ZrcL7UkXC2FNEaylwXRcOuZ2x9R9W2tvetQujRJe6ZeF2R4ZPa0tfv4gC2vOvq8vC/8E1yC64r0TLeOJIevBj8ru97i7f4BS30qMAcJAAA= */
+.ConnectModal_overlay__gz8z90 {
+  background-color: rgba(24 36 53 / 20%);
+  position: fixed;
+  inset: 0;
+  z-index: 999999999;
+}
+.ConnectModal_title__gz8z91 {
+  padding-left: 8px;
+}
+.ConnectModal_content__gz8z92 {
+  background-color: white;
+  position: fixed;
+  bottom: 16px;
+  left: 16px;
+  right: 16px;
+  z-index: 999999999;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow: hidden;
+  border-radius: 16px;
+  min-height: 50vh;
+  max-height: 85vh;
+  max-width: 700px;
+}
+.ConnectModal_whatIsAWalletButton__gz8z93 {
+  background-color: #F7F8F8;
+  padding: 16px;
+}
+.ConnectModal_viewContainer__gz8z94 {
+  display: none;
+  padding: 20px;
+  flex-grow: 1;
+}
+.ConnectModal_selectedViewContainer__gz8z95 {
+  display: flex;
+}
+.ConnectModal_triggerButton__gz8z96 {
+  background-color: #0284AD;
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+  color: white;
+  border-radius: 12px;
+  padding-left: 24px;
+  padding-right: 24px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+.ConnectModal_triggerButton__gz8z96:hover {
+  background-color: #007194;
+}
+.ConnectModal_backButton__gz8z97 {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+}
+.ConnectModal_closeButton__gz8z98 {
+  position: absolute;
+  padding: 7px;
+  top: 16px;
+  right: 16px;
+  border-radius: 9999px;
+  background-color: #F0F1F2;
+}
+.ConnectModal_walletListContent__gz8z99 {
+  padding: 20px;
+  min-width: 240px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+.ConnectModal_walletListContainer__gz8z9a {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  flex-grow: 1;
+}
+.ConnectModal_walletListContainerWithViewSelected__gz8z9b {
+  display: none;
+}
+@media screen and (min-width: 768px) {
+  .ConnectModal_content__gz8z92 {
+    flex-direction: row;
+    width: 100%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+  .ConnectModal_whatIsAWalletButton__gz8z93 {
+    display: none;
+  }
+  .ConnectModal_viewContainer__gz8z94 {
+    display: flex;
+  }
+  .ConnectModal_backButton__gz8z97 {
+    display: none;
+  }
+  .ConnectModal_walletListContent__gz8z99 {
+    background-color: #F7F8F8;
+  }
+  .ConnectModal_walletListContainer__gz8z9a {
+    flex-direction: row;
+    flex-grow: 0;
+  }
+  .ConnectModal_walletListContainerWithViewSelected__gz8z9b {
+    display: flex;
+  }
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXROYW1lX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19jb25uZWN0aW9uU3RhdHVzV2l0aEVycm9yX19uY2ttMmQ0IHsKICBjb2xvcjogcmVkOwp9 */
+.ConnectionStatus_container__nckm2d0 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+.ConnectionStatus_walletIcon__nckm2d1 {
+  background-color: white;
+  -o-object-fit: cover;
+  object-fit: cover;
+  width: 72px;
+  height: 72px;
+  border-radius: 16px;
+}
+.ConnectionStatus_walletName__nckm2d2 {
+  margin-top: 12px;
+}
+.ConnectionStatus_connectionStatus__nckm2d3 {
+  margin-top: 4px;
+}
+.ConnectionStatus_connectionStatusWithError__nckm2d4 {
+  color: red;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
+.InfoSection_container__1wtioi70 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ== */
+.GettingStarted_container__1fp07e10 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.GettingStarted_content__1fp07e12 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  gap: 20px;
+  padding: 40px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
+.WhatIsAWallet_container__1ktpkq90 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.WhatIsAWallet_content__1ktpkq92 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  gap: 20px;
+  padding: 40px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9 */
+.WalletList_container__1v2s6cz0 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMWRxcXRxczAgewogIHBhZGRpbmc6IDhweDsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkQ29udGFpbmVyX18xZHFxdHFzMSB7CiAgYmFja2dyb3VuZDogI0ZGRkZGRjsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV9idXR0b25Db250YWluZXJfXzFkcXF0cXMyIHsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldE5hbWVfXzFkcXF0cXMzIHsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEljb25fXzFkcXF0cXM0IHsKICB3aWR0aDogMjhweDsKICBoZWlnaHQ6IDI4cHg7CiAgYm9yZGVyLXJhZGl1czogNnB4OwogIGZsZXgtc2hyaW5rOiAwOwogIGJhY2tncm91bmQ6IHdoaXRlOwogIG9iamVjdC1maXQ6IGNvdmVyOwp9 */
+.WalletListItem_container__1dqqtqs0 {
+  padding: 8px;
+  border-radius: 8px;
+}
+.WalletListItem_selectedContainer__1dqqtqs1 {
+  background: #FFFFFF;
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
+}
+.WalletListItem_buttonContainer__1dqqtqs2 {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.WalletListItem_walletName__1dqqtqs3 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.WalletListItem_walletIcon__1dqqtqs4 {
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  flex-shrink: 0;
+  background: white;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+/*# sourceMappingURL=ConnectButton.css.map */

package/dist/esm/components/ConnectButton.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfdHJpZ2dlckJ1dHRvbl9fZGl2MnFsMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7CiAgcGFkZGluZy1sZWZ0OiAyNHB4OwogIHBhZGRpbmctcmlnaHQ6IDI0cHg7CiAgcGFkZGluZy10b3A6IDE2cHg7CiAgcGFkZGluZy1ib3R0b206IDE2cHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBib3gtc2hhZG93OiAwcHggNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIGNvbG9yOiAjMTgyNDM1Owp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVDb250ZW50X19kaXYycWwxIHsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgYm9yZGVyLXJhZGl1czogMTJweDsKICBtYXJnaW4tdG9wOiA0cHg7CiAgcGFkZGluZzogOHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDhweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zd2l0Y2hBY2NvdW50QnV0dG9uX19kaXYycWwyIHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X2Rpc2Nvbm5lY3RCdXR0b25fX2RpdjJxbDMgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfc2VwYXJhdG9yX19kaXYycWw0IHsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjNGNkY4Owp9", "vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VVXW/aMBR951dYmiq10tI5aYAQXtZ1Qpq0PU1aHysnviTegh3ZptBO/Pc5jgOEJMAQH/GNc3zuvedc7p8E55DqH4KS4kW8gizI28tL9h69zzD6O0IoIemfTIo1p14qCiFjJLOE3AYhepig8QP6hAJ8czc3O0uhmGaCx2jJtkCrEOMKdIxwdf3uMU5hG6NZ85qPdqP7FgHNdAHueN8eXxJKGc+8ApYGKCq33YdSwTVw7R4LBlhvcqZhgGYitBarGPmTCh+h+rBmJVmWHy378kCIMlWa0hnQAuy26tejTBqa9jBDY73i1Z3fa6XZ8s1zvGOkSpKCl4DeANgdVR+WhdjEKGeU1rFESArSk4SytTqwWTHu5VAzHOPX3MbIdh+LxofYhlGdx2iKcV8ZNznR39TjMykK0F/WpiLclfRhoKQfFtNFtIjmhzY1vE6xXxlsTEATxkE61NCi7uvGBYcWUoDLQyHNwaYafhdZQWGugf7qOWHcPqHuTEdypr0ZyFbCk6GEcRCFj1/rdmw9lRNa0TJEUWg+fmC+rDvwR+Te9771xqkIT7sZ1Lm21R6E7agT4mlYi/KghybYlvRVScd5pbvB1PHUn4VdqGprC2da+3bvMpIoI/06bUu1aaxLsleMaSEUtGCjM7B7zUxr5FZFTux7UvnKv+5Gj77xwl8EPVaxHvnOlH5qzZ7Z8cg6JFp51HkvCF3sP+ZFRsqm6eeJHGuf9Gn/mtkzzOO8EXuoPDOdV7786TzqqCV9xt+NPq+AMoJUKg0TRDhFt0eFm07M7L+zT16e/t0sDOu5veHgfIxv6oDVyrhZ1ZrcL7UkXC2FNEaylwXRcOuZ2x9R9W2tvetQujRJe6ZeF2R4ZPa0tfv4gC2vOvq8vC/8E1yC64r0TLeOJIevBj8ru97i7f4BS30qMAcJAAA=", "vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXROYW1lX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19jb25uZWN0aW9uU3RhdHVzV2l0aEVycm9yX19uY2ttMmQ0IHsKICBjb2xvcjogcmVkOwp9", "vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==", "vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ==", "vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0=", "vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9", "vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMWRxcXRxczAgewogIHBhZGRpbmc6IDhweDsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkQ29udGFpbmVyX18xZHFxdHFzMSB7CiAgYmFja2dyb3VuZDogI0ZGRkZGRjsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV9idXR0b25Db250YWluZXJfXzFkcXF0cXMyIHsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldE5hbWVfXzFkcXF0cXMzIHsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEljb25fXzFkcXF0cXM0IHsKICB3aWR0aDogMjhweDsKICBoZWlnaHQ6IDI4cHg7CiAgYm9yZGVyLXJhZGl1czogNnB4OwogIGZsZXgtc2hyaW5rOiAwOwogIGJhY2tncm91bmQ6IHdoaXRlOwogIG9iamVjdC1maXQ6IGNvdmVyOwp9"],
+  "sourcesContent": [".AccountDropdownMenu_triggerButton__div2ql0 {\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n  border-radius: 12px;\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  background-color: white;\n  color: #182435;\n}\n.AccountDropdownMenu_menuContent__div2ql1 {\n  width: 180px;\n  max-height: 200px;\n  border-radius: 12px;\n  margin-top: 4px;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  background-color: white;\n}\n.AccountDropdownMenu_switchAccountButton__div2ql2 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.AccountDropdownMenu_disconnectButton__div2ql3 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.AccountDropdownMenu_separator__div2ql4 {\n  height: 1px;\n  background-color: #F3F6F8;\n}", ".ConnectModal_overlay__gz8z90 {\n  background-color: rgba(24 36 53 / 20%);\n  position: fixed;\n  inset: 0;\n  z-index: 999999999;\n}\n.ConnectModal_title__gz8z91 {\n  padding-left: 8px;\n}\n.ConnectModal_content__gz8z92 {\n  background-color: white;\n  position: fixed;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  z-index: 999999999;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n  border-radius: 16px;\n  min-height: 50vh;\n  max-height: 85vh;\n  max-width: 700px;\n}\n.ConnectModal_whatIsAWalletButton__gz8z93 {\n  background-color: #F7F8F8;\n  padding: 16px;\n}\n.ConnectModal_viewContainer__gz8z94 {\n  display: none;\n  padding: 20px;\n  flex-grow: 1;\n}\n.ConnectModal_selectedViewContainer__gz8z95 {\n  display: flex;\n}\n.ConnectModal_triggerButton__gz8z96 {\n  background-color: #0284AD;\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  color: white;\n  border-radius: 12px;\n  padding-left: 24px;\n  padding-right: 24px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n.ConnectModal_triggerButton__gz8z96:hover {\n  background-color: #007194;\n}\n.ConnectModal_backButton__gz8z97 {\n  position: absolute;\n  top: 20px;\n  left: 20px;\n}\n.ConnectModal_closeButton__gz8z98 {\n  position: absolute;\n  padding: 7px;\n  top: 16px;\n  right: 16px;\n  border-radius: 9999px;\n  background-color: #F0F1F2;\n}\n.ConnectModal_walletListContent__gz8z99 {\n  padding: 20px;\n  min-width: 240px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.ConnectModal_walletListContainer__gz8z9a {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  flex-grow: 1;\n}\n.ConnectModal_walletListContainerWithViewSelected__gz8z9b {\n  display: none;\n}\n@media screen and (min-width: 768px) {\n  .ConnectModal_content__gz8z92 {\n    flex-direction: row;\n    width: 100%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n  .ConnectModal_whatIsAWalletButton__gz8z93 {\n    display: none;\n  }\n  .ConnectModal_viewContainer__gz8z94 {\n    display: flex;\n  }\n  .ConnectModal_backButton__gz8z97 {\n    display: none;\n  }\n  .ConnectModal_walletListContent__gz8z99 {\n    background-color: #F7F8F8;\n  }\n  .ConnectModal_walletListContainer__gz8z9a {\n    flex-direction: row;\n    flex-grow: 0;\n  }\n  .ConnectModal_walletListContainerWithViewSelected__gz8z9b {\n    display: flex;\n  }\n}", ".ConnectionStatus_container__nckm2d0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n.ConnectionStatus_walletIcon__nckm2d1 {\n  background-color: white;\n  -o-object-fit: cover;\n     object-fit: cover;\n  width: 72px;\n  height: 72px;\n  border-radius: 16px;\n}\n.ConnectionStatus_walletName__nckm2d2 {\n  margin-top: 12px;\n}\n.ConnectionStatus_connectionStatus__nckm2d3 {\n  margin-top: 4px;\n}\n.ConnectionStatus_connectionStatusWithError__nckm2d4 {\n  color: red;\n}", ".InfoSection_container__1wtioi70 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}", ".GettingStarted_container__1fp07e10 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.GettingStarted_content__1fp07e12 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  gap: 20px;\n  padding: 40px;\n}", ".WhatIsAWallet_container__1ktpkq90 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.WhatIsAWallet_content__1ktpkq92 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  gap: 20px;\n  padding: 40px;\n}", ".WalletList_container__1v2s6cz0 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}", ".WalletListItem_container__1dqqtqs0 {\n  padding: 8px;\n  border-radius: 8px;\n}\n.WalletListItem_selectedContainer__1dqqtqs1 {\n  background: #FFFFFF;\n  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);\n}\n.WalletListItem_buttonContainer__1dqqtqs2 {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.WalletListItem_walletName__1dqqtqs3 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.WalletListItem_walletIcon__1dqqtqs4 {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  flex-shrink: 0;\n  background: white;\n  -o-object-fit: cover;\n     object-fit: cover;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;;;ACrCF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAAA;;;ACxGJ;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACG;AACH;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;;;ACtBF;AACE;AACA;AACA;AAAA;;;ACHF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACXF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACXF;AACE;AACA;AACA;AAAA;;;ACHF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACG;AAAA;",
+  "names": []
+}

package/dist/esm/components/ConnectButton.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+type ConnectButtonProps = {
+    connectText?: ReactNode;
+};
+export declare function ConnectButton({ connectText }: ConnectButtonProps): import("react/jsx-runtime.js").JSX.Element;
+export {};