@iota/dapp-kit 0.1.2 → 0.3.0

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

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

package/dist/esm/themes/darkTheme.js

@@ -0,0 +1,67 @@
+// src/themes/darkTheme.ts
+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"
+  }
+};
+export {
+  darkTheme
+};
+//# sourceMappingURL=darkTheme.js.map

package/dist/esm/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": ";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/esm/themes/lightTheme.js

@@ -11,18 +11,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",
@@ -32,11 +32,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",
@@ -54,6 +51,14 @@ var lightTheme = {
     fontStyle: "normal",
     lineHeight: "1.3",
     letterSpacing: "1"
+  },
+  spacing: {
+    xxsmall: "4px",
+    xsmall: "8px",
+    small: "12px",
+    medium: "16px",
+    large: "24px",
+    xlarge: "32px"
   }
 };
 export {

package/dist/esm/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": ";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": ";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/esm/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/esm/themes/themeContract.js

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

package/dist/esm/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": ";AAIA,SAAS,iCAAiC;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,YAAY;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": ";AAIA,SAAS,iCAAiC;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,YAAY;AAAA,EACrB;AAAA,EACA,CAAC,GAAG,SAAS,YAAY,KAAK,KAAK,GAAG,CAAC;AAC3C;",
   "names": []
 }

package/dist/esm/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/esm/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": ";AAOO,SAAS,kBAAkB,OAAqB;AACnD,QAAM,IAAI,MAAM,2CAA2C,OAAO;AACtE;",
+  "mappings": ";AAOO,SAAS,kBAAkB,OAAqB;AACnD,QAAM,IAAI,MAAM,2CAA2C,KAAK,EAAE;AACtE;",
   "names": []
 }

package/dist/esm/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/esm/utils/walletUtils.js

@@ -1,10 +1,10 @@
 // src/utils/walletUtils.ts
 import { getWallets, isWalletWithRequiredFeatureSet } from "@iota/wallet-standard";
-function getRegisteredWallets(preferredWallets, requiredFeatures) {
+function getRegisteredWallets(preferredWallets, walletFilter) {
   const walletsApi = getWallets();
   const wallets = walletsApi.get();
   const iotaWallets = wallets.filter(
-    (wallet) => isWalletWithRequiredFeatureSet(wallet, requiredFeatures)
+    (wallet) => isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet))
   );
   return [
     // Preferred wallets, in order:

package/dist/esm/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": ";AAKA,SAAS,YAAY,sCAAsC;AAEpD,SAAS,qBACZ,kBACA,kBACF;AACE,QAAM,aAAa,WAAW;AAC9B,QAAM,UAAU,WAAW,IAAI;AAE/B,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,WACG,+BAA+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": ";AAUA,SAAS,YAAY,sCAAsC;AAEpD,SAAS,qBACZ,kBACA,cACF;AACE,QAAM,aAAa,WAAW;AAC9B,QAAM,UAAU,WAAW,IAAI;AAE/B,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,WACG,+BAA+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/esm/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").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/esm/walletStore.js

@@ -26,19 +26,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() {
@@ -48,7 +50,8 @@ function createWalletStore({
             currentAccount: null,
             lastConnectedWalletName: null,
             lastConnectedAccountAddress: null,
-            connectionStatus: "disconnected"
+            connectionStatus: "disconnected",
+            supportedIntents: []
           }));
         },
         setAccountSwitched(selectedAccount) {
@@ -69,7 +72,8 @@ function createWalletStore({
               currentAccount: null,
               lastConnectedWalletName: null,
               lastConnectedAccountAddress: null,
-              connectionStatus: "disconnected"
+              connectionStatus: "disconnected",
+              supportedIntents: []
             }));
           } else {
             set(() => ({ wallets: updatedWallets }));

package/dist/esm/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": ";AAKA,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB,eAAe;;;ACF3C,SAAS,YAAY,sCAAsC;AA2BpD,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;;;ADgBO,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAwB;AACpB,SAAO,YAAwB;AAAA,IAC3B;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,SAAS,kBAAkB,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": ";AAKA,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB,eAAe;;;ACG3C,SAAS,YAAY,sCAAsC;AA2BpD,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;;;ADaO,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAwB;AACpB,SAAO,YAAwB;AAAA,IAC3B;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,SAAS,kBAAkB,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/index.css/package.json

@@ -0,0 +1,5 @@
+{
+    "private": true,
+    "import": "../esm/index.css",
+    "main": "../cjs/index.css"
+}