@iota/dapp-kit 0.1.2 → 0.3.0

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

@@ -0,0 +1,2 @@
+import type { ThemeVars } from './themeContract.js';
+export declare const darkTheme: ThemeVars;

package/dist/cjs/themes/darkTheme.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/darkTheme.ts
+var darkTheme_exports = {};
+__export(darkTheme_exports, {
+  darkTheme: () => darkTheme
+});
+module.exports = __toCommonJS(darkTheme_exports);
+var darkTheme = {
+  blurs: {
+    modalOverlay: "blur(12px)"
+  },
+  backgroundColors: {
+    primaryButton: "#253041",
+    primaryButtonHover: "#313D50",
+    outlineButtonHover: "#313D50",
+    modalOverlay: "rgba(0, 47, 109, 0.72)",
+    modalPrimary: "#0f141c",
+    modalSecondary: "#171d26",
+    iconButton: "transparent",
+    dropdownMenu: "#0f141c",
+    dropdownMenuSeparator: "#bed8ff14",
+    walletItemSelected: "#171D26",
+    walletItemHover: "rgba(190, 216, 255, 0.12)",
+    scrollThumb: "#3c4656"
+  },
+  borderColors: {
+    outlineButton: "#8892A1"
+  },
+  colors: {
+    primaryButton: "#E3EAF6",
+    outlineButtonHover: "#171D26",
+    iconButton: "#E3EAF6",
+    body: "#E3EAF6",
+    bodyMuted: "#8892A1",
+    bodyDanger: "#FFB0BE"
+  },
+  radii: {
+    small: "6px",
+    medium: "8px",
+    large: "12px",
+    xlarge: "16px",
+    full: "120px"
+  },
+  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: "24px",
+    letterSpacing: "0.1px"
+  },
+  spacing: {
+    xxsmall: "4px",
+    xsmall: "8px",
+    small: "12px",
+    medium: "16px",
+    large: "24px",
+    xlarge: "32px"
+  }
+};
+//# sourceMappingURL=darkTheme.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/themes/darkTheme.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ThemeVars } from './themeContract.js';\n\nexport const darkTheme: ThemeVars = {\n    blurs: {\n        modalOverlay: 'blur(12px)',\n    },\n    backgroundColors: {\n        primaryButton: '#253041',\n        primaryButtonHover: '#313D50',\n        outlineButtonHover: '#313D50',\n        modalOverlay: 'rgba(0, 47, 109, 0.72)',\n        modalPrimary: '#0f141c',\n        modalSecondary: '#171d26',\n        iconButton: 'transparent',\n        dropdownMenu: '#0f141c',\n        dropdownMenuSeparator: '#bed8ff14',\n        walletItemSelected: '#171D26',\n        walletItemHover: 'rgba(190, 216, 255, 0.12)',\n        scrollThumb: '#3c4656',\n    },\n    borderColors: {\n        outlineButton: '#8892A1',\n    },\n    colors: {\n        primaryButton: '#E3EAF6',\n        outlineButtonHover: '#171D26',\n        iconButton: '#E3EAF6',\n        body: '#E3EAF6',\n        bodyMuted: '#8892A1',\n        bodyDanger: '#FFB0BE',\n    },\n    radii: {\n        small: '6px',\n        medium: '8px',\n        large: '12px',\n        xlarge: '16px',\n        full: '120px',\n    },\n    fontWeights: {\n        normal: '400',\n        medium: '500',\n        bold: '600',\n    },\n    fontSizes: {\n        small: '14px',\n        medium: '16px',\n        large: '18px',\n        xlarge: '20px',\n    },\n    typography: {\n        fontFamily:\n            '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        fontStyle: 'normal',\n        lineHeight: '24px',\n        letterSpacing: '0.1px',\n    },\n    spacing: {\n        xxsmall: '4px',\n        xsmall: '8px',\n        small: '12px',\n        medium: '16px',\n        large: '24px',\n        xlarge: '32px',\n    },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,IAAM,YAAuB;AAAA,EAChC,OAAO;AAAA,IACH,cAAc;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,IACd,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACJ,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,YACI;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;",
+  "names": []
+}

package/dist/cjs/themes/lightTheme.js

@@ -35,18 +35,18 @@ var lightTheme = {
     modalPrimary: "white",
     modalSecondary: "#F7F8F8",
     iconButton: "transparent",
-    iconButtonHover: "#F0F1F2",
     dropdownMenu: "#FFFFFF",
     dropdownMenuSeparator: "#F3F6F8",
     walletItemSelected: "white",
-    walletItemHover: "#3C424226"
+    walletItemHover: "#3C424226",
+    scrollThumb: "#cad4e2"
   },
   borderColors: {
     outlineButton: "#E4E4E7"
   },
   colors: {
     primaryButton: "#373737",
-    outlineButton: "#373737",
+    outlineButtonHover: "#373737",
     iconButton: "#000000",
     body: "#182435",
     bodyMuted: "#767A81",
@@ -56,11 +56,8 @@ var lightTheme = {
     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)"
+    xlarge: "16px",
+    full: "120px"
   },
   fontWeights: {
     normal: "400",
@@ -78,6 +75,14 @@ var lightTheme = {
     fontStyle: "normal",
     lineHeight: "1.3",
     letterSpacing: "1"
+  },
+  spacing: {
+    xxsmall: "4px",
+    xsmall: "8px",
+    small: "12px",
+    medium: "16px",
+    large: "24px",
+    xlarge: "32px"
   }
 };
 //# sourceMappingURL=lightTheme.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/themes/lightTheme.ts"],
-  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ThemeVars } from './themeContract.js';\n\nexport const lightTheme: ThemeVars = {\n    blurs: {\n        modalOverlay: 'blur(0)',\n    },\n    backgroundColors: {\n        primaryButton: '#F6F7F9',\n        primaryButtonHover: '#F0F2F5',\n        outlineButtonHover: '#F4F4F5',\n        modalOverlay: 'rgba(24 36 53 / 20%)',\n        modalPrimary: 'white',\n        modalSecondary: '#F7F8F8',\n        iconButton: 'transparent',\n        iconButtonHover: '#F0F1F2',\n        dropdownMenu: '#FFFFFF',\n        dropdownMenuSeparator: '#F3F6F8',\n        walletItemSelected: 'white',\n        walletItemHover: '#3C424226',\n    },\n    borderColors: {\n        outlineButton: '#E4E4E7',\n    },\n    colors: {\n        primaryButton: '#373737',\n        outlineButton: '#373737',\n        iconButton: '#000000',\n        body: '#182435',\n        bodyMuted: '#767A81',\n        bodyDanger: '#FF794B',\n    },\n    radii: {\n        small: '6px',\n        medium: '8px',\n        large: '12px',\n        xlarge: '16px',\n    },\n    shadows: {\n        primaryButton: '0px 4px 12px rgba(0, 0, 0, 0.1)',\n        walletItemSelected: '0px 2px 6px rgba(0, 0, 0, 0.05)',\n    },\n    fontWeights: {\n        normal: '400',\n        medium: '500',\n        bold: '600',\n    },\n    fontSizes: {\n        small: '14px',\n        medium: '16px',\n        large: '18px',\n        xlarge: '20px',\n    },\n    typography: {\n        fontFamily:\n            '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        fontStyle: 'normal',\n        lineHeight: '1.3',\n        letterSpacing: '1',\n    },\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,IAAM,aAAwB;AAAA,EACjC,OAAO;AAAA,IACH,cAAc;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,IACd,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,EACrB;AAAA,EACA,cAAc;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACJ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACL,eAAe;AAAA,IACf,oBAAoB;AAAA,EACxB;AAAA,EACA,aAAa;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,YACI;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AACJ;",
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ThemeVars } from './themeContract.js';\n\nexport const lightTheme: ThemeVars = {\n    blurs: {\n        modalOverlay: 'blur(0)',\n    },\n    backgroundColors: {\n        primaryButton: '#F6F7F9',\n        primaryButtonHover: '#F0F2F5',\n        outlineButtonHover: '#F4F4F5',\n        modalOverlay: 'rgba(24 36 53 / 20%)',\n        modalPrimary: 'white',\n        modalSecondary: '#F7F8F8',\n        iconButton: 'transparent',\n        dropdownMenu: '#FFFFFF',\n        dropdownMenuSeparator: '#F3F6F8',\n        walletItemSelected: 'white',\n        walletItemHover: '#3C424226',\n        scrollThumb: '#cad4e2',\n    },\n    borderColors: {\n        outlineButton: '#E4E4E7',\n    },\n    colors: {\n        primaryButton: '#373737',\n        outlineButtonHover: '#373737',\n        iconButton: '#000000',\n        body: '#182435',\n        bodyMuted: '#767A81',\n        bodyDanger: '#FF794B',\n    },\n    radii: {\n        small: '6px',\n        medium: '8px',\n        large: '12px',\n        xlarge: '16px',\n        full: '120px',\n    },\n    fontWeights: {\n        normal: '400',\n        medium: '500',\n        bold: '600',\n    },\n    fontSizes: {\n        small: '14px',\n        medium: '16px',\n        large: '18px',\n        xlarge: '20px',\n    },\n    typography: {\n        fontFamily:\n            '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        fontStyle: 'normal',\n        lineHeight: '1.3',\n        letterSpacing: '1',\n    },\n    spacing: {\n        xxsmall: '4px',\n        xsmall: '8px',\n        small: '12px',\n        medium: '16px',\n        large: '24px',\n        xlarge: '32px',\n    },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,IAAM,aAAwB;AAAA,EACjC,OAAO;AAAA,IACH,cAAc;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,IACd,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACJ,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,YACI;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;",
   "names": []
 }

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

@@ -12,16 +12,16 @@ declare const themeContractValues: {
         modalPrimary: string;
         modalSecondary: string;
         iconButton: string;
-        iconButtonHover: string;
         dropdownMenu: string;
         dropdownMenuSeparator: string;
+        scrollThumb: string;
     };
     borderColors: {
         outlineButton: string;
     };
     colors: {
         primaryButton: string;
-        outlineButton: string;
+        outlineButtonHover: string;
         body: string;
         bodyMuted: string;
         bodyDanger: string;
@@ -32,10 +32,7 @@ declare const themeContractValues: {
         medium: string;
         large: string;
         xlarge: string;
-    };
-    shadows: {
-        primaryButton: string;
-        walletItemSelected: string;
+        full: string;
     };
     fontWeights: {
         normal: string;
@@ -54,6 +51,14 @@ declare const themeContractValues: {
         lineHeight: string;
         letterSpacing: string;
     };
+    spacing: {
+        xxsmall: string;
+        xsmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
 };
 export type ThemeVars = typeof themeContractValues;
 /**
@@ -94,16 +99,16 @@ export declare const themeVars: {
         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})`;
+        scrollThumb: `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})`;
+        outlineButtonHover: `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})`;
@@ -114,10 +119,7 @@ export declare const themeVars: {
         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})`;
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     fontWeights: {
         normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -136,5 +138,13 @@ export declare const themeVars: {
         lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
+    spacing: {
+        xxsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        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})`;
+    };
 };
 export {};

package/dist/cjs/themes/themeContract.js

@@ -38,16 +38,16 @@ var themeContractValues = {
     modalPrimary: "",
     modalSecondary: "",
     iconButton: "",
-    iconButtonHover: "",
     dropdownMenu: "",
-    dropdownMenuSeparator: ""
+    dropdownMenuSeparator: "",
+    scrollThumb: ""
   },
   borderColors: {
     outlineButton: ""
   },
   colors: {
     primaryButton: "",
-    outlineButton: "",
+    outlineButtonHover: "",
     body: "",
     bodyMuted: "",
     bodyDanger: "",
@@ -57,11 +57,8 @@ var themeContractValues = {
     small: "",
     medium: "",
     large: "",
-    xlarge: ""
-  },
-  shadows: {
-    primaryButton: "",
-    walletItemSelected: ""
+    xlarge: "",
+    full: ""
   },
   fontWeights: {
     normal: "",
@@ -79,6 +76,14 @@ var themeContractValues = {
     fontStyle: "",
     lineHeight: "",
     letterSpacing: ""
+  },
+  spacing: {
+    xxsmall: "",
+    xsmall: "",
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: ""
   }
 };
 var themeVars = (0, import_css.createGlobalThemeContract)(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/themes/themeContract.ts"],
-  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createGlobalThemeContract } from '@vanilla-extract/css';\n\nconst themeContractValues = {\n    blurs: {\n        modalOverlay: '',\n    },\n    backgroundColors: {\n        primaryButton: '',\n        primaryButtonHover: '',\n        outlineButtonHover: '',\n        walletItemHover: '',\n        walletItemSelected: '',\n        modalOverlay: '',\n        modalPrimary: '',\n        modalSecondary: '',\n        iconButton: '',\n        iconButtonHover: '',\n        dropdownMenu: '',\n        dropdownMenuSeparator: '',\n    },\n    borderColors: {\n        outlineButton: '',\n    },\n    colors: {\n        primaryButton: '',\n        outlineButton: '',\n        body: '',\n        bodyMuted: '',\n        bodyDanger: '',\n        iconButton: '',\n    },\n    radii: {\n        small: '',\n        medium: '',\n        large: '',\n        xlarge: '',\n    },\n    shadows: {\n        primaryButton: '',\n        walletItemSelected: '',\n    },\n    fontWeights: {\n        normal: '',\n        medium: '',\n        bold: '',\n    },\n    fontSizes: {\n        small: '',\n        medium: '',\n        large: '',\n        xlarge: '',\n    },\n    typography: {\n        fontFamily: '',\n        fontStyle: '',\n        lineHeight: '',\n        letterSpacing: '',\n    },\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    /**\n     * An optional media query required for the given theme to be enabled. This is useful\n     * when you want the theme of your application to automatically switch depending on\n     * a media feature.\n     *\n     * @example '(prefers-color-scheme: dark)'\n     */\n    mediaQuery?: string;\n\n    /**\n     * An optional CSS selector required for the given theme to be enabled. This is useful\n     * when you have a manual theme switcher on your application that sets a top-level\n     * class name or data-attribute to control the current theme.\n     *\n     * @example '.data-dark'\n     */\n    selector?: string;\n\n    /** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */\n    variables: ThemeVars;\n};\n\nexport type Theme = ThemeVars | DynamicTheme[];\n\nexport const themeVars = createGlobalThemeContract(\n    themeContractValues,\n    (_, path) => `dapp-kit-${path.join('-')}`,\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,iBAA0C;AAE1C,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,IACH,cAAc;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,IACd,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,EAC3B;AAAA,EACA,cAAc;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACJ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACL,eAAe;AAAA,IACf,oBAAoB;AAAA,EACxB;AAAA,EACA,aAAa;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AACJ;AAgCO,IAAM,gBAAY;AAAA,EACrB;AAAA,EACA,CAAC,GAAG,SAAS,YAAY,KAAK,KAAK,GAAG;AAC1C;",
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createGlobalThemeContract } from '@vanilla-extract/css';\n\nconst themeContractValues = {\n    blurs: {\n        modalOverlay: '',\n    },\n    backgroundColors: {\n        primaryButton: '',\n        primaryButtonHover: '',\n        outlineButtonHover: '',\n        walletItemHover: '',\n        walletItemSelected: '',\n        modalOverlay: '',\n        modalPrimary: '',\n        modalSecondary: '',\n        iconButton: '',\n        dropdownMenu: '',\n        dropdownMenuSeparator: '',\n        scrollThumb: '',\n    },\n    borderColors: {\n        outlineButton: '',\n    },\n    colors: {\n        primaryButton: '',\n        outlineButtonHover: '',\n        body: '',\n        bodyMuted: '',\n        bodyDanger: '',\n        iconButton: '',\n    },\n    radii: {\n        small: '',\n        medium: '',\n        large: '',\n        xlarge: '',\n        full: '',\n    },\n    fontWeights: {\n        normal: '',\n        medium: '',\n        bold: '',\n    },\n    fontSizes: {\n        small: '',\n        medium: '',\n        large: '',\n        xlarge: '',\n    },\n    typography: {\n        fontFamily: '',\n        fontStyle: '',\n        lineHeight: '',\n        letterSpacing: '',\n    },\n    spacing: {\n        xxsmall: '',\n        xsmall: '',\n        small: '',\n        medium: '',\n        large: '',\n        xlarge: '',\n    },\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    /**\n     * An optional media query required for the given theme to be enabled. This is useful\n     * when you want the theme of your application to automatically switch depending on\n     * a media feature.\n     *\n     * @example '(prefers-color-scheme: dark)'\n     */\n    mediaQuery?: string;\n\n    /**\n     * An optional CSS selector required for the given theme to be enabled. This is useful\n     * when you have a manual theme switcher on your application that sets a top-level\n     * class name or data-attribute to control the current theme.\n     *\n     * @example '.data-dark'\n     */\n    selector?: string;\n\n    /** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */\n    variables: ThemeVars;\n};\n\nexport type Theme = ThemeVars | DynamicTheme[];\n\nexport const themeVars = createGlobalThemeContract(\n    themeContractValues,\n    (_, path) => `dapp-kit-${path.join('-')}`,\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,iBAA0C;AAE1C,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,IACH,cAAc;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,IACd,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,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,aAAa;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACJ,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;AAgCO,IAAM,gBAAY;AAAA,EACrB;AAAA,EACA,CAAC,GAAG,SAAS,YAAY,KAAK,KAAK,GAAG,CAAC;AAC3C;",
   "names": []
 }

package/dist/cjs/types.d.ts

@@ -1,2 +1,2 @@
-export type { SignedPersonalMessage, SignedTransactionBlock } from '@iota/wallet-standard';
+export type { SignedPersonalMessage, SignedTransaction } from '@iota/wallet-standard';
 export type { ThemeVars } from './themes/themeContract.js';

package/dist/cjs/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/types.ts"],
-  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nexport type { SignedPersonalMessage, SignedTransactionBlock } from '@iota/wallet-standard';\nexport type { ThemeVars } from './themes/themeContract.js';\n"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nexport type { SignedPersonalMessage, SignedTransaction } from '@iota/wallet-standard';\nexport type { ThemeVars } from './themes/themeContract.js';\n"],
   "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/utils/assertUnreachable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/assertUnreachable.ts"],
   "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Utility for compile-time exhaustiveness checking.\n */\nexport function assertUnreachable(value: never): never {\n    throw new Error(`ERROR! Encountered an unexpected value: ${value}`);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,kBAAkB,OAAqB;AACnD,QAAM,IAAI,MAAM,2CAA2C,OAAO;AACtE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,kBAAkB,OAAqB;AACnD,QAAM,IAAI,MAAM,2CAA2C,KAAK,EAAE;AACtE;",
   "names": []
 }

package/dist/cjs/utils/walletUtils.d.ts

@@ -1,3 +1,3 @@
-import type { Wallet, WalletWithFeatures } from '@iota/wallet-standard';
-export declare function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(preferredWallets: string[], requiredFeatures?: (keyof AdditionalFeatures)[]): WalletWithFeatures<import("@iota/wallet-standard").StandardConnectFeature & import("@iota/wallet-standard").StandardEventsFeature & AdditionalFeatures>[];
+import type { Wallet, WalletWithFeatures, WalletWithRequiredFeatures } from '@iota/wallet-standard';
+export declare function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(preferredWallets: string[], walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean): WalletWithFeatures<import("@iota/wallet-standard").StandardConnectFeature & import("@iota/wallet-standard").StandardEventsFeature & AdditionalFeatures>[];
 export declare function getWalletUniqueIdentifier(wallet?: Wallet): string | undefined;

package/dist/cjs/utils/walletUtils.js

@@ -25,11 +25,11 @@ __export(walletUtils_exports, {
 });
 module.exports = __toCommonJS(walletUtils_exports);
 var import_wallet_standard = require("@iota/wallet-standard");
-function getRegisteredWallets(preferredWallets, requiredFeatures) {
+function getRegisteredWallets(preferredWallets, walletFilter) {
   const walletsApi = (0, import_wallet_standard.getWallets)();
   const wallets = walletsApi.get();
   const iotaWallets = wallets.filter(
-    (wallet) => (0, import_wallet_standard.isWalletWithRequiredFeatureSet)(wallet, requiredFeatures)
+    (wallet) => (0, import_wallet_standard.isWalletWithRequiredFeatureSet)(wallet) && (!walletFilter || walletFilter(wallet))
   );
   return [
     // Preferred wallets, in order:

package/dist/cjs/utils/walletUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../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 { MinimallyRequiredFeatures, Wallet, WalletWithFeatures } from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n    preferredWallets: string[],\n    requiredFeatures?: (keyof AdditionalFeatures)[],\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, requiredFeatures),\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;AAAA;AAKA,6BAA2D;AAEpD,SAAS,qBACZ,kBACA,kBACF;AACE,QAAM,iBAAa,mCAAW;AAC9B,QAAM,UAAU,WAAW,IAAI;AAE/B,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,eACG,uDAA+B,QAAQ,gBAAgB;AAAA,EAC/D;AAEA,SAAO;AAAA;AAAA,IAEH,GAAI,iBACC,IAAI,CAAC,SAAS,YAAY,KAAK,CAAC,WAAW,OAAO,SAAS,IAAI,CAAC,EAChE,OAAO,OAAO;AAAA;AAAA,IAKnB,GAAG,YAAY,OAAO,CAAC,WAAW,CAAC,iBAAiB,SAAS,OAAO,IAAI,CAAC;AAAA,EAC7E;AACJ;AAEO,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;",
+  "sourcesContent": ["// 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;AAAA;AAUA,6BAA2D;AAEpD,SAAS,qBACZ,kBACA,cACF;AACE,QAAM,iBAAa,mCAAW;AAC9B,QAAM,UAAU,WAAW,IAAI;AAE/B,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,eACG,uDAA+B,MAAM,MAAM,CAAC,gBAAgB,aAAa,MAAM;AAAA,EACvF;AAEA,SAAO;AAAA;AAAA,IAEH,GAAI,iBACC,IAAI,CAAC,SAAS,YAAY,KAAK,CAAC,WAAW,OAAO,SAAS,IAAI,CAAC,EAChE,OAAO,OAAO;AAAA;AAAA,IAKnB,GAAG,YAAY,OAAO,CAAC,WAAW,CAAC,iBAAiB,SAAS,OAAO,IAAI,CAAC;AAAA,EAC7E;AACJ;AAEO,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;",
   "names": []
 }

package/dist/cjs/walletStore.d.ts

@@ -4,7 +4,7 @@ type WalletConnectionStatus = 'disconnected' | 'connecting' | 'connected';
 export type WalletActions = {
     setAccountSwitched: (selectedAccount: WalletAccount) => void;
     setConnectionStatus: (connectionStatus: WalletConnectionStatus) => void;
-    setWalletConnected: (wallet: WalletWithRequiredFeatures, connectedAccounts: readonly WalletAccount[], selectedAccount: WalletAccount | null) => void;
+    setWalletConnected: (wallet: WalletWithRequiredFeatures, connectedAccounts: readonly WalletAccount[], selectedAccount: WalletAccount | null, supportedIntents?: string[]) => void;
     updateWalletAccounts: (accounts: readonly WalletAccount[]) => void;
     setWalletDisconnected: () => void;
     setWalletRegistered: (updatedWallets: WalletWithRequiredFeatures[]) => void;
@@ -20,6 +20,7 @@ export type StoreState = {
     lastConnectedAccountAddress: string | null;
     lastConnectedWalletName: string | null;
     connectionStatus: WalletConnectionStatus;
+    supportedIntents: string[];
 } & WalletActions;
 type WalletConfiguration = {
     autoConnectEnabled: boolean;
@@ -31,7 +32,7 @@ export declare function createWalletStore({ wallets, storage, storageKey, autoCo
     persist: {
         setOptions: (options: Partial<import("zustand/middleware.js").PersistOptions<StoreState, unknown>>) => void;
         clearStorage: () => void;
-        rehydrate: () => void | Promise<void>;
+        rehydrate: () => Promise<void> | void;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: StoreState) => void) => () => void;
         onFinishHydration: (fn: (state: StoreState) => void) => () => void;

package/dist/cjs/walletStore.js

@@ -50,19 +50,21 @@ function createWalletStore({
         lastConnectedAccountAddress: null,
         lastConnectedWalletName: null,
         connectionStatus: "disconnected",
+        supportedIntents: [],
         setConnectionStatus(connectionStatus) {
           set(() => ({
             connectionStatus
           }));
         },
-        setWalletConnected(wallet, connectedAccounts, selectedAccount) {
+        setWalletConnected(wallet, connectedAccounts, selectedAccount, supportedIntents = []) {
           set(() => ({
             accounts: connectedAccounts,
             currentWallet: wallet,
             currentAccount: selectedAccount,
             lastConnectedWalletName: getWalletUniqueIdentifier(wallet),
             lastConnectedAccountAddress: selectedAccount?.address,
-            connectionStatus: "connected"
+            connectionStatus: "connected",
+            supportedIntents
           }));
         },
         setWalletDisconnected() {
@@ -72,7 +74,8 @@ function createWalletStore({
             currentAccount: null,
             lastConnectedWalletName: null,
             lastConnectedAccountAddress: null,
-            connectionStatus: "disconnected"
+            connectionStatus: "disconnected",
+            supportedIntents: []
           }));
         },
         setAccountSwitched(selectedAccount) {
@@ -93,7 +96,8 @@ function createWalletStore({
               currentAccount: null,
               lastConnectedWalletName: null,
               lastConnectedAccountAddress: null,
-              connectionStatus: "disconnected"
+              connectionStatus: "disconnected",
+              supportedIntents: []
             }));
           } else {
             set(() => ({ wallets: updatedWallets }));

package/dist/cjs/walletStore.js.map

@@ -1,7 +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    ) => 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} & 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                setConnectionStatus(connectionStatus) {\n                    set(() => ({\n                        connectionStatus,\n                    }));\n                },\n                setWalletConnected(wallet, connectedAccounts, selectedAccount) {\n                    set(() => ({\n                        accounts: connectedAccounts,\n                        currentWallet: wallet,\n                        currentAccount: selectedAccount,\n                        lastConnectedWalletName: getWalletUniqueIdentifier(wallet),\n                        lastConnectedAccountAddress: selectedAccount?.address,\n                        connectionStatus: 'connected',\n                    }));\n                },\n                setWalletDisconnected() {\n                    set(() => ({\n                        accounts: [],\n                        currentWallet: null,\n                        currentAccount: null,\n                        lastConnectedWalletName: null,\n                        lastConnectedAccountAddress: null,\n                        connectionStatus: 'disconnected',\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                        }));\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 { MinimallyRequiredFeatures, Wallet, WalletWithFeatures } from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n    preferredWallets: string[],\n    requiredFeatures?: (keyof AdditionalFeatures)[],\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, requiredFeatures),\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;;;ACF3C,6BAA2D;AA2BpD,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;;;ADgBO,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,oBAAoB,kBAAkB;AAClC,cAAI,OAAO;AAAA,YACP;AAAA,UACJ,EAAE;AAAA,QACN;AAAA,QACA,mBAAmB,QAAQ,mBAAmB,iBAAiB;AAC3D,cAAI,OAAO;AAAA,YACP,UAAU;AAAA,YACV,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB,0BAA0B,MAAM;AAAA,YACzD,6BAA6B,iBAAiB;AAAA,YAC9C,kBAAkB;AAAA,UACtB,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,UACtB,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,YACtB,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;",
+  "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

@@ -93,7 +93,7 @@
   margin: 0;
 }
 
-/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA== */
+/* 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;
@@ -109,7 +109,6 @@
 [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {
   background-color: var(--dapp-kit-backgroundColors-primaryButton);
   color: var(--dapp-kit-colors-primaryButton);
-  box-shadow: var(--dapp-kit-shadows-primaryButton);
 }
 [data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover,
 [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {
@@ -120,7 +119,7 @@
   border-width: 1px;
   border-style: solid;
   border-color: var(--dapp-kit-borderColors-outlineButton);
-  color: var(--dapp-kit-colors-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 {
@@ -128,12 +127,12 @@
 }
 [data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3,
 [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {
-  border-radius: var(--dapp-kit-radii-medium);
+  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-large);
+  border-radius: var(--dapp-kit-radii-full);
   padding: 16px 24px;
 }
 

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW8UMRDt71dMSQpHeyFIwalCaChSUSJ0cuw57+S8Y8sec3sg/jta576U5AIRbiy9+Xrz/Hx+Y22sLJ9zTC6u+Q65LmxkRivotsHFYj52fkjLDn7NALxJGq7SeD37PTt/qX5ArreRxRBj3hfPW/FPRexw1PBxd/7aBo8YXLQmjkoKZqNhGXC8nkG7laOMViiyBhtDHXiKrMlJr2F+1aWWOZhR9Ui+Fw0X3R7MnlhJTBouH6FknCP220WPlwa4j9lhVtk4qkXDD5PfKeVMSmpF0mBSwWSPZy3b2JXPsbJTNoaYnxUcEm6neFHuSIWzV+X5IjjstXnftHlKvBbMqmBAKxo4Mk5grBKI8QA8U9QE8qxIcCgaLLJgfuvq/8z7mzNiVE++D9PDoPveNnm7cCnTYPLmUxWJfJpBWZPYfhu5e0rn8mWLPdQitNwo++hIDSUZi+oeZY3IJyU7RQGTyUbi4Xt8aGN31pyng69Ln4lXGrr/d9PX3dhJnD+CRQwU/AMAAA=="],
   "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: 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[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3, [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {\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[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted], [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n}\n[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4, [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5, [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {\n  height: 1px;\n  flex-shrink: 0;\n  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);\n}"],
-  "mappings": ";AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACG;AACK;AACR;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;",
+  "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;AAAwC,CAAC,eAAe,CAAxD;AACd,WAAS;AACT,uBAAqB;AAClB,oBAAkB;AACb,eAAa;AACrB,WAAS;AACT,WAAS;AACT,eAAa;AACb,iBAAe,IAAI;AACrB;AACA,CAAC,cAAc,CAVC,sCAUsC,CAAC;AAAmB,CAAC,eAAe,CAV1E,sCAUiH,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": []
 }