@mysten/dapp-kit 0.1.0 → 0.2.0

package/dist/cjs/themes/lightTheme.js

@@ -0,0 +1,83 @@
+"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/themes/lightTheme.ts
+var lightTheme_exports = {};
+__export(lightTheme_exports, {
+  lightTheme: () => lightTheme
+});
+module.exports = __toCommonJS(lightTheme_exports);
+var lightTheme = {
+  blurs: {
+    modalOverlay: "blur(0)"
+  },
+  backgroundColors: {
+    primaryButton: "#F6F7F9",
+    primaryButtonHover: "#F0F2F5",
+    outlineButtonHover: "#F4F4F5",
+    modalOverlay: "rgba(24 36 53 / 20%)",
+    modalPrimary: "white",
+    modalSecondary: "#F7F8F8",
+    iconButton: "transparent",
+    iconButtonHover: "#F0F1F2",
+    dropdownMenu: "#FFFFFF",
+    dropdownMenuSeparator: "#F3F6F8",
+    walletItemSelected: "white",
+    walletItemHover: "#3C424226"
+  },
+  borderColors: {
+    outlineButton: "#E4E4E7"
+  },
+  colors: {
+    primaryButton: "#373737",
+    outlineButton: "#373737",
+    iconButton: "#000000",
+    body: "#182435",
+    bodyMuted: "#767A81",
+    bodyDanger: "#FF794B"
+  },
+  radii: {
+    small: "6px",
+    medium: "8px",
+    large: "12px",
+    xlarge: "16px"
+  },
+  shadows: {
+    primaryButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
+    walletItemSelected: "0px 2px 6px rgba(0, 0, 0, 0.05)"
+  },
+  fontWeights: {
+    normal: "400",
+    medium: "500",
+    bold: "600"
+  },
+  fontSizes: {
+    small: "14px",
+    medium: "16px",
+    large: "18px",
+    xlarge: "20px"
+  },
+  typography: {
+    fontFamily: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+    fontStyle: "normal",
+    lineHeight: "1.3",
+    letterSpacing: "1"
+  }
+};
+//# sourceMappingURL=lightTheme.js.map

package/dist/cjs/themes/lightTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/themes/lightTheme.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ThemeVars } from './themeContract.js';\n\nexport const lightTheme: ThemeVars = {\n\tblurs: {\n\t\tmodalOverlay: 'blur(0)',\n\t},\n\tbackgroundColors: {\n\t\tprimaryButton: '#F6F7F9',\n\t\tprimaryButtonHover: '#F0F2F5',\n\t\toutlineButtonHover: '#F4F4F5',\n\t\tmodalOverlay: 'rgba(24 36 53 / 20%)',\n\t\tmodalPrimary: 'white',\n\t\tmodalSecondary: '#F7F8F8',\n\t\ticonButton: 'transparent',\n\t\ticonButtonHover: '#F0F1F2',\n\t\tdropdownMenu: '#FFFFFF',\n\t\tdropdownMenuSeparator: '#F3F6F8',\n\t\twalletItemSelected: 'white',\n\t\twalletItemHover: '#3C424226',\n\t},\n\tborderColors: {\n\t\toutlineButton: '#E4E4E7',\n\t},\n\tcolors: {\n\t\tprimaryButton: '#373737',\n\t\toutlineButton: '#373737',\n\t\ticonButton: '#000000',\n\t\tbody: '#182435',\n\t\tbodyMuted: '#767A81',\n\t\tbodyDanger: '#FF794B',\n\t},\n\tradii: {\n\t\tsmall: '6px',\n\t\tmedium: '8px',\n\t\tlarge: '12px',\n\t\txlarge: '16px',\n\t},\n\tshadows: {\n\t\tprimaryButton: '0px 4px 12px rgba(0, 0, 0, 0.1)',\n\t\twalletItemSelected: '0px 2px 6px rgba(0, 0, 0, 0.05)',\n\t},\n\tfontWeights: {\n\t\tnormal: '400',\n\t\tmedium: '500',\n\t\tbold: '600',\n\t},\n\tfontSizes: {\n\t\tsmall: '14px',\n\t\tmedium: '16px',\n\t\tlarge: '18px',\n\t\txlarge: '20px',\n\t},\n\ttypography: {\n\t\tfontFamily:\n\t\t\t'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n\t\tfontStyle: 'normal',\n\t\tlineHeight: '1.3',\n\t\tletterSpacing: '1',\n\t},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKO,IAAM,aAAwB;AAAA,EACpC,OAAO;AAAA,IACN,cAAc;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,IACjB,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,EAClB;AAAA,EACA,cAAc;AAAA,IACb,eAAe;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACP,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACR,eAAe;AAAA,IACf,oBAAoB;AAAA,EACrB;AAAA,EACA,aAAa;AAAA,IACZ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACP;AAAA,EACA,WAAW;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACX,YACC;AAAA,IACD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EAChB;AACD;",
+  "names": []
+}

package/dist/cjs/themes/themeContract.d.ts

@@ -0,0 +1,140 @@
+declare const themeContractValues: {
+    blurs: {
+        modalOverlay: string;
+    };
+    backgroundColors: {
+        primaryButton: string;
+        primaryButtonHover: string;
+        outlineButtonHover: string;
+        walletItemHover: string;
+        walletItemSelected: string;
+        modalOverlay: string;
+        modalPrimary: string;
+        modalSecondary: string;
+        iconButton: string;
+        iconButtonHover: string;
+        dropdownMenu: string;
+        dropdownMenuSeparator: string;
+    };
+    borderColors: {
+        outlineButton: string;
+    };
+    colors: {
+        primaryButton: string;
+        outlineButton: string;
+        body: string;
+        bodyMuted: string;
+        bodyDanger: string;
+        iconButton: string;
+    };
+    radii: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    shadows: {
+        primaryButton: string;
+        walletItemSelected: string;
+    };
+    fontWeights: {
+        normal: string;
+        medium: string;
+        bold: string;
+    };
+    fontSizes: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontStyle: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+};
+export type ThemeVars = typeof themeContractValues;
+/**
+ * A custom theme that is enabled when various conditions are
+ */
+export type DynamicTheme = {
+    /**
+     * An optional media query required for the given theme to be enabled. This is useful
+     * when you want the theme of your application to automatically switch depending on
+     * a media feature.
+     *
+     * @example '(prefers-color-scheme: dark)'
+     */
+    mediaQuery?: string;
+    /**
+     * An optional CSS selector required for the given theme to be enabled. This is useful
+     * when you have a manual theme switcher on your application that sets a top-level
+     * class name or data-attribute to control the current theme.
+     *
+     * @example '.data-dark'
+     */
+    selector?: string;
+    /** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */
+    variables: ThemeVars;
+};
+export type Theme = ThemeVars | DynamicTheme[];
+export declare const themeVars: {
+    blurs: {
+        modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    backgroundColors: {
+        primaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        primaryButtonHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        outlineButtonHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        walletItemHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        walletItemSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        iconButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        iconButtonHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownMenu: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownMenuSeparator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    borderColors: {
+        outlineButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    colors: {
+        primaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        outlineButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        bodyMuted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        bodyDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        iconButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    radii: {
+        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    shadows: {
+        primaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        walletItemSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontWeights: {
+        normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontSizes: {
+        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    typography: {
+        fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fontStyle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+export {};

package/dist/cjs/themes/themeContract.js

@@ -0,0 +1,88 @@
+"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/themes/themeContract.ts
+var themeContract_exports = {};
+__export(themeContract_exports, {
+  themeVars: () => themeVars
+});
+module.exports = __toCommonJS(themeContract_exports);
+var import_css = require("@vanilla-extract/css");
+var themeContractValues = {
+  blurs: {
+    modalOverlay: ""
+  },
+  backgroundColors: {
+    primaryButton: "",
+    primaryButtonHover: "",
+    outlineButtonHover: "",
+    walletItemHover: "",
+    walletItemSelected: "",
+    modalOverlay: "",
+    modalPrimary: "",
+    modalSecondary: "",
+    iconButton: "",
+    iconButtonHover: "",
+    dropdownMenu: "",
+    dropdownMenuSeparator: ""
+  },
+  borderColors: {
+    outlineButton: ""
+  },
+  colors: {
+    primaryButton: "",
+    outlineButton: "",
+    body: "",
+    bodyMuted: "",
+    bodyDanger: "",
+    iconButton: ""
+  },
+  radii: {
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: ""
+  },
+  shadows: {
+    primaryButton: "",
+    walletItemSelected: ""
+  },
+  fontWeights: {
+    normal: "",
+    medium: "",
+    bold: ""
+  },
+  fontSizes: {
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: ""
+  },
+  typography: {
+    fontFamily: "",
+    fontStyle: "",
+    lineHeight: "",
+    letterSpacing: ""
+  }
+};
+var themeVars = (0, import_css.createGlobalThemeContract)(
+  themeContractValues,
+  (_, path) => `dapp-kit-${path.join("-")}`
+);
+//# sourceMappingURL=themeContract.js.map

package/dist/cjs/themes/themeContract.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/themes/themeContract.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createGlobalThemeContract } from '@vanilla-extract/css';\n\nconst themeContractValues = {\n\tblurs: {\n\t\tmodalOverlay: '',\n\t},\n\tbackgroundColors: {\n\t\tprimaryButton: '',\n\t\tprimaryButtonHover: '',\n\t\toutlineButtonHover: '',\n\t\twalletItemHover: '',\n\t\twalletItemSelected: '',\n\t\tmodalOverlay: '',\n\t\tmodalPrimary: '',\n\t\tmodalSecondary: '',\n\t\ticonButton: '',\n\t\ticonButtonHover: '',\n\t\tdropdownMenu: '',\n\t\tdropdownMenuSeparator: '',\n\t},\n\tborderColors: {\n\t\toutlineButton: '',\n\t},\n\tcolors: {\n\t\tprimaryButton: '',\n\t\toutlineButton: '',\n\t\tbody: '',\n\t\tbodyMuted: '',\n\t\tbodyDanger: '',\n\t\ticonButton: '',\n\t},\n\tradii: {\n\t\tsmall: '',\n\t\tmedium: '',\n\t\tlarge: '',\n\t\txlarge: '',\n\t},\n\tshadows: {\n\t\tprimaryButton: '',\n\t\twalletItemSelected: '',\n\t},\n\tfontWeights: {\n\t\tnormal: '',\n\t\tmedium: '',\n\t\tbold: '',\n\t},\n\tfontSizes: {\n\t\tsmall: '',\n\t\tmedium: '',\n\t\tlarge: '',\n\t\txlarge: '',\n\t},\n\ttypography: {\n\t\tfontFamily: '',\n\t\tfontStyle: '',\n\t\tlineHeight: '',\n\t\tletterSpacing: '',\n\t},\n};\n\nexport type ThemeVars = typeof themeContractValues;\n\n/**\n * A custom theme that is enabled when various conditions are\n */\nexport type DynamicTheme = {\n\t/**\n\t * An optional media query required for the given theme to be enabled. This is useful\n\t * when you want the theme of your application to automatically switch depending on\n\t * a media feature.\n\t *\n\t * @example '(prefers-color-scheme: dark)'\n\t */\n\tmediaQuery?: string;\n\n\t/**\n\t * An optional CSS selector required for the given theme to be enabled. This is useful\n\t * when you have a manual theme switcher on your application that sets a top-level\n\t * class name or data-attribute to control the current theme.\n\t *\n\t * @example '.data-dark'\n\t */\n\tselector?: string;\n\n\t/** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */\n\tvariables: ThemeVars;\n};\n\nexport type Theme = ThemeVars | DynamicTheme[];\n\nexport const themeVars = createGlobalThemeContract(\n\tthemeContractValues,\n\t(_, path) => `dapp-kit-${path.join('-')}`,\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iBAA0C;AAE1C,IAAM,sBAAsB;AAAA,EAC3B,OAAO;AAAA,IACN,cAAc;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,IACjB,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,uBAAuB;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,IACb,eAAe;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACP,eAAe;AAAA,IACf,eAAe;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACR,eAAe;AAAA,IACf,oBAAoB;AAAA,EACrB;AAAA,EACA,aAAa;AAAA,IACZ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACP;AAAA,EACA,WAAW;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EAChB;AACD;AAgCO,IAAM,gBAAY;AAAA,EACxB;AAAA,EACA,CAAC,GAAG,SAAS,YAAY,KAAK,KAAK,GAAG;AACvC;",
+  "names": []
+}

package/dist/cjs/walletStore.d.ts

@@ -2,7 +2,7 @@ import type { Wallet, WalletAccount, WalletWithRequiredFeatures } from '@mysten/
 import type { StateStorage } from 'zustand/middleware';
 export type WalletActions = {
     setAccountSwitched: (selectedAccount: WalletAccount) => void;
-    setWalletConnected: (wallet: WalletWithRequiredFeatures, selectedAccount: WalletAccount | null) => void;
+    setWalletConnected: (wallet: WalletWithRequiredFeatures, connectedAccounts: readonly WalletAccount[], selectedAccount: WalletAccount | null) => void;
     updateWalletAccounts: (accounts: readonly WalletAccount[]) => void;
     setWalletDisconnected: () => void;
     setWalletRegistered: (updatedWallets: WalletWithRequiredFeatures[]) => void;

package/dist/cjs/walletStore.js

@@ -36,9 +36,9 @@ function createWalletStore({ wallets, storage, storageKey }) {
         lastConnectedAccountAddress: null,
         lastConnectedWalletName: null,
         connectionStatus: "disconnected",
-        setWalletConnected(wallet, selectedAccount) {
+        setWalletConnected(wallet, connectedAccounts, selectedAccount) {
           set(() => ({
-            accounts: wallet.accounts,
+            accounts: connectedAccounts,
             currentWallet: wallet,
             currentAccount: selectedAccount,
             lastConnectedWalletName: wallet.name,

package/dist/cjs/walletStore.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/walletStore.ts"],
-  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { Wallet, WalletAccount, WalletWithRequiredFeatures } from '@mysten/wallet-standard';\nimport { createStore } from 'zustand';\nimport type { StateStorage } from 'zustand/middleware';\nimport { createJSONStorage, persist } from 'zustand/middleware';\n\nexport type WalletActions = {\n\tsetAccountSwitched: (selectedAccount: WalletAccount) => void;\n\tsetWalletConnected: (\n\t\twallet: WalletWithRequiredFeatures,\n\t\tselectedAccount: WalletAccount | null,\n\t) => void;\n\tupdateWalletAccounts: (accounts: readonly WalletAccount[]) => void;\n\tsetWalletDisconnected: () => void;\n\tsetWalletRegistered: (updatedWallets: WalletWithRequiredFeatures[]) => void;\n\tsetWalletUnregistered: (\n\t\tupdatedWallets: WalletWithRequiredFeatures[],\n\t\tunregisteredWallet: Wallet,\n\t) => void;\n};\n\nexport type WalletStore = ReturnType<typeof createWalletStore>;\n\nexport type StoreState = {\n\twallets: WalletWithRequiredFeatures[];\n\taccounts: readonly WalletAccount[];\n\tcurrentWallet: WalletWithRequiredFeatures | null;\n\tcurrentAccount: WalletAccount | null;\n\tlastConnectedAccountAddress: string | null;\n\tlastConnectedWalletName: string | null;\n} & WalletActions;\n\nexport type WalletConfiguration = {\n\twallets: WalletWithRequiredFeatures[];\n\tstorage: StateStorage;\n\tstorageKey: string;\n};\n\nexport function createWalletStore({ wallets, storage, storageKey }: WalletConfiguration) {\n\treturn createStore<StoreState>()(\n\t\tpersist(\n\t\t\t(set, get) => ({\n\t\t\t\twallets,\n\t\t\t\taccounts: [],\n\t\t\t\tcurrentWallet: null,\n\t\t\t\tcurrentAccount: null,\n\t\t\t\tlastConnectedAccountAddress: null,\n\t\t\t\tlastConnectedWalletName: null,\n\t\t\t\tconnectionStatus: 'disconnected',\n\t\t\t\tsetWalletConnected(wallet, selectedAccount) {\n\t\t\t\t\tset(() => ({\n\t\t\t\t\t\taccounts: wallet.accounts,\n\t\t\t\t\t\tcurrentWallet: wallet,\n\t\t\t\t\t\tcurrentAccount: selectedAccount,\n\t\t\t\t\t\tlastConnectedWalletName: wallet.name,\n\t\t\t\t\t\tlastConnectedAccountAddress: selectedAccount?.address,\n\t\t\t\t\t}));\n\t\t\t\t},\n\t\t\t\tsetWalletDisconnected() {\n\t\t\t\t\tset(() => ({\n\t\t\t\t\t\taccounts: [],\n\t\t\t\t\t\tcurrentWallet: null,\n\t\t\t\t\t\tcurrentAccount: null,\n\t\t\t\t\t\tlastConnectedWalletName: null,\n\t\t\t\t\t\tlastConnectedAccountAddress: null,\n\t\t\t\t\t}));\n\t\t\t\t},\n\t\t\t\tsetAccountSwitched(selectedAccount) {\n\t\t\t\t\tset(() => ({\n\t\t\t\t\t\tcurrentAccount: selectedAccount,\n\t\t\t\t\t\tlastConnectedAccountAddress: selectedAccount.address,\n\t\t\t\t\t}));\n\t\t\t\t},\n\t\t\t\tsetWalletRegistered(updatedWallets) {\n\t\t\t\t\tset(() => ({ wallets: updatedWallets }));\n\t\t\t\t},\n\t\t\t\tsetWalletUnregistered(updatedWallets, unregisteredWallet) {\n\t\t\t\t\tif (unregisteredWallet === get().currentWallet) {\n\t\t\t\t\t\tset(() => ({\n\t\t\t\t\t\t\twallets: updatedWallets,\n\t\t\t\t\t\t\taccounts: [],\n\t\t\t\t\t\t\tcurrentWallet: null,\n\t\t\t\t\t\t\tcurrentAccount: null,\n\t\t\t\t\t\t\tlastConnectedWalletName: null,\n\t\t\t\t\t\t\tlastConnectedAccountAddress: null,\n\t\t\t\t\t\t}));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tset(() => ({ wallets: updatedWallets }));\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tupdateWalletAccounts(accounts) {\n\t\t\t\t\tconst currentAccount = get().currentAccount;\n\t\t\t\t\tconst isCurrentAccountStillAuthorized = currentAccount\n\t\t\t\t\t\t? accounts.some(({ address }) => address === currentAccount.address)\n\t\t\t\t\t\t: false;\n\n\t\t\t\t\tset(() => ({\n\t\t\t\t\t\taccounts,\n\t\t\t\t\t\tcurrentAccount: isCurrentAccountStillAuthorized ? currentAccount : accounts[0],\n\t\t\t\t\t}));\n\t\t\t\t},\n\t\t\t}),\n\t\t\t{\n\t\t\t\tname: storageKey,\n\t\t\t\tstorage: createJSONStorage(() => storage),\n\t\t\t\tpartialize: ({ lastConnectedWalletName, lastConnectedAccountAddress }) => ({\n\t\t\t\t\tlastConnectedWalletName,\n\t\t\t\t\tlastConnectedAccountAddress,\n\t\t\t\t}),\n\t\t\t},\n\t\t),\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAA4B;AAE5B,wBAA2C;AAkCpC,SAAS,kBAAkB,EAAE,SAAS,SAAS,WAAW,GAAwB;AACxF,aAAO,4BAAwB;AAAA,QAC9B;AAAA,MACC,CAAC,KAAK,SAAS;AAAA,QACd;AAAA,QACA,UAAU,CAAC;AAAA,QACX,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,6BAA6B;AAAA,QAC7B,yBAAyB;AAAA,QACzB,kBAAkB;AAAA,QAClB,mBAAmB,QAAQ,iBAAiB;AAC3C,cAAI,OAAO;AAAA,YACV,UAAU,OAAO;AAAA,YACjB,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB,OAAO;AAAA,YAChC,6BAA6B,iBAAiB;AAAA,UAC/C,EAAE;AAAA,QACH;AAAA,QACA,wBAAwB;AACvB,cAAI,OAAO;AAAA,YACV,UAAU,CAAC;AAAA,YACX,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB;AAAA,YACzB,6BAA6B;AAAA,UAC9B,EAAE;AAAA,QACH;AAAA,QACA,mBAAmB,iBAAiB;AACnC,cAAI,OAAO;AAAA,YACV,gBAAgB;AAAA,YAChB,6BAA6B,gBAAgB;AAAA,UAC9C,EAAE;AAAA,QACH;AAAA,QACA,oBAAoB,gBAAgB;AACnC,cAAI,OAAO,EAAE,SAAS,eAAe,EAAE;AAAA,QACxC;AAAA,QACA,sBAAsB,gBAAgB,oBAAoB;AACzD,cAAI,uBAAuB,IAAI,EAAE,eAAe;AAC/C,gBAAI,OAAO;AAAA,cACV,SAAS;AAAA,cACT,UAAU,CAAC;AAAA,cACX,eAAe;AAAA,cACf,gBAAgB;AAAA,cAChB,yBAAyB;AAAA,cACzB,6BAA6B;AAAA,YAC9B,EAAE;AAAA,UACH,OAAO;AACN,gBAAI,OAAO,EAAE,SAAS,eAAe,EAAE;AAAA,UACxC;AAAA,QACD;AAAA,QACA,qBAAqB,UAAU;AAC9B,gBAAM,iBAAiB,IAAI,EAAE;AAC7B,gBAAM,kCAAkC,iBACrC,SAAS,KAAK,CAAC,EAAE,QAAQ,MAAM,YAAY,eAAe,OAAO,IACjE;AAEH,cAAI,OAAO;AAAA,YACV;AAAA,YACA,gBAAgB,kCAAkC,iBAAiB,SAAS,CAAC;AAAA,UAC9E,EAAE;AAAA,QACH;AAAA,MACD;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,aAAS,qCAAkB,MAAM,OAAO;AAAA,QACxC,YAAY,CAAC,EAAE,yBAAyB,4BAA4B,OAAO;AAAA,UAC1E;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;",
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { Wallet, WalletAccount, WalletWithRequiredFeatures } from '@mysten/wallet-standard';\nimport { createStore } from 'zustand';\nimport type { StateStorage } from 'zustand/middleware';\nimport { createJSONStorage, persist } from 'zustand/middleware';\n\nexport type WalletActions = {\n\tsetAccountSwitched: (selectedAccount: WalletAccount) => void;\n\tsetWalletConnected: (\n\t\twallet: WalletWithRequiredFeatures,\n\t\tconnectedAccounts: readonly WalletAccount[],\n\t\tselectedAccount: WalletAccount | null,\n\t) => void;\n\tupdateWalletAccounts: (accounts: readonly WalletAccount[]) => void;\n\tsetWalletDisconnected: () => void;\n\tsetWalletRegistered: (updatedWallets: WalletWithRequiredFeatures[]) => void;\n\tsetWalletUnregistered: (\n\t\tupdatedWallets: WalletWithRequiredFeatures[],\n\t\tunregisteredWallet: Wallet,\n\t) => void;\n};\n\nexport type WalletStore = ReturnType<typeof createWalletStore>;\n\nexport type StoreState = {\n\twallets: WalletWithRequiredFeatures[];\n\taccounts: readonly WalletAccount[];\n\tcurrentWallet: WalletWithRequiredFeatures | null;\n\tcurrentAccount: WalletAccount | null;\n\tlastConnectedAccountAddress: string | null;\n\tlastConnectedWalletName: string | null;\n} & WalletActions;\n\nexport type WalletConfiguration = {\n\twallets: WalletWithRequiredFeatures[];\n\tstorage: StateStorage;\n\tstorageKey: string;\n};\n\nexport function createWalletStore({ wallets, storage, storageKey }: WalletConfiguration) {\n\treturn createStore<StoreState>()(\n\t\tpersist(\n\t\t\t(set, get) => ({\n\t\t\t\twallets,\n\t\t\t\taccounts: [],\n\t\t\t\tcurrentWallet: null,\n\t\t\t\tcurrentAccount: null,\n\t\t\t\tlastConnectedAccountAddress: null,\n\t\t\t\tlastConnectedWalletName: null,\n\t\t\t\tconnectionStatus: 'disconnected',\n\t\t\t\tsetWalletConnected(wallet, connectedAccounts, selectedAccount) {\n\t\t\t\t\tset(() => ({\n\t\t\t\t\t\taccounts: connectedAccounts,\n\t\t\t\t\t\tcurrentWallet: wallet,\n\t\t\t\t\t\tcurrentAccount: selectedAccount,\n\t\t\t\t\t\tlastConnectedWalletName: wallet.name,\n\t\t\t\t\t\tlastConnectedAccountAddress: selectedAccount?.address,\n\t\t\t\t\t}));\n\t\t\t\t},\n\t\t\t\tsetWalletDisconnected() {\n\t\t\t\t\tset(() => ({\n\t\t\t\t\t\taccounts: [],\n\t\t\t\t\t\tcurrentWallet: null,\n\t\t\t\t\t\tcurrentAccount: null,\n\t\t\t\t\t\tlastConnectedWalletName: null,\n\t\t\t\t\t\tlastConnectedAccountAddress: null,\n\t\t\t\t\t}));\n\t\t\t\t},\n\t\t\t\tsetAccountSwitched(selectedAccount) {\n\t\t\t\t\tset(() => ({\n\t\t\t\t\t\tcurrentAccount: selectedAccount,\n\t\t\t\t\t\tlastConnectedAccountAddress: selectedAccount.address,\n\t\t\t\t\t}));\n\t\t\t\t},\n\t\t\t\tsetWalletRegistered(updatedWallets) {\n\t\t\t\t\tset(() => ({ wallets: updatedWallets }));\n\t\t\t\t},\n\t\t\t\tsetWalletUnregistered(updatedWallets, unregisteredWallet) {\n\t\t\t\t\tif (unregisteredWallet === get().currentWallet) {\n\t\t\t\t\t\tset(() => ({\n\t\t\t\t\t\t\twallets: updatedWallets,\n\t\t\t\t\t\t\taccounts: [],\n\t\t\t\t\t\t\tcurrentWallet: null,\n\t\t\t\t\t\t\tcurrentAccount: null,\n\t\t\t\t\t\t\tlastConnectedWalletName: null,\n\t\t\t\t\t\t\tlastConnectedAccountAddress: null,\n\t\t\t\t\t\t}));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tset(() => ({ wallets: updatedWallets }));\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tupdateWalletAccounts(accounts) {\n\t\t\t\t\tconst currentAccount = get().currentAccount;\n\t\t\t\t\tconst isCurrentAccountStillAuthorized = currentAccount\n\t\t\t\t\t\t? accounts.some(({ address }) => address === currentAccount.address)\n\t\t\t\t\t\t: false;\n\n\t\t\t\t\tset(() => ({\n\t\t\t\t\t\taccounts,\n\t\t\t\t\t\tcurrentAccount: isCurrentAccountStillAuthorized ? currentAccount : accounts[0],\n\t\t\t\t\t}));\n\t\t\t\t},\n\t\t\t}),\n\t\t\t{\n\t\t\t\tname: storageKey,\n\t\t\t\tstorage: createJSONStorage(() => storage),\n\t\t\t\tpartialize: ({ lastConnectedWalletName, lastConnectedAccountAddress }) => ({\n\t\t\t\t\tlastConnectedWalletName,\n\t\t\t\t\tlastConnectedAccountAddress,\n\t\t\t\t}),\n\t\t\t},\n\t\t),\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAA4B;AAE5B,wBAA2C;AAmCpC,SAAS,kBAAkB,EAAE,SAAS,SAAS,WAAW,GAAwB;AACxF,aAAO,4BAAwB;AAAA,QAC9B;AAAA,MACC,CAAC,KAAK,SAAS;AAAA,QACd;AAAA,QACA,UAAU,CAAC;AAAA,QACX,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,6BAA6B;AAAA,QAC7B,yBAAyB;AAAA,QACzB,kBAAkB;AAAA,QAClB,mBAAmB,QAAQ,mBAAmB,iBAAiB;AAC9D,cAAI,OAAO;AAAA,YACV,UAAU;AAAA,YACV,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB,OAAO;AAAA,YAChC,6BAA6B,iBAAiB;AAAA,UAC/C,EAAE;AAAA,QACH;AAAA,QACA,wBAAwB;AACvB,cAAI,OAAO;AAAA,YACV,UAAU,CAAC;AAAA,YACX,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB;AAAA,YACzB,6BAA6B;AAAA,UAC9B,EAAE;AAAA,QACH;AAAA,QACA,mBAAmB,iBAAiB;AACnC,cAAI,OAAO;AAAA,YACV,gBAAgB;AAAA,YAChB,6BAA6B,gBAAgB;AAAA,UAC9C,EAAE;AAAA,QACH;AAAA,QACA,oBAAoB,gBAAgB;AACnC,cAAI,OAAO,EAAE,SAAS,eAAe,EAAE;AAAA,QACxC;AAAA,QACA,sBAAsB,gBAAgB,oBAAoB;AACzD,cAAI,uBAAuB,IAAI,EAAE,eAAe;AAC/C,gBAAI,OAAO;AAAA,cACV,SAAS;AAAA,cACT,UAAU,CAAC;AAAA,cACX,eAAe;AAAA,cACf,gBAAgB;AAAA,cAChB,yBAAyB;AAAA,cACzB,6BAA6B;AAAA,YAC9B,EAAE;AAAA,UACH,OAAO;AACN,gBAAI,OAAO,EAAE,SAAS,eAAe,EAAE;AAAA,UACxC;AAAA,QACD;AAAA,QACA,qBAAqB,UAAU;AAC9B,gBAAM,iBAAiB,IAAI,EAAE;AAC7B,gBAAM,kCAAkC,iBACrC,SAAS,KAAK,CAAC,EAAE,QAAQ,MAAM,YAAY,eAAe,OAAO,IACjE;AAEH,cAAI,OAAO;AAAA,YACV;AAAA,YACA,gBAAgB,kCAAkC,iBAAiB,SAAS,CAAC;AAAA,UAC9E,EAAE;AAAA,QACH;AAAA,MACD;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,aAAS,qCAAkB,MAAM,OAAO;AAAA,QACxC,YAAY,CAAC,EAAE,yBAAyB,4BAA4B,OAAO;AAAA,UAC1E;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;",
   "names": []
 }

package/dist/esm/components/AccountDropdownMenu.css

@@ -1,41 +1,106 @@
-/* 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;
+/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfY29ubmVjdGVkQWNjb3VudF9fZGl2MnFsMCB7CiAgZ2FwOiA4cHg7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfbWVudUNvbnRlbnRfX2RpdjJxbDEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgbWFyZ2luLXRvcDogNHB4OwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1kcm9wZG93bk1lbnUpOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVJdGVtX19kaXYycWwyIHsKICBwYWRkaW5nOiA4cHg7CiAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVJdGVtX19kaXYycWwyW2RhdGEtaGlnaGxpZ2h0ZWRdIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXByaW1hcnlCdXR0b24pOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X3N3aXRjaEFjY291bnRNZW51SXRlbV9fZGl2MnFsMyB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zZXBhcmF0b3JfX2RpdjJxbDQgewogIGhlaWdodDogMXB4OwogIGZsZXgtc2hyaW5rOiAwOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtZHJvcGRvd25NZW51U2VwYXJhdG9yKTsKfQ== */
+.AccountDropdownMenu_connectedAccount__div2ql0 {
   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 {
+  display: flex;
+  flex-direction: column;
   width: 180px;
   max-height: 200px;
-  border-radius: 12px;
   margin-top: 4px;
   padding: 8px;
-  display: flex;
-  flex-direction: column;
   gap: 8px;
-  background-color: white;
+  border-radius: var(--dapp-kit-radii-large);
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
 }
-.AccountDropdownMenu_switchAccountButton__div2ql2 {
+.AccountDropdownMenu_menuItem__div2ql2 {
+  padding: 8px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  outline: none;
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  border-radius: var(--dapp-kit-radii-large);
 }
-.AccountDropdownMenu_disconnectButton__div2ql3 {
+.AccountDropdownMenu_menuItem__div2ql2[data-highlighted] {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+}
+.AccountDropdownMenu_switchAccountMenuItem__div2ql3 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .AccountDropdownMenu_separator__div2ql4 {
   height: 1px;
-  background-color: #F3F6F8;
+  flex-shrink: 0;
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
+}
+
+/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Tz1LCMBDG7zxFjnIIQxEdptz04hPosbNtQruSJjFJodXx3U1aOoAVhNFL0/n2z+/bbTN5qJxTMknb4xkMgnQ2SerILqK3KfkYEcLQagFNTFAKlJyuBK+XXgeBuaToeGljknHpuAnya2UdrhqaKa9IdxhaeYluOeaFlzdgbihloDVdo6Mh9tKGLC05w6ocL0efo8l5g7E3B6ngrHWqNGTovNPp5O5M8aZ7SbTBEkzTN4vaHilk69yoSjI/gVBmYHSf8Bjilu7adKxxmPPnwuxUeqpqagtgajuo6eRh0dWzxYXacPMfEz6FRpdYUJUL/0tvYdbBlWHc0C0yV8Qk0vVyL1rXCB4TqwSyA/mEyTa4M7hDXfoJvqdfPcqftnlE/3WbFt95UrIefXu4RQP+ntgBMci4v0SEaGAMZR6Tha5JdB+Wfp4n8p43v5gnwOT8GBdQZDb3Dw/8AmeLhNtrBAAA */
+.Button_buttonVariants__x1s81q0 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: var(--dapp-kit-fontWeights-medium);
+}
+.Button_buttonVariants__x1s81q0:disabled {
+  opacity: 0.5;
+}
+.Button_buttonVariants_variant_primary__x1s81q1 {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+  color: var(--dapp-kit-colors-primaryButton);
+  box-shadow: var(--dapp-kit-shadows-primaryButton);
+}
+.Button_buttonVariants_variant_primary__x1s81q1:hover {
+  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
+}
+.Button_buttonVariants_variant_outline__x1s81q2 {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--dapp-kit-borderColors-outlineButton);
+  color: var(--dapp-kit-colors-outlineButton);
+}
+.Button_buttonVariants_variant_outline__x1s81q2:hover {
+  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
+}
+.Button_buttonVariants_size_md__x1s81q3 {
+  border-radius: var(--dapp-kit-radii-medium);
+  padding: 8px 16px;
+}
+.Button_buttonVariants_size_lg__x1s81q4 {
+  border-radius: var(--dapp-kit-radii-large);
+  padding: 16px 24px;
+}
+
+/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzJidjF1cjEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMmJ2MXVyMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fXzJidjF1cjMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMmJ2MXVyNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fMmJ2MXVyNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfXzJidjF1cjYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fMmJ2MXVyNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
+.Text_textVariants_size_sm__2bv1ur1 {
+  font-size: var(--dapp-kit-fontSizes-small);
+}
+.Text_textVariants_weight_normal__2bv1ur2 {
+  font-weight: var(--dapp-kit-fontWeights-normal);
+}
+.Text_textVariants_weight_medium__2bv1ur3 {
+  font-weight: var(--dapp-kit-fontWeights-medium);
+}
+.Text_textVariants_weight_bold__2bv1ur4 {
+  font-weight: var(--dapp-kit-fontWeights-bold);
+}
+.Text_textVariants_color_muted__2bv1ur5 {
+  color: var(--dapp-kit-colors-bodyMuted);
+}
+.Text_textVariants_color_danger__2bv1ur6 {
+  color: var(--dapp-kit-colors-bodyDanger);
+}
+.Text_textVariants_mono_true__2bv1ur7 {
+  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

@@ -1,41 +1,39 @@
-/* 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;
+/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfY29ubmVjdGVkQWNjb3VudF9fZGl2MnFsMCB7CiAgZ2FwOiA4cHg7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfbWVudUNvbnRlbnRfX2RpdjJxbDEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgbWFyZ2luLXRvcDogNHB4OwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1kcm9wZG93bk1lbnUpOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVJdGVtX19kaXYycWwyIHsKICBwYWRkaW5nOiA4cHg7CiAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVJdGVtX19kaXYycWwyW2RhdGEtaGlnaGxpZ2h0ZWRdIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXByaW1hcnlCdXR0b24pOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X3N3aXRjaEFjY291bnRNZW51SXRlbV9fZGl2MnFsMyB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zZXBhcmF0b3JfX2RpdjJxbDQgewogIGhlaWdodDogMXB4OwogIGZsZXgtc2hyaW5rOiAwOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtZHJvcGRvd25NZW51U2VwYXJhdG9yKTsKfQ== */
+.AccountDropdownMenu_connectedAccount__div2ql0 {
   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 {
+  display: flex;
+  flex-direction: column;
   width: 180px;
   max-height: 200px;
-  border-radius: 12px;
   margin-top: 4px;
   padding: 8px;
-  display: flex;
-  flex-direction: column;
   gap: 8px;
-  background-color: white;
+  border-radius: var(--dapp-kit-radii-large);
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
 }
-.AccountDropdownMenu_switchAccountButton__div2ql2 {
+.AccountDropdownMenu_menuItem__div2ql2 {
+  padding: 8px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  outline: none;
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  border-radius: var(--dapp-kit-radii-large);
+}
+.AccountDropdownMenu_menuItem__div2ql2[data-highlighted] {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
 }
-.AccountDropdownMenu_disconnectButton__div2ql3 {
+.AccountDropdownMenu_switchAccountMenuItem__div2ql3 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .AccountDropdownMenu_separator__div2ql4 {
   height: 1px;
-  background-color: #F3F6F8;
+  flex-shrink: 0;
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
 }
 /*# sourceMappingURL=AccountDropdownMenu.css.css.map */

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

@@ -1,7 +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;",
+  "sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=LkFjY291bnREcm9wZG93bk1lbnVfY29ubmVjdGVkQWNjb3VudF9fZGl2MnFsMCB7CiAgZ2FwOiA4cHg7Cn0KLkFjY291bnREcm9wZG93bk1lbnVfbWVudUNvbnRlbnRfX2RpdjJxbDEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICB3aWR0aDogMTgwcHg7CiAgbWF4LWhlaWdodDogMjAwcHg7CiAgbWFyZ2luLXRvcDogNHB4OwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1kcm9wZG93bk1lbnUpOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVJdGVtX19kaXYycWwyIHsKICBwYWRkaW5nOiA4cHg7CiAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X21lbnVJdGVtX19kaXYycWwyW2RhdGEtaGlnaGxpZ2h0ZWRdIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXByaW1hcnlCdXR0b24pOwp9Ci5BY2NvdW50RHJvcGRvd25NZW51X3N3aXRjaEFjY291bnRNZW51SXRlbV9fZGl2MnFsMyB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQouQWNjb3VudERyb3Bkb3duTWVudV9zZXBhcmF0b3JfX2RpdjJxbDQgewogIGhlaWdodDogMXB4OwogIGZsZXgtc2hyaW5rOiAwOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtZHJvcGRvd25NZW51U2VwYXJhdG9yKTsKfQ=="],
+  "sourcesContent": [".AccountDropdownMenu_connectedAccount__div2ql0 {\n  gap: 8px;\n}\n.AccountDropdownMenu_menuContent__div2ql1 {\n  display: flex;\n  flex-direction: column;\n  width: 180px;\n  max-height: 200px;\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.AccountDropdownMenu_menuItem__div2ql2 {\n  padding: 8px;\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.AccountDropdownMenu_menuItem__div2ql2[data-highlighted] {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n}\n.AccountDropdownMenu_switchAccountMenuItem__div2ql3 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.AccountDropdownMenu_separator__div2ql4 {\n  height: 1px;\n  flex-shrink: 0;\n  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n}"],
+  "mappings": ";AAAA;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACG;AACK;AACR;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;",
   "names": []
 }

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

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

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

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