@iota/dapp-kit 0.0.0-experimental-20250610130929

package/dist/cjs/walletStore.js

@@ -0,0 +1,127 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/walletStore.ts
+var walletStore_exports = {};
+__export(walletStore_exports, {
+  createWalletStore: () => createWalletStore
+});
+module.exports = __toCommonJS(walletStore_exports);
+var import_zustand = require("zustand");
+var import_middleware = require("zustand/middleware");
+
+// src/utils/walletUtils.ts
+var import_wallet_standard = require("@iota/wallet-standard");
+function getWalletUniqueIdentifier(wallet) {
+  return wallet?.id ?? wallet?.name;
+}
+
+// src/walletStore.ts
+function createWalletStore({
+  wallets,
+  storage,
+  storageKey,
+  autoConnectEnabled
+}) {
+  return (0, import_zustand.createStore)()(
+    (0, import_middleware.persist)(
+      (set, get) => ({
+        autoConnectEnabled,
+        wallets,
+        accounts: [],
+        currentWallet: null,
+        currentAccount: null,
+        lastConnectedAccountAddress: null,
+        lastConnectedWalletName: null,
+        connectionStatus: "disconnected",
+        supportedIntents: [],
+        setConnectionStatus(connectionStatus) {
+          set(() => ({
+            connectionStatus
+          }));
+        },
+        setWalletConnected(wallet, connectedAccounts, selectedAccount, supportedIntents = []) {
+          set(() => ({
+            accounts: connectedAccounts,
+            currentWallet: wallet,
+            currentAccount: selectedAccount,
+            lastConnectedWalletName: getWalletUniqueIdentifier(wallet),
+            lastConnectedAccountAddress: selectedAccount?.address,
+            connectionStatus: "connected",
+            supportedIntents
+          }));
+        },
+        setWalletDisconnected() {
+          set(() => ({
+            accounts: [],
+            currentWallet: null,
+            currentAccount: null,
+            lastConnectedWalletName: null,
+            lastConnectedAccountAddress: null,
+            connectionStatus: "disconnected",
+            supportedIntents: []
+          }));
+        },
+        setAccountSwitched(selectedAccount) {
+          set(() => ({
+            currentAccount: selectedAccount,
+            lastConnectedAccountAddress: selectedAccount.address
+          }));
+        },
+        setWalletRegistered(updatedWallets) {
+          set(() => ({ wallets: updatedWallets }));
+        },
+        setWalletUnregistered(updatedWallets, unregisteredWallet) {
+          if (unregisteredWallet === get().currentWallet) {
+            set(() => ({
+              wallets: updatedWallets,
+              accounts: [],
+              currentWallet: null,
+              currentAccount: null,
+              lastConnectedWalletName: null,
+              lastConnectedAccountAddress: null,
+              connectionStatus: "disconnected",
+              supportedIntents: []
+            }));
+          } else {
+            set(() => ({ wallets: updatedWallets }));
+          }
+        },
+        updateWalletAccounts(accounts) {
+          const currentAccount = get().currentAccount;
+          set(() => ({
+            accounts,
+            currentAccount: currentAccount && accounts.find(
+              ({ address }) => address === currentAccount.address
+            ) || accounts[0]
+          }));
+        }
+      }),
+      {
+        name: storageKey,
+        storage: (0, import_middleware.createJSONStorage)(() => storage),
+        partialize: ({ lastConnectedWalletName, lastConnectedAccountAddress }) => ({
+          lastConnectedWalletName,
+          lastConnectedAccountAddress
+        })
+      }
+    )
+  );
+}
+//# sourceMappingURL=walletStore.js.map

package/dist/cjs/walletStore.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/walletStore.ts", "../../src/utils/walletUtils.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { Wallet, WalletAccount, WalletWithRequiredFeatures } from '@iota/wallet-standard';\nimport { createStore } from 'zustand';\nimport type { StateStorage } from 'zustand/middleware';\nimport { createJSONStorage, persist } from 'zustand/middleware';\n\nimport { getWalletUniqueIdentifier } from './utils/walletUtils.js';\n\ntype WalletConnectionStatus = 'disconnected' | 'connecting' | 'connected';\n\nexport type WalletActions = {\n    setAccountSwitched: (selectedAccount: WalletAccount) => void;\n    setConnectionStatus: (connectionStatus: WalletConnectionStatus) => void;\n    setWalletConnected: (\n        wallet: WalletWithRequiredFeatures,\n        connectedAccounts: readonly WalletAccount[],\n        selectedAccount: WalletAccount | null,\n        supportedIntents?: string[],\n    ) => void;\n    updateWalletAccounts: (accounts: readonly WalletAccount[]) => void;\n    setWalletDisconnected: () => void;\n    setWalletRegistered: (updatedWallets: WalletWithRequiredFeatures[]) => void;\n    setWalletUnregistered: (\n        updatedWallets: WalletWithRequiredFeatures[],\n        unregisteredWallet: Wallet,\n    ) => void;\n};\n\nexport type WalletStore = ReturnType<typeof createWalletStore>;\n\nexport type StoreState = {\n    autoConnectEnabled: boolean;\n    wallets: WalletWithRequiredFeatures[];\n    accounts: readonly WalletAccount[];\n    currentWallet: WalletWithRequiredFeatures | null;\n    currentAccount: WalletAccount | null;\n    lastConnectedAccountAddress: string | null;\n    lastConnectedWalletName: string | null;\n    connectionStatus: WalletConnectionStatus;\n    supportedIntents: string[];\n} & WalletActions;\n\ntype WalletConfiguration = {\n    autoConnectEnabled: boolean;\n    wallets: WalletWithRequiredFeatures[];\n    storage: StateStorage;\n    storageKey: string;\n};\n\nexport function createWalletStore({\n    wallets,\n    storage,\n    storageKey,\n    autoConnectEnabled,\n}: WalletConfiguration) {\n    return createStore<StoreState>()(\n        persist(\n            (set, get) => ({\n                autoConnectEnabled,\n                wallets,\n                accounts: [] as WalletAccount[],\n                currentWallet: null,\n                currentAccount: null,\n                lastConnectedAccountAddress: null,\n                lastConnectedWalletName: null,\n                connectionStatus: 'disconnected',\n                supportedIntents: [],\n                setConnectionStatus(connectionStatus) {\n                    set(() => ({\n                        connectionStatus,\n                    }));\n                },\n                setWalletConnected(\n                    wallet,\n                    connectedAccounts,\n                    selectedAccount,\n                    supportedIntents = [],\n                ) {\n                    set(() => ({\n                        accounts: connectedAccounts,\n                        currentWallet: wallet,\n                        currentAccount: selectedAccount,\n                        lastConnectedWalletName: getWalletUniqueIdentifier(wallet),\n                        lastConnectedAccountAddress: selectedAccount?.address,\n                        connectionStatus: 'connected',\n                        supportedIntents,\n                    }));\n                },\n                setWalletDisconnected() {\n                    set(() => ({\n                        accounts: [],\n                        currentWallet: null,\n                        currentAccount: null,\n                        lastConnectedWalletName: null,\n                        lastConnectedAccountAddress: null,\n                        connectionStatus: 'disconnected',\n                        supportedIntents: [],\n                    }));\n                },\n                setAccountSwitched(selectedAccount) {\n                    set(() => ({\n                        currentAccount: selectedAccount,\n                        lastConnectedAccountAddress: selectedAccount.address,\n                    }));\n                },\n                setWalletRegistered(updatedWallets) {\n                    set(() => ({ wallets: updatedWallets }));\n                },\n                setWalletUnregistered(updatedWallets, unregisteredWallet) {\n                    if (unregisteredWallet === get().currentWallet) {\n                        set(() => ({\n                            wallets: updatedWallets,\n                            accounts: [],\n                            currentWallet: null,\n                            currentAccount: null,\n                            lastConnectedWalletName: null,\n                            lastConnectedAccountAddress: null,\n                            connectionStatus: 'disconnected',\n                            supportedIntents: [],\n                        }));\n                    } else {\n                        set(() => ({ wallets: updatedWallets }));\n                    }\n                },\n                updateWalletAccounts(accounts) {\n                    const currentAccount = get().currentAccount;\n\n                    set(() => ({\n                        accounts,\n                        currentAccount:\n                            (currentAccount &&\n                                accounts.find(\n                                    ({ address }) => address === currentAccount.address,\n                                )) ||\n                            accounts[0],\n                    }));\n                },\n            }),\n            {\n                name: storageKey,\n                storage: createJSONStorage(() => storage),\n                partialize: ({ lastConnectedWalletName, lastConnectedAccountAddress }) => ({\n                    lastConnectedWalletName,\n                    lastConnectedAccountAddress,\n                }),\n            },\n        ),\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n    MinimallyRequiredFeatures,\n    Wallet,\n    WalletWithFeatures,\n    WalletWithRequiredFeatures,\n} from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n    preferredWallets: string[],\n    walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean,\n) {\n    const walletsApi = getWallets();\n    const wallets = walletsApi.get();\n\n    const iotaWallets = wallets.filter(\n        (wallet): wallet is WalletWithFeatures<MinimallyRequiredFeatures & AdditionalFeatures> =>\n            isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet)),\n    );\n\n    return [\n        // Preferred wallets, in order:\n        ...(preferredWallets\n            .map((name) => iotaWallets.find((wallet) => wallet.name === name))\n            .filter(Boolean) as WalletWithFeatures<\n            MinimallyRequiredFeatures & AdditionalFeatures\n        >[]),\n\n        // Wallets in default order:\n        ...iotaWallets.filter((wallet) => !preferredWallets.includes(wallet.name)),\n    ];\n}\n\nexport function getWalletUniqueIdentifier(wallet?: Wallet) {\n    return wallet?.id ?? wallet?.name;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,qBAA4B;AAE5B,wBAA2C;;;ACG3C,6BAA2D;AA2BpD,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;;;ADaO,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAwB;AACpB,aAAO,4BAAwB;AAAA,QAC3B;AAAA,MACI,CAAC,KAAK,SAAS;AAAA,QACX;AAAA,QACA;AAAA,QACA,UAAU,CAAC;AAAA,QACX,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,6BAA6B;AAAA,QAC7B,yBAAyB;AAAA,QACzB,kBAAkB;AAAA,QAClB,kBAAkB,CAAC;AAAA,QACnB,oBAAoB,kBAAkB;AAClC,cAAI,OAAO;AAAA,YACP;AAAA,UACJ,EAAE;AAAA,QACN;AAAA,QACA,mBACI,QACA,mBACA,iBACA,mBAAmB,CAAC,GACtB;AACE,cAAI,OAAO;AAAA,YACP,UAAU;AAAA,YACV,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB,0BAA0B,MAAM;AAAA,YACzD,6BAA6B,iBAAiB;AAAA,YAC9C,kBAAkB;AAAA,YAClB;AAAA,UACJ,EAAE;AAAA,QACN;AAAA,QACA,wBAAwB;AACpB,cAAI,OAAO;AAAA,YACP,UAAU,CAAC;AAAA,YACX,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB;AAAA,YACzB,6BAA6B;AAAA,YAC7B,kBAAkB;AAAA,YAClB,kBAAkB,CAAC;AAAA,UACvB,EAAE;AAAA,QACN;AAAA,QACA,mBAAmB,iBAAiB;AAChC,cAAI,OAAO;AAAA,YACP,gBAAgB;AAAA,YAChB,6BAA6B,gBAAgB;AAAA,UACjD,EAAE;AAAA,QACN;AAAA,QACA,oBAAoB,gBAAgB;AAChC,cAAI,OAAO,EAAE,SAAS,eAAe,EAAE;AAAA,QAC3C;AAAA,QACA,sBAAsB,gBAAgB,oBAAoB;AACtD,cAAI,uBAAuB,IAAI,EAAE,eAAe;AAC5C,gBAAI,OAAO;AAAA,cACP,SAAS;AAAA,cACT,UAAU,CAAC;AAAA,cACX,eAAe;AAAA,cACf,gBAAgB;AAAA,cAChB,yBAAyB;AAAA,cACzB,6BAA6B;AAAA,cAC7B,kBAAkB;AAAA,cAClB,kBAAkB,CAAC;AAAA,YACvB,EAAE;AAAA,UACN,OAAO;AACH,gBAAI,OAAO,EAAE,SAAS,eAAe,EAAE;AAAA,UAC3C;AAAA,QACJ;AAAA,QACA,qBAAqB,UAAU;AAC3B,gBAAM,iBAAiB,IAAI,EAAE;AAE7B,cAAI,OAAO;AAAA,YACP;AAAA,YACA,gBACK,kBACG,SAAS;AAAA,cACL,CAAC,EAAE,QAAQ,MAAM,YAAY,eAAe;AAAA,YAChD,KACJ,SAAS,CAAC;AAAA,UAClB,EAAE;AAAA,QACN;AAAA,MACJ;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,aAAS,qCAAkB,MAAM,OAAO;AAAA,QACxC,YAAY,CAAC,EAAE,yBAAyB,4BAA4B,OAAO;AAAA,UACvE;AAAA,UACA;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;",
+  "names": []
+}

package/dist/esm/components/AccountDropdownMenu.css

@@ -0,0 +1,183 @@
+/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW/bMBDd/Ss4NgMDqXGLlJmSdOmQqWNRGDR5plhTdwR5jOQW/e+FGH/BidMG1ULg3ed773R5awwV5M+JoqUBHwDLwhAiGAa7DS4W7di4Pq4a8WsmhNNRies43sx+zy5fqu8Byz0ha4+Q9sVtLf4pPVoYlfi0+/7aBo42eF+bWJ9j0BslVgHGm5mor7Q+gWFPqIShUHqcIoO33CnRXjexZvZ6lB1417ESV80eTM6jZIpKzJ+gqK316LZEj0kLsaRkIcmkrS9ZiUed3klpdYxy7bnCXgadHFzUbG3WLlFBKw0FSs8KDgn3UzxLe6TCxVl5skkUgl4GOBXpqopEj5BWgQa5UUIXprPsq3gu0aBE+6oZXxj6/ZB5HXIq0675fNu7ZEgyQwDDSiAhTCAVDh7hADzzUwfvUHqGPithABnSW4X/Zx7frGYtO++6MO0O9ntl9nbbYvK9Tpu7wkz4im+DZ9NtIw+n63x4+cB/lMx+tZHmyWolctQG5BJ4AMCzkp1bAaJOmunwc36sY3futUeHkbvkca1E8/+3/HU3dhLnD4QDgFt6BAAA */
+[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0,
+[data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {
+  gap: 8px;
+}
+[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1,
+[data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {
+  z-index: 999999999;
+}
+[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2,
+[data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {
+  display: flex;
+  flex-direction: column;
+  width: 180px;
+  max-height: 300px;
+  margin-top: 4px;
+  padding: 8px;
+  gap: 8px;
+  border-radius: var(--dapp-kit-radii-large);
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
+}
+[data-dapp-kit].AccountDropdownMenu_scrollableContent__1x0gmpf3,
+[data-dapp-kit] .AccountDropdownMenu_scrollableContent__1x0gmpf3 {
+  overflow-y: auto;
+  max-height: 300px;
+  flex-grow: 1;
+}
+[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4,
+[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {
+  padding: 8px;
+  height: 40px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  outline: none;
+  display: flex;
+  align-items: center;
+  border-radius: var(--dapp-kit-radii-large);
+}
+[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4[data-highlighted],
+[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4[data-highlighted] {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+}
+[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5,
+[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6,
+[data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {
+  height: 1px;
+  flex-shrink: 0;
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
+}
+
+/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
+[data-dapp-kit]:where(*),
+[data-dapp-kit] :where(*) {
+  box-sizing: border-box;
+  color: var(--dapp-kit-colors-body);
+  font-family: var(--dapp-kit-typography-fontFamily);
+  font-size: var(--dapp-kit-fontWeights-normal);
+  font-style: var(--dapp-kit-typography-fontStyle);
+  font-weight: var(--dapp-kit-fontWeights-normal);
+  line-height: var(--dapp-kit-typography-lineHeight);
+  letter-spacing: var(--dapp-kit-typography-letterSpacing);
+}
+[data-dapp-kit]:where(button),
+[data-dapp-kit] :where(button) {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: transparent;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+[data-dapp-kit]:where(a),
+[data-dapp-kit] :where(a) {
+  text-decoration: none;
+  color: inherit;
+  outline: none;
+}
+[data-dapp-kit]:where(ol, ul),
+[data-dapp-kit] :where(ol, ul) {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6),
+[data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {
+  font-size: inherit;
+  font-weight: inherit;
+  margin: 0;
+}
+
+/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA== */
+[data-dapp-kit].Button_buttonVariants__ctbx2n0,
+[data-dapp-kit] .Button_buttonVariants__ctbx2n0 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: var(--dapp-kit-fontWeights-medium);
+}
+[data-dapp-kit].Button_buttonVariants__ctbx2n0:disabled,
+[data-dapp-kit] .Button_buttonVariants__ctbx2n0:disabled {
+  opacity: 0.5;
+}
+[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1,
+[data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+  color: var(--dapp-kit-colors-primaryButton);
+}
+[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover,
+[data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {
+  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
+}
+[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2,
+[data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2 {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--dapp-kit-borderColors-outlineButton);
+  color: var(--dapp-kit-colors-primaryButton);
+}
+[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover,
+[data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {
+  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
+}
+[data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3,
+[data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {
+  border-radius: var(--dapp-kit-radii-full);
+  padding: 8px 16px;
+}
+[data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4,
+[data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {
+  border-radius: var(--dapp-kit-radii-full);
+  padding: 16px 24px;
+}
+
+/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
+[data-dapp-kit].Text_textVariants_size_sm__aprhbd1,
+[data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {
+  font-size: var(--dapp-kit-fontSizes-small);
+}
+[data-dapp-kit].Text_textVariants_weight_normal__aprhbd2,
+[data-dapp-kit] .Text_textVariants_weight_normal__aprhbd2 {
+  font-weight: var(--dapp-kit-fontWeights-normal);
+}
+[data-dapp-kit].Text_textVariants_weight_medium__aprhbd3,
+[data-dapp-kit] .Text_textVariants_weight_medium__aprhbd3 {
+  font-weight: var(--dapp-kit-fontWeights-medium);
+}
+[data-dapp-kit].Text_textVariants_weight_bold__aprhbd4,
+[data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {
+  font-weight: var(--dapp-kit-fontWeights-bold);
+}
+[data-dapp-kit].Text_textVariants_color_muted__aprhbd5,
+[data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {
+  color: var(--dapp-kit-colors-bodyMuted);
+}
+[data-dapp-kit].Text_textVariants_color_danger__aprhbd6,
+[data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {
+  color: var(--dapp-kit-colors-bodyDanger);
+}
+[data-dapp-kit].Text_textVariants_mono_true__aprhbd7,
+[data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+/*# sourceMappingURL=AccountDropdownMenu.css.map */

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

@@ -0,0 +1,56 @@
+/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW/bMBDd/Ss4NgMDqXGLlJmSdOmQqWNRGDR5plhTdwR5jOQW/e+FGH/BidMG1ULg3ed773R5awwV5M+JoqUBHwDLwhAiGAa7DS4W7di4Pq4a8WsmhNNRies43sx+zy5fqu8Byz0ha4+Q9sVtLf4pPVoYlfi0+/7aBo42eF+bWJ9j0BslVgHGm5mor7Q+gWFPqIShUHqcIoO33CnRXjexZvZ6lB1417ESV80eTM6jZIpKzJ+gqK316LZEj0kLsaRkIcmkrS9ZiUed3klpdYxy7bnCXgadHFzUbG3WLlFBKw0FSs8KDgn3UzxLe6TCxVl5skkUgl4GOBXpqopEj5BWgQa5UUIXprPsq3gu0aBE+6oZXxj6/ZB5HXIq0675fNu7ZEgyQwDDSiAhTCAVDh7hADzzUwfvUHqGPithABnSW4X/Zx7frGYtO++6MO0O9ntl9nbbYvK9Tpu7wkz4im+DZ9NtIw+n63x4+cB/lMx+tZHmyWolctQG5BJ4AMCzkp1bAaJOmunwc36sY3futUeHkbvkca1E8/+3/HU3dhLnD4QDgFt6BAAA */
+[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0,
+[data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {
+  gap: 8px;
+}
+[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1,
+[data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {
+  z-index: 999999999;
+}
+[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2,
+[data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {
+  display: flex;
+  flex-direction: column;
+  width: 180px;
+  max-height: 300px;
+  margin-top: 4px;
+  padding: 8px;
+  gap: 8px;
+  border-radius: var(--dapp-kit-radii-large);
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
+}
+[data-dapp-kit].AccountDropdownMenu_scrollableContent__1x0gmpf3,
+[data-dapp-kit] .AccountDropdownMenu_scrollableContent__1x0gmpf3 {
+  overflow-y: auto;
+  max-height: 300px;
+  flex-grow: 1;
+}
+[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4,
+[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {
+  padding: 8px;
+  height: 40px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  outline: none;
+  display: flex;
+  align-items: center;
+  border-radius: var(--dapp-kit-radii-large);
+}
+[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4[data-highlighted],
+[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4[data-highlighted] {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+}
+[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5,
+[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6,
+[data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {
+  height: 1px;
+  flex-shrink: 0;
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
+}
+/*# 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=#H4sIAAAAAAAAA6VTPW/bMBDd/Ss4NgMDqXGLlJmSdOmQqWNRGDR5plhTdwR5jOQW/e+FGH/BidMG1ULg3ed773R5awwV5M+JoqUBHwDLwhAiGAa7DS4W7di4Pq4a8WsmhNNRies43sx+zy5fqu8Byz0ha4+Q9sVtLf4pPVoYlfi0+/7aBo42eF+bWJ9j0BslVgHGm5mor7Q+gWFPqIShUHqcIoO33CnRXjexZvZ6lB1417ESV80eTM6jZIpKzJ+gqK316LZEj0kLsaRkIcmkrS9ZiUed3klpdYxy7bnCXgadHFzUbG3WLlFBKw0FSs8KDgn3UzxLe6TCxVl5skkUgl4GOBXpqopEj5BWgQa5UUIXprPsq3gu0aBE+6oZXxj6/ZB5HXIq0675fNu7ZEgyQwDDSiAhTCAVDh7hADzzUwfvUHqGPithABnSW4X/Zx7frGYtO++6MO0O9ntl9nbbYvK9Tpu7wkz4im+DZ9NtIw+n63x4+cB/lMx+tZHmyWolctQG5BJ4AMCzkp1bAaJOmunwc36sY3futUeHkbvkca1E8/+3/HU3dhLnD4QDgFt6BAAA"],
+  "sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n  gap: 8px;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {\n  z-index: 999999999;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2, [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {\n  display: flex;\n  flex-direction: column;\n  width: 180px;\n  max-height: 300px;\n  margin-top: 4px;\n  padding: 8px;\n  gap: 8px;\n  border-radius: var(--dapp-kit-radii-large);\n  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);\n}\n[data-dapp-kit].AccountDropdownMenu_scrollableContent__1x0gmpf3, [data-dapp-kit] .AccountDropdownMenu_scrollableContent__1x0gmpf3 {\n  overflow-y: auto;\n  max-height: 300px;\n  flex-grow: 1;\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {\n  padding: 8px;\n  height: 40px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  outline: none;\n  display: flex;\n  align-items: center;\n  border-radius: var(--dapp-kit-radii-large);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4[data-highlighted], [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4[data-highlighted] {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n}\n[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5, [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6, [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {\n  height: 1px;\n  flex-shrink: 0;\n  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n}"],
+  "mappings": ";AAAA,CAAC,cAAc,CAAC;AAAgD,CAAC,eAAe,CAAhE;AACd,OAAK;AACP;AACA,CAAC,cAAc,CAAC;AAA6C,CAAC,eAAe,CAA7D;AACd,WAAS;AACX;AACA,CAAC,cAAc,CAAC;AAA2C,CAAC,eAAe,CAA3D;AACd,WAAS;AACT,kBAAgB;AAChB,SAAO;AACP,cAAY;AACZ,cAAY;AACZ,WAAS;AACT,OAAK;AACL,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAiD,CAAC,eAAe,CAAjE;AACd,cAAY;AACZ,cAAY;AACZ,aAAW;AACb;AACA,CAAC,cAAc,CAAC;AAAwC,CAAC,eAAe,CAAxD;AACd,WAAS;AACT,UAAQ;AACR,uBAAqB;AAClB,oBAAkB;AACb,eAAa;AACrB,WAAS;AACT,WAAS;AACT,eAAa;AACb,iBAAe,IAAI;AACrB;AACA,CAAC,cAAc,CAXC,sCAWsC,CAAC;AAAmB,CAAC,eAAe,CAX1E,sCAWiH,CAAC;AAChI,oBAAkB,IAAI;AACxB;AACA,CAAC,cAAc,CAAC;AAAqD,CAAC,eAAe,CAArE;AACd,WAAS;AACT,mBAAiB;AACjB,eAAa;AACf;AACA,CAAC,cAAc,CAAC;AAAyC,CAAC,eAAe,CAAzD;AACd,UAAQ;AACR,eAAa;AACb,oBAAkB,IAAI;AACxB;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+export declare const connectedAccount: string;
+export declare const menuContainer: string;
+export declare const menuContent: string;
+export declare const scrollableContent: string;
+export declare const menuItem: string;
+export declare const switchAccountMenuItem: string;
+export declare const separator: string;

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

@@ -0,0 +1,18 @@
+// src/components/AccountDropdownMenu.css.ts
+var connectedAccount = "AccountDropdownMenu_connectedAccount__1x0gmpf0";
+var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf1";
+var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf2";
+var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf4";
+var scrollableContent = "AccountDropdownMenu_scrollableContent__1x0gmpf3";
+var separator = "AccountDropdownMenu_separator__1x0gmpf6";
+var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5";
+export {
+  connectedAccount,
+  menuContainer,
+  menuContent,
+  menuItem,
+  scrollableContent,
+  separator,
+  switchAccountMenuItem
+};
+//# 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=#H4sIAAAAAAAAA6VTPW/bMBDd/Ss4NgMDqXGLlJmSdOmQqWNRGDR5plhTdwR5jOQW/e+FGH/BidMG1ULg3ed773R5awwV5M+JoqUBHwDLwhAiGAa7DS4W7di4Pq4a8WsmhNNRies43sx+zy5fqu8Byz0ha4+Q9sVtLf4pPVoYlfi0+/7aBo42eF+bWJ9j0BslVgHGm5mor7Q+gWFPqIShUHqcIoO33CnRXjexZvZ6lB1417ESV80eTM6jZIpKzJ+gqK316LZEj0kLsaRkIcmkrS9ZiUed3klpdYxy7bnCXgadHFzUbG3WLlFBKw0FSs8KDgn3UzxLe6TCxVl5skkUgl4GOBXpqopEj5BWgQa5UUIXprPsq3gu0aBE+6oZXxj6/ZB5HXIq0675fNu7ZEgyQwDDSiAhTCAVDh7hADzzUwfvUHqGPithABnSW4X/Zx7frGYtO++6MO0O9ntl9nbbYvK9Tpu7wkz4im+DZ9NtIw+n63x4+cB/lMx+tZHmyWolctQG5BJ4AMCzkp1bAaJOmunwc36sY3futUeHkbvkca1E8/+3/HU3dhLnD4QDgFt6BAAA';\nexport var connectedAccount = 'AccountDropdownMenu_connectedAccount__1x0gmpf0';\nexport var menuContainer = 'AccountDropdownMenu_menuContainer__1x0gmpf1';\nexport var menuContent = 'AccountDropdownMenu_menuContent__1x0gmpf2';\nexport var menuItem = 'AccountDropdownMenu_menuItem__1x0gmpf4';\nexport var scrollableContent = 'AccountDropdownMenu_scrollableContent__1x0gmpf3';\nexport var separator = 'AccountDropdownMenu_separator__1x0gmpf6';\nexport var switchAccountMenuItem = 'AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5';"],
+  "mappings": ";AACO,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,oBAAoB;AACxB,IAAI,YAAY;AAChB,IAAI,wBAAwB;",
+  "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=#H4sIAAAAAAAAA6VTPW/bMBDd/Ss4NgMDqXGLlJmSdOmQqWNRGDR5plhTdwR5jOQW/e+FGH/BidMG1ULg3ed773R5awwV5M+JoqUBHwDLwhAiGAa7DS4W7di4Pq4a8WsmhNNRies43sx+zy5fqu8Byz0ha4+Q9sVtLf4pPVoYlfi0+/7aBo42eF+bWJ9j0BslVgHGm5mor7Q+gWFPqIShUHqcIoO33CnRXjexZvZ6lB1417ESV80eTM6jZIpKzJ+gqK316LZEj0kLsaRkIcmkrS9ZiUed3klpdYxy7bnCXgadHFzUbG3WLlFBKw0FSs8KDgn3UzxLe6TCxVl5skkUgl4GOBXpqopEj5BWgQa5UUIXprPsq3gu0aBE+6oZXxj6/ZB5HXIq0675fNu7ZEgyQwDDSiAhTCAVDh7hADzzUwfvUHqGPithABnSW4X/Zx7frGYtO++6MO0O9ntl9nbbYvK9Tpu7wkz4im+DZ9NtIw+n63x4+cB/lMx+tZHmyWolctQG5BJ4AMCzkp1bAaJOmunwc36sY3futUeHkbvkca1E8/+3/HU3dhLnD4QDgFt6BAAA", "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9", "vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA==", "vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9"],
+  "sourcesContent": ["[data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {\n  gap: 8px;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {\n  z-index: 999999999;\n}\n[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2, [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {\n  display: flex;\n  flex-direction: column;\n  width: 180px;\n  max-height: 300px;\n  margin-top: 4px;\n  padding: 8px;\n  gap: 8px;\n  border-radius: var(--dapp-kit-radii-large);\n  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);\n}\n[data-dapp-kit].AccountDropdownMenu_scrollableContent__1x0gmpf3, [data-dapp-kit] .AccountDropdownMenu_scrollableContent__1x0gmpf3 {\n  overflow-y: auto;\n  max-height: 300px;\n  flex-grow: 1;\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {\n  padding: 8px;\n  height: 40px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  outline: none;\n  display: flex;\n  align-items: center;\n  border-radius: var(--dapp-kit-radii-large);\n}\n[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4[data-highlighted], [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4[data-highlighted] {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n}\n[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5, [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6, [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {\n  height: 1px;\n  flex-shrink: 0;\n  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n}", "[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n  box-sizing: border-box;\n  color: var(--dapp-kit-colors-body);\n  font-family: var(--dapp-kit-typography-fontFamily);\n  font-size: var(--dapp-kit-fontWeights-normal);\n  font-style: var(--dapp-kit-typography-fontStyle);\n  font-weight: var(--dapp-kit-fontWeights-normal);\n  line-height: var(--dapp-kit-typography-lineHeight);\n  letter-spacing: var(--dapp-kit-typography-letterSpacing);\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n  text-decoration: none;\n  color: inherit;\n  outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}", "[data-dapp-kit].Button_buttonVariants__ctbx2n0, [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Button_buttonVariants__ctbx2n0:disabled, [data-dapp-kit] .Button_buttonVariants__ctbx2n0:disabled {\n  opacity: 0.5;\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n  color: var(--dapp-kit-colors-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover, [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {\n  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2 {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--dapp-kit-borderColors-outlineButton);\n  color: var(--dapp-kit-colors-primaryButton);\n}\n[data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover, [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {\n  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);\n}\n[data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3, [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {\n  border-radius: var(--dapp-kit-radii-full);\n  padding: 8px 16px;\n}\n[data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4, [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {\n  border-radius: var(--dapp-kit-radii-full);\n  padding: 16px 24px ;\n}", "[data-dapp-kit].Text_textVariants_size_sm__aprhbd1, [data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {\n  font-size: var(--dapp-kit-fontSizes-small);\n}\n[data-dapp-kit].Text_textVariants_weight_normal__aprhbd2, [data-dapp-kit] .Text_textVariants_weight_normal__aprhbd2 {\n  font-weight: var(--dapp-kit-fontWeights-normal);\n}\n[data-dapp-kit].Text_textVariants_weight_medium__aprhbd3, [data-dapp-kit] .Text_textVariants_weight_medium__aprhbd3 {\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n[data-dapp-kit].Text_textVariants_weight_bold__aprhbd4, [data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {\n  font-weight: var(--dapp-kit-fontWeights-bold);\n}\n[data-dapp-kit].Text_textVariants_color_muted__aprhbd5, [data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {\n  color: var(--dapp-kit-colors-bodyMuted);\n}\n[data-dapp-kit].Text_textVariants_color_danger__aprhbd6, [data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {\n  color: var(--dapp-kit-colors-bodyDanger);\n}\n[data-dapp-kit].Text_textVariants_mono_true__aprhbd7, [data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,12 @@
+import type { WalletAccount } from '@iota/wallet-standard';
+import { Button } from './ui/Button.js';
+type AccountDropdownMenuProps = {
+    currentAccount: WalletAccount;
+    size?: React.ComponentProps<typeof Button>['size'];
+};
+export declare function AccountDropdownMenu({ currentAccount, size }: AccountDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountDropdownMenuItem({ account, active, }: {
+    account: WalletAccount;
+    active?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};